/* normal */

:root{
	
	--clr1: #000000;
	--clr2: #e0231d;
	--clr3: #6eb85b;
	--border_clr : #ccc4c1;
	--box_clr : #eff3f6;
	--border-radius: 5px;
	--light_text: #ccc4c1;
	--awesome100 : 100 100% "Font Awesome 6 Pro";
	--awesome300 : 300 100% "Font Awesome 6 Pro";
	--awesome400 : 400 100% "Font Awesome 6 Pro";
	--awesome900 : 900 100% "Font Awesome 6 Pro";
	--normal_weight : 400;
	--medium_weight : 500;
	--bold_weight : 700;	
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	
}
html,
body {
	font-family: "figtree", sans-serif;
	font-size: 20px;
	color: var(--clr1);
	font-weight: var(--normal_weight);
	line-height:1.7;
	word-break: break-word;
	scroll-behavior:smooth;
	
}

body {
	background: #fff;
}
img {
	border: 0px;
	display: block;
	max-width: 100%;
	height:auto;
}
a{color:inherit; text-decoration: none; transition-duration:0.2s;}

input,
select,
textarea,
button{ -webkit-appearance: none;-moz-appearance:none; appearance:none; outline: none; font:inherit}
input[type="checkbox"]{-webkit-appearance: unset;-moz-appearance:unset; appearance:unset;}
button{cursor:pointer}

ul {
	list-style: disc;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
	font-weight: var(--bold_weight); line-height:1.2; margin-bottom:0.2rem
}

h1, .h1{font-size:2.5rem;}
h2, .h2{font-size:1.3rem;}
h3, .h3{font-size:1.25rem;}
h4, .h4{font-size:1.2rem;}
h5, .h5{font-size:1.1rem;}
h6, .h6{font-size:1rem;}

p{margin-bottom:1em}


.maxw1{max-width:1430px; margin:0 auto; padding: 0 15px}
.maxw2{max-width:1040px; margin:0 auto; padding: 0 15px}
.maxw3{max-width:740px; margin:0 auto; padding: 0 15px}

.clear{clear:both;}
.flexbox{display:flex; flex-wrap:wrap}
.flexbox.space_between{justify-content: space-between;} 
.flexbox.justify_center{justify-content: center;} 
.flexbox.align_right{justify-content: flex-end;}
.flexbox.align_center{align-items: center;}
.flexbox.align_bottom{align-items: flex-end;}
.flexbox.align_top{align-items: flex-start;}

.grid{display:grid; gap: 2rem;}
.grid.cols2{grid-template-columns: repeat(2, 1fr);}
.grid.cols3{grid-template-columns: repeat(3, 1fr);}
.grid.cols4{grid-template-columns: repeat(4, 1fr);}
.grid.cols5{grid-template-columns: repeat(5, 1fr);}
.grid.cols6{grid-template-columns: repeat(6, 1fr);}

.grid .col2{grid-column:span 2}
.grid .col3{grid-column:span 3}
.grid .col4{grid-column:span 4}
.grid .col5{grid-column:span 5}
.grid .col6{grid-column:span 6}

.grid.align_top{align-items: start}
.grid.align_center{align-items: center}
.grid.align_bottom{align-items: end}

.center_text{text-align:center;}
.center_text ul, .center_text ol{text-align:left;}

svg {display: flex;}

.clipped_img {
    -webkit-clip-path: url(#clip);
    clip-path: url(#clip);

}

.clipped_img .img {
    width: 100%
}

.clipped_img .img:after {
    content: "";
    padding-bottom: 73%;
    display: block
}

.clipped_img_small {
    -webkit-clip-path: url(#clip_small);
    clip-path: url(#clip_small);
	background:#fff;
}

.clipped_img_small .img {
    width: 100%
}

.clipped_img_small .img:after {
    content: "";
    padding-bottom: 49%;
    display: block
}

.btn_bar{display:block; margin-top:2rem;}
.btn{display:inline-block; line-height:1; border:none}

.btn.l_btn{font-size:28px; font-weight:var(--bold_weight); padding: 16px 30px 16px 30px ; border-radius:var(--border-radius)}
.btn.n_btn{font-size:20px; font-weight:var(--normal_weight); padding: 16px 30px 16px 30px ; border-radius:var(--border-radius)}

.btn.round_btn{display:inline-flex; align-items: center; justify-content: center; width:37px; height:37px; font-size:20px; border-radius:100%}


.btn .icon_right{display:inline-block; margin-left:50px; }

.btn.clr1_white{color:#fff; background:var(--clr1);}
.btn.clr2_white{color:#fff; background:var(--clr2);}
.btn.clr3_white{color:#fff; background:var(--clr3);}

.btn.clr1_white:hover{color:#fff; background:var(--clr2);}

.btn.clr2_white:hover{color:#fff; background:var(--clr1);}
.btn.clr3_white:hover{color:#fff; background:var(--clr1);}

.btn.clr1_link{color:var(--clr1); font-weight:var(--medium_weight)}
.btn.clr2_link{color:var(--clr2); font-weight:var(--medium_weight)}

.btn_bar .btn.clr1_link, .btn_bar .btn.clr2_link{margin-right:1rem; font-size:1.15rem; margin-bottom:0.7rem}
.btn_bar .btn.clr1_link i, .btn_bar .btn.clr2_link i{display:inline-block; transition-duration:0.2s}
.btn_bar .btn.clr1_link:hover i, .btn_bar .btn.clr2_link:hover i{transform:translatex(0.25rem);}

.table_wrap{overflow-x:auto; word-break: auto-phrase;}
.table_wrap table{border-collapse: collapse;}
.table_wrap table td{border:1px solid var(--border_clr); padding:5px 10px; vertical-align:top; min-width: 200px}

.content_container ul, .content_container ol{margin-left:30px; margin-bottom:1em;}
.content_container b, .content_container strong{font-weight:var(--bold_weight)}
.content_container a{color:var(--clr2); font-weight:var(--normal_weight)}

.title_bar{margin-bottom:2.5rem}

.no_scroll{overflow:hidden;}

.mob_menu {width:0; height:0; overflow:hidden; transition-duration:0.2s; right: 0; top:0; position:absolute; z-index:999999999 }
.mob_menu.active{width:100%; height:100dvh;}
.mob_menu .menu_top{margin-bottom:3rem; text-align:right; padding: 0 20px}
.mob_menu .inner{background:var(--clr1); color:#fff; padding:20px 0; position:relative; width:100%; height:100%; overflow:auto }
.mob_menu .menu_content ul{list-style:none; font-size:1.5rem; padding-left: 2rem}
.mob_menu .menu_content ul li a{margin-bottom:1em; display:block; position:relative;}
.mob_menu .menu_content ul li.menu-item-has-children a i{position:absolute; left:-1.5em; top:50%; transform:translatey(-50%); font-size:80%; transition-duration:0.2s}
.mob_menu .menu_content ul li.menu-item-has-children.sub a i{transform:translatey(-50%) rotate(180deg)}
.mob_menu .menu_content ul li.counter > a:before{ width:1.6em; height:1.6em; font-size:0.6em; background:var(--clr2); color:#fff; position:absolute; right:calc(100% - 2px); top:0; border-radius:100%; display:flex;  align-items: center; justify-content: center; font-weight:var(--medium_weight)}
.mob_menu .menu_content ul ul{display:none; font-size:85%; padding-left:2rem;}
.mob_menu .menu_content ul ul li a{margin-bottom:0.5em;}

.home_header{background:var(--clr1); color:#fff; padding-bottom:5rem}

.menu_bar{padding:3.75rem 0}
.menu_bar .grid{grid-template-columns:255px 1fr}

.menu_bar .right > ul > li{display:inline-block; margin-right:2rem; }
.menu_bar .right > ul > li > a{font-weight:var(--bold_weight); display:block; padding: 0.5rem 1rem}
.menu_bar .right ul li.menu-item-has-children > a:after{content:"\f107"; font:var(--awesome300); color:var(--clr2); display:inline-block; margin-left:10px }
.menu_bar .right ul li.counter > a{position:relative;}
.menu_bar .right ul li.counter > a:before{ width:16px; height:16px; font-size:10px; background:var(--clr2); color:#fff; position:absolute; right:0.4rem; top:0.5rem; border-radius:100%; display:flex;  align-items: center; justify-content: center; font-weight:var(--medium_weight)}
.menu_bar .right ul ul{display:none; position:absolute; background:#fff; color:var(--clr1); padding: 0.5rem 0; z-index:99999}
.menu_bar .right > ul > li:hover > ul{display:block;}
.menu_bar .right ul ul li{display:block}
.menu_bar .right ul ul li a{ padding: 0 1rem; display:block; }
.menu_bar .right ul ul ul{display:none}

.menu_bar .right ul a:hover{color:var(--clr2)}

.menu_bar .right .round_btn{margin-left:7px}
.menu_bar .right .menu_btn{display:none}

.home_header .header_content {position:relative}
.home_header .logo_white{display:block}
.home_header .logo_black{display:none}
.home_header .header_content .grid{grid-template-columns:415px 1fr}
.home_header .header_content .left{}
.home_header .header_content .left .slogan{font-size:2.5rem;  line-height:1.2; margin-bottom:1rem}
.home_header .header_content .left .slogan span{font-weight:var(--bold_weight); position:relative; display:block; }
.home_header .header_content .left .slogan span:before{content:""; display:block; width:0.65em; height:0.65em; position:absolute; top:0.35em;  right:calc(100% + 1rem); background:url(img/icon.svg) no-repeat center/contain}

.home_header .header_content .left .scroll_btn{position:absolute; top:100%; left:0; width:1.1rem}
.home_header .header_content .left .scroll_btn:hover{transform:translatey(0.2rem)}
.home_header .header_content .right{position:relative;     overflow: hidden;}
.home_header .header_content .right .clipped_img{overflow:hidden; width:100%}
.home_header .header_content .right .clipped_img .home_slider{width:100%; position:relative;  overflow: hidden;}


.subpage_header.gradient_bg{background:var(--clr1); color:#fff; padding-bottom:5rem}
.subpage_header .logo_white{display:none}
.subpage_header .logo_black{display:block}
.subpage_header.gradient_bg .logo_white{display:block}
.subpage_header.gradient_bg .logo_black{display:none}
.subpage_header .header_content {position:relative}
.subpage_header .header_content .grid{grid-template-columns:repeat(3 , 1fr)}
.subpage_header .header_content .left{}

.home_header .btn.clr3_white:hover{color:var(--clr3); background:#fff;}
.subpage_header.gradient_bg .btn.clr3_white:hover{color:var(--clr3); background:#fff;}
.home_header .btn.clr2_white:hover{color:var(--clr2); background:#fff;}
.subpage_header.gradient_bg .btn.clr2_white:hover{color:var(--clr2); background:#fff;}

.home_text{padding:5rem 0 0}
.home_text .text{padding-bottom:5rem; padding-left:195px}
.home_text .text h1 span{color:var(--clr2); position:relative; display:block; }
.home_text .text h1 span:before{content:""; display:block; width:0.65em; height:0.65em; position:absolute; top:0.35em;  right:calc(100% + 1rem); background:url(img/icon.svg) no-repeat center/contain}
.home_text .right img{width:440px}

.services{background:var(--clr1); color:#fff; padding:5rem 0 }

.services .h1 span{font-size:1.2rem; display:block; color:var(--clr2)}

.services .col.grid{gap:1rem; grid-template-rows: subgrid;    grid-row: span 2;}
.services .col .top.grid{grid-template-columns:70px 1fr; gap:20px; font-size:1.25rem; font-weight:var(--medium_weight)}
.services .col .top .icon{width:3.5rem; height:3.5rem; background:var(--clr2); padding: 0.7rem; display:flex;  align-items: center; justify-content: center; border-radius:100%}
.services .col .top .icon img{height:100%; object-fit:contain}

.services .col ul{margin-left:90px;}
.services .col ul li{margin-left:30px; list-style:none; margin-bottom:0.2rem}
.services .col ul li a:hover{color:var(--clr2)}
.services .col ul li a:before{content:"\f178"; font:var(--awesome100); width:30px; display:inline-block; margin-left:-30px; transition-duration:0.2s}

.services .col ul li a:hover:before{transform:translate(0.2rem)}

.work{ background:url(img/energy_bg.png) no-repeat center/cover; padding-top:5rem}
.work .h1 span{font-size:1.2rem; display:block; color:var(--clr2)}
.work .text{padding-bottom:5rem}

.what{background:var(--clr1); color:#fff; padding:5rem 0}
.what .h1 span{font-size:1.2rem; display:block; color:var(--clr2)}
.what .text{padding-bottom:5rem}

.why{ padding:5rem 0; }
.why .h1 span{font-size:1.2rem; display:block; color:var(--clr2)}
.why .text{padding-bottom:5rem}
.why .right{position:relative}
.why img{position:absolute; width:100%; height:100%; object-fit:cover; border-radius:var(--border-radius)}

.cta{background:url(img/energy_bg.png)  no-repeat center/cover; padding:5rem 0; }
.cta .h1 span{font-size:1.2rem; display:block; color:var(--clr2)}
.cta .text{padding-bottom:5rem}
.cta .slogan{margin-top:1.5rem; }

.latest_projects{background:var(--clr1); color:#fff; padding:5rem 0}
.latest_projects .h1 span{font-size:1.2rem; display:block; color:var(--clr2)}
.latest_projects .text{padding-bottom:5rem}

.latest_projects .list_item{background:#fff; color:var(--clr1)}
.latest_projects .list_item .item_short_content{color:var(--clr1)}

.footer{background:var(--clr1); color:#fff; padding-top:5rem}
.footer .logo{display: grid;    align-items: center;}
.footer .logo img{width:255px}
.footer .col{grid-template-rows: subgrid;    grid-row: span 2;}
.footer .col .title{font-size:1.8rem; font-weight:var(--bold_weight)}
.footer .col ul li{margin-left:30px; list-style:none; }
.footer .col ul li a:before{content:"\f178"; font:var(--awesome100); width:30px; display:inline-block; margin-left:-30px; color:var(--clr2);  transition-duration:0.2s}
.footer .col ul li a:hover{color:var(--clr2)}
.footer .col ul li a:hover:before{transform:translate(0.2rem)}
.footer .col ul ul{display:none}

.footer .naw a:hover{color:var(--clr2)}
.footer .naw a i{color:var(--clr2); width:30px; display:inline-block;}

.footer .certs.grid{gap:20px}
.footer .certs .cert{padding:10px; background:#fff}
.footer .certs .cert .inner{aspect-ratio:1}

.footer .bottom{padding:1.5rem 0 1.5rem; margin-top:3rem; border-top:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.4)}
.footer .bottom a:hover{color:#fff}

.breadcrumbs{text-align:right; font-size:0.7rem; color:var(--light_text); margin-bottom:1rem; padding: 0.5rem 0 2rem}
.breadcrumbs i{font-size:85%}

.clean_header .breadcrumbs{padding: 0}

.subpage_text{margin-bottom:5em}
.subpage_text .text{ }
.subpage_text .text h1 span{color:var(--clr2); position:relative; display:block; }
.subpage_text .text h1 span:before{content:""; display:block; width:0.65em; height:0.65em; position:absolute; top:0.35em;  right:calc(100% + 1rem); background:url(img/icon.svg) no-repeat center/contain}
.subpage_text .right > img{width:440px; border-radius:var(--border-radius)}

.items_list {margin-bottom:5rem}
.list_item{border-radius:var(--border-radius); overflow:hidden; background:var(--clr1); display: grid;    grid-template-rows: subgrid;    grid-row: span 3;    gap: 0;}
.list_item .image{position:relative}
.list_item .image:after{padding-bottom:60%; display:block; content:""}
.list_item .image img{width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover}
.list_item .item_short_content{color:#fff;padding: 1.5rem;gap:1rem;display:grid;grid-template-rows: subgrid;grid-row: span 2;}
.list_item .item_short_content .title{margin-bottom:0rem}
.list_item .item_short_content .detail{display:grid; grid-template-columns:30px 1fr}
.list_item .item_short_content .detail i{color:var(--clr2); line-height:inherit}

.contact_block {border-radius:var(--border-radius); overflow:hidden; background:var(--clr1); color:#fff;  padding:3rem 1.5rem; margin-bottom:1rem}
.contact_block .logo{margin-bottom:2em}
.contact_block .logo img{width:12rem}
.contact_block .naw a:hover{color:var(--clr2)}
.contact_block .naw a i{color:var(--clr2); width:30px; display:inline-block;}

.short_details {border-radius:var(--border-radius); overflow:hidden; background:var(--clr1); color:#fff; padding:2rem 1.5rem}
.short_details.grid{gap:1em}
.short_details .detail i{color:var(--clr2); width:30px; display:inline-block;}

.gallery{margin-bottom:5em}
.gallery .img{position:relative; border-radius:var(--border-radius); overflow:hidden }
.gallery .img:after{padding-bottom:100%; display:block; content:""}
.gallery .img img{width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover}

.wpcf7 .form_item{margin-bottom: 20px; display:flex; flex-wrap:wrap}
.wpcf7 .label{width: 180px; }
.wpcf7 .form_field{width: calc(100% - 180px); }
.wpcf7 input, .wpcf7 textarea,  .wpcf7 select{width:100%; padding:5px 15px; border: 1px solid var(--border_clr) ; border-radius:var(--border-radius); font:inherit }
.wpcf7 textarea{height:200px}

.wpcf7 select{background:url(img/angle-down.png) no-repeat calc(100% - 10px) 50% #fff;}

span.wpcf7-list-item {display: inline-block;margin: 0px 0 0;}
span.checkbox{margin-top:10px; display: block;}
.wpcf7 .wpcf7-list-item {display: inline-block; margin-right:35px; width: 100%;}
.wpcf7-list-item-label {margin-left: 30px;display: inline-block; vertical-align: top;}
.wpcf7-checkbox {padding: 5px 0px; display:inline-block}
.wpcf7-checkbox label {position: relative;cursor: pointer;}
.wpcf7-checkbox input[type=checkbox] {position: absolute;visibility: hidden;height: 1em;width: 1em;top: 0.25em;left: 0px;}
.wpcf7-checkbox input[type=checkbox] + span:before {display: block;position: absolute;content: '';border-radius: 0;height: 1em;width: 1em;top: 0.25em;left: 0px;border: 1px solid var(--border_clr); background:#fff}
.wpcf7-checkbox input[type=checkbox] + span:after {display: flex;        justify-content: center; align-items: center;position: absolute;content: "\f00d";font:var(--awesome900); height: calc(1em - 3px);    width: calc(1em - 3px);color:var(--clr1);top: calc(0.25em + 2px);    left: 2px;visibility: hidden;font-size: 1em;text-align: center; }
.wpcf7-checkbox input[type=checkbox]:checked + span:before {background: transparent;}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {visibility: visible;}

.wpcf7-radio label {position: relative;cursor: pointer;}
.wpcf7-radio input[type=radio] {position: absolute;visibility: hidden;width: 1em;height: 1em;top: 0;left: 0;}
.wpcf7-radio input[type=radio] + span:before {display: block;position: absolute;content: '';border-radius: 100%;height: 1em;width: 1em;top: 0.25em;left: 0px;border: 1px solid var(--border_clr); background:#fff}
.wpcf7-radio input[type=radio] + span:after {display: block;position: absolute;content: "";font:var(--awesome900); height: calc(1em - 3px);    width: calc(1em - 3px);    color: var(--clr1);    background: var(--clr1);
    border-radius: 100%;    top: calc(0.25em + 2px);    left: 2px;visibility: hidden;text-align: center;}
.wpcf7-radio input[type=radio]:checked + span:before {background: transparent;}
.wpcf7-radio input[type=radio]:checked + span:after {visibility: visible;}

@media only screen and (max-width: 1520px) {
	.home_header .header_content .left .slogan span:before{display:none}
}

@media only screen and (max-width: 1440px) {
	.home_text .text{padding-left: calc(50dvw - 520px);}
	.menu_bar .right > ul > li {margin-right: 1rem;}
}


@media only screen and (max-width: 1350px) {
	.menu_bar {    padding: 2.5rem 0;}
	.menu_bar .right > ul > li {        margin-right: 0;    }
}

@media only screen and (max-width: 1250px) {
    h1, .h1 {    font-size: 2rem;}
	
	.menu_bar .grid {    grid-template-columns: 200px 1fr;}
	.menu_bar .right > ul > li > a{ padding: 0.5rem 0.8rem; }
	.menu_bar .right ul ul li a{ padding: 0 0.8rem; }
	
	.home_header .header_content .grid {grid-template-columns: 350px 1fr; gap:0}
	
	.home_header .header_content .left .slogan {    font-size: 2rem;}
	.footer .certs.grid.cols4{grid-template-columns: repeat(3, 1fr);}
}
@media only screen and (max-width: 1150px) {
	.menu_bar .grid {    grid-template-columns: 170px 1fr;}
	.menu_bar .right > ul > li > a {        padding: 0.5rem 0.5rem;    }
	.home_text .text h1 span:before{display:None}
	
}
@media only screen and (max-width: 1050px) {
	
	html, body{font-size:18px}
	.menu_bar .right .menu_btn{display:inline-flex;}
	.menu_bar .right ul{display:none}
	.home_header .header_content .grid {grid-template-columns: 300px 1fr;}
	.items_list .grid.cols3{grid-template-columns: repeat(2, 1fr);}
	
}

@media only screen and (max-width: 960px) {
	
	.footer .grid.cols3 {grid-template-columns: repeat(2, 1fr);}
	.footer .col:first-of-type{  grid-column: span 2;}
	.footer .certs.grid.cols4{grid-template-columns: repeat(4, 1fr);}
	
	.gallery .grid.cols4{grid-template-columns: repeat(3, 1fr);}
	.latest_projects .grid.cols3{grid-template-columns: repeat(1, 1fr);}
	.latest_projects .list_item {     grid-row: span 2;     grid-template-columns: 200px 1fr;}
	.latest_projects .list_item .image{grid-row:span 2}
	
	.why .grid.cols2 {    grid-template-columns:1fr}
	.why img{aspect-ratio:3 / 2; position:relative; height:auto}
}

@media only screen and (max-width: 800px) {
	.subpage_header .header_content .grid {grid-template-columns: 1fr; gap:1rem}
	.subpage_header .header_content .grid .right{   grid-row-start: 1;     grid-column: span 1;}
	
	.home_text .grid.cols3 {    grid-template-columns:1fr}
	.home_text .col2{grid-column:span 1}
	.home_text .text {padding-bottom: 2rem;}
	.home_text .right img {    width: 350px;}
	.services .grid.cols2 {    grid-template-columns:1fr}
	.services .col .top.grid {grid-template-columns: 50px 1fr;}
	.services .col .top .icon {    width: 2.5rem;    height: 2.5rem;}
		
	.services .col ul {    margin-left: 70px;}
	.work .grid.cols3 {    grid-template-columns:1fr}
	.work .col2{grid-column:span 1}
	.work .text{padding-bottom:2rem}
	.work .right img {    width: 250px;}
	.subpage_text {    margin-bottom: 2em;}
	.subpage_text .grid.cols3 {    grid-template-columns:1fr}
	.subpage_text .col2{grid-column:span 1}
	
	.subpage_text .right img {    width: 350px;}
	.short_details.grid{grid-template-columns:repeat(2, 1fr);}
}

@media only screen and (max-width: 750px) {
	.home_header .header_content .grid {grid-template-columns:  1fr;}
	 .home_header .header_content .grid .right{   grid-row-start: 1;}
	.footer .certs.grid.cols4{grid-template-columns: repeat(3, 1fr);}
	.items_list .grid.cols3{grid-template-columns: repeat(1, 1fr);}
	.items_list .list_item { grid-row: span 2;     grid-template-columns: 200px 1fr;}
	.list_item .image {    grid-row: span 2;}
	
}
@media only screen and (max-width: 600px) {
	.grid{gap:1.5rem}
	.subpage_header.gradient_bg{padding-bottom: 3rem;}
	.home_text {   padding: 4rem 0 0;}
	.services{padding:4rem 0}
	.work{padding-top:4rem}
	
	.why, .what, .cta, .latest_projects{padding:4rem 0}
	
	.footer{padding-top:4rem}
	.footer .grid.cols3 {grid-template-columns: repeat(1, 1fr);}
	.footer .col:first-of-type{  grid-column: span 1;}
	.footer .certs.grid.cols4{grid-template-columns: repeat(4, 1fr);}
	
	.wpcf7 .label{width: 100%; }
	.wpcf7 .form_field{width: 100%; }
	
	.gallery .grid.cols4{grid-template-columns: repeat(2, 1fr);}
	.latest_projects .list_item { grid-template-columns: 150px 1fr;}
	.items_list .list_item { grid-template-columns: 150px 1fr;}
}
@media only screen and (max-width: 500px) {
	.short_details.grid{grid-template-columns:repeat(1, 1fr);}
	
	.latest_projects .list_item {     grid-row: span 3;     grid-template-columns: 1fr;}
	.latest_projects .list_item .image{grid-row:span 1}
	.items_list .list_item{grid-row: span 3; grid-template-columns: 1fr;}
	.list_item .image {    grid-row: span 1;}

	
}

@media only screen and (max-width: 400px) {
	html, body{font-size:16px}
	.menu_bar {    padding: 2rem 0;}
	.menu_bar .grid {    grid-template-columns: 130px 1fr; gap:20px}
	.menu_bar .right .round_btn { margin-left: 4px;}
	.footer .certs.grid.cols4{grid-template-columns: repeat(3, 1fr);}
	
	.list_item .item_short_content {   padding: 1.5rem 1rem;}
	
}


@media print {
   
	html, body {  
			page-break-after: avoid;
            page-break-before: avoid; 
			border: 1px solid white;
            height: 99%;}
   
	div{display:block; width:100%}
   
  
}