@media only screen and (min-width: 1366px) and (max-width: 1920px) {
    form#filterForm {
        padding: 0;
    }
    
    .logo a {
        font-size: 23px !important;
    }
    
    section.list-sec .col-lg-3 {
        width: 32%;
    }
    
    .listing-top {
        margin: 0 0 10px;
    }
    
    .listing-slider .slick-slide {
        margin: 5px 5px;
    }
    
    .standard-box img {
        height: 100px;
    }
    
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
	.logo a {
		font-size: 20px !important;
	}

	.home-inn-banner h1 {
		font-size: 44px;
	}

	.btm-htl span {
		height: 43px;
	}

	.hotel-img img {
		height: 200px;
		object-fit: cover;
	}

	.foter-box.ftr-bx-1:before {
		height: 147%;
		top: -28%;
	}

	section.com-logo {
		padding-top: 0;
	}

	.logo-slider {
		padding: 0 0 60px 0;
	}

	.inner-list-detail-section .col-lg-9 {
		width: 100%;
	}
	
	.listing-slider .slick-prev, .listing-slider .slick-next {
        display: block !important;
        background: transparent;
    }
    
    form#filterForm {
        padding: 0;
    }
    
    section.list-sec .col-lg-3 {
        width: 32%;
    }
    
    .listing-top {
        margin: 0 0 10px;
    }
    
    	
	.listing-slider .slick-slide {
        margin: 10px 10px;
    }
    
    .standard-box img {
        height: 100px;
    }
    
        section.inner-list-detail-section .col-lg-9.p-0 {
        padding-right: calc(var(--bs-gutter-x) / 2) !important;
        padding-left: calc(var(--bs-gutter-x) / 2) !important;
    }
    
    section.inner-list-detail-section .col-lg-3.p-0 {
        padding-right: calc(var(--bs-gutter-x) / 2) !important;
        padding-left: calc(var(--bs-gutter-x) / 2) !important;
    }
    
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .best-seller-slider .slick-prev, .slick-next {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 999;
        top: 40%;
    }

    .best-seller-slider  .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: 1  !important;
    }

    .listing-top {
        margin: 0 0 20px 0;
    }

    button.filterFormBtn.show-btn.w-100 {
        margin-top: 10px;
    }

    .listing-main-box * {
        font-size: 12px !important;
        line-height: 21px !important;
    }
    
    section.list-sec .col-lg-3 {
        width: 32%;
    }
    
    section.list-sec .col-lg-8 {
        width: 68%;
    }
    
    form#filterForm {
        padding: 10px 10px;
    }

    .hotel-img img {
        height: 350px !important;
        object-fit: cover;
    }
    
    .listing-slider .slick-prev, .listing-slider .slick-next {
        display: block !important;
        background: transparent;
    }
    
	.home-inn-banner h1 {
		font-size: 38px;
	}

	.btn-search-tab-wrap {
		width: 40% !important;
	}

	.tending-destination-img {
		height: 250px;
	}

	.foter-box.ftr-bx-1:before {
		height: 142%;
		top: -20%;
	}

	section.com-logo {
		padding-top: 20px;
	}

	.logo-slider {
		padding: 0 0 30px 0;
	}

	.inner-list-detail-section .col-lg-9 {
		width: 100%;
	}

	.filter-item p {
		font-size: 12px;
	}

	.count {
		font-size: 12px;
	}

	section.blogs-details {
		padding-top: 50px;
		padding-bottom: 30px;
	}

	.topSec .logo a {
		font-size: 19px !important;
	}
	
	.listing-slider .slick-slide {
        margin: 10px 10px;
    }
    
    .standard-box img {
        height: 100px;
    }
    
    
        
    section.inner-list-detail-section .col-lg-9.p-0 {
        padding-right: calc(var(--bs-gutter-x) / 2) !important;
        padding-left: calc(var(--bs-gutter-x) / 2) !important;
    }
    
    section.inner-list-detail-section .col-lg-3.p-0 {
        padding-right: calc(var(--bs-gutter-x) / 2) !important;
        padding-left: calc(var(--bs-gutter-x) / 2) !important;
    }
    
    
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    
    section.main_slider.inn-banner .col-xs-12.col-sm-6.col-md-6.align-self-center {
    width: 100%;
}

        
    section.inner-list-detail-section .col-lg-9.p-0 {
        padding-right: calc(var(--bs-gutter-x) / 2) !important;
        padding-left: calc(var(--bs-gutter-x) / 2) !important;
    }
    
    section.inner-list-detail-section .col-lg-3.p-0 {
        padding-right: calc(var(--bs-gutter-x) / 2) !important;
        padding-left: calc(var(--bs-gutter-x) / 2) !important;
    }
    
    .trending-destination-txt img {
        width: 25px;
    }
    
	.home-inn-banner h1 {
		font-size: 40px;
		line-height: 1.45 !important;
	}

	.tending-destination-img {
		height: 200px;
	}

	.htl-text h3 {
		font-size: 12px;
		line-height: 17px;
	}

	.htl-text p {
		font-size: 10px;
		line-height: 16px;
	}

	.foter-box.ftr-bx-1:before {
		height: 115%;
		top: -48px;
	}

	.logo-slider {
		padding: 0 0 20px 0;
	}

	.hotel-img img {
		height: 220px;
	}

	.inner-listing-detail-top {
		display: block;
	}

	.available-form {
		gap: 5px;
	}

	.form-dropdown-btn {
		padding: 8px 10px;
		font-size: 10px;
	}

	.form-dropdown-btn::after {
		font-size: 12px;
	}

	.blogs-img-text {
		padding: 20px 0;
	}

	.available-box .slick-track {
		/* width: 100% !important; */
	}

	.listing-box {
		display: block;
	}

	.listing-content {
		width: 100%;
	}

	.listing-slider {
		width: 100%;
	}

	.ban-select .tab-main .tab-wrap:nth-child(3):before {
		right: -2px;
	}

	section.blogs-details {
		padding-top: 50px;
		padding-bottom: 30px;
	}

	.topSec .col-md-3 {
		width: 40%;
	}

	.topSec .col-md-9 {
		width: 60%;
	}

	.topSec .logo a {
		font-size: 22px !important;
	}
	
	.listing-top {
        margin: 20px 0;
    }
    
    form#filterForm {
        padding: 20px;
    }
    
    .listing-slider .slick-prev, .listing-slider .slick-next {
        display: block !important;
        background: transparent;
    }
        
    .listing-slider .slick-slide {
        margin: 10px 10px;
    }
    
    section.main_slider.inn-banner .carousel-item img.img-fluid {
        height: 240px;
    }
	
}

@media only screen and (min-width: 520px) and (max-width: 767px) {
    
    .tab-wrap.tab-cal .inputs {
        width: 50% !important;
        border: 1px solid #00000026 !important;
        padding-left: 10px;
    }
    .daterangepicker .drp-calendar.left {
    padding: 8px 8px 8px 8px;
}

        
    section.main_slider.inn-banner .carousel-item img.img-fluid {
        height: 120px;
    }
    
    .listing-slider .slick-slide {
        margin: 10px 10px;
    }

	header {
		position: unset;
		background: #123e94;
		width: 100%;
	}

	.topSec {
		border-bottom: 0;
		padding: 20px 0;
		margin: 0 0 30px 0;
	}

	section.main_slider.inn-banner .banner_text {
		padding: 0px 0;
	}

	.serh-main button {
		top: 50%;
	}

	.best-seller-sec .slick-next {
		right: 5px;
	}

	.best-seller-sec .slick-prev {
		left: 0;
	}

	section.hotels {
		padding: 40px 0 40px 0;
	}

	.blog-box .store-read {
		margin-bottom: 0;
	}

	section.com-logo {
		padding-top: 0;
	}

	.logo-slider {
		padding: 30px 0 20px 0;
		margin: 0 0 10px 0;
	}

	section.inner-list-detail-section {
		padding: 40px 0;
	}

	.inner-listing-detail-top {
		display: block;
	}

	.gallery-slider img {
		height: 120px;
	}

	.checkin-box {
		display: block;
	}

	.available-form {
		display: block;
	}

	.form-dropdown {
		margin: 0 0 5px 0;
	}

	.badge {
		padding: 8px 8px;
	}

	.standard-box-right {
		margin: 2px 0;
	}

	.home-inn-banner h1 {
		font-size: 26px;
	}

	.topSec .col-md-3 {
		width: 100% !important;
	}

	.topSec .col-md-9 {
		width: 60% !important;
	}

	.gt_container--hich1m .gt_switcher .gt_selected a {
		padding: 10px 30px 10px 15px !important;
	}

	.tab-wrap.tab-cal {
		justify-content: space-between;
	}

	.btm-htl span {
		font-size: 10px;
		height: 42px;
	}

	.htl-text h3 {
		height: auto;
	}

	.top-heading h2 {
		font-size: 26px;
	}

	.tending-destination-img {
		height: 200px;
	}

	section.connect-travell-sec {
		padding: 40px 0;
	}

	.available-box .slick-track {
		/* width: 100% !important; */
	}

	.listing-box {
		display: block;
	}

	.listing-content {
		width: 100%;
	}

	.listing-slider {
		width: auto !important;
	}
	
    form#filterForm {
        padding: 0;
    }
        
    .listing-slider .slick-prev, .listing-slider .slick-next {
        display: block !important;
        background: transparent;
    }
    
        .inner-listing-detail-top-text {
        width: 100%;
        border: 1px solid #e5e7eb;
        margin: 10px 0;
        padding: 10px;
    }
    
    section.inner-list-detail-section .col-lg-9.p-0 {
        padding-right: calc(var(--bs-gutter-x) / 2) !important;
        padding-left: calc(var(--bs-gutter-x) / 2) !important;
    }
    
    section.inner-list-detail-section .col-lg-3.p-0 {
        padding-right: calc(var(--bs-gutter-x) / 2) !important;
        padding-left: calc(var(--bs-gutter-x) / 2) !important;
    }
    
    .inner-gallery-slider .slick-prev, .inner-gallery-slider .slick-next {
        background: transparent;
    }
    
    .inner-review-slider {
        margin: 10px 0;
        padding: 0;
    }
    
    .row.inner-amenities-location {
        padding: 20px 0;
    }
    
    .aminites {
        padding: 10px;
        border: 1px solid #e5e7eb;
    }
    
    .location {
        padding: 10px;
        border: 1px solid #e5e7eb;
    }
    
    .locationn-map {
        height: 350px;
    }
    
    .desc-hotel-wrapper {
        padding: 10px;
    }
    
    button.expand-desc {
        width: fit-content;
    }
    
    
    .service-antities ul {
        padding: 0 0 0 20px;
    }
    
    .row.px-30 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .service-antities {
        width: 95%;
        margin: 10px auto;
    }
    .row.desc-hotel {
        margin: 0;
    }

        .foter-box.ftr-bx-1:before {
        left: -42px;
        right: 0;
        width: 130%;
        margin: 0px auto;
        display: table;
        height: 0;
        top: -50px;
    }
    
.footer-top-info select {
    width: 39%;
    padding: 12px 0;
}

html body .footer-top-info {
    margin: 0 0 20px 0;
    display: block !important;
}
html body .top-info.header-top-info {
    /*display: none !important;*/
}
section.main_slider.inn-banner.home-inn-banner .carousel-caption {
    padding-top:20px;
    align-items: flex-start;
}
section.main_slider.inn-banner.home-inn-banner .banner_text p {
    display: none;
}
.top-info.header-top-info {
    display: flex !important;
    position: absolute;
    top: 420px;
    width: 100%;
    z-index: 9;
}
.top-info.header-top-info  select {
        width: 39%;
        padding: 12px 0;
    }
.logo {
    display: flex;
    justify-content: center;
}
    
    
.footer-top-info .top-info {
    justify-content: center;
}    

.footer-top-info .globe {
    width: 45%;
}

.footer-top-info .translate {
    width: 100%;
}


html body .logo a {
        padding-top: 10px !important;
        font-size: 28px !important;
        text-align: center;
        display: block;
}


section.hotels.blogs.display-none {
    display: none;
}
    
}

@media only screen and (min-width: 300px) and (max-width: 519px) {
    .book_modal .modal-dialog {
        max-width: 100% !important;
    }
    .book_modal .col-6 {
        width: 100%;
    }
    .book_modal .col-4 {
        /*width: 100%;*/
        padding: 0 2px;
    }
    .payment_modall .modal-dialog {
        max-width: 100% !important;
    }
    .payment_modall .col-6 {
        width: 100%;
    }
    .card_cont .col-6{
        width: 50%;
    }
    section.main_slider.inn-banner.home-inn-banner .carousel-caption {
    padding-top:20px;
    align-items: flex-start;
}
section.main_slider.inn-banner.home-inn-banner .banner_text p {
    display: none;
}
.top-info.header-top-info {
    display: flex !important;
    /*position: absolute;*/
    top: 420px;
    width: 100%;
    z-index: 9;
}
.top-info {
        justify-content: space-around;
        gap: 10px;
    }
.top-info.header-top-info  select {
        width: 39%;
        padding: 12px 0;
    }
    .logo {
        margin-bottom: 0;
    }
	header {
		position: unset;
		background: #123e94;
		width: 100%;
	}
section.main_slider.inn-banner img.img-fluid {
    height: 120px;
}
	.topSec {
		border-bottom: 0;
		padding: 10px 0;
	}

    section.main_slider.inn-banner .banner_text {
        padding: 0px 0;
        margin-top: 0;
    }

	.serh-main button {
		top: 50%;
	}

	.best-seller-sec .slick-next {
		right: 5px;
	}

	.best-seller-sec .slick-prev {
		left: 0;
	}

    section.hotels {
        padding: 90px 0 40px 0;
    }

	.blog-box .store-read {
		margin-bottom: 0;
	}

	section.com-logo {
		padding-top: 0;
	}

    .logo-slider {
        padding: 20px 0 20px 0;
    }

	section.inner-list-detail-section {
		padding: 40px 0;
	}

	.inner-listing-detail-top {
		display: block;
	}

	.gallery-slider img {
		height: 80px;
		margin: 5px 0;
	}

	.checkin-box {
		display: block;
	}

	.available-form {
		display: block;
	}

	.form-dropdown {
		margin: 0 0 5px 0;
	}

	.badge {
		padding: 8px 8px;
	}

	.standard-box-right {
		margin: 0;
		padding: 10px;
		border: 1px solid #d1d5db;
	}

	/*.available-box .slick-track {width: 100% !important;}*/
	.listing-box {
		display: block;
	}

	.listing-content {
		width: 100%;
	}

	.listing-slider {
		width: 100%;
	}

	.connect-travell-slider button.slick-prev {
		top: 96%;
	}

	.gt_container--hich1m .gt_switcher .gt_option {
		background-color: #000000c4 !important;
	}

	.connect-travell-slider button.slick-next {
		top: 96%;
	}

	section.hotels.blogs .hotel-box {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 15px;
	}

	section.blogs-details {
		padding-top: 50px;
		padding-bottom: 30px;
	}

	.review-badge {
		padding: 12px 8px;
		font-size: 10px !important;
		width: auto;
	}

	.listing-main-box * {
		font-size: 11px !important;
		line-height: 21px !important;
	}

	.listing-main-box .room-info {
		padding: 3px 2px;
	}

	.room-info-list.col-6 {
		padding: 0 4px;
	}

	.filter-btn {
		display: block;
	}

	.mbl-filter-btn {
		text-align: center;
		display: flex;
		justify-content: center;
	}

	/*#filterForm {*/
	/*  display: none;*/
	/*}*/
	.list-box.filterForm-main {
		border: unset;
	}

#hotels-count-label {
        text-align: center;
        margin-top: 80px;
        font-size: 18px !important;
    }

	.list-box.address-box h4 {font-size: 16px;}

.list-box.address-box ul.listing-list li {
    margin: 0;
    line-height: 10px;
}

ul.listing-list {
}

.list-box.address-box ul.listing-list li p {
    margin: 0;
}

.list-box.address-box ul.listing-list {
    margin-top: 2px;
}

.list-box.address-box {
    padding: 15px 10px;
}

.list-box.address-box h4 i {
    position: absolute;
    top: 50px;
    right: 30px;
    font-size: 20px;
}

section.list-sec.mt-5 {
    padding-top: 20px;
}
.filter-btn {
    border-radius: 5px;
    padding: 13px 30px;
}
	
	form#filterForm {
        padding: 0;
    }
    
    .listing-slider .slick-prev, .listing-slider .slick-next {
        display: block !important;
        background: transparent;
    }
    
    .listing-header {
        flex-wrap: wrap;
        
    }
	
	div#sidebar .list-box.filterForm-main {
        display: none;
    }
    
    .inner-listing-detail-top-text {
        width: 100%;
        border: 1px solid #e5e7eb;
        margin: 10px 0;
        padding: 10px;
    }
    
    section.inner-list-detail-section .col-lg-9.p-0 {
        padding-right: calc(var(--bs-gutter-x) / 2) !important;
        padding-left: calc(var(--bs-gutter-x) / 2) !important;
    }
    
    section.inner-list-detail-section .col-lg-3.p-0 {
        padding-right: calc(var(--bs-gutter-x) / 2) !important;
        padding-left: calc(var(--bs-gutter-x) / 2) !important;
    }
    
    .inner-gallery-slider .slick-prev, .inner-gallery-slider .slick-next {
        background: transparent;
    }
    
    .inner-review-slider {
        margin: 10px 0;
        padding: 0;
    }
    
    .row.inner-amenities-location {
        padding: 20px 0;
    }
    
    .aminites {
        padding: 10px;
        border: 1px solid #e5e7eb;
    }
    
    .location {
        padding: 10px;
        border: 1px solid #e5e7eb;
    }
    
    .locationn-map {
        height: 350px;
    }
    
    .desc-hotel-wrapper {
        padding: 10px;
    }
    
    button.expand-desc {
        width: fit-content;
    }
    
    
    .service-antities ul {
        padding: 0 0 0 20px;
    }
    
    .row.px-30 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .service-antities {
        width: 93%;
        margin: 10px auto;
    }
    .row.desc-hotel {
        margin: 0;
    }
    
    section.main_slider.inn-banner .carousel-item img.img-fluid {
        height: 120px;
    }
    
    .foter-box.ftr-bx-1:before {
        left: -42px;
        right: 0;
        width: 130%;
        margin: 0px auto;
        display: table;
        height: 0;
        top: -50px;
    }

	
	.tab-wrap.tab-cal .inputs {
        width: 50% !important;
        border-right: 4px solid #153d98 !important;
        padding-left: 10px;
    }
    
    .daterangepicker .drp-calendar.left {
    padding: 8px 8px 8px 8px !important;
}
.listing-top {
    justify-content: center;
    gap: 20px;
}

.child-age-row input.child-age {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.ban-select {
    margin: 0 0 -40px 0;
}

.ban-select .tab-main {
    flex-wrap: wrap;
    padding: 10px 10px;
    row-gap: 0;
    border-radius: 5px !important;
}
.ban-select .tab-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 4px solid #153d98;
    border-radius: 0;
}

.tab-wrap.tab-cal {
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
}

.tab-wrap.tab-cal .inputs:last-child {
    border: none !important;
}

.home-inn-banner .banner_text p {
    font-size: 20px !important;
    line-height: 1.5;
}

.select-persons {
    height: 50px;
    padding-left: 10px;
}
.ban-select .tab-wrap input {
    border: 0 !important;
    height: 50px;
}

.ban-select .tab-main button.theme_btn.btn2 {
    margin: 10px 0 0 0;
    height: 50px;
    border-radius: 5px !important;
}

.tab-wrap.btn-search-tab-wrap {
    border: none !important;
}

.tab-wrap.select-persons-box {
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}


.tab-wrap {
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
}

div#myTabContent {
    border-radius: 5px !important;
}

.search-offer-icon svg {
    width: 22px;
    height: 15px;
}
.serh-main {
    left: 10px !important;
}

.serh-main button {
    top: 50%;
    right: 20px;
}


.footer-top-info select {
    width: 39%;
    padding: 12px 0;
}

/*html body .footer-top-info {*/
/*    margin: 0 0 20px 0;*/
/*    display: block !important;*/
/*}*/


/*html body .top-info.header-top-info {*/
/*    display: none !important;*/
/*}*/

.footer-top-info .top-info {
    justify-content: center;
}


html body .logo a {
        padding-top: 10px !important;
        font-size: 28px !important;
        text-align: center;
        display: block;
}

section.hotels.blogs.display-none {
    display: none;
}

}

@media only screen and (min-width: 0px) and (max-width: 299px) {
	.filter-btn {
		display: block;
	}
}

.top-info.header-top-info {
    display: flex !important;
}
  

.footer-top-info {
    display: none !important;
}

html {
    overflow-x: hidden !important;
}

html body .listing-main-box i {
    color: #fff !important;
}


html body .animais-assistencia button {
    width: 100%;
    margin-top: 15px;
    height: 40px;
    font-size: 18px;
    background: none;
    border: 2px solid #003c96;
    border-radius: 4px;
    color: #ffff;
    font-weight: 600;
    background: #003c96;
}

@media only screen and (min-width: 768px) {
    div#sidebar .list-box.name-search-box {
        display: none;
    }
}
