/******RESPONSIVE ELEMENTS*****/
.grid_1,.grid_2,.grid_31,.grid_32{margin: 0;padding:0; box-sizing:border-box;}

.grid_1 { width: 100%; } 

.grid_2 { width: 50%;} 

.grid_31 { width:33.3%;} 
.grid_32 { width:66.6%;} 


.grid_4 { width: 25%;} 



/* iPads (portrait and landscape) ----------- */
@media screen and (min-width : 481px) and (max-width :980px) {
.grid_1,.grid_2,.grid_31,.grid_32{width:100%; float:none }



#holder,#header, #content, #footer{ max-width:980px}

#header img{ width:70%; padding-left:3%}

#content{ padding-left:3%; padding-right:3%}

#left{ padding-right:2%;margin-bottom:40px;}

#right_image{ float:none; margin-top:0}

.coveralb{ padding-right:2%;}
.coveralb:last-child{}

#current{ margin-top:40px;}
#current img{ width:180px}


#footer{}
#social{ float:none}

.grid_4.videogal,.grid_2.videogal{ width:50%; height:auto; float:left}


#orderbox{padding-bottom:80%}
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width : 0px) and (max-width :480px) {
.grid_1,.grid_2,.grid_31,.grid_32{width:100%; float:none }

.grid_4 { width: 50%;}

#holder,#header, #content, #footer{ max-width:480px}


#header img{ width:80%; padding-left:3%}

#content{ padding-left:3%; padding-right:3%}

#left{ padding-right:2%;margin-bottom:40px;}

#right_image{ float:none; margin-top:0}
#right_image img{ width:100%; max-width:480px;}

.coveralb{ padding-right:1%; padding-left:1%; padding-bottom:1%}
.coveralb:last-child{}

#current{ margin-top:40px; margin-bottom:20px;}
#current img{ width:180px; margin-bottom:10px;}


#footer{}
#footer_holder{ position:relative; float:left;}
#social{ float:none}

.grid_4.videogal,.grid_2.videogal{ width:100%; height:auto; }
.videogal div{}

#orderbox{padding-bottom:130%}
}