@media only screen and (min-width: 1441px) and (max-width: 1920px) {
    #page-banner {max-height: 620px;}
    #page-banner h1 {bottom: 80px;}
}

@media only screen and (min-width:1003px) and (max-width:1024px)
{
    #main-menu ul li a {font-size: 93%;}
    #products-menu ul li.company-name a {font-size: 121%; padding: 0 10px;}
    #products-menu ul li a {padding: 0 10px; font-size: 93%;}
}

@media only screen and (min-width:768px) and (max-width:1002px)
{
    #mobile-menu-icon {display: block; width: 30px; height: 20px; top: 36px;}
    #mobile-menu-icon span, #mobile-menu-icon span:before, #mobile-menu-icon span:after {width: 30px; height: 4px;}
    #mobile-menu-icon span:before {top: -8px;}
    #mobile-menu-icon span:after {top: 8px;}
    #mobile-menu.active #top-menu, #mobile-menu.active #main-menu {display: block !important;}
/*    .row-eq-height {display: inherit;}*/
    #wrapper {width:100%; position:relative; z-index:10; overflow: hidden;}
    
    header {padding: 10px 0;}
    header #logo {width: 170px;}
    
    #banner, #banner ul li {height: 80vh;}
    
    h2.title {font-size: 220%; padding-top: 65px; margin-bottom: 20px;}
    h2.title:before {height: 58px;}
    
    #tread-the-wild {padding-bottom: 50px;}
    #tread-the-wild .highlight {margin-right: 0;}
    #tread-the-wild h2.title {margin-bottom: 25px;}
    #tread-the-wild p {font-size: 95%; margin-bottom: 20px;}
    #in-gir .content-wrap {margin-bottom: 30px;}
    #in-gir .content {padding: 15px;}
    #in-gir .content h3.title {font-size: 150%; margin-top: 0;}
    #in-gir .content h3.title > i {display: none;}
    #in-gir .content p {max-width: max-content;}
}

@media only screen and (min-width:320px) and (max-width:767px)
{
    body, table, input, textarea, select {font-size: 15px;}
    #mobile-menu-icon {display: block;}
    #mobile-menu.active #top-menu, #mobile-menu.active #main-menu {display: block !important;}
    #wrapper {width:100%; position:relative; z-index:10; overflow: hidden;}
    
    #mobile-menu {display: block;}
    
    .dropdown.open .dropdown-backdrop {display: none;}
    .others {display: none;}
    .wappicon {right: 15px;}

    .tread-the-wild .highlight {display: none;}
    .the-lodge .block-content:before {display: none;}

    .excursion .item {background-color: rgba(143,102,78,0.85); height: 100%;}
    .excursion .item .details {position: inherit; visibility: visible; opacity: 1; background: none;}
    .excursion .item .img-title {display: none;}
   
    .reviews {padding: 15px;}
    .reviews .slider {margin: 0;}
    .reviews .btn-custom {font-size: 100%; right: 15px;}
    .reviews a.author {margin-top: 25px;}
    #CDSWIDSSP .widSSPData .widSSPOneReview .widSSPBullet {display: block !important;}
    #CDSWIDSSP .widSSPData .widSSPOneReview .widSSPBullet li {flex: 0; width: 100%; padding-right: 0;}
    .other-reviews {display: block !important; text-align: center; margin-top: 1rem;}
    .other-reviews h4 {margin-bottom: 1rem !important;}
    .other-reviews > div {justify-content: center; flex-wrap: wrap;}

    footer .top-new {background-image: none; background-color: rgb(var(--primary2)); text-align: center; padding-bottom: 0;}
    footer .top-new .social-connect a {margin: 0 0.5rem; border-color: rgba(var(--primary1));}
    .totop {bottom: 100px;}
    
    footer #top {height: 300px; padding-bottom: 100px;}
    footer #top:before {height: 250px; background-size: 250%;}
    footer #top .eco-tourism-logo {left: 15px;}
    footer .middle {padding: 25px 0;}
    footer .middle ul.quick-contacts {margin-bottom: 15px; flex-wrap: wrap;}
    footer .middle ul.quick-contacts li:nth-child(3) {margin-left: 0 !important; margin-top: 1rem;}
    footer .middle ul.quick-contacts li:nth-child(4) {margin-left: 0 !important; margin-top: 1rem;}
    footer .social-connect {margin-top: 20px; justify-content: center !important;}
    footer .bottom .blue, footer #bottom .reserved {display: block;}

    .page-banner {padding-top: 45%;}
    .gir-page-panel .column img {max-width: 50px;}
    .gir-page-panel .highlight {margin: 15px 0 0;}
    
    .table-cell [class^='col-'] {display: block;}
    .safari-timings {margin-top: 20px;}
    .safari-timings table tr th, .safari-timings table tr td {width: 33.33%; white-space: normal !important;}
    .gir-page-panel .safari-routes .col-route-number, .gir-page-panel .safari-routes .col-route-detail {display: table-cell;}
    .gir-page-panel .birds-listing {column-count: 2; margin-top: 15px; column-gap: 15px;}
    
    .sightseeing-places .item .img-wrapper {height: auto;}
    .sightseeing-places .item .details {visibility: visible; opacity: 1;}
    .sightseeing-places .item .img-title {display: none;}
    .meal-times .table-responsive {padding: 10px 15px;}
    .meal-times table tr th, .meal-times table tr td {width: 50%;}
    .content ul.no-bullets.left-links {display: flex; overflow-x: auto; margin: -15px;}
    .content ul.no-bullets.left-links li {border: none; border-left: 1px solid #ebebeb;}
    .content ul.no-bullets.left-links li a {white-space: nowrap; padding: 15px;}
    .gallery {margin-top: 25px;}
    .gallery > .row.no-gutters {margin: 0 -7.5px;}
    .gallery .item {height: 100px;}
    .content .iframe-container {height: 250px; margin-bottom: 15px;}

    .logos .row [class*='col-md'] {width: 50%;}
    .highlights-box {padding: 0.75rem !important;}
    .highlights-box ul {display: flex; flex-wrap: wrap;}
    .highlights-box ul li {flex: 0 0 50%; width: 50%;}
    .highlights-box ul li a {padding: 0.5rem 0 !important;}
    .btm-logo {margin-left: auto; margin-right: auto;}
}

@media only screen and (min-width:320px) and (max-width:767px) and (orientation: landscape)
{
}