@media only screen and (min-width:1921px) and (max-width:2699px){
    .packages-slider .item .packages-info, .destination-slider .item .destination-info{transform: translateY(80px);}
}
@media only screen and (min-width: 1921px) {
    .container{ max-width: 1650px;}
}

@media only screen and (max-width: 1799px) {
    .unity-top, .staycation-top{ max-width: 750px;}
    .mainslider .item .slider-text{ top: 55%;}
}
@media only screen and (min-width: 1650px) {
    .container, .container-xl, .container-xxl {
        max-width: 1650px;
    }
}
@media only screen and (max-width: 1650px) {


}
@media only screen and (max-width: 1599px) {
    .tour-packages-slider{ padding: 0px 0px 0px 30px;}
    .destination-slider-part{ padding: 0px 0px 0px 60px;}
    .unity-top, .staycation-top{ max-width: 600px;}
    .statue-slider-part, .staycation-slider-part{ max-width: 960px;}
    /* .statue-slider-part .owl-nav .owl-next{ left: 50px;} */
    /* .statue-slider-part .num{ left: 6%;} */
    .card.pro-inner.grid { width: calc(50% - 24px); margin: 0 12px 24px;}
    .social-links li {width: 52px; height: 52px; }
    .social-links {gap: 10px; }

}
@media (max-width: 1399px) {

}

@media (max-width: 1299px) {
    .statue-slider-part, .staycation-slider-part{ max-width: 750px;}
    /* .statue-unity::after, .staycation-info::before{ max-width: 350px;} */
    .staycation-top, .unity-top{ max-width: 100%; padding: 0px 30px 20px 40px;}
    .statue-slider-part, .staycation-slider-part{max-width: 100%;}
    .inner-tour-data{ padding: 0px 0px;}
    .inner-tabs-design .nav-pills .nav-link{ font-size: 16px;}
    .travel-guide-menu li a {padding: 5px 20px; font-size:16px; }
    .footer-left .footer-logo {max-width: 245px; }
}

@media only screen and (min-width:992px) and (max-width:1279px){
    #header-section .navbar-brand{ max-width: 200px;}
    .main-menu .nav-link{padding: 30px 10px !important; font-size: 15px;}
    #header-section.sticky .nav-link{padding: 30px 10px !important;}
    .welcome-img{ height: inherit; position: sticky; top: 110px;}
    .car-rental-info .rental-data{ padding: 35px 30px;}
    .blog-info{ padding: 35px 40px 20px 40px;}
    .statue-unity::after, .staycation-info::before{ display: none;}
    .mainslider::after, #sub-banner::after{ max-height: 140px;}
    #sub-banner img{ max-height: 350px;}
    .inner-tour-data{ padding: 0px 0px;}
    .inner-tabs-design .nav-pills .nav-link{ font-size: 16px;}
}

@media only screen and (min-width:992px) { 
    #header-section .navbar-nav .nav-link{max-width: fit-content;margin: auto;}
    #header-section .navbar-nav .nav-item.dropdown {filter: drop-shadow(0px 28px 21px rgba(0, 0, 0, 0.12)); }
    #header-section .navbar-nav .nav-item .dropdown-menu {visibility: hidden; display: block !important; -webkit-transition: 0.5s; transition: 0.5s; clip-path: polygon(0% 0%,100% 0%,100% 0%,0% 0%); padding: 15px 5px; border-radius: 0; background: #000;}
    #header-section .navbar-nav .nav-item:hover .dropdown-menu, #header-section .navbar-nav .nav-item .dropdown-menu.show{visibility: visible; clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);} 
    #header-section .dropdown-item{ color: #fff; font-size: 16px; font-weight: 500; transition: all ease 0.5s;}
    #header-section .dropdown-item:hover{ transform: translateX(5px); background: transparent; opacity: 1;}
    #header-section .dropdown-item:hover .dropdown-menu{ opacity: .5;}


} 

@media (max-width: 574px) {
    .footer-nav, .newsletter-form { display: none;}
    .footer-menu.active .footer-nav,
    .footer-menu.active .newsletter-form { display: block;}
    .accordion-toggle { cursor: pointer; position: relative; padding-right: 20px;}
    .accordion-toggle::after { content: '+'; position: absolute; right: 0; font-size: 20px;}
    .footer-menu.active .accordion-toggle::after {content: '-';}
}


@media only screen and (max-width: 991px) {
    #header-section ul.navbar-nav{ padding: 90px 0px; max-height: 550px; overflow-y: auto;}
    #header-section{ padding: 0px 0px !important; min-height: 80px;}
    #header-section .navbar .navbar-collapse { position: fixed; left: 0px; top: 0px; right: auto; z-index: 5; background-color: #221F20; width: calc(100% - 00px); height: calc(100% - 00px) !important; opacity: 1; visibility: visible; transform-origin: right; overflow-y: auto; overflow-x: hidden; flex-wrap: wrap; padding-top: 0; -webkit-clip-path: polygon(100% 00%, 100% 0%, 100% 0%, 100% 00%); -webkit-transition: -webkit-clip-path 0.3s ease; transition: -webkit-clip-path 0.3s ease; transition: clip-path 0.3s ease, -webkit-clip-path 0.3s ease; will-change: transform, clip-path; clip-path: polygon(100% 00%, 100% 0%, 100% 0%, 100% 00%);}
    #header-section .navbar .navbar-collapse::before{content: '';display: block;position: absolute;bottom: 0;width: 100%;height: 100%;background: url(../img/logo-shape.svg) no-repeat;background-size: contain;background-position: bottom right;opacity: .40; z-index: -1;}
    #header-section .navbar .navbar-collapse.show { clip-path: polygon(100% 100%, 0% 100%, 0% 0%, 100% 0%); height: 100rem !important;}
    #header-section .navbar-collapse.show ~ #header-section.sticky {transform: translateY(0)!important;}
    #header-section .navbar .navbar-collapse .mobile_text { display: flex; height: 100%; flex-direction: column; position: absolute; left: 0; top: 0;}
    #header-section .navbar .navbar-collapse .mobile_text span { height: calc(33.33% - 0px); text-align: center; vertical-align: middle; align-items: center; display: flex; font-size: 100px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; padding: 40px; background: #004e98; border-bottom: 2px solid #e9f2f8; justify-content: center; line-height: 1.3; color: #e9f2f8;}
    #header-section .navbar .navbar-collapse .mobile_text span:last-child { border: unset;}
    .close_and_title_text{ position: fixed; top: 12px; right: 0; z-index: 11; transition: all ease 0.5s;}
    .close_and_title_text button.navbar-toggler {line-height: 2; color: #d12527; top: 12px;}
    #header-section .navbar-nav .nav-link{ font-size: 24px; font-weight: 500; text-transform: uppercase; padding: 15px 30px !important; display: inline-block;}
    #header-section .navbar-nav .dropdown-menu {position: static;padding: 15px 15px 15px 15px;border-radius: 0px;background: #000;border: none;}
    #header-section .navbar-nav .dropdown-item{white-space: normal;color: #fff;font-size: 20px; transition: all ease 0.5s;}
    #header-section .dropdown-item:focus, #header-section .dropdown-item:hover{ transform: translateX(15px); background: transparent;}
    #header-section .dropdown-item.active,  #header-section .dropdown-item:active{ background: transparent; color: #444;}
    #header-section .navbar .navbar-brand{ left: 0; top: 0;}
    #header-section .navbar .navbar-brand span img{ max-height: 80px;}
    #banner .carousel-caption{ max-width: 940px;}
    #dholera-section::before, #dholera-section::after{width: 100%;}
    .right-top{ padding: 20px 0px;}
    #company-involved::before, #company-involved::after{ width: 100%;}
    .copy_right span a, .footer_bottom span { font-size: 14px;}
    .card.pro-inner.grid { width: calc(100% - 24px); margin: 0 12px 24px;}
    .inner-tour-data{ padding: 0px 0px;}
    .inner-tabs-design .nav-pills .nav-link{ font-size: 16px;}
    .mainslider::after, #sub-banner::after{ max-height: 140px;}
    #sub-banner img{ max-height: 350px;}
}


@media (max-width: 991px) {
    .navbar-brand{ max-width: 200px;}
    .mainslider{ padding: 60px 0px 0px 0px;}
    .mainslider::after{ max-height: 140px;}
    #header-section.sticky .main-menu{ padding: 10px 20px;}
    .tour-packages-slider, .destination-slider-part{ padding: 0px 0px 0px 30px;}
    .statue-unity::after, .staycation-info::before{ display: none;}
    .blog-info{ padding: 35px 35px 20px 35px;}
    .blog-info span{ left: 20px;}
    .blog-info h3{ font-size: 1.2rem;}
    .welcome-img{ height: inherit; position: sticky; top: 110px;}
    #testimonial-section .owl-nav{left: calc(100% - 15%);}
    .statue-slider-part .num, #tour-package .num, #destination-section .num{ display: none;}
    .award-points li{ text-align: left;}
}

@media (max-width: 767px) {
    .top-links li a span{ display: none;}
    #tour-package{ padding: 30px 0px 0px 0px;}
    .tour-top, .top-destination, .tentcity-top, .unity-top, .staycation-top, .testimonial-top, .blog-top{ padding: 0px 15px;}
    .staycation-info{ padding: 0px 0px;}
    .tour-packages-slider, .destination-slider-part{ padding: 0px 15px;}
    .welcome-info{ padding: 25px 10px;}
    .counter-info h3{ font-size: 32px;}
    #destination-section, #tentcity-sectio, #unity-section, .statue-unity, #staycation-section, #testimonial-section, #blog-section{ padding: 30px 0px;}
    .statue-unity::after, .staycation-info::before{ display: none;}
    .statue-slider-part, .staycation-slider-part{ padding: 20px 0px;}
    .car-rental-info .rental-data{ padding:25px 20px;}
    .car-rental-info .rental-data h2 small{ font-size: 16px;}
    .car-rental-info .rental-data h2{ font-size: 26px;}
    .travel-guide{ padding: 25px 0px; display: block;}
    .travel-guide-menu li{ display: block; border-right: none; border-bottom: 1px solid #cccccc2e;}
    .travel-guide-menu li a{ padding: 13px 15px; display: block; font-size: 16px;}
    .footer-left .footer-logo{ max-width: 200px;}
    .footer-menu, .follow-part{ padding: 0px 15px;}
    .social-links li{ width: 47px; height: 47px; line-height: 45px;}
    .footer-left{ padding: 0px 15px 20px 15px;}
    .mainslider .item .slider-text{ width: 100%; top: 50%;}
    .mainslider .item .slider-text h3{ font-size: 1.5rem; margin: 0px 0px 0px 0px;}
    .mainslider .item .slider-text p{font-size: 1rem;}
    #tour-package .owl-nav, #destination-section .owl-nav{ left: 77%;}
    #tour-package .num, #destination-section .num{ right: 18.5%;}
    .statue-slider-part .num{ bottom: 7.1%; top:inherit; left: 14%;}
    .counter-info .counter{ height: 36px;}
    .counter-info .counter > span{ width: 22px;}
    .contact-content{ flex-wrap: wrap;}
    .contact-data{ padding: 35px 0px 0px 0px;}
    .contact-left{ margin: 0px 20px 20px 0px;}
    .contact-mail{ columns: inherit;}
    #sub-banner::after{ max-height: 100px;}
    /* #destination-section .owl-nav .owl-prev{ bottom: -25px; right: 63px;} */
    .pro-top-bar .paragraph{ display: none;}
    .packages-para{ padding: 0px 0px 35px 0px;}
    ul#pills-tab{ border-radius: 15px;}
    ul#pills-tab li.nav-item{ width: 100%;}
    .inner-tabs-design .nav-pills .nav-link.active, .inner-tabs-design .nav-pills .show>.nav-link{ border-radius: 7px; width: 100%; text-align: left;}
    .tour-packages-cost h3{ font-size: 20px; margin: 0px 0px 15px 0px;}
    .weekend-main-page{ padding: 0px 5px;}
    #staycation-inner{ padding: 0px 0px 50px 0px;}
    .stay-inner-top{ padding: 0px;}
    .tentcity-slider .item .tentcity-info{ transform: translateY(70px); }
    .tentcity-slider .item .tentcity-info h3{ font-size: 16px;}
    .tentcity-slider .item .tentcity-info p{ font-size: 16px; line-height: 1.2;}
    .modal-inquiry-content .modal-img img{ border-radius: 10px 10px 0px 0px;}
    #company-profile{ padding: 25px 0px;}
    .profile-info{ padding: 25px 0px;}
    #destination-page-main, #rann-utsav-main, #statue-unity-main, .staycation-page-top, #car-rental-main{ padding: 0px 0px;}
    .destination-details{ padding: 0px 0px 35px 0px;}
    .cottage-data{ padding: 15px;}
    .cottage-info{ padding: 15px 0px;}
    .sou-tent-details{ padding: 0px 10px;}
    .award-points li{ text-align: left;}
    .award-points li:last-child{border-bottom: 1px dashed #cdcdcd;}
    .award-trophy img{ max-height: 250px;}
    #testimonial-section .owl-nav {left: calc(100% - 25%);}
    .award-data{border-bottom: 1px solid #f5f5f514; border-right: none;}
    .award-data h3{ font-size: 20px;}
    .top-social-media{ top: 27%;}
    .top-social-media li{ width: 30px; height: 30px; line-height: 28px;}
    .top-social-media li a img{max-width: 12px; max-height: 12px;}
    .mainslider .down-arrow{ bottom: 20%;}
    .mainslider .down-arrow a{ width: 50px; height: 50px; line-height: 50px;}
}

@media (max-width: 540px) {
    .itinerary-table tr td{ display: block; width: auto; border: none;}
    .itinerary-table tr td:nth-child(odd){ background: #f5f5f5;}
    .car-form{ padding: 25px 25px;}
    .packages-slider::before, .destination-slider::before{ max-width: 59%;}
    #tour-package .owl-nav, #destination-section .owl-nav{ left: 52%;}
    #testimonial-section .owl-nav{left: calc(100% - 45%);}
}