/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Desktop
2. Tablet
3. Medium devices
4. Small devices
*/

/* ----- 1. Medium devices ≤1399px ----- */
@media (max-width:1399px){
    p,ul li{
        font-size: 18px;
    }
    .container{max-width:1170px;}
    .h2,h2{font-size:48px;}
    .h3,h3{font-size:28px;}
    .h4,h4{font-size:22px;}
    .h5,h5{font-size:20px;}
    .h6,h6{font-size:18px;}

    .heading_h1{font-size:48px;}

    .flx-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .flx-section.innerBanner{padding-top:200px;padding-bottom:60px;}

    .faq-section .heading_h2{
        padding-bottom: 60px;
    }

    .amenities-card-image{max-width:80px;}
    .amenities-card-text{margin-top:30px;}
    .amenities-card-text .bg-gradient{font-size:18px;line-height:1.3em;}
    .two-column-image .column-image-text{font-size:26px;}
    .contact-info{padding:70px 30px 70px 50px;margin-left:50px;}
    .contact-info-item .icon{height:60px;margin-right:20px;min-width:60px;width:60px;}
    .contact-info-item .icon img{transform:scale(0.7);}
}

/* ----- 2. Medium devices ≤1199px ----- */
@media (max-width:1199px){
    .container{max-width:990px;}
    .h2,h2{font-size:38px;}
    .h3,h3{font-size:24px;}

    .heading_h1{font-size:42px;}

    .flx-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .faq-section .heading_h2{
        padding-bottom: 50px;
    }

    .faq-accordion-item .faq-item-title .title{
        font-size: 22px;
    }

    .banner-content-row .hm-banner-img{max-width:60%;}
    .amenities-card .amenities-card-box{max-width:25%;padding-left:20px;padding-right:20px;padding-bottom:40px;padding-top:40px;}
    .contact-info-item .content a,.contact-info-item .content p{font-size:16px;line-height:1.5em;margin-bottom:5px;}
    .contact-info{padding:40px 20px 50px 35px;margin-left:20px;}
    .contact-info-item .content h4{font-size:24px;margin-bottom:10px;}
    .contact-info-item .icon{height:50px;margin-right:15px;min-width:50px;width:50px;}
    .contact-area{padding:91px 0 99px;}
    .contact-info{margin-left:0;}
    .gallery-cards{columns:3;}

    .main-footer .footer-title{
        font-size: 26px;
    }


}
/* ----- 3. Medium devices ≤1023px ----- */
@media (max-width:1023px){
  #menu{position:fixed;top:0;left:-100%;width:80%;height:100%;
    background-image:linear-gradient(90deg,#fbb040 0%,#ee2a7b 46%,#583660 100%,#583660 100%);
    max-width:450px;transition:all 0.3s ease-in-out;z-index:999;}
  #mobilenav.is-open #menu{left:0;}
  #mobilenav .nav-logo{padding:15px;width:140px;}
  #mobilenav ul,
  #mobilenav li{padding:0;margin:0;list-style:none;position:relative;}
  #mobilenav ul ul{display:none;}
  #mobilenav .caret{display:block;width:36px;height:36px;position:absolute;top:3px;right:2px;cursor:pointer;}
  #mobilenav .caret:not(.trigger-caret){pointer-events:none;}
  #mobilenav .caret:before,
  #mobilenav .caret:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;display:block;margin:auto;width:20px;height:2px;background:#fff;}
  #mobilenav .caret:after{transform:rotate(-90deg);transition:all .2s ease;}
  #mobilenav .is-open > .caret:after{transform:rotate(0)}
  #mobilenav ul a{display:block;padding:10px 15px;cursor:pointer;z-index:2;font-size:16px;text-decoration:none;color:#ffffff;background:transparent;border-bottom:1px solid #fff}
  #mobilenav .has-sub>a{padding-right:40px;}
  #mobilenav li li a{padding-left:30px;font-size:14px;text-decoration:none;color:#dddddd;background:#49505a;}
  #mobilenav li li li a{padding-left:50px;}
  #mobilenav .nav-backdrop{position:fixed;height:100%;width:100%;background:rgba(255,255,255,0.8);z-index:-1;opacity:0;visibility:hidden;transition:all 0.4s ease-in;}
  #mobilenav.is-open .nav-backdrop{opacity:1;z-index:999;visibility:visible;}
  #mobilenav .menu-outer{max-height:calc(100vh - 80px);overflow-y:auto;padding-bottom:60px;}
  .header-cta{display:none;}

    .header-logo{max-width:140px;}
    .header-logo img{height:60px;}
    .footer-logo{max-width:140px;}
    .two-column-image .column-image-text{font-size:20px;padding:5px 10px;}
    .faq-accordion-item{padding:20px 30px;}

    #mobilenav .header-cta{display:block;margin-right:0;text-align:center;padding-top:30px;padding-bottom:0;padding-left: 0;}


}

/* ----- 1. Desktop ≥1024px and ≤1190 ----- */

/* @media (min-width:1024px) and (max-width:1199px) { 
  .container {padding-right: 70px;padding-left: 70px;}
} */

/* ----- 2. Tablet ≥768px and ≤1023 ----- */

/* @media (min-width:768px) and (max-width:1023px) {
  .container {padding-right: 60px;padding-left: 60px;}
} */

/* ----- 4. Medium devices ≤991px ----- */
@media (max-width:991px){
    .container{padding-right:40px;padding-left:40px;}

    .flx-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .hm-banner .hm-banner-content{padding-top:80px;}

    .banner-content-row{flex-direction:column;}
    .banner-content-row .hm-banner-img{max-width:100%;height:auto;}
    .banner-content-row .hm-banner-img .moving-box{max-width:360px;margin:0 auto;padding-top:30px;}
    .banner-content-row .hm-banner-logo-img{width:100%;max-width:100%;display:flex;align-items:center;margin-bottom:auto;margin-top:auto;padding:40px 0 0px;}
    .banner-content-row .hm-banner-logo-img img{width:80%;max-width:300px;margin:0 auto;}

    .amenities-section{padding-top:50px;padding-bottom:50px;}
    .amenities-card{margin-left:-20px;margin-right:-20px;}
    .amenities-card .amenities-card-box{max-width:33.33%;padding-left:20px;padding-right:20px;padding-bottom:30px;padding-top:30px;}

    .packages-card{
        margin-left: -20px;
        margin-right: -20px;
    }
    .packages-card-box{
        padding-left: 20px;
        padding-right: 20px;
    }
    .packages-box:not(:last-child){padding-bottom:50px;margin-bottom:40px;}
    .packages-card-text .bg-gradient{font-size:20px;line-height:24px;}
    .packages-box-heading,
    .packages-box-info{padding-bottom:30px;}

    .contact-info{margin-left:0px;padding-bottom:20px;margin-bottom:20px;}
    .contact-info-item{margin-bottom:30px;}
    .contact-info-item .content h4{font-size:20px;margin-bottom:10px;}
    .contact-form-wrapper .form-group .btn-theme{margin-bottom:20px;margin-top:0px;}

    .contact-area .section-title{margin-bottom:40px;}
    .contact-info-item .icon{height:55px;margin-right:15px;min-width:55px;width:55px;}

    .faq-accordion-item .faq-item-title .title{
        font-size: 20px;
    }
    .footer-logo{
        margin-bottom: 40px;
    }
    .main-footer .footer-title {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .footer-menu{
        margin-top: 30px;
    }
}

@media (min-width:768px){
  .show-mobile{display:none !important;}
  .hide-mobile{display:block !important;}
}
/* ----- 5. Medium devices ≤767px ----- */
@media (max-width:767px){

    .show-mobile{display:block !important;}
    .hide-mobile{display:none !important;}

    body,
    p{font-size:16px;line-height:24px;font-weight:400;}

    .h2,h2{font-size:32px;}
    .h3,h3{font-size:26px;}
    .h4,h4{font-size:18px;}
    .h5,h5{font-size:18px;}
    .h6,h6{font-size:16px;}

    .heading_h1{font-size:32px;}

    .container{padding-right:30px;padding-left:30px;}

    .flx-section.innerBanner{padding-top:180px;padding-bottom:50px;}

    .faq-section .heading_h2{
        padding-bottom: 40px;
    }

    .footerInnerRow{padding-top:60px;}
    .footer-logo{width:100%;display:flex;align-items:center;justify-content:center;}
    .footer-menu{width:100%; max-width: 100%;padding-left: 0px;}
    .footer-menu ul li{max-width:100%;}
    .copyrightRow{padding-top:30px;padding-bottom:30px;flex-direction:column;}
    .footer-social{margin-bottom:20px;}
    .copyrighttext{font-size:12px;text-align:center;}
    
    .two-column-image .column-image{position:relative;width:100%;max-width:540px;margin:0 auto;padding-top:50px;}
    .amenities-section{padding-top:30px;padding-bottom:30px;}
    .packages-card{column-gap:0px;flex-wrap:wrap;margin-left:-20px;margin-right:-20px;}
    .packages-card-box{width:100%;max-width:50%;padding-left:20px;padding-right:20px;padding-bottom:40px;}
    .packages-card-box:nth-last-child(1),.packages-card-box:nth-last-child(2){padding-bottom:0px;}
    .packages-card-text .bg-gradient{font-size:18px;line-height:20px;}
    .amenities-card-image{max-width:50px;}
    .contact-info{padding-left:20px;padding-right:20px;}
    .form-group .btn-theme{font-size:16px;line-height:1.2em;padding:12px 23px;margin-top:0;}

    .form-group textarea.form-control{min-height:160px;}
    .contact-area{padding:71px 0 79px;}
    .contact-info-item{margin-bottom:30px;}

    .gallery-cards{columns:2;}

    .faq-item-text p{
        font-size: 16px;
    }
    .faq-accordion-item{
        padding: 20px 25px;
      }

}

/* ----- 6. Small devices ≤640px ----- */
@media (max-width:640px){
    .container{padding-right:25px;padding-left:25px;}
    .h2,h2{font-size:26px;}
    .h3,h3{font-size:24px;}



    .btn{padding:16px 20px;font-size:14px;line-height:20px;font-weight:500;}
    .header-cta{display:none;}

    .footerInnerRow{padding-top:40px;padding-bottom:25px;}

    .packages-card-box{max-width:50%;}
    .packages-card-image{width:80%;max-width:180px;margin:0 auto;}
    .packages-card-text .bg-gradient{font-size:16px;}
    .amenities-card{margin-left:-15px;margin-right:-15px;}
    .amenities-card-text{margin-top:20px;}
    .amenities-card .amenities-card-box{max-width:50%;padding-left:15px;padding-right:15px;}
    .contact-info-item .content a,
    .contact-info-item .content p{font-size:14px;}

    .contact-form-wrapper .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block.wpforms-one-half{
        width: 100%;
        padding: 0;
    }
    .contact-form-wrapper .wpforms-container .wpforms-field,
    .contact-form-wrapper .wp-core-ui div.wpforms-container .wpforms-field {
        padding: 8px 0;
        position: relative;
    }
    .contact-form-wrapper .wpforms-container .wpforms-field-row-block.wpforms-first.wpforms-one-half{
        padding-bottom: 16px !important;
    }

}

@media (max-width:469px){
    .packages-card-box{max-width:100%;}
    .packages-card-box:nth-last-child(2){padding-bottom:40px;}
    .amenities-card .amenities-card-box{max-width:160px;margin:0 auto;}
    .contact-info-item .icon{height:32px;margin-right:15px;min-width:32px;width:32px;}
    .contact-info-item .icon img{transform:scale(0.5);}
    .comment-form-wrap .section-title .title{font-size:24px;margin-bottom:35px;}
}

@media (max-width:359.98px){
    .contact-info{padding:50px 15px;}
    .gallery-cards{columns:1;}
}