/*******************************  STYLE  *************************************/
@media screen and (max-width: 3200px){
	.editorial .article .image-wrapper{ margin:15px 10px 10px 10px; }
	.box-col,.boxList .box{ width:49.4%; }
	.banner-col,.bannerList .banner{ width:48.8%; }
}
@media screen and (max-width: 2800px){
	.box-col,.boxList .box{ width:49.2%; }
	.banner-col,.bannerList .banner{ width:48%; }
}

@media screen and (max-width: 2400px){
	.box-col,.boxList .box{ width:48.9%; }
	.banner-col,.bannerList .banner{ width:47.8%; }
}

@media screen and (max-width: 1224px){
	.boxList .article li{ padding:2px 0;margin:2px 0;}
	.bannerList .article a{ width:100%;display:block;padding:2px 0; }
}
@media screen and (max-width: 1024px){
	.boxList .article li{ padding:5px 0;margin:5px 0;}
	.bannerList .article a{ width:100%;display:block;padding:5px 0; }
}

@media screen and (max-width: 720px){
	.col1,.col2{ width:100%; }
	.editorial{ margin: 10px 10px 0 10px; }
	.youtube,.boxList,.bannerList{ margin: 10px; }
	.boxList,.galcolumn,.box:last-of-type{ margin-bottom:0 !important;padding-bottom:0 !important; }
	.table .article{ font-size:1.2em; }
	.editorial .article .image-wrapper{ width:95% !important;padding:10px 2.5%;margin:0 !important; float:none !important; }
	.editorial .article .image-wrapper img{ width:90% !important; }
	.editorial .article > img{ width:100%; }
}

@media screen and (max-width: 280px){
	.table .title h1 {font-size:1.1em;}
}

/*******************************  JQUERY PLUGIN  *************************************/

@media screen and (max-width: 1430px){
	.box-col,.boxList .box{ width:48.7%; }
	.banner-col,.bannerList .banner:not(.double){ width:47%; }
}

@media screen and (max-width: 1224px){
	.box-col,.boxList .box{ width:48.4%; }
	.banner-col,.bannerList .banner:not(.double){ width:46.4%; }
}

@media screen and (max-width: 1024px){
	.box-col,.boxList .box{ width:48.1%; }
	.banner-col,.bannerList .banner:not(.double){ width:46.1%; }
}

@media screen and (max-width: 880px){
	.box-col,.boxList .box{ width:100%; }
	.banner-col,.bannerList .banner:not(.double){ width:100%; }
}

@media screen and (max-width: 720px){
	.grid .box{ margin-bottom:10px; }
	.grid-gut{ width:10px; }
	.banner-col,.bannerList .banner:not(.double){ width:32%; }
}

@media screen and (max-width: 560px){
	.banner-col,.bannerList .banner:not(.double){ width:48.4%; }
}

@media screen and (max-width: 370px){
	.banner-col,.bannerList .banner:not(.double){ width:48.4%; }
}

@media screen and (max-width: 320px){
	.banner-col,.bannerList .banner:not(.double){ width:100%; }
}