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

}

@media only screen and ( max-width:1680px) {
#callus { background-size:150% auto;background-position: left 30% bottom 0;}
}

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

}

@media only screen and ( max-width:1350px) {
.header-inn,.wsmenu-list { text-align: right;}
.logo { left:0px; width:32%; padding:40px 15px;}
.header-inn li { margin:0 10px;}
.wsmenu-list > li > a { font-size:18px;}

#home-box,#home-box2 { margin:40px 0;}
.home-box-inn,#home-box2 { text-align:center;}
.home-box2-inn li { margin:0 10px;}

#callus,.callus-inn h2 { height:300px;}
}

@media only screen and ( max-width:1200px) {
.wrapper { width:90%; margin:0 6%;}
.logo { left:0px; width:30%; padding:20px 15px;}
.logo img { width:100%;}
.header-inn li a { font-size:35px; line-height:40px;}

#content { margin:25px 0;}
#header { text-align:center}

.footer1 { width:39%;}
.footer2 { width:32%;}
.footer2 li:first-child,.footer2 li:last-child { float:none;}
.footer3 { width:22%;}

.customer-stories h2 {font-size: 25px;line-height: 30px;}
.customer-reviews-mid { width:42%; margin:0 2%;}
.customer-reviews-right { width:25%;}

#home-text { padding:30px 0;}
#home-box2 { margin:30px 0;}
#home-text p { padding:0 50px;}

#contact { margin:30px 0;}


.footer3 { width: 12%;}

.services-box-left img, .services-box2-left img,.services-box-right img,.services-box3-right img { width:100%;}

.contact-left h2 { font-size:30px; line-height:40px;}
.contact-left { width:48%;}
.contact-right { width:48%;}
.contact-right h2 {  font-size: 30px; line-height:40px;}
.contact-right p { font-size:19px; line-height:26px;}
}

@media only screen and ( max-width:1000px) {
.reviews-left,.reviews-right,.reviews:last-child { float:none; display:inline-block; width:100%;}
.reviews-left p br,.reviews-right p br { display:none;}

.header-inn li a { font-size:30px; line-height:35px;}
#home-text p { font-size:19px; line-height:30px;}

#callus { background-size:180% auto; background-position: left 30% bottom 0;}
.callus-inn h2 { font-size:26px; line-height:35px; margin:0px; padding:0px;}
}

@media only screen and ( max-width:900px) {
#callus { background-size:200% auto; background-position: left 50% bottom 0;}
.callus-inn h2 { font-size:25px; line-height:32px; }

.footer2 { width:26%;}
.footer4 { width:16%;}


#contact p br { display:none;}

}

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

.services-box2-left { display:none; }
.services-box-right { display:none; }
.services-box3-right { display:none; }

.footer3 li { list-style:none; padding:0 0 10px 0; margin:5px 20px 10px 10px;} 

.logoone { width: 25%; padding: 5px 0 0 0;}

.logoone img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}

.logotwo { width: 40%; padding: 20px 10px 0 10px;}

.logotwo img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}


.logothree { width: 25%; padding: 0 0 0 0;}

.logothree img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}

}

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

#home-box { float:left; width:100%; margin:5.5% 0 0 0;}
.home-box-inn { float:left; width:100%; margin:auto; padding:auto; text-align:center;}
.home-box-inn ul { margin:auto; padding:0px; width: 100%; }
.home-box-inn li { list-style:none; display: inline-block; margin:auto 0; width: 100%; padding: 0 0 5% 0;}

.home-box-inn li img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}


#home-box2 { float:left; width:100%; margin:5.5% 0 0 0;}
.home-box2-inn { float:left; width:100%; margin:auto; padding:auto; text-align:center;}
.home-box2-inn ul { margin:auto; padding:0px; width: 100%; }
.home-box2-inn li { list-style:none; display: inline-block; margin:auto 0; width: 100%; padding: 0 0 5% 0;}

.home-box2-inn li img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}



.services-box2-left { display:none; }
.services-box-right { display:none; }
.services-box3-right { display:none; }

h1 { font-size:24px; line-height:30px;}
h2 { font-size:28px; line-height:30px;}
.services-box-left h3,.services-box2-right h3 { font-size:28px; line-height:32px; margin:0px; padding:15px 0;}

.services-box3-left { font-size:28px; line-height:32px; margin:0px; padding:15px 0 0 0;}



p { font-size:16px; line-height:26px;font-family:'Montserrat Light'; padding:6px 0;}
.header-inn li a { font-size:26px; line-height:35px;}

#home-text p { padding:0px;}
#content,#areas-we-cover,#footer,#call-us,.contact-right,.contact-left,#fensa-registered,#checktrade-home,#services-box,#services-box2,#contact p,#contact h2 { text-align:center;}
#examples h2 { text-align:center !important;}

.customer-reviews-left h2 { margin:0px; padding:0px;}
.customer-reviews-left h2 br { display:none;}
.customer-reviews-mid p { margin-bottom:2%;}
.customer-reviews-right p { float: none; width: 34%; display:inline-block;}

.pic-img img { width:auto;}
ul.services1 li { text-align:left; font-size:17px; line-height:26px;background-position: top 10px left 0px;}

.services-box-left,.services-box2-left,.services-box3-left { margin-bottom:4%;}

.row2-left,.row2-right,.row-left,.row-right,.areas-we-cover-inn,.footer1,.footer2,.footer3,.footer4,.fensa-registered-left,.fensa-registered-right,
.checktrade-home-left,.checktrade-home-right,.services-box-left,.services-box-right,.services-box2-left,.services-box2-right,.services-box3-left,.services-box3-right,
.contact-left,.contact-right,.customer-reviews-left,.customer-reviews-mid,.customer-reviews-right { float:none; display:inline-block; width:100%;}

.customer-reviews-mid { margin:0px;}

.footer1 h2 span,.footer1 h3 span,.footer1 p span { float:none; display:inline-block; width:100%; min-height:auto;}
.footer3  { margin-bottom:3%;}
.footer3 li { display:inline-block; list-style:none; padding:0; margin:5px 10px 10px 10px;} 

.footer3 li img {
    display: block;
    margin: auto;
    padding: auto;
    width: 30px;
}

.footer2 { margin:4% 0;}
.footer3 h2 { margin:0px; padding:0 0 20px;}

.contact-left { margin-bottom:3%;}

#areas-cover { padding:40px 0;}
.areas-cover-inn li { line-height: 40px;font-size: 20px;}
.areas-cover-inn ul  {-webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}

#sashwindow-logo { margin:30px auto 30px auto; padding: 0 0 0 2%;}
.sashwindow-logo-inn li { margin:15px 0 15px 0;}

.sashwindow-logo-inn li img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}


.logoone { width: 25%; padding: 5px 0 0 0;}

.logoone img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}

.logotwo { width: 40%; padding: 20px 10px 0 10px;}

.logotwo img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}


.logothree { width: 25%; padding: 0 0 0 0;}

.logothree img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}



#callus { background-size:223% auto; background-position: left 50% bottom 0; height:250px;}
.callus-inn h2 { font-size:22px; line-height:35px;height:250px; }
.callus-inn h2 a { display: inline-block;}

#testimonials-box { margin:20px 0; padding:25px 0; text-align:center;}
.testimonials-box-mid p { font-size:17px; line-height:28px;}
.testimonials-box-mid h2 { font-size: 21px; margin:0px; padding:0px;}
.testimonials-box-mid { width: auto; margin:0 10%;}
.testimonials-box-arrowright { width:13%;}
.testimonials-box-arrowleft img { width: 70%;}
.testimonials-box-arrowright img { width:60%;}

.space { margin:10px 0;}

.services-box-left img, .services-box2-left img,.services-box-right img{ width: auto;}

}

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

.services-box2-left { display:none; }
.services-box-right { display:none; }
.services-box3-right { display:none; }

.wrapper { width:90%; margin:0 5%;}

#header { padding:8px 0;}
.logo {padding: 12px 15px;}
.header-inn li { display:block; margin:0 50px 0 0;}
.header-inn li a { font-size:25px; line-height:30px;}

.reviews-left h3 { font-size:22px; line-height:26px;}
.reviews-right p { font-size:17px; line-height:22px;}

.sashwindow-logo-inn li:last-child img { width:80%;}

#home-text p { font-size:16px; line-height:25px;}
.home-box2-inn li { margin:0px;}

#home-box { float:left; width:100%; margin:5.5% 0 0 0;}
.home-box-inn { float:left; width:100%; margin:auto; padding:auto; text-align:center;}
.home-box-inn ul { margin:auto; padding:0px; width: 100%; }
.home-box-inn li { list-style:none; display: inline-block; margin:auto 0; width: 100%; padding: 0 0 5% 0;}

.home-box-inn li img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}

#home-box2 { float:left; width:100%; margin:5.5% 0 0 0;}
.home-box2-inn { float:left; width:100%; margin:auto; padding:auto; text-align:center;}
.home-box2-inn ul { margin:auto; padding:0px; width: 100%; }
.home-box2-inn li { list-style:none; display: inline-block; margin:auto 0; width: 100%; padding: 0 0 5% 0;}

.home-box2-inn li img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}

.logoone { width: 25%; padding: 0 0 0 0;}

.logoone img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}

.logotwo { width: 40%; padding: 20px 10px 0 10px;}

.logotwo img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}


.logothree { width: 25%; padding: 0 0 0 0;}

.logothree img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}

.footer3 li { display:inline-block; list-style:none; padding:0; margin:5px 10px 10px 10px;} 

.footer3 li img {
    display: block;
    margin: auto;
    padding: auto;
    width: 30px;
}

.registered-logo img { width:80%;}
.fensa-registered-left h3 { font-size:15px; line-height:22px;}

.services-box3-left { font-size:28px; line-height:32px; margin:0px; padding:15px 0 0 0;}

} 

@media only screen and ( max-width:540px) {
#header { padding:5px 0;}
.logo {padding: 14px 15px;}
.header-inn li a { font-size: 22px; line-height: 28px;}

.areas-cover-inn ul  {-webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1; overflow:hidden;}

#callus { background-size:250% auto; background-position: left 50% bottom 0; height:200px;}
.callus-inn h2 { font-size:20px; line-height:30px;height:200px; }

.areas-cover-inn h2 { font-size:22px; line-height:35px; padding-bottom:10px;}
.services-box-left img, .services-box2-left img,.services-box-right img,.services-box3-right img { width:100%;}

#copy-right p { font-size:15px; line-height:22px;}
#copy-right p span { font-size:20px;}

.logoone { width: 25%; padding: 0 0 0 0;}

.logoone img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}

.logotwo { width: 40%; padding: 20px 10px 0 10px;}

.logotwo img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}


.logothree { width: 25%; padding: 0 0 0 0;}

.logothree img {
    display: block;
    margin: auto;
    padding: auto;
    width: 100%;
}

.pic-img img { width:100%;}
}

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


}

@media only screen and ( max-width:390px) {
#header { padding:6px 0;}
.logo {padding: 16px 15px;}
.header-inn li { display:block; margin:0 50px 0 0;}
.header-inn li a { font-size:20px; line-height:26px;}


#callus { background-size:350% auto; background-position: left 45% bottom 0;}
.callus-inn h2 { font-size:18px; line-height:28px;}

.home-box2-inn li img { width:90%;}
}

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

}