/* =============================================================================
    RESPONSIVE - MEDIA QUERIES  1480px MAX
============================================================================= */
@media only screen and (min-width: 1380px) and (max-width: 1480px){
.layer1-contentmax {width:1350px;}
.sl-heder1 {font-size:70px;}
.sl-heder2 {font-size:70px;}
.sl-heder3 {font-size:70px;}
.sl-heder4 {font-size:48px;}
.sl-button {}

/* ============================================================================ 
    SERVICES
============================================================================ */
.services-img-box {width:90%;padding:40px 0 0 40px;}

/* ============================================================================
    CONTACT
============================================================================ */
.contact1-contentmax {width:1350px;}

}

@media only screen and (min-width: 1180px) and (max-width: 1380px){
/* width: 1180px; */
.nav-content {width:95%;margin:0 auto;}
.nav-left {width:80%;float:left;position:relative;}
.nav-right {width:15%;float:right;padding:0 0 0 0;position:relative;}        
        
.logo {padding:20px 0 0 0;}        
        
/* ============================================================================
    HOME PAGE
============================================================================ */
.sl-heder1 {font-size:60px;padding:0 0 0 30px;}
.sl-heder2 {font-size:60px;padding:0 0 0 30px;}
.sl-heder3 {font-size:60px;padding:0 0 0 30px;}
.sl-heder4 {font-size:48px;padding:0 0 0 30px;}
.sl-button {padding:0 0 0 30px;}

.layer1-contentmax {width:1130px;min-height:230px;}
.layer1-content {width:1130px;margin:0px auto;padding:100px 0 0 0;}
.layer1-left {width:550px;float:left;}
.layer1-right {width:550px;float:right;}

.lay1-title h1 {font-size:46px;line-height:54px;}
.lay1-desc {max-width:530px;}

.lay1-photo {width:550px;position:relative;}
.lay1-photo-desc {left:-33px;}

.layer2-content {width:1130px;margin:0px auto;}
.layer2-left {width:590px;float:left;}
.layer2-right {width:240px;float:right;}

.layer3-content {width:1130px;margin:0px auto;}

#layer4-wrapper {width:100%;padding:50px 0 50px 0;}
.layer4-content {width:684px;margin:0px auto;}              
.lay4-photo-def {width:340px;margin:2px 2px 0 0;float:left;position: relative;}
.lay4-photo-last {width:340px;margin:2px 0 0 0;float:left;position: relative;}  

.layer5-content {width:1130px;}

.layer6-content {width:1130px;margin:0px auto;}
.layer6-left {width:330px;float:left;}
.layer6-right {width:770px;float:right;}

.lay6-title {font-size:42px;line-height:48px;}

.layer7-container {width:1130px;margin:0px auto;}
.layer7-left {width:530px;}
.layer7-right {width:530px;}

/* ============================================================================ 
    SUBPAGE
============================================================================ */ 
.banner-container {width:95%;margin:0px auto;}
.banner-title {padding:60px 0 0 0;}
.banner-title h1 {font-size:60px;line-height:64px;} 

/* ============================================================================ 
    SERVICES
============================================================================ */
.services-container {width:100%;margin:0px auto;}

.services-box {min-height:210px;}
.imgcover {object-fit:cover;width:100%;height:210px;}
.services-img-title h2 {font-size:26px;line-height:28px;}
.services-img-box {width:90%;padding:20px 0 0 20px;}

/* ============================================================================ 
    SERVICES ENTRY PAGE
============================================================================ */
.bread-container {width:95%;margin:0px auto;}

.srventry-container {width:1140px;margin:0px auto;}
.srventry1-left {width:550px;min-height:650px;float:left;}
.srventry1-right {width:550px;float:right;}
.srv1box {width:510px;margin:0px auto;}
.srv1-main-content {padding:70px 0 0 0;font-weight:300;}

.srventry2-container {width:1140px;margin:0px auto;}
.srventry2-left {width:520px;float:left;}
.srventry2-right {width:550px;float:right;}
.srv2title h2 {font-size:40px;line-height:44px;}
.srv2-photo {width:550px;position:relative;}
.srv2-photo-desc {width:445px;bottom:40px;left:-40px;}

/* template 2*/
.srventry1b-left {width:550px;float:left;}
.srventry1b-right {width:550px;min-height:650px;float:right;}
.srv1b-right-box {width:510px;}

.srventry2b-left {width:550px;float:left;}
.srventry2b-right {width:520px;float:right;}
.srv2b-photo-desc {width:445px;bottom:40px;right:-40px;}
/* --- */

.srventry3-content {width:95%;min-height:325px;margin:0px auto;position:relative;}
#srventry4-wrapper {width:100%;padding:100px 0 50px 0;}
.srventry4-content {width:684px;margin:0px auto;}

/* ============================================================================
    PORTFOLIO
============================================================================ */
.portfolio-container {width:1130px;}
.prj-def {width:100%;max-width:375px;margin:2px 2px 0 0;float:left;}
.prj-last {width:100%;max-width:375px;margin:2px 0 0 0;float:left;}
.prj-img-title h2 {font-size:26px;line-height:30px;}

/* project */ 
.prj-bread-container {width:95%;} 
.prj-photo-def {width:100%;max-width:370px;height:300px;margin:2px 2px 0 0;float:left;overflow: hidden;}
.prj-photo-last {width:100%;max-width:370px;height:300px;margin:2px 2px 0 0;float:left;overflow: hidden;} 
.photocover {object-fit:cover;width:100%;height:300px;}

/* ============================================================================
    REVIEWS
============================================================================ */        
#review-wrapper {padding:60px 0 160px 0;}
.review-cointainer {width:90%;margin:0 auto;}
.testi-container {width:85%;min-height:420px;margin:0 auto;}
.reviews-inside {width:90%;padding:60px 0 0 0;margin:0 auto;}        
.tcontent {font-style:italic;font-size:18px;line-height:22px;display:block;}
        
.reviews-quote-box {width:145px;position:relative;left:0;bottom:-115px;margin:0 auto;}        
.reviews-quote {display:inline-block;} 

/* ============================================================================
    BLOG
============================================================================ */        
.blog-content {width:95%;margin:0px auto;}        
.bl-entry-full {
  padding:20px 0 0 0;
  -webkit-columns: 2 480px;
  -moz-columns: 2 480px;
  columns: 2 480px;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}  

/* ============================================================================
    CONTACT
============================================================================ */   
.contact1-contentmax {width:100%;margin:0px auto;}
.contact1-content {width:1130px;margin:0px auto;padding:50px 0 0 0;}
.contact1-left {width:500px;float:left;}
.contact1-right {width:590px;float:right;}
.cnt-title {padding:80px 0 0 0;}
.cnt-title h2 {font-size:40px;line-height:44px;}

/* form */
.form-header h2 {font-size:30px;}
.form-container-inside {width:560px;margin:0px auto;}
.cntform-text{width:528px;height:60px;line-height:60px;}


iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}
/* ============================================================================
    FOOTER
============================================================================ */ 
#footer-wrapper {width: 100%;background: url('../img/footer-back.png') #eaeaea no-repeat bottom center;}
.footer-content {width:1130px;margin:0px auto;}
.footer-left {width:930px;float:left;}
.footer-right {width:200px;float:right;}

.f1-left {width:150px;}
.f2-left {width:185px;}
.f3-left {width:185px;}
.f4-left {width:185px;}
.f5-left {width:180px;}

}

@media only screen and (min-width: 959px) and (max-width: 1180px){
/* width: 950px; */
.nav-content {width:95%;margin:0 auto;}
.nav-left {width:80%;float:left;position:relative;}
.nav-right {width:15%;float:right;padding:0 0 0 0;position:relative;}        
        
.logo {padding:20px 0 0 0;}        
        
/* ============================================================================
    HOME PAGE
============================================================================ */
.sl-heder1 {font-size:60px;padding:0 0 0 30px;}
.sl-heder2 {font-size:60px;padding:0 0 0 30px;}
.sl-heder3 {font-size:60px;padding:0 0 0 30px;}
.sl-heder4 {font-size:48px;padding:0 0 0 30px;}
.sl-button {padding:0 0 0 30px;}
       
#layer1-wrapper {padding:0 0 50px 0;}        
.layer1-contentmax {width:100%;margin:0px auto;}
.layer1-content {width:95%;margin:0px auto;padding:100px 0 0 0;}
.layer1-left {width:100%;float:none;margin:0px auto;}
.layer1-right {width:100%;float:none;margin:0px auto;}        
   
.lay1-title {padding:0 0 0 0;}
.lay1-title h1 {font-size:46px;line-height:54px;}   
.lay1-desc {max-width:100%;}     
        
.lay1-photo {width:100%;max-width:590px;position:relative;padding:35px 0 0 0;margin:0 auto 0 auto;}
.lay1-photo-desc {width:100%;position:absolute;bottom:40px;left:0;}
.lay1-photo-box {width:95%;margin:0px auto;padding:35px 0 30px 0;font-size:18px;line-height:22px;}
        
#layer2-wrapper {width:100%;min-height:210px;background: url('../img/layer2-back.jpg') repeat-y top center;}
.layer2-content {width:95%;margin:0px auto;}
.layer2-left {width:65%;float:left;}
.layer2-right {width:30%;float:right;}
.layer2-desc {font-size:38px;line-height:42px;font-weight:300;padding:30px 0 0 0;}
            
.layer3-content {width:95%;margin:0px auto;}            
        
#layer4-wrapper {width:100%;padding:50px 0 50px 0;}
.layer4-content {width:684px;margin:0px auto;}              
.lay4-photo-def {width:340px;margin:2px 2px 0 0;float:left;position: relative;}
.lay4-photo-last {width:340px;margin:2px 0 0 0;float:left;position: relative;}      
        
.layer5-content {width:100%;min-height:425px;margin:0px auto;position:relative;}        
.layer5-desc {width:95%;font-size:32px;line-height:36px;padding:60px 0 0 0;}
.layer5-more {width:95%;font-size:32px;line-height:36px;padding:35px 0 0 0;}        
.layer5-quote {left:0;bottom:0;position:relative;margin:20px auto 0 auto;}        
        
#layer6-wrapper {width:100%;padding:50px 0 0 0;}
.layer6-content {width:95%;margin:0px auto;}
.layer6-left {width:100%;float:none;margin:0px auto;}
.layer6-right {width:80%;float:none;margin:0px auto;padding:40px 0 0 0;}        
        
.lay6-title {font-size:36px;line-height:38px;padding:20px 0 0 0;}
.lay6-link {font-size:30px;line-height:32px;letter-spacing:2px;padding:30px 0 0 0;}        
        
#layer7-wrapper {width:100%;padding:50px 0 50px 0;}
.layer7-container {width:100%;margin:0px auto;}
.layer7-left {width:95%;float:none;min-height:260px;margin:0px auto;}
.layer7-right {width:95%;float:none;min-height:260px;margin:0px auto;padding:60px 0 0 0;}

/* ============================================================================ 
    SUBPAGE
============================================================================ */ 
.banner-container {width:95%;margin:0px auto;}
.banner-title {padding:60px 0 0 0;}
.banner-title h1 {font-size:40px;line-height:44px;} 


/* ============================================================================ 
    SERVICES
============================================================================ */
#services-wrapper {width:100%;padding:60px 0 60px 0;}
.services-container {width:100%;margin:0px auto;}

.services-box {min-height:210px;}
.imgcover {object-fit:cover;width:100%;height:210px;}
.services-img-title h2 {font-size:26px;line-height:28px;}
.services-img-box {width:90%;padding:20px 0 0 20px;}

/* ============================================================================ 
    SERVICES ENTRY PAGE
============================================================================ */
.bread-container {width:95%;margin:0px auto;}

.srventry-container {width:930px;margin:0px auto;}
.srventry1-left {width:450px;min-height:650px;float:left;}
.srventry1-right {width:430px;float:right;}

.srv1box {width:410px;margin:0px auto;padding:60px 0 0 0;}
.srv1title h2 {font-size:30px;line-height:34px;}
.srv1desc {font-size:26px;line-height:28px;}

.srv1-right-box {width:400px;margin:40px 0 0 0;}
.srv1-main-content {padding:50px 0 0 0;font-weight:300;}

#srventry2-wrapper {width:100%;padding:60px 0 60px 0;}
.srventry2-container {width:930px;margin:0px auto;}
.srventry2-left {width:500px;float:left;}
.srventry2-right {width:400px;float:right;}

.srv2title h2 {font-size:40px;line-height:42px;}
.srv2-photo {width:400px;position:relative;}
.srv2-photo-desc {width:400px;left:0;}
.srv2-photo-box {width:350px;margin:0px auto;padding:35px 0 30px 0;font-size:21px;line-height:24px;font-weight:300;font-style:italic;color:#fff;}

/* template 2*/
.srventry1b-left {width:450px;float:left;}
.srventry1b-right {width:450px;min-height:650px;float:right;}
.srv1b-right-box {width:430px;min-height:210px;margin:60px 0 0 0;}

.srventry2b-left {width:400px;float:left;}
.srventry2b-right {width:500px;float:right;}
.srv2b-photo-desc {width:400px;right:0;}
/* --- */
.srventry3-content {width:95%;}
#srventry4-wrapper {width:100%;padding:100px 0 50px 0;}
.srventry4-content {width:684px;margin:0px auto;}

/* ============================================================================
    PORTFOLIO
============================================================================ */
.portfolio-container {width:930px;}
.prj-def {width:100%;max-width:305px;margin:2px 2px 0 0;float:left;}
.prj-last {width:100%;max-width:305px;margin:2px 0 0 0;float:left;}
.prj-img-title h2 {font-size:24px;line-height:28px;}

/* project */ 
.prj-bread-container {width:95%;} 
.prj-photo-def {width:100%;max-width:452px;height:340px;margin:2px 2px 0 0;float:left;overflow: hidden;}
.prj-photo-last {width:100%;max-width:452px;height:340px;margin:2px 2px 0 0;float:left;overflow: hidden;} 
.photocover {object-fit:cover;width:100%;height:340px;}

/* ============================================================================
    REVIEWS
============================================================================ */        
#review-wrapper {padding:60px 0 160px 0;}
.review-cointainer {width:90%;margin:0 auto;}
.testi-container {width:85%;min-height:420px;margin:0 auto;}
.reviews-inside {width:90%;padding:60px 0 0 0;margin:0 auto;}        
.tcontent {font-style:italic;font-size:18px;line-height:22px;display:block;}
        
.reviews-quote-box {width:145px;position:relative;left:0;bottom:-115px;margin:0 auto;}        
.reviews-quote {display:inline-block;} 

/* ============================================================================
    BLOG
============================================================================ */        
.blog-content {width:95%;margin:0px auto;}        
.bl-entry-full {
  padding:20px 0 0 0;
  -webkit-columns: 2 95%;
  -moz-columns: 2 95%;
  columns: 2 95%;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}   

/* ============================================================================
    CONTACT
============================================================================ */   
.contact1-contentmax {width:100%;margin:0px auto;}
.contact1-content {width:910px;margin:0px auto;padding:50px 0 0 0;}
.contact1-left {width:400px;float:left;}
.contact1-right {width:490px;float:right;}
.cnt-title {padding:80px 0 0 0;}
.cnt-title h2 {font-size:30px;line-height:34px;}

/* form */
.form-header h2 {font-size:30px;}
.form-container-inside {width:460px;margin:0px auto;}
.cntform-text{width:428px;height:60px;line-height:60px;}

.sub-box-l {width:300px;float:none;}
.sub-box-r {width:210px;float:none;padding:20px 0 0 0;}


iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}
/* ============================================================================
    FOOTER
============================================================================ */ 
#footer-wrapper {width: 100%;min-height:300px;background: url('../img/footer-back.png') #eaeaea no-repeat bottom center;}
.footer-content {width:95%;margin:0px auto;}
.footer-left {width:100%;float:none;margin:0px auto;}
.footer-right {width:100%;float:none;margin:0px auto;}

.footlist li {padding-left: 1.0em;font-size:14px;line-height:24px;font-weight:400;margin:0 0 7px 0;}

.f1-left {width:150px;}
.f2-left {width:185px;}
.f3-left {width:185px;}
.f4-left {width:185px;}
.f5-left {width:180px;}

.fcno {font-size:12px;line-height:14px;padding:5px 0 0 0;}
.copy {font-size:12px;line-height:14px;padding:20px 0 0 0;text-align:center;}
.imonda {font-size:12px;line-height:18px;padding:5px 0 10px 0;text-align:center;}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
/* width: 728px; */
.nav-content {width:95%;margin:0 auto;}
.nav-left {width:80%;float:left;position:relative;}
.nav-right {width:15%;float:right;padding:0 0 0 0;position:relative;}        
        
.logo {width:220px;padding:20px 0 0 0;}        
        
/* ============================================================================
    HOME PAGE
============================================================================ */
#slider {display:none;}
.mobile-slide {display:block;padding:140px 0 0 0;}    
.sl-mob-heder1 {font-size:36px;line-height:40px;padding:0 0 0 30px;text-align:left;font-weight:bold;color:#fff;text-transform:uppercase;}
.sl-mob-heder2 {font-size:36px;line-height:40px;padding:0 0 0 30px;text-align:left;font-weight:bold;color:#fff;text-transform:uppercase;}
.sl-mob-heder3 {font-size:36px;line-height:40px;padding:0 0 0 30px;text-align:left;font-weight:bold;color:#fff;text-transform:uppercase;}
.sl-mob-heder4 {font-size:36px;line-height:40px;padding:0 0 0 30px;text-align:left;font-weight:bold;color:#fff;text-transform:uppercase;}
.sl-mob-button {padding:30px 0 0 30px;text-align:left;}        
       
#layer1-wrapper {padding:0 0 50px 0;}        
.layer1-contentmax {width:100%;margin:0px auto;}
.layer1-content {width:95%;margin:0px auto;padding:100px 0 0 0;}
.layer1-left {width:100%;float:none;margin:0px auto;}
.layer1-right {width:100%;float:none;margin:0px auto;}        
   
.lay1-title {padding:0 0 0 0;}
.lay1-title h1 {font-size:36px;line-height:44px;}   
.lay1-desc {max-width:100%;}     
        
.lay1-photo {width:100%;max-width:590px;position:relative;padding:35px 0 0 0;margin:0 auto 0 auto;}
.lay1-photo-desc {width:100%;position:absolute;bottom:40px;left:0;}
.lay1-photo-box {width:95%;margin:0px auto;padding:35px 0 30px 0;font-size:18px;line-height:22px;}
        
#layer2-wrapper {width:100%;min-height:210px;background: url('../img/layer2-back.jpg') repeat-y top center;}
.layer2-content {width:95%;margin:0px auto;}
.layer2-left {width:65%;float:left;}
.layer2-right {width:30%;float:right;}
.layer2-desc {font-size:38px;line-height:42px;font-weight:300;padding:30px 0 0 0;}
            
.layer3-content {width:95%;margin:0px auto;}            
        
#layer4-wrapper {width:100%;padding:50px 0 50px 0;}
.layer4-content {width:684px;margin:0px auto;}              
.lay4-photo-def {width:340px;margin:2px 2px 0 0;float:left;position: relative;}
.lay4-photo-last {width:340px;margin:2px 0 0 0;float:left;position: relative;}      
        
.layer5-content {width:100%;min-height:425px;margin:0px auto;position:relative;}        
.layer5-desc {width:95%;font-size:26px;line-height:32px;padding:40px 0 0 0;}
.layer5-more {width:95%;font-size:26px;line-height:32px;padding:35px 0 0 0;}        
.layer5-quote {left:0;bottom:0;position:relative;margin:20px auto 0 auto;}        
        
#layer6-wrapper {width:100%;padding:50px 0 0 0;}
.layer6-content {width:95%;margin:0px auto;}
.layer6-left {width:100%;float:none;margin:0px auto;}
.layer6-right {width:100%;float:none;margin:0px auto;padding:40px 0 0 0;}        
        
.lay6-title {font-size:30px;line-height:34px;padding:20px 0 0 0;}
.lay6-link {font-size:30px;line-height:32px;letter-spacing:2px;padding:30px 0 0 0;}        
        
#layer7-wrapper {width:100%;padding:50px 0 50px 0;}
.layer7-container {width:100%;margin:0px auto;}
.layer7-left {width:95%;float:none;min-height:260px;margin:0px auto;}
.layer7-right {width:95%;float:none;min-height:260px;margin:0px auto;padding:60px 0 0 0;}

/* ============================================================================ 
    SUBPAGE
============================================================================ */ 
.banner-container {width:95%;margin:0px auto;}
.banner-title {padding:60px 0 0 0;}
.banner-title h1 {font-size:30px;line-height:34px;} 

/* ============================================================================ 
    SERVICES
============================================================================ */
#services-wrapper {width:100%;padding:50px 0 50px 0;}
.services-container {width:100%;margin:0px auto;}

.services-box {min-height:210px;}
.imgcover {object-fit:cover;width:100%;height:210px;}
.services-img-title h2 {font-size:22px;line-height:24px;}
.services-img-box {width:90%;padding:20px 0 0 20px;}
       
/* ============================================================================ 
    SERVICES ENTRY PAGE
============================================================================ */
.bread-container {width:95%;margin:0px auto;}
.srventry-container {width:100%;margin:0px auto;}
.srventry1-left {width:100%;min-height:330px;margin:0px auto;float:none;}
.srventry1-right {width:100%;margin:0px auto;float:none;}

.srv1box {width:95%;}
.srv1title h2 {font-size:26px;line-height:32px;}
.srv1desc {font-size:22px;line-height:26px;}
.srvtitlespan {display:block;line-height:26px;}
.srv1-right-box {width:100%;float:none;margin:30px 0 0 0;}
.srv1-right-quote {width: 145px;float:none;margin:0 auto 0 auto;padding:30px 0 0 0;}
.srv1-quote {display:inline-block;}
.srv1-main-content {width:95%;padding:50px 0 0 0;margin:0px auto;}

#srventry2-wrapper {width:100%;padding:0 0 50px 0;}
.srventry2-container {width:95%;margin:0px auto;}
.srventry2-left {width:100%;float:none;margin:0px auto;}
.srventry2-right {width:100%;float:none;margin:0px auto;}

.srv2title h2 {font-size:30px;line-height:34px;}
.srv2-photo {width:100%;max-width:590px;position:relative;padding:30px 0 0 0;margin:0px auto;}

.srv2-photo-desc {width:100%;position:absolute;bottom:40px;left:0;}
.srv2-photo-box {width:95%;padding:30px 0 30px 0;font-size:18px;line-height:22px;}

/* template 2*/
.srventry1b-left {width:100%;float:none;margin:0px auto;}
.srventry1b-right {width:100%;min-height:330px;float:none;margin:30px auto 0 auto;}
.srv1b-right-box {width:100%;float:none;margin:30px 0 0 0;}
.srv1b-right-quote {width: 145px;float:none;margin:0 auto 0 auto;padding:30px 0 0 0;}
.srv1b-quote {display:inline-block;}

.srventry2b-left {width:100%;float:none;margin:0px auto;}
.srventry2b-right {width:100%;float:none;margin:0px auto;}
.srv2b-photo-desc {width:100%;position:absolute;bottom:40px;left:0;}
/* --- */
.srventry3-content {width:95%;min-height:325px;margin:0px auto;position:relative;}
.srv3-quote {left:0;bottom:0;position:relative;margin:40px auto 0 auto;}
.tel_block {display:block;}

#srventry4-wrapper {width:100%;padding:50px 0 50px 0;}
.srventry4-content {width:684px;margin:0px auto;}

/* ============================================================================
    PORTFOLIO
============================================================================ */
.portfolio-container {width:725px;}
.prj-def {width:100%;max-width:360px;margin:2px 2px 0 0;float:left;}
.prj-last {width:100%;max-width:360px;margin:2px 2px 0 0;float:left;}

/* project */ 
.prj-bread-container {width:95%;} 
.prj-photo-def {width:100%;max-width:360px;height:270px;margin:2px 2px 0 0;float:left;overflow: hidden;}
.prj-photo-last {width:100%;max-width:360px;height:270px;margin:2px 2px 0 0;float:left;overflow: hidden;} 
.photocover {object-fit:cover;width:100%;height:270px;}

/* ============================================================================
    REVIEWS
============================================================================ */        
#review-wrapper {padding:60px 0 160px 0;}
.review-cointainer {width:90%;margin:0 auto;}
.testi-container {width:85%;min-height:420px;margin:0 auto;}
.reviews-inside {width:90%;padding:60px 0 0 0;margin:0 auto;}        
.tcontent {font-style:italic;font-size:18px;line-height:22px;display:block;}
        
.reviews-quote-box {width:145px;position:relative;left:0;bottom:-115px;margin:0 auto;}        
.reviews-quote {display:inline-block;}   

/* ============================================================================
    BLOG
============================================================================ */        
.blog-content {width:95%;margin:0px auto;}        
.bl-entry-full {
  padding:20px 0 0 0;
  -webkit-columns: 2 95%;
  -moz-columns: 2 95%;
  columns: 2 95%;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}   

/* ============================================================================
    CONTACT
============================================================================ */    
#contact1-wrapper {padding:0 0 50px 0;}    
.contact1-contentmax {width:100%;margin:0px auto;}
.contact1-content {width:95%;margin:0px auto;padding:50px 0 0 0;}
.contact1-left {width:100%;float:none;margin:0px auto;}
.contact1-right {width:100%;float:none;margin:0px auto;padding:50px 0 0 0;}        
.cnt-title h2 {font-size:30px;line-height:34px;}
.cnt-desc {max-width:100%;padding:35px 0 0 0;}        
        
.cnt-mob {font-size:18px;}
.cnt-email {font-size:18px;}        
        
.form-container-inside {width:90%;margin:0px auto;}        
.form-header h2 {font-size:26px;}        
        
.cntform-text{width:90%;height:58px;padding: 0 5px 0 20px;font-size:18px;line-height:58px;}
.cntform-textarea{width:94%;height:180px;padding: 18px 0 0 25px;}

.sub-box-l {width:100%;float:none;margin:0px auto;}
.sub-box-r {width:100%;max-width:210px;float:none;margin:0 0 0 0;padding:20px 0 0 0;}       

.gdpr-layer {font-size:14px;line-height:16px;}
.lab-l {width:30px;float:left;}
.lab-r {width:95%;float:right;font-size:14px;line-height:16px;}
.lab-info {padding:0 0 10px 0;}   
.asterix {padding:25px 0 0 0;}




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

iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}
/* ============================================================================
    FOOTER
============================================================================ */ 
#footer-wrapper {width: 100%;min-height:300px;background: url('../img/footer-back.png') #eaeaea no-repeat bottom center;}
.footer-content {width:95%;margin:0px auto;}
.footer-left {width:100%;float:none;margin:0px auto;}
.footer-right {width:100%;float:none;margin:0px auto;}

.footlist li {padding-left: 1.0em;font-size:14px;line-height:24px;font-weight:400;margin:0 0 7px 0;}

.fcno {font-size:12px;line-height:14px;padding:5px 0 0 0;}
.copy {font-size:12px;line-height:14px;padding:20px 0 0 0;text-align:center;}
.imonda {font-size:12px;line-height:18px;padding:5px 0 10px 0;text-align:center;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
/* width: 440px; */
.nav-content {width:95%;margin:0 auto;}
.nav-left {width:80%;float:left;position:relative;}
.nav-right {width:15%;float:right;padding:0 0 0 0;position:relative;}        
        
.logo {width:220px;padding:20px 0 0 0;}        
        
/* ============================================================================
    HOME PAGE
============================================================================ */
#slider {display:none;}
.mobile-slide {display:block;padding:140px 0 0 0;}    
.sl-mob-heder1 {font-size:26px;line-height:36px;padding:0 0 0 30px;text-align:left;font-weight:bold;color:#fff;text-transform:uppercase;}
.sl-mob-heder2 {font-size:26px;line-height:36px;padding:0 0 0 30px;text-align:left;font-weight:bold;color:#fff;text-transform:uppercase;}
.sl-mob-heder3 {font-size:26px;line-height:36px;padding:0 0 0 30px;text-align:left;font-weight:bold;color:#fff;text-transform:uppercase;}
.sl-mob-heder4 {font-size:26px;line-height:36px;padding:0 0 0 30px;text-align:left;font-weight:bold;color:#fff;text-transform:uppercase;}
.sl-mob-button {padding:30px 0 0 30px;text-align:left;}        
        
#layer1-wrapper {padding:0 0 50px 0;}        
.layer1-contentmax {width:100%;margin:0px auto;background-size: 100%;}
.layer1-content {width:95%;margin:0px auto;padding:100px 0 0 0;}
.layer1-left {width:100%;float:none;margin:0px auto;}
.layer1-right {width:100%;float:none;margin:0px auto;}        
   
.lay1-title {padding:0 0 0 0;}
.lay1-title h1 {font-size:26px;line-height:34px;}   
.lay1-desc {max-width:100%;}     
        
.lay1-photo {width:100%;max-width:590px;position:relative;padding:35px 0 0 0;margin:0 auto 0 auto;}
.lay1-photo-desc {width:100%;position:absolute;bottom:40px;left:0;}
.lay1-photo-box {width:95%;margin:0px auto;padding:35px 0 30px 0;font-size:18px;line-height:22px;}
        
#layer2-wrapper {width:100%;min-height:210px;background:none;background-color:#eaeaea;padding:0 0 20px 0;}
.layer2-content {width:95%;margin:0px auto;}
.layer2-left {width:100%;float:none;margin:0px auto;}
.layer2-right {width:145px;float:none;margin:0px auto;}
.layer2-desc {font-size:24px;line-height:32px;}        
.layer2-quote {float:none;margin:30px auto 0 auto;}        
        
.layer3-content {width:95%;margin:0px auto;}        
        
#layer4-wrapper {width:100%;padding:50px 0 50px 0;}
.layer4-content {width:100%;margin:0px auto;}        
        
.lay4-photo-def {width:100%;max-width:340px;margin:2px auto 0 auto;float:none;position: relative;}
.lay4-photo-last {width:100%;max-width:340px;margin:2px auto 0 auto;float:none;position: relative;}        
        
.layer5-content {width:100%;min-height:425px;margin:0px auto;position:relative;}        
.layer5-desc {width:95%;font-size:22px;line-height:30px;padding:20px 0 0 0;}
.layer5-more {width:95%;font-size:22px;line-height:30px;padding:25px 0 0 0;}        
.layer5-quote {left:0;bottom:0;position:relative;margin:20px auto 0 auto;}        
        
#layer6-wrapper {width:100%;padding:50px 0 0 0;}
.layer6-content {width:95%;margin:0px auto;}
.layer6-left {width:100%;float:none;margin:0px auto;}
.layer6-right {width:100%;float:none;margin:0px auto;padding:40px 0 0 0;}        
        
.lay6-title {font-size:30px;line-height:34px;padding:20px 0 0 0;}
.lay6-link {font-size:30px;line-height:32px;letter-spacing:2px;padding:30px 0 0 0;}        
        
#layer7-wrapper {width:100%;padding:50px 0 50px 0;}
.layer7-container {width:100%;margin:0px auto;}
.layer7-left {width:95%;float:none;min-height:260px;margin:0px auto;}
.layer7-right {width:95%;float:none;min-height:260px;margin:0px auto;padding:60px 0 0 0;}

/* ============================================================================ 
    SUBPAGE
============================================================================ */ 
.banner-container {width:95%;margin:0px auto;}
.banner-title {padding:60px 0 0 0;}
.banner-title h1 {font-size:30px;line-height:34px;} 

/* ============================================================================ 
    SERVICES
============================================================================ */
#services-wrapper {width:100%;padding:50px 0 50px 0;}
.services-container {width:100%;margin:0px auto;}

.services-box {min-height:210px;}
.imgcover {object-fit:cover;width:100%;height:210px;}
.services-img-title h2 {font-size:20px;line-height:24px;}
.services-img-box {width:90%;padding:20px 0 0 20px;}
       
/* ============================================================================ 
    SERVICES ENTRY PAGE
============================================================================ */
.bread-container {width:95%;margin:0px auto;}
.srventry-container {width:100%;margin:0px auto;}
.srventry1-left {width:100%;min-height:330px;margin:0px auto;float:none;}
.srventry1-right {width:100%;margin:0px auto;float:none;}

.srv1box {width:95%;}
.srv1title h2 {font-size:26px;line-height:32px;}
.srv1desc {font-size:22px;line-height:26px;}
.srvtitlespan {display:block;line-height:26px;}
.srv1-right-box {width:100%;float:none;margin:30px 0 0 0;}
.srv1-right-quote {width: 145px;float:none;margin:0 auto 0 auto;padding:30px 0 0 0;}
.srv1-quote {display:inline-block;}
.srv1-main-content {width:95%;padding:50px 0 0 0;margin:0px auto;}

#srventry2-wrapper {width:100%;padding:0 0 50px 0;}
.srventry2-container {width:95%;margin:0px auto;}
.srventry2-left {width:100%;float:none;margin:0px auto;}
.srventry2-right {width:100%;float:none;margin:0px auto;}

.srv2title h2 {font-size:30px;line-height:34px;}
.srv2-photo {width:100%;max-width:590px;position:relative;padding:30px 0 0 0;margin:0px auto;}

.srv2-photo-desc {width:100%;position:absolute;bottom:40px;left:0;}
.srv2-photo-box {width:95%;padding:30px 0 30px 0;font-size:18px;line-height:22px;}

/* template 2*/
.srventry1b-left {width:100%;float:none;margin:0px auto;}
.srventry1b-right {width:100%;min-height:330px;float:none;margin:30px auto 0 auto;}
.srv1b-right-box {width:100%;float:none;margin:30px 0 0 0;}
.srv1b-right-quote {width: 145px;float:none;margin:0 auto 0 auto;padding:30px 0 0 0;}
.srv1b-quote {display:inline-block;}

.srventry2b-left {width:100%;float:none;margin:0px auto;}
.srventry2b-right {width:100%;float:none;margin:0px auto;}
.srv2b-photo-desc {width:100%;position:absolute;bottom:40px;left:0;}
/* --- */
.srventry3-content {width:95%;min-height:325px;margin:0px auto;position:relative;}
.srv3-quote {left:0;bottom:0;position:relative;margin:40px auto 0 auto;}
.tel_block {display:block;}

#srventry4-wrapper {width:100%;padding:50px 0 50px 0;}
.srventry4-content {width:100%;margin:0px auto;}

/* ============================================================================
    PORTFOLIO
============================================================================ */
.portfolio-container {width:100%;}
.prj-def {width:100%;max-width:452px;margin:2px auto 0 auto;float:none;}
.prj-last {width:100%;max-width:452px;margin:2px auto 0 auto;float:none;}

/* project */ 
.prj-bread-container {width:95%;} 
.prj-photo-def {width:100%;max-width:452px;margin:2px auto 0 auto;float:none;}
.prj-photo-last {width:100%;max-width:452px;margin:2px auto 0 auto;float:none;} 

/* ============================================================================
    REVIEWS
============================================================================ */        
#review-wrapper {padding:60px 0 160px 0;}
.review-cointainer {width:100%;margin:0 auto;}
.testi-container {width:90%;min-height:420px;margin:0 auto;}
.reviews-inside {width:90%;padding:60px 0 0 0;margin:0 auto;}        
.tcontent {font-style:italic;font-size:18px;line-height:22px;display:block;}
        
.reviews-quote-box {width:145px;position:relative;left:0;bottom:-115px;margin:0 auto;}        
.reviews-quote {display:inline-block;}   

/* ============================================================================
    BLOG
============================================================================ */        
.blog-content {width:95%;margin:0px auto;}        
.bl-entry-full {
  padding:20px 0 0 0;
  -webkit-columns: 2 95%;
  -moz-columns: 2 95%;
  columns: 2 95%;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}   

/* ============================================================================
    CONTACT
============================================================================ */    
#contact1-wrapper {padding:0 0 50px 0;}    
.contact1-contentmax {width:100%;margin:0px auto;background-size: 100%;}
.contact1-content {width:95%;margin:0px auto;padding:50px 0 0 0;}
.contact1-left {width:100%;float:none;margin:0px auto;}
.contact1-right {width:100%;float:none;margin:0px auto;padding:50px 0 0 0;}        
.cnt-title h2 {font-size:30px;line-height:34px;}
.cnt-desc {max-width:100%;padding:35px 0 0 0;}        
        
.cnt-mob {font-size:18px;}
.cnt-email {font-size:18px;}        
        
.form-container-inside {width:90%;margin:0px auto;}        
.form-header h2 {font-size:26px;}        
        
.cntform-text{width:90%;height:58px;padding: 0 5px 0 20px;font-size:18px;line-height:58px;}
.cntform-textarea{width:95%;height:180px;padding: 18px 0 0 25px;}

.sub-box-l {width:100%;float:none;margin:0px auto;}
.sub-box-r {width:100%;max-width:280px;float:none;margin:0 0 0 0;padding:20px 0 0 0;}       

.gdpr-layer {font-size:14px;line-height:16px;}
.lab-l {width:30px;float:left;}
.lab-r {width:90%;float:right;font-size:14px;line-height:16px;}
.lab-info {padding:0 0 10px 0;}   
.asterix {padding:25px 0 0 0;}


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

iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}   
/* ============================================================================
    FOOTER
============================================================================ */ 
#footer-wrapper {width: 100%;min-height:300px;background: url('../img/footer-back.png') #eaeaea no-repeat bottom center;}
.footer-content {width:95%;margin:0px auto;}
.footer-left {width:100%;float:none;margin:0px auto;}
.footer-right {width:100%;float:none;margin:0px auto;}

.f1-left {padding:27px 0 0 0;float:none;}
.f2-left {padding:27px 0 0 0;float:none;}
.f3-left {padding:2px 0 0 0;float:none;}
.f4-left {padding:2px 0 0 0;float:none;}
.f5-left {padding:2px 0 0 0;float:none;}

.footlist li {padding-left: 1.0em;font-size:14px;line-height:24px;font-weight:400;margin:0 0 7px 0;}

.fcno {font-size:12px;line-height:14px;padding:5px 0 0 0;}
.copy {font-size:12px;line-height:14px;padding:20px 0 0 0;text-align:center;}
.imonda {font-size:12px;line-height:18px;padding:5px 0 10px 0;text-align:center;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
/* width: 280px; */
.nav-content {width:95%;margin:0 auto;}
.nav-left {width:80%;float:left;position:relative;}
.nav-right {width:15%;float:right;padding:0 0 0 0;position:relative;}        
        
.logo {width:220px;padding:20px 0 0 0;}        
        
/* ============================================================================
    HOME PAGE
============================================================================ */
#slider {display:none;}
.mobile-slide {display:block;padding:140px 0 0 0;}    
.sl-mob-heder1 {font-size:26px;line-height:36px;padding:0 0 0 30px;text-align:left;font-weight:bold;color:#fff;text-transform:uppercase;}
.sl-mob-heder2 {font-size:26px;line-height:36px;padding:0 0 0 30px;text-align:left;font-weight:bold;color:#fff;text-transform:uppercase;}
.sl-mob-heder3 {font-size:26px;line-height:36px;padding:0 0 0 30px;text-align:left;font-weight:bold;color:#fff;text-transform:uppercase;}
.sl-mob-heder4 {font-size:26px;line-height:36px;padding:0 0 0 30px;text-align:left;font-weight:bold;color:#fff;text-transform:uppercase;}
.sl-mob-button {padding:30px 0 0 30px;text-align:left;}        
        
#layer1-wrapper {padding:0 0 50px 0;}        
.layer1-contentmax {width:100%;margin:0px auto;background-size: 100%;}
.layer1-content {width:95%;margin:0px auto;padding:100px 0 0 0;}
.layer1-left {width:100%;float:none;margin:0px auto;}
.layer1-right {width:100%;float:none;margin:0px auto;}        
   
.lay1-title {padding:0 0 0 0;}
.lay1-title h1 {font-size:26px;line-height:34px;}        
        
.lay1-photo {width:100%;position:relative;padding:35px 0 0 0;}
.lay1-photo-desc {width:100%;position:absolute;bottom:40px;left:0;}
.lay1-photo-box {width:95%;margin:0px auto;padding:35px 0 30px 0;font-size:18px;line-height:22px;}
        
#layer2-wrapper {width:100%;min-height:210px;background:none;background-color:#eaeaea;padding:0 0 20px 0;}
.layer2-content {width:95%;margin:0px auto;}
.layer2-left {width:100%;float:none;margin:0px auto;}
.layer2-right {width:145px;float:none;margin:0px auto;}
.layer2-desc {font-size:24px;line-height:32px;}        
.layer2-quote {float:none;margin:30px auto 0 auto;}        
        
.layer3-content {width:95%;margin:0px auto;}        
        
#layer4-wrapper {width:100%;padding:50px 0 50px 0;}
.layer4-content {width:100%;margin:0px auto;}        
        
.lay4-photo-def {width:100%;max-width:340px;margin:2px auto 0 auto;float:none;position: relative;}
.lay4-photo-last {width:100%;max-width:340px;margin:2px auto 0 auto;float:none;position: relative;}        
        
.layer5-content {width:100%;min-height:425px;margin:0px auto;position:relative;}        
.layer5-desc {width:95%;font-size:22px;line-height:30px;padding:20px 0 0 0;}
.layer5-more {width:95%;font-size:22px;line-height:30px;padding:25px 0 0 0;}        
.layer5-quote {left:0;bottom:0;position:relative;margin:20px auto 0 auto;}        
        
#layer6-wrapper {width:100%;padding:50px 0 0 0;}
.layer6-content {width:95%;margin:0px auto;}
.layer6-left {width:100%;float:none;margin:0px auto;}
.layer6-right {width:100%;float:none;margin:0px auto;padding:40px 0 0 0;}        
        
.lay6-title {font-size:30px;line-height:34px;padding:20px 0 0 0;}
.lay6-link {font-size:30px;line-height:32px;letter-spacing:2px;padding:30px 0 0 0;}        
        
#layer7-wrapper {width:100%;padding:50px 0 50px 0;}
.layer7-container {width:100%;margin:0px auto;}
.layer7-left {width:95%;float:none;min-height:260px;margin:0px auto;}
.layer7-right {width:95%;float:none;min-height:260px;margin:0px auto;padding:60px 0 0 0;}
        
/* ============================================================================ 
    SUBPAGE
============================================================================ */ 
.banner-container {width:95%;margin:0px auto;}
.banner-title {padding:60px 0 0 0;}
.banner-title h1 {font-size:30px;line-height:34px;} 

/* ============================================================================ 
    SERVICES
============================================================================ */
#services-wrapper {width:100%;padding:50px 0 50px 0;}
.services-container {width:100%;margin:0px auto;}

.services-box {min-height:210px;}
.imgcover {object-fit:cover;width:100%;height:210px;}
.services-img-title h2 {font-size:20px;line-height:24px;}
.services-img-box {width:90%;padding:20px 0 0 20px;}
       
/* ============================================================================ 
    SERVICES ENTRY PAGE
============================================================================ */
.bread-container {width:95%;margin:0px auto;}
.srventry-container {width:100%;margin:0px auto;}
.srventry1-left {width:100%;min-height:330px;margin:0px auto;float:none;}
.srventry1-right {width:100%;margin:0px auto;float:none;}

.srv1box {width:95%;}
.srv1title h2 {font-size:26px;line-height:32px;}
.srv1desc {font-size:22px;line-height:26px;}
.srvtitlespan {display:block;line-height:26px;}
.srv1-right-box {width:100%;float:none;margin:30px 0 0 0;}
.srv1-right-quote {width: 145px;float:none;margin:0 auto 0 auto;padding:30px 0 0 0;}
.srv1-quote {display:inline-block;}
.srv1-main-content {width:95%;padding:50px 0 0 0;margin:0px auto;}

#srventry2-wrapper {width:100%;padding:0 0 50px 0;}
.srventry2-container {width:95%;margin:0px auto;}
.srventry2-left {width:100%;float:none;margin:0px auto;}
.srventry2-right {width:100%;float:none;margin:0px auto;}

.srv2title h2 {font-size:30px;line-height:34px;}
.srv2-photo {width:100%;max-width:590px;position:relative;padding:30px 0 0 0;}

.srv2-photo-desc {width:100%;position:absolute;bottom:40px;left:0;}
.srv2-photo-box {width:95%;padding:30px 0 30px 0;font-size:18px;line-height:22px;}

/* template 2*/
.srventry1b-left {width:100%;float:none;margin:0px auto;}
.srventry1b-right {width:100%;min-height:330px;float:none;margin:30px auto 0 auto;}
.srv1b-right-box {width:100%;float:none;margin:30px 0 0 0;}
.srv1b-right-quote {width: 145px;float:none;margin:0 auto 0 auto;padding:30px 0 0 0;}
.srv1b-quote {display:inline-block;}

.srventry2b-left {width:100%;float:none;margin:0px auto;}
.srventry2b-right {width:100%;float:none;margin:0px auto;}
.srv2b-photo-desc {width:100%;position:absolute;bottom:40px;left:0;}
/* --- */
.srventry3-content {width:95%;min-height:325px;margin:0px auto;position:relative;}
.srv3-quote {left:0;bottom:0;position:relative;margin:40px auto 0 auto;}
.tel_block {display:block;}

#srventry4-wrapper {width:100%;padding:50px 0 50px 0;}
.srventry4-content {width:100%;margin:0px auto;}

/* ============================================================================
    PORTFOLIO
============================================================================ */
.portfolio-container {width:100%;}
.prj-def {width:100%;max-width:452px;margin:2px auto 0 auto;float:none;}
.prj-last {width:100%;max-width:452px;margin:2px auto 0 auto;float:none;}

/* project */ 
.prj-bread-container {width:95%;} 
.prj-photo-def {width:100%;max-width:452px;margin:2px auto 0 auto;float:none;}
.prj-photo-last {width:100%;max-width:452px;margin:2px auto 0 auto;float:none;} 
        
/* ============================================================================
    REVIEWS
============================================================================ */        
#review-wrapper {padding:60px 0 160px 0;}
.review-cointainer {width:100%;margin:0 auto;}
.testi-container {width:90%;min-height:420px;margin:0 auto;}
.reviews-inside {width:90%;padding:60px 0 0 0;margin:0 auto;}        
.tcontent {font-style:italic;font-size:18px;line-height:22px;display:block;}
        
.reviews-quote-box {width:145px;position:relative;left:0;bottom:-115px;margin:0 auto;}        
.reviews-quote {display:inline-block;}        
        
/* ============================================================================
    BLOG
============================================================================ */        
.blog-content {width:95%;margin:0px auto;}        
.bl-entry-full {
  padding:20px 0 0 0;
  -webkit-columns: 2 95%;
  -moz-columns: 2 95%;
  columns: 2 95%;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}          
        
/* ============================================================================
    CONTACT
============================================================================ */    
#contact1-wrapper {padding:0 0 50px 0;}    
.contact1-contentmax {width:100%;margin:0px auto;background-size: 100%;}
.contact1-content {width:95%;margin:0px auto;padding:50px 0 0 0;}
.contact1-left {width:100%;float:none;margin:0px auto;}
.contact1-right {width:100%;float:none;margin:0px auto;padding:50px 0 0 0;}        
.cnt-title h2 {font-size:30px;line-height:34px;}
.cnt-desc {max-width:100%;padding:35px 0 0 0;}        
        
.cnt-mob {font-size:18px;}
.cnt-email {font-size:18px;}        
        
.form-container-inside {width:90%;margin:0px auto;}        
.form-header h2 {font-size:26px;}        
        
.cntform-text{width:90%;height:58px;padding: 0 5px 0 20px;font-size:18px;line-height:58px;}
.cntform-textarea{width:100%;height:180px;padding: 18px 0 0 25px;}


.sub-box-l {width:100%;float:none;margin:0px auto;}
.sub-box-r {width:100%;max-width:280px;float:none;margin:0 0 0 0;padding:20px 0 0 0;}       
.lab-l {width:30px;float:left;}
.lab-r {width:85%;float:right;}
.lab-info {padding:0 0 10px 0;}        
        

/* iphone style */
input.text,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}
        
iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}
/* ============================================================================
    FOOTER
============================================================================ */ 
#footer-wrapper {width: 100%;min-height:300px;background: url('../img/footer-back.png') #eaeaea no-repeat bottom center;}
.footer-content {width:95%;margin:0px auto;}
.footer-left {width:100%;float:none;margin:0px auto;}
.footer-right {width:100%;float:none;margin:0px auto;}

.f1-left {padding:27px 0 0 0;float:none;}
.f2-left {padding:27px 0 0 0;float:none;}
.f3-left {padding:2px 0 0 0;float:none;}
.f4-left {padding:2px 0 0 0;float:none;}
.f5-left {padding:2px 0 0 0;float:none;}

.footlist li {padding-left: 1.0em;font-size:14px;line-height:24px;font-weight:400;margin:0 0 7px 0;}

.fcno {font-size:12px;line-height:14px;padding:5px 0 0 0;}
.copy {font-size:12px;line-height:14px;padding:20px 0 0 0;text-align:center;}
.imonda {font-size:12px;line-height:18px;padding:5px 0 10px 0;text-align:center;}
}