@media(max-width:1500px){
/*.slide-content {text-align: center;} */
/*.header h1::before {right: 0;}    */
    /*.get-quote-btn{margin:20px auto 0;} *  / 
    /*.service-box-content{top:7%;} */   
   /*.service-box-content p{font-size: 14px; line-height: 20px;}*/
}


@media(max-width:1199px){
    .top-bar-section li:not(.has-form) a:not(.button) {font-size: 15px;}
    .nav-outer {padding-right: 15px;}
    .header {min-height: inherit;}
    .inner-header{min-height:390px;}
    .slide-content {padding-top:8%;padding-bottom:7%; width: 40%;}
    
.header h1 {
	font-size: 42px;
	line-height: 56px;
}

.slide-content h2 {
	font-size: 42px;
	line-height: 56px;
}
     
.header h1 span {
    font-size: 35px;
}    
    
.service-box h4 {font-size: 19px;}    
    
.service-box-content p{font-size: 14px; line-height: 20px;}
.service-box h3 {font-size: 20px;margin-bottom: 6px;}
    
    .btn-read-more {
	font-size: 15px;
	padding: 4px 18px 4px;
}
.our-client-section li img {
	height: 74px;
}
    
.testimonial-box {
	width: 100%;
}
    
.foot-1 {width: 21%;}
.foot-2 {width: 31%;}
    
    
.quality-box {
	width: 100%;
}    
    
.contact-box p {font-size:34px;}
.contact-box .btn-click {font-size: 16px;}
  
}

@media(min-width:992px){
.top-bar{height:50px;}    
.nav-outer {height:45px;}
ul.dropdown {padding-top:6px !important;}
ul.dropdown li {margin: 0px; background: #330f00; text-align: left;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){background: #311616; padding:8px 12px; font-size: 15px;}
ul.dropdown li.active:not(.has-form) a:not(.button){ padding:6px 12px; color: #fff;}
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) {background: #411f1f;  color: #fff;}
.dropdown li.active:not(.has-form) a:hover:not(.button) {background: #411f1f; color: #fff;}
.title-area{display: none;}   
    
.top-bar-section ul li {display: inline-block;}    
    
}

@media(max-width:991px){
.top-bar {height:2rem;}
.phoneno {top: 0;}    
.top-bar .toggle-topbar.menu-icon {z-index: 1; margin-right: 14px;}    
.top-bar .toggle-topbar.menu-icon a span::after {right: 5px;}    
.top-bar-section{margin-top:0; background: #fff;}    
.name img {width:133px;}    
.top-bar-section ul li {margin-left: 0;}    
.nav-outer {padding-right: 0;}    
.top-bar-section ul li {margin-top: 12px; text-align: left;}
.top-bar-section li.active:not(.has-form) a:not(.button){padding-left: 14px;}    
.top-bar-section li:not(.has-form) a:not(.button) {padding-left: 14px;}
    
.top-bar .name {display: none;}
    
.top-bar-section {
	margin-top: 32px;
}    
    
.top-bar-section .dropdown li {
	padding-top: 12px;
}
    
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
	color: #9a3820;
}
    
    .top-bar-section .dropdown li.title h5 a{font-weight: bold;}    
    
.top-bar-section li:not(.has-form) a:not(.button) {color: #000;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){background: #fff;}
ul.dropdown li {margin: 0px; background: #fff;}
    
.top-bar-section .has-dropdown > a:after{right: 14px;}    
    
    
.header h1 {
	font-size: 34px;
}

.slide-content h2 {
	font-size: 34px;
}
    
.header h1 span {
	font-size: 28px;
}    
    
.bootom-section h2 {
    width: 100%;
}    
    
.home .bootom-section h1.title {
    width: 100%;
} 

    
.our-client-section li img {
	height: 54px;
    margin-bottom: 20px;
}
.fa-ul li {font-size: 14px;}
.footer li a {font-size: 14px;}
.footer h4 {font-size: 18px;}
    
    
.foot-1 {width: 19%;}    
.foot-2 {
	width: 25%;
}
.foot-3 {
	width: 22%;
}    
.foot-4 {
	width:auto;
}
    
.nav-outer {
	padding: 16px 0 0px;
}  
    
.service-box h4 {font-size: 22px;}

.contact-box{padding:20px;}    
.contact-box p {font-size: 24px;line-height: 34px;}    

    
}

@media(max-width:767px){
.header {min-height: inherit;}    
.header .columns {padding: 0 !important;}

.inner-header{min-height:200px;}    
.header h1 {font-size: 26px;line-height: 40px; font-weight: normal; word-spacing: 1px;}
.slide-content h2 {font-size: 26px;line-height: 40px; font-weight: normal; word-spacing: 1px;}     
.header h1 span{font-size: 26px;line-height: 40px; font-weight: normal;}    
.get-quote-btn {width: 175px;font-size: 21px;}

    .header h1 br{display: none; margin-bottom: 20px;}    
    
.slide-content {
	padding-top: 0;
	padding-bottom: 0;
	margin:0;
	padding:20px 30px;
    width:100%;
    background: rgba(0,0,0,.7);
    text-align: center;
}
    
.slide-content p {
    font-size: 15px;
}    
       
.fa-ul li {font-size: 13px;}
.footer li a {font-size: 13px;}    

.copy{width: 100%; text-align: center;} 
.social {text-align: center;width: 100%;}
.social i {
	margin: 5px 2px;
}   
    
.services-section .columns{width: 100%;}    
.service-box {margin-bottom: 20px; padding-bottom:14px; float: none;}
.service-box p{text-align: center;}
    
.bootom-section h2 {font-size: 40px;margin: 0 auto 30px;}
.home .bootom-section h1.title {font-size: 40px;margin: 0 auto 30px;}    
.service-box-content li {text-align: center;}
.service-box-content li::before{left: auto; margin-left:-14px;}    

.foot-1 {width: 100%;text-align: center;}
.foot-2 {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}    
.footer li a {
	font-size: 14px;
}
    
.foot-3 {
	width: 100%;
	text-align: center;
}   
    
.foot-4 {
	width: 100%;
	text-align: center;
    margin-top: 14px;
}
    
    .footer .fa-li{position: relative; left: 0;}    
.foot-4 ul {
	margin: 0;
}    
    
    .fa-ul li br{display: none;}        
    
}

@media only screen and (min-width:480px) and (max-width:639px){
.service-box h3 {
	font-size: 20px;
	margin-bottom: 16px;
}
.service-box-content p {
	line-height: 24px;
}    
}

@media(max-width:640px){

    
.contact-bg textarea {height: 126px;}

.bootom-section-box ul {margin-bottom: 20px;}    
.bootom-section .columns{width: 100%;}

.bootom-section-right{margin-top:30px;}    
    
.bootom-section-box {text-align: center;}
    
.service-box-content {
	padding: 22px 14px 0 14px;
}
    
}

@media(max-width:639px){
.phoneno p {font-size: 16px;}
.phoneno a {font-size: 36px;}
.phoneno p.top-email a {font-size: 12.5px;}    




.slide-content p {
	font-size: 16px;
}
    
.get-quote-btn {
	width: 142px;
	font-size: 17px;
    padding: 4px 0;
    margin-top: 18px;
}
    
.get-quote-btn .fa {
	font-size: 20px;
}
    
.bootom-section h2 {
	font-size: 30px;
	margin: 0 auto 30px;
}    
   

    
.home .bootom-section h1.title {
	font-size: 30px;
	margin: 0 auto 30px;
}    
  
 
.service-box {
	width: 100%;
}    
    
.service-box-content p {
	font-size: 14px;
	margin-bottom: 20px;
}    
.btn-read-more {
	font-size: 19px;
}  
    
.gallery-box-outer {
	width: 50%;
}
    
h1 {font-size: 28px;}
.about-section p {font-size: 16px;}
.testimonial-box p {font-size: 16px;}
    
.services-section h2.heading {font-size: 30px;}
.quality-bg h2 {font-size: 30px; margin-bottom: 28px;}
.quality-box p {font-size: 14px;line-height: 26px;}   
.contact-btn{font-size: 20px;}   
}

@media(max-width:479px){
    
.top-left {
	float: left;
	width: 100%;
	text-align: center;
}

.top-right {
	float: right;
	width: 100%;
	text-align: center;
}
    
.phoneno {
	text-align: center;
	margin-top:10px;
    margin-bottom: 10px;
}    
    
.top-left img {
	margin-left: 0;
	width: 218px;
}    

.get-quote-btn {width: 145px;font-size: 17px;}    


.btn-read-more {
	font-size: 14px;
}    
.gallery-box-outer {
	width:100%;
}
    
.foot-1{width:100%;} 
.foot-2{width:100%; margin-top: 14px;}
.foot-3{width:100%;}
.foot-4{width:100%;}      
.copy{font-size: 13px;}
   
.slide-content {
	width: 100%;
    margin-left:0;
	padding-left:14px;
	padding-right:14px;
} 
.quality-bg h2 {font-size: 23px;}    
.contact-btn {font-size: 18px; padding: 9px 14px;}
    
.contact-box p {
	font-size: 21px;
	line-height: 32px;
}
    
.bootom-section h2 {font-size: 26px;} 
  
.home .bootom-section h1.title {font-size: 26px;} 
input.btn-submit {width: 100%;}
.service-box h4 {font-size: 20px;}
    
}