@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 414px) {


}

@media screen and (max-width: 768px) {
	
.col-md-2{ width:100% !important;}
.col-md-10{ width:100% !important;}
	
	.f-nav{ z-index: 9999; position: relative; left: 0; top: 0; width: 100%; }

#logo{ text-align:center;}
#news_video .ph-item-box{ width:100%; float:left; margin:10px;  }
#footer img{ text-align:center;}
#footer h3{ font-size:18px;}

#component-body{ padding:0px;}

}
@media screen and (max-width: 1024px) {


}
@media screen and (max-width: 1200px) {





}
@media screen and (max-width: 1360px) {


}







/** Blog **/
@media screen and (max-width: 1200px) {


.cols-1 {
	display: block;
	float: left !important;
	margin: 0 !important;
}

.cols-2 .column-1 {
	width:100%;
	float:left;
}

.cols-2 .column-2 {
	width:100%;
	float:right;
	margin:0
}

.cols-3 .column-1 {
	float:left;
	width:100%;
	padding:0px;
	margin-right:0px;

}

.cols-3 .column-2 {
	float:left;
	width:100%;

	padding:0px;
	margin:0px;
}

.cols-3 .column-3 {
	float:right;
	width:100%;
	padding:0px
}
.cols-4 .column-1 {
	float:left;
	width:100%;
	padding:0px;
	margin-right:0px;

}

.cols-4 .column-2 {
	float:left;
	width:100%;
	margin-left:0;
	padding:0px;
	margin:0px;
}

.cols-4 .column-3 {
	float:right;
	width:100%;
	padding:0px
}
.cols-4 .column-4 {
	float:right;
	width:100%;
	padding:0px
}
.items-row {
	overflow: inherit;
	margin-bottom:10px !important;
}

.column-2 {
	width:100%;
	margin-left:40%;
}

.column-3 {
	 width:100%
}

.blog-more {
	padding:0px
}




}