@media only screen and ( max-width:1170px) {
.wrapper { width:90%; margin:0 6%;}
#header { margin-top:35px;}
#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 { margin:0 30px 0 0;float: none;
display: inline-block;}
#header-top { padding:8px 0 2px;}

.areas-we-cover-right li {margin:0 18px;}

.step-post1-right,.step-post2-left { margin:20px 0 0;}
.wsmenu-list { text-align:center !important;}
.footer-2,.footer-3 { margin:0 10px;}
.footer-3 { width:22%;}
.footer-3 .social-icon li { margin:0px;}
.footer-3 .social-icon li,.footer-3 .social-icon li:first-child,.footer-3 .social-icon li:last-child { float:none;}
}


@media only screen and ( max-width:980px) {
.contact-add h2 span { float:none;}
.box-pen ul li { float:none; display:inline-block; width:auto; margin:0 6px 10px;}
.step-post1-left .img-responsive,.step-post2-right .img-responsive { float:none; width:100%;}

#worcester-home { text-align:center;}
.worcester-home-left,.worcester-home-right { float: none; display:inline-block; width:100%;}
}
@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 { margin:50px 0;}
#content,.content,#home-our-services,#cont-accreditations,#why-choose,.why-choose-right,#review,#worcester-home { text-align:center;}
#header { padding-bottom:0px;}

.worcester-home-right h1 { font-size:24px; line-height:28px; margin-top:20px;}

.accreditations li { margin:0px;}

#areas-we-cover { padding:30px 0;}
.areas-we-cover-left { width:12%;}
.areas-we-cover-right { width:88%;}

.contact-left,.contact-right,.cont-accreditations-left,.cont-accreditations-right,.tips-hiring-left,.tips-hiring-right,.why-choose-left,.why-choose-right,
.footer-1,.footer-2,.footer-3,.footer-4,.review-box,.accreditations,
.row-left,.row-right { float: none; display:inline-block; width:100%;}

.scroll-down { width:90%;}

.contact-right { margin-top:20px;}
#footer { text-align: center;}
.footer-1,.footer-2,.footer-3,.footer-4  { margin:0px; padding:0px;}
.footer-1 p span { width:100%; float:none; min-height:auto; display: inline-block;}

.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%; }
.gas-safe h2 { font-size:16px; line-height:22px; letter-spacing: -0.5px;}

.copy-right p span { font-size:20px;}
.copy-right p { font-size:12px; line-height:16px;}
#step-post { background:#1a1a1a;}
.step-post-bg-res.step-post-bg2 { display:none;}
.ways-to-pay h1 { font-size: 40px;}
.ways-to-pay h3 { font-size:25px;}
.pulse {
  margin:0;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #FF0000;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204,55,44, 0.4);
  animation: pulse 2s infinite;
  position:absolute;
  top:57%;
  left:43%;
  z-index:999;
}

#step-post,.step-post2-left { text-align:center;}
.step-post1-left .img-responsive,.step-post2-right .img-responsive { float:none; width:auto;}
.step-post1-left,.step-post1-right,.step-post2-left,.step-post2-right { float:none; display:inline-block; width:100%;}
.step-post-bg { background-position: top 0 center, left 0 top 0px, center bottom 0;}	
.step-post-bg2 {background-position: top 0 center, left 0 top 0px, center bottom 0;}

.tips-hiring-right { text-align:center;}
.tips-hiring-right h1 {margin-top: 15px;}

#why-choose {background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../images/why-choose-bg.jpg) top left no-repeat;background-position: left 0 bottom 0px;}
.why-choose-right h1 { color:#fff;}
.why-choose-right p { color:#fff;}
.why-choose-right p a { color:#fff;}
.worcester-home-right p {
    font-size: 16px;
    line-height: 22px;
}

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

.contact-add h4 span,.contact-add h2 span,.footer-1 p span { width:100%; float:none; min-height:auto; display: inline-block;}
#step-post { padding-bottom:0px;}

.header-top li { float: none; margin:0px;}

.scroll-down h1 span { float:none; width:100%;}

.animated-arrow {margin: 13px 15px 0 0;}
.offers ul { margin: 0; padding: 0;  -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}
.accreditations li:last-child img { width:80%;}
.worcester-home-left img { width:100%;}
}

@media only screen and ( max-width:540px) {
.logo { padding:10px 0 0;}
.logo img { width:100%;} 

#areas-we-cover { text-align:center;}
.areas-we-cover-left { width:100%;}
.areas-we-cover-right { width:100%;}
.areas-we-cover-left { margin-bottom:10px;}
.areas-we-cover-right li { font-size:20px;}
.areas-we-cover-right h1 { font-size:30px; line-height:30px;}
.areas-we-cover-right h2 { font-size:18px; line-height:22px;}

.offers ul { margin: 0; padding: 0;  -webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1; overflow:hidden;}
.review-box li img { width:100%;}
}


@media only screen and ( max-width:420px) {
.areas-we-cover-right li { float:none;}
.step-post1-left .img-responsive,.step-post2-right .img-responsive { float:none; width:100%;}
.box-pen ul li {  margin:0 2px 10px; width:100%;}
}


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

}