/* =============================================================================
    RESPONSIVE - MEDIA QUERIES
============================================================================= */
@media only screen and (min-width: 959px) and (max-width: 1130px){
/* width: 950px; */
#slide3-wrapper {width:100%;min-height:100px;background:#d6d6d6;}
#slide4-wrapper {width:100%;min-height:1126px;background:#0b1628;}

/* home */
.fullpage-content {width:950px;margin:0px auto;}        
.main-content {width:950px;margin:0px auto;}

.layer1-l {width:300px;float:left;}
.layer1-r {width:650px;float:right;}

.layer2-l {width:728px;float:none;margin:0px auto;}
.layer2-r {width:728px;float:none;margin:0px auto;}
.lay2i-l {width:320px;float:left;text-align:right;}
.lay2i-m {width:60px;float:left;text-align:center;}
.lay2i-r {width:340px;float:left;font-size:16px;}

.iprojectsup {width:950px;margin:0px auto;}
.i1l {width:290px;float:left;}
.i1m {width:310px;float:left;margin:0 20px 0 20px;}
.i1r {width:290px;float:left;}

.iprojectsdwn {padding:20px 0 0 0;}
.i2l {width:450px;float:left;margin:0 20px 0 0;}
.i2r {width:460px;float:left;}

.titleh3 {font-family: 'Gurajada', serif;padding:0 0 0 0;color:#223550;}
.i-testi-box {width:480px;margin:0px auto;padding:35px 0 0 0;}
.i-testi-cont {color:#223550;}
.i-testi-det {color:#223550;text-align:center;}

/* SUBPAGE*/
.sub-content {width:950px;margin:0px auto;position:relative;}

/* about */
.abox1-l {width:350px;min-height:258px;background:url('../img/photos/photo-about1.jpg') no-repeat center top;float:left;}   
.abox1-r {width:580px;float:right;}

.abox2-l {width:580px;float:left;}   
.abox2-r {width:350px;min-height:258px;background:url('../img/photos/photo-about2.jpg') no-repeat center top;float:right;}

/* services */
.navi {width:440px;margin:0 auto 0 auto;text-align:center;}
.srvbox1-l {width:490px;min-height:380px;float:none;margin:0px auto;}   
.srvbox1-r {width:440px;float:none;margin:0px auto;}
.srvboxdesc1 {padding:10px 0 10px 0;}   
   
.srvbox2-l {width:440px;float:none;margin:0px auto;}   
.srvbox2-r {width:490px;min-height:370px;float:none;margin:0px auto;}   
   
#services-beam-wrapper {width:100%;background:url('../img/srvban-back.jpg') repeat;padding:0 0 20px 0;} 

/* portfolio */
.photo-cont-def {width:380px;float:left;margin:20px 20px 0 0;}
.photo-cont-mid {width:380px;margin:20px 20px 0 0;float:left;}


/* testimonials */
#testimonials-wrapper {width:100%;height:100%;background:#f5f5f5;}
.testimonials-left {width:600px;float:left;}
.tettitleh2 {color:#223550;}
.tettitleh3 {color:#223550;}
.testlinks li a {color:#223550;}
.testlinks li a:hover {color:#223550;text-decoration:underline;}
.test-bott {color:#223550;}
.wharrow {color:#223550;}
a.testhere-link {font-size:24px;color:#223550;text-decoration:underline;}
a.testhere-link:hover {font-size:24px;#223550:#fff;text-decoration:none;} 

iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;} 

/* FOOTER
------------------------------------------------------------------------- */
.footer-main {width:950px;margin:0px auto;}
.footer-submain {width:950px;margin:0px auto;}
.padd40 {padding:40px 0 20px 0;}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
/* width: 728px; */
/* navigation */
.nav-default {display:none;}
.nav-responsive {width:280px;height:45px;display:block;margin:5px auto 0 auto;position:relative;}
.responsive-navigation {width:280px;position:absolute;z-index:1;top:0;left:0;}
.top-container {width:728px;margin:0px auto;}
.top-line {display:none;}
.telbox {display:none;}

#slide2-wrapper {width:100%;min-height:300px;background:#e9e9ea;}
#slide3-wrapper {width:100%;min-height:100px;background:#d6d6d6;}
#slide4-wrapper {width:100%;min-height:1126px;background:#0b1628;}

/* home */
.top-container {padding:15px 0 0 0;min-height:46px;}
        
.slide-wrapper {width:100%;min-height:160px;padding:10px 0 10px 0;background:url('../img/white.png') repeat;}
.fullpage-content {width:728px;margin:0px auto;}        
.main-content {width:728px;margin:0px auto;}

.layer1-l {width:728px;float:none;margin:0px auto;}
.layer1-r {width:728px;float:none;margin:0px auto;}
.layer2-l {width:728px;float:none;margin:0px auto;}
.layer2-r {width:728px;float:none;margin:0px auto;}

.lay1bdesc {padding:20px 0 20px 0;}
.titleh3 {font-family: 'Gurajada', serif;padding:0 0 0 0;color:#223550;}

.lay2i-l {width:320px;float:left;text-align:right;}
.lay2i-m {width:60px;float:left;text-align:center;}
.lay2i-r {width:340px;float:left;font-size:16px;}

.iprojectsdwn {padding:0 0 0 0;}
.i1l {width:380px;float:none;margin:0px auto;text-align:center;}
.i1m {width:380px;float:none;margin:20px auto 0 auto;text-align:center;}
.i1r {width:380px;float:none;margin:20px auto 0 auto;text-align:center;}
.i2l {width:380px;float:none;margin:20px auto 0 auto;text-align:center;}
.i2r {width:380px;float:none;margin:20px auto 0 auto;text-align:center;}           
         
.buttport {margin:0px auto;text-align:center;padding:30px 0 30px 0;}

.i-testi-box {width:480px;margin:0px auto;padding:35px 0 0 0;}
.i-testi-cont {color:#223550;}
.i-testi-det {color:#223550;text-align:center;}    

/* SUBPAGE*/
.sub-content {width:728px;margin:0px auto;position:relative;}

/* about */
.abox1-l {width:350px;min-height:258px;background:url('../img/photos/photo-about1.jpg') no-repeat center top;float:left;}   
.abox1-r {width:360px;float:right;}

.abox2-l {width:360px;float:left;}   
.abox2-r {width:350px;min-height:258px;background:url('../img/photos/photo-about2.jpg') no-repeat center top;float:right;}

/* services */
.navi {width:440px;margin:0 auto 0 auto;text-align:center;}
.srvbox1-l {width:490px;min-height:380px;float:none;margin:0px auto;}   
.srvbox1-r {width:440px;float:none;margin:0px auto;}
.srvboxdesc1 {padding:10px 0 10px 0;}   
   
.srvbox2-l {width:440px;float:none;margin:0px auto;}   
.srvbox2-r {width:490px;min-height:370px;float:none;margin:0px auto;}   
   
#services-beam-wrapper {width:100%;background:url('../img/srvban-back.jpg') repeat;padding:0 0 20px 0;} 

/* portfolio */
.photo-cont-def {width:380px;float:none;margin:10px auto 0 auto;}
.photo-cont-mid {width:380px;float:none;margin:10px auto 0 auto;}

/* testimonials */
#testimonials-wrapper {width:100%;height:100%;background:#f5f5f5;}
.testimonials-left {width:600px;float:none;margin:0px auto;}
.testimonials-right {display:none;}

/* contact */
#contact-wrapper {width:100%;min-height:537px;background:#e9e9ea;}
.cntbox-l {width:665px;float:none;margin:0px auto;}   
.cntbox-r {width:665px;float:none;margin:20px auto 20px auto;}

iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;} 
  
/* FOOTER
------------------------------------------------------------------------- */
.footer-main {width:728px;margin:0px auto;}
.footer-submain {width:728px;margin:0px auto;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
/* width: 440px; */
/* navigation */
.nav-default {display:none;}
.nav-responsive {width:280px;height:45px;display:block;margin:5px auto 0 auto;position:relative;}
.responsive-navigation {width:280px;position:absolute;z-index:1;top:0;left:0;}
.top-container {width:440px;margin:0px auto;}
.top-line {display:none;}
.telbox {display:none;}

#slide2-wrapper {width:100%;min-height:300px;background:#e9e9ea;}
#slide3-wrapper {width:100%;min-height:100px;background:#d6d6d6;}
#slide4-wrapper {width:100%;min-height:1126px;background:#0b1628;}

/* home */
.top-container {padding:15px 0 0 0;min-height:46px;}
        
.slide-wrapper {width:100%;min-height:160px;padding:10px 0 10px 0;background:url('../img/white.png') repeat;}
.fullpage-content {width:440px;margin:0px auto;}        
.main-content {width:440px;margin:0px auto;}

.layer1-l {width:440px;float:none;margin:0px auto;}
.layer1-r {width:440px;float:none;margin:0px auto;}
.layer2-l {width:440px;float:none;margin:0px auto;}
.layer2-r {width:440px;float:none;margin:0px auto;}

.lay1bdesc {padding:20px 0 20px 0;}
.titleh3 {font-family: 'Gurajada', serif;padding:0 0 0 0;color:#223550;}

.lay2i-l {width:440px;float:none;text-align:left;}
.lay2i-r {width:440px;float:none;font-size:16px;font-weight:400;color:#223550;}
.lay2i-m {display:none;}

.iprojectsdwn {padding:0 0 0 0;}
.i1l {width:380px;float:none;margin:0px auto;text-align:center;}
.i1m {width:380px;float:none;margin:20px auto 0 auto;text-align:center;}
.i1r {width:380px;float:none;margin:20px auto 0 auto;text-align:center;}
.i2l {width:380px;float:none;margin:20px auto 0 auto;text-align:center;}
.i2r {width:380px;float:none;margin:20px auto 0 auto;text-align:center;}           
         
.buttport {margin:0px auto;text-align:center;padding:30px 0 30px 0;}

.i-testi-box {width:380px;margin:0px auto;padding:35px 0 0 0;}
.i-testi-cont {color:#223550;}
.i-testi-det {color:#223550;text-align:center;}    

/* SUBPAGE*/
.sub-content {width:440px;margin:0px auto;position:relative;}

/* about */
.abox1-l {width:360px;float:none;margin:0px auto;}   
.abox1-r {width:360px;float:none;margin:0px auto;}
.aboxdesc1 {padding:15px 0 0 0;}
.abox2-l {width:360px;float:none;margin:0px auto;}   
.abox2-r {width:360px;float:none;margin:0px auto;padding:0 0 20px 0;}

/* services */
.navi {width:440px;margin:0 auto 0 auto;text-align:center;}
.srvbox1-l {width:440px;min-height:340px;float:none;margin:0px auto;}   
.srvbox1-r {width:440px;float:none;margin:0px auto;}
.srvboxdesc1 {padding:10px 0 10px 0;}   
   
.srvbox2-l {width:440px;float:none;margin:0px auto;}   
.srvbox2-r {width:440px;min-height:330px;float:none;margin:0px auto;}   
   
#services-beam-wrapper {width:100%;background:url('../img/srvban-back.jpg') repeat;padding:0 0 20px 0;} 

/* portfolio */
.photo-cont-def {width:380px;float:none;margin:20px auto 0 auto;}
.photo-cont-mid {width:380px;float:none;margin:20px auto 0 auto;}

/* testimonials */
#testimonials-wrapper {width:100%;height:100%;background:#f5f5f5;}
.testimonials-left {width:440px;float:none;margin:0px auto;}
.testimonials-right {width:300px;float:none;margin:0px auto;}
.tettitleh2 {color:#223550;}
.tettitleh3 {color:#223550;}
.testlinks li a {color:#223550;}
.testlinks li a:hover {color:#223550;text-decoration:underline;}
.test-bott {color:#223550;}
.wharrow {color:#223550;}
a.testhere-link {font-size:24px;color:#223550;text-decoration:underline;}
a.testhere-link:hover {font-size:24px;#223550:#fff;text-decoration:none;}  

/* contact */
#contact-wrapper {width:100%;min-height:537px;background:#e9e9ea;}
.cntbox-l {width:280px;float:none;margin:0px auto;}   
.cntbox-r {width:280px;float:none;margin:20px auto 20px auto;}
#contact_form {width:280px;margin:0px auto;padding:40px 0 20px 0;}
.cntform-l {width:270px;float:none;margin:0px auto;}
.cntform-r {width:270px;float:none;margin:0px auto;}      
.wpcf7-text{width:233px;}   


iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;} 
/* FOOTER
------------------------------------------------------------------------- */
.footer-main {width:440px;margin:0px auto;}
.footer-submain {width:440px;margin:0px auto;}

.footboxi {padding:35px 0 0 0;}
.foot1 {width:380px;float:none;margin:0px auto;}
.foot2 {width:380px;float:none;margin:20px auto 0 auto;}
.foot3 {width:380px;float:none;margin:20px auto 0 auto;}
.foot4 {width:380px;float:none;margin:20px auto 0 auto;}
.foot1i {width:360px;margin:0 0 0 0;}
.padd40 {padding:40px 0 20px 0;}

.foot-social {padding:30px 0 0 0;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
/* width: 280px; */
/* navigation */
.nav-default {display:none;}
.nav-responsive {width:280px;height:45px;display:block;margin:5px auto 0 auto;position:relative;}
.responsive-navigation {width:280px;position:absolute;z-index:1;top:0;left:0;}
.top-container {width:280px;margin:0px auto;}
.top-line {display:none;}
.telbox {display:none;}

#slide2-wrapper {width:100%;min-height:300px;background:#e9e9ea;}
#slide3-wrapper {width:100%;min-height:100px;background:#d6d6d6;}
#slide4-wrapper {width:100%;min-height:1126px;background:#0b1628;}

/* home */
.top-container {padding:15px 0 0 0;min-height:46px;}
        
.slide-wrapper {width:100%;min-height:160px;padding:10px 0 10px 0;background:url('../img/white.png') repeat;}
.fullpage-content {width:280px;margin:0px auto;}        
.main-content {width:280px;margin:0px auto;}

.layer1-l {width:280px;float:none;margin:0px auto;}
.layer1-r {width:280px;float:none;margin:0px auto;}
.layer2-l {width:280px;float:none;margin:0px auto;}
.layer2-r {width:280px;float:none;margin:0px auto;}

.lay1bdesc {padding:20px 0 20px 0;}
.titleh3 {font-family: 'Gurajada', serif;padding:0 0 0 0;color:#223550;}

.lay2i-l {width:280px;float:none;text-align:left;}
.lay2i-r {width:280px;float:none;font-size:16px;font-weight:400;color:#223550;}
.lay2i-m {display:none;}

.iprojectsdwn {padding:0 0 0 0;}
.i1l {width:280px;float:none;margin:0px auto;}
.i1m {width:280px;float:none;margin:20px auto 0 auto;}
.i1r {width:280px;float:none;margin:20px auto 0 auto;}
.i2l {width:280px;float:none;margin:20px auto 0 auto;}
.i2r {width:280px;float:none;margin:20px auto 0 auto;}           
         
.buttport {margin:0px auto;text-align:center;padding:30px 0 30px 0;}
           
.i-testi-box {width:280px;margin:0px auto;padding:35px 0 0 0;}           
.i-testi-cont {color:#223550;}
.i-testi-det {color:#223550;text-align:center;}           
           
/* SUBPAGE*/
.sub-content {width:280px;margin:0px auto;position:relative;}

/* about */
.abox1-l {width:280px;float:none;margin:0px auto;}   
.abox1-r {width:280px;float:none;margin:0px auto;}
.aboxdesc1 {padding:15px 0 0 0;}
.abox2-l {width:280px;float:none;margin:0px auto;}   
.abox2-r {width:280px;float:none;margin:0px auto;padding:0 0 20px 0;}
     
/* services */
.navi {width:280px;margin:0 auto 0 auto;text-align:center;}
.srvbox1-l {width:280px;min-height:237px;float:none;margin:0px auto;}   
.srvbox1-r {width:280px;float:none;margin:0px auto;}
.srvboxdesc1 {padding:10px 0 10px 0;}   
   
.srvbox2-l {width:280px;float:none;}   
.srvbox2-r {width:280px;min-height:207px;float:none;}   
   
   
   
#services-beam-wrapper {width:100%;background:url('../img/srvban-back.jpg') repeat;padding:0 0 20px 0;}   
        
/* portfolio */
.portfolio-photos {min-height:220px;padding:10px 0 90px 0;}
.main-project-photo {width:100%;height:210px;position:relative;}

.photo-cont-def {width:280px;float:none;margin:20px auto 0 auto;}
.photo-cont-mid {width:280px;margin:20px auto 0 auto;float:none;}      
.mphoto-box {width:280px;position:relative;}       
       
/* testimonials */
#testimonials-wrapper {width:100%;height:100%;background:#f5f5f5;}
.testimonials-container {width:280px;padding:10px 0 0 0;margin:0px auto;}    
.testimonials-left {width:280px;float:none;margin:0px auto;}
.testimonials-right {width:280px;float:none;margin:0px auto;}
.tettitleh2 {color:#223550;}
.tettitleh3 {color:#223550;}
.testlinks li a {color:#223550;}
.testlinks li a:hover {color:#223550;text-decoration:underline;}
.test-bott {color:#223550;}
.wharrow {color:#223550;}
a.testhere-link {font-size:24px;color:#223550;text-decoration:underline;}
a.testhere-link:hover {font-size:24px;#223550:#fff;text-decoration:none;}

               
/* contact */
#contact-wrapper {width:100%;min-height:537px;background:#e9e9ea;}
.cntbox-l {width:280px;float:none;margin:0px auto;}   
.cntbox-r {width:280px;float:none;margin:20px auto 20px auto;}
#contact_form {width:280px;margin:0px auto;padding:40px 0 20px 0;}
.cntform-l {width:270px;float:none;margin:0px auto;}
.cntform-r {width:270px;float:none;margin:0px auto;}      
.wpcf7-text{width:233px;}      
      
      
      
iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}
/* FOOTER
------------------------------------------------------------------------- */
.footer-main {width:280px;margin:0px auto;}
.footer-submain {width:280px;margin:0px auto;}

.footboxi {padding:35px 0 0 0;}
.foot1 {width:280px;float:none;margin:0px auto;}
.foot2 {width:280px;float:none;margin:20px auto 0 auto;}
.foot3 {width:280px;float:none;margin:20px auto 0 auto;}
.foot4 {width:280px;float:none;margin:20px auto 0 auto;}
.foot1i {width:280px;margin:0 0 0 0;}
.padd40 {padding:40px 0 20px 0;}

.foot-social {padding:30px 0 0 0;}
}