/*-------------- media section ---------------*/

@media screen and (max-width: 320px){
  .side-navigation ul li ul a{
    font-size: 15px;
  }
  .titles-underline:after{
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .above_title{
    margin-top: 0;
  }
  .service-img-black {
    left: 80px !important;
  }
}
@media (min-width : 321px) and (max-width:375px) {
  .service-img-black {
    left: 105px !important;
  }
}
@media (min-width : 376px) and (max-width:425px) {
  .service-img-black {
    left: 133px !important;
  }
}
@media screen and (max-width:991px) and (min-width: 577px) {
  .socialbox{
    text-align: center;
    float: unset;
  }
  .home #header .menubar{
    position: static;
  }
  .about-content a {
    margin-bottom: 10px;
  }
  .about-content {
    margin-top: 25px;
  }
  .titles-underline:after {
    margin-left: -7%;
  }
  #our-services .page-box{
    margin-bottom:0.5em;
    margin-top:20px;
  }
  .testimonialwrapper-box{
    margin-bottom: 50px;
  }
  #header .logo a.custom-logo-link{
    position: static;
  }
  .fadeInRight{
    animation-name: unset !important;
  }
  .socialbox {
    text-align: center;
    float: unset;
  }
  .blog-share-icon {
    margin-left: -8em;
    margin-right: -4em;
  }
  .services-content-left{
    padding-bottom: 10px;
  }
  .woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px 0 0 0;
  }
  .contact-box .wpcf7 input[type="text"],
  .contact-box .wpcf7 input[type="email"],
  .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
  #sidebar aside{
    margin-bottom: 11%;
  }
  .authordetails .author_links{
    padding-left: 0;
  }
  .authordetails ul{
    margin-left: 0;
    padding-top: 20px;
  }
  .search-results input{
    margin-bottom: 10px;
  }
  .search-results select{
    margin-bottom: 10px;
  }
  .admin-bar{
    position: relative;
  }
  .contact-info {
    margin: 0 !important;
  }
  .record-contents {
    padding-top: 20px;
  }
  #our-newsletter .newsletter-head{
    padding-left: 15px;
    text-align: center;
  }
  #our-newsletter .newsletter-form input[type="submit"]{
    width: 100%;
    margin-top: 20px;
  }
  #our-newsletter .newsletter{
    position: unset;
    width: auto;
  }
  #our-newsletter .wpcf7-form-control-wrap{
    float: none;
  }
  #our-newsletter .newsletter{
    margin: 0;
  }
  #slider .inner_carousel p{
    display: none;
  }
  #slider .carousel-caption{
    top: 40%;
    right: 10%;
  }
  #site_top .socialbox a i{
    font-size: 14px;
  }
  .socialbox{
    text-align: center;
    float: unset;
  }
  .socialbox .apply-online{
    margin-left: 0;
    font-size: 11px;
    padding: 9px 8px;
  }
  #site_top .con-info span{
    padding: 2px;
  }
  .record-contents b {
    font-size: 25px;
  }
  .core-value-icon {
    height: 65px;
  }
  #our-newsletter .newsletter h3{
    font-size: 21px;
  }
  #our-newsletter .newsletter-form input[type="submit"]{
    margin: 15px 0 0;
  }
  #our-newsletter .newsletter p{
    margin-bottom: 0;
  }
  #our-newsletter .newsletter-head{
    padding-top: 16px;
  }
  #our-newsletter .newsletter{
    top: -26px;
  }
  #footer .copyright{
    text-align: center;
  }
  #footer .socialbox{
    text-align: center;
    padding-top: 20px;
  }
  #sidebar ul li a{
    padding-left: 0;
  }
  #sidebar span.comment-author-link{
    margin-left: 0;
  }
  #single-event .list-group{
    margin-top: 20px;
  }
  .search-results input{
    margin-bottom: 10px;
  }
  .search-results select{
    margin-bottom: 10px;
  }
  .why-choose-us-icon-line:after {
    height: 160px;
    margin-left: -26%;
    margin-top: 55%;
  }
  .about-text-content{
    margin-top: 5%;
    text-align: center;
  }
  #about p.text-uppercase.font-weight-bold {
    font-size: 11px;
  }
  .search-box{
    float: none;
  }
  .search-box form.search-form{
    margin: 0 auto;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  #footer input[type="submit"] {
    padding: 9px 3%;
  }
  small {
    font-size: 13px !important;
  }
  #our-newsletter .newsletter-form input[type="email"]{
    width: 100%;
  }
  #our-newsletter .newsletter-form i {
    right: 145px !important;
    top: 96px;
  }
}

@media screen and (max-width: 1405px){
  .side-navigation ul li:hover > ul{
    animation:unset;
  }
  .side-navigation ul li{
    width: 100%;
    height: auto;
  }
  .side-navigation ul#menu-primary-menu-1{ flex-direction: column;}
    /* .side-navigation ul li a,  .side-navigation li */
  .headerbar, .side-navigation,
   .side-navigation ul ul li,
   .current_page_item{
    display: block;
   }
   .headerbar:focus,.hamburger:focus{
     outline: none;
   }
   .home #header .menubar{
    position: static;
    }
   .hamburger {
    line-height: 0;
    text-align: left;
    color: #000;
   }
   .main-header .side-navigation {
    display: none
  }
  .side-navigation,.side-navigation li {
    padding: 0;
  }
  .side-navigation ul li a {
    padding: 10px 15px;
    color: #000000;
    border-bottom: 1px solid #4f4d4d;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    display: block;
  }
  .side-navigation ul ul li {
    border-bottom: 1px solid #585757 !important;
  }
  .side-navigation ul ul li a{
    border: 0;
  }
  amp-sidebar#sidebar2 {
    background: #ffffff;
    width: 250px;
  }
  .side-navigation .current-menu-item a, ul#menu-primary-menu-2 li:hover {background: #2EB0D1;color: #000000 !important; text-decoration: none; padding: 15px; }
  #sidebar2 {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: .5s;
  }
  .side-navigation ul li ul, .side-navigation ul li ul ul {
    display: none;
  }
  .side-navigation ul ul,.side-navigation ul ul li {
    background: var(--transparent) !important;
  }
  .side-navigation ul ul {
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .side-navigation ul ul li{
    padding: 0px;
  }
  .side-navigation ul.sub-menu li a:before{
    content: none;
  }
  .side-navigation ul>li.menu-item-has-children>a:after{
    margin-top: 0;
  }
	iframe {
    width: 100%;
    height: auto;
	}
  #site_top .con-info span{
    padding: 3px;
  }
  #our-newsletter .newsletter-form i{
    right: 28px;
  }
  #our-newsletter .newsletter p{
    margin-bottom: 0;
  }
  #slider .carousel-caption{
    top: 55%;
  }
  .testimonials-img{
    left: 0;
    right: 0;
    margin-left: 0px;
  }
}


 /* ----------------------- Custom Responsive ------------------ */

@media screen and (min-width:1800px) {
  .slider-wrapper .slider-inner-wrapper img{
    width: 100% !important;
  }
}

@media screen and (min-width:1405px) and (max-width:1800px){
  /* Slider */
  .slider-head1 { font-size: 48px; line-height: 64px; }
  a.slider-btn { margin-top: 20px; }
  .sct { top: 50%; left: 2%; width: 45%; transform: translateY(-50%); }

  /* Room */
  #room { padding: 50px 0 50px; }
  h5.room-subheading:after { left: 30rem; }

  /* Interior */
  .interior-wrap { height: 460px; width: 95%; margin-top: 30px; }
  #interior .mphb-room-type { margin-bottom: 1em !important}
  .interior-p-img img { height: 100%; }

  .s-subheading:after { left: 31.5rem; }
  .offer-head h5:after { left: 35rem; }
  .iwt2 .img2 { display: none; }
  .g-head h5:after { left: 26.5rem; }
  .iwt1-img .img2 { width: inherit; }
  .blog-heading h5:after { left: 31.5rem; }
  .tt { font-size: 90px; }
  .v-video video { height: 426px; }
  .v-views { width: 60%; }
  h3.video-num { font-size: 60px; line-height: 70px; }
  h5.video-text { font-size: 26px; line-height: 32px; }
  .testi-headigs h5:after { left: 34rem; }



}

@media screen and (max-width:1401px) {
  section { background-size: cover; background-repeat: no-repeat; padding: 30px 0; }
  h2.iwt1-heading, h2.room-heading, h2.s-heading, .g-head h2, .testi-headigs h2, .blog-heading h2, .offer-head h2 { font-size: 32px; line-height: 42px;}
  h5.iwt1-subheading, h5.room-subheading, h5.s-subheading, .g-head h5, .testi-headigs h5, .blog-heading h5, .offer-head h5 { font-size: 16px; line-height: 24px; }
  .room-head, .service-head, .g-head, .testi-headigs, .blog-heading, .offer-head { padding-bottom: 30px; }
  .s-subheading:after, h5.room-subheading:after, .g-head h5:after, .testi-headigs h5:after, .blog-heading h5:after, .offer-head h5:after { width: 50px; height: 2px; }

  /* Slider */
  section#slider { padding: 0 !important; }
  .sct { left: 3%; width: 60%; top: 50%; transform: translateY(-50%); }
  h4.slider-head2 { font-size: 16px; line-height: 26px; }
  .slider-head1 { font-size: 36px; line-height: 52px; padding: 0; }
  a.slider-btn { width: 150px; height: 45px; font-size: 14px; margin-top: 20px; }
  #slider .owl-nav button { width: 40px; height: 40px; }
  #slider .owl-nav button i { font-size: 16px; padding: 0; }
  #slider .owl-nav { bottom: 25px; right: 3rem;  }

  /* Rooms */
  section#room { padding: 30px 0; }
  .room .mphb-room-types { grid-gap: 30px; }
  #room a.mphb-room-type-title { font-size: 20px !important; }
  #room p.mphb-regular-price { font-size: 14px !important; }

  /* Banner */
  h2.banner-heaing { font-size: 36px; line-height: 52px; top: 25%; transform: translate(-50%,-25%); }
  a.banner-btn { width: 150px; height: 50px; font-size: 16px; bottom: 30px; }

  /* Interior */
  .interior-head h5 { font-size: 16px; line-height: 24px; }
  .interior-head h2 { font-size: 36px; line-height: 46px; }
  .interior-wrap { width: 95%; margin-top: 15px; height: 345px; }
  #interior .mphb-room-type { margin-bottom: 1em !important; }
  #interior a.mphb-room-type-title { font-size: 16px !important; padding-left: 15px; }
  #interior .post-thumbnail a { width: 160px; height: 100px; }
  #interior p.mphb-regular-price { top: calc(45% + 10px); left: calc(162px + 15px); }
  .interior-p-img img { height: 100%; }
  a.vp-btn { width: 150px; height: 50px; font-size: 16px; bottom: 25px; }

  /* Services */
  .s-subheading:after { left: 23.5rem; }
  .service-text p { font-size: 14px; line-height: 28px; width: 90%; margin-bottom: 15px; }
  a.service-btn { width: 150px; height: 50px; font-size: 16px; }
  .brand-head h2 { font-size: 30px; line-height: 42px; }

  /* Brands */
  .brand-img { grid-gap: 25px; }

  /* Offer */
  .offer-head h5:after { left: 23rem; }
  h2.mphb-service-title { padding-top: 5px; }
  h2.mphb-service-title a { font-size: 14px; padding-left: 10px; line-height: 20px; }
  .mphb-service p { font-size: 12px; padding-bottom: 10px; padding-left: 10px; }
  .ser-secton { grid-gap: 15px; }

  /* Video */
  section#Video { padding: 30px 0 50px; }
  .v-video video { height: 302px; }
  .v-video a { width: 50px; height: 50px; }
  .v-views { width: 75%; border-radius: 500px;padding: 10px 20px; position: absolute;; bottom: -25px; left: 50%; transform: translateX(-50%); margin-top: 10px; }
  h3.video-num { font-size: 36px; line-height: 46px; }
  h5.video-text { font-size: 20px; line-height: 22px; }

  /* Image With Text 2 */
  .iwt2 .img2 { display: none; }
  h5.iwt2-subheading { font-size: 16px; line-height: 20px; padding-bottom: 0; }
  h2.iwt2-heading { font-size: 30px; line-height: 40px; }
  p.iwt2-text { font-size: 13px; line-height: 24px; margin: 20px 0; }
  a.iwt2-btn { width: 150px; height: 50px; font-size: 16px; }


  /* Image With Text 1 */
  h5.iwt1-subheading { padding: 0; }
  h2.iwt1-heading { font-size: 28px; line-height: 38px; }
  p.iwt1-text { font-size: 14px; line-height: 25px; width: 75%; }
  .iwt1-img .img2 { left: -7rem; width: inherit; }
  a.iwt1-btn { width: 150px; height: 50px; font-size: 16px; }
  a.iwt1-btn i { font-size: 14px; }
  .testimonials-content .slick-list.draggable { margin: 0 -20px; padding: 0 100px !important; }
  .testimonial-text-section.slick-slide { margin:  0 20px; }
  img.testi-rimg { display: none; }

  /* FAQ */
  .faq .container { max-width: 960px; }
  section#faq { padding: 30px 0; margin: 30px 0; background-size: auto; }
  .faq-head h2 { font-size: 34px; line-height: 42px; }
  .faq-head { padding-bottom: 30px; }
  .faq .accordion-item { margin-bottom: 20px; }

  /* Blog */
  .blog-heading h5:after { left: 20.5rem; }
  .blog-title a { font-size: 14px; line-height: 24px; }
  .blog-information p { font-size: 12px; line-height: 24px; padding: 10px 0 10px; }
  .blog-tag { font-size: 14px; line-height: 20px; }
  .blog-date { font-size: 11px; line-height: 24px; margin-left: 10px; }
  .tag-date { margin-bottom: 10px; }
  .blog-information { left: 25%; transform: translate(-25%,-50%); }

  /* Text */
  section#text { padding: 30px 0; }
  .tt { font-size: 64px; line-height: 74px; }

  /* Instagram */
  .insta-head h5 { font-size: 16px; line-height: 24px; }
  .insta-head h2 { font-size: 34px; line-height: 44px; }
  .insta-1 { padding-bottom: 15px; grid-gap: 15px; }
  .insta-2 { grid-gap: 15px; }
  .insta-head p { font-size: 13px; line-height: 19px; width: 75%; padding-left: 0; }
  .insta-head { padding-left: 0; }

  /* Direction */
  .direction-inner-wrap h5 { font-size: 16px; line-height: 22px; padding-bottom: 0; }
  .direction-inner-wrap h2 { font-size: 34px; line-height: 44px; }
  p.direction-text { font-size: 14px; line-height: 24px; padding: 20px 0; width: 90%; }
  .direction-km h4 { font-size: 32px; line-height: 42px; padding: 0; text-align: right; }
  .direction-km p { font-size: 13px; line-height: 20px; }

}

@media screen and (max-width:801px){
  section{ padding: 30px 0 !important; }
  h2.iwt1-heading, h2.room-heading, h2.s-heading, .g-head h2, .testi-headigs h2, .blog-heading h2, .offer-head h2 { font-size: 30px; line-height: 40px;}
  h5.iwt1-subheading, h5.room-subheading, h5.s-subheading, .g-head h5, .testi-headigs h5, .blog-heading h5, .offer-head h5 { font-size: 16px; line-height: 24px; }
  .room-head, .service-head, .g-head, .testi-headigs, .blog-heading, .offer-head { padding-bottom: 30px; }
  section .container { padding: 0 15px; }

  /* Slider */
  section#slider { padding: 0 !important; }
  .sct { left: 3%; width: 70%; top: 50%; transform: translateY(-50%); }
  h4.slider-head2 { font-size: 16px; line-height: 26px; }
  .slider-head1 { font-size: 30px; line-height: 45px; padding: 0; }
  a.slider-btn { width: 150px; height: 45px; font-size: 14px; margin-top: 15px; }
  #slider .owl-nav button { width: 40px; height: 40px; }
  #slider .owl-nav button i { font-size: 16px; padding: 0; }
  #slider .owl-nav { bottom: 25px; right: 3rem;  }

  /* Room */
  h5.room-subheading:after { left: 12rem; }
  .room .mphb-room-types { display: block !important; }
  #room .slick-list.draggable { margin: 0 -20px; }
  #room .mphb-room-type { margin: 0 20px; }
  #room .slick-dots li { background: #000000; width: 14px !important; height: 14px !important; border-radius: 50%; }
  #room .slick-dots .slick-active button:before { font-size: 0px; top: -20%; left: -20%; border-radius: 50%; border: 1px solid #000000; }
  #room .mphb-room-type:hover { transform: scale(1); }
  #room .slick-dotted.slick-slider { margin-bottom: 0; }
  #room a.mphb-room-type-title { font-size: 18px !important; }
  #room p.mphb-regular-price { font-size: 14px !important; }

  /* Banner */
  h2.banner-heaing { font-size: 34px; line-height: 44px; top: 30%; transform: translate(-50%,-30%); }
  a.banner-btn { width: 150px; height: 45px; bottom: 20px; font-size: 14px; }

  /* Interior */
  .interior-head h5 { font-size: 16px; line-height: 20px; text-align: center; }
  .interior-head h2 { font-size: 30px; line-height: 40px; text-align: center; }
  .interior-wrap { height: 370px; width: 100%; margin-top: 10px; }
  #interior .mphb-room-type { margin-bottom: 1em !important; }
  #interior .post-thumbnail a { width: 180px; height: 110px; }
  .interior-p-img { margin-top: 20px; }
  #interior a.mphb-room-type-title { font-size: 16px !important; line-height: 20px !important; padding-left: 15px; }
  #interior p.mphb-regular-price { font-size: 10px !important; line-height: 24px !important; top: calc(35% + 25px); left: calc(180px + 15px); }
  a.vp-btn { width: 150px; height: 45px; font-size: 14px; line-height: 20px; bottom: 20px; }

  /* Services */
  .s-subheading:after { left: 14.5rem; }
  .service-text { padding-left: 0px; text-align: center; margin-bottom: 20px; }
  h4.service-title { font-size: 20px; line-height: 30px; text-align: center; }
  .service-text p { font-size: 12px; line-height: 26px; text-align: center; width: 90%; margin: 0 auto 10px; }
  .service-text a { font-size: 14px; line-height: 24px; }
  a.service-btn { width: 130px; height: 40px; margin: 20px auto 0; font-size: 14px; }

  /* Brand */
  .brand-head h2 { font-size: 24px; line-height: 34px; }
  .brand-img { grid-gap: 15px; }

  /* Offer */
  .offer-head h5:after { left: 16.5rem; }
  #Offer .slick-list.draggable { margin: 0 -10px; }
  #Offer .mphb-service { margin: 0 10px; }
  h2.mphb-service-title a { font-size: 14px; }
  h2.mphb-service-title { padding-top: 10px; }
  .mphb-service p { font-size: 14px; }
  #Offer .slick-dots li { background: #000000; width: 14px !important; height: 14px !important; border-radius: 50%; }
  #Offer .slick-dots .slick-active button:before { font-size: 0px; top: -20%; left: -20%; border-radius: 50%; border: 1px solid #000000; }

  /* Video */
  .video-img { height: 100%; border-radius: 0px;}
  .v-video video { height: 100%; }
  .v-overlay { height: 100%; }
  .v-video a { width: 50px; height: 50px; }
  .v-views { width: 75%; border-radius: 500px;padding: 10px 20px; position: absolute;; bottom: -25px; left: 50%; transform: translateX(-50%); margin-top: 10px; }
  h3.video-num { font-size: 36px; line-height: 46px; }
  h5.video-text { font-size: 20px; line-height: 22px; }
  .vv { grid-template-columns: 0.2fr 0.3fr; }

  /* Image with text 2 */
  .iwt2 .img2 { display: none; }
  h5.iwt2-subheading { font-size: 16px; line-height: 26px; text-align: center; padding-bottom: 0; }
  h2.iwt2-heading { font-size: 28px; line-height: 40px; text-align: center; padding: 0; }
  p.iwt2-text { font-size: 14px; line-height: 26px; text-align: center; width: 100%; margin: 15px 0px; }
  a.iwt2-btn { width: 130px; height: 40px; font-size: 14px; line-height: 24px; margin: 0 auto; }
  .iwt2-img { margin-top: 20px; }

  /* GAllery */
  .g-head h5:after { left: 9.5rem; }

  /* Image With Section 1 */
  h5.iwt1-subheading { font-size: 16px; line-height: 24px; text-align: center; padding-bottom: 10px; }
  h2.iwt1-heading { font-size: 30px; line-height: 40px; text-align: center; }
  p.iwt1-text { font-size: 14px; line-height: 24px; width: 100%; margin: 10px auto 0; text-align: center; }
  a.iwt1-btn { width: 130px; height: 40px; font-size: 14px; margin: 10px auto; }
  a.iwt1-btn i { font-size: 14px; }
  .iwt1-img { margin-top: 20px; }
  .iwt1-img .img2 { position: relative; left: 0; bottom: 0; }

  /* Testimonial */
  .testi-headigs h5:after { left: 16rem; }
  .testimonial-text-section.slick-slide { margin: 0 10px; }
  .testimonials-content .slick-list.draggable { margin: 0 -10px; padding: 0 70px !important; }
  .testimonial-text p { line-height: 26px; padding: 10px 0px; }
  img.testi-rimg { display: none; }

  /* FAQ */
  section#faq { margin: 0 0 !important; }
  .faq-head h2 { font-size: 34px; line-height: 44px; padding: 0; }
  .faq-head { padding-bottom: 30px; }
  .faq .accordion-item { margin-bottom: 20px; }

  /* BLog */
  .blog-heading h5:after { left: 13.5rem; }
  #blog .owl-dots { text-align: center; }
  #blog .owl-dot.active { background-color: #000000 !important; }
  .blog-information { left: 25%; transform: translate(-25%,-50%); }
  .blog-tag { font-size: 14px; line-height: 22px; }
  .blog-date { font-size: 12px; line-height: 20px; }
  .blog-title a { font-size: 14px; line-height: 20px; }
  .blog-information p { font-size: 12px; line-height: 24px; padding: 10px 0 14px; }
  a.blog-btn i { font-size: 20px; }

  /* Text */
  section#text { padding: 0px 0 !important; }
  .tt { font-size: 46px; line-height: 56px; }

  /* Instagram */
  .insta-head { padding-left: 0; }
  .insta-1 { align-items: end; padding-bottom: 15px; grid-gap: 15px; }
  .insta-up { width: 100%; }
  .insta-head h5 { font-size: 16px; line-height: 24px; }
  .insta-head h2 { font-size: 30px; line-height: 40px; }
  .insta-head p { font-size: 14px; line-height: 24px; }
  a.img-7 img { padding-bottom: 15px; }
  a.img-5 img { height: auto; }
  .insta-2-2 { display: flex; align-items: end; }

  /* Direction */
  .direction-inner-wrap h5 { font-size: 16px; line-height: 22px; padding-bottom: 5px; }
  .direction-inner-wrap h2 { font-size: 30px; line-height: 40px; }
  p.direction-text { font-size: 14px; line-height: 24px; padding: 10px 0; width: 100%; }
  .direction-km h4 { font-size: 24px; line-height: 34px; padding: 0; text-align: right;}
  .direction-km p { font-size: 12px; }

}

@media screen and (max-width:750px){
  section { padding: 30px 0 !important; }
  section .container { padding: 0 15px; }
  .room-head, .service-head, .g-head, .testi-headigs, .blog-heading, .offer-head { padding-bottom: 25px; }

  /* Slider */
  section#slider { padding: 0 !important; }
  .sct { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); }
  h4.slider-head2 { font-size: 14px;  line-height: 22px; text-align: center; }
  .slider-head1 { font-size: 18px; line-height: 26px; padding: 5px 0;text-align: center;}
  a.slider-btn { width: 130px; height: 35px; font-size: 14px; margin: 5px auto 0; }
  #slider .owl-nav button { width: 30px; height: 30px; }
  #slider .owl-nav button i { font-size: 16px; padding: 0; }
  #slider .owl-nav { bottom: -15px; right: 2.1rem; flex-direction: column; transform: rotate(90deg); }

  /* Rooms */
  h5.room-subheading { font-size: 14px; line-height: 24px; }
  h5.room-subheading:after { display: none; }
  h2.room-heading { font-size: 24px; line-height: 34px; }
  #room a.mphb-room-type-title { font-size: 18px !important; }
  #room p.mphb-regular-price { font-size: 14px !important; }
  #room h2.mphb-room-type-title.entry-title { padding: 0; }

  /* Banner */
  section#banner { padding: 30px 0 0 !important; }
  h2.banner-heaing { font-size: 20px; line-height: 26px; top: 30%; transform: translate(-50%,-30%); }
  a.banner-btn { width: 120px; height: 35px; bottom: 10px; font-size: 14px; }

  /* Interior */
  .interior-head h5 { font-size: 16px; line-height: 20px; text-align: center; }
  .interior-head h2 { font-size: 30px; line-height: 40px; text-align: center; }
  .interior-wrap { height: 370px; width: 100%; margin-top: 10px; }
  #interior .mphb-room-type { margin-bottom: 1em !important; }
  #interior .post-thumbnail a { width: 180px; height: 110px; }
  .interior-p-img { margin-top: 20px; }
  #interior a.mphb-room-type-title { font-size: 16px !important; line-height: 20px !important; padding-left: 15px; }
  #interior p.mphb-regular-price { font-size: 10px !important; line-height: 24px !important; top: calc(35% + 25px); left: calc(180px + 15px); }
  a.vp-btn { width: 130px; height: 40px; font-size: 14px; line-height: 20px; bottom: 20px; }

  /* Services */
  section#services { padding-top: 0 !important; }
  .s-subheading:after { display: none; }
  h5.s-subheading { font-size: 16px; line-height: 20px; }
  h5.s-subheading:afetr { display: none; }
  h2.s-heading { font-size: 30px; line-height: 40px; }
  .service-text { padding-left: 0px; text-align: center; margin-bottom: 20px; }
  h4.service-title { font-size: 20px; line-height: 30px; text-align: center; }
  .service-text p { font-size: 14px; line-height: 26px; text-align: center; width: 100%; margin-bottom: 10px; }
  .service-text a { font-size: 14px; line-height: 24px; }
  a.service-btn { width: 130px; height: 40px; margin: 0px auto 0; font-size: 14px; }

  /* Brand */
  .brand-head h2 { font-size: 26px; line-height: 36px; padding-bottom: 15px; text-align: center; }
  .brand-img { grid-gap: 20px; }

  /* Offer */
  .offer-head h5:after { display: none; }
  .offer-head h5 { font-size: 16px; }
  .offer-head h2 { font-size: 30px; line-height: 40px; }
  #Offer .slick-dots li { background: #000000; width: 14px !important; height: 14px !important; border-radius: 50%; }
  #Offer .slick-dots .slick-active button:before { font-size: 0px; top: -20%; left: -20%; border-radius: 50%; border: 1px solid #000000; }
  h2.mphb-service-title { padding-top: 10px; }
  .mphb-service p { font-size: 14px; }

  /* Video */
  section#Video { padding: 0 !important; }
  .video-img { height: 100%; border-radius: 0px;}
  .v-video video { height: 100%; }
  .v-overlay { height: 100%; }
  .v-video a { width: 50px; height: 50px; }
  .v-views { width: 100%; border-radius: 500px;padding: 10px 20px; position: relative; bottom: 0; left: 0; transform: translateX(-0%); margin-top: 10px; }
  h3.video-num { font-size: 36px; line-height: 46px; }
  h5.video-text { font-size: 20px; line-height: 22px; }
  .vv { grid-template-columns: 1fr; }

  /* Image with text 2 */
  .iwt2 .img2 { display: none; }
  h5.iwt2-subheading { font-size: 16px; line-height: 26px; text-align: center; padding-bottom: 0; }
  h2.iwt2-heading { font-size: 28px; line-height: 40px; text-align: center; padding: 0; }
  p.iwt2-text { font-size: 14px; line-height: 26px; text-align: center; width: 100%; margin: 15px 0px; }
  a.iwt2-btn { width: 130px; height: 40px; font-size: 14px; line-height: 24px; margin: 0 auto; }
  .iwt2-img { margin-top: 20px; }

  /* Gallery */
  section#gallery { padding: 0 !important; }
  .g-head h5:after { display: none; }
  .g-head h5 { font-size: 16px; line-height: 20px; }
  .g-head h2 { font-size: 28px; line-height: 40px; }
  .g-inner-wrapper { grid-template-columns: 1fr; }

  /* Image With Section 1 */
  h5.iwt1-subheading { font-size: 16px; line-height: 24px; text-align: center; padding-bottom: 10px; }
  h2.iwt1-heading { font-size: 30px; line-height: 40px; text-align: center; }
  p.iwt1-text { font-size: 14px; line-height: 24px; width: 100%; margin: 10px auto 0; text-align: center; }
  a.iwt1-btn { width: 130px; height: 40px; font-size: 14px; margin: 10px auto; }
  a.iwt1-btn i { font-size: 14px; }
  .iwt1-img { margin-top: 20px; }
  .iwt1-img .img2 { position: relative; left: 0; bottom: 0; }

  /* Testimonial */
  section#testimonials { padding: 0 0 30px !important; }
  .testi-headigs h5:after { display: none; }
  .testi-headigs h5 { font-size: 16px; line-height: 24px; }
  .testi-headigs h2 { font-size: 30px; line-height: 40px; }
  .tts { padding: 20px 15px; }
  .testimonial-text p { padding: 10px 15px; line-height: 26px; }
  #testimonials .slick-track { padding-bottom: 0px; }

  /* Faq */
  .faq-head h5 { text-align: center; padding-bottom: 0; }
  .faq-head h2 { font-size: 30px; line-height: 40px; text-align: center;  padding: 0; }
  .faq-head { padding-bottom: 30px; }
  .faq .accordion-item { margin-bottom: 25px; }
  section#faq { margin: 0 auto; }

  /* Blog */
  .blog-heading h5:after { display: none; }
  .blog-heading h5 { font-size: 16px; line-height: 24px; }
  .blog-heading h2 { font-size: 30px; line-height: 40px; }
  .blog-information { position: absolute; top: 50%; left: 20px; transform: translate(-0%,-50%); }
  .blog-tag { font-size: 16px; line-height: 24px; }
  .tag-date { margin-bottom: 15px; }
  .blog-title a { font-size: 18px; line-height: 26px; }
  .blog-information p { font-size: 15px; padding: 15px 0 15px; }
  a.blog-btn i { font-size: 20px; }

  /* Text */
  section#text { padding: 0 !important; }
  .tt { font-size: 28px; line-height: 38px; }

  /* Instagram */
  .insta-head h5:before { display: none; }
  .insta-head h5 { font-size: 16px; line-height: 24px; text-align: center; display: block; }
  .insta-1 { display: flex; flex-direction: column-reverse; padding-bottom: 20px; }
  .insta-head { padding-left: 0px; }
  .insta-head h2 { font-size: 30px; line-height: 40px; text-align: center; }
  .insta-head p { font-size: 14px; line-height: 26px; text-align: center; width: 100%; }
  .insta-up { width: 100%; }
  .insta-2 { display: grid; grid-template-columns: 1fr 1fr; }

  /* Direction */
  section#direction { padding: 0 !important; }
  .direction-inner-wrap h5 { font-size: 16px; line-height: 26px; text-align: center; padding-bottom: 0; }
  .direction-inner-wrap h2 { font-size: 30px; line-height: 30px; text-align: center; }
  p.direction-text { font-size: 14px; line-height: 24px; padding: 20px 0; width: 100%; text-align: center; }
  .direction-km h4 { font-size: 30px; line-height: 40px; padding: 0; text-align: end; }
  .direction-km p { font-size: 14px; line-height: 20px; }
  .pfe-wrap { padding-bottom: 20px; width: 100%; }

}

@media screen and (max-width:380px) {
  /* Slider */
  .slider-head1 { font-size: 14px; line-height: 20px; }
  a.slider-btn { width: 130px; height: 35px; font-size: 14px; }
  .slider-head1 { font-size: 14px; padding: 0;}
  h4.slider-head2 { font-size: 10px; line-height: 20px; }

  /* Banner */
  h2.banner-heaing { font-size: 14px; line-height: 20px; }
  a.banner-btn { width: 110px; height: 30px; bottom: 5px; }

  /* Video */
  h5.video-text { font-size: 14px; line-height: 18px; }
  h3.video-num { font-size: 30px; line-height: 40px; }

  /* Image width text 1 */
  h2.iwt1-heading { font-size: 25px; line-height: 35px; }

  /* Testimonial */
  .testimonial-text p { font-size: 12px; line-height: 22px; }
  .testimonial-text-section.slick-slide { margin: 0 10px; }
  .testimonials-content .slick-list.draggable { margin: 0 -10px; padding: 0 20px !important; }

  /* BLog */
  .blog-heading h2 { font-size: 22px; line-height: 30px; }
  .blog-information p { font-size: 12px; padding: 5px 0 5px; }
  .blog-title a { font-size: 16px; line-height: 26px; }
  .tag-date { margin-bottom: 10px; }

  /* Text */
  .tt { font-size: 20px; line-height: 30px; }

  /* Instagram */
  .direction-inner-wrap h2 { font-size: 25px; }

}