@charset "utf-8";

/* CSS Document */

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */

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

}

/* Large Devices, Wide Screens */

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

}

/* Large Devices, Wide Screens */

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

    h1 {
        font-size: 43px;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1199px) {

    h1 {
        font-size: 35px;
    }
    
    .massage_type_sec{
        background-size: cover;
    }

}

/* Large Devices, Wide Screens */

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

}

/* Medium Devices, Desktops */

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

    .nav_btn{
        min-width: 55px;
    }

    .nav_btn span{
        margin-right: 0;
    }

    .navbar-collapse{
        position: absolute;
        left: auto;
        right: 10px;
        top: 0;
    }

    .navbar-toggler{
        height: 48px;
    }
    
    .navbar-brand {
        width: 47px;
    }

    .apt_btn_div{
        margin-top: 10px;
    }

    .booking_icon_div {
        width: 25px;
        height: 25px;
    }

    h2 {
        font-size: 25px;
    }

    h4{
        font-size: 14PX;
    }
    
    .about_content{
        font-size: 20PX;
    }

    .type_box .icon {
        width: 35px;
        height: 35px;
    }

    .accordion-body .type_box .text_box{
        margin-top: 0;
    }

    .type_box .text_box {
        padding: 10px 10px 10px 10px;
        margin-top: -30px;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 15px !important;
        padding: 37px 29px;
    }

    .swiper-button-next, .swiper-button-prev{
        top: 9px !important;
    }

    .gallery-top .swiper-button-next, .gallery-top .swiper-button-prev{
        top: var(--swiper-navigation-top-offset, 50%) !important;
    }

    ul.icon-list li{
        font-size: 14px;
    }

    .footer-logo-col{
        display: flex;
        gap: 25px;
        align-items: end;
    }

    .sticky_padding{
        margin-top: 0 !important;
        padding: 5px 0;
    }

    .block_text {
        font-size: 20PX;
    }

    .type_swiper {
        margin-top: 50px;
    }
    
    .massage_type_sec{
        padding-top: 0;
    }

    .sticky_logo {
        padding-top: 6px;
    }

    .mobi_nav{
        padding-bottom: 12px;
    }

    .lg-border-0{
        border: none;
    }

}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 768px) {
  
}

/* Extra Small Devices, Phones */

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

    h1 {
        font-size: 28px;
    }

    .main_bg {
        min-height: 50vh;
        background-size: 170%;
    }

    h3 {
        font-size: 18
    }

    .booking_col {
        min-width: 50%;
        margin-bottom: 10px;
    }

    .mb-border-0{
        border: none;
    }

    .about_num {
        font-size: 32px;
    }

    .footer {
        background-size: cover;
        margin-bottom: 0;
    }

    .dropdown-menu[data-bs-popper] {
        font-size: 13px;
        text-align: center;
        min-width: fit-content;
        padding: 10px 20px;
        margin-top: 10px;
    }

    .dropdown-menu{
        border: 1px solid #f7f7f7;
    }
 
    .dropdown-menu li{
        margin-bottom: 5px;
    }

    .contact_info_bar{
        padding: 20px;
    }

    .sec_mb {
        margin-bottom: 55px;
    }

    .inner_header_sec .hero_content {
        margin-top: 150px;
    }
    
    .sticky-navbar .nav_btn {
        height: 40px;
        min-width: 40px !important;
    }
    
    .sticky_logo{
        height: 35px !important;
    }
    
}

/* Extra Small Devices, Phones */

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

    .booking_col {
        min-width: 100%;
        margin-bottom: 10px;
        border-right: 0;
    }

    .testi_sec {
        background-size: cover;
        border-radius: 10px;
    }

    .testimonial-swiper{
        height: 350px;
    }

    .footer-logo-col{
        flex-direction: column;
        align-items: start;
        padding: 0 25px;
    }

    .footer_main_col{
        padding: 0 25px;
    }

    .footer_logo {
        width: 90px;
    }

    .text_box h4{
        font-size: 14px;
    }

    .hero_content p::after{
        background-color: transparent;
    }

    .nav_btn {
        min-width: 40px;
        min-height: 40px;
        font-size: 11px;
        height: 40px;
    }

    h4 {
        font-size: 12px;
    }

    .d_logo {
        margin-top: 10px !important;
    }

    .navbar-brand {
        width: auto;
        margin-top: 0;
        height: 30px;
    }

    .navbar-toggler-icon {
        width: 20px;
        height: 20px;
    }

    .navbar-toggler {
        height: 40px;
        width: 40px;
        padding: 0;
    }

    .navbar-collapse{
        right: 10px;
    }

    .custom-radio-btn .radio-box {
        font-size: 12px;
        gap: 5px;
        padding: 10px 8px;
    }

    .custom-radio-btn .radio-circle {
        width: 15px;
        height: 15px;
    }

    .custom-radio-btn .radio-circle::after {
        width: 9px;
        height: 9px;
    }
  
}

/* Extra Small Devices, Phones */

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

    h1 {
        font-size: 24px;
    }

    .navbar-collapse {
        right: 24px;
    }

    .otp-input {
        width: 43px;
        padding: 5px;
    }

    .gallery-top {
        height: 235px;
    }
}

/* Custom, iPhone Retina */

@media only screen and (max-width: 375px) {
  
}

/* Custom, iPhone Retina */

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

    

}

@media only screen and (max-width: 320px) {
    
}