/* =============================================================================
    RESPONSIVE - MEDIA QUERIES
============================================================================= */
@media only screen and (min-width: 1480px) and (max-width: 1900px){
.subphoto-def {width: 33%;display: inline-block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.subphoto-mid {width: 32%;display: inline-block;vertical-align: middle;margin:0 10px 0 10px;position:relative;}

/* portfolio */ 
.gallcontents-def {width: 19.333%;display: inline-block;vertical-align: middle;margin:10px 0.5% 0 0;position:relative;}
.gallcontents-last {width: 20%;display: inline-block;vertical-align: middle;margin:10px 0 0 0;position:relative;}
.gallcontainer img {max-width:100%;height:252px;}
.gallcontainer-last img {max-width:100%;height:252px;}

}

@media only screen and (min-width: 1180px) and (max-width: 1480px){

.srvphoto-def {width: 19.5%;display: inline-block;vertical-align: middle;margin:0 0.5% 0 0;position:relative;}
.srvphoto-last {width: 20%;display: inline-block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.srvphcont {max-width: 100%;margin:0 0 0 0;padding:0;font-size:0px;}
.srvphcont img {max-width:100%;height:230px;}
.srvphcont-last img {max-width:100%;height:230px;}

.srvview {width:240px;display:block;text-align:center;padding:40px 0 0 0;}
.srvtitle h2 {font-size:20px;line-height:26px;}
.srvtxt {font-size:13px;line-height:18px;}

/* WINDOWS */
.subphoto-def {width: 33%;display: inline-block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.subphoto-mid {width: 32%;display: inline-block;vertical-align: middle;margin:0 10px 0 10px;position:relative;}

/* portfolio */ 
.gallcontents-def {width: 19.5%;display: inline-block;vertical-align: middle;margin:10px 0.5% 0 0;position:relative;}
.gallcontents-last {width: 20%;display: inline-block;vertical-align: middle;margin:10px 0 0 0;position:relative;}
.gallcontainer img {max-width:100%;height:230px;}
.gallcontainer-last img {max-width:100%;height:230px;}

}

@media only screen and (min-width: 959px) and (max-width: 1180px){
/* width: 950px; */
.top-container {width:950px;padding:0 0 0 0;}
.top-left {width:375px;float:left;text-align:left;}

.top-content {width:950px;}
.default-content {width:950px;}
.layer5-content {width:950px;} 

.top4boxes {width:600px;padding:45px 0 0 0;margin:0px auto;}      
.topbox {width:280px;margin:0 20px 20px 0;float:left;}
.topbox-last {width:280px;float:left;}

.srvphoto-def {width: 33%;display: inline-block;vertical-align: middle;margin:0 2px 0 0;position:relative;}
.srvphoto-last {width: 33%;display: inline-block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.srvphcont {max-width: 100%;margin:0 0 0 0;padding:0;font-size:0px;}
.srvphcont img {max-width:100%;height:290px;}
.srvphcont-last img {max-width:100%;height:290px;}

.lay6-left {width:450px;float:left;}
.lay6-right {width:450px;float:right;}

.review-box {width:440px;}   

.lay6img {width:145px;min-height:204px;margin:0 5px 0 0;float:left;position:relative;}
.lay6img-last {width:145px;min-height:204px;margin:0;float:left;position:relative;}

/* WINDOWS */
.subphoto-def {width: 33%;display: inline-block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.subphoto-mid {width: 31.7%;display: inline-block;vertical-align: middle;margin:0 10px 0 10px;position:relative;}
.subview {width:220px;}

.contphotos {width:950px;}
.cont1ph-last {width:385px;height:215px;float:left;margin:10px 0 0 0;}
.cont2ph-def {margin:0 10px 10px 0;}


/* portfolio */ 
.portmenu-container {width:950px;margin:0px auto;}
#port-menu {padding:0 0 0 0;}

.nav-button {display:inline-block;font-size:14px;line-height:18px;font-weight:500;color:#191618;text-align:center;text-transform:uppercase;padding:4px 10px 6px 10px;margin-right: 10px;margin-bottom:10px;text-decoration:none;}
.nav-button-hover {display:inline-block;font-size:14px;line-height:18px;font-weight:500;color:#191618;text-align:center;text-transform:uppercase;padding:4px 10px 6px 10px;background:#e6e2e7;margin-right: 10px;text-decoration:none;}
.nav-button:hover {display:inline-block;font-size:14px;line-height:18px;font-weight:500;color:#191618;text-align:center;text-transform:uppercase;padding:4px 10px 6px 10px;background:#e6e2e7;margin-right: 10px;text-decoration:none;}

.gallcontainer {width:728px;max-width: 100%;margin:0px auto;padding:0;}
.gallcontents-def {width: 350px;display: inline-block;vertical-align: middle;margin:10px 10px 0 0;position:relative;}
.gallcontents-last {width: 350px;display: inline-block;vertical-align: middle;margin:10px 10px 0 0;position:relative;}
.gallcontainer img {max-width:100%;height:292px;}
.gallcontainer-last img {max-width:100%;height:292px;}



/* FOOTER
------------------------------------------------------------------------- */
.footer-container {width:950px;margin:0px auto;padding:38px 0 0 0;}
.footer-left {width:335px;float:left;padding:0 40px 0 0;}
.footer-middle {width:206px;float:left;}
.footer-right {width:305px;float:right;}  

.foottxt {width:280px;float:none;line-height:16px;letter-spacing: 0.7px;}

.foot-addr {float:none;}
.fsocial-box {min-height:15px;padding:20px 0 30px 0;float:none;}

}

@media only screen and (min-width: 768px) and (max-width: 959px){
/* width: 728px; */
#fullpage {display:none;}        
#resp-index-wrapper {width:100%;min-height:580px;display:block;background: url(../img/photos/section0.jpg) top center;} 

.product {top:60px;right:10px;}  

.top-container {width:728px;padding:0 0 0 0;}
.top-left {display:none;}
.top-middle {width:185px;float:none;text-align:center;margin:0 auto;padding:20px 0 0 0;}
.top-middle-nav {width:50px;float:none;padding-top:15px;margin:0 auto;}
.top-right {width:50px;padding:0 0 0 0;position: fixed;top:30px;right:20px;z-index:9999;}         
      
.menuslide {width:100%;min-height:60px;padding:0 0 20px 0;}     

.circle-container {padding:0 0 20px 0;}

.top-content {width:728px;}
.default-content {width:728px;}
.layer5-content {width:728px;} 

.line-top {margin:25px auto 0 auto;}
.topsl2 h1 {font-size:46px;line-height:48px;text-align:center;font-weight:600;}

.top4boxes {width:600px;padding:45px 0 0 0;margin:0px auto;}      
.topbox {width:280px;margin:0 20px 20px 0;float:left;}
.topbox-last {width:280px;float:left;}

.lay2-l {width:100%;float:none;height:338px;background:url('../img/photos/i-windows-photo.jpg') no-repeat right;position:relative;}
.lay2-r {width:100%;float:none;margin:0 0 0 0;height:338px;background:url('../img/photos/i-doors-photo.jpg') no-repeat left;position:relative;}      
   
.srvphoto-def {width: 380px;display: block;vertical-align: middle;margin:0 auto 0 auto;position:relative;}
.srvphoto-last {width: 380px;display: block;vertical-align: middle;margin:0 auto 0 auto;position:relative;}
.srvphcont {max-width: 100%;margin:0 0 0 0;padding:0;font-size:0px;}
.srvphcont img {max-width:100%;height:290px;}
.srvphcont-last img {max-width:100%;height:290px;}      
   
.slogan2title {font-size:26px;line-height:28px;}
.slogan2desc {font-size:22px;line-height:24px;}
.slogan3desc {font-size:19px;line-height:21px;}     
   
#layer6 {width:100%;min-height:760px;background: url('../img/photos/layer6.jpg') no-repeat left top;}        
.lay6-left {width:540px;float:none;margin:0px auto;}
.lay6-right {width:680px;float:none;margin:260px 0 0 0;}
.review-box {width:480px;background: url('../img/revbox-back.png') repeat;padding:50px 0 60px 0;float:left;margin:70px auto 0 auto;}     
.lay6-revtxt {width:380px;margin:0px auto;font-size:21px;font-style:italic;font-weight:500;line-height:30px;}
.lay6-revname {width:380px;margin:0px auto;font-size:18px;padding:30px 0 0 0;font-style:none;}        
        
/* WINDOWS */
.sublayer1-content {width:728px;}
.sublayer2-content {width:728px;}
.subtop h1 {font-size:46px;line-height:48px;text-align:center;font-weight:600;}

.subphoto-def {width: 660px;display: block;vertical-align: middle;margin:0 auto;position:relative;}
.subphoto-mid {width: 660px;display: block;vertical-align: middle;margin:0 auto;position:relative;}
.subphcont {max-width: 660px;margin:0 auto;padding:0;font-size:0px;}
.subphcont img {max-width:100%;height:294px;}
.subphcont-last img {max-width:100%;height:294px;} 

.winph-content {width:728px;margin:0 auto;text-align:center;}
.contphotos {width:600px;margin:0 auto;padding:40px 0 0 0;}
.cont1ph-def {width:387px;float:none;margin:0 0 10px 0;}
.cont1ph-last {width:387px;float:none;margin:0 0 0 0;}

.cont2ph-def {margin:0 10px 10px 0;}
.cont2ph-last {margin:0 0 0 0;}


/* portfolio */ 
.portmenu-container {width:280px;margin:0px auto;}
#port-menu {margin:10px 0 0 0;min-height:80px;padding:0 0 30px 0;position:relative;}
.topfix {top:0px;}

.nav-button {display:block;font-size:18px;line-height:18px;font-weight:500;color:#191618;text-align:center;text-transform:uppercase;padding:4px 10px 6px 10px;margin-right: 0;margin-top:10px;}
.nav-button-hover {display:block;font-size:18px;line-height:18px;font-weight:500;color:#191618;text-align:center;text-transform:uppercase;padding:4px 10px 6px 10px;background:#e6e2e7;margin-right: 0;margin-top:10px;text-decoration:none;}
.nav-button:hover {display:block;font-size:18px;line-height:18px;font-weight:500;color:#191618;text-align:center;text-transform:uppercase;padding:4px 10px 6px 10px;background:#e6e2e7;margin-right: 0;margin-top:10px;text-decoration:none;}

.gallcontainer {width:728px;max-width: 100%;margin:0px auto;padding:0;}
.gallcontents-def {width: 350px;display: inline-block;vertical-align: middle;margin:10px 10px 0 0;position:relative;}
.gallcontents-last {width: 350px;display: inline-block;vertical-align: middle;margin:10px 10px 0 0;position:relative;}
.gallcontainer img {max-width:100%;height:292px;}
.gallcontainer-last img {max-width:100%;height:292px;}


/* contact */
.form-container {width:728px;margin:0px auto;}
.form-left {width:490px;float:none;margin:0px auto;}
.form-right {width:490px;float:none;padding:40px 0 0 0;margin:0px auto;}
.fleftfix {padding:0 0 0 0;}


iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}
/* FOOTER
------------------------------------------------------------------------- */
#footer-wrapper {width: 100%;min-height:160px;background: #fff;}
.footer-container {width:728px;margin:0px auto;padding:38px 0 0 0;}
.footer-left {width:465px;float:left;}
.footer-middle {width:240px;float:left;}
.footer-right {width:365px;float:left;margin:20px 0 0 0;}  

.foottxt {width:340px;float:none;line-height:16px;letter-spacing: 0.7px;}

.foot-addr {float:none;}
.fsocial-box {min-height:15px;padding:20px 0 30px 0;float:none;}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
/* width: 440px; */
#fullpage {display:none;}        
#resp-index-wrapper {width:100%;min-height:580px;display:block;background: url(../img/photos/section0.jpg) top center;} 

.product {top:60px;right:10px;}  

.top-container {width:440px;}
.top-left {display:none;}
.top-middle {width:185px;float:none;text-align:center;margin:0 auto;padding:20px 0 0 0;}
.top-middle-nav {width:50px;float:none;padding-top:15px;margin:0 auto;}
.top-right {width:50px;padding:0 0 0 0;position: fixed;top:30px;right:20px;z-index:9999;}         
      
.menuslide {width:100%;min-height:60px;padding:0 0 20px 0;}      

.circle-container {padding:0 0 20px 0;}

.topsl1 {font-size:24px;line-height:31px;padding:0 10px 0 10px;}     
.topsl2 h1 {font-size:32px;line-height:40px;text-align:center;font-weight:600;}
.topslogan {width:280px;margin:0 auto;padding:25px 0 0 0;font-size:18px;line-height:21px;font-weight:400;}
  
.top-content {width:440px;}
.default-content {width:440px;}
.layer5-content {width:440px;} 

.itoptitle {font-size:32px;color:#624c79;text-transform:uppercase;font-weight:500;letter-spacing: 3px;padding:0 0 0 0;}
.itopdesc {font-size:24px;line-height:28px;color:#1d1934;font-weight:400;padding:25px 0 0 0;}      
      
.top4boxes {padding:45px 0 0 0;}      
.topbox {width:210px;margin:0 10px 0 0;float:left;padding:0 0 30px 0;}
.topbox-last {width:210px;float:left;} 
.tboxtxt {width:160px;float:left;font-family: 'Work Sans', sans-serif;font-size:12px;line-height:16px;color:#1d1934;font-weight:500;text-align:left;text-transform:uppercase;}

.lay2-l {width:100%;float:none;height:338px;background:url('../img/photos/i-windows-photo.jpg') no-repeat right;position:relative;}
.lay2-r {width:100%;float:none;margin:0 0 0 0;height:338px;background:url('../img/photos/i-doors-photo.jpg') no-repeat left;position:relative;}      
      
.phptxt-right {padding:35px 0 0 10px;}
.ph-rtxt2 {font-size:40px;line-height:40px;color:#1d1934;font-weight:400;text-transform:uppercase;padding:0 0 0 5px;}
.phptxt-left {padding:35px 0 0 10px;float:none;}      
      
.slogan-content {width:440px;padding:0 0 25px 0;}      
      
.srvphoto-def {width: 380px;display: block;vertical-align: middle;margin:0 auto 0 auto;position:relative;}
.srvphoto-last {width: 380px;display: block;vertical-align: middle;margin:0 auto 0 auto;position:relative;}
.srvphcont {max-width: 100%;margin:0 0 0 0;padding:0;font-size:0px;}
.srvphcont img {max-width:100%;height:290px;}
.srvphcont-last img {max-width:100%;height:290px;}      
      
.slogan2title {font-size:26px;line-height:28px;}
.slogan2desc {font-size:22px;line-height:24px;}
.slogan3desc {font-size:19px;line-height:21px;}    

#layer6 {width:100%;min-height:760px;background: url('../img/photos/layer6.jpg') no-repeat left top;}        
.lay6-left {width:380px;float:none;margin:0px auto;}
.lay6-right {width:440px;float:none;margin:260px 0 0 0;}
.review-box {width:380px;background: url('../img/revbox-back.png') repeat;padding:50px 0 60px 0;float:right;margin:40px 0 0 0;}     
.lay6-revtxt {width:360px;margin:0px auto;font-size:21px;font-style:italic;font-weight:500;line-height:30px;}
.lay6-revname {width:360px;margin:0px auto;font-size:18px;padding:30px 0 0 0;font-style:none;}        
        
.lay6title {font-size:30px;line-height:34px;}
.lay6imgbox {padding:35px 0 0 0;}
.lay6img {width:145px;min-height:204px;margin:0 18px 0 0;float:left;position:relative;}
.lay6img-last {width:145px;min-height:204px;margin:18px 0 0 0;float:left;position:relative;}

/* WINDOWS */
.sublayer1-content {width:440px;}
.sublayer2-content {width:440px;}
.subtop h1 {font-size:32px;line-height:40px;text-align:center;font-weight:600;}

.subtitle {font-size:32px;line-height:38px;color:#624c79;font-weight:500;}
.sub1desc {font-size:26px;line-height:32px;color:#1d1934;font-weight:500;padding:20px 0 0 0;}
.sub2desc {font-size:24px;line-height:28px;color:#1d1934;font-weight:500;padding:25px 0 0 0;}

.subphoto-def {width: 100%;display: block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.subphoto-mid {width: 100%;display: block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.subphcont {max-width: 100%;margin:0 0 0 0;padding:0;font-size:0px;}
.subphcont img {max-width:100%;height:294px;}
.subphcont-last img {max-width:100%;height:294px;} 

.winph-content {width:440px;margin:0 auto;text-align:center;}
.contphotos {width:387px;margin:0 auto;padding:40px 0 0 0;}
.cont1ph-def {width:387px;float:none;margin:0 0 10px 0;}
.cont1ph-last {width:387px;float:none;margin:0 0 0 0;}
.cont2ph-def {width:285px;float:none;margin:0 auto 10px auto;}
.cont2ph-last {width:285px;float:none;margin:0 auto 0 auto;}

/* portfolio */ 
.portmenu-container {width:280px;margin:0px auto;}
#port-menu {margin:10px 0 0 0;min-height:80px;padding:0 0 30px 0;position:relative;}
.topfix {top:0px;}

.nav-button {display:block;font-size:18px;line-height:18px;font-weight:500;color:#191618;text-align:center;text-transform:uppercase;padding:4px 10px 6px 10px;margin-right: 0;margin-top:10px;}
.nav-button-hover {display:block;font-size:18px;line-height:18px;font-weight:500;color:#191618;text-align:center;text-transform:uppercase;padding:4px 10px 6px 10px;background:#e6e2e7;margin-right: 0;margin-top:10px;text-decoration:none;}
.nav-button:hover {display:block;font-size:18px;line-height:18px;font-weight:500;color:#191618;text-align:center;text-transform:uppercase;padding:4px 10px 6px 10px;background:#e6e2e7;margin-right: 0;margin-top:10px;text-decoration:none;}

.gallcontents-def {width: 380px;display: block;vertical-align: middle;margin:10px auto 0 auto;position:relative;}
.gallcontents-last {width: 380px;display: block;vertical-align: middle;margin:10px auto 0 auto;position:relative;}
.gallcontainer img {max-width:100%;height:292px;}
.gallcontainer-last img {max-width:100%;height:292px;}

/* contact */
.form-container {width:440px;margin:0px auto;}
.form-left {width:440px;float:none;}
.form-right {width:440px;float:none;padding:40px 0 0 0;}
        
.fleftfix {padding:0 0 0 0;}        
.form-inside {width:280px;margin:0px auto;}        
        
.form-box-l {width:220px;float:none;margin:0px auto;}
.form-box-r {width:220px;float:none;padding:0 0 30px 0;margin:0px auto;}        
        
.callback-text{width: 200px;}  


iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}   
/* FOOTER
------------------------------------------------------------------------- */
.footer-container {width:440px;margin:0px auto;padding:38px 0 0 0;}
.footer-left {width:440px;float:none;margin:0px auto;}
.footer-middle {width:280px;float:none;margin:0px auto;padding:20px 0 0 0;}
.footer-right {width:440px;float:none;margin:0px auto;}

.foottxt {width:440px;float:none;line-height:16px;letter-spacing: 0.7px;}

.foot-addr {float:none;}
.fsocial-box {min-height:15px;padding:20px 0 30px 0;float:none;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
/* width: 280px; */
#fullpage {display:none;}        
#resp-index-wrapper {width:100%;min-height:580px;display:block;background: url(../img/photos/section0.jpg) top center;}        
        
.product {width:50px;height:50px;top:60px;right:0px;}
.star {font-size:30px;line-height:50px;color:#fff;}

        
.top-container {width:280px;}
.top-left {display:none;}
.top-middle {width:185px;float:none;text-align:center;margin:0 auto;padding:20px 0 0 0;}
.top-middle-nav {width:50px;float:none;padding-top:15px;}

.top-right {width:50px;padding:0 0 0 0;position: fixed;top:30px;right:20px;z-index:9999;}         
      
.menuslide {width:100%;min-height:60px;padding:0 0 20px 0;}    
      
.line-top {width:280px;margin:25px auto 0 auto;}
.line-bottom {width:280px;}      
      
.topsl1 {font-size:24px;line-height:31px;padding:0 10px 0 10px;}      
.topsl2 h1 {font-size:32px;line-height:40px;text-align:center;font-weight:600;}
.topslogan {width:280px;margin:0 auto;padding:25px 0 0 0;font-size:18px;line-height:21px;font-weight:400;}

.circle-container {width: 220px;margin:25px auto 0 auto;padding:0 0 20px 0;}
.type1:hover {width: 220px;height: 220px;border:0;margin:25px auto 0 auto;background: url('../img/circle2.png') repeat;} 
  
.top-content {width:280px;}
.default-content {width:280px;}
.layer5-content {width:280px;}  
      
.itoptitle {font-size:32px;color:#624c79;text-transform:uppercase;font-weight:500;letter-spacing: 3px;padding:0 0 0 0;}
.itopdesc {font-size:24px;line-height:28px;color:#1d1934;font-weight:400;padding:25px 0 0 0;}      
      
.top4boxes {padding:45px 0 0 0;}      
.topbox {width:280px;margin:0 0 20px 0;float:none;}
.topbox-last {width:280px;float:none;margin:20px 0 0 0;}      
      
.lay2-l {width:100%;float:none;height:338px;background:url('../img/photos/i-windows-photo.jpg') no-repeat right;position:relative;}
.lay2-r {width:100%;float:none;margin:0 0 0 0;height:338px;background:url('../img/photos/i-doors-photo.jpg') no-repeat left;position:relative;}      
      
.phptxt-right {padding:35px 0 0 10px;}
.ph-rtxt2 {font-size:40px;line-height:40px;color:#1d1934;font-weight:400;text-transform:uppercase;padding:0 0 0 5px;}
.phptxt-left {padding:35px 0 0 10px;float:none;}      
      
.slogan-content {width:280px;padding:0 0 25px 0;}      
      
.srvphoto-def {width: 100%;display: block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.srvphoto-last {width: 100%;display: block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.srvphcont {max-width: 100%;margin:0 0 0 0;padding:0;font-size:0px;}
.srvphcont img {max-width:100%;height:290px;}
.srvphcont-last img {max-width:100%;height:290px;}      
      
.slogan2title {font-size:26px;line-height:28px;}
.slogan2desc {font-size:22px;line-height:24px;}
.slogan3desc {font-size:19px;line-height:21px;}      
        
#layer6 {width:100%;min-height:760px;background: url('../img/photos/layer6.jpg') no-repeat left top;}        
.lay6-left {width:280px;float:none;}
.lay6-right {width:280px;float:none;margin:160px 0 0 0;}
.review-box {width:280px;background: url('../img/revbox-back.png') repeat;padding:50px 0 60px 0;float:right;margin:40px 0 0 0;}     
.lay6-revtxt {width:260px;margin:0px auto;font-size:21px;font-style:italic;font-weight:500;line-height:30px;}
.lay6-revname {width:260px;margin:0px auto;font-size:18px;padding:30px 0 0 0;font-style:none;}        
        
.lay6title {font-size:30px;line-height:34px;}
.lay6imgbox {padding:35px 0 0 0;}
.lay6img {width:145px;min-height:204px;margin:18px auto 0 auto;float:none;position:relative;}
.lay6img-last {width:145px;min-height:204px;margin:18px auto 0 auto;float:none;position:relative;}


/* WINDOWS */
.sublayer1-content {width:280px;}
.sublayer2-content {width:280px;}
.subtop h1 {font-size:32px;line-height:40px;text-align:center;font-weight:600;}

.topbutton {text-align:center;padding:10px 0 0 0;}

.subtitle {font-size:32px;line-height:38px;color:#624c79;font-weight:500;}
.sub1desc {font-size:26px;line-height:32px;color:#1d1934;font-weight:500;padding:20px 0 0 0;}
.sub2desc {font-size:24px;line-height:28px;color:#1d1934;font-weight:500;padding:25px 0 0 0;}

.subphoto-def {width: 100%;display: block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.subphoto-mid {width: 100%;display: block;vertical-align: middle;margin:0 0 0 0;position:relative;}
.subphcont {max-width: 100%;margin:0 0 0 0;padding:0;font-size:0px;}
.subphcont img {max-width:100%;height:294px;}
.subphcont-last img {max-width:100%;height:294px;} 
.subview {width:260px;}

.winph-content {width:280px;margin:0 auto;text-align:center;}
.contphotos {width:100%;margin:0 auto;padding:40px 0 0 0;}
.cont1ph-def {width:100%;height:181px;float:none;margin:0 0 10px 0;}
.cont1ph-last {width:100%;height:181px;float:none;margin:0 0 0 0;}
.cont2ph-def {width:285px;float:none;margin:0 auto 10px auto;}
.cont2ph-last {width:285px;float:none;margin:0 auto 0 auto;}
.winsltxt1 {font-size:24px;line-height:26px;}

/* portfolio */ 
.portmenu-container {width:280px;margin:0px auto;}
#port-menu {margin:10px 0 0 0;min-height:80px;padding:0 0 30px 0;position:relative;}
.topfix {top:0px;}

.nav-button {display:block;font-size:18px;line-height:18px;font-weight:500;color:#191618;text-align:center;text-transform:uppercase;padding:4px 10px 6px 10px;margin-right: 0;margin-top:10px;}
.nav-button-hover {display:block;font-size:18px;line-height:18px;font-weight:500;color:#191618;text-align:center;text-transform:uppercase;padding:4px 10px 6px 10px;background:#e6e2e7;margin-right: 0;margin-top:10px;text-decoration:none;}
.nav-button:hover {display:block;font-size:18px;line-height:18px;font-weight:500;color:#191618;text-align:center;text-transform:uppercase;padding:4px 10px 6px 10px;background:#e6e2e7;margin-right: 0;margin-top:10px;text-decoration:none;}

.gallcontents-def {width: 100%;display: block;vertical-align: middle;margin:10px 0 0 0;position:relative;}
.gallcontents-last {width: 100%;display: block;vertical-align: middle;margin:10px 0 0 0;position:relative;}
.gallcontainer img {max-width:100%;height:292px;}
.gallcontainer-last img {max-width:100%;height:292px;} 

/* contact */
.form-container {width:280px;margin:0px auto;}
.form-left {width:280px;float:none;}
.form-right {width:280px;float:none;padding:40px 0 0 0;}
        
.fleftfix {padding:0 0 0 0;}        
.form-inside {width:280px;margin:0px auto;}        
        
.form-box-l {width:220px;float:none;margin:0px auto;}
.form-box-r {width:220px;float:none;padding:0 0 30px 0;margin:0px auto;}        
        
.callback-text{width: 200px;}        
        
        
iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}
/* FOOTER
------------------------------------------------------------------------- */
.footer-container {width:280px;margin:0px auto;padding:38px 0 0 0;}
.footer-left {width:280px;float:none;margin:0px auto;}
.footer-middle {width:280px;float:none;margin:0px auto;padding:20px 0 0 0;}
.footer-right {width:280px;float:none;margin:0px auto;}

.foottxt {width:280px;float:none;line-height:16px;letter-spacing: 0.7px;}

.foot-addr {float:none;}
.fsocial-box {min-height:15px;padding:20px 0 30px 0;float:none;}
}