/* =============================================================================
    RESPONSIVE - MEDIA QUERIES  1366px MAX
============================================================================= */
@media only screen and (min-width: 1180px) and (max-width: 1366px){
/* width: 1180px; */
.slider-container {width:100%;}
.slide1txt {width:100%;font-size:100px;line-height:100px;}
.slide2txt {width:100%;font-size:28px;line-height:36px;margin:0 0 0 0;}
.slmar {padding:0 0 0 100px;}

.beam-container {width:1180px;margin:0 auto;}
.nav-container {width:1180px;margin:0 auto;position:relative;}

.default-container {width:95%;}
.layer1-container {width:1180px;}
.layer3-container {width:1180px;margin:0 auto;position:relative;}
.icons-container {width:1180px;padding:80px 0 0 0;margin:0 auto;}
.icon-box {width:280px;float:left;margin:0 20px 0 0;}
.icon-box-last {width:280px;float:left;}

.ch-grid li {width: 360px;height: 360px;display: inline-block;margin: 0 20px 0 0;}

.lay4-container {width:1180px;}
.lay4-left {width:630px;float:left;position:relative;}
.lay4-right {width:520px;float:right;}
.lay4-inside {width:540px;margin:0px auto;}

/* services */
.services-container {width:1180px;margin:0 auto;}
.srv-left {width:700px;float:left;}
.srv-right {width:400px;float:right;position:relative;}

.title-right-tabs {font-size:18px;line-height:24px;}
.right-testi-title h3 {font-size:18px;line-height:24px;}

/* where we work */
.where-container {width:1180px;}
.where-left {width:660px;}
.where-right {width:440px;}
.where-nav-container {width:100%;}




/* FOOTER
------------------------------------------------------------------------- */
.footer-container {width:1180px;margin:0 auto;padding:28px 0 0 0;}
.footer-left {width:520px;}
.footer-middle {width:320px;}
.footer-right {width:320px;}

.footer-bottom {width:95%;}
}


@media only screen and (min-width: 959px) and (max-width: 1180px){
/* width: 950px; */
.slider-container {width:100%;}
.slide1txt {width:100%;font-size:100px;line-height:100px;}
.slide2txt {width:100%;font-size:28px;line-height:36px;margin:0 0 0 0;}
.slmar {padding:0 0 0 100px;}

.beam-container {width:930px;margin:0 auto;}
.beam-left {width:320px;float:left;}
.beam-right {width:600px;float:right;text-align:right;}
.left-desc {font-size:12px;line-height:50px;padding:3px 0 0 0;}
.tel-beam {color:#fec107;font-size:14px;line-height:50px;font-weight:500;}
.bm-ico {display:none;}

.nav-container {width:930px;margin:0 auto;position:relative;}
.nav-left {width:230px;float:left;}
.nav-right {width:700px;float:right;}
.logo {width:230px;height:70px;background: url('../img/logo.png') no-repeat top center;background-size: 100%;margin:10px 0 0 0;}

.default-container {width:95%;}
.intro-content {width:95%;}

#layer1-wrapper {background:none;background-color:#92efde;padding:0 0 30px 0;}
.layer1-container {width:728px;padding:60px 0 0 0;}
.layer1-row {width: 360px;float:none;margin:0 auto 0 auto;}
.ch-grid li {width: 360px;height: 360px;display: inline-block;margin: 0 0 30px 0;}
.ch-custom {margin:0 0 0 0;}

.layer3-container {width:930px;margin:0 auto;position:relative;}
.layer3-content {width:870px;padding:80px 0 0 0;font-size:24px;line-height:32px;margin:0 auto;text-align:center;}

.icons-container {width:640px;padding:20px 0 40px 0;}
.icon-box {width:300px;float:left;margin:30px 20px 0 0;}
.icon-box-last {width:300px;float:left;margin:30px 0 0 0;}
.lay4-badge-box {display:none;}    

#layer4-wrapper {width:100%;padding:50px 0 40px 0;margin:0 auto;}        
.lay4-container {width:100%;}
.lay4-badge-box {display:none;}        
.lay4-left {width:60%;float:left;}
.lay4-right {width:40%;float:left;margin:30px 0 0 0;}        
.lay4-inside {width:80%;}   

/* services */
.main-srv-title h1 {font-size:80px;line-height:170px;}
.srv-sub-title h2 {font-size:26px;line-height:32px;}
.services-container {width:930px;margin:0 auto;}
.srv-left {width:560px;float:left;}
.srv-right {width:320px;float:right;position:relative;}

.title-right {font-size:18px;line-height:24px;}
.title-right-tabs {font-size:16px;line-height:24px;}
.right-testi-title h3 {font-size:16px;line-height:24px;}

/* where we work */
.where-container {width:930px;}
.where-left {width:460px;}
.where-right {width:440px;}
.where-nav-container {width:100%;}

iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}
/* FOOTER
------------------------------------------------------------------------- */
.footer-container {width:930px;margin:0 auto;}
.footer-left {width:550px;float:left;min-height:100px;}
.footer-middle {width:340px;float:right;min-height:100px;}
.footer-right {width:340px;float:left;text-align:left;padding:20px 0 0 0;}

.footer-bottom {width:95%;margin:0 auto;padding:15px 0 0 0;}

}


@media only screen and (min-width: 768px) and (max-width: 959px){
/* width: 728px; */
.slider-container {width:100%;}
.slide1txt {width:100%;font-size:100px;line-height:100px;}
.slide2txt {width:100%;font-size:28px;line-height:36px;margin:0 0 0 0;}
.slmar {padding:0 0 0 100px;}
.badge01 {display:none;}    

.beam-container {width:100%;margin:0 auto;}
.beam-left {width:728px;float:none;text-align:center;}
.beam-right {width:200px;float:none;text-align:right;}

/* -----------------------------------------------------------------------------
   Navigation
----------------------------------------------------------------------------- */
.nav-container {width:440px;}
.nav-left {width:440px;float:none;margin:0 auto;}
.nav-right {display:none;}        
.nav-responsive {display:block;text-align:right;}
.nav-default {display:none;}

.default-container {width:95%;}
.intro-content {width:95%;}
.intro-title {font-size:22px;line-height:26px;}

#layer1-wrapper {background:none;background-color:#92efde;padding:0 0 30px 0;background-attachment: scroll;}
.layer1-container {width:728px;padding:60px 0 0 0;}
.layer1-row {width: 360px;float:none;margin:0 auto 0 auto;}
.ch-grid li {width: 360px;height: 360px;display: inline-block;margin: 0 0 30px 0;}
.ch-custom {margin:0 0 0 0;}

#layer2-wrapper {width:100%;min-height:964px;background: none;background-color:#fff;}
.layer2-content {width:95%;}
.lay-title h2 {font-size:22px;line-height:24px;}
.lay2price {width:728px;}

#layer3-wrapper {background-attachment: scroll;}
.layer3-container {width:95%;}
.layer3-content {width:95%;font-size:22px;line-height:28px;}

.icons-container {width:640px;padding:40px 0 40px 0;}
.icon-box {width:300px;float:left;margin:20px 20px 0 0;}
.icon-box-last {width:300px;float:left;margin:20px 0 0 0;}

#layer4-wrapper {width:100%;padding:50px 0 40px 0;margin:0 auto;}        
.lay4-container {width:95%;}
.lay4-badge-box {display:none;}        
.lay4-left {width:95%;float:none;}
.lay4-right {width:95%;float:none;margin:30px 0 0 0;}        
.lay4-inside {width:85%;margin:0px auto;}    

/* services */
.main-srv-title h1 {font-size:60px;line-height:170px;text-align:center;}

.services-container {width:90%;margin:0px auto;}
.srv-left {width:90%;float:none;margin:0px auto;}
.srv-right {width:90%;float:none;margin:40px auto 0 auto;}

.title-right-tabs {font-size:18px;line-height:24px;}
.right-testi-title h3 {font-size:18px;line-height:24px;}

/* our rates */     
.tabs-rates {padding:5px 0 10px 0;}   


/* where we work */
.where-container {width:100%;margin:0px auto;}
.where-left {width:95%;float:none;margin:0px auto;}
.where-right {width:95%;float:none;margin:0px auto;padding:40px 0 0 0;}

.where-nav-container {width:100%;}
.nav-area-button {width:100%;display:block;padding:0 0 0 0;border-top:1px solid #fff;border-right:0;border-left:0;}
.nav-area-button-hover {width:100%;display:block;padding:0 0 0 0;border-right:0;border-left:0;}
.nav-area-button:hover {width:100%;display:block;padding:0 0 0 0;border-right:0;border-left:0;}

.estimate-layer {margin:20px auto 0 auto;}


/* iphone style */
input.text,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
}

iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}
/* FOOTER
------------------------------------------------------------------------- */
.footer-container {width:95%;margin:0 auto;}
.footer-left {width:95%;float:none;text-align:center;}
.footer-middle {width:280px;float:none;padding:30px 0 0 0;margin:0 auto;}
.footer-right {width:95%;float:none;text-align:left;padding:40px 0 0 0;margin:0 auto;}

.footsrv {padding:20px 0 0 0;}
.footplaces {padding:20px 0 0 0;}

.foot-soc {padding:15px 0 0 0;}

.footer-bottom {width:95%;}
.footer-copy {width:40%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
/* width: 440px; */
.slider-container {width:100%;}
.slide1txt {width:100%;font-size:100px;line-height:100px;}
.slide2txt {width:100%;font-size:28px;line-height:36px;margin:0 0 0 0;}
.slmar {padding:0 0 0 50px;}

.badge01 {display:none;}        
.beam-container {width:100%;}        
.beam-left {width:100%;float:none;margin:0 auto;padding:5px 0 0 0;}
.beam-right {width:440px;float:none;text-align:left;margin:0 auto;}

.logo {width:260px;height:70px;background: url('../img/logo.png') no-repeat top center;background-size: 100%;margin:2px auto 0 auto;}
.left-desc {font-size:14px;line-height:21px;padding:10px 0 10px 0;text-align:center;}
.tel-beam {color:#fec107;font-size:14px;line-height:21px;font-weight:500;}   

/* -----------------------------------------------------------------------------
   Navigation
----------------------------------------------------------------------------- */
.nav-container {width:440px;}
.nav-left {width:440px;float:none;margin:0 auto;}
.nav-right {display:none;}        
.nav-responsive {display:block;text-align:right;}
.nav-default {display:none;}

.default-container {width:95%;}
.intro-content {width:95%;}
.intro-title {font-size:22px;line-height:26px;}

#layer1-wrapper {background:none;background-color:#92efde;padding:0 0 30px 0;background-attachment: scroll;}
.layer1-container {width:440px;padding:60px 0 0 0;}
.layer1-row {width: 360px;float:none;margin:0 auto 0 auto;}
.ch-grid li {width: 360px;height: 360px;display: inline-block;margin: 0 0 30px 0;}
.ch-custom {margin:0 auto 0 auto;}

#layer2-wrapper {width:100%;min-height:964px;background: none;background-color:#fff;}
.layer2-content {width:95%;}
.lay-title h2 {font-size:22px;line-height:24px;}
.lay2price {width:440px;}
.lay2price-l {width:230px;float:left;font-size:14px;line-height:40px;font-weight:500;text-transform:uppercase;} 
.lay2price-r {width:180px;float:right;font-weight:500;font-size:14px;line-height:20px;}

#layer3-wrapper {background-attachment: scroll;}
.layer3-container {width:95%;}
.layer3-content {width:95%;font-size:22px;line-height:28px;}
        
.icons-container {width:440px;padding:40px 0 40px 0;}
.icon-box {width:280px;float:none;margin:0 auto 30px auto;}
.icon-box-last {width:280px;float:none;margin:0px auto;}  


#layer4-wrapper {width:100%;padding:50px 0 40px 0;}        
.lay4-container {width:95%;}
.lay4-badge-box {display:none;}        
.lay4-left {width:95%;float:none;}
.lay4-right {width:95%;float:none;margin:30px 0 0 0;}        
.lay4-inside {width:95%;margin:0px auto;}    

/* services */
.main-srv-title h1 {font-size:40px;line-height:170px;text-align:center;}
.srv-sub-title h2 {font-size:24px;line-height:30px;}

.services-container {width:90%;margin:0px auto;}
.srv-left {width:90%;float:none;margin:0px auto;}
.srv-right {width:90%;float:none;margin:40px auto 0 auto;}

.title-right-tabs {font-size:18px;line-height:24px;}
.right-testi-title h3 {font-size:18px;line-height:24px;}

/* our rates */     
.tabs-rates {padding:5px 0 10px 0;}   

/* where we work */
.where-container {width:100%;margin:0px auto;}
.where-left {width:95%;float:none;margin:0px auto;}
.where-right {width:95%;float:none;margin:0px auto;padding:40px 0 0 0;}

.where-nav-container {width:100%;}
.nav-area-button {width:100%;display:block;padding:0 0 0 0;border-top:1px solid #fff;border-right:0;border-left:0;}
.nav-area-button-hover {width:100%;display:block;padding:0 0 0 0;border-right:0;border-left:0;}
.nav-area-button:hover {width:100%;display:block;padding:0 0 0 0;border-right:0;border-left:0;}

.estimate-layer {margin:20px auto 0 auto;}


/* iphone style */
input.text,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
}

iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}   
/* FOOTER
------------------------------------------------------------------------- */
.footer-container {width:95%;margin:0 auto;}
.footer-left {width:95%;float:none;text-align:center;}
.footer-middle {width:280px;float:none;padding:30px 0 0 0;margin:0 auto;}
.footer-right {width:95%;float:none;text-align:left;padding:40px 0 0 0;margin:0 auto;}

.footsrv {padding:20px 0 0 0;}
.footplaces {padding:20px 0 0 0;}

.foot-soc {padding:15px 0 0 0;}

.footer-bottom {width:95%;}
.footer-copy {width:40%;}
.footer-imonda {width:40%;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
/* width: 280px; */
.slider-container {width:100%;}
.slide1txt {width:100%;font-size:100px;line-height:100px;}
.slide2txt {width:100%;font-size:28px;line-height:36px;margin:0 0 0 0;}
.slmar {padding:0 0 0 50px;}

.badge01 {display:none;}        
.beam-container {width:100%;}        
.beam-left {width:100%;float:none;margin:0 auto;padding:5px 0 0 0;}
.beam-right {width:280px;float:none;text-align:left;margin:0 auto;}

.logo {width:260px;height:70px;background: url('../img/logo.png') no-repeat top center;background-size: 100%;margin:2px auto 0 auto;}
.left-desc {font-size:14px;line-height:21px;padding:10px 0 10px 0;text-align:center;}
.tel-beam {color:#fec107;font-size:14px;line-height:21px;font-weight:500;}   
     
/* -----------------------------------------------------------------------------
   Navigation
----------------------------------------------------------------------------- */
.nav-container {width:280px;}
.nav-left {width:280px;float:none;margin:0 auto;}
.nav-right {display:none;}        
.nav-responsive {display:block;text-align:right;}
.nav-default {display:none;}

.default-container {width:95%;margin:0 auto;}
.intro-content {width:95%;margin:0 auto;}
.intro-title {font-size:22px;line-height:26px;}

#layer1-wrapper {background:none;background-color:#92efde;padding:0 0 30px 0;background-attachment: scroll;}
.layer1-container {width:280px;}
.layer1-row {float:left;margin:0 auto 0 auto;}

#layer2-wrapper {width:100%;min-height:964px;background: none;background-color:#fff;}
.layer2-content {width:95%;margin:0 auto;}
.lay-title h2 {font-size:22px;line-height:24px;}
.lay2price {width:280px;}
.lay2price-l {width:260px;float:left;font-size:14px;line-height:40px;font-weight:500;text-transform:uppercase;} 
.lay2price-r {width:250px;float:right;font-weight:500;font-size:14px;line-height:20px;}

#layer3-wrapper {background-attachment: scroll;}
.layer3-container {width:95%;margin:0 auto;}
.layer3-content {width:95%;margin:0 auto;font-size:22px;line-height:28px;}
        
.icons-container {width:280px;padding:40px 0 40px 0;}
.icon-box {width:280px;float:none;margin:0 auto 30px auto;}
.icon-box-last {width:280px;float:none;margin:0px auto;}        
        
/* grid */
.ch-item {width: 280px;height: 280px;}        
.ch-grid li {width: 280px;height: 280px;display: inline-block;margin:0 0 30px 0;}        
.ch-info h2 {font-size: 26px;line-height: 28px;padding: 55px 0 0 0;}        
.ch-custom {margin:0 auto 0 auto;}

.ch-img-1 {background-image: url(../img/buttons/domestic-mob.png);}
.ch-img-2 {background-image: url(../img/buttons/spring-mob.png);}
.ch-img-3 {background-image: url(../img/buttons/carpet-mob.png);}
.ch-img-4 {background-image: url(../img/buttons/tenancy-mob.png);}        
.ch-img-5 {background-image: url(../img/buttons/contact-mob.png);}
        
#layer4-wrapper {width:100%;padding:50px 0 40px 0;}        
.lay4-container {width:95%;margin:0 auto;}
.lay4-badge-box {display:none;}        
.lay4-left {width:95%;float:none;margin:0 auto;}
.lay4-right {width:95%;float:none;margin:30px auto 0 auto;}        
.lay4-inside {width:95%;margin:0px auto;}        
        
/* services */
.main-srv-title h1 {font-size:40px;line-height:170px;text-align:center;}
.srv-sub-title h2 {font-size:24px;line-height:30px;}

.services-container {width:95%;margin:0px auto;}
.srv-left {width:95%;float:none;margin:0px auto;}
.srv-right {width:95%;float:none;margin:40px auto 0 auto;}        
        
.title-right-tabs {font-size:18px;line-height:24px;}        
.right-testi-title h3 {font-size:18px;line-height:24px;}   

/* our rates */     
.tabs-rates {padding:5px 0 10px 0;}    

/* where we work */
.where-container {width:100%;margin:0px auto;}
.where-left {width:95%;float:none;margin:0px auto;}
.where-right {width:95%;float:none;margin:0px auto;padding:40px 0 0 0;}

.where-nav-container {width:100%;}
.nav-area-button {width:100%;display:block;padding:0 0 0 0;border-top:1px solid #fff;border-right:0;border-left:0;}
.nav-area-button-hover {width:100%;display:block;padding:0 0 0 0;border-right:0;border-left:0;}
.nav-area-button:hover {width:100%;display:block;padding:0 0 0 0;border-right:0;border-left:0;}

.estimate-layer {width:95%;margin:20px auto 0 auto;}
.estimate-inside {width:90%;margin:0px auto;}
.est-title {font-size:20px;line-height:22px;}

.callback-text{width:90%;margin:0px auto;}
.callback-textarea{width:90%;margin:0px auto;}
.callback-submit{width:75%;}
   

/* iphone style */
input.text,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
} 
        
iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}
/* FOOTER
------------------------------------------------------------------------- */
.footer-container {width:95%;margin:0 auto;}
.footer-left {width:95%;float:none;text-align:center;}
.footer-middle {width:280px;float:none;padding:30px 0 0 0;margin:0 auto;}
.footer-right {width:280px;float:none;text-align:left;padding:40px 0 0 0;margin:0 auto;}

.footsrv {padding:20px 0 0 0;}
.footplaces {padding:20px 0 0 0;}

.foot-soc {padding:15px 0 0 0;}

.footer-bottom {width:280px;}
.footer-copy {width:100%;float:none;text-align:center;padding:5px 0 0 0;}
.footer-imonda {width:100%;float:none;padding:0 0 5px 0;text-align:center;}
}