/* ########################### */
/* == ZOODUCK RWD FRAMEWORK == */
/* ########################### */

/* -- Version 1.0, 11-07-2015 -- */

*{box-sizing:border-box;} /* Include border and padding in total width of ALL elements */

.zoorow{
	/* no rules defined */
	position:relative;
	width:100%;
}
.zoorow::after{
	content:"";
	clear:both;
	display:block;	
}

/* MOBILE PHONES [Less than 600px] */
[class*="zooblock-"]{
	width:100%;
	float:left;	
}

/* Ignore MOBILE PHONE rule above by prefixing classnames with these [Less than 600px] */
@media only screen and (max-width:600px){
	.zooblock-sustain-1{width:8.33%;} /* 12 */
	.zooblock-sustain-2{width:16.66%;} /* 6 */
	.zooblock-sustain-3, .zooblock-sustain-25{width:25%;} /* 4 */
	.zooblock-sustain-4{width:33.33%;} /* 3 */
	.zooblock-sustain-5{width:41.66%;}
	.zooblock-sustain-6, .zooblock-sustain-50{width:50%;} /* 2 */
	.zooblock-sustain-7{width:58.33%;}
	.zooblock-sustain-8{width:66.66%;}
	.zooblock-sustain-9, .zooblock-sustain-75{width:75%;}
	.zooblock-sustain-10{width:83.33%;}
	.zooblock-sustain-11{width:91.66%;}
	.zooblock-sustain-12, .zooblock-sustain-100{width:100%;} /* 1 */
	
	img.zooblock-sustain-12, img.zooblock-sustain-100{max-width:100%;} /* 1 */
}

/* TABLET [Greater than 600px, less than 768px] */
@media only screen and (min-width:600px){
	.zooblock-tablet-1{width:8.33%;} /* 12 */
	.zooblock-tablet-2{width:16.66%;} /* 6 */
	.zooblock-tablet-3, .zooblock-tablet-25{width:25%;} /* 4 */
	.zooblock-tablet-4{width:33.33%;} /* 3 */
	.zooblock-tablet-5{width:41.66%;}
	.zooblock-tablet-6, .zooblock-tablet-50{width:50%;} /* 2 */
	.zooblock-tablet-7{width:58.33%;}
	.zooblock-tablet-8{width:66.66%;}
	.zooblock-tablet-9, .zooblock-tablet-75{width:75%;}
	.zooblock-tablet-10{width:83.33%;}
	.zooblock-tablet-11{width:91.66%;}
	.zooblock-tablet-12, .zooblock-tablet-100{width:100%;} /* 1 */
	
	img.zooblock-tablet-12, img.zooblock-tablet-100{max-width:100%;} /* 1 */
}

/* DESKTOP SMALL [Greater than 768px, less than 1280px] */
@media only screen and (min-width:768px){			
	.zooblock-desk-malenky-1{width:8.33%;} /* 12 */
	.zooblock-desk-malenky-2{width:16.66%;} /* 6 */
	.zooblock-desk-malenky-3, .zooblock-desk-malenky-25{width:25%;} /* 4 */
	.zooblock-desk-malenky-4{width:33.33%;} /* 3 */
	.zooblock-desk-malenky-5{width:41.66%;}
	.zooblock-desk-malenky-6, .zooblock-desk-malenky-50{width:50%;} /* 2 */
	.zooblock-desk-malenky-7{width:58.33%;}
	.zooblock-desk-malenky-8{width:66.66%;}
	.zooblock-desk-malenky-9, .zooblock-desk-malenky-75{width:75%;}
	.zooblock-desk-malenky-10{width:83.33%;}
	.zooblock-desk-malenky-11{width:91.66%;}
	.zooblock-desk-malenky-12, .zooblock-desk-malenky-100{width:100%;} /* 1 */
	
	img.zooblock-desk-malenky-12, img.zooblock-desk-malenky-100{max-width:100%;} /* 1 */
}
/* DESKTOP NORMAL [Greater than 1280px] */
@media only screen and (min-width:1280px){
	.zooblock-desk-1{width:8.33%;} /* 12 */
	.zooblock-desk-2{width:16.66%;} /* 6 */
	.zooblock-desk-3, .zooblock-desk-25{width:25%;} /* 4 */
	.zooblock-desk-4{width:33.33%;} /* 3 */
	.zooblock-desk-5{width:41.66%;}
	.zooblock-desk-6, .zooblock-desk-50{width:50%;} /* 2 */
	.zooblock-desk-7{width:58.33%;}
	.zooblock-desk-8{width:66.66%;}
	.zooblock-desk-9, .zooblock-desk-75{width:75%;}
	.zooblock-desk-10{width:83.33%;}
	.zooblock-desk-11{width:91.66%;}
	.zooblock-desk-12, .zooblock-desk-100{width:100%;} /* 1 */
	
	img.zooblock-desk-12, img.zooblock-desk-100{max-width:100%;} /* 1 */
}

/* SCREEN ORIENTATION:LANDSCAPE */
@media only screen and (orientation:landscape){
	/* no rules defined */
}

/* SCREEN ORIENTATION:PORTRAIT */
@media only screen and (orientation:portrait){
	/* no rules defined */
}

/* IMG */
img{max-width:100%; height:auto;}