@media only screen and (max-width : 1144px){.contentholder {width:95%; margin-left:2.5%;margin-right:2.5%}
.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;	height:calc(100% - 100px);}

	
	

.sidebar{ min-height: 450px;}
	
		.productcol{
  width:calc((100% / 3));
float:left;
}

}
@media only screen and (max-width : 1100px){
	.showback #backbtn{display: inline-block;}
  .mobileviewcart .fa{ font-size:20px}

	nav{ display:none}
	.mobileviewcart{position: absolute;
right: 30px;
top: 29px;

display: inline-block;
cursor: pointer;
background: none;
transition: all 0.2s ease-in-out 0s;}
.showcredits .mobileviewcart{top: 30px;
}
.showcredits .topbarcustomer{display:none}
.showcredits .topbarsignout{display:none}
.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}
.showcredits  .headertopbar{ display: inline;}

.showcredits .location_holder {
  float: right;
  height:auto;
  padding-left: 10px;
  padding-right: 10px;
  background: #c60051;
  border-radius: 0px;
  color: #fff;
  width: 100%;
  height: 30px;
}
.location_select_info {
  float: right;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 40px;
}


}
.location_select {
    cursor: pointer;
    float: right;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 5px;
}
	.homeheader{margin-top:120px}
.tosection{margin-top:100px}
header{height:100px; position:fixed; z-index: 200;top:0;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);}
	#mobilenav {padding-top:100px;}
	#searchbar{ position:fixed; top:100px;left:0px; z-index: 200 }
	.topsection{margin-top:100px;}
#logo{
	margin-top:0px;margin-bottom:0px;width:150px;
	margin-left: auto;margin-right:auto;
position: relative;float:none;}
.showcredits #logo{margin-top:20px;}
footer{margin-top:0px}

footer .bottombar {
    bottom: 0px;
    
    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}	
	footer .btmnav ul{margin-top:10px}	
	
footer .btmnav ul li {
margin:0px;
    width: 50%;

}

	.support{float:left;margin-top:10px}
	
	.bannerholder{height:auto}
	.bannerholder h1{ font-weight:400; color:#fff; font-size: 40px !important; line-height: 40px;float:left; margin: 0px; width:100%; text-align: center}


#toggle-menu {
	
	position: absolute;
	left: 30px;
	top:30px;
	
	width:auto;
	height:25px;
	display:inline-block;
	cursor:pointer;
	background:none;

transition: all 0.2s ease-in-out 0s;
	}
	
	.showback #toggle-menu{left:70px}
.showcredits #toggle-menu{top:30px}
.phoneb{ display:inline;left: 30px;
	top:32px;transition: all 0.2s ease-in-out 0s;}
	.searchb{ display:inline;right: 70px;
	top:32px;transition: all 0.2s ease-in-out 0s;}
.navb{ display:inline}


.image-left {

    min-height: 250px;
    
}

.image-right {

    min-height: 250px;
   
}

	.mobilehide{display:none;}
	
	
	
	.product_actions{display:none;}
.rowfluid {
  
}
 
  


.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 .col-product{
  width: calc((100%/4) - 4px);

}

	
		.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(50% );
height:auto;
  float:left;
}




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

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

.rowfluid .col3c {
  width:calc((100% / 2));
float:left;
}
	
	.productcol{
  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){
	
	body{ font-size:14px}
	.parallax-image-container {
    overflow: visible;
    position: static;
}
	.contentholder {width:90%; margin-left:5%;margin-right:5%}
.parallax-image-container img {

    position: static;

}
	
	.homeheader{margin-top:100px}
	.tosection{margin-top:80px}
	.customizer{display:none}
	.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; }
	.phoneb{ display:inline;left: 20px;
	top:25px;}
	.searchb{ display:inline;right: 55px;
	top:25px; cursor: pointer}
	#searchform{ width:75%}
	
	
		
	.mobileviewcart{display: inline;position: absolute;right: 20px;
}


	#logo{width:120px}
	header{height:80px}
	#mobilenav{padding-top:80px}
	.topsection {
    margin-top: 80px;
}
#toggle-menu {
    left: 20px;
}
	
	.showback #toggle-menu{left:60px}
	.subsidebar ul li{width:100%;float:left }
	
	.btmsupport {

    border-radius: 5px;

    width: calc(100% - 20px);
  margin-top:5px
}
	  p{font-size:14px;}
h1{ font-size:26px !important;line-height: 24px}
h2{ font-size:24px !important;line-height: 22px}
h3{ font-size:22px !important;line-height: 20px}
	h4{ font-size:20px !important;line-height: 18px}
h5{ font-size:20px !important;line-height: 16px}

	
	


nav{ display:none}

.imagebar{ width:100%;float:left;height:200px; }
.bannerholder{ padding:40px 0;min-height: 100px;}
	.bannerholder h1{ font-weight:400; color:#fff; font-size: 35px !important; line-height: 35px;float:left;  width:100%; text-align: center}
.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% );
}

.preview_post{padding-top:80px;background-size:contain}


.rowfluid .col3c {
  width:calc((100%));
float:left;
}
	
		.rowfluid .col-product{
  width: calc((100%/3) - 4px);
height:350px;
}

	#cart thead{display:none}
	
#cart tbody	td::before {
    content: attr(data-title) ": ";
    float: left;
}
	
	
	
	#cart tbody	td.edit::before,#cart tbody	td.details::before,#cart tbody	td.details td::before,#cart tbody	td.picture::before {
display:none;
}
	
	
	
	
	#cart tbody	td  {
display: block;
text-align: right !important;
		
}
	
	#cart tbody	td.details td{text-align: left!important;}
	
	
	
#cart .product_item .picture img {
width:50%
}
	
	#cart .product_item .picture{
text-align: center !important;
}
	
	
	#history thead{display:none}
#history tbody	td::before {
    content: attr(data-title) ": ";
    float: left;
}
		#history tbody	td  {
display: block;
text-align: right !important;
		
}
	
		#history tbody	td.viewdetails::before {
display:none;
}
	
	.div_login {
   
    width:calc(100% - 20px);
 
}
	
	
	
}

	
	


	@media only screen and (max-width:500px) {
    header{height:70px}
    .showcredits header{height:100px}
		.product-info{ font-size:12px}
		#socialshare{margin-top: 20px;
margin-bottom: 20px;
float: Left;
width: 100%;
text-align: center;}
		
		#socialshare ul{ float: none;
margin-left: auto;
margin-right: auto;
display: inline-block;}
	
		
		.detailimage {
    width: 94px;
    height: 94px;

}
	
		footer .copyright{ font-size:10px; }	
			.homeheader{margin-top:90px}
		

			.menulable{display:none}
    .topsection{margin-top:80px}
    
    .showcredits .topsection{margin-top:100px}
    #mobilenav { padding-top:80px;	height:calc(100% - 80px);}
    
   .showcredits #mobilenav { padding-top:100px;}
		
		#logo{width:110px;}
	  p{font-size:12px;}
h1{ font-size:20px !important;line-height: 20px}
h2{ font-size:18px !important;line-height: 18px}
h3{ font-size:16px !important;line-height: 16px}
	h4{ font-size:14px !important;line-height: 14px}
h5{ font-size:12px !important;line-height: 12px}

		.locationofferholder{width:calc(100%);position:relative;float:left; }
		.imagebar{ width:100%;float:left;height:150px; }



.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%;

}
		
		
	.rowfluid .col-product{
  width: calc((100%/2) - 4px);
height:260px;
		margin-bottom:10px;
}

		
			.productcol{
  width:calc((100% ));
float:left;
}
	}
	
	/* iPhone, portrait & landscape. */