@media screen and (max-width: 1200px){
.footericon li a{width: 53px; height: 53px; line-height: 53px; font-size: 24px;}
.serviceblocksec h3{font-size: 16px;line-height: 16px;}
.bg-indicators {
    background: transparent;
    width: 100%;
}
}
@media screen and (max-width: 1023px){
.navbar-nav > li{margin: 0 11px 0 0 }
.quotebtn a{padding: 6px 10px; font-size: 13px; line-height: 14px;}
.navbar-nav > li > a{font-size: 13px;line-height: 13px;}
.bannertext{width: 80%}
.bannertext h1{font-size: 104px;line-height: 104px;}
.bannertext h4{font-size: 35px;line-height: 35px;}
.head1 h2{font-size: 55px;line-height: 55px;}
.servicearea {margin: 0 auto;}
.footerlist {min-height: 150px;}
.logoarea img{width:80%}
.navbar-nav li span{height: 2px; margin: 0 auto 0px;}
.bg-indicators {
    background: transparent;
    width: 100%;
}
}
@media screen and (max-width: 767px){
.preheader ul{text-align: center;}
.socialicon li:first-child,.socialicon li{border:none;}
.preheaderlist li:first-child{padding-left: 8px;}
.headersec{padding: 15px 0;position: relative;}
.bannertext{margin: 30px auto;width: 90%;padding: 20px 0}
.bannertext h1{font-size: 64px;line-height: 64px;}
.aboutsec,.servicsec,.latestwork{ padding: 40px 0 }
.head1 p{width: 100%;text-align: justify;}
.latestworksec {margin: 0 auto}
.footerlist{min-height: 100px;}
.copyrightsec .pull-right,.copyrightsec {text-align: center;}
.copyrightsec p, .copyrightsec p a{margin: 0 0 8px;}
.bannertext h4{font-size: 28px;line-height: 28px;}
.bannertext h1{font-size: 44px;line-height: 44px;margin: 0 0 15px;}
.whitebtn{padding: 10px 15px}
.head1 h2{font-size: 16px;line-height: 24px;}
.menusec{width: 20%}
.navbar-collapse{position: absolute; width: 100%;z-index: 99;top: 100%; left: 0; background: #fff}
.navbar{position: unset;}
.navbar-nav{margin: 0}
.navbar-nav li span{display: none;}
.navbar-nav > li{margin: 0}
.navbar-nav > li > a{padding: 10px;}
.quotebtn.pull-right{float: left !important; padding: 10px}
.navbar-light .navbar-toggle{border-color: transparent;}
.navbar-light .navbar-toggle .icon-bar{background-color: #cb1f00}
.navbar-light .navbar-toggle:focus, .navbar-light .navbar-toggle:hover{background-color: transparent;}
.bannertext.innerbannertext{width: 80%; bottom: auto; bottom: 0px;}
.innerbannertext h2{font-size: 18px;line-height: 24px;padding: 10px 20px}
.head1 h1 {
    font-size: 18px;
    line-height: 30px;
}
.innerbanner{min-height: 200px}
.breadcrumb{padding: 10px 20px}
.why-left{text-align:left}
.bg-indicators {
    background: transparent;
    width: 100%;
}
}
@media screen and (max-width: 575px){
.preheaderlist li{border:none; padding: 3px 12px 3px 8px}
.serviceimg{width: 100%}
.srvicecontsec{width: 100%}
.serviceimg img{height: auto;width: 100%}
.why-us{display:inline-block !important; text-align: center !important;}
.bg-indicators {
    background: transparent;
    width: 100%;
}
}