/*JTA GLOBALS*/
/*Featured item on results page DISABLED*/
/*.bf_rsitem.bf_rsitem_list.bf_featureditem:nth-of-type(1)::before {
    content: "Results are filtered by our Favourite /Partner hotels first. To see all hotel prices low to high, please continue to scroll down or click to the next page.";
    position: static;
    font-size: 22px;
    font-weight: 700;
      background: #fff;
    display: block;
    margin-top: 0px;
    padding: 10px;
      text-align: center;
}*/

.bf_hotellistview .bf_image
 {    background-position: center;}

/*.bf_hotellistview .bf_imagecarousel {
    max-height: 220px !important;
}*/
.bf_480 .bf_hotellistview {
    justify-content: center;
}

.bf_480 .bf_imagecarousel {
    width: 100% !important;
    height: 200px;
    overflow: hidden;
    max-width: 300px!important;
}

.bf_addprod_resultitem_container.bf_4_col.js-bf_showdetails {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bf_addprod_resultitem_container .bf_addprod_bottomsection, .bf_addprod_resultitem_container .bf_carparkingtopsect, .bf_addprod_resultitem_container .bf_cheader{
 padding:0px!important;
}

.bf_imagecarousel{
 overflow:hidden;
}

/*FLEX BOXES*/
.flexbox{display: flex;flex-wrap: wrap;width: 100%;}
.fbx-100{width: calc(100% - 20px);padding: 0 5px;}
.fbx-84{width: calc(83.333% - 20px);padding: 0 5px;}
.fbx-75{width: calc(75% - 20px);padding: 0 5px;}
.fbx-66{width: calc(66.667% - 20px);padding: 0 5px;}
.fbx-60{width: calc(60% - 10px);padding: 0 5px;}/*3/5 column*/
.fbx-50{width: calc(50% - 20px);padding: 0 5px;} /*2 column*/
.fbx-40{width: calc(40% - 10px);padding: 0 5px;}/*2/5 column*/
.fbx-33{width: calc(33.333% - 20px);padding: 0 5px;} /*3 column*/
.fbx-25{width: calc(25% - 20px);padding: 0 5px;} /*4 column*/
.fbx-20{width: calc(20% - 10px);padding: 0 5px;}/*5 column*/
.fbx-16{width: calc(16.667% - 10px);padding: 0 5px;}/*6 column*/
.fbx-12{width: calc(12.5% - 10px);padding: 0 5px;}/*8 column*/
.fbx-10{width: calc(10% - 10px);padding: 0 5px;}/*10 column*/

/*BOX ALIGNMENTS*/
.h-left{ justify-content:flex-start;}
.h-center{ justify-content:center;}
.h-right{ justify-content:flex-end;}
.h-around{ justify-content:space-around;}
.h-even{ justify-content:space-evenly;}
.h-between{ justify-content:space-between;}

.v-top{ align-items:flex-start;}
.v-middle{ align-items:center;}
.v-bottom{ align-items:flex-end;}



/*ALL ENCOMPASSING STYLES*/
.content-width-1200{max-width: 1200px;}
.img-box-100{width: 100%;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.reverse-col{flex-direction: column-reverse;}
.reverse-row{flex-direction: row-reverse;} 

@media(max-width: 1450px){
  .fbx-10{width: calc(20% - 20px);padding: 0 5px;}
  .fbx-12{width: calc(25% - 10px);padding: 0px;}
}

@media(max-width: 1200px){
  .fbx-16{width: calc(33.333% - 10px);padding: 0px;}

}

@media(max-width: 1024px){
  .fbx-25{width: calc(50% - 20px);}
}

@media(max-width: 920px){

.fbx-20{width: calc(50% - 20px);}
.fbx-40{width: calc(50% - 10px);}
.fbx-60{width: calc(50% - 10px);}
.fbx-16{width: calc(50% - 20px);} 
.fbx-12{width: calc(25% - 10px);}
.fbx-10{width: calc(25% - 20px);}
}

@media(max-width: 768px){
.fbx-84{width: calc(66.667% - 20px);}  
.fbx-75{width: calc(50% - 20px);}
.fbx-50{width: calc(100%)!important;}
.fbx-66{width: calc(50% - 20px);}   
.fbx-33{width: calc(50% - 20px);}
 .fbx-10{width: calc(25% - 20px);} 



.text-right{text-align:center;}
.text-left{text-align:center;} 

/*TABLET SPECIFIC STYLES*/
.t-reverse-col{flex-direction: column-reverse;}
.t-reverse-row{flex-direction: row-reverse;}  
}

@media(max-width: 720px){
.fbx-12{width: calc(50% - 10px);}
}

@media(max-width: 680px){
.fbx-66{width: calc(100%)!important;}
.fbx-33{width: calc(100%)!important;}
}

@media(max-width: 550px){
.fbx-40{width: calc(100%)!important;}
.fbx-60{width: calc(100%)!important;}
.fbx-84{width: calc(100%)!important;}
.fbx-75{width: calc(100%)!important;}
.fbx-50{width: calc(100%)!important;}
.fbx-25{width: calc(100%)!important;}
.fbx-20{width: calc(100%)!important;}
.fbx-16{width: calc(50% - 20px);}  
.fbx-12{width: calc(100%)!important;}
  .fbx-10{width: calc(50% - 20px);} 

/*MOBILE SPECIFIC STYLES*/  
.m-reverse-col{flex-direction: column-reverse;}
.m-reverse-row{flex-direction: row-reverse;} 
}

@media(max-width: 320px){
  .fbx-16{width: calc(100%)!important;} 
}