@media screen and (min-width: 1360px) {

    .container { max-width: 1280px; }

}

/*MIN 1310 ENDS*/



@media screen and (min-width: 1600px) {

    .header-nav > li {

        padding-left: 30px;

        padding-right: 30px;

    }

}

/*MIN 1600 ENDS*/



@media screen and (min-width: 992px) {

    .header-nav .menu-item-has-children > a::after {

        display: inline-block;

        font-family: 'icomoon', sans-serif;

        content: "\e90c";

        font-size: 9px;

        line-height: 22px;

        margin-left: 12px;

        color: #013169;

        vertical-align: text-bottom;

        transition: 0.3s ease-in-out;

    }

    

    .sub-menu {

        position: absolute;

        top: calc(100% + 26px);

        left: 0;

        min-width: 200px;

        transform: translateY(10px);

        box-shadow: 0px 0px 4px rgba(0,0,0,0.2);

        box-shadow: 0 6px 13px 0 rgba(0,0,0,0.2);

        opacity: 0;

        visibility: hidden;

        transition: all 0.2s ease-in;

        z-index: 11;

    }



    .menu-item-has-children:hover > .sub-menu {

        transform: translateY(0);

        opacity: 1;

        visibility: visible;

        transition: all 0.6s cubic-bezier(0.32, 0.71, 0.07, 0.96);

    }



    .sub-menu .menu-item-has-children > a {

        display: flex;

        align-items: flex-start;

    }



    .sub-menu .menu-item-has-children > a::after {

        margin-left: auto;

        transform: rotate(-90deg);

    }



    .header-nav .icon-angle-down { display: none; }



    /*Safe spot*/

    .header-nav > .menu-item-has-children::before {

        content: "";

        position: absolute;

        top: 100%;

        left: 0;

        width: 100%;

        background: transparent;

        height: 100%;

    }



    .header-sticky .sub-menu .sub-menu,

    .sub-menu .sub-menu {

        top: 0;

        left: 100%;

        -webkit-transform: translate(0px, 0px);

        -ms-transform: translate(0px, 0px);

        transform: translate(0px, 0px);

    }

    .sub-menu a {

        display: block;

    }



    .header-cta > a {

        position: relative;

        font-size: 18px;

        height: 50px;

        line-height: 54px;

        min-width: 120px;

        padding: 0 25px;

        color: #ffffff;

        border: 0;

        background: #D8006B;

        outline: none;

        text-align: center;

        cursor: pointer;

        -webkit-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

        transition: all 0.3s ease;

    }



    .header-cta > a:hover {

        background: #be0560;

        color: #ffffff;

    }



    .header-cta > a::after {

        content: "\e901";

        display: inline-block;

        font-family: 'icomoon', sans-serif;

        font-size: 10px;

        line-height: 50px;

        font-weight: normal;

        vertical-align: middle;

        margin-left: 16px;

        margin-bottom: 5px;

        transform: translateX(0px);

        transition: all 0.3s ease-in-out;

    }

    

    .header-nav li.header-cta a:hover,

    .header-nav li.header-cta a:hover::after,

    .header-nav li.current_page_item.header-cta a {

        color: #ffffff;

    }

    

    .header-cta a:hover::after {

        transform: translateX(5px);

    }



}

/*MIN 992 ENDS*/



@media screen and (max-width: 1440px) {

    .booking-left { padding-right: 40px; }

    .booking-right {  min-width: 0; max-width: 360px; flex: 1 0 360px; padding: 60px 30px; }

    .booking-right h2 { margin-bottom: 30px; }

    .booking-info { padding-top: 36px; margin-top: 36px; }

    .aboutpoints-item h3 { font-size: 22px; }

}

/*1440*/



@media screen and (max-width: 1359px) {

    .header-nav > li { padding-left: 18px; padding-right: 18px; }

    .sub-menu { top: calc(100% + 24px); }

    .bttn { height: 50px; line-height: 54px; }

    .bttn.bttn-50, .header-cta > a { height: 45px; line-height: 48px; }

    .bttn.bttn-50::after, .header-cta > a::after { line-height: 45px; }

    .submitbtn { min-height: 50px; }

    h1, .h1, .innerhero-about h1 { font-size: 56px; line-height: 68px; }

    h2, .h2 { font-size: 38px; line-height: 46px; }

    .sitehero-ctas { margin-top: 42px; }

    .sitehero-badge { width: 100px; bottom: 30px; right: 30px; }

    .hero-controls { bottom: 40px; }

    .sitehero-wrapper { padding-bottom: 60px; }

    .section { padding-top: 90px; padding-bottom: 90px; }

    .faqsection { padding-bottom: 80px; }

    .sectionhead p { margin-bottom: 40px; }

    .services-item--media { margin-bottom: 30px; }

    .aboutbox-right { padding: 50px 50px 60px; }

    .package-item { padding: 45px 45px 28px 45px; }

    .testi-left { padding: 50px 50px 90px; }

    .testi-controls .bttn { width: 70px; }

    .col-blogside { flex: 1 0 48%; max-width: 48%; padding-right: 70px; }

    .col-contact { flex: 1 0 52%; max-width: 52%; }

    .booking-slottimeitem span { font-size: 16px; }

    .booking-slottimeitem:not(:last-child) { margin-right: 10px; }

    .booking-timebatch { margin-right: 20px; }

    .font-22 { font-size: 20px; line-height: 28px; }

    .booking-right {  max-width: 340px; flex: 1 0 340px; }

    .bookingform .forminput { height: 50px; font-size: 22px; line-height: 50px; padding: 5px 20px 0px; }

    .bookingform .forminputgroup .forminput-phone { height: auto; padding: 0 20px; }

    .bookingform textarea.forminput { padding-top: 15px; }

    .forminputgroup .forminput-countrycode.forminput { height: auto; padding: 0; }

    .weoffer .aboutbox { margin-top: -60px; }

    .innerhero-about { min-height: 580px; }

}

/*1359 ENDS*/



@media screen and (max-width: 1279px) {

    body { font-size: 20px; line-height: 28px; }

    h1, .h1, .innerhero-about h1 { font-size: 52px; line-height: 60px; }

    .faq-item { padding: 24px; }

    .sitehero-wrapper .bttn { min-width: 182px; }

    .aboutbox-right .bttn, .package-item .bttn, .submitbtn button { min-width: 210px; width: auto; }

    .innerhero-about { min-height: 540px; }

}

/*1279 ENDS*/



@media screen and (max-width: 1199px) {

    .header-nav { font-size: 16px; line-height: 22px; }

    .header-nav > li { padding-left: 12px; padding-right: 12px; }

    .header-nav .menu-item-has-children > a::after { font-size: 7px; line-height: 21px; }

    .sub-menu { min-width: 190px; }

    .aboutbox { margin-top: 90px; }

    .package-item { flex: 1 0 calc(50% - 15px); max-width: calc(50% - 15px); margin: 15px 0; }

    .aboutbox > img { max-width: 45%; }

    .aboutbox-right { max-width: 55%; }

    .schedule-divider { padding-left: 20px; padding-right: 20px; }

    .schedule-label { min-width: 0; max-width: 180px; }

    .booking-asideblock { padding-bottom: 30px; }

    .bookingform .formfield + .formfield { margin-top: 20px; }

    .innerhero-about { min-height: 500px; }

    .fourblocks-item { padding: 40px; }

    .aboutzig-col img { max-width: 430px; }

    .aboutpoints-item i { font-size: 40px; line-height: 40px; }

    .fourblocks-item i { margin-bottom: 30px; }

}

/*1199 ENDS*/



@media screen and (max-width: 991px) {

    .head-wrapper { flex-wrap: wrap; align-items: center; }

    .head-left { display: flex; align-items: center; justify-content: space-between; width: 100%; }

    .head-right {

        display: none;

        background: #f5f5f5;

        position: fixed;

        left: 0;

        width: 100%;

        top: 77px;

        z-index: 100;

        height: calc(100vh - 77px);

        overflow: auto;

        font-size: 18px;

        line-height: 28px;

    }

    .header-sticky .head-right { top: 67.8px; height: calc(100vh - 67px); }

    .header-nav { display: block; }

    .header-nav li { border-bottom: 1px solid #e5e5e5; }

    .sub-menu .sub-menu { border-top: 1px solid #e5e5e5; }

    .header-nav > li, .sub-menu > li { display: flex; flex-wrap: wrap; padding: 0; }

    .header-nav > li > a, .sub-menu > li > a { flex: 1 0 auto; padding: 12px 15px; }

    .header-nav > li.menu-item-has-children > a, .sub-menu >li.menu-item-has-children > a { flex: 1 0 calc(100% - 46px); max-width: calc(100% - 46px); }

    .sub-menu > li > a { padding-left: 30px; }

    .sub-menu .sub-menu  li > a { padding-left: 45px; }

    .header-cta > a { height: auto; line-height: 22px; }

    .header-nav .icon-angle-down { width: 46px; height: 100%; line-height: 47px; text-align: center; }

    .sub-menu { display: none; top: auto; width: 100%; background-color: #f2f2f2; }

    .sub-menu > li:last-child { border-bottom: 0; }

    .icon-angle-down::before { display: inline-block; transform: rotate(0deg); transition: 0.3s ease-in-out; }

    .icon-angle-down.open::before { transform: rotate(180deg); }

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

    .row>* { padding-left: 15px; padding-right: 15px; }

    .row { margin-left: -15px; margin-right: -15px; }

    .sitehero-slide::before { transform: none; background: #000; opacity: 0.58; }

    .sitehero-slide .container { min-height: 0; padding-top: 80px; padding-bottom: 80px; }

    .sitehero-badge { width: 80px; bottom: 20px; right: 20px; }

    .sitehero-ctas { margin-top: 22px; }

    .hero-controls { bottom: 20px; }

    body { font-size: 18px; line-height: 28px; }

    h1, .h1, .innerhero-about h1 { font-size: 48px; line-height: 54px; }

    .sitehero-wrapper { padding-bottom: 40px; }

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

    .aboutbox { flex-wrap: wrap; margin: 70px auto 0; }

    .aboutbox > img, .aboutbox-right { max-width: 100%; width: 100%; height: auto; flex: 1 0 100%; }

    .aboutbox-right { padding: 40px 40px 60px; }

    .services-item, .package-item, .testi-left, .testi-right, .col-blogside, .col-contact { max-width: 100%; flex: 1 0 100%; }

    .services-item + .services-item { margin-top: 40px; }

    .services-list, .testi-slide--inner { flex-wrap: wrap; }
    
    .testimonails .slick-initialized .slick-slide { display: block; }
    
    .testi-slide--inner, .testi-left { height: 100%; }

    .testi-right { order: -1; width: 100%; height: 410px; }

    .testi-right img { position: static; object-position: left 10%; }

    .testi-controls { width: 100%; }

    .testigallery-item { flex: 1 0 33.33%; max-width: 33.33%; padding-top: calc(87.50% / 3); }

    .col-contact { margin-top: 40px; }

    .footer-bottom .col-logo img { max-width: 150px; }

    .col-blogside { padding-right: 0; }

    .header-booking .container, .bookingstep .container { max-width: 100%; }

    .booking-left { padding-top: 40px; padding-bottom: 50px; }

    .booking-right { max-width: 310px; flex: 1 0 310px; padding: 40px 20px; }

    .serviceselect-check { margin-right: 15px; }

    .booking-left .serviceselect-title { font-size: 18px; line-height: 26px; }

    .serviceselect-amt { font-size: 20px; line-height: 28px; }

    .serviceselect-check { width: 22px; min-width: 22px; height: 22px; }

    .serviceselect-check::before { font-size: 7px; line-height: 22px; }

    .booking-servicesitem--desc { font-size: 16px; line-height: 22px; }

    .booking-servicesremove, .booking-servicesremove:focus { font-size: 6px; line-height: 23px; width: 22px; min-width: 22px; height: 22px; }

    .booking-dateselected { font-size: 20px; }

    .booking-slottimeitem span { height: 38px; padding: 4px 14px; }

    .booking-timebatch { margin-right: 15px; }

    .booking-selecttime { margin-bottom: 30px; }

    .bookingform .forminput { padding-left: 15px; padding-right: 15px; }

    .custom-checkbox { margin-top: 5px; min-width: 20px; width: 20px; height: 20px; }

    .custom-checkbox::before { font-size: 8px; line-height: 20px; }

    .bookingform .forminput { font-size: 20px; }

    .wpcf7 form.invalid .wpcf7-response-output { font-size: 16px; }

    .submitbtn .wpcf7-spinner { left: auto; bottom: auto; }

    .wpcf7 form.invalid .wpcf7-response-output { margin-bottom: 20px; }

    .innerhero-about { min-height: 0; padding-top: 14%; padding-bottom: 14%; }

    .innerhero-about h1 { text-align: center; margin-left: auto; margin-right: auto; }

    .aboutpoints-item h3 { font-size: 20px; max-width: 250px; }

    .innerhero { position: relative; }

    .innerhero::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); }    

    .aboutpoints-item { padding: 20px; }

    .fourblocks-item i { margin-bottom: 20px; }

    .fourblocks-item h3{ font-size: 22px; line-height: 30px; }

    .fourblocks-item { padding: 30px; }

    .weoffer .checklist { font-size: 18px; line-height: 22px; margin-top: 20px; }

    .aboutzig { max-width: 430px; }

    .aboutzig-row { padding: 50px 0; }

    .aboutzig-row:first-child { padding-top: 0; }

    .aboutzig-col { flex: 1 0 100%; max-width: 100%; }

    .aboutzig-text { max-width: 100%; padding-left: 0; padding-top: 20px; }

    .aboutzig-row-even .aboutzig-col:first-child { order: 0; }

}

/*991 ENDS*/



@media screen and (max-width: 767px) {

    .custom-logo { width: 210px; }

    .head-right { top: 69.83px; height: calc(100vh - 69.8px); }

    .header-sticky .custom-logo { width: 146px; }

    .header-sticky .head-right { top: 57.0px; height: calc(100vh - 57px); }

    h1, .h1, .innerhero-about h1 { font-size: 46px; line-height: 52px; }

    h2, .h2 { font-size: 36px; line-height: 42px; }

    .bttn { padding-left: 20px; padding-right: 20px; }

    .services-item--media { margin-bottom: 20px; }

    .services-item--media img { height: auto;}

    .sitehero-slide .container { max-width: 100%; padding: 80px 30px; }

    .slick-dots li button { min-width: 12px; width: 12px; height: 12px; border: 0; }

    .sitehero-ctas { display: flex; flex-wrap: wrap; align-items: center; }

    .aboutbox { margin-top: 50px; }

    .aboutbox-right p:last-of-type { margin-bottom: 0; }

    .package-item { padding: 30px 30px 28px 30px; }

    .testi-controls .bttn { width: 54px; }

    .services-item--media { height: auto; }

    .blogside-item { padding-bottom: 20px; margin-bottom: 20px; }

    .contact-form { padding: 30px 30px 30px; }

    .aboutbox-right .bttn, .package-item .bttn, .submitbtn button { min-width: 190px; }

    .faq-head h3 { font-size: 22px; line-height: 26px; }

    .faq-head i { font-size: 18px; }

    .faq-open .faq-head i { font-size: 1.9px; }

    .foo-col + .foo-col { margin-top: 40px; }

    .contact-list address { width: 100%; margin-bottom: 0; }

    .site-footer h3 { margin-bottom: 20px; }

    .contact-list li:last-child { margin-bottom: 0; }

    .footer-top { padding-bottom: 40px; }

    .footer-bottom .col-logo { text-align: center; padding-bottom: 20px; }

    .footer-bottom .col-logo img { max-width: 200px; }

    .footer-bottom .row > div { width: 100%; flex: 1 0 100%; max-width: 100%; }

    .col-foosocial { order: -1; padding-bottom: 20px; }

    footer .social-nav ul { justify-content: center; }

    .booking-row { flex-wrap: wrap; }

    .booking-left { padding-right: 0; }

    .booking-right { flex: 1 0 100%; max-width: 100%; margin-bottom: 15px; padding-bottom: 0; }

    .booking-asideblock { padding-bottom: 20px; margin-bottom: 30px; }

    .booking-asideblock:last-child { margin-bottom: 20px; }

    .header-booking .bttn { min-width: 0; font-size: 16px; }

    .header-booking .bttn i { margin-left: 15px; }

    .header-booking .row { justify-content: space-between; }

    .header-booking .row > * { width: auto; flex: 0 0 auto; }

    .booking-right h2 { margin-bottom: 20px; }

    .header-booking { padding-top: 15px; padding-bottom: 15px; }

    .schedule-label { min-width: 0; max-width: unset; flex: 0 auto; }

    .innerhero-about { padding-top: 100px; padding-bottom: 100px; }

    .aboutpoints-item { max-width: 50%; flex: 1 0 50%; }

    .weoffer .aboutbox { margin-top: 70px; }

    .fourblocks-list > div { margin-bottom: 30px; }

    .fourblocks-list > div:last-child { margin-bottom: 0; }

    .fourblocks { margin-top: 30px; }

    .fourblocks-item i { font-size: 44px; line-height: 44px; }

    .aboutpoints-item h3 { font-size: 18px; line-height: 1.6; }

}

/*767 ENDS*/



@media screen and (max-width: 575px) {

    .slick-initialized .sitehero-slide { flex-wrap: wrap; background-size: 100% auto; background-position: top left; background-color: #013169; }

    .sitehero-slide::before { position: static; width: 100vw; padding-top: 51.04%; background: transparent; }

    .sitehero-slide .container { padding: 30px; }

    h1, .h1, .innerhero-about h1 { font-size: 38px; line-height: 46px; }

    h2, .h2 { font-size: 34px; line-height: 40px; }

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

    .sectionhead p { margin-bottom: 30px; }

    .sitehero-badge { top: 33vw; bottom: auto; }

    .sitehero-wrapper .bttn, .aboutbox-right .bttn, .package-item .bttn, .submitbtn button { min-width: 0; }

    .bttn.has-arrow { justify-content: center; }

    .bttn.has-arrow i { margin-left: 20px; }

    .aboutbox-right { padding: 30px 30px 80px; }

    .formcaptcha { padding-top: 10px; max-width: 100%; overflow: hidden; }

    .formcaptcha div[style] { max-width: 100%; overflow: hidden; }

    .testigallery-item { flex: 1 0 50%; max-width: 50%; padding-top: calc(87.50% / 2); }

    .testi-left { padding: 30px 30px 75px; }

    .testi-detail::after { font-size: 55px; line-height: 95px; }

    .testi-detail { padding-right: 52px; }

    .blog-contact h2 { padding-bottom: 10px; }

    .contact-form { padding: 20px 20px 40px; }

    .header-booking .bttn { font-size: 0; padding-left: 15px; padding-right: 15px; }

    .header-booking .bttn.has-arrow i { margin: 0; line-height: 45px; }

    .bttn-300 { min-width: 0; }

    .bookingform .forminput { font-size: 18px; }

    .weoffer .aboutbox { margin-top: 60px; }

    .aboutzig-text h3 { font-size: 22px; line-height: 32px; }

    .weoffer .aboutbox-right { padding: 30px; }

    .aboutzig-row { padding: 40px 0;}

    .aboutpoints-item { padding: 15px; }

    .fourblocks-item { padding: 25px; }

    .aboutzig-col img { max-width: 100%; }

}

/*575 ENDS*/



@media screen and (max-width: 459px) {

    body, .services-item .knowmore, .package-item, .blogside-list, .faq-body { font-size: 16px; line-height: 26px; }

    .bttn, .site-footer, .services-item p { font-size: 16px; }

    .sitehero-badge { width: 60px; }

    h1, .h1, .innerhero-about h1 { font-size: 36px; line-height: 44px; }

    h2, .h2 { font-size: 32px; line-height: 38px; }

    .row>* { padding-left: 15px; padding-right: 15px; }

    .sitehero-slide .container { padding: 30px 20px; }

    .bttn.has-arrow i { margin-left: 15px; }

    .sitehero-wrapper { padding-bottom: 20px; }

    .package-item { padding: 20px 20px 28px 20px; }

    .sitehero-ctas .bttn { margin-bottom: 20px; }

    .package-item .checklist { margin-bottom: 30px; }

    .sitehero-ctas .bttn:first-child { margin-right: 15px; }

    .sitehero-ctas .bttn + .bttn { margin-left: 0; }

    .aboutbox-right { padding: 20px 20px 80px; }

    .aboutbox-right p { color: #ffffff; margin-bottom: 12px; }

    .testi-left { padding: 20px 20px 75px; }

    .test-desig { font-size: 16px; }

    .testi-detail { padding-right: 0; padding-left: 26px; }

    .testi-detail::before { width: 18px; height: 1px; }

    .blogside-list h3 { margin-bottom: 10px; }

    .faq-item { padding: 15px; }

    .faq-head h3 { font-size: 20px; }

    .footer-top { padding-top: 54px; }

    .foo-col + .foo-col { margin-top: 30px; }

    .foo-coltwo .menu li + li, .foo-colthree .menu li + li { margin-top: 10px; }

    .booking-slottimeitem span { font-size: 14px; }

    .booking-left { font-size: 16px; }

    .booking-slottimeitem span { height: 34px; padding: 1px 10px; }

    .booking-timebatch { font-family: 'nexa-bold', sans-serif; max-width: 95px; min-width: 95px; flex-basis: 95px; }

    .header-booking .row > * { max-width: 220px; }

    .booking-timeslots { flex-wrap: wrap; }

    .booking-slottimelist { flex: 1 0 100%; }

    .bookingform label, .booking-right { font-size: 16px; line-height: 26px; }

    .booking-right { padding-top: 30px; }

    .font-22 { font-size: 18px; line-height: 26px; }

    .booking-left p { margin-bottom: 20px; }

    .serviceselect-amt { font-size: 18px; line-height: 26px; }

    .aboutzig-text h3 { font-size: 20px; line-height: 30px; margin-bottom: 10px; }

    .aboutzig-text p { margin-bottom: 15px; }

    .aboutzig-text .knowmore { font-size: 16px; line-height: 26px; }

    .aboutpoints-item h3 { font-size: 16px; line-height: 1.4; }

}

/*459 ENDS*/



@media screen and (max-width: 374px) {

    .sitehero-badge { width: 50px; }

    .custom-logo { width: 190px; }

    .head-right { top: 65.85px; height: calc(100vh - 65.8px); }

    .sitehero-slide .container { padding: 20px; }

    h1, .h1, .innerhero-about h1 { font-size: 32px; line-height: 38px; margin-bottom: 12px; }

    h2, .h2 { font-size: 28px; line-height: 36px; margin-bottom: 16px; }

    .sitehero-wrapper { text-align: center; }

    .sitehero-ctas { justify-content: center; }

    .services-item h3, .package-item h3, .blogside-list h3 { font-size: 22px; line-height: 30px; margin-bottom: 12px; }

    .checklist li::before { margin-right: 8px; }

    .packages-list { margin-bottom: 20px; }

    .contact-form { padding: 15px 15px 40px; }

    .formcaptcha div[style] { transform: scale(0.85); transform-origin: 0 0; max-width: unset; }

    .faq-head h3 { font-size: 18px; line-height: 24px; }

    .faq-body { padding-top: 14px; }

    .footer-top { padding-top: 48px; }

    .site-footer h3 { font-size: 22px; }

    .footer-bottom .col-logo img { max-width: 180px; }

    .formfield-name, .formfield-textarea .wpcf7-form-control-wrap > textarea::placeholder { font-size: 17px; }

    .booking-left .serviceselect-title { font-size: 16px; line-height: 22px; }

    .fourblocks-item h3 { font-size: 20px; line-height: 26px; }

    .fourblocks-item p { font-size: 16px; line-height: 24px; }

    .fourblocks-item i { font-size: 40px; line-height: 40px; }

    .weoffer .checklist { font-size: 16px; line-height: 20px; }

    .weoffer .checklist li::before { font-size: 10px; margin-right: 10px; }

    .aboutpoints-item { max-width: 100%; flex: 1 0 100%; }

    .aboutpoints-item:last-child { padding-bottom: 0; }

    .aboutpoints-item i { font-size: 35px; line-height: 35px; }

}

/*374 ENDS*/