@media only screen and (max-width : 1144px){.contentholder {width:100%}
.headercontentholder {width:100%; float:left; position:relative}
img{ max-width:100%; height:auto}

footer .footerholder {width: 90%;
margin-left: 5%;
margin-right: 5%;}
ul#menu-footer1 li, ul#menu-footer2 li {padding:0px}
#mobilenav {
	display:inline;}
#locationsearchbarsm .search {
    width: 400px;
}
#locationsearchbarsm .search #fsl-search-input {width: 280px;}
.locationsheader{width:100%; height:450px}



	#careersearchbar .search{  width: 400px;}
	
	
			#careersearchbar #selectcity{ width: 280px; }

	
	

.sidebar{ min-height: 450px;}

nav ul li {

  padding-left: 5px;
  padding-right: 5px;


}

}
@media only screen and (max-width : 1000px){nav{ display:none}
.anchor {
  position:inherit;
  top: 0px;
}
.sidebar{width:90%;padding-left:5%;padding-right:5%;min-height:auto;margin-top: 0px;
padding-top: 20px;}
.locationtags{width:90%;padding-left:5%;padding-right:5%;}
.subsidebar{ border-top:1px solid #B9B9B9;margin-top:20px}
.subsidebar h2{width:90%;float:left;margin-left:5%;margin-right:5% }
.subsidebar ul{width:90%;float:left;margin-left:5%;margin-right:5% ;margin-bottom:20px}
.subsidebar ul li{width:50%;float:left }
.sidebar .info{width:50%;float:left; margin-left:0px;margin-right:0px;}
#google_map_canvas {width:50%; position: relative; height:200px; margin-left:0px;margin-right:0px;}
.sidebannerholder{ width:47.5%;margin:1.25%}
.headertopbar{ display:none}
header{height:100px;}
#logo{
	margin-top: 20px;
	margin-left: auto;
	margin-right:auto;
	float:none;
position: relative;}
footer{margin-top:0px}
footer .footerholder {}
footer .bottombar {
    bottom: 0px;
    background:#e5eef4; 
    height: auto;
}
ul#menu-footer1, ul#menu-footer2{margin:0px;padding:0px}
ul#menu-footer1 li a, ul#menu-footer2 li a{ font-size:14px}
footer .copyright{ text-align:center}	
.bannerheight{ min-height:250px; width:100%; float:left}
#btmsocialbtns{ float:none; display:inline-flex}

#logo img{width:100%; height:auto}
#locationsearchbar {width:95%; float: left;height:auto; padding:2.5%; text-align:center;margin-top: 0px;}
#locationsearchbar .searchbartitle {width:100%; text-align:center;}
#locationsearchbar .search {width:auto;margin-left:auto; margin-right:auto; float:none;display: inline-flex;}
#locationsearchbar .searchbottom{width:auto;margin-left:auto; margin-right:auto; float:none;display: inline-flex;}


#locationsearchbarfull {width:95%; float: left;height:auto; padding:2.5%; text-align:center;margin-bottom:0px}
#locationsearchbarfull .searchbartitle {width:100%; text-align:center;margin-top:0px}
#locationsearchbarfull .search {width:auto;margin-left:auto; margin-right:auto; float:none;display: inline-flex;}
#locationsearchbarfull .searchbottom{width:auto;margin-left:auto; margin-right:auto; float:none;display: inline-flex;}
#locationsearchbarfull .searchholder{width:auto}
#locationsearchbarfull 	.requestapp{width: auto;
margin-left: auto;
margin-right: auto;
float: none;
display: inline-flex;}


#locationsearchbarsm {width:95%; float: left;height:auto; padding:2.5%; text-align:center;margin:0px}
#locationsearchbarsm .searchbartitle {width:100%; text-align:center;margin-left: 0px}
#locationsearchbarsm .search {width:auto;margin-left:auto; margin-right:auto; float:none;display: inline-flex;}
#locationsearchbarsm .searchbottom{width:auto;margin-left:auto; margin-right:auto; float:none;display: inline-flex;}


#careersearchbar{width:95%; float: left;height:auto; padding:2.5%; text-align:center;margin:0px;margin-bottom:20px}
#careersearchbar .searchbartitle{ width:100%; text-align:center;margin-left: 0px;margin-top:0px}
	#careersearchbar .search{width:auto;margin-left:auto; margin-right:auto; float:none;display: inline-flex;}
	
	
	#careersearchbarsm{width:95%; float: left;height:auto; padding:2.5%; text-align:center;margin:0px;margin-bottom:0px}
#careersearchbarsm .search{width:auto;margin-left:auto; margin-right:auto; float:none;display: inline-flex;padding:0px}
	
	
.upgrade20 img{width: 200px;  top: -260px;}
	
.locationoffers{height:auto;padding-bottom:20px}

#toggle-menu {
	float:left;
	left: 0;
	margin-top: 30px;
	margin-left: 30px;
	width:25px;
	height:25px;
	display:inline-block;
	cursor:pointer;
	background:none;
	
	top:0;
transition: all 0.2s ease-in-out 0s;
	}


.navb{ display:inline}


.image-left {

    min-height: 250px;
    
}

.image-right {

    min-height: 250px;
   
}


.rowfluid {
  width: 100%;
 
  
}

.rowfluid:before,
.rowfluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.rowfluid:after {
  clear: both;
}

.rowfluid article {
  display: block;
  float: left;
  width: 100%;

}

.rowfluid article:first-child {
  margin-left: 0;
} 
		.rowfluid .col12 {
  width: 100%;


}

.rowfluid .col11 {
  width: 91.48936170212765% ;

}

.rowfluid .col10 {
  width: 82.97872340425532% ;

}

.rowfluid .col9 {
 width:100% ;
 
}

.rowfluid .col8 {
 width:100%;

}

.rowfluid .col7 {
  width: 57.44680851063829% ;

}

.rowfluid .col6 {
  width:calc(50%);
 
}

.rowfluid .col6b {
  width:calc(50% );
}
.rowfluid .col6c {
  width: calc(100%);
  float:left;

 
}



.rowfluid .col5 {
  width: 40.42553191489362% ;
 
}


.rowfluid .col4 {
 width:calc(50% );
height:auto;
  float:left;
}

.rowfluid .col4b {
 width:100%;
height:auto;
  float:left;
}

footer .rowfluid .col4 {
 width:calc(100% );
height:auto;
  float:left;
}

.rowfluid .col4:nth-child(even){margin:5px;}
.rowfluid .col4:nth-child(odd){margin:5px;}


.rowfluid .col3{
  width:calc(100%);
 
  
}

.rowfluid .col3b{
  width:calc(100%);
 
  
}

.rowfluid .col3c {
  width:calc((100% / 2));
float:left;
}

 .flexbox {display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;}

 .flexbox .box2 {
    -webkit-box-ordinal-group: 1 !important;
    -webkit-order: 0 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .flexbox .box3 {
    -webkit-box-ordinal-group: 2 !important;
    -webkit-order: 1 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .flexbox .box4 {
    -webkit-box-ordinal-group: 3 !important;
    -webkit-order: 2 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .flexbox .box1 {
    -webkit-box-ordinal-group: 4 !important;
    -webkit-order: 3 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  
  
.homebanner .rowfluid .col3 {width:50%}


.rowfluid .col2 {
  width: calc((100% )/ 4);
 
}

.rowfluid .col1 {
  width: calc((100%)/ 4);
 
}	

}
@media only screen and (max-width : 728px){
 .mbhide{display:none}
  .upgrade20 img{width: 150px;  top: -220px;}


	.imagebar{ width:100%;float:left;height:250px; }
	body{overflow-x: hidden;
position: relative;transition: all 0.2s ease-in-out 0s;}
footer .btmnav{margin-top:0px}

.blueboxtrans{margin-left:20px; }
#toggle-menu {
	margin-top: 30px;
	margin-left: 20px;
	}
	.subsidebar ul li{width:100%;float:left }
	
h1{ font-size:28px !important}
h2{ font-size:26px !important}
h3{ font-size:24px !important}
	#closestlocations{font-size:28px !important}
#alllocationsbtn{ font-size:28px !important}

nav{ display:none}

#locationsearchbar .search #fsl-search-input, #locationsearchbarsm .search #fsl-search-input{width:300px;font-size:12px}
#locationsearchbarfull .search #fsl-search-input{width:300px;font-size:12px}
.locationofferholder{width:calc(100%/2);position:relative;float:left; }
.locationofferprice{width:64px;height:64px;float: right;}
.imagebar{ width:100%;float:left;height:200px; }

.image-left{
    margin-left: 30px;
     margin-top:0px;
	 margin-bottom:0px;
}

.image-right{
    margin-left: 30px;
	 margin-top:0px;
	 	 margin-bottom:0px;
   
}

.rowfluid .col6b {
  width:calc(100% );
}
.bannerheight{ min-height:200px; width:100%; float:left}
.preview_post{padding-top:80px;background-size:contain}


.rowfluid .col3c {
  width:calc((100%));
float:left;
}


}

	
	


	@media only screen and (max-width:500px) {
    .locationsheader {
      width: 100%;
      height: 650px;
  }
    .upgrade20 img {

      width: 100px;
      top: -170px;

      right: 0px;
  
  }
		.reviewbtn{margin-left:0px; margin-right:0px; }
	
		.reviewbtn #reviews ul li {margin-left: 2px;margin-right: 2px;}
		.bannerheight{ min-height:150px; width:100%; float:left}
		.searchbottom .locationsnear {display: none;}
		.sidebar .info{width:100%;}
		#google_map_canvas {width:100%}
		.sidebannerholder{ width: 95%;
margin: 2.5%;}
		#locationsearchbar .searchbartitle {font-size:24px}
		#locationsearchbar .search #fsl-search-input,#locationsearchbarsm .search #fsl-search-input{width:200px;font-size:12px}
		
		#locationsearchbarfull .searchbartitle {font-size:24px}
		#locationsearchbarfull .search #fsl-search-input{width:200px;font-size:12px}
	
	#careersearchbar #selectcity{width: 200px;}
		#careersearchbarsm #selectcity{width: 200px;}
	
		footer .copyright{ font-size:10px; }	
		header{height:80px;}
		#logo{width:200px;margin-top:20px}
		h1{ font-size:24px}
		
			#closestlocations{font-size:24px !important}
#alllocationsbtn{ font-size:24px !important}
		
		
		.locationofferholder{width:calc(100%);position:relative;float:left; }
		.imagebar{ width:100%;float:left;height:150px; }
		a.buycardbtn{width:90%}
.rowfluid {
  width: 100%;

  
}

.rowfluid:before,
.rowfluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.rowfluid:after {
  clear: both;
}

.rowfluid article {
  display: block;
  float: left;
  width: 100%;

}

.rowfluid article:first-child {
  margin-left: 0;
}
.rowfluid .col12 {
  width: 100%;

}

.rowfluid .col11 {
  width: 91.48936170212765% ;

}

.rowfluid .col10 {
  width: 82.97872340425532% ;

}

.rowfluid .col9 {
 width:100% ;

}

.rowfluid .col8 {
width:100%;

}

.rowfluid .col7 {
  width: 57.44680851063829% ;

}

.rowfluid .col6 {
  width: 100% ;
 
}

.rowfluid .col6b {
  width: 100% ;
 
}

.rowfluid .col5 {
  width: 40.42553191489362%;

}

.rowfluid .col4 {
 width:calc(100% - 10px);
margin:5px;
}

.rowfluid .col3 {
  width:100% ;

}


.rowfluid .col3b{
  width:100%;
 
  
}
.homebanner .rowfluid .col3 {width:100%}
.rowfluid .col2 {
 width: 50%;

}

.rowfluid .col1 {
  width: 50%;

}
	}
	
	/* iPhone, portrait & landscape. */
	@media only screen and (max-width:375px) {
  .locationsheader {

    width: 100%;
    height: 580px;

}}