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


@media only screen and (max-width: 320px)
{
.fill {height: 294px;}
.fill-1 { height: 294px;}
.fill-2 {  height: 294px;}
.fill-3 {height: 294px;}
.carousel-caption {  top: 32%;}
.about-left p { font-size: 15px; text-align: justify; margin-top: 40px; margin-bottom: 37px; width: 95%;}
.about-left h2 {font-weight: 600;font-size: 24px;}
.mid-section-1 h2 {font-size: 24px;}
.tading-off h2 {font-weight: 600; text-align: center; margin-top: 22px; margin-bottom: 18px; font-size: 20px;}
.main-footer ul {margin-bottom: 20px;margin-left: -35px;}
.main-footer li { display: inline-block; margin-right: 12px !important; font-size: 13px !important;}
.phone { margin-top: 0 !important;position: relative;float: right;}
.left-phone p {font-size: 12px;}
.right-phone p {font-size: 13px;}
.carousel-caption h3 {font-size: 19px; color: #2c2b2b;}
.mid-section-3 { margin-top: 40px; margin-bottom: 0px;}
.mid-section-6 p {font-size: 13px !important; margin-top: 7% !important; line-height: 23px;}
p.industial-solution {font-size: 16px !important; margin-top: 10px;}
.contact-right { margin-top: 5px; margin-bottom: 14px !important;}
.left-phone p::before { content: '';background: url(../images/circle.png); width: 32px; height: 32px;background-repeat: no-repeat; top: -3px;left: 0;position: absolute;}
.products-img {border-right:none;  width: 100%; float: left; text-align: center;margin-bottom:20px;}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev, #wowslider-container1 .ws_playpause {
position: absolute;  bottom: 51px; z-index: 60;  color: #FFFFFF; overflow: hidden;background-image: url("../images/arrows.png");}
.navbar-default .navbar-nav > li {border-left: none; border-right: none;}
.navbar-nav > li > ul::before {content: "";  position: absolute; display: none;}
.navbar-default .navbar-nav li a { color: #000; text-transform: uppercase; font-size: 14px;font-weight: bold;}
.main-header { width: 100%; float: left; margin-top: 20px; background: transparent;}
.page-title .pull-left { float: none; width: 100%; text-align: center;}
.page-title .pull-right { float: none; width: 100%; text-align: center;}
.page-title {background: #eee; padding: 4px 0px;}
.page-title h1 {color: #202020; margin: 0; font-size: 19px; line-height: 35px;}
.breadcrumb { padding: 5px 11px; margin-bottom: 10px; list-style: none; background-color: #6d929b;border-radius: 4px;}
.home-middle-fill-data2 ul li { width: 100%;list-style-type: none; float: left; margin: 0 0 12px 0;}
.event-bottom span { width: auto;}
.btm-map-wrap { display: none;}
.btm-map-mobile{width:100%; margin: 0 auto;display: block;}
.btm-map-mobile img{width:100%; margin: 0 auto;}
.pro-bottom { margin-bottom: 0;}
img#refresh { bottom: 106px;}
.mid-section-6 {padding: 4px !important;}
.mid-section-1 p { font-size: 17px;}
.home-middle-fill-data2 ul li.solarbox { width: 100% !important;}
.visiontop{margin-top: 25px;}
}



@media only screen and (min-width: 321px) and (max-width: 480px) 
{
.navbar-toggle { margin-right: -12px;}
.about-left img {margin-top: 15px; width: 100%;}	
.tading-off p { text-align: center;margin-bottom: 15px;}
.mid-section-1 { padding: 10px 0px 10px 0px;}
.mid-section-1 h2 { font-size: 24px;}
.mid-section-3 { margin-top: 25px;margin-bottom: 0px;}
.tading-off h2 { margin-top: 25px;   margin-bottom: 25px;   font-size: 23px;}
.about-left { margin-bottom: 25px !important;}
p.industial-solution {font-size: 19px !important;}
.main-footer p {font-size: 12px !important;}
.main-footer li { margin-right: 20px !important; font-size: 13px !important;}
.carousel-caption h3 {font-size: 21px;}
.fill { height: 340px;}
.fill-1 { height: 340px;}
.fill-2 { height: 340px;}
.fill-3 { height: 340px;}
.phone { margin-top: 15px !important;}
.icon-next1 img {width: 87%;}
button.btn-default { width: 33%; padding: 5px 0px 5px 0px;margin-top: 20px;}
.line h2:after { display:none;}
span.icon-next1 {position: absolute; top: 47%;z-index: 5; display: inline-block; margin-top: -10px;left: 0px;}
.products-img { border-right:none;  width: 100%; float: left;text-align: center;margin-bottom:20px;}
.mid-section-6 p { color: #fff; font-size: 16px; font-weight: 400; text-align: center; margin-top: 18%; line-height: 23px;}
.contact-right { float: left; margin-top: 7px; margin-bottom: 10px;}
p.industial-solution { color: #fff; font-size: 16px; margin-top: 10px;}
.main-footer ul {margin-bottom: 20px; margin-left: -50px;}
.main-footer li { display: inline-block; margin-right: 8px; font-size: 15px;}
.left-logo {margin-top: 15px; text-align: center;}
.products-img {border-right:none;  width: 100%; float: left; text-align: center;margin-bottom:20px; border-bottom: 1px solid #ccc;}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev, #wowslider-container1 .ws_playpause {
position: absolute;  bottom: 43px; z-index: 60;  color: #FFFFFF; overflow: hidden;background-image: url("../images/arrows.png");}
.navbar-default .navbar-nav > li {border-left: none; border-right: none;}
.navbar-nav > li > ul::before {content: "";  position: absolute; display: none;}
.navbar-default .navbar-nav li a { color: #000; text-transform: uppercase; font-size: 14px;font-weight: bold;}
.main-header { width: 100%; float: left; margin-top: 20px; background: transparent;}
.page-title .pull-left { float: none; width: 100%; text-align: center;}
.page-title .pull-right { float: none; width: 100%; text-align: center;}
.page-title {background: #eee; padding: 4px 0px;}
.page-title h1 {color: #202020; margin: 0; font-size: 19px; line-height: 35px;}
.breadcrumb { padding: 5px 11px; margin-bottom: 10px; list-style: none; background-color: #6d929b;border-radius: 4px;}
.home-middle-fill-data2 ul li { width: 100%;list-style-type: none; float: left; margin: 0 0 12px 0;}
.event-bottom span { width: auto;}
.btm-map-wrap { display: none;}
.btm-map-mobile{width:100%; margin: 0 auto;}
.btm-map-mobile img{width:100%; margin: 0 auto;}
.pro-bottom { margin-bottom: 0;}
img#refresh { bottom: 106px;}
.mid-section-6 {padding: 4px !important;}
.mid-section-1 p { font-size: 17px;}
.home-middle-fill-data2 ul li.solarbox { width: 100% !important;}
.visiontop{margin-top: 25px;}
}

@media only screen and (min-width: 481px) and (max-width: 767px) 
{
.mid-section-6 {padding: 0 !important;}
.mid-section-6 p { color: #fff; font-size: 16px; font-weight: 400; text-align: center; margin-top: 7%; line-height: 23px;}
p.industial-solution { color: #fff; font-size: 21px; margin-top: 10px;}
.main-footer ul { margin-bottom: 20px; margin-left: -11px;}
.main-footer p {margin-bottom: 20px; font-size: 12px;}
.contact-right {float: left; margin-top: 5px; margin-bottom: 20px;}
.main-footer li {display: inline-block; margin-right: 17px; font-size: 15px;}
.products-img {border-right:none;  width: 48%; float: left; text-align: center;margin-bottom:20px;}
.line h2:after { display:none;}
.phone { margin-top: -41px;position: relative;float: right;}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev, #wowslider-container1 .ws_playpause {
position: absolute;  bottom: 51px; z-index: 60;  color: #FFFFFF; overflow: hidden;background-image: url("../images/arrows.png");}
.navbar-default .navbar-nav > li {border-left: none; border-right: none;}
.navbar-nav > li > ul::before {content: "";  position: absolute; display: none;}
.navbar-default .navbar-nav li a { color: #000; text-transform: uppercase; font-size: 14px;font-weight: bold;}
.main-header { width: 100%; float: left; margin-top: 20px; background: transparent;}
.page-title .pull-left { float: none; width: 100%; text-align: center;}
.page-title .pull-right { float: none; width: 100%; text-align: center;}
.page-title {background: #eee; padding: 4px 0px;}
.page-title h1 {color: #202020; margin: 0; font-size: 19px; line-height: 35px;}
.breadcrumb { padding: 5px 11px; margin-bottom: 10px; list-style: none; background-color: #6d929b;border-radius: 4px;}
.home-middle-fill-data2 ul li { width: 100%;list-style-type: none; float: left; margin: 0 0 12px 0;}
.event-bottom span { width: auto;}
.btm-map-wrap { display: none;}
.btm-map-mobile{width:100%; margin: 0 auto;display: block;}
.btm-map-mobile img{width:100%; margin: 0 auto;}
.pro-bottom { margin-bottom: 0;}
img#refresh { bottom: 106px;}
.mid-section-6 {padding: 4px !important;}
.mid-section-1 p { font-size: 17px;}
.home-middle-fill-data2 ul li.solarbox { width: 100% !important;}
.visiontop{margin-top: 25px;}
	
}



@media only screen and (min-width: 790px) and (max-width: 821px) 
{
.phone { margin-top: -51px; position: relative; float: right;}	
.mid-section-6 p {color: #fff;font-size: 16px;font-weight: 400;text-align: center;margin-top: 9%; line-height: 23px;}
.mid-section-6 { height: 197px;}
.line h2:after { display:none;}
.contact-right {float: right; margin-top: 27px;}
.main-footer li {display: inline-block;margin-right: 53px;font-size: 15px;}
.navbar-nav > li > ul::before {content: "";  position: absolute; display: none;}
.navbar-default .navbar-nav li a { color: #000; text-transform: uppercase; font-size: 14px;font-weight: bold;}
.main-header { width: 100%; float: left; margin-top: 20px; background: transparent;}
.page-title .pull-left { float: none; width: 100%; text-align: center;}
.page-title .pull-right { float: none; width: 100%; text-align: center;}
.page-title {background: #eee; padding: 4px 0px;}
.page-title h1 {color: #202020; margin: 0; font-size: 19px; line-height: 35px;}
.breadcrumb { padding: 5px 11px; margin-bottom: 10px; list-style: none; background-color: #6d929b;border-radius: 4px;}
.home-middle-fill-data2 ul li { width: 100%;list-style-type: none; float: left; margin: 0 0 12px 0;}
.event-bottom span { width: auto;}
.btm-map-wrap { display: none;}
.btm-map-mobile{width:100%; margin: 0 auto;display: block;}
.btm-map-mobile img{width:100%; margin: 0 auto;}
.pro-bottom { margin-bottom: 0;}
.mid-section-6 {padding: 4px !important;}
.mid-section-1 p { font-size: 19px;}
.home-middle-fill-data2 ul li.solarbox { width: 100% !important;}
	.btm-map-mobile{
	display: none;
}
}



@media only screen and (min-width: 768px) and (max-width: 1024px) {
.line h2:after { left: 233px;}
p.industial-solution { font-size: 21px;}
.contact-right {margin-top: 10px;}
.navbar-nav > li > ul::before {content: "";  position: absolute; display: none;}
	.btm-map-mobile{
	display: none;
}
}