@media( min-width: 1400px ) {
    .container-xxl {
        max-width: 1240px;
    }
}

@media( max-width: 1399px ) {
    html, 
    body {
        font-size: 15px;
    }
    .container-xxl {
        padding-inline: 12vw;
    }
    .carousel-next {
        right: 12vw;
    }
    .carousel-prev {
        left: 12vw;
    }
    .siteTitle {
        font-size: 3rem;
    }
    .siteImage-01 {
        transform: translateX( -2rem );
        width: 30vw;
    }
    .socials img {
        width: 24px;
        height: 24px;
    }
    .siteBanner-content h1 {
        font-size: 5rem;
    }
    .singleTrip {
        width: 580px;
    }
    .siteBanner .socials {
        right: 2rem;
    }
}

@media( max-width: 1110px ) {
    .header-nav {
        display: none !important;
    }
}

@media( min-width: 1111px ) {
    .hambuger_menu {
        display: none !important;
    }
}

@media( max-width: 991px ) {
    .siteImage-01 {
        width: min( 40vw, 33rem );
        
        transform: translateX(-10%);
    }
    .singleTrip {
        width: 500px;
    }
    .singleTrip-image img {
        height: 350px;
    }
    .formSlide .member-age-range {
        flex-wrap: wrap;
        gap: 0.5rem 2rem;
    }
    .women-power-image {
        transform: scale(1);
    }
}

@media( max-width: 767px ){
    .container-xxl {
        padding-inline: 2rem;
    }
    .carousel-next {
        right: 1.5rem;
        width: 3.3rem;
        height: 3.3rem;
    }
    .carousel-prev {
        left: 1.5rem;
        width: 3.3rem;
        height: 3.3rem;
    }
    .carousel-next::after,
    .carousel-prev::after {
        width: 0.6em;
        height: 0.6em;
    }
    .center .singleTrip-image::after,
    .ch-slide::after,
    .cv-slide::after {
        border-left: 2px solid #fff8;
        border-bottom: 2px solid #fff8; 
    }
    .formWrap {
        padding: 3rem;
    }
    .tourpic-item img {
        height: 250px !important;
    }
    .women-power {
        padding-top: 0;
        padding-bottom: 50vw !important;
        overflow: hidden;
    }
    .women-power > img {
        right: 0;
        bottom: -2px;
        height: 65vw;
        transform: translateX(0%);
    }
} 

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 900px;
    }
}

@media( max-width: 575px ) {
    html, 
    body {
        font-size: 15px;
    }
    .siteTitle {
        font-size: 2.4rem;
    }
    p {
        font-weight: 500;
    }
    .siteBtn-custom {
        border-radius: 0.25rem;
        min-width: 15rem;
        padding: 0.8em 2em;
        font-size: 1.1rem;
    }
    .siteHeader-logo {
        width: 10rem;
    }
    .siteImage-01 {
        width: 100%;
       
    }
    .siteBanner-content h1 {
        font-size: 4rem;
    }
    .siteBanner {
        background-position: 60% center;
    }
    .singleTrip {
        width: 85vw;
    }
    .container-xxl.fw {
        padding-inline: 10px;
    }
    .singleTrip-content {
        padding: 1rem 1.5rem 2rem;
    }
    .center .singleTrip-content {
        inset: 0 0 2px 2px;
    }
    .singleTrip-btns {
        flex-wrap: wrap;
    }
    .ch-slide .ch-slide-text,
    .cv-slide .cv-slide-text {
        transform: translateY(0);
    }
    .ch-slide .ch-slide-text .btn,
    .cv-slide .cv-slide-text .btn {
        opacity: 1;
    }   
    .formWrap {
        padding: 3rem 2rem;
    }
    .formSlide .siteTitle {
        font-size: 1.75rem;
    }
    .women-power-image {
        transform-origin: center bottom;
        transform: scale(1.6);
    }
    .accordion-box .block {
        padding: 2rem 2rem;
        margin-bottom: 1rem;
    }
    .accordion-box .block .acc-btn {
        padding-right: 4rem;
        line-height: 1.3;
    }
    .footer-logo {
        width: 70vw;
    }
    .pagetitle-content h1 {
        font-size: 3.5rem;
    }
    .tourpic_prev,
    .tourpic_next {
        width: 1rem;
        height: 1rem;

    }
    .tourpic_prev {
        left: 4%;
    }
    .tourpic_next {
        right: 4%;
    }
    .women-power {
        padding-bottom: 70vw !important;
    }
    .women-power > img {
        height: 85vw;
        transform: translateX(8%);
    }
    .siteImage-01 {
        width:  100%;
        transform: translateX(0%);
    }
    .siteHeader a.siteBtn-custom {
        display: inline-block;
        width: auto;
        min-width: auto;
    }
    .siteBanner {
        background-image: url(../../assets/images/Carelink_Phone_banner_bg.jpg);
    }
    
}

@media( max-width: 400px ) {
    .container-xxl {
        padding-inline: 4%;
    }
    .pagetitle-content h1 {
        font-size: 2.7rem;
    }
}

@media( max-width: 340px ) {
    .tour-package-wrap .tp-btns .siteBtn-tripInfo,
    .tour-package-wrap .tp-btns .siteBtn-tripInfo:hover {
        min-width: 120px;
    }
}

@media( max-width: 1333px ) {
    .siteBanner-content h1 {
        font-size: 4rem;
    }
    
    .siteBanner-content h2 {
        font-size: 2.2rem;
        padding-right: 10%;
    }
}

@media( max-width: 767px ) {
    .siteBanner-content h1 {
        font-size: 3.5rem;
        line-height: 0.9;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .siteBanner-content h2 {
        font-size: 1.8rem;
        padding: 0%;
    }
    .siteBanner-content {
        padding-top: 10rem !important;
    }
}