@charset "utf-8";

@media only screen and (max-width: 1229px) {
.containers {max-width:870px; }
}

@media only screen and (min-width: 820px) and (max-width: 990px) {
.containers {max-width:790px; }
.col1-3 { width:200px; height:200px; margin:5px; float:left; position:relative }
}

@media only screen and (min-width: 751px) and (max-width: 810px) {
.containers {max-width:740px; }
.col1-3 { width:220px; height:220px; margin:5px; float:left; position:relative }
}

@media only screen and (min-width: 611px) and (max-width: 750px) {
.containers {max-width:590px; }
.col1-3 { width:275px; height:275px; margin:5px; float:left; position:relative }
}

@media only screen and (min-width: 551px) and (max-width: 610px) {
.containers {max-width:540px; }
.col1-3 { width:220px; height:220px; margin:5px; float:left; position:relative }
}

@media only screen and (min-width: 451px) and (max-width: 550px) {
.containers {max-width:440px; }
.col1-3 { width:210px; height:210px; margin:5px; float:left; position:relative }
}

@media only screen and (min-width: 401px) and (max-width: 450px) {
.containers {max-width:390px; }
.col1-3 { width:180px; height:180px; margin:5px; float:left; position:relative }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 400px) {
.containers {max-width:290px;}

}