@charset "utf-8";

/*=========== POWERED BY MERIDIAN IT SOLUTIONS ============*/

/*************** DEFAULT CSS ***************/
body{
 	font-family: 'Poppins', sans-serif;
	font-size:16px;
	font-style: normal;
	line-height:24px;
	font-weight:400;
	color:#161522;
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	
}
* {
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    box-sizing: border-box;
}
::selection {
    background: #fff; /* Safari */
	color:#000;
        }
::-moz-selection {
    background: #fff; /* Firefox */
	color:#000;
}
a {
	color:#E3170A;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	a:hover {
	color: #355070;
    }
p {
	margin:0 0 30px 0;
	clear:left;
	padding:0;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	}	
hr {
	margin:40px  0 60px 0;
	height:1px;
	border:0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	float:left;
	width:100%;
	position:relative;
}
img {
	border: 0;
	border-radius: 10px;
}	
a img {
	border: 0;
	}

/*************** PRELOADER ***************/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
}
#status {
	width:219px;
	height:55px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../../../uploads/sr-energy-logo-1.png); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-27.5px 0 0 -109.5px; /* is width and height divided by two */
}

/*************** BACK TO TOP ***************/
#fixed-bar {
    z-index: 100;
	width:40px;
	height:40px;
	position:absolute;
	bottom:80px;
	right:20px;
	margin-bottom:5px;
	background-color:#E3170A;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
}
#fixed-bar a {
	width:40px;
	height:40px;
	float:right;
	display:block;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	background-position: center center;
	/*border:2px solid #5b5a57;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
	text-indent:-9999px;
}
#fixed-bar a:hover {}		
	
/*************** COLUMS AND ROWS ***************/
main{
    position:relative;
	}
row{
	width:100%;
	display:block;
	float:left;
	margin:0 0 30px 0;
	padding:0;
}
clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}
.container{
	width:1180px;
	margin:0 auto;
}
.fullwidth{
	width:100%;
	display:block;
}
clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}
.two-col{
	width: 46%;
    float: left;
    margin-right: 8%;
}
.three-col{
	width:30%;
	float:left;
	margin-right:5%;
}
.four-col{
	width:22%;
	float:left;
	margin-right:4%;
}
.last{
	margin-right:0 !important;
}
section {
	width: 100%;
	float: left;
	position: relative;
}
aside {
	width: 30%;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden !important;
	border-radius: 10px !important;
}
summary {
    width: 70%;
    float: right;
    margin: 0;
    padding: 0;
}
.list, .list1{
	float:left; 
	width:100%;
	padding:0;
	margin:0 0 25px 0;
	}
.list li, .list1 li{
	float:left; 
	width:100%;
	list-style:none;
	margin:0 0 10px;
	}

.list li a, .list1 li{
	float:left;
	width:100%;
	background-image:url(../images/list.png);
	background-position: top 5px left;
	background-repeat:no-repeat;
	padding: 0 0 0 20px;
	color:#161522;
	}	
.list li a:hover{
	color:#E3170A;
	}	
	
	
/*************** HOME PAGE CSS ***************/
header{ float:left; width:100%; top:-200px; transition: all 600ms ease-in-out; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;}
.top-header {
	float: left;
	width: 100%;
	background-color: #355070;
	position: relative;
}
	.top-header:after {
		position: absolute;
		content: '';
		right: 0px;
		top: 0px;
		width: 20%;
		height: 100%;
		background-color: #355070;
		z-index: 0;
	}
.top-left{float:left;margin-top:14px;}
.top-left span{ float:left; margin-right:20px;}
.top-left span a{ float:left; color:#fff; font-size:12px;}
	.top-left span i {
		color: #E3170A;
		font-size: 16px;
		float: left;
		margin: 3px 10px 0 0;
	}
social {
	float: right;
	background-color: #355070;
	padding: 12px 0px 12px 15px;
	position: relative;
	z-index: 1;
}
	social:after {
		content: '';
		position: absolute;
		top: 0px;
		left: -29px;
		width: 30px;
		height: 100%;
		background-color: #355070;
		-webkit-clip-path: polygon(100% 100%, 100% 0%, 0% 0%);
		clip-path: polygon(100% 100%, 100% 0%, 0% 0%);
		z-index: 0;
	}
social a{display:inline-block;margin: 0 6px;color: #fff;font-size: 13px;}
.bottom-header{ float:left; width:100%;}
.logo{ float:left; padding:14px 0px 10px;}
.menu-right{ float:right;}
.menu{ float:left; margin-top:20px;}
.rqust-a-quote.html{ float:left;}
.rqust-a-quote{float:right;background-color:#355070;padding: 10px 26px 7px;color:#fff;font-size:13px;font-weight:600;border-radius: 50px;text-transform: uppercase;margin-top:22px;margin-left: 8px;}
.rqust-a-quote:hover{ background-color:#E3170A; color:#fff;}
.intro{background-image:url(../images/intro-bg.png);background-position: top -80px left 15%;padding:80px 0;background-size:contain;background-repeat: no-repeat;}
.intro-sm{float:left;width: 27%;}
.intro-big{float:left;width:40%;padding-right: 30px;border-right: 1px solid #aaaaaa;margin-right: 5%;}
.heading{float:left;width:100%;font-size:40px;font-weight:700;line-height:42px;position:relative;padding-bottom:22px;margin-bottom: 40px;}
.heading:after{ position:absolute; content:''; left:0px; bottom:0px; width:33px; height:4px; background-color:#E3170A;} 
.managing-img img{ max-width:100%;}
.font-20{ font-size:20px; line-height:30px;}
.read-more{}
.read-more a{display:inline-block;background-color:#E3170A;padding: 10px 61px 10px 30px;background-image:url(../images/icons/arrow-right.png);background-repeat:no-repeat;background-position:right 30px center;color: #fff;text-transform: uppercase;border-radius: 50px;}
.read-more a:hover{ background-color:#355070;}
.name{ float:left; width:100%; font-size:14px; margin-bottom:0px;}
.name span{ font-weight:700; font-size:16px;}
.divisions {
	background-color: #355070;
	padding: 100px 0px;
	color: #fff;
}
.division-left{float:left;width: 30%;margin-right: 2%;}
.network{font-weight:700;text-transform:uppercase;background-image:url(../images/icons/network.png);background-position:left center;background-repeat:no-repeat;padding: 30px 0px 30px 100px;font-size: 14px;}
.net-map img{ max-width:100%;}
.division-right{ float:left; width: 68%;}
.division-cnt{ float:left; width:100%;}
.division-cnt h3{ font-size:20px; font-weight:600; float:left; width:100%;}
.products{ padding:80px 0px 140px;}
.pro-wrap {
	float: left;
	width: 31%;
	margin: 0 3% 35px 0;
	position: relative;
	line-height: 0px;
	overflow: hidden;
	border-radius: 10px;
}
.pro-wrap a{float:left;width:100%;position: relative;}
.pro-wrap a:after{ position:absolute; content:''; width:100%; height:35%; left:0px; bottom:0px; 
background: -moz-linear-gradient(top, rgba(22,21,34,0) 0%, rgba(22,21,34,0.84) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(22,21,34,0) 0%,rgba(22,21,34,0.84) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(22,21,34,0) 0%,rgba(22,21,34,0.84) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00161522', endColorstr='#a6161522',GradientType=0 ); /* IE6-9 */}
.pro-wrap a h3{position:absolute;left: 30px;bottom: 30px;color:#fff;font-size:22px;font-weight:700;z-index:1;margin-bottom: 0px;line-height: 24px; text-transform:uppercase;}
.pro-wrap a img{ width:100%; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out;	transition: all 300ms ease-in-out;}
.pro-wrap:hover a img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.interesting-facts{ padding:0 0 100px; background-image:url(../images/bg1.jpg); background-repeat:no-repeat; background-position:center;}
.interesting-facts:after{ position:absolute; content:''; width:100%; height:100%; left:0px; top:0px; background-color:#161522d9; z-index:0;}
.hm-cnt-detail{ float:left; width:100%; padding:0 100px; position:relative; z-index:1; margin:-70px 0 100px;}
.cnt-half {
	height:200px!important;
	float: left;
	width: 50%;
	border-radius: 10px;
	background-color: #355070;
	padding: 55px 30px 55px 120px;
	position: relative;
}
.call, .ftr-mail{position:absolute;left: 30px;top: 50px;width:68px;height:68px;background-color:#fff;background-image:url(../images/icons/call.png);background-position:center;background-repeat:no-repeat;border-radius: 50%;}
.ftr-mail{ background-image:url(../images/icons/mail.png);}
.black-bg {
	background-color: #355070;
	border-radius: 10px;
}
.cnt-half h5{ color:#fff; font-size:16px; font-weight:500; margin-bottom:10px;}
.cnt-half h4{ color:#fff; font-size:22px; font-weight:700; margin-bottom:0px;}
.cnt-half a{ color:#fff;}
.counter-wrap{ float:left; width:100%; position:relative; z-index:1;}
.counter-wrap h3{ font-size:40px; float:left; width:100%; text-align:center; color:#fff; font-weight:700; margin-bottom:60px; line-height:normal;}
.counter-box h4{ font-size: 16px; font-weight: 500; line-height: 22px; margin-bottom: 10px;}
footer{ float:left; width:100%; padding:80px 0px 0;}
.ftr-col{ float:left; width:25%; margin:0 5% 25px 0;}
.ftr-col h2{ float:left; width:100%; position:relative; font-size:22px; font-weight:600; border-bottom:1px solid #adacb1; padding-bottom:20px;}
.ftr-col h2:after{ position:absolute; content:''; width:36px; height:3px; background-color:#E3170A; left:0px; bottom:-1px;}
.ftr-news{ float:left; width:100%;}
.ftr-news h3{position:relative;font-size:16px;font-weight:600;padding: 0 0 0 44px;margin-bottom: 10px;} 
.ftr-news h3 i{position:absolute;left:0px;top: 6px;font-size: 30px;color: #8f8e94;}
.ftr-map{ float:left; width:10%;}
.ftr-map a{width: 100px;height:100px;text-align:center;background-color: #E3170A;float: left;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
	.ftr-map a:hover {
		background-color: #355070;
	}
.copyright {
	float: left;
	width: 100%;
	background-color: #355070;
	padding: 30px 0px;
	text-align: center;
	margin-top: 30px;
}
.copyright p{ color:#a1a0a9; font-size:13px; margin-bottom:0px;}
.copyright p a{ color:#a1a0a9;}

/*************** INNER PAGE CSS ***************/
.pad{ padding:80px 0px 160px;}
.inner-bg{ background-image:url(../images/bg.jpg); background-position:top center; background-repeat:no-repeat;}
.inner-footer{ background-color:#f1f1f1;}
.inner-footer .hm-cnt-detail { margin: -160px 0 70px;}
.bredcrump{float:left;width:100%;text-align:center;margin-top: -143px;}
.bredcrump p{ margin-bottom:20px;}
.bredcrump .logo-icon{width: 130px;height: 130px;display:inline-block;background-color:#fff;border-radius:10%;-webkit-border-radius:10%;-moz-border-radius:10%;line-height: 163px;box-shadow: 0px 6px 20px #00000033;} 
.bredcrump h2{float:left;width:100%;text-align:center;font-weight:700;font-size: 40px;line-height: 42px;margin-bottom:50px;border-bottom: 1px solid #0000001f;padding-bottom: 25px;}
.bredcrump h5 { margin-bottom:5px; float:left; width:100%;}
.bredcrump h5 span, .bredcrump h5 a{ display: inline-block; color: #716f82; font-size: 12px; text-transform: uppercase;}
.pd-l-80{ padding-left:80px;}
.news-wrap{ float:left; width:100%; position:relative; margin-bottom:40px;}
.date{position:absolute;width: 70px;left:10px;top:10px;background-color: #E3170A;color:#fff;text-align:center; z-index:2;}
.month{float:left;width:100%;font-size: 24px;font-weight: 600;padding: 11px 10px 8px;}
.week{float:left;width:100%;font-size: 12px;text-transform: uppercase;padding: 8px 10px 5px;background-color: #2b2a3c;}
.news-img, .news-img img{ float:left; width:100%;}
.news-cnt{float:left;width:100%;padding: 30px;background-color: #ededed;}
.news-cnt h3{ font-size: 16px; color: #1f995a; border-bottom: 1px solid #d9d9d9; padding-bottom: 20px; margin-bottom: 26px;}
.detail-news-wrap{ float:left; width:100%; margin-bottom:40px;}
.news-detail-left{ float:left; width:40%;}
.news-detail-right{ float:left; width:60%; padding-left:30px}
.news-detail-right h4{font-size: 16px;color: #1f995a;margin-bottom: 10px;}
.news-detail-right h5{float:left;width:100%;border-bottom: 1px solid #d9d9d9;padding-bottom: 12px;margin-bottom: 26px;font-style: italic;}
.md-message{ float: left; width: 100%; padding: 50px;  background-color: #ffffff; box-shadow: 0px 8px 36px #00000029; -webkit-box-shadow: 0px 8px 36px #00000029; -moz-box-shadow: 0px 8px 36px #00000029;}
.product-inner {
	display: flex;
	flex-direction: row-reverse; /* image on right, text on left */
	align-items: flex-start;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
}

	.product-inner img.product-image {
		width: 40%; /* adjust as needed */
		height: auto;
		display: block;
	}

.pro-box {
	width: 50%; /* text width */
	padding: 20px;
	box-sizing: border-box;
	text-align:justify!important
}
.bg1{ background-image:url(../images/bg2.html);}

/*************** INNER BANNERS ***************/
.banner{ float:left; width:100%; height:300px; background-image:url(../images/1.jpg); background-position:top center; background-repeat:no-repeat; position:relative;}
.banner1{ background-image:url(../images/banner1.html);}

/*************** FIXED HEADER ***************/
header.smaller{ position: fixed; transition: all 600ms ease-in-out; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out; top: 0; z-index:9; background-color:#fff; box-shadow: 0px 2px 34px #00000040; -webkit-box-shadow: 0px 2px 34px #00000040; -moz-box-shadow: 0px 2px 34px #00000040;}
header.smaller .top-header{ display:none;}

/************counter***********/
.counter-box{
	width: 25%;
	display:inline-block;
	padding: 0 15px 20px;
	background-repeat: no-repeat;
	background-position: center top;
	text-transform:uppercase;
	position:relative;
	z-index:1;
	color:#fff;
	border-right: 2px solid #fff;
	margin-right: 0;
	text-align: center;
	float: left;
}
.counter, .ex{
	font-weight: 700;
	font-size: 54px;
	line-height:80px;
}
.counter-box .title{
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	padding: 0;
	line-height: 18px;
}
.last-cnt{ border-right:none;}

/*************** HOVER EFFECT ***************/
.hover-effect {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.hover-effect img {
	width: 100%;
	display: block;
	-moz-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	-webkit-transition: all 0.9s ease;
	transition: all 0.9s ease;
}
.hover-effect:hover img {
	-moz-transform: scale(1.4, 1.4);
	-ms-transform: scale(1.4, 1.4);
	-webkit-transform: scale(1.4, 1.4);
	transform: scale(1.4, 1.4);
}
.hover-effect:after {
	background: #E3170A;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	opacity: 0.7;
	-webkit-transform: skew(-45deg) scaleX(0);
	-ms-transform: skew(-45deg) scaleX(0);
	transform: skew(-45deg) scaleX(0);
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.hover-effect:hover:after {
	-webkit-transform: skew(-45deg) scaleX(1);
	-ms-transform: skew(-45deg) scaleX(1);
	transform: skew(-45deg) scaleX(1);
	-moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	opacity: 0.1;
}

/*************** PARALLAX ***************/
.jarallax {
    position: relative;
   background-repeat: no-repeat;
	background-position: center  center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}

/******************* Contact form *******************/
.adrs-main {
    float: left;
    width: 100%;
    /* background: #fff; */
    margin-bottom: 60px;
}
.adrs {
    float: left;
    width: 32%;
}
.adr-c {
    float: left;
    width: 100%;
    background: #355070;
    padding: 54px 30px 30px;
}
.icon_box {
    border-bottom: 1px solid #2d2d2d;
    padding-bottom: 7px;
    margin-bottom: 23px;
}
.icon_box i {
    float: left;
    margin: 0 20px 0 0;
    border: 2px solid #fff;
    padding: 8px;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.icon_box .descripion {
    display: block;
    overflow: hidden;
}
.icon_box .descripion h5 {
    font-size: 16px;
    margin: 0 0 4px 0;
    font-weight: 500;
    color: #ffffff;
    font-weight: 700;
    line-height: normal;
}
.icon_box .descripion a {
	color: #fff;
}
.icon_box p {
    margin: 0;
    padding-bottom: 6px;
    line-height: 25px;
    font-weight: 500;
    color: #fff;
}
.cnt-frm {
    float: right;
    width: 68%;
    padding: 0 90px 0;
}
.forminfull {
    width: 100%;
    float: left;
    position: relative;
    overflow: inherit!important;
    margin-bottom: 37px;
}
.wrap-input100 {
    width: 100%;
    position: relative;
    border-bottom: 2px solid #e5e5e5;
}
.input100 {
    font-size: 15px;
    color: #000;
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 45px;
    background: 0 0;
    padding: 0 5px;
}
.focus-input100 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}
.focus-input100::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    background: #bd9b56;
    background: -webkit-linear-gradient(left,#ab7229,#000);
    background: -o-linear-gradient(left,#ab7229,#000);
    background: -moz-linear-gradient(left,#ab7229,#000);
    background: linear-gradient(left,#ab7229,#000);
}
.focus-input100::after {
    font-size: 14px;
    color: #000;
    line-height: 1.2;
    content: attr(data-placeholder);
    display: block;
    width: 100%;
    position: absolute;
    top: 16px;
    left: 0;
    padding-left: 5px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
textarea {
    outline: 0;
    border: none;
    height: 80px!important;
}
.btn a.more2 {
    background: url(../images/oremore.html) #28a463 right 20px center no-repeat;
}
.btn a {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    background: url(../images/blackmore.html) #000 right 20px center no-repeat;
    padding: 12px 46px 12px 22px;
}
.btn a.more2:hover {
    background: url(../images/blackmore.html) #000 right 17px center no-repeat;
}

/**********forms**************/
form{
	margin:0;
	padding:0;
}
*:focus {  
	outline: none;
}
.fieldset{
	width:100%;
	height:auto;
	padding:8px 10px;
	background-color:none;
	background-color:transparent;
	display:block;
	border:1px solid rgba(255, 255, 255, 0.2);
	margin:0 0 10px 0;
	color:#fff;
	font-size:12px;
	float:left;
}
.sendbutton{
	width:auto;
	height:auto;
	border:0;
	outline:0;
	margin:0 5px 0 0;
	float:left;
	color:#fff;
	font-size: 16px;
	cursor:pointer;
	vertical-align:top;
	padding:10px 20px;
	text-align:center;
	background-color: #E3170A;
	text-transform:uppercase;
	font-weight: 600;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	    border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
	}
.sendbutton:hover{
	background-color: #355070;
	color:#fff;
	}
::-webkit-input-placeholder {
   color: #000 !important;
}
:-moz-placeholder { /* Firefox 18- */
   color: #000!important;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #000 !important;
}
:-ms-input-placeholder {  
   color: #000 !important;
}

/************************************* 1366px *************************************/
@media only screen and (max-width: 1366px) {
.top-header:after { width: 7%;}
}

/************************************* 1024px *************************************/
@media only screen and (max-width: 1024px) {
.menu-right { position: absolute; width: 100%; right: 0px; z-index: 4;}
.menu { width: 100%;}
.rqust-a-quote{ position: absolute; right: 10px;}
}

/************************************* 1180px *************************************/
@media only screen and (max-width: 1180px) {
.container{ width:96%;}
.hm-cnt-detail{ padding:0px;}
}

/************************************* 980px *************************************/
@media only screen and (max-width: 980px) {
.call, .ftr-mail { left: 15px;}
.cnt-half { padding: 55px 15px 55px 100px;}
.cnt-half h4 { font-size: 20px;}
.counter, .ex { font-size: 30px; line-height: 64px;}
.counter-box h4 { margin-bottom: 4px;}
}

/************************************* 800px *************************************/
@media only screen and (max-width: 800px) {
.top-left{ width:100%; text-align:center; padding:0 20px; margin-top: 9px;}
.top-left span{ float:none; display:inline-block;}
.top-left span a, .top-left span{ font-size: 11px; line-height:22px;}
social{ width:100%; text-align:center; padding: 4px 0px 2px;}
.top-header:after, social:after{ display:none;}
.top-header .container{ width:100%;}
.cnt-half { min-height: 193px;}
}

/************************************* 767px *************************************/
@media only screen and (max-width: 768px) {
	.product-inner {
		flex-direction: column; /* stack vertically */
		align-items: center; /* center content horizontally */
		padding: 10px;
	}

		.product-inner img.product-image {
			width: 80%; /* full width */
			margin-bottom: 15px;
		}

	.pro-box {
		width: 90%;
		padding: 10px;
	}
}
/************************************* 640px *************************************/
@media only screen and (max-width: 640px) {
.two-col, .three-col, .four-col, aside, summary, .intro-sm, .intro-big, .division-left, .division-right, .ftr-col, .news-detail-left, .news-detail-right{ width:100%; margin:0 0 25px 0; }
.news-detail-right{ padding-left:0px;}
.intro-sm{ margin-bottom:0px;}
.intro-big{ padding:0px;}
.intro { padding: 50px 0 40px;}
.divisions { padding: 70px 0px;}
.pro-wrap { width: 46%; margin: 0 2% 22px !important;}
.cnt-half { width: 100%; min-height:inherit;}
.counter-box{ border-right: none; border-bottom: 1px solid #fff; width: 100%; padding: 0px 0 30px; margin-bottom: 30px;}
.hm-cnt-detail{ margin:-70px 0 60px}
.counter-wrap h3 { margin-bottom: 40px;}
.last-cnt{ border-bottom:none; padding-bottom:0px; margin-bottom:0px;}
.top-left span { margin-right: 5px;}
.top-left span a { line-height: 16px;}
.top-left span i { margin: 0 10px 0 0; line-height: 16px;}
.banner { height: 190px; background-size: 1230px;}
.pd-l-80{ padding-left:0px;}

}

/************************************* 480px *************************************/
@media only screen and (max-width: 480px) {
.container{width:95%;}
.logo{ padding: 8px 0px 0px; width:100%; text-align:center;}
.logo img{ width: 160px;}
.menu-right { position: relative;}
.menu { background: #355070; margin:0px;}
.rqust-a-quote { left:0px; background-color: #E3170A; padding:14px 15px 10px; font-size: 12px; border-radius: 0; right:auto; margin:0px;}
.bottom-header .container{ width:100%;}
.pro-wrap a h3 { font-size: 18px;}
.pro-wrap { width: 48%; margin: 0 1% 10px !important;}
}

/************************************* 360px *************************************/
@media only screen and (max-width: 360px) {
.pro-wrap { width: 48%; margin: 0 1% 6px !important;}
}

/************************************* 320px *************************************/
@media only screen and (max-width: 320px) {

}