@charset "utf-8";@media only screen and (max-width:1024px){.header-section{width:1024px;height:auto;position:relative;margin-top:0;box-shadow:0 3px 3px #000;overflow:hidden}.logo{width:130px;height:auto;padding:10px 0 5px;text-align:center;background-color:#fff;border-bottom:none}.logo img{width:80px;height:auto}.main-menu{display:none;position:static;width:100%;top:auto;right:auto;margin-top:0}.main-menu ul{text-align:left;background-color:#009797}.main-menu ul .menu-active,.main-menu ul li:hover{background-color:transparent}.main-menu ul li{float:none;margin:0}.main-menu ul li a{display:block;width:100%}.hover-active,.main-menu ul li:hover>.hover-active{display:none}.main-menu ul ul{width:100%;position:relative;left:0;top:0;margin-top:10px;margin-bottom:-10px;display:block}.main-menu ul ul li{float:none;position:relative;margin-bottom:0}.main-menu ul ul ul{position:relative;left:0;top:0;padding-left:20px}.header-section #navbtn{display:block}.social-main{display:none}.wrapper{margin:40px auto 0}.footer-section{margin:20px auto 0}}@media only screen and (max-width:768px){.contact,.contact-info,.send-message{display:block}.header-section{width:768px}.wrapper{width:728px}.content-header h1{float:none}.content-header nav{position:relative;margin:10px 0 10px -20px;overflow:hidden}.service ul{margin-left:-19px}.service ul li{width:230px;height:230px;margin-left:19px}.service-large ul{margin-top:20px}.service-large ul li{width:728px;height:auto;float:none;overflow:hidden}.service-large .thumb-hover,.service-large .thumb-hover img{width:100%;height:auto}.grid-half,.large-grid figure{width:728px}.service-details .large-button{position:relative;float:right;margin-top:30px;margin-bottom:40px;margin-right:0}.bottom-active .readmore-button,.contact-info,.leave-comment .input-email{margin-top:20px}.left,.right{float:none}.large-grid{height:728px}.large-grid img{width:100%;height:auto}.small-grid li{width:354px;height:354px}.small-grid li figure img{width:100%;height:auto}.icon .service-icon{padding-top:33%}.grid-half .banner-slide{margin-bottom:40px}.half-feature-image{width:728px;height:728px;margin-bottom:20px}.fullwidth-feature img,.half-feature-image img{width:100%;height:auto}blockquote{font-size:2em;line-height:40px}.gallery-list ul,.portfolio ul,.related ul,.team ul{margin-left:-19px}.gallery-list ul li,.portfolio ul li,.related ul li,.team ul li{width:230px;height:230px;margin-left:19px}.gallery-list ul li img,.portfolio .flip img,.related .flip img,.team .flip img{width:100%;height:auto}.work-meta{width:30%}.portfolio-detail{width:70%}.blog-content{width:483px}.content-list .thumb-hover img{width:100%;height:auto}.blog-details h2 a{line-height:28px}.blog-related ul{margin-left:-21px}.blog-related ul li{width:147px;height:147px;margin-left:21px}.blog-related .flip-front img{width:100%;height:auto}.sidebar{width:225px}.send-message{width:728px;border-right:none;vertical-align:top}.contact-info{width:728px}.leave-comment input{width:314px}.leave-comment .input-subject{width:100%}.footer-section{width:728px}.footer-about{width:100%;float:none;margin-right:0}.footer-contact,.footer-subscribe{width:319px;margin-top:40px}.footer-contact{margin-right:30px}.subscribe-box input{width:153px}.subscribe-box .first-name{margin-right:13px}}@media only screen and (max-width:480px){.page-navigation,.service ul{margin-left:-20px}.blog,.blog-content,.call-action,.details aside,.page-header,.portfolio-detail,aside{display:block}.header-section{width:480px}.wrapper{width:460px}.page-header{height:auto;position:relative}.page-header h1{line-height:38px}.page-header .content{display:block;padding:30px 40px;overflow:hidden}.header-title{margin-top:40px}.category-filter ul,.sub-title{margin-top:20px}.sub-title{line-height:normal}.page-navigation{position:absolute;margin-top:0}.service ul li{width:220px;height:220px;margin-left:20px}.grid-half,.large-grid figure{width:460px}.service-large ul li{width:460px;height:auto;overflow:hidden}.call-action{height:auto;overflow:hidden}.call-action .large-button{margin:0 40px 38px}.large-grid{height:460px}.small-grid li{width:220px;height:220px}.half-feature-image{width:460px;height:460px}.icon .service-icon{padding-top:28%}.large-grid blockquote{margin-top:100px}.gallery-list ul,.portfolio ul,.related ul,.team ul{margin-left:-20px}.gallery-list ul li,.portfolio ul li,.related ul li,.team ul li{width:220px;height:220px;margin-left:20px}.work-meta{width:100%;padding-right:0}.portfolio-detail{width:100%;margin-top:40px}.blog-content{width:100%;overflow:hidden}.content-list{margin-top:0}.blog-related ul{margin-left:-20px}.blog-related ul li{width:140px;height:140px;margin-left:20px}.leave-comment input,.sidebar{width:100%}.tiny-grid h2{font-size:.9em;font-weight:400;padding:15px}.tiny-active{font-size:12px;margin-bottom:20px}.sidebar{margin-top:20px}.sidebar-box .gallery .gallery-list{width:76.6px;height:76.6px}.sidebar-box .gallery img{width:100%;height:auto}.contact-info,.send-message{width:100%}.footer-section{width:460px}.footer-contact{width:100%;margin-right:0}.footer-subscribe{width:100%}.subscribe-box input{width:194px}.subscribe-box .first-name{margin-right:12px}.footer-bottom{text-align:center}.copyright{float:none}.footer-bottom nav{float:none;margin-top:10px;overflow:hidden}.footer-bottom ul li{float:none;margin:0 7px}}@media only screen and (max-width:320px){.gallery-list ul,.portfolio ul,.related ul,.service ul,.service ul li,.team ul{margin-left:0}.box-title h2,.service .grid-title,.small-grid .icon h2{margin-bottom:20px}.header-section{width:320px}.wrapper{width:310px}.service ul li{width:310px;height:310px}.service-large ul li{width:100%;height:auto}.service-details h2 a{line-height:normal}.blog-single-details h1,.info-box h2,blockquote{line-height:30px}.grid-half{width:310px}.large-grid{height:310px}.large-grid figure{width:310px}.half-feature-image,.small-grid li{width:310px;height:310px}blockquote{font-size:1.5em}.large-grid blockquote{margin-top:20px}.quote-author{font-family:'Open Sans',sans-serif;font-size:14px;font-weight:300}.gallery-list ul li,.portfolio ul li,.related ul li,.team ul li{width:310px;height:310px;margin-left:0}.gallery-list ul li img,.portfolio .flip img,.related .flip img,.team .flip img{width:310px;height:310px}.blog-related ul{margin-left:-20px}.blog-related ul li{width:145px;height:145px;margin-left:20px}.tiny-grid h2{margin-bottom:5px}.reply{float:left;margin-top:10px}.comment-active .submit-button{float:left;margin-top:15px}.sidebar-box .gallery .gallery-list{width:77.5px;height:77.5px}.map{height:310px}.large-title-back{font-size:1.5em;line-height:30px}.large-description-back{font-size:14px;line-height:20px;margin-top:20px}.footer-section{width:310px}.subscribe-box input{width:100%}.subscribe-box .first-name{margin-right:0}.subscribe-box .last-name{margin-top:12px}.footer-bottom ul li{margin:0 5px}}