body{margin: 0; padding: 0; font-weight: 400; font-family: 'Roboto', sans-serif; font-size: 16px; color: #333; line-height: 1.5;}

img{max-width: 100%;}

a{outline: none; text-decoration: none; border: 0; transition: all ease-in 0.3s;}.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{	

font-weight: 400;line-height: 1.2;padding: 0 0 20px;margin: 0;color: #000;}
p:empty {
	display: none;
}
h3 strong:empty {
	display: none !important;
}
h1{font-size: 60px; font-weight: 700;}

h2 {font-size: 36px;}

h3{font-size: 24px;}

h4{font-size: 18px;}

.container{max-width: 1200px;}

section, .section{padding: 60px 0; }

p{line-height: 26px; padding: 0 0 20px; margin:0; }

.btn{background: #c4ad84; padding:12px 20px; color: #fff; border-radius: 3px;}

.btn:hover, .btn:focus, .btn:visited{color: #fff;}

.btn-border{background: transparent; border:#fff solid 1px; border-radius: 40px; padding: 12px 30px; }

.btn-border:hover{background: #fff; color: #000;}

.entry-header, .entry-footer{display: none;}

.skip-link {display: none;}

header {position: static;left: 0;top: 0;z-index: 99;width: 100%;background: rgba(255,255,255,1);}

header .nav-section {display: flex;flex-direction: column;border-top: #666 solid 1px;border-bottom: #666 solid 1px; background: #c4ad84;}

.header-fixed {/* position: fixed; *//* width: 100%; *//* background: rgba(0,0,0,0.95); */left: 0;top: 0;}

nav {

	width: 100%;

}

.btn{background: #c4ad84; padding: 15px 30px; border-radius: 3px; color: #fff;}

.main-navigation ul {

	display: flex;

	justify-content: center;

}

.top-address {display: flex;padding: 0 20px;align-items: center;color: #333;}

.quick-contact, .office-timing {display: flex;padding: 0 0 0 30px;font-size: 16px;line-height: 32px;align-items: center;}

.quick-contact a, .office-timing a{color: #333;}

.quick-contact i, .office-timing i {padding: 5px 20px 0 0;font-size: 32px;color: #c4ad84;}

.quick-contact i {transform: rotate(113deg);padding: 0 0px 0 20px;margin-top: -20px;}

.top-bar {font-size: 14px;display: flex;align-items: center;padding: 15px 15px;background: #c4ad84;color: #fff;justify-content: space-between;flex-wrap: wrap;}

.top-bar .row {display: flex;justify-content: space-between;}

.top-bar .col-md-5 {display: flex;}

.top-bar .col-md-5 span {margin-left: auto;}

/*.top-bar > div {display: flex;flex-wrap: wrap;}*/

/*.top-address::after {content: "|";padding: 0 10px;}*/

.top-bar a {color: #fff;}

.far.fa-envelope {font-size: 16px;padding: 0px 3px;}

.top-bar .social-header {padding: 0 0 0 20px;}

.top-bar .social-header i {padding: 0px 7px;font-size: 18px;}

.logo-social-block{display: flex; justify-content: space-between;padding: 20px 30px;}

 

.logo img{max-width: 400px; height: auto; max-height: 80px;}



/*Social Icons*/

.social-icons{display: flex; align-items: center;}

.social-icons ul {display: flex; margin:0; }

.social-icons ul li {list-style: none;}

.social-icons ul li a {width: 48px;height: 48px;background-color: #eee;text-align: center;line-height: 48px;font-size: 18px;margin: 0 10px;

display: block;border-radius: 50%;position: relative;overflow: hidden;border: 1px solid #eee;z-index: 1; box-shadow: 1px 0px 20px rgba(221, 221, 221, 0.5);}

.social-icons ul li a .icon {position: relative;color: #000;transition: .5s;z-index: 3;}

.social-icons ul li a:hover .icon {color: #fff;transform: rotateY(360deg);}

.social-icons ul li a:before {content: "";position: absolute; top: 100%; left: 0;width: 100%;height: 100%;background: #f00;transition: .5s;z-index: 2;}

.social-icons ul li a:hover:before {top: 0;}

.social-icons ul li:nth-child(1) a:before{background: #3b5999;}

.social-icons ul li:nth-child(2) a:before{background: #55acee;}

.social-icons ul li:nth-child(3) a:before {background: #0077b5;}

.social-icons ul li:nth-child(4) a:before {background: #dd4b39;}



/*end*/





.main-navigation a {display: block;text-decoration: none;color: #fff;padding: 10px 20px;font-weight: 400;border-right: #ccc solid 1px;}

.main-navigation li:hover > a {color: #c4ad84; background: #fff;}

.main-navigation li a:hover {

	background: #fff;

	color: #c4ad84;

}

.contact-menu a {background: #c4ad84;border-radius: 3px;}

.main-navigation li.contact-menu.current_page_item a {color: #fff;}

.main-navigation .contact-menu a:hover{background: #fff;}



/*what's app web*/

#socialBar {width: 56px;height: 56px;overflow: hidden;margin: 0 auto;position: fixed;background-color: #009846;

border-radius: 50px;box-shadow: 0px 0px 15px 4px rgba(63, 81, 181, 0.3), 0px 4px 17px 10px rgba(63, 81, 181, 0.1);

transition: 0.225s ease-out;display: flex;z-index: 1111;bottom: 80px;float: right;right: 20px;transform: rotate(-90deg);}

.desk_none {display: block;}

.mob_none {display: none;}

#socialBar .fa {color: #fff;padding: 14px 13px;font-size: 28px;}

#shareBtn {transform: rotate(90deg);}



/*call modules*/



.pogoda-hld {position: fixed;right: 75px;bottom: 180px;z-index: 999;height: 55px;transition: right .4s ease 0;z-index: 9999;cursor: pointer;}

.pogoda-hld .info-btn.call-btn {border-radius: 50%;height: 55px;padding: 15px 15px;position: absolute;width: 55px;background: #009846;}



.info-btn.call-btn, .btn.gallery-btn, .btn.content-btn, #socialBar {-webkit-animation: dot-pulse-idle 4s cubic-bezier(.19, 1, .22, 1) infinite both;

animation: dot-pulse-idle 4s cubic-bezier(.19, 1, .22, 1) infinite both}

.call-btn i {color: #fff;font-size: 23px;line-height: 23px;}

@-webkit-keyframes dot-pulse-idle {

0% {box-shadow:0 0 0 0 #000}

50% {box-shadow:0 0 0 40px rgba(0,0,0,0)}

}

@keyframes dot-pulse-idle {

0% {box-shadow:0 0 0 0 #000}

50% {box-shadow:0 0 0 40px rgba(0,0,0,0)}

 } 

/*slider*/

.banner {width: 100%; position: relative;}

/*.banner .item::before {content: "";background: rgba(0,0,0,0.85);position: absolute;top: 0;left: -1px;width: 100%;

z-index: 1;height: 100%;z-index: 1;}*/



.owl-nav {

	position: absolute;

	z-index: 99999;

	top: 50%;

	width: 100%;

	height: 120px;

	transform: translateY(-50%);

}

.owl-next, .owl-prev {

	position: absolute;

	right: 0;

	width: 48px;

	height: 120px;

	background: rgba(0,0,0,0.3) !important;

	top: 0;

	color: #fff !important;

	font-size: 48px !important;

}

.owl-prev {

	left: 0;

	right: auto;

}

 

.banner-content h1, .banner-content p {/*max-width: 560px;*/ color: #fff; opacity: 1;}

.banner-content a {background: #c4ad84;color: #fff;padding: 10px 20px;border-radius: 3px;}

.banner-content a{margin: 15px 0 0; display: inline-block;}



.banner .theme-default .nivo-controlNav {text-align: center;padding: 10px 0;position: absolute;bottom: 0;z-index: 9;left: 0;right: 0;}

.flex-control-nav {position: absolute;bottom: -40px;text-align: center;right: 30px;top: 0;left: auto;width: 20px !important;

display: flex;flex-direction: column;align-items: center;height: 70px;}

.banner .flex-control-nav li {margin: 7px 0 !important;}

.flex-direction-nav {display: none;}

.flex-control-paging li a{background: rgba(255,255,255,.7) !important;}

.flex-control-paging li a.flex-active{background: rgb(255, 255, 255) !important;}



/*end*/

.banner-content {

	top: 50%;

	max-width: 700px;

	display: flex;

	 flex-direction: column; 
	align-items: flex-start;
	position: absolute;

	padding: 10px 10px 10px 100px;

	transform: translateY(-50%);

	z-index: 9;

	opacity: 0;

	margin-top: -80px;

	transition: all ease-in 0.5s;

	flex-wrap: wrap;

}

.owl-item.active .banner-content {

	margin: 0;

	opacity: 1;

}

.nivo-caption {

	top: 0px;

	opacity: 1 !important;

	padding: 0;

	background: rgb(0, 0, 0,0.8) !important;

	height: 100%;

}

.banner-content span {

	color: #c4ad84;

	font-size: 16px;

	padding: 0 0 10px;

	display: block;

	flex-basis: 100%;

	font-weight: 400;

}

.banner-content h1 strong {

	border-bottom: #c4ad84 solid 6px; font-weight: 700;

}

.banner-content h1 {
	color: #222;
	flex-basis: 100%;
	font-size: 36px;
	line-height: 1.2;
	padding: 0 0 10px;
	margin: 0;
}

.banner-content h1 span{color: #fff; font-size: 60px; padding: 0;}

.banner-content p {

	flex-basis: 100%;

	color: #666; padding: 0 0 20px;

}

.banner-content a {

	background: #c4ad84;

	padding: 10px 20px;

	margin: 0px 0 20px;

	display: flex;

}
.banner-bottom {
	display: flex;
	justify-content: space-between;
	text-align: center;
	padding: 20px 0 0;
}
.banner-bottom > div {
	padding: 0 10px;
	flex: 1;
}
.banner-bottom > div > span {
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	color: #ae853b;
}


 

/*----------------Accordion section css--------------------*/

.frequently-questions{width:100%; float:left; text-align:center; padding:0 0 55px 0; margin:0px;}

.frequently-questions h5{font-size:10px; color:rgba(0, 0, 0, 0.4); padding:45px 0 16px 0; margin:0px; font-weight:bold; text-transform:uppercase; letter-spacing:1px;}

.frequently-questions h2{font-size:34px; color:#003E6A; padding:0px; margin:0px; font-weight:600;}



.accordion-section{max-width:780px; margin:0px auto; border:solid #666 1px;}



.accordion {width:100%; overflow: hidden; margin: auto;}

.accordion .item .heading {

	height: 68px;

	font-weight: 500;

	line-height: 68px;

	font-size: 16px;

	cursor: pointer;

	color: #333333;

	padding-left: 20px;

	background: #f8f8f9 url('https://emfacee-engineering.com/wp-content/themes/emfacee-engineering/images/2arrow.png') no-repeat;

	background-position: right 19px top -86px;

	border-bottom: 1px solid #666;

	box-sizing: border-box;

}

.accordion-section .item {

	position: relative;

}

.accordion-section .item::before, .accordion-section .item.open::before {

	content: "\f067";

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

	font-size: 18px;

	color: #333;

	position: absolute;

	right: 20px;

	top: 20px;

}

.accordion-section .item.open::before{

	content: "\f068";

}

.accordion .item.open .heading,

.accordion .item:last-child .heading { border: 0; }

.accordion .item.open .heading {border-bottom: #666 solid 1px;   background: url('https://emfacee-engineering.com/wp-content/themes/emfacee-engineering/images/2arrow.png') no-repeat;   background-position: right 19px top 4px;}

.accordion .item .content {display: none !important;color: #000;padding: 27px 0 28px 18px;background: #fff;font-size: 14px;line-height: 32px;font-weight: 400;border-bottom: #666 solid 1px;}

.accordion .item.open .content {

	display: block !important;

}



 

.health-safety {

	display: flex;

	align-items: center;

	height: calc(100% - 84px);

}

.health-safety > div {

	background: #c4ad84;

	margin: 0 0 20px;

	height: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: all ease-in 0.3s;

}

.health-safety > div h3, .health-safety > div h3 a {

	color: #fff;

	font-weight: 400;

	text-align: center;

	padding: 0;

	cursor: pointer;

	display: block;

}

.health-safety > div:hover {

	background: #fff;

	border: #c4ad84 solid 1px;

	color: #c4ad84;

}

.health-safety > div:hover h3 a {

	color: #c4ad84;

}



/*----------------Accordion section css------end--------------*/



/*---------------Team Section-----------------*/

 

.team-section-home h2{padding:30px 30px; margin:0px; text-align:center; font-weight:600; font-size:44px; color:#000;}

.team-section h2 span, .team-section-home h2 span{color:#c4ad84;}

.team-section-home{padding: 0px 0 60px;}

.team-section-home p {padding: 0 0 40px;text-align: center;}

.team-desc .team-body p{text-align: left;}

/*-------------------Logo Slider---------------*/



.logo-slider {

	padding: 80px 0 110px;

	background: #f8f8f9 url('../images/client-bg.jpg') no-repeat;

	position: relative;

	/*margin: 60px 0 0 ;*/

 }

.logo-slider::before {

	content: "";

	background: rgba(255,255,255,0.9);

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 0;

}

.logo-slider h2 {

    color: #000;

    padding: 30px 30px;

margin: 0px;

text-align: center;

position: relative;

z-index: 2;

font-weight: 400;

font-size: 44px;

}



/*Team*/

.team-desc .team-body h4{padding: 0 0 5px; margin: 0; font-size: 18px; font-weight: 500;}



/*404 page*/

.error-404.not-found {text-align: center;}

.error-404.not-found {text-align: center;padding: 8%;}

.error-404.not-found h1 {font-size: 180px;font-weight: 900;position: relative;margin-bottom: 20px;padding-bottom: 20px;line-height: 0.8;}

.error-404.not-found h2 {text-transform: uppercase;color: #787878;font-size: 66px;margin-bottom: 20px;line-height: 1;}

.error-404.not-found p {font-size: 24px;margin-bottom: 20px;}

	



/*Footer*/

footer {background: #272727;padding: 30px 0 0px;color: #fff;line-height: 28px;font-size: 14px; 

	background: url(../images/f-bg.jpg) no-repeat 0 0; background-size: cover;}

footer h3 {color: #fff;font-size: 20px;font-weight: 500;padding: 0 0 15px;margin: 0Q;}

footer ul{list-style: none; padding: 0;}

footer p {line-height: 32px;}

footer a{color: #fff;}

footer a:hover{color: #c4ad84;}

.address-link ul li {display: flex;align-items: last baseline;}

footer span {    padding-right: 12px;}

.social-footer {padding: 10px 0;}

.social-footer i {font-size: 20px;margin: 0;padding: 0 15px 0 0;}

footer ul.quick-links{display: flex; flex-direction: column;}

.footer-copyright {display: flex;background: #000;padding: 15px;justify-content: space-between;}

.footer-links a {padding: 0 7px;}

.footer-copyright-text a{color: #c4ad84;}

.footer-copyright-text {text-align: right;}



/*Inner Pages*/

.inner-banner {position: relative;overflow: hidden;max-height: 300px;}

.inner-banner::before {content: "";background: rgba(0,0,0,0.8);width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.inner-banner-des {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: -70px auto 0;transform: translateY(50%);text-align: center;}

.inner-banner-des h1, .inner-banner-des a {color: #fff;padding: 0 0 10px;}

.breadcrum{font-size: 14px;}

.breadcrum span:first-child::after {content: ": :";color: #fff;font-size: 20px;line-height: 8px;padding: 0 10px 0 14px;font-weight: bold;}



/*about*/

.detect-gas-block {

	padding: 0 0 40px;

}

.operation-maintenace-block{display: flex; flex-direction: column;}

.odd-even-rows > :nth-child(2n+1) > div:first-child {order: 2;}

.operation-maintenace-block > div:nth-child(2n+1) > div:nth-last-child(2) {

	order: 1;

}

.operation-maintenace-block > div:nth-child(2n+1) > div:first-child {

	order: 2;

}

.odd-even-rows-large .row {

	align-items: flex-start !important;

}

/*.operation-maintenace-block div > :nth-child(2n+1) > div:nth-last-child(2){order: 1;}*/

.pb-60{padding-bottom: 60px;}

.aboput-img img, .inner-page img {

	padding: 5px;

	border: #ddd solid 1px;

	box-shadow: #ddd 3px 3px 26px;

}

.inner-page li {

	padding: 0 0 15px;

}

.inner-page ul {

	padding: 0 0 0 15px;

	margin: 0;

}



 

/*inner page */

.safery-cng-points {

	background: #c4ad84 url(../images/banner2.jpg) no-repeat 0 0;

	padding: 30px;

	border-radius: 5px;

	position: relative;

	margin: 0 0 30px;

}

.safery-cng-points::before {

	content: "";

	background: rgba(0,0,0,0.85);

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	z-index: 0;

	border-radius: 5px;

}

.safery-cng-points h3, .safery-cng-points p, .safery-cng-points li {

	color: #fff;position: relative;

}

 

.safery-cng-points h3 {

	color: #c4ad84;

	font-weight: 700;

}

.inner-page .detect-gas-block img {

	padding: ;

	padding: 0;

	box-shadow: none;

	border: 0;

	max-width: 140px;

}

.inner-page .detect-gas-block h3{padding: 0 0 10px;}







/*Book Apoontment*/

.book-an-appointment p {width: 100%;padding: 0 0 10px;}



.book-an-appointment label {font-size: 16px;color: #000;font-weight: 400;padding: 0 0 10px;}

.book-an-appointment label, .book-an-appointment input, .book-an-appointment textarea {width: 100%;}

.book-an-appointment input, .book-an-appointment textarea {border: #ddd solid 1px;margin: 7px 0 0;min-height: 46px;}

.book-an-appointment textarea {height: 160px;resize: none;}

.book-an-appointment input[type="submit"], .contact-form input[type="submit"]  {width: auto;padding: 12px 20px;

border-radius: 5px;color: #fff;font-size: 16px;border: 0;background: #c4ad84;float: right;}



/*contact us*/

.address {display: flex;background: #c4ad84;color: #fff;margin-bottom: 40px;border-radius: 3px;}

.address > div {padding: 30px; width: 50%;}

.address a, .address h3 {color: #fff;font-weight: 400;}

.map{width: 100%;padding: 5px;border: #ddd solid 1px;}

.map iframe {width: 100%;height: 380px;}

.contact-form {box-shadow: 0 0 10px 0 rgb(43 52 59 / 5%);padding: 20px 20px 10px;background: #eee;}

.contact-form form p {padding: 0 0 10px;display: flex;flex: 1}	

.contact-form label {font-size: 14px;color: #000;font-weight: 400;}

.contact-form input, .contact-form textarea {width: 100%;border: #ddd solid 1px;min-height: 42px;margin: 7px 0 0;}

.contact-form textarea{height: 120px; resize: none;	}

.contact-form p {padding: 0 0 30px;font-size: 14px;line-height: 20px;font-weight: 400;}	

.contact-form h3 {font-size: 22px;font-weight: 400;padding: 0 0 10px;}

.address p {

	display: flex;

	padding: 0 0 10px;

}

.address p i {

	padding: 5px 12px 0 0;

}

/*career page*/

.career-form ul {

	padding: 0;

	margin: 0;

	list-style: none;

	display: flex;

	flex-wrap: wrap;

}

.career-form ul li {

	width: 50%;

	padding: 0 30px 15px 0;

}

.career-form ul li.textarea-field{width: 100%;}

.career-form input, .career-form select, .career-form textarea {

	width: 100%;

	resize: none;

	padding: 14px 15px;

	border: #ddd solid 1px;

/*	box-shadow: #ddd 3px 4px 26px;*/

	font-size: 14px;

	color: #666;

}

.career-form textarea{height: 100px;}

.wpcf7-form-control.wpcf7-submit {

	width: auto;

	padding: 12px 25px;

	background: #c4ad84;

	color: #fff;

	font-size: 18px;

	border-radius: 3px;

	border: #c4ad84 solid 1px;

	margin-top: 20px;

	float: ;

}

.box {

	height: 160px;

	display: flex;

	align-items: center;

	box-shadow: #ddd 3px 4px 26px;

	padding: 30px;

	text-align: center;

	background: #fff;

	border: #c4ad84 solid 1px;

	transition: all ease-in 0.3s;

}

.box h3 {

	font-size: 22px;

	line-height: 36px;

	color: #c4ad84;

	max-width: 300px;

}

.box:hover {

	background: #c4ad84;

	color: #fff;

	border: #c4ad84 solid 1px;

}

.box:hover h3 {

	color: #fff;

}

/*-------------- Service Page--------------*/
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	/*max-width: 1000px;*/
	list-style: none;
	text-align: center;
}
 .grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	/*max-width: 480px;*/
	max-height: 360px;
	width: 48%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

figure.effect-ming {
	background: #030c17;
}
figure.effect-ming img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
	padding: 0;
	border: 0;
	box-shadow: none;
}
.grid figure figcaption, .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-ming figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
}
.grid figure figcaption::before, .grid figure figcaption::after {
	pointer-events: none;
}
figure.effect-ming h2 {
	margin: 8% 0 0px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	color: #fff;
	font-size: 32px;
	font-weight: 500;
	padding-bottom: 0;
	line-height: 1.5;
}
.grid figure h2 span {
	font-weight: 800;
}
.effect-ming.full-width {
	width: 98%;
}
figure.effect-ming p {
	padding: 1em;
	opacity: 0;
	padding-top: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}
.grid figure p {
	letter-spacing: 0;
	font-size: 16px;
	text-transform: none;
	line-height: 1.6;
}
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid figure figcaption, .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.effect-ming:hover figcaption {
	background-color: rgba(58,52,42,0);
}
figure.effect-ming:hover h2 {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
figure.effect-ming:hover figcaption::before, figure.effect-ming:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
/*-------------product line-------------*/
body.page-template-template-partspage-productline-php {
	background: #f5fafd;
}
.product-line-landing h3 {
	text-align: center;
	padding: 20px 20px 40px;
}
.product-line-landing a {
	display: block;
	position: relative;
}
.product-line-landing a::before {
	background: rgba(0,0,0,0.7);
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	content: "";
	position: absolute;
	opacity: 0;
	transition: all ease-in 0.3s;
	left: 6px;
	top: 6px;
}
.product-line-landing a:hover::before {
	opacity: 1;
}
.product-line-landing img {
	width: 100%;
	height: 356px;
	object-fit: cover;
}	

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

	.mob_none{

display: none;

}

.desk_none{

  display: block;

}

}