/* ---------*--************--*--------- */
/* ---------*-- RESPONSIVE --*--------- */
/* ---------*--************--*--------- */

/* scroll fix for Chrome/Android */
@media screen and (max-width: 1024px) {
    html, body {
        z-index: 0 !important;
        overflow: scroll !important;
    }
}

/* (i.e., widest possible responsive theme) */
@media screen and (max-width:980px) { 

}

/* tablet portait   */
@media screen and (max-width:800px) {

}

/* tablet portait   */
@media screen and (max-width:768px) {
 	body { width: 748px; overflow:hidden; }
}

/* smartphone landscape like iPhone 6+ */
@media screen and (max-width:736px) {
	body {width: 716px; overflow:hidden; }
}

/* smartphone landscape like iPhone 6 */
@media screen and (max-width:667px) {
	body {width:647px; overflow:hidden; }
}

/* smartphone  landscape  like iPhone 5*/
@media screen and (max-width:568px) {
	body { width:548px; overflow:hidden;}
}

/* smartphone  landscape  like iPhone 4*/
@media screen and (max-width:470px) {
	body { width:450px; overflow:hidden;  }
}

/* smartphone portrait like Samsung portrait */
@media screen and (max-width:400px) {
	body { width:380px; overflow:hidden;  }
}

/* smartphone portrait like iphone6+ portrait */
@media screen and (max-width:414px) {
	body { width:394px; overflow:hidden;  }
}

/* smartphone portrait @ 360*/
@media screen and (max-width:360px) {
	body { width:340px; overflow:hidden;  }
}

/* smartphone portrait @ 320*/
@media screen and (max-width:320px) {
	@viewport { width:320px; }
	body { width:320px; overflow:hidden; }
	div#site-container { width:290px; max-width:290px; min-width:290px; }
}