
@media(max-width: 1720px) {
.header {

	grid-template-columns: 22% 56% 22% !important;
	display: grid;

}
}
/*===========================*/

@media(max-width: 1570px) {
.header {

	grid-template-columns: 15% 60% 25% !important;
	display: grid;

}

}
/*===========================*/
@media(max-width: 1440px) {
.cen {
	width: 1200px;

	max-width: 1200px;

}
.sec {
	padding-top: 60px;
}
.secCon {
	padding: 32px 0px;
}
.header {

	grid-template-columns: 10% 60% 30% !important;
	display: grid;

}
.menuArea ul li a {
	padding: 8px 12px;

}
.next0,.next1,.next2,.next3,.next4,.next5,.nextCert{

    right:1.5%;
}
.prev0,.prev1,.prev2,.prev3,.prev4,.prev5,.prevCert{

    left:1.5%;
}
.statTxt div {

	font-size: 3.2rem;

}
.sc {
	font-size: 2.4em;
	top: -6px;
	padding: 0px 4px;
}

.statTxt {

	padding: 32px 0;
	font-size: .8em;
}

.projectOverInfo {

	width: 85%;

}
.productsCatItems ul li a {
	padding: 10px 16px;

}
.productsCatBtn {
	padding: 24px;
	padding-bottom: 48px;
}
.productsCatNameEn {

	font-size: 1.2em;
	opacity: .6;
}
}

/*===========================*/

@media(max-width: 1332px) {
.cen{
   width:100%;
   padding: 0px 24;
   box-sizing: border-box;
}
.iconBar {
    display: none;
}
.header {

	grid-template-columns: 10% 80% 10% !important;
	display: grid;

}
.blk {
	opacity: .6;
	filter: invert(1);
	background-color: #000;
}
.whiteArrow {
	background-color: #000;
}
.next0,.next1,.next2,.next3,.next4,.next5,.nextCert{

    right:24px;
}
.prev0,.prev1,.prev2,.prev3,.prev4,.prev5,.prevCert{

    left:24px;
}
.next, .prev {
	width: 80px;
	height: 80px;
    opacity: .7;
}
}
/*===========================*/
@media(max-width: 1200px) {
   .cen{
       width:980px;

   }
.projects {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 12px;
	row-gap: 12px;
	padding: 0px 12px;
}
.statImg {
	width: 118px;
	margin: 0 auto;
}
.statTitle {
	font-size: 1.3rem;
}
.statTxt div {
	font-size: 3rem;
}
.sc {
	font-size: 2em;
	top: -7px;
	padding: 0px 0px;
}
.secTitle * {
	font-size: 2.2em;

}
.projectOverInfo {
	width: 94%;
}
.projectOverTitle * {
	font-size: 1.3em;
}
.projectOverLocationEn {
	font-size: 1.2em;

}
.projectOverDate {
	font-size: 1.3em;
	padding: 4px 0;
}
.sec {
	padding-top: 40px;
}
.productCon {
	padding: 24px 24px;
	padding-bottom: 32px;

}
.catalogue {
	width: 190px;

}
.featureOver {

	padding: 16px;

}
.featuresArea {
	padding: 32px 0;

}
.certificate {

	height: 170px;
}
footer {
	margin-top: 32px;
	padding: 32px 0;
	background: #ececec;
	box-sizing: border-box;
	border-top: solid 1px #d8d8d8;
}
.footer {
	display: block;

}
.footBox1 {
	width: 40%;
	float: right;
}
.footBox2 {
	padding-right: 64px;
	width: 60%;
	float: right;
	box-sizing: border-box;
}
.brands a {
	padding-left: 16px;
	width: 80px;
}
.brands a:hover div {

	left: -30px;

}
.footMenu {
	padding-top: 24px;
	padding-left: 40px;
}
.footBox3 .footTop {
	float: right;
	width: 40%;
}
.footBox .catalogue {
	padding-top: 40px;
	width: 50%;
	margin: 0 auto;
}
.footBox3 .footMenu {
	padding-top: 40px;
	box-sizing: border-box;
	padding-right: 64px;
	width: 60%;
	float: right;
}
.footer:after{
    clear: both;
    display: block;
    contain: " "
}
.aboutSeclogo {
	width: 248px;

}
.next, .prev {
	width: 64px;
	height: 64px;
	opacity: .7;
}
}
/*===========================*/
@media(max-width: 980px) {
   .cen{
       width:768px;
   }

}

/*===========================*/

@media(max-width: 768px) {
   .cen{
       width:100%;
       padding: 0px 24px;
       padding: 0px 16px
   }
body {



}

}