@media only screen and ( max-width:1170px) {
.wrapper { width:90%; margin:0 6%;}
#header,#header-top { text-align:center;}
.logo,.header-right { float:none;  width:auto;}
.logo {margin-top:16px;}
/*.header-top { float:none; display:inline-block; width:100%;}
.header-top-left { float:none; display:inline-block; width:100%;}*/
.header-top li { float:none; margin:0px;}
.wsmenu-list { text-align:center !important;}

.our-projects-left .buttion img,.our-projects-right .buttion img { width: 100%;}

.our-services li { float:none; display:inline-block; margin:0 5px 15px 0;}
}


@media only screen and ( max-width:980px) {
.contact-add h2 span { float:none;}

.home-our-projects-left,.home-our-projects-right { float: none; display:inline-block; width:100%;}
.home-our-projects-right img {margin: 0 0 -7px 0;}

.home-our-services-left h1 { font-size:30px; line-height:30px;}

}
@media only screen and ( max-width:767px) {
	
.header-top { float:none; display:inline-block; width:100%;}
.header-top-left { float:none; display:inline-block; width:100%;}

h1 { font-size:25px; line-height:28px;}
#content,.content { padding:50px 0;}
#content,.content,#home-our-services { text-align:center;}
#header { padding-bottom:0px;}

.home-our-services-left h1 br { display:none;}
.gas-safe { text-align:left !important;}

.welcome-box-left,.welcome-box-right,
.home-our-services-left,.home-our-services-right,
.our-projects-left,.our-projects-right,
.contact-left,.contact-right,
.footer-1,.footer-2,.footer-3,.footer-4,
.row-left,.row-right { float: none; display:inline-block; width:100%;}

.welcome-box-left { margin-bottom:20px;}
.contact-right { margin-top:20px;}

.footer-1,.footer-2,.footer-3,.footer-4  { margin:0px; padding:0px;}

.home-our-services-left h1 { font-size: 32px; line-height:35px; padding-bottom:20px;}
.gas-safe h1 { font-size:25px; line-height:28px;}

.pad1 { text-align:center;}
.contact-add h2 {font-size: 35px;line-height: 35px;}
.contact-add h4 { font-size:25px; line-height:30px;}
.gas-safe { width:100%; text-align:center;}
.gas-safe h2 { font-size:16px; line-height:22px; letter-spacing: -0.5px;}

#our-services { margin:0px;}
.our-services li { margin:0 0 20px;}

.copy-right p span { font-size:20px;}
.copy-right p { font-size:12px; line-height:16px;}


.services-we-offer .buttion { float: right; position: absolute; top: 35px; right: -10px; text-align: right;}
.services-we-offer .buttion img { width:70%;}

}

@media only screen and ( max-width:640px) {
#footer { text-align: center;}
.contact-add h4 span,.contact-add h2 span,.footer-1 p span { width:100%; float:none; min-height:auto; display: inline-block;}
.home-our-services-right ul {-webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1; overflow:hidden;}
.home-our-services-right li { list-style:inside; text-align:center;}

.welcome-box-left,.welcome-box-right { padding:20px; text-align:center;}
.welcome-box-right h2 span { float:none; vertical-align:top;}
.welcome-box-right .social-icon { text-align: center; float:none; display:inline-block;}

.home-our-projects { text-align:center;}
}

@media only screen and ( max-width:520px) {
.logo img { width:100%;} 
.gas-safe-img { float:none;}
.welcome-box-right h2 { font-size: 22px; margin: 0;}

.welcome-box-right .btn { width:100%;}
.welcome-box-right .btn { margin:0px;}
.welcome-box-right .social-icon ul { float:left; width:100%; margin:30px 0 0;}

.welcome-box-left,.welcome-box-right { padding:20px;}
.home-our-projects-left .buttion img { width:100%;}
.gas-safe { text-align: center !important;}
}

@media only screen and ( max-width:420px) {
.our-services li img { width:100%;}
}

@media only screen and ( max-width:320px) {

}