html,body,div,span,
h1,h2,h3,h4,h5,h6,
p,blockquote,q,em,img,small,strong,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend{border:0;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
:focus{outline:0}
input,textarea{margin:0;outline:0;}
textarea{overflow:auto; resize:none;}
table{border-collapse:collapse;border-spacing:0}
/* End Reset */
/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
/* Default Font Styles
______________________*/
body, input, select, textarea{
font-family: 'Roboto', sans-serif;
font-size:12px;
color:#000;
line-height:1.2;
}
*,
*:before,
*:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
/* p, blockquote, address
______________________*/
p{
margin-bottom: 20px;
color: #000;
line-height: 1.4;
font-size: 16px;
text-align: justify;
}
img{
max-width: 100%;
height: auto;
}
/* Lists
______________________*/
ul{
}
ul li{
}
ol{
}
ol li{
}
/* Headings
______________________*/
h1{
font-size: 35px;
}
h2{
font-size: 28px;
}
h3{
font-size: 23px;
}
h4{
font-size: 18px;
}
h5{
}
.active{
color: #febc1d !important;
}
/* Layout
______________________*/
.content-width{
width:1100px;
margin:0 auto;
}
/* Header
______________________*/
#header-wrap{
padding: 15px 15px 0;
}
#header{
}
#header-left{
float: left;
position: relative;
}
#header-left img{
width: 260px;
}
#header-left a{
text-decoration: none;
}
#header-right{
float: right;
margin-top: 13px;
}
#header-right li{
display: inline-block;
}
#header-right a{
text-decoration: none;
font-size: 18px;
color: #000;
margin-right: 22px;
-webkit-transition:0.9s;
}
#header-right a:hover{
color: #febc1d;
}
.menu-btn{
background: #febc1d;
padding: 5px;
border: none;
position: absolute;
right: 20px;
top: 50px;
display: none;
border-radius: 5px;
cursor: pointer;
}
.menu-btn i{
width: 30px;
margin:6px 0;
display: block;
border: 1px solid #fff;
}
/* Main Area
-------------------------------------- */
#flexslider-wrap{
}
.flexslider{
background: none !important;
border: none !important;
}
.flex-control-nav{
display: none;
}
.flex-control-paging li a {
display: none;
}
.flex-control-paging li a:hover{
background: #fff !important;
}
.flex-control-paging li a{
background: #fff !important;
}
.flex-control-paging li a.flex-active{
background: #fff !important;
}
.director-img img {
margin-top: 8px !important;
border-radius: 4px !important;
opacity: 0.8 !important;
}
.flex-direction-nav .flex-prev {
background: #fff;
border-radius: 100%;
padding: 3px;
width: 55px;
height: 52px;
text-align: center;
}
.flex-direction-nav .flex-next {
background: #fff;
border-radius: 100%;
padding: 3px;
width: 55px;
height: 52px;
}
.flex-control-nav{
display: block;
bottom: -30px !important;
}
.flex-control-paging li a.flex-active{
display: none;
}
.flex-control-paging li a{
display:block !important;
}
.flex-control-paging li a.flex-active{
background: #febc1d !important;
}
.flex-direction-nav a:before {
font-size: 0;
}
.flex-direction-nav a {
opacity: 0;
font-size: 0;
width: 65px;
height: 65px;
}
.flexslider {
margin: 0;
border: none;
background: none;
}
#main-wrap{
text-align: center;
padding:30px 15px 30px;
}
.vision-left{
float:left;
width: 500px;
}
.vision-left h3{
color: #0088cc;
margin-bottom: 10px;
}
.mission-right{
float:left;
width: 500px;
}
.mission-right h3{
color: #0088cc;
margin-bottom: 10px;
}
#about-wrap{
background: #f9f9f9;
padding:50px 15px;
}
.about-sec{
float: left;
width: 600px;
}
.about-sec h2{
color: #febc1d;
border-bottom: 2px solid #febc1d;
padding-bottom: 10px;
display: inline-block;
margin-bottom: 20px;
}
.about-sec a{
text-decoration: none;
font-size: 16px;
color: #fff;
}
.about-sec button{
border-radius: 4px;
padding: 10px 35px;
-webkit-transition:0.9s;
background: #000;
border:none;
}
.about-sec button:hover{
background-color: #febc1d;
}
.about-img{
float: right;
width: 450px;
margin-top: 50px;
}
.sliders-sec li a{
color:#fff;
text-decoration: none;
font-size: 15px;
font-weight: normal;
font-style: italic;
}
.about-img img{
width: 100%;
height: 300px;
border: 2px solid #eee;
border-radius: 4px;
}
.sliders-sec img:hover{
opacity: 0.9;
}
#brand-wrap{
padding:50px 15px;
}
.brand-img{
float: left;
width: 450px;
margin-top: 30px;
}
.brand-img img{
width: 100%;
height: auto;
border-radius: 4px;
}
.brand-sec{
float: right;
width: 600px;
margin-top: 80px;
}
.brand-sec h2{
color: #febc1d;
border-bottom: 2px solid #febc1d;
padding-bottom: 10px;
display: inline-block;
margin-bottom: 20px;
}
#director-wrap{
padding:70px 0 30px;
}
.director-left{
float: right;
width: 690px;
margin-bottom: 90px;
}
.director-left h2{
color: #0088cc;
border-bottom: 2px solid #0088cc;
padding-bottom: 8px;
margin-bottom: 20px;
display: inline-block;
}
.director-left p{
margin-bottom: 10px;
}
.director-left i{
display: block;
font-size: 16px;
margin-bottom: 15px;
}
.director-img{
float: left;
margin-top: 10px;
width: 368px;
}
.director-img img{
margin-top: 8px;
border-radius: 4px;
opacity: 0.6;
}
#none-wrap{
background: #f9f9f9;
padding:50px 15px;
margin-top: 50px;
}
.manager{
float: left;
width: 550px;
}
.manager h2{
color: #0088cc;
border-bottom: 2px solid #0088cc;
padding-bottom: 8px;
margin-bottom: 20px;
display: inline-block;
}
.manager p{
margin-bottom: 10px;
}
.manager i{
display: block;
font-size: 16px;
margin-bottom: 15px;
}
.director-img-right{
float: right;
width: 420px;
opacity: 0.8;
margin-bottom: 50px;
}
#caresoul-slider{
margin-top: 30px;
padding:50px 15px 70px;
background: url(../images/bg1.png);
}
.sliders-sec{
text-align: center;
float: left;
width: 220px;
}
.sliders-sec li{
display: inline-block;
}
#team-wrap{
margin:30px 15px 0px;
padding:70px 15px 10px;
background: #f9f9f9;
}
.team-title{
text-align: center;
margin-bottom: 30px;
}
.team-title h2{
color: #000;
font-size: 24px;
font-weight: normal;
}
.team-members{
float: left;
width: 250px;
margin-right: 10px;
text-align: center;
margin:0 25px 80px 0;
border:1px solid #ccc;
border-radius: 3px;
padding: 5px 5px 15px;
}
.team-members:last-child{
margin-right: 0;
}
.team-members img{
width: 100%;
margin-bottom: 10px;
border-radius: 2px;
}
.team-members img:hover{
opacity: 0.5;
}
.team-members p{
font-size: 12px;
color: #000;
line-height: 1.4;
font-size: 16px;
margin-bottom: 15px;
}
.team-members i{
font-size: 18px;
background: #000;
padding: 10px;
color: #fff;
border-radius: 100%;
margin-right:6px;
}
.team-members i:hover{
background: #febc1d;
}
.absolute img{
width: 100%;
height: 250px;
}
.absolute{
position: relative;
}
.absolute span{
color: #fff;
background: #febc1d;
font-size: 15px;
padding: 5px 12px;
display: block;
position: absolute;
left: 0px;
top: 150px;
}
.absolute span:hover{
background:#0088cc;
}
#product-wrap{
padding: 50px 15px 30px;
}
.product-sec-left{
float: left;
width: 500px;
}
.product-sec-left img{
width: 100%;
height: 326px;
}
.product-sec-right img{
width: 100%;
height: 326px;
}
.product-sec-left h3{
margin: 20px 0 10px;
}
.product-sec-right{
float:right;
width: 500px;
}
.product-sec-right p > span{
background: #0088cc;
padding: 6px 14px;
color: #fff;
display: inline-block;
}
.product-sec-right h3{
margin: 20px 0 10px;
}
#office-wrap{
margin: 50px 0 30px;
background: url(../images/bg.png);
padding:50px 15px;
}
.office-left{
float: left;
width: 600px;
}
.office-left p{
color: #fff;
}
.office-left h3{
color: #fff;
margin-bottom: 15px;
}
.office-right{
float: right;
width: 454px;
margin-top: 40px;
}
.office-right img{
width: 100%;
border:2px solid #fff;
}
.team-title1{
text-align: left;
}
.team-title1 h2{
border-bottom: 2px solid #febc1d;
padding-bottom: 5px;
display: inline-block;
margin-bottom: 50px;
}
.product-sec-right h4{
font-size: 18px;
margin-bottom: 7px;
}
#product-blog-wrap{
margin-top: 50px;
background: #f9f9f9;
padding:70px 15px 30px;
}
.product-blog{
float: left;
width: 350px;
margin-right: 20px;
}
.product-blog p{
color: #000;
}
.product-blog h3{
font-size: 23px;
margin:15px 0 10px;
color: #000;
}
.product-blog img{
width: 100%;
height: 217px;
}
.product-blog:last-child{
margin-right: 0;
}
#contact-us-wrap{
padding-top: 10px;
}
#contact-us-wrap{
margin: 50px 0 10px;
}
.contact-info1{
float: left;
width: 600px;
margin-bottom: 50px;
}
.contact-info1 h3{
font-weight: normal;
margin-bottom: 20px;
}
.contact-info1 input{
width: 100%;
font-size: 14px;
height: 50px;
padding: 0 15px;
margin-bottom: 14px;
color: #000;
border:1px solid #000;
border-radius: 4px;
}
.contact-info1 textarea{
width: 100%;
height: 150px;
color: #000;
color: #000;
border:1px solid #000;
border-radius: 4px;
padding: 10px 15px;
margin-bottom: 30px;
}
.contact-info1 button{
background: #febc1d;
color: #fff;
padding: 14px 42px;
border-radius: 4px;
border: none;
font-size: 18px;
}
.alert .close{
background: #febc1d;
color: #fff;
padding: 9px 17px;
border-radius: 4px;
border: none;
font-size: 17px;
margin-right: 10px;
margin-bottom: 10px;
}
.contact-info1 button:hover{
background: #000;
-webkit-transition:0.9s;
-moz-transition:0.9s;
-ms-transition:0.9s;
-o-transition:0.9s;
transition:0.9s;
}
.content-info1{
float: right;
width: 450px;
margin-top: 0px;
}
.content-info1 h3{
font-weight: normal;
color: #000;
margin-bottom: 10px;
}
.content-info1 p{
font-size: 14px;
}
.content-info1 i{
color: #febc1d;
margin-right: 5px;
}
.content-info1 address{
font-style: normal;
margin-bottom: 10px;
font-size: 14px;
}
.content-info1 li{
margin-bottom: 15px;
font-size: 14px;
color: #000;
}
/*gallery-wrap*/
#lightbox-wrap{
margin:50px 15px 70px;
}
#light_box{
width: 100%;
margin:10px auto;
clear:both;
}
#light_box ul li img{
width:100%;
height:245px;
}
#light_box ul li{
float:left;
width:32%;
margin: 5px 0.5%;
cursor:pointer;
position:relative;
}
.img_title{
background:rgba(255,255,255,0.7);
color:#dcdcdc;
text-align:center;
padding:10px 5px ;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
overflow:hidden;
opacity:0;
transition:all 0.7s;
}
.title{
font-family: 'Pacifico', cursive;
font-size:2em;
color:#222;
font-weight:bold;
margin:28% 0 0 83px;
transform:scale(0.2);
transition:all 0.25s;
}
#light_box li:hover .img_title{
box-shadow:inset 0px 0px 30px #222;
opacity:1;
}
#light_box li:hover .title{
transform:scale(1);
}
.lightBox{
display:none;
}
.bg{
background:rgba(0,0,0,0.7);
top:0;
bottom:0;
left:0;
right:0;
position:fixed;
}
.show img{
width:800px;
height:500px;
border:10px solid #fff;
}
.show{
position:fixed;
top:5px;
left:150px;
}
button{
padding: 10px 20px;
border-radius: 4px;
background: none;
border:none;
color:#fff;
font-weight:bolder;
font-family: 'Candal', sans-serif;
font-size:24px;
outline:none;
cursor:pointer;
}
.next{
position:absolute;
top:45%;
left:100%;
border:none !important;
width: 54px !important;
height: 54px !important;
}
.previous{
position:absolute;
top:45%;
right:100%;
border:none !important;
width: 54px !important;
height: 54px !important;
}
/*media queries for responsive**/
@media (max-width: 480px){
#light_box ul li{
width: 98%;
}
.show img{
width:300px;
height:200px;
border:5px solid #222;
}
button {
padding:10px 4px;
background:#222;
}
}
@media (min-width: 480px) and (max-width: 800px){
#light_box ul li{
width: 49%;
}
}
@media (min-width: 800px) and (max-width: 1250px){
#light_box ul li{
width: 23.333%;
}
}
#vision-wrap{
margin-top: 300px;
padding: 70px 15px;
}
.jssora05l{
width: 40px;
height: 40px;
top: 158px;
left: 8px;
}
.jssora05r{
width: 40px;
height: 40px;
top: 158px;
right: 8px;
}
.jssort01{
position: absolute;
width: 800px;
height: 100px;
left:0px;
bottom: 0px;
background: #f8f8f8;
}
.jssora05l,
.jssora05r,
.jssora05ldn,
.jssora05rdn{
position: absolute;
cursor: pointer;
display: block;
background: url(../images/a17.png) no-repeat;
overflow:hidden;
top: 224px;
}
.description h3{
color: #000;
margin-bottom: 20px;
}
.description p{
font-size: 14px;
line-height: 1.6;
}
.jssora05l {
background-position: -10px -40px;
}
.jssora05r {
background-position: -70px -40px;
}
.jssora05l:hover {
background-position: -130px -40px;
}
.jssora05r:hover {
background-position: -190px -40px;
}
.jssora05ldn {
background-position: -250px -40px;
}
.jssora05rdn {
background-position: -310px -40px;
}
.jssort01 .w {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.jssort01 .c {
position: absolute;
top: 0px;
left: 0px;
width: 68px;
height: 68px;
border: #000 2px solid;
}
.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
background: url(../images/t01.png) center center;
border-width: 0px;
top: 2px;
left: 2px;
width: 68px;
height: 68px;
}
.jssort01 .p:hover .c, .jssort01 .pav:hover .c {
top: 0px;
left: 0px;
width: 70px;
height: 70px;
border: #fff 1px solid;
}
.better{
font-size: 28px;
text-transform: none;
}
.text1{
text-transform: none;
color: #fff;
margin-bottom: 10px;
}
.text1 img{
width: 16px;
vertical-align: middle;
margin-right: 5px;
}
.button1:hover{
background: #000;
}
.button1{
-webkit-transition:0.9s;
background: #febc1d;
border: 1px solid #fff;
color: #fff;
padding: 12px 40px;
border-radius: 4px;
font-size: 14px;
}
.image1{
width: 800px;
height: 400px;
}
.image2{
width: 300px;
height: 400px;
}
.vision-left{
margin-left: 80px;
position: relative;
}
.vision-left i{
position: absolute;
left: -70px;
top: 1px;
background: #febc1d;
color: #fff;
border-radius: 100%;
text-align: center;
padding: 7px 8px;
font-size: 41px;
-webkit-transition: 0.9s;
}
.mission-right i{
position: absolute;
left: -70px;
top: 1px;
background: #febc1d;
color: #fff;
border-radius: 100%;
text-align: center;
padding: 10px 11px;
font-size: 38px;
-webkit-transition: 0.9s;
}
.vision-left i:hover,
.mission-right i:hover{
background: #000;
}
.mission-right{
position: relative;
float: right;
width: 419px;
}
.full-width{
width: 1349px; height: 550px;
}
.factory h2{
margin-bottom: 20px;
color: #febc1d;
border-bottom: 2px solid #febc1d;
padding-bottom: 10px;
display: inline-block;
}
.sub-title{
margin: 30px 0;
}
#division-wrap{
margin:50px 0 40px;
}
.factory h3{
margin-bottom: 20px;
}
.factory{
margin-top:30px;
float: left;
width: 500px;
}
.factory-img{
width: 500px;
float: right;
}
.factory-img img{
margin-top: 0;
width: 450px;
height: 256px;
margin-bottom:8px;
}
#testimonial-wrap{
margin: 60px 15px 70px;
}
.form-bg{
background: url(../images/BANNER.jpg) top center;
background-size: 100%;
padding:75px 0 16px;
}
.testimonial-field{
max-width: 545px;
margin: 0 auto 65px;
background: rgba(193, 193, 193, 0.56);
padding: 38px 35px;
border-radius: 4px;
text-align: center;
}
.testimonial-field button{
background: #000;
color: #fff;
padding:10px 50px;
border-radius: 4px;
font-size: 16px;
}
.testimonial-field input{
width: 100%;
height: 45px;
background: #fff;
color: #000;
margin-bottom: 15px;
font-size: 16px;
display: block;
padding:0 15px;
border-radius: 4px;
border:none;
}
.testimonial-field textarea{
width: 100%;
height: 100px;
background: #fff;
color: #000;
margin-bottom: 15px;
font-size: 16px;
display: block;
padding:15px;
border-radius: 4px;
border:none;
}
.live{
}
.hvr-rectangle-out:before{
border-radius: 0;
}
.right-sec {
position: fixed;
right: 0px;
bottom: 0px;
z-index: 9999;
width: 400px;
text-align: center;
}
.les-width{
position: fixed;
bottom: 31px;
right: 102px;
}
.right-sec h4{
position: relative;
text-align: left;
padding:5px 15px;
color: #fff;
background: #febc1d;
cursor: pointer;
}
.background{
padding:15px;
background: #ddd;
display: none;
}
.right-sec img{
display: inline-block;
}
.right-sec .les-width {
display: inline-block;
width: 162px;
}
.right-sec button:hover{
background: #0088cc;
}
.right-sec button{
border:none;
width: 50%;
font-size: 18px;
height: 42px;
padding: 0 20px;
color: #fff;
background: #0088cc;
}
.right-sec input{
width: 100%;
height: 48px;
padding: 15px;
margin-bottom: 8px;
}
.trusted{
text-align: center;
margin-bottom: 30px;
color: #fff;
font-size: 30px;
}
.name-box h3{
margin-bottom: 20px;
}
.name-box{
padding-top: 20px;
text-align: center;
background: #ddd;
height: 200px;
max-width: 800px;
margin: 50px auto 30px;
}
/* Footer
-------------------------------------- */
#footer-wrap{
background: #000;
position: relative;
padding:20px 15px 50px;
}
#footer{
}
#footer-left{
float: left;
padding-top: 10px;
}
#footer-left p{
font-size: 14px;
color: #fff;
}
#footer-right{
float: right;
}
#footer-right li{
display: inline-block;
}
#footer-right i{
font-size: 16px;
color: #fff;
margin-right: 8px;
background: #febc1d;
border-radius: 100%;
height: 35px;
width: 35px;
text-align: center;
line-height: 2.4;
-webkit-transition:0.9s;
}
#footer-right i:hover{
background: #fff;
color: #000;
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
@media (max-width: 1199px) {
.content-width{
width: 1000px;
}
.contact-info1{
width: 540px;
}
.content-info1{
width: 296px;
}
.about-sec {
float: left;
width: 500px;
}
.director-left {
width: 660px;
}
.manager{
width: 550px;
}
#header-left h1{
font-size: 27px;
}
.factory-img {
width: 466px;
}
.team-members{
width: 231px;
}
.product-blog{
width: 318px;
}
.product-sec-left {
float: left;
width: 452px;
}
.product-sec-right {
float: right;
width: 465px;
}
.office-left {
float: left;
width: 480px;
}
.brand-img {
width: 369px;
}
.product-sec-right img {
height: 292px;
}
.director-img{
width: 310px;
}
}
@media (max-width: 1024px) {
.content-width{
width: 740px;
}
.product-sec-right img {
height: 210px;
}
.manager{
width: 350px;
}
.brand-sec{
width: 400px;
margin-top: 0;
}
.brand-img {
width: 315px;
}
.mission-right {
width: 265px;
}
.vision-left {
width: 300px;
}
.contact-info1{
width: 400px;
}
.content-info1{
width: 296px;
}
#header-right a{
margin-right: 10px;
}
#light_box ul li img {
width: 100%;
height: 154px;
}
.about-sec {
float: left;
width: 368px;
}
.about-img{
width: 350px;
}
.director-left,
.manager {
width: 550px;
}
.team-members {
width: 44%;
}
.product-blog {
width: 233px;
}
.product-blog img {
width: 100%;
height: 166px;
}
.product-blog h3{
font-size: 16px;
}
.product-sec-left {
width: 323px;
}
.product-sec-right {
width: 323px;
}
.office-right {
float: right;
width: 378px;
}
.office-left {
float: left;
width: 357px;
}
.product-sec-left img {
width: 100%;
height: 291px;
}
.factory{
width: 350px;
}
.factory-img{
width: 350px;
}
.director-img {
width: 249px;
}
.director-left {
width: 450px;
}
.manager{
width: 375px;
}
.director-img-right{
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.content-width{
width: auto;
}
.mission-right {
width: auto;
float: none;
}
#header-left h1{
font-size: 26px;
}
#header-wrap{
margin-bottom: 20px;
}
#header-right{
margin-top: 20px;
}
.vision-left i{
display: none;
}
.mission-right i{
display: none;
}
#vision-wrap {
margin-top: 120px;
padding: 30px 15px;
}
.vision-left {
width: auto;
float: none;
margin-left: 0;
}
.contact-info1{
width: auto;
float: none;
}
.content-info1{
width: auto;
float: none;
}
#contact-us-wrap{
padding:15px;
}
#header-left{
float: none;
}
#header-right{
float: none;
display: none;
}
#header-right a{
color: #fff;
width: 100%;
background: #000;
padding: 10px 10px;
margin-bottom: 4px;
display: inline-block;
border-radius: 4px;
}
#header-right li{
display: block;
}
.menu-btn{
display: block;
right: 20px;
top: 5px;
}
#footer-left{
float: none;
text-align: center;
}
#footer-wrap{
padding: 15px;
}
#footer-right{
float: none;
text-align: center;
}
#light_box ul li img {
width: 100%;
height: 200px;
}
.about-sec {
float: none;
width: auto;
}
.about-img img{
width: 100%;
height: auto;
}
.about-img{
width: auto;
float: none;
}
#director-wrap{
padding: 15px;
}
.director-img{
float: none;
width: auto;
margin-bottom: 20px;
text-align: center;
}
.director-left,
.manager {
width: auto;
text-align: center;
float: none;
margin-bottom: 20px;
}
.director-img-right{
float: none;
width: 100%;
text-align: center;
}
.team-members {
width: auto;
float: none;
margin-right: 0;
}
.absolute img {
width: 100%;
height: auto;
}
#team-wrap {
margin: 30px 15px 20px;
}
.team-members{
margin:0 25px 20px 0;
}
.product-blog {
width: auto;
float: none;
}
.product-blog img {
width: 100%;
height: auto;
}
.product-sec-left {
width: auto;
float: none;
}
.product-sec-right {
width: auto;
float: none;
}
.product-sec-left img,
.product-sec-right img{
width: 100%;
height: auto;
}
.office-right {
float: none;
width: auto;
}
.office-left {
float: none;
width: auto;
}
#product-blog-wrap{
margin-top: 30px;
padding: 24px 15px 30px;
}
#office-wrap {
padding: 24px 15px;
}
#product-wrap {
padding: 15px 15px 4px;
}
#none-wrap {
padding: 24px 15px;
margin-top: 23px;
}
#team-wrap {
margin: 0px 15px 20px;
padding: 22px 15px 10px;
}
#contact-us-wrap {
margin: 15px 0 10px;
}
.full-width{
width: 100% !important; height: 400px;
}
.brand-sec{
width: auto;
float: none;
margin-top: 20px;
}
.brand-img {
width: auto;
float: none;
}
.jssort01{
width: 100% !important;
}
.jssora05l{
top: 170px !important;
}
.jssora05r{
top: 170px !important;
}
.image1{
display: none !important;
}
.image2{
display: none !important;
}
.better{
left: 50px !important;
}
.previous {
left: 0%;
width: 40px !important;
height: 40px !important;
}
.show{
padding: 0 15px;
}
.next {
left: 87%;
width: 40px !important;
height: 40px !important;
}
.title{
margin-top: 20%;
}
.sliders-sec{
width: auto;
float: none;
}
.product-sec-right img {
height: auto;
}
.product-sec-left img {
height: auto;
}
#division-wrap{
margin: 30px 15px;
}
.factory{
float: none;
width: auto;
}
.factory-img{
float: none;
width: auto;
}
.manager h2{
font-size: 18px;
}
.factory {
text-align: center;
}
.factory h2{
text-align: center;
font-size: 18px;
}
#header-left img {
width: 180px;
}
}