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

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


}

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

.f-nav{ z-index: 9999; position: relative; left: 0; top: 0; width: 100%; }
#logo{ text-align:center;}
#contact{ padding:15px;}
.f-nav #logo2, .f-nav #lang2 { display:none;}




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

#service h5{ display:none !important;}
.item-page-home h2{ text-align:center; font-size:2.5em; color:#f26f21;}
#component{}
}
@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
}




}