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

@media screen and (max-width: 1199px) {
.header-bottom .nav > li > a{ padding:7px 36px;}
h2, .h2{ font-size:19px;}
h1, .h1{ font-size:25px;}
.section-btn{ margin-top:0;}
.section-bottom-txt{ min-height:140px;}
.header-top .nav > li > a{ font-size:14px;}
.service-txt{ min-height:280px;}
.visit-section-right{ padding-top:0;}
.visit-section-right .btn-style{ margin-top:10px;}
.kom-pic > img {max-width: 120px;}
.kom-pic{ bottom:-30px;}
}

@media screen and (max-width: 991px) {
.header-bottom .nav > li > a{ font-size:13px; padding: 7px 18px;}
.section-product-top h2{ position:relative; z-index:1;}
.footer-inner .top-padd{ padding-top:0; min-height:200px;}
.footer-inner{ padding-bottom:10px;}
.field-row .col-md-6{ margin-bottom:15px;}
.mark-pic-left{ padding-right:0; padding-bottom:30px; padding-left:0;}
.mark-pic-right{ text-align:center;}
.service-txt{ min-height:150px;}
.service .col-md-4{ text-align:center;}
.visit-section-right{ padding-bottom:20px;}
.mob > img{ width:100%;}
.kom-pic{ width:100%; text-align:center; position:static; padding:20px 0 0 0;}
.inner-head-txt-two{ padding-top:0px; padding-left:30px; padding-right:30px;}
.kom-pic > img{ max-width:100%;}
.before-installation-left{ padding-bottom:20px;}
.before-installation-right .bullet{ margin-top:30px;}
.before-installation-right, .before-installation{ padding-left:15px; padding-right:15px;}
.right-pic{ position:static; width:100%; text-align:center; padding:20px;}
.before-installation-right h2{ padding-right:0;}
}


@media screen and (max-width: 767px) {
.header-bottom .navbar-default .navbar-toggle .icon-bar{background:#fff;}
.header{ padding-top:0px;}
.navbar-brand > img{ max-width:140px;}
.header-top .navbar-nav{ margin-top:0;}
.header-top .navbar-header{ margin-bottom:20px;}
.header-top .nav > li{ border-left:none; border-top:1px solid #0f65af;}
.header-top .nav > li > a, .header-bottom .nav > li > a{ padding:10px 15px; font-size:13px;}
.header-top .navbar-nav{ margin-right:-15px;}
.header-top .navbar{ margin-bottom:0;}
.header-bottom .navbar-collapse{ padding-left:15px; padding-right:15px;}
.header-bottom .nav > li {border-top: 1px solid #fff; border-left:none;}
.header-bottom .nav > li:first-child{ border-top:none;}
.header-bottom .navbar-nav{ margin-top:0; margin-bottom:0;}
.section-product-top-left{ border-bottom:1px solid #878787; border-right:none; padding-right:0; padding-bottom:20px; }
.section-product-top-right{ padding-left:0; padding-top:20px;}
.footer-inner .col-md-4.col-sm-6.top-padd.pull-right {float: left !important;width: 100%;}
.footer-inner .top-padd{ min-height:inherit; padding-top:15px;}
.footer-inner{ padding-bottom:20px;}
.contact-form, .footer-inner{ padding-left:30px; padding-right:30px;}
.banner-three-pic h2{ font-size:13px;}
.visit-section-right, .mark-pic{ padding-left:40px; padding-right:40px;}
.mark-pic{ padding-top:30px;}
.visit-section{ padding:0 15px;}
.service .col-md-4{ padding-top:15px;}
.header-top .navbar-toggle{ margin-top:18px; margin-bottom:0;}
ul.bullet{ padding-left:15px;}
.before-installation-right{ border-radius:0; padding:20px;}
.before-installation{ padding-top:0;}
}


@media screen and (max-width: 640px) {
.section-product, .section-bottom-left, .section-bottom-right{ padding-left:30px; padding-right:30px;}
h1, .h1{ font-size:18px;}
h2, .h2, .contact-form-left h2{ font-size:16px;}
.banner-three-pic h2{ font-size:11px; padding:8px 4px;}
.contact-form-left p{ font-size:13px;}
.inner-head-txt{ padding-left:20px; padding-right:20px;}
.footer-inner{ padding-left:0; padding-right:0;}
}

@media screen and (max-width: 568px) {
.service .col-md-4 > img {width: 100%;}
.service-txt{ min-height:inherit;}
.service .col-md-4{ padding-top:0;}
}