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

}

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

@media only screen and (min-width:768px) and (max-width:1002px)
{
    #mobile-menu-icon {display: block; width: 30px; height: 20px; top: 36px;}
/*    .row-eq-height {display: inherit;}*/
/*    #wrapper {width:100%; position:relative; z-index:10; overflow: hidden;}*/
    
    #menu ul li a {font-size: 220%;}
    
    header #logo {position: inherit; max-width: 168px; }
    
    #banner .bx-wrapper .bx-pager { bottom: 140px; transform: none; top: inherit; width: 100%; left: auto; }
    #banner .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; margin: 10px 2px; }

    #banner, #banner ul li {height: 80vh;}
    h2.title {font-size: 180%; margin-bottom: 20px;}
    
    #services ul.nav-tabs li { min-width: 25%; width: auto; }
    #services .tab-content .content {padding: 15px 0;}
    #services .tab-content .content form {padding: 35px 0;}
    
    #partners h2.title, #properties h2.title { margin-bottom: 15px; font-size: 120%; }
    #partners .card-title, #properties .card-title { font-size: 100%; }

    #about-gnp .content {padding: 0; margin: 0; max-width: 100% !important;}
    #about-gnp .categories .item .img-content {padding: 15px;}
    #about-gnp .categories .item .img-content .title {font-size: 100%;}
    #about-gnp .categories .item .img-content .text {font-size: 90%;}
    #about-gnp .categories .item .img-content .read-more {font-size: 90%;}
    #tourist-attractions h2 {margin-bottom: 50px;}
    #travellers-reviews .item {padding: 20px;}
    
    #page-banner {height: 150px; margin-top: 0;}
    #page-banner h1 {font-size: 225%;}
    #top-attractions .container .row [class^="col-"] {width: 25%;}
    #message {position: inherit; padding: 15px 0;}
    #message ~ #main-container {margin-top: 0;}
    #message p span {font-size: 120%;}
    #quick-search form .btn-custom {min-width: 0; white-space: normal;}
    #trip-history.search-result .column .margin {padding: 25px 0;}
    .jeep-detail-container > .item .jeep-detail .icon {width: 60px; height: 60px;}
    #trip-history.search-result .column .margin .persons-selected-msg {font-size: 90%;}
    #google-map {height: 300px;}
    .map {max-width: 100%;}
    #top-attractions .item .img-title {font-size: 100%;}
    #tourist-place-gallery {margin-top: -65px; margin-bottom: 65px;}
}

@media only screen and (min-width:320px) and (max-width:767px)
{
    body, table, input, textarea, select {font-size: 15px;}
    body.menu-open:before { z-index: 1002; }
    form select.form-control { padding: 0 0 6px 0; }
    .select2-dropdown { z-index: 1001; }
    .select2-container--bootstrap .select2-dropdown { z-index: 1003 !important; }
    #mobile-menu-icon {display: block;}
    #mobile-menu.active #top-menu, #mobile-menu.active #main-menu {display: block !important;}
    .row-eq-height {display: inherit;display: block;}
    #wrapper {width:100%; position:relative; margin-bottom: 0;}
    
    .footer-actions { bottom: 90px; }
    .siq_bR { margin-bottom: 90px; height: 50px !important; }

    .home .footer-actions { bottom: 10px; }
    .home .siq_bR { margin-bottom: 10px }

    .breadcrumb.custom { white-space: nowrap; }
    
    header { height: auto; position: inherit; background-color: #fff; }
    header.sub { position: relative; }
    header #logo {position: inherit; max-width: 150px; padding: 16px 0;}
    header.home #logo img { filter: none;}
    header #quick-contacts > li:nth-child(2) {display: none;}
    header #quick-contacts > li:nth-child(-n+2) span {display: none;}
    
    #banner .container > .text { -ms-flex-item-align: end !important; align-self: flex-end !important; margin-bottom: 40px; }
    #banner .container > .text > .title { font-size: 150%; margin-bottom: 0; }
    #banner .container > .text > .details { font-size: 120%; }
    
    #services-menu {float: none; margin: 0; position: fixed; left: 0; right: 0; bottom: 0; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); z-index: 1004; }
    #services-menu ul.nav-tabs {display: flex; overflow: hidden; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; }
    
    .dropdown.open .dropdown-backdrop {display: none;}
       
    #menu .container {width: 100%;}
    #menu .menu-content {padding: 0 15px; overflow-y: auto;}
    #menu ul li a {font-size: 150%;}
    #menu ul li ul li a {font-size: 120%;}
    #menu ul li ul li {display: block;}
    #menu ul li ul li:first-child:before {display: inline-block;}

    #banner {top: 0;}
    #banner, #banner ul li {height: 240px;}
    #banner ul li > .container > .banner-title {padding-bottom: 40px;}
    #banner ul li > .container > .banner-title h1 {font-size: 300%; line-height: 50px;}
    #banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {width: 100%; left: 0; top: auto; bottom: 20px; margin: 0; transform: none; padding-top: 0;}
    #banner .bx-wrapper .bx-pager .bx-pager-item {display: inline-block; vertical-align: middle; margin: 0;}
    
    h2.title {font-size: 110% !important; margin-bottom: 20px;}
    h2.title:before {height: 58px;}
    .padding {padding: 30px 0;}

    #services { margin-top: 0; }
    #services > .container { padding-left: 0; padding-right: 0; }
    #services > .tab-content { max-height: calc(100% - 76px); top: auto; bottom: 76px; box-shadow: 0 0 5px rgba(0,0,0,0.2); z-index: 1003; }
    #services.tab-content { top: auto; bottom: 60px; box-shadow: 0 0 5px rgba(0,0,0,0.2); z-index: 1003; }
    #services.tab-content > .tab-pane { max-height: calc(100vh - 180px); overflow-y: auto;  }
    #services.tab-content a.close { top: -15px; bottom: auto; }
    #services.tab-content .content form { padding: 20px 0; }
    #services ul.nav-tabs li.nav-item:first-child, #services ul.nav-tabs li.nav-item:last-child {border-radius: 0; overflow: visible;}
    #services ul.nav-tabs {display: flex; overflow: hidden; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; }
    #services ul.nav-tabs li.nav-item {width: auto; float: none; flex-grow: 1; border-right: 1px solid #444; }
    #services ul.nav-tabs li.nav-item:last-child { border-right: none; }
    #services ul.nav-tabs li.nav-item > a.nav-link {height: 90px; font-size: 13px; background-color: rgba(33,34,35,1); color: rgba(255,255,255); padding: 0.5rem 1rem; }
    #services ul.nav-tabs li.nav-item > a.nav-link .icon { margin: 0 auto; }
    #services ul.nav-tabs li.nav-item > a.nav-link.active .icon i {opacity: 1;}
    #services ul.nav-tabs li.nav-item > a.nav-link em {display: none;}
    #services .tab-content { border-radius: 0; }
    #services .tab-content .content form {padding: 15px 0;}
    #services .tab-content .content form .form-group {margin: 0 0 20px;}
    #services .tab-content .content .title {font-size: 114%;}
    #services .tab-content .content .sub-title {font-size: 88%;}
    #services .tab-content .content form .btn-custom {position: inherit; left: 0; bottom: 0; transform: none; padding: 10px 15px; font-size: 100%; width: 100%; margin-top: 15px;}
    #services .tab-content .tab-content { padding: 0; }
    #services .content .btn-custom { position: relative; bottom: -10px; }
    #services .content .btn-custom .arrow { display: none; }

    #partners h2.title, #properties h2.title { margin-bottom: 15px; font-size: 120%; }
    #partners .card-title, #properties .card-title { font-size: 100%; }

    #about-gnp {padding-top: 30px;}
    #about-gnp .content {margin: 0; }
    #about-gnp .slider {border-width: 5px; }

    #banner {top: 0;}
    #banner, #banner ul li {height: 240px;}
    #banner ul li > .container > .banner-title {padding-bottom: 40px;}
    #banner ul li > .container > .banner-title h1 {font-size: 300%; line-height: 50px;}
    #banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {width: 100%; left: 0; top: auto; bottom: 20px; margin: 0; transform: none; padding-top: 0; text-align: right; right: 15px; }
    #banner .bx-wrapper .bx-pager .bx-pager-item {display: inline-block; vertical-align: middle; margin: 0;}
    
    h2.title {font-size: 100% !important; font-weight: 600; margin-bottom: 0;}
    h2.title:before {height: 58px;}
    .padding {padding: 30px 0;}
    
    ul.nav-tabs {display: flex; white-space: nowrap; overflow: hidden; overflow-x: scroll !important;}
    ul.nav-tabs li { width: auto; float: none;}
    #about-gnp .categories {margin-top: 50px;}
    #about-gnp .categories .slider1 {margin: 0;}
    #about-gnp .categories .item {text-align: left;}
    #about-gnp .categories .item .img-content .title {font-size: 100%;}
    
    #tourist-attractions h2, #travellers-reviews h2 {text-align: center; margin: 0 0 20px;}
    #tourist-attractions .item .img-title {font-size: 100%;}
    #tourist-attractions .btn-custom, #travellers-reviews .btn-custom {right: 0; left: 0; bottom: 0; top: auto; max-width: 190px; margin: 0 auto;}
    #tourist-attractions .container, #travellers-reviews .container {padding-bottom: 65px;}
    #tourist-place-gallery .gallery-slider { padding: 15px 0; border-bottom: 0; }
    .bullets li { margin-bottom: 10px;}
    .map { overflow: hidden; }

    .full-slider .owl-nav .owl-prev, .full-slider .owl-nav .owl-next { top: calc(50% - 40px); }
    .full-slider .owl-nav .owl-prev { left: -15px; }
    .full-slider .owl-nav .owl-next { right: -15px; }
    
    #travellers-reviews .slider {margin: 20px 0 0; padding: 0;}
    #travellers-reviews .item {padding: 20px;}
    #travellers-reviews .item .traveler-img {float: none; width: 80px; height: 80px; margin: 0 auto; border-width: 3px;}
    #travellers-reviews .item .content {margin: 0; text-align: center;}
    #travellers-reviews .item .content p {font-size: 94%; line-height: 1.7em;}
    
    .panel .panel-heading { padding: 15px !important; }
    .panel .panel-heading h2 {font-size: 120%; }
    .panel .panel-heading .panel-title a {font-size: 100% !important; font-weight: 600; line-height: normal; margin: -15px; padding: 15px !important; }
    .panel .panel-heading .panel-title a .icon { right: 10px; }
    .panel .panel-body {padding: 15px;}
    .panel .panel-footer {padding: 15px;}

    .list-actions { margin-bottom: 10px; }
    .list-actions .row > [class^='col-'] {text-align: center;}
    .list-actions .row > [class^='col-']:first-child {text-align: left;}
    .list-actions .action label { font-weight: 400; margin: 10px 0 5px 0;}
    .list-actions .action ul li {display: inline-block; text-align: left; width: 45px; margin-left: 0;}
    .list-actions .action ul li a {background-color: #fff; position: relative;}
    .list-actions .action ul li a i {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
    .list-actions .action ul li.active { display: inline-block; }
    .list-actions .action ul li a span { display: none; }
    .list-actions .row > [class^='col-']:nth-child(2n) .action.sort {margin-left: -20px;}
    .list-actions .action.view {margin-left: -18px;}
    
    .list-actions .action.menu { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1002; background: #fff; text-align: left; padding: 15px; }
    .list-actions .action.menu label { display: block; }
    .list-actions .action.menu ul { width: 100%; }
    .list-actions .action.menu ul li { display: block; margin-left: 0; margin-bottom: -1px; }
    .list-actions .action.menu ul li a i { width: 16px; margin-top: 0; margin-right: 10px; }
    .list-actions .action.menu ul li a span { display: inline-block; }
    
    #trip-history { padding: 0; }
    #trip-history .panel .panel-heading h2 { font-size: 100%; font-weight: 500; }
    #trip-history .panel .panel-heading h3 { font-size: 90%; font-weight: 500; }
    #availability-calendar .calendar .item { width: 33.33%; padding: 0 5px; }
    
    .jeep-detail-container > .item .jeep-detail .icon { zoom: 0.5; }
    .jeep-detail-container > .item .jeep-detail .text { font-size: 100%; width: auto; font-weight: 500; margin-left: 5px; }
    .jeep-detail-container > .item .jeep-detail .text em {display: none; margin-right: 5px; }
    
    #hotel-search-pg h2 { margin-top: 10px; margin-left: 0; margin-right: 0; }
    #hotel-search-pg h2:first-child { margin-top: 0; }
    #hotel-search-pg .summary { margin-bottom: 0; text-align: right; }
    #top-filter.fixed + .page-content { margin-top: 0; padding-top: 0; }
    #top-filter.fixed { position: relative; top: 0; z-index: 1001; }
    #modify-search.btn-custom {border: 1px solid #e5e5e5; box-shadow: none; background-color: #fff; padding: 5px 10px; font-size: 88%; border-radius: 7px; margin: 7px 0;}
    
    .hotel-filter {display: none;}
    .hotel-filter-wrapper { border: 0; border-radius: 0; position: fixed; left: -260px; top: 0; bottom: 0; overflow-x: scroll; z-index: 1005; width: 260px; background-color: #fff; }
    .hotel-filter-wrapper #side-filter {border: 0; border-radius: 0;}
    .hotel-filter-wrapper .hotel-filter {display: block;}
    #top-filter { padding: 0; }
    
    #top-filter .dropdown-menu.custom { width: auto; }
    .fixed-xs { display: none; position: fixed; top: 0; right: 60px; bottom: -20px; left: 0; z-index: 1003; overflow-y1: scroll; border: 0; border-radius: 0; }
    .overlay {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0);}
    .overlay.active {background-color: rgba(0,0,0,0.7); z-index: 1000;}
    
    .ad-container:after { bottom: 22px; }

    .hotel-column { column-count: 1; }
    .hotel-listing .item .card-body { padding: 15px; }
    .hotel-listing .item { width: 100%; display: inline-block; margin-top: 0; margin-bottom: 15px; }
    .hotel-listing .item:first-child { margin-top: 0; }
    .hotel-listing .item div[class^="col-"] { background-color: #fff; }
    .hotel-listing .item .card-img-top { height: 160px; object-fit: cover; border-top-left-radius: 7px; border-top-right-radius: 7px; }
    .hotel-listing .item.adv-image {margin-bottom: 15px;}
    .hotel-listing .item .photo { padding: 0; max-height: 200px; border-radius: 7px; }
    .hotel-listing .item .photo .hotel-pic { text-align: center; }
    .hotel-listing .item .photo img { border-radius: 0; max-height: 100%; width: auto; height: inherit; max-width: inherit; }
    .hotel-listing .item .basic-details { padding: 0; }
    .hotel-listing .item .basic-details h3.title { font-size: 110%; }
    .hotel-listing .item .basic-details .location { font-size: 80%; }
    .hotel-listing .item .basic-details .star-rating { position: relative; display: block; margin-left: 0; }
    .hotel-listing .item .booking-details { margin-top: 15px; background-color: transparent !important; }
    .hotel-listing .item .basic-details .amenities { margin: 10px 0; }
    .hotel-listing .item .basic-details .amenities a { margin-right: 10px; }
    .hotel-listing .item .price-details { text-align: left; padding: 0; }
    .hotel-listing .item .price-details .actual-price { display: inline; }
    .hotel-listing .item .price-details .standard-price { display: inline; color: #077812; }
    .hotel-listing .item .price-details .btn-custom { margin-top: 0; }
    
    section#breadcrumb { display: none; }
    section#photo-panel { margin: 0 -15px; }
    section#page-title h1 { font-size: 130%; }
    section#page-title h1 span { font-size: 80% !important; margin-top: 2px; }
    section#page-title .star-rating { margin-bottom: 2px; }
    section#page-title .nav { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; }
    .photo-panel ~ div section#page-title {position: inherit; top: auto;}
    .photo-panel ~ div section#page-title + #rules {margin-bottom: 15px;}
    .photo-panel .photo-container.first a > img, .photo-panel .photo-container.last a > img { border-radius: 0; }

    #tourist-place-gallery .style2 .owl-nav .owl-prev { left: -15px; }
    #tourist-place-gallery .style2 .owl-nav .owl-next { right: -15px; }

    #hotel-detail-pg .panel-group .panel { margin-bottom: 20px; border: 0; }
    #hotel-detail-pg #accordion .panel-body { padding: 15px; }
    #hotel-detail-pg #accordion .panel-body.no-heading { padding-top: 15px; }
    #hotel-detail-pg h2 { margin-bottom: 30px; }
    #hotel-detail-pg .top-facilities ul li { padding-left: 0; margin-top: 10px; padding: 0 6px; }
    #hotel-detail-pg .top-facilities ul li .title { font-size: 80%; }
    #hotel-detail-pg .top-facilities ul li .icon { zoom: 0.7; background-color: transparent; }
    #hotel-detail-pg .all-facilities { column-count: 2; padding-top: 0; margin-top: 20px; }
    #hotel-detail-pg .all-facilities .facilities-column { display: block; }
    #hotel-detail-pg .panel-group .panel:first-child { border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; margin-top: 15px; }
    .photo-panel .photo-container { padding-right: 0; }
    .photo-panel .map-container { padding-left: 0; }
    
    #page-banner.hotel, #page-banner.hotel:before { height: 150px; }
    #page-banner.hotel .container { padding-top: 20px; }
    #page-banner.hotel .hotel-price { display: none; }
    #page-banner.hotel h1 { font-size: 150%; }
    #page-banner.hotel h1 span { font-size: 60%; margin-top: 0; }
    
    #hotel-detail-pg .panel-group .panel { border: 0 !important; }
    #hotel-nav-tabs ul.nav.nav-tabs li a { padding: 15px 20px; display: none;}
    .photo-panel { margin-bottom: 20px; border-radius: 0; }
    .photo-panel .row.padding7-5 { margin: 0 -15px; }
    .photo-panel .row.padding7-5 .col-8 { padding-left: 15px; padding-right: 0; }
    .photo-panel .row.padding7-5 .col-4 { padding-left: 0; padding-right: 15px; }
    .photo-panel .map { margin-top: 0; border: 0; border-radius: 0; }
    
    #hotel-detail-pg .first-review { display: none; }
    
    #room-category h2.title small { font-size: 80%; }
    #room-category .panel { background-color: transparent !important; }
    #room-category .panel #top-filter .fixed-xs {display: block; position: inherit;}
    #room-category .panel #top-filter h3 {margin-top: 0; font-size: 120%;}
    #room-category .panel-body { background-color: transparent !important; }
    #room-category .room-item { background-color: #fff; margin: 0 -15px; border-bottom: 15px solid #fafafa; }
    #room-category .room-item:last-child { border-bottom: 0; }
    #room-category .room-item:after { display: none; }
    #room-category .room-item .row { border-bottom: 0; }
    #room-category .room-item .tbl { display: block; width: auto; height: auto; }
    #room-category .room-item .tbl .row { display: block; width: auto; border-bottom: 1px solid #eee; margin-bottom: 15px; }
    #room-category .room-item .tbl .row [class^='col-'] { float: left; display: block; border-bottom: none; padding: 0 15px; }
    #room-category .room-item .tbl .row:last-child { border-bottom: 0; margin-bottom: 0; }
    #room-category .room-item .tbl .rate-plan small, #room-category .room-item .tbl .rate-plan .small { display: inline-block; }
    #room-category .room-item .tbl .rate-plan a.inclusions { display: inline-block; margin-left: 5px; }
    #room-category .room-item .price-book-detail { display: block; height: auto; padding: 15px 15px 0 15px; border-left: 0; border-right: 0; background-color: #fff !important; }
    #room-category .room-item .btn-custom.btn-add { float: right; }
    #room-category .room-detail { margin-right: 0; }
    #room-category .room-item .tbl .actual-price { display: inline-block; }
    #room-category .room-item .tbl .standard-price { display: inline-block; margin-left: 5px; margin-bottom: 10px; color: #077812; }
    #room-category #cart {display: block;padding: 0;position: fixed;bottom: 0;left: 0;right: 0;margin: 0 auto;overflow-y: scroll; z-index: 1005; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
    #room-category #cart .cart-wrapper { align-self: auto; position: relative; padding: 15px; left: auto; bottom: auto; width: auto; }
    #room-category #cart .cart-wrapper.empty { display: none; }
    #room-category #cart .cart-wrapper .rooms {max-height: 300px; overflow-y: scroll; display: flex; white-space: nowrap; overflow: hidden; overflow-x: scroll;}
    #room-category #cart .cart-wrapper .rooms .empty-cart { display: none;}
    #room-category #cart .cart-wrapper .rooms .room {margin-right: 15px;}
    #room-category #cart .summary .btn-custom {padding: 10px 15px;}
    
    #checkout.panel {margin-top: 15px;}
    
    #rules .rules-info .quick-facts li > div { padding: 10px 15px; margin-top: 15px; }

    footer #middle {padding: 25px 0 0 0;}
    footer #middle h3 {margin-bottom: 20px; font-size: 120%;}
/*    footer #middle ul.row.quick-contacts { margin: 0 -15px; }*/
    footer .social-connect {margin-bottom: 30px;}
    footer #middle ul.imp-links {margin-bottom: 20px;}
    footer #middle ul.imp-links li {display: inline-block; vertical-align: middle; position: relative; margin-bottom: 15px;}
    footer #middle ul.imp-links li:after {content: '|'; display: inline-block; vertical-align: middle; margin-left: 10px; margin-right: 5px;}
    footer #middle ul.imp-links li:last-child:after { display: none; }
    footer #bottom p {font-size: 14px;}
    footer #bottom .reserved {display: block;}
    
    .style2 .owl-nav .owl-prev, .style2 .owl-nav .owl-next,
    .style1 .owl-nav .owl-prev, .style1 .owl-nav .owl-next {width: 30px !important; height: 30px !important;}
    #availability-calendar .calendar .owl-nav .owl-prev { left: -15px !important; }
    #availability-calendar .calendar .owl-nav .owl-next { right: -15px !important; }
    
    #services-menu ul.nav-tabs li.nav-item { flex-grow: 1; }
    #services-menu ul.nav-tabs li.nav-item > a.nav-link {padding: 5px 15px; height: auto; background-color: #fff;}
    #services-menu ul.nav-tabs li.nav-item > a.nav-link .icon {height: 35px;}
    #services-menu ul.nav-tabs li.nav-item > a.nav-link.active:after { top: 0; bottom: auto; height: 4px; background-color: #000; }
    #services-menu ul.nav-tabs li.nav-item:first-child > a.nav-link.active { border-left-color: transparent; }
    #services-menu ul.nav-tabs li.nav-item:last-child > a.nav-link.active { border-right-color: transparent; }
    
    #main-container .page-content .panel-group .panel { border-radius: 0 !important; border: none; }
    #page-banner {height: 150px; margin-top: 0;}
    #page-banner h1 {font-size: 200%; bottom: 20px;}
    .content h3 {font-size: 150%;}
    .content p {line-height: normal;}
    #categories {margin: 0 0 -30px;}
    #categories .nav-tabs {display: flex; overflow: hidden; overflow-x: scroll;}
    #categories .nav-tabs li.nav-item a.nav-link {margin: 0 10px 0 0;}
    #categories .nav-tabs li.nav-item a.nav-link .icon {width: 50px; height: 50px;}
    #categories .nav-tabs li.nav-item a.nav-link .icon i {transform: scale(0.7);}
    #categories .nav-tabs li.nav-item a.nav-link .text {display: none;}
    
    #faqs .faqs-tabs {display: flex; white-space: nowrap; overflow: hidden; overflow-x: scroll; margin: 0; padding: 0 0 30px 0;}
    #faqs .faqs-tabs .filter-button {margin: 0 15px 0 0;}
    #faqs #accordion {margin-right: 0;}
    #faqs .content h3 {font-size: inherit;}
    #faqs .panel .panel-heading .panel-title a {padding-right: 32px !important;}

    #accordion.trip-detail-accordion .panel-heading a .total { margin-right: 30px; }
    .blog-detail h2.title {font-size: 160%;}
    #blog .right-column {margin-left: 0; margin-top: 30px;}
    
    #places .card-columns { column-count: 2; }
    #places .item {margin-bottom: 30px;}
    #places .item img {width: 100%;}
    
    #google-map.gray {margin-top: -30px;}
    #how-to-reach {margin-top: 100px;}
    #how-to-reach .nav-tabs li.nav-item {width: 32.5%; margin: 0 1px;}
    #how-to-reach .nav-tabs li.nav-item a.nav-link {width: 100%; height: auto; padding: 8px 10px;}
    #how-to-reach .nav-tabs li.nav-item a.nav-link .icon {width: 30px; height: 30px; margin: 0 auto 5px; display: block;}
    #how-to-reach .nav-tabs li.nav-item a.nav-link .icon i {transform: scale(0.7);}
    #how-to-reach .nav-tabs li.nav-item a.nav-link .text {font-size: 90%;}
    #how-to-reach .tab-content { padding: 20px;}
    #how-to-reach .tab-content .btn-custom {position: inherit;}
    
    .address-block {padding: 25px 15px 15px; text-align: left; margin-bottom: 20px;}
    .address-block .item {margin-top: 0;}
    .address-block .item .icon {width: 40px; height: 40px;}
    .address-block .item .icon i {transform: scale(0.9);}
    .address-block .item .text {margin-left: 55px; font-size: 100%;}
    
    #accordion.trip-detail-accordion .table-responsive {border: none;}
    #accordion.trip-detail-accordion .table {border-spacing: 0;}
    #accordion.trip-detail-accordion .table tr {margin-bottom: 25px; display: block; border-bottom: 1px solid #ccc; padding: 0 0 25px;}
    #accordion.trip-detail-accordion .table tr td {width: 50%; display: inline-block; vertical-align: middle; padding: 0;}
    #accordion.trip-detail-accordion .table tr td:last-child {width: 100%;}
    #accordion.trip-detail-accordion .total-amount {font-size: 113%; padding: 15px;}
    #trip-history .panel .panel-body .panel .panel-heading { background-color: #f5f5f5; border-radius: 0; }
    #trip-history.search-result h1 {font-size: 150%;}
    #trip-history.search-result .column .margin {padding: 15px 0;}
    #message .container, #message .container > .row, #message .container > .row > [class^='col-'] {display: block;}
    #message {position: inherit; top: 0;}
    #message p span {font-size: 120%;}
    #message ~ #main-container {margin-top: 0;}
    #message + #accordion.trip-detail-accordion {margin-top: 30px;}
    #quick-search {margin-top: 15px;}
    #quick-search form .btn-custom {margin: 15px auto 0; display: block;}
    .weekly-calendar .item .day {font-size: 100%;}
    .weekly-calendar .item .date {font-size: 120%;}
    .weekly-calendar .item .time-slot .radio input[type=radio] + label {font-size: 90%; padding: 5px;}
    
    #testimonials .testimonials-listing {padding: 20px;}
    .modal-open .modal {background-color: rgba(0,0,0,0.5);}
    .modal-dialog { width: 90%; }
    .modal-backdrop {z-index: 1002;}
/*    .modal-backdrop.in {z-index: 9;}*/
    .modal.custom .modal-header {padding: 15px 20px;}
    .modal.custom .modal-title {font-size: 120%;}
    .modal.custom .modal-body {margin: 0 15px; padding: 15px;}
    
    #confirm-booking .modal-body .btn-custom { width: 100%; }
    #confirm-booking .modal-body .total-amount { font-size: 120%; }
    #confirm-booking .modal-body { padding: 20px; }
    #confirm-booking .modal-body .item .jeep-detail .text { font-weight: 400; }
    #confirm-booking .modal-body .item .jeep-detail .arrow { display: none; }
    #confirm-booking .modal-body .item .jeep-detail .text em { display: none; }
    #confirm-booking .modal-body .item .jeep-detail .text strong { display: block; font-size: 80%; font-family: 'Poppins', sans-serif; }
    
    .no-padding > .instructions { padding: 20px; }
    .no-padding > .instructions ul { margin-left: -20px; }
    
    .row.person { margin-bottom: 15px; }
    .row.person > div:last-child {  border-bottom: 1px solid #ccc; }
    .row.person:last-child > div:last-child {  border-bottom: 0; }
    
    input[data-pickerpos="right"] + .picker { right: 0; }
}

@media only screen and (min-width:320px) and (max-width:767px) and (orientation: landscape)
{
    input[data-pickerpos="right"] + .picker { right: auto; }
}

@media only screen and (max-width: 767px) {
    #hotel-search-pg.padding {margin-top: -15px;}
    .modify-search-fixed {position: -webkit-sticky; position: sticky; left: 0; right: 0; top: 0; z-index: 9;}
    .modify-search-fixed #top-filter {display: none;}
    .modify-search-fixed .modify {display: flex !important; width: 100%; max-width: 1270px; margin: 0 auto; justify-content: flex-end; background-color: #212223; color: #fff; align-items: center;}
    .modify-search-fixed .modify .modify-search {display: none; font-weight: 500;}
    .modify-search-fixed .modify .s-result {margin-right: auto; font-weight: 500; overflow: hidden; width: 100%;}
    .modify-search-fixed .modify .btn-modify {padding: 5px 15px; display: inline-flex; text-decoration: none; color: #fff;}
}