/* --------general hidden classes--------- */

/* hiding all other screen except large */
@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .hidden-lg {
        display: none !important;
    }
}

/* hiding all other screen except medium */
@media screen and (min-width: 768) and (max-width: 1024px) {
    .hidden-md {
        display: none !important;
    }
}


/* hiding all other screen except small */
@media screen and (min-width: 480px) and (max-width: 768px) {
    .hidden-sm {
        display: none !important;
    }
}

/* hiding all other screen except extra small */
@media screen and (max-width: 480px) {
    .hidden-xs {
        display: none !important;
    }
}

/* ---------------responsive css------------------- */

@media screen and (min-width: 100px) and (max-width: 768px) {
    /* ------------- */
    .container {
        width: 95%;
    }
    .site-logo {
        width: 49px !important;
        height: auto;
        margin-left: 20px;
    }

    .header-menu .navbar .wtsp-container {
        flex: .4!important;
        justify-content: center !important;
    }

    .navbar .wtsp-container button img {
        padding-top: 2px;
    }

    .header-menu .navbar .navbar-toggler {
        flex: .1;
    }

    /* ---------------------- */

    section.home {
        height: 800px;
        background-size: auto;
        background-position: left;
        top: -75px;
        margin-bottom: 0px;
        overflow: hidden;
    }

    section.home #slider-item {
        height: 800px;
        background-size: auto;
        background-position: center;
    }

    section.home #slider-item.home-slider-1 {
        background-image: url(../public/images/slider@mob.png) !important;
    }

    section.home #slider-item.home-slider-2 {
        background-image: url(../public/images/slider-cordelia@mob.png) !important;
    }

    section.home #slider-item.home-slider-3 {
        background-image: url(../public/images/slider-goa@mob.png) !important;
    }

        
    .home-slider-2 .explore-btn, .home-slider-3 .explore-btn{
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 200px;
        text-align: center;
        top: 690px !important;
    }

        
    #carouselExampleSlidesOnly .carousel-control-prev {
        margin-left: 0px;
        margin-top: 140px;
    }

    #carouselExampleSlidesOnly .carousel-control-next {
        margin-right: 0px;
        margin-top: 140px;
    }

    .home .intersection-mob
    {
        display:block !important;
        height: 354px;
        width: auto;
        position: absolute;
        bottom: -30px;
        left: 0px;
    }
    .home .intersection-lg 
    {
        display: none;
    }

    .home .slogan-vector {
        margin-top: 550px;
    }

    .home .home-slogans {
        margin-top: 10px;
    }

    .home .slogan {
        font-size: 35px;
        line-height: 45px;
        width: 374px;
    }

    .home .explore-btn {
        top: 30px;
    }

    /* --------------- */

        
    .holidays-section {
        height: 635px;
        padding-top: 0px !important;
        margin-top: -20px !important;
    }

    .holidays-section .hoidays-head {
        font-size: 40px;
        line-height: 20px;
        letter-spacing: 8px;
        margin-top: 20px;
    }

    .holidays-section .holidays-images {
        gap: 20px;
    }

    .holidays-section .holidays-images img {
        height: 247px;
    }

    .holidays-images .tours .tour-heading {
        left: 45px;
        top: 25px;
    }

    .holidays-images .tours h1 {
        font-size: 32px;    
        line-height: 30.72px;
    }

    .holidays-images .tours a {
        right: 28px;
        bottom: 18px;  
    }

    /* --------------------------- */

    section.upc-packages {
        height: 755px;
        margin-top: 10px;
    }
    
    .upc-packages .upc_image {
        display: none;
    }

    .upc-packages .upc_image-mob {
        display:inline-flex !important;
    }

    .upc-packages .wrapper {
        flex-direction: column;
    }
    
    .upc-packages .upc-heading {
        display: none;
    }
    
    .upc-packages .upc-heading-mob {
        color: #fff;
        font-size: 36px;
        font-weight: 800;
        font-family: inherit;
        line-height: 34.56px;
        display: inline-flex !important;
        position: absolute;
        top: 115px;
        text-align: center;
    }

    .upc-packages .destinations-box {
        width: 100%;
        margin-right: auto;
    }
    
    .upc-packages .destinations {
        margin-top: 30px;
        padding-left: 0;
        grid-template-columns: 42% 42%;
        justify-content: center; 
        column-gap: 20px;
    }

    .destinations > div:nth-child(-n+4) {
        display: block !important;
    } 

    .destinations-box .explore-btn {
        position: relative;
        text-align: center;
        width: 200px;
        right: 0px;
        margin-lefT: auto;
        margin-right: auto;
        bottom: 25px;
        padding: 12px 30px 12px 30px;
    }

    /* --------------- */
    section.our-experience {
        padding-bottom: 40px;
    }

    .our-experience .exp-image {
        float: unset;
        padding-bottom: 10px;
    }

    
    .our-experience .exp-image {
        width: 100%;
    }
    
    .our-experience .exp-image-wrapper {
        -ms-flex-order:-1;
        order:-1;
        margin-top: 10px;
    }
    
    .experience-content .exp-content-subhead {
        margin-top: 10px;
    }
    
    .experience-content .exp-content-head {
        width: 300px;
    }
    
    .experience-content .exp-content-para {
       width: 350px;
       margin-top: 15px;
    }
    
    .experience-content .exp-content-button {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    
    .experience-content .experience-stats {
        flex-direction: column;
        gap: 20px;
    }

    .experience-content .experience-stats > div {
        display: flex;
        gap: 20px;
    }
    
    .experience-stats h2 {
        font-size: 36px;
        width: 120px;
    }

    /* ----------------- */

        
    .destinations-section {
        height: max-content;
        margin-top: 10px;
        padding-top: 10px;
    }

    .destinations-section .destinations-head h1{
        width: 350px;
    }

    .destinations-section .destinations-head p{
        width: 95%;
        margin-top: 20px;
    }

    .destinations-section .destinations-head .view-all-btn {
        padding: 15px 18px;
    }

    .destinations-head .destntions-btn {
        display: flex;
        flex-direction: column;
    }

    .destinations-head .destntions-btn > div {
        position: relative;
        padding-top: 20px;
    }

    .destinations-section .destinations-imgs {
        margin-top: 80px;
    }

    .destinations-section .destinations-imgs > div:not(:first-child) {
        display: none;
    }

    /* ------------------ */

        
    .video-ply-section {
        background-image: url('../public/images/video-ply-img-mob.png');
    }

    .video-ply-section .ply-section-head {
        padding-top: 50px;
    }

    .video-ply-section .ply-section-head h1 {
        font-size: 36px;
        line-height: 33.48px;
    }

    .video-ply-section > p {
        width: 241px;
        margin-top: 40px;
    }

    .video-ply-section > h6 {
        margin-top: 30px;
    }

    .video-ply-section > button {
        height: 99px;
        width: 99px;
        bottom: -58px;
        transition: all 0.3s ease; /* Adding transition for smooth effect */
    }
    
    .video-ply-section img {
        height: 141px;
        width: 141px;
    }

        
    .video-ply-section > button:hover {
        height: 141px;
        width: 141px;
        bottom: -37px;
    } 

    /* ---------- */
   
    .happy-travellers {
        height: fit-content;
        margin-bottom: 20px;
    }

    .happy-travellers img {
        width: 100%;
        height: auto;
    }

    .happy-travellers .happy-travellers-imgs div:nth-child(1) {
        display: none;
    }

    .happy-travellers .happy-travellers-imgs div:nth-child(3) {
        display: none;
    }

    /* ------------ */

    
    .testimonials-section {
        height: fit-content;
        font-family: var(--font-poppins);
        padding-top: 50px;
        padding-bottom: 20px;
    }

    /* --------- */

    section.section-amaze {
        height: 253px;
        margin-bottom: 0px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../public/images/amaze-img-mob.png');
    }

    .section-amaze .amaze-head {
        width: 450px;
        padding-left: 33px;
        padding-top: 90px;
    }

    .section-amaze .amaze-head img {
        width: 261.55px;
        right: 115px;
        bottom: -45px;
    }

    .section-amaze .amaze-head h1 {
        font-size: 28px;
        line-height: 29.44px;
    } 

    /* --------- */

    .getin-touch-section {
        height: fit-content;
        padding-top: 20px;
        padding-bottom: 80px;
    }

    .getin-touch-section .getin-touch-box {
        box-shadow: none;
        padding-top: 10px;
        height: fit-content;
    }

    .getin-touch-section .getin-touch-box > h3 {
        margin-bottom: 10px;
    }

    .getin-touch-box .message-box {
        margin-top: 50px;
        padding-left: 0px;
        padding-right: 0px;
        flex-direction: column;
    }

    .message-box .bhoomika-info {
        flex: 1;
        order: 2;
        padding-left: 20px;
        padding-top: 50px;
    }

    .message-box .form-box {
        border-left: none;
        padding-left: 20px;
        padding-right: 20px;
        height: auto;
        margin-top: -20px;
        order: 1;
    }

    .message-box .form-box form .form-group {
        margin-top: 30px;  
    }

    .message-box .form-box form .row:not(:first-child) {
        margin-top: 0px;  
    }

    /* ---------------- */

    footer.footer-section {
        height: 174px;
        padding-top: 50px;
        width: 100%;
        text-align: center;
    }

    .footer-section .footer-links {
        margin: 0;
        padding: 0;
        width: 100%;
        margin-bottom: 20px;
        gap: 8px;
    }

    .footer-section hr {
       width: 70%;
    }

    .footer-section .footer-bottom {
        margin-top: 20px;
    }

    .footer-section .footer-bottom p {
        justify-content: center;
    }

    /* ------national,international tours------ */
    

    .national-tours {
        height: fit-content;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 10px;
        font-family: var(--font-poppins);
    }

    .international-tours {
        height: fit-content;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 10px;
        font-family: var(--font-poppins);
    }
    

    .national-tours .national-tours-head h1 {
        font-size: 22px;
        line-height: 20.64px;
        width: 124px;
    }
    
    .national-tours .national-tours-head {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .national-tours-head .national_tours_vector {
      display: none;
    }

    .national-tours-head .national_tours_vector-mob {
        display: inline !important;
        flex: .34;
        margin-left: auto;
    }
    
    .national-tours-head .flight-vector {
        height: 27px;
        flex: .08;
    }    

    .national-tours-packages .national-tours-arrows img{
        height: 55px;
    }

    .international-tours-packages .international-tours-arrows img{
        height: 55px;
    }

    .national-tours .national-tours-para {
        margin-top: 30px;
        width: 300px;
    }

    .national-tours .national-tours-btn {
        margin-top: 20px;
    }

    .international-tours .international-tours-para {
        margin-top: 30px;
        width: 300px;
    }


    .international-tours .international-tours-btn {
        margin-top: 20px;
    }

    .international-tours .national-tours-head h1 {
        font-size: 22px;
        line-height: 20.64px;
        width: 124px;
    }
    
    .international-tours .national-tours-head {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    /* ---------testimonials-section----------- */

    .testimonials-section {
        padding-top: 20px;
        padding-bottom: 100px;
        margin-bottom: 50px;
    }

    .testimonials-section .testimonials-head > h1 {
        font-size: 36px;
        margin: 0 auto;
        line-height: 43.2px;
        margin-top: 10px;
        width: 300px;
    }

    .testimonials-section .testimonials-head > p {
        width: 250px;
        margin-top: 20px;
    }

    .testimonials-section button {
        bottom: -80px;
    }


    .testimonials-section button.left {
        left: 15px;
    }

    .testimonials-section button.right {
        right: 15px;
    }

    .testimonials-section .testimonials-contents {
        padding-top: 20px;
    } 

    .testimonials-contents .testimonials-content {
        padding: 24px;
    }

    .testimonials-content .cust-pro .cust-name {
        padding-left: 20px;
    }

    .testimonials-section  .slider-dots {
        display: none;
    }

}

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

    .site-logo {
        width: 49px !important;
    } 

    .header-menu .navbar .wtsp-container {
        flex: .2!important;
        justify-content: center !important;
    }

    .header-menu .navbar .navbar-toggler {
        flex: .1;
    }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .header-menu .navbar .social-icons {
       display: none;
    }
}
/* --------------------- */

@media screen and (max-width: 992px) {
    nav.navbar {
        padding-top: 20px;
    }

    .offcanvas-body ul.social-icons {
        margin-top: 20px;
    }
    /* ------------- */
}