.about-banner{background-image:url("../jpg/about-banner.jpg")}
.innerpage-banner{background-repeat:no-repeat;min-height:417px;border-bottom:1px solid #e1e4e6;background-position:top center;padding-top:100px}
.about-banner .slider-heading-2{color:#fff;font-size:3.4666rem; margin: 45px 0; line-height:1.3}
.banner-btn{font-size:1.1rem;color:#f33939;font-weight:400;padding:18px 25px;width:280px;text-align:center;background:#fff;display:inline-block;box-shadow:3px 4px 6px 0px rgba(0, 0, 0, 0.15)}
.banner-btn > img{margin-right:15px}
.banner-btn:active, .banner-btn:focus{color:#f33939}
.banner-btn:hover{box-shadow:1px 1px 0px 0px rgba(0, 0, 0, 0.15);color:#f33939}
#whoweareModal .modal-body{padding:5px}
#whoweareModal .modal-dialog{margin:150px auto}
#whoweareModal .modal-dialog{max-width:900px;width:96%}
.about-cout-section{background:#f7f7f7;padding-top:25px;padding-bottom:25px;border-top:#FFF solid 2px;margin-top:-1px}
.about-play-btn .banner-btn{max-width:250px;padding:22px 25px;font-weight:700; border: none;}
.about-counts{background:#f6f9fa;border-bottom:#eaebee solid 1px;min-height:438px;position:relative;margin-bottom:320px}
.counts-list{width:100%;float:right;padding-top:10px}
.counts-list li{float:left;width:25%}
.counts-list li:last-child{margin-right:0}
.counts-icon{float:left}
.counts-icon .syst-icon{font-size:57px}
.counts-info{margin-left:66px}
.counts-heading{color:#f34141;font-size:1.8rem;line-height:32px;text-transform:uppercase;margin-top:4px;font-weight:400}
.counts-heading small{display:block;font-size:.9rem;color:#000}
.about-section{padding-top:50px;padding-bottom:50px}
.about-container{position:relative}
.about-logo{position:absolute;left:50%;top:50%;margin-top:-162px;margin-left:-162px}
.about-us-col{background:url("../png/circle_bg.png") 40px top no-repeat;padding-top:42px}
.about-col-row-02{margin-top:115px}
.about-icon{background:#FFF;width:75px;height:75px;padding:7px;line-height: 60px; float:left;-o-border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-o-box-shadow:0 11px 18px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 11px 18px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 11px 18px 0 rgba(0,0,0,0.2);box-shadow:0 11px 18px 0 rgba(0,0,0,0.2)}
.about-icon .syst-icon{font-size:45px;margin-top:9px;display:block;text-align:center}
.about-info{margin-left:85px;padding-top:15px}
.about-col-heading{font-size:30px;line-height:36px;color:#242329;font-weight:400}
.about-info p{font-size:15px;line-height:24px;color:#242329}
.our-passion-row{background:url("../jpg/our_passion_bg.jpg") center top no-repeat;min-height:752px;position:relative;z-index:1;padding-top:80px;background-size:contain}
.our-passion-heading{text-align:center;color:#FFF;max-width:700px;margin:0 auto}
.our-passion-col .col-md-4{padding-left:24px;padding-right:24px}
.passion-heading{font-size:2.8rem;line-height:3.5rem;font-weight:700}
.our-passion-heading p{font-size:18px;font-weight:300;margin-bottom:140px}
.quality-col{padding:50px 40px 25px 40px;text-align:center;color:#242329;margin-bottom:60px;margin-top:60px;-webkit-box-shadow:3px 3px 5px 0 rgba(0,0,0,0.15);-moz-box-shadow:3px 3px 5px 0 rgba(0,0,0,0.15);box-shadow:3px 3px 5px 0 rgba(0,0,0,0.15)}
.strong-leader-col{background:#d3f7ff}
.small-team-col{background:#ebffca}
.great-products-col{background:#fff5bc}
.quality-col-icon{width:76px;height:76px;margin:0 auto}
.quality-col-icon .syst-icon{font-size:74px;color:#2d3b47}
.quality-col-icon i{display:block;width:76px;height:76px;background-image:url("../png/quality_icon.png");background-repeat:no-repeat;background-size:auto 76px}
.strong-leader-col i{background-position:left top}
.small-team-col i{background-position:-83px top}
.great-products-col i{background-position:-168px top}
.quality-col h5{font-size:28px;line-height:32px;margin-top:40px}
.quality-col p{font-size:15px;line-height:22px;font-weight:300;margin-top:15px;min-height:116px}

@media(min-width:1200px) and (max-width:1630px){
    .banner-btn{width:175px;padding:10px 7px}
    .banner-btn>img{width:24px; height: 24px; margin-right:3px}
}
@media(min-width:1280px) and (max-width:1600px){
    .quality-col { min-height: 444px; margin-top: 30px;}
}
@media(min-width:1367px) and (max-width:1600px){
    .about-banner{background-image:url("../jpg/about-banner-1600.jpg")}
}
@media(min-width:1025px) and (max-width:1366px){  
    .about-banner{background-image:url("../jpg/about-banner-1366.jpg")}  
}
@media(min-width:992px) and (max-width:1024px){ 
    .about-banner{background-image:url("../jpg/about-banner-1024.jpg")} 
}   
@media(min-width:1025px) and (max-width:1366px){ 
    .innerpage-banner{min-height:359px;background-position:top center}
    .slider-heading-2{font-size:2.78rem}
    .about-banner{background-image:url("../jpg/about-banner-1366.jpg")}
}
@media(max-width:1199px){ 
    .innerpage-banner {background-size: cover;}
    .counts-list{padding-top:0}
    .our-passion-row{padding-top:100px}
    .our-passion-col .col-md-4{padding-left:15px;padding-right:15px}
    .quality-col{padding:25px 15px}
    .about-systweak-col{width:50%;float:left}          
    .counts-icon{margin-top:4px}
    .counts-icon .syst-icon{font-size:45px;margin-top:2px}
    .counts-info{margin-left:55px}
    .counts-heading{margin-top:0;font-size:1.5rem; margin-top: 10px; margin-left: 10px;}
    .counts-heading small{font-size:10px}
    .about-play-btn .banner-btn{max-width:130px;padding:12px 10px;font-size:15px}
    .banner-btn > img{width:21px; height: 21px; margin-right:7px}
}
@media(min-width:1025px) and (max-width:1366px){ 
    .innerpage-banner{min-height:359px;background-position:top center}
    .slider-heading-2{font-size:2.78rem} 
}
@media(max-width:991px){    
    .slider-heading-2{font-size:2.5rem}
    .innerpage-banner{background-position:0 0;padding-top:60px;padding-bottom:40px;min-height:0;background-size:auto auto}     
    .about-slider-col{ position: relative;} 
}
@media(min-width:768px) and (max-width:1023px){ 
    .about-play-btn .banner-btn{position:absolute;top:-90px}
    .about-banner .slider-heading-2{margin-top:0;margin-bottom:45px}
}
@media(max-width:991px){
    .about-logo{display:none}
    .about-col-row-02{margin-top:0}
    .our-passion-row{padding-top:20px}
    .innerpage-banner{background-position:0 0;padding-top:60px;padding-bottom:40px;min-height:0;background-size:auto auto}
}
@media(max-width:767px){ 
    .innerpage-banner.about-banner{min-height:220px}
    .innerpage-banner .slider-heading-2{font-size:2rem}
    .innerpage-banner .slider-heading-2{padding-top:0;margin-top:0}  
    .about-section { padding-top: 30px;}
    .about-cout-section{padding:5px}
    .counts-list li{padding:15px 0;width:50%}
    .about-col-heading{font-size:20px}
    .about-info p{font-size:13px}
    .our-passion-row{background:0}
    .our-passion-heading{color:#242329}
    .our-passion-heading p{margin-bottom:0}
    .quality-col p{min-height:0}
    .quality-col{margin-top:30px;margin-bottom:30px}
    .about-systweak{margin-top:30px;margin-bottom:30px}
    .about-play-btn .banner-btn{max-width:170px;padding:10px 15px}
    .about-play-btn{top:-80px;padding-left:10px;position:absolute;left:0}
    .passion-heading{font-size:2rem;line-height:1.3}
    .quality-col h5{font-size:1.7rem}
    #whoweareModal .modal-dialog{max-width:96%}
}