@media all and (max-width:1024px){


}

@media all and (max-width:768px){
	
	
}

@media all and (max-width:767px){


.brandhotelsearch .mainbannertitle {margin: 10px 0 10px; display:block!important;}
.brandhotelsearch .searchBox .mainbannertitle strong {  font-size: 16px;}
.brandhotelsearch .searchBox .mainbannertitle h1 { margin: 0 0 0px;}
.brandhotelsearch .searchBox .mainbannertitle span { color: #fff;font-size: 14px; margin-top:15px; font-weight:300; width:100%;}
.brandhotelsearch .transportsearch-fields { padding: 10px 8px 8px;}


.brandhotel-title span { font-size: 13px; font-weight: 300; letter-spacing: 1px;}
.moreexp-inner {flex-wrap: wrap;}
.hotelbrandslider { padding:20px 0 200px;}
.brandhotel-about { padding: 20px 0 0;}
.brandhotel-title h2 {width: 100%;font-size: 16px; line-height: 23px; margin: 0 0 5px;}
.aboutinner p { font-size: 13px; font-weight: 300; line-height: 21px;}
.aboutinner {margin-bottom: 15px; padding-bottom: 15px;}
.hotelbrandslider-name h2 { font-size: 17px; font-weight: 500; margin: 6px 0 2px;}
.moreexp-section { padding: 20px 0; margin: 20px 0;}
.moreexp-section .brandhotel-title h2 { width: auto; font-size: 22px;}
.moreexp-col { width:48%;}
.moreexp-col-name { padding: 10px 0;}
.moreexp-col-name h2 {  font-size: 15px;}
.ourbrands-section { margin: 0px 0 20px;}
.ourbrands-tabs { overflow: auto; margin:20px 0;border-bottom: solid 1px #e7e4e4;}
.ourbrands-tabs ul {align-content: flex-start; justify-content: flex-start; display: flex; width: fit-content; border:none;}
.ourbrands-tabs ul li span { font-size: 13px; font-weight: 400; padding: 0 15px 5px; cursor: pointer;white-space: nowrap;}
.ourbrands-col { width:100%;}
.ourbrands-logo p {font-size: 14px;}
.ourbrands-logo span {font-size: 14px;}
.load-more-hotels { margin: 10px 0 0;}
.brandloader.is-loading .col100{height:160px;margin-bottom:5px;margin-top:0;width:100%;}


.brandhtl-benefit-main {flex-wrap: wrap;gap: 10px;}
.brandhtl-benefit-col {width: 100%;padding: 12px 0;}
.brandhtl-benefit-img { width: 45px;}
.brandhtl-benefit-col strong { font-size: 15px;}

.row.holidaybanner { margin: 25px 0;}
.holidaybanner-content { border-radius: 10px;}
.holidaybanner-content-inner { left: 30px; top:20px;}
.holidaybanner-content-inner span { font-size: 20px;}
.holidaybanner-content-inner p { font-size: 16px;}
.holidaybanner-main img {height: 140px; max-width: none;}
.holidaybanner-content-inner a {padding: 7px 12px;margin: 10px 0 0;background-size: 16px; padding-right: 44px;font-size: 13px;}


.brandlocations-main.twocol,
.brandlocations-main { gap: 15px; flex-wrap: wrap;}
.brandlocations-col { width: 100%;height: 180px;}
.brandlocations-col-inner a {  padding: 20px 20px;}
.brandlocations-col-inner span { font-size: 18px;}
.brandlocations-col-inner p { font-size: 14px;}
.ourbrands-logo p.htlname { font-size: 14px;}

.brandlocations-main.twocol .brandlocations-col { position: relative; width: 100%;height: 180px;}
.brandlocations-main.onecol { height: auto;}
.brandlocations-one-col-left { width: 100%;}
.brandlocations-one-col-right { width: 100%;gap: 10px; padding: 0 20px 20px;}
.brandlocations-one-col-right h4 { font-size: 17px;}
.brandlocations-one-col-right span {font-size: 15px;}


.mainbannertitle img { max-height: 50px; background: #fff; padding: 4px 30px;}
.search-brandhotel { position: absolute; right: 0; top: 8px; width: 46%;}
.search-brandhotel input { padding: 7px 10px 7px 35px; font-size: 13px; background-size: 13px; width: 100%;}


}