/* ============================================================================= RESPONSIVE - MEDIA QUERIES ============================================================================= */ @media only screen and (min-width: 1410px) and (max-width: 1860px){ .atm-and-epos-cleaning-img {background: url('../img/services/atm-and-epos-cleaning-photo.jpg') no-repeat center !important;width:542px;min-height:784px;} .data-center-support-img {background: url('../img/services/data-center-support-photo.jpg') no-repeat center !important;width:542px;min-height:784px;} /* portfolio */ .prtcontainer {max-width: 100%;margin:0 0 0 0;padding:0;font-size:0px;} .prtcontents-def {width: 24%;display: inline-block;vertical-align: middle;margin:20px 20px 0 0;position:relative;} .prtcontents-last {width: 23.666%;display: inline-block;vertical-align: middle;margin:20px 0 0 0;position:relative;} .prtcontainer img {max-width:100%;height:485px;} .prtcontainer-last img {max-width:100%;height:485px;} } @media only screen and (min-width: 1130px) and (max-width: 1410px){ .atm-and-epos-cleaning-img {background: url('../img/services/atm-and-epos-cleaning-photo.jpg') no-repeat center !important;width:442px;min-height:784px;} .data-center-support-img {background: url('../img/services/data-center-support-photo.jpg') no-repeat center !important;width:442px;min-height:784px;} /* portfolio */ .prtcontainer {max-width: 100%;margin:0 0 0 0;padding:0;font-size:0px;} .prtcontents-def {width: 33%;display: inline-block;vertical-align: middle;margin:20px 0 0 0;position:relative;} .prtcontents-last {width: 33%;display: inline-block;vertical-align: middle;margin:20px 0 0 0;position:relative;} } @media only screen and (min-width: 959px) and (max-width: 1130px){ /* width: 950px; */ .top-content {width:950px;margin:0 auto;} .top-l {width:250px;float:left;} .top-m {width:540px;float:left;} .top-r {width:150px;float:right;} .default-content {width:950px;} .text1-content {width:650px;} .iphotoscontainer {white-space: nowrap;max-width: 100%;margin:0;padding:0;overflow:hidden;font-size:0px;} .iphotoscontents {width: 33.333%;display: inline-block;vertical-align: middle;position:relative;} .iphotoscontents-mid {width: 33.333%;display: inline-block;vertical-align: middle;margin:0 0 0 0;position:relative;} .iphotoscontainer img {max-width:100%;height:305px;} .iphotoscontainer-mid img {max-width:100%;height:305px;} .phhovinfo {width:290px;height:250px;background: url('../img/imgback.png') repeat;margin:40px auto 0 auto;} .iphoto-hover:hover .phhovinfo {display:block;} .iphoto-hover .iphototext {width:270px;display:block;white-space: normal;} .iphototitle h2 {font-family: 'Abel', sans-serif;color:#1f1f1f;font-size:26px;line-height:26px;font-weight:400;padding:30px 0 0 20px;} .iphototext {color:#1f1f1f;font-size:14px;line-height:16px;font-weight:400;padding:12px 0 0 20px;} a.iphoto-hover {width:100%;height:305px;position: absolute;top:0;left:0;background:none;display:block;} a.iphoto-hover:hover {width:100%;height:305px;position: absolute;top:0;left:0;display:block;background:#fff;opacity:0.9;} .layer3-content {width:950px;} .l3-left {width:300px;float:left;} .l3-right {width:560px;float:right;} .l3ph2 {display:none;} .layer4-content {width:950px;} #callback_form {width:400px;margin:0px auto;padding:40px 0 0 0;} .callform-box {width:300px;margin:0 auto 0 auto;} .callform-l {width:280px;float:none;margin:0 auto;} .callform-r {width:280px;float:none;margin:0 auto;} /* about */ .banner-content {width:950px;margin:0 auto;} .boxtop-mid {width:300px;height:386px;float:left;margin:0 20px 0 20px;} .about-content {width:950px;} .about-left {width:580px;} /* services */ .srvphhovinfo {width:290px;height:250px;margin:40px auto 0 auto;} .srviphoto-hover:hover .srvphhovinfo {display:block;} .srviphoto-hover .srviphototext {width:270px;display:block;white-space: normal;} .srviphototitle h2 {font-family: 'Abel', sans-serif;font-size:26px;line-height:26px;font-weight:400;padding:30px 0 0 20px;} .srviphototext {font-size:14px;line-height:16px;font-weight:400;padding:12px 0 0 20px;} a.srviphoto-hover {width:100%;height:305px;position: absolute;top:0;left:0;background:none;display:block;} a.srviphoto-hover:hover {width:100%;height:305px;position: absolute;top:0;left:0;display:block;} .srvcont1b-left {width:580px;} .srvcont1b-right {width:430px;float:right;padding:0 80px 0 0;} .atm-and-epos-cleaning-img {display:none;} .data-center-support-img {display:none;} .service-content {width:950px;margin:0 auto;} .srvcont2b-left {width:660px;margin:0 auto;} /* plant rooms */ .plant-content {width:950px;min-height:391px;} .plant1-l {width:600px;} .plant1-r {width:570px;float:right;padding:0 0 0 0;} /* portfolio */ .prtcontainer {max-width: 100%;margin:0 0 0 0;padding:0;font-size:0px;} .prtcontents-def {width: 48%;display: inline-block;vertical-align: middle;margin:20px 0 0 0;position:relative;} .prtcontents-last {width: 48%;display: inline-block;vertical-align: middle;margin:20px 0 0 0;position:relative;} /* contact */ .contact-content {width:950px;} .contact-l {width:360px;float:left;} .contact-r {width:590px;float:left;} .cnttitle h1 {font-family: 'Abel', sans-serif;font-size:38px;line-height:42px;color:#1f1f1f;font-weight:400;} .cnttextcontent {font-size:16px;line-height:20px;font-weight:300;padding:12px 0 0 0;} /* FOOTER ------------------------------------------------------------------------- */ .footer-content {width:930px;margin:0px auto;} .foot-left {width:490px;min-height:230px;float:left;} .foot-middle {width:335px;min-height:230px;float:right;} .foot-right {width:315px;float:left;padding:0 0 30px 0;} } @media only screen and (min-width: 768px) and (max-width: 959px){ /* width: 728px; */ #top-wrapper {width:100%;min-height:300px;} .top-content {width:728px;margin:0 auto;} .top-l {width:728px;float:none;margin:0 auto;} .top-m {width:728px;float:none;margin:0 auto;} .top-r {width:200px;padding:75px 0 0 0;float:none;margin:0 auto;} .logo {padding:35px 0 0 0;text-align:center;} .logotxt {padding:5px 0 0 0;text-align:center;} .top-social {padding:20px 0 0 0;} .top-language {padding:0 0 0 0;} #slider-wrapper {width:100%;min-height:606px;background: #fff no-repeat center top;} #layer1-wrapper {width:100%;min-height:461px;background: #fff;padding:0 0 30px 0;} #layer3-wrapper {width:100%;min-height:461px;background: #fff;} #layer4-wrapper {width:100%;min-height:461px;background: #f4f4f4;} .default-content {width:728px;} .text1-content {width:728px;margin:0 auto;} .iphotoscontainer {white-space: nowrap;max-width: 100%;margin:0;padding:0;overflow:hidden;font-size:0px;} .iphotoscontents {width: 667px;display: block;vertical-align: middle;position:relative;margin:0px auto;} .iphotoscontents-mid {width: 667px;display: block;vertical-align: middle;margin:0px auto;position:relative;} .iphotoscontainer img {max-width:100%;height:500px;} .iphotoscontainer-mid img {max-width:100%;height:500px;} .layer3-content {width:728px;} .l3-left {width:440px;float:none;margin:0 auto;} .l3-right {width:440px;float:none;margin:0 auto;} .l3ph2 {float:none;padding:0 0 30px 0;} .layer4-content {width:728px;} .layer4-inside {width:440px;margin:0 auto;} .l4-left {width:440px;float:none;margin:0 auto;} .l4-right {width:440px;float:none;margin:0 auto;padding:20px 0 0 0;} .l4ph1 {width:280px;} /* about */ .banner-content {display:none;} .about-content {width:728px;} .about-left {width:440px;} /* services */ #data-center-cleaning-wrapper1 {width:100%;min-height:407px;background: none;} .srvcont1b-left {width:660px;margin:0 auto;} .srvcont1b-right {width:400px;float:right;padding:0 0 0 0;} .atm-and-epos-cleaning-img {display:none;} .data-center-support-img {display:none;} .service-content {width:660px;margin:0 auto;} .srvcont2b-left {width:660px;margin:0 auto;} /* services page menu */ .srvresp-menu {display: block;} .srvresp-menu ul.dropdownsrv{min-width:140px;min-height:190px;padding:20px 0 20px 0;} .srvresp-menu ul.dropdownsrv a{font-family: 'Abel', sans-serif;font-size:14px;color:#676767;line-height:16px;display:block;float:left;padding: 5px 0 15px 0;text-decoration: none;} .srvresp-menu ul.dropdownsrv li{display: block;} .srvresp-menu ul.dropdownsrv a:hover{text-decoration:underline;} .srvresp-menu ul.dropdownsrv a.active {color:#0072ca;text-decoration:none;} /* plant rooms */ .plant-content {width:728px;min-height:391px;} .plant1-l {width:500px;} .plant1-r {width:470px;float:right;padding:0 0 0 0;} /* portfolio */ .prtcontents-def {width:485px;display: block;vertical-align: middle;margin:20px auto 0 auto;position:relative;} .prtcontents-last {width:485px;display: block;vertical-align: middle;margin:20px auto 0 auto;position:relative;} .prtcontainer img {max-width:100%;height:485px;} .prtcontainer-last img {max-width:100%;height:485px;} .portinfo {width:360px;margin:40px auto 0 auto;display:none;text-align:center;} .prtphoto-hover .prttext {width:330px;display:block;white-space: normal;} a.prtphoto-hover {width:100%;height:485px;position: absolute;top:0;left:0;background:none;display:block;} a.prtphoto-hover:hover {width:100%;height:485px;position: absolute;top:0;left:0;display:block;background:#0072ca;opacity:0.67;} /* contact */ #layer-content {width:100%;background: none;background-color:#f8f8f8;} .contact-content {width:660px;min-height:391px;margin:0 auto;padding:50px 0 0 0;} .contact-l {width:660px;float:none;margin:0 auto;} .contact-r {width:660px;float:none;margin:0 auto;padding:30px 0 30px 0;} /* off */ .l3ph1 {display:none;} #callback_form {width:340px;margin:0px auto;padding:40px 0 0 0;} .callform-box {width:300px;margin:0 auto 0 auto;} .callform-l {width:280px;float:none;margin:0 auto;} .callform-r {width:280px;float:none;margin:0 auto;} /* slider */ #slider-wrapper {width:100%;min-height:396px;} #layerslider {display:none;} #layermobile {width:100%;min-height:396px;background: url('../img/photos/slider-1.jpg') no-repeat center;display:block;} .respsl1-content {width:440px;margin:0 auto;} .respslide1title {font-family: 'Abel', sans-serif;font-size:30px;line-height:36px;color:#fff;font-weight:400;padding:30px 0 0 0;} .respslide1txt {font-family: 'Abel', sans-serif;font-size:30px;line-height:36px;color:#fff;font-weight:400;padding:5px 0 0 0;} /* nav */ .nav-responsive {width:260px;display:block;margin:0px auto;position:relative;} .responsive-navigation {width:260px;position:absolute;z-index:999;top:0px;left:0px;} .nav-default {display:none;} iframe{max-width: 100%;height: auto;} img{max-width: 100%;height: auto;} /* FOOTER ------------------------------------------------------------------------- */ .footer-content {width:500px;margin:0px auto;} .foot-left {width:440px;float:none;margin:0px auto;} .foot-middle {width:335px;float:none;margin:0px auto;} .foot-right {width:440px;float:none;margin:0px auto;padding:0 0 20px 0;} .foot-title {padding:18px 0 0 0;} .foot-inside {padding:0 0 20px 0;} .foot-l-l {width:110px;float:left;} .foot-l-m {width:195px;float:left;} .foot-l-r {width:135px;float:left;} } @media only screen and (min-width: 480px) and (max-width: 767px){ /* width: 440px; */ #top-wrapper {width:100%;min-height:300px;} .top-content {width:440px;margin:0 auto;} .top-l {width:440px;float:none;margin:0 auto;} .top-m {width:440px;float:none;margin:0 auto;} .top-r {width:200px;padding:75px 0 0 0;float:none;margin:0 auto;} .logo {padding:35px 0 0 0;text-align:center;} .logotxt {padding:5px 0 0 0;text-align:center;} .top-social {padding:20px 0 0 0;} .top-language {padding:0 0 0 0;} #slider-wrapper {width:100%;min-height:606px;background: #fff no-repeat center top;} #layer1-wrapper {width:100%;min-height:461px;background: #fff;padding:0 0 30px 0;} #layer3-wrapper {width:100%;min-height:461px;background: #fff;} #layer4-wrapper {width:100%;min-height:461px;background: #f4f4f4;} .default-content {width:440px;} .text1-content {width:440px;margin:0 auto;} .iphotoscontainer {white-space: nowrap;max-width: 100%;margin:0;padding:0;overflow:hidden;font-size:0px;} .iphotoscontents {width: 440px;display: block;vertical-align: middle;position:relative;margin:0 auto;} .iphotoscontents-mid {width: 440px;display: block;vertical-align: middle;margin:0 auto;position:relative;} .iphotoscontainer img {max-width:100%;height:400px;} .iphotoscontainer-mid img {max-width:100%;height:400px;} .phhovinfo {width:100%;height:250px;display:block;margin:70px auto 0 auto;} .iphoto-hover .iphototext {width:420px;display:block;white-space: normal;} .iphototitle h2 {font-size:26px;line-height:26px;font-weight:400;padding:60px 0 0 30px;} .iphototext {padding:12px 0 0 30px;display:block;} .layer3-content {width:440px;} .l3-left {width:440px;float:none;margin:0 auto;} .l3-right {width:440px;float:none;margin:0 auto;} .l3ph2 {float:none;padding:0 0 30px 0;} .layer4-content {width:440px;} .layer4-inside {width:440px;margin:0 auto;} .l4-left {width:440px;float:none;margin:0 auto;} .l4-right {width:440px;float:none;margin:0 auto;padding:20px 0 0 0;} .l4ph1 {width:280px;} /* about */ #about-wrapper {background: none;} #about-quote {margin:0 0 20px 0;} .banner-content {display:none;} .about-content {width:440px;margin:0 auto;} .about-left {width:440px;margin:0 auto;} /* services */ .srvphhovinfo {width:440px;height:250px;display:block;margin:70px auto 0 auto;} .srviphoto-hover .srviphototext {width:420px;display:block;white-space: normal;} .srviphototitle h2 {font-size:26px;line-height:26px;font-weight:400;padding:60px 0 0 30px;} .srviphototext {padding:12px 0 0 30px;display:block;} a.srviphoto-hover {width:100%;height:400px;position: absolute;top:0;left:0;background:none;display:block;} a.srviphoto-hover:hover {width:100%;height:400px;position: absolute;top:0;left:0;display:block;background:#0072ca;opacity:0.9;} #data-center-cleaning-wrapper1 {width:100%;min-height:407px;background: none;} #data-center-cleaning-wrapper2 {width:100%;min-height:337px;background: #f4f4f4;padding:50px 0 50px 0;} .srvcont1b-left {width:440px;margin:0 auto;} .srvcont1b-right {width:430px;margin:0 auto;float:none;padding:0 0 0 0;} .srvtitle h1 {font-size:36px;line-height:40px;} .atm-and-epos-cleaning-img {display:none;} .data-center-support-img {display:none;} .service-content {width:440px;margin:0 auto;} .srvcont2b-left {width:440px;margin:0 auto;} /* services page menu */ .srvresp-menu {display: block;} .srvresp-menu ul.dropdownsrv{min-width:140px;min-height:190px;padding:20px 0 20px 0;} .srvresp-menu ul.dropdownsrv a{font-family: 'Abel', sans-serif;font-size:14px;color:#676767;line-height:16px;display:block;float:left;padding: 5px 0 15px 0;text-decoration: none;} .srvresp-menu ul.dropdownsrv li{display: block;} .srvresp-menu ul.dropdownsrv a:hover{text-decoration:underline;} .srvresp-menu ul.dropdownsrv a.active {color:#0072ca;text-decoration:none;} /* plant rooms */ #plant1-wrapper {width:100%;min-height:391px;background:none;} #plant2-wrapper {width:100%;min-height:391px;background:none;background-color:#f4f4f4;} #plant3-wrapper {width:100%;min-height:391px;background:none;} #plant4-wrapper {width:100%;min-height:391px;background:none;background-color:#f4f4f4;} #plant5-wrapper {width:100%;min-height:391px;background:none;} #plant6-wrapper {width:100%;min-height:391px;background:none;background-color:#f4f4f4;} .plant-content {width:440px;min-height:391px;} .plant1-l {width:440px;margin:0 auto;} .plant1-r {width:440px;float:none;padding:0 0 0 0;margin:0 auto;} .platitle h1 {font-size:36px;line-height:40px;} .platitle h2 {font-size:36px;line-height:40px;} /* portfolio */ .prtcontents-def {width:440px;display: block;vertical-align: middle;margin:20px auto 0 auto;position:relative;} .prtcontents-last {width:440px;display: block;vertical-align: middle;margin:20px auto 0 auto;position:relative;} .prtcontainer img {max-width:100%;height:445px;} .prtcontainer-last img {max-width:100%;height:445px;} .portinfo {width:360px;margin:80px auto 0 auto;display:none;text-align:center;} .prtphoto-hover .prttext {width:330px;display:block;white-space: normal;} a.prtphoto-hover {width:100%;height:445px;position: absolute;top:0;left:0;background:none;display:block;} a.prtphoto-hover:hover {width:100%;height:445px;position: absolute;top:0;left:0;display:block;background:#0072ca;opacity:0.67;} /* contact */ #layer-content {width:100%;background: none;background-color:#f8f8f8;} .contact-content {width:440px;min-height:391px;margin:0 auto;padding:50px 0 0 0;} .contact-l {width:440px;float:none;margin:0 auto;} .contact-r {width:440px;float:none;margin:0 auto;padding:0 0 30px 0;} #contact_form {width:420px;background:#0072ca;margin:30px auto 0 auto;padding:0 0 25px 0;} .form-box {width:360px;margin:0px auto;} .cntform-l {width:360px;float:none;} .cntform-r {width:360px;float:none;} .sub-box {padding:20px 12px 0 0;float:right;} /* off */ .l3ph1 {display:none;} #panel {display:none;} #panelCaller {display:none;} /* slider */ #slider-wrapper {width:100%;min-height:396px;} #layerslider {display:none;} #layermobile {width:100%;min-height:396px;background: url('../img/photos/slider-1.jpg') no-repeat center;display:block;} .respsl1-content {width:440px;margin:0 auto;} .respslide1title {font-family: 'Abel', sans-serif;font-size:30px;line-height:36px;color:#fff;font-weight:400;padding:30px 0 0 0;} .respslide1txt {font-family: 'Abel', sans-serif;font-size:30px;line-height:36px;color:#fff;font-weight:400;padding:5px 0 0 0;} /* nav */ .nav-responsive {width:260px;display:block;margin:0px auto;position:relative;} .responsive-navigation {width:260px;position:absolute;z-index:999;top:0px;left:0px;} .nav-default {display:none;} iframe{max-width: 100%;height: auto;} img{max-width: 100%;height: auto;} /* FOOTER ------------------------------------------------------------------------- */ .footer-content {width:440px;margin:0px auto;} .foot-left {width:440px;float:none;margin:0px auto;} .foot-middle {width:335px;float:none;margin:0px auto;} .foot-right {width:440px;float:none;margin:0px auto;padding:0 0 20px 0;} .foot-title {padding:18px 0 0 0;} .foot-inside {padding:0 0 20px 0;} .foot-l-l {width:110px;float:left;} .foot-l-m {width:195px;float:left;} .foot-l-r {width:135px;float:left;} .imonda {width:280px;float:none;margin:0px auto;text-align:center;} .techmax24 {width:200px;float:none;margin:0px auto;text-align:center;} } @media only screen and (min-width: 320px) and (max-width: 479px){ /* width: 280px; */ #top-wrapper {width:100%;min-height:300px;} .top-content {width:280px;margin:0 auto;} .top-l {width:280px;float:none;margin:0 auto;} .top-m {width:280px;float:none;margin:0 auto;} .top-r {width:200px;padding:75px 0 0 0;float:none;margin:0 auto;} .logo {padding:35px 0 0 0;text-align:center;} .logotxt {padding:5px 0 0 0;text-align:center;} .top-social {padding:20px 0 0 0;} .top-language {padding:0 0 0 0;} #slider-wrapper {width:100%;min-height:606px;background: #fff no-repeat center top;} #layer1-wrapper {width:100%;min-height:461px;background: #fff;padding:0 0 30px 0;} #layer3-wrapper {width:100%;min-height:461px;background: #fff;} #layer4-wrapper {width:100%;min-height:461px;background: #f4f4f4;} .default-content {width:280px;} .text1-content {width:280px;margin:0 auto;} .iphotoscontainer {white-space: nowrap;max-width: 100%;margin:0;padding:0;overflow:hidden;font-size:0px;} .iphotoscontents {width: 100%;display: block;vertical-align: middle;position:relative;} .iphotoscontents-mid {width: 100%;display: block;vertical-align: middle;margin:0 0 0 0;position:relative;} .iphotoscontainer img {max-width:100%;height:500px;} .iphotoscontainer-mid img {max-width:100%;height:500px;} .phhovinfo {width:100%;height:250px;display:block;margin:120px auto 0 auto;} .iphoto-hover .iphototext {width:260px;display:block;white-space: normal;} .iphototitle h2 {font-size:26px;line-height:26px;font-weight:400;padding:60px 0 0 30px;} .iphototext {padding:12px 0 0 30px;display:block;} .layer3-content {width:280px;} .l3-left {width:280px;float:none;margin:0 auto;} .l3-right {width:280px;float:none;margin:0 auto;} .l3ph2 {float:none;padding:0 0 30px 0;} .layer4-content {width:280px;} .layer4-inside {width:280px;margin:0 auto;} .l4-left {width:280px;float:none;margin:0 auto;} .l4-right {width:280px;float:none;margin:0 auto;padding:20px 0 0 0;} .l4ph1 {width:280px;height:337px;} /* about */ #about-wrapper {background: none;} #about-quote {margin:0 0 20px 0;} .banner-content {display:none;} .about-content {width:280px;margin:0 auto;} .about-left {width:280px;margin:0 auto;} .free1 {padding:26px 0 0 0;} /* services */ .srvphhovinfo {width:100%;height:250px;display:block;margin:120px auto 0 auto;} .srviphoto-hover .srviphototext {width:260px;display:block;white-space: normal;} .srviphototitle h2 {font-size:26px;line-height:26px;font-weight:400;padding:60px 0 0 30px;} .srviphototext {padding:12px 0 0 30px;display:block;} #data-center-cleaning-wrapper1 {width:100%;min-height:407px;background: none;} #data-center-cleaning-wrapper2 {width:100%;min-height:337px;background: #f4f4f4;padding:50px 0 50px 0;} .srvcont1b-left {width:280px;margin:0 auto;} .srvcont1b-right {width:280px;margin:0 auto;float:none;padding:0 0 0 0;} .srvtitle h1 {font-size:36px;line-height:40px;} .atm-and-epos-cleaning-img {display:none;} .data-center-support-img {display:none;} .service-content {width:280px;margin:0 auto;} .srvcont2b-left {width:280px;margin:0 auto;} /* services page menu */ .srvresp-menu {display: block;} .srvresp-menu ul.dropdownsrv{min-width:140px;min-height:190px;padding:20px 0 20px 0;} .srvresp-menu ul.dropdownsrv a{font-family: 'Abel', sans-serif;font-size:14px;color:#676767;line-height:16px;display:block;float:left;padding: 5px 0 15px 0;text-decoration: none;} .srvresp-menu ul.dropdownsrv li{display: block;} .srvresp-menu ul.dropdownsrv a:hover{text-decoration:underline;} .srvresp-menu ul.dropdownsrv a.active {color:#0072ca;text-decoration:none;} /* plant rooms */ #plant1-wrapper {width:100%;min-height:391px;background:none;} #plant2-wrapper {width:100%;min-height:391px;background:none;background-color:#f4f4f4;} #plant3-wrapper {width:100%;min-height:391px;background:none;} #plant4-wrapper {width:100%;min-height:391px;background:none;background-color:#f4f4f4;} #plant5-wrapper {width:100%;min-height:391px;background:none;} #plant6-wrapper {width:100%;min-height:391px;background:none;background-color:#f4f4f4;} .plant-content {width:280px;min-height:391px;} .plant1-l {width:280px;margin:0 auto;} .plant1-r {width:280px;float:none;padding:0 0 0 0;margin:0 auto;} .platitle h1 {font-size:36px;line-height:40px;} .platitle h2 {font-size:36px;line-height:40px;} /* portfolio */ .prtcontents-def {width: 280px;display: block;vertical-align: middle;margin:20px auto 0 auto;position:relative;} .prtcontents-last {width: 280px;display: block;vertical-align: middle;margin:20px auto 0 auto;position:relative;} .prtcontainer img {max-width:100%;height:305px;} .prtcontainer-last img {max-width:100%;height:305px;} .portinfo {width:260px;margin:10px auto 0 auto;display:none;text-align:center;} .prtphoto-hover .prttext {width:230px;display:block;white-space: normal;margin:0 auto;} a.prtphoto-hover {width:100%;height:305px;position: absolute;top:0;left:0;background:none;display:block;} a.prtphoto-hover:hover {width:100%;height:305px;position: absolute;top:0;left:0;display:block;background:#0072ca;opacity:0.67;} .prttitle h2 {font-family: 'Abel', sans-serif;color:#fff;font-size:20px;line-height:26px;font-weight:400;} /* contact */ #layer-content {width:100%;background: none;background-color:#f8f8f8;} .contact-content {width:280px;min-height:391px;margin:0 auto;padding:50px 0 0 0;} .contact-l {width:280px;float:none;margin:0 auto;} .contact-r {width:280px;float:none;margin:0 auto;padding:0 0 30px 0;} #contact_form {width:280px;background:#0072ca;margin:30px auto 0 auto;padding:0 0 25px 0;} .form-box {width:260px;margin:0px auto;} .cntform-l {width:260px;float:none;} .cntform-r {width:260px;float:none;} .sub-box {padding:20px 12px 0 0;float:right;} /* off */ .l3ph1 {display:none;} #panel {display:none;} #panelCaller {display:none;} /* slider */ #slider-wrapper {width:100%;min-height:396px;} #layerslider {display:none;} #layermobile {width:100%;min-height:396px;background: url('../img/photos/slider-1.jpg') no-repeat center;display:block;} .respsl1-content {width:280px;margin:0 auto;} .respslide1title {font-family: 'Abel', sans-serif;font-size:30px;line-height:36px;color:#fff;font-weight:400;padding:30px 0 0 0;} .respslide1txt {font-family: 'Abel', sans-serif;font-size:30px;line-height:36px;color:#fff;font-weight:400;padding:5px 0 0 0;} /* nav */ .nav-responsive {width:260px;display:block;margin:0px auto;position:relative;} .responsive-navigation {width:260px;position:absolute;z-index:999;top:0px;left:0px;} .nav-default {display:none;} iframe{max-width: 100%;height: auto;} img{max-width: 100%;height: auto;} /* FOOTER ------------------------------------------------------------------------- */ .footer-content {width:280px;margin:0px auto;} .foot-left {width:280px;float:none;margin:0px auto;} .foot-middle {width:280px;float:none;margin:0px auto;} .foot-right {width:280px;float:none;margin:0px auto;padding:0 0 20px 0;} .foot-title {padding:18px 0 0 0;} .foot-inside {padding:0 0 20px 0;} .imonda {width:280px;float:none;margin:0px auto;text-align:center;} .techmax24 {width:200px;float:none;margin:0px auto;text-align:center;} }