@charset "utf-8";
@media only screen and (max-width:1280px) {
.header-section{width:205px}
.hover-active{margin-left:185px}
.wrapper,.footer-section{margin-left:225px}
}
@media only screen and (max-width:1264px) {
.header-section{width:195px}
.hover-active{margin-left:175px}
.wrapper,.footer-section{margin-left:210px}
.social-main ul li{margin-left:2px}
}
@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 li{float:none;margin:0}
.main-menu ul li a{display:block;width:100%}
.main-menu ul li:hover{background-color:transparent}
.main-menu ul li:hover > .hover-active{display:none}
.main-menu ul .menu-active{background-color:transparent}
.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:0 auto;margin-top:40px}
.footer-section{margin:0 auto;margin-top:20px}
}
@media only screen and (max-width:1023px) {
.header-section{width:100%}
.wrapper{width:728px}
.content-header h1{float:none}
.content-header nav{position:relative;margin:10px 0 10px -20px;overflow:hidden}
blockquote{font-size:2em;line-height:40px}
.grid-half{width:728px}
.left{float:none}
.right{float:none}
.large-grid{height:728px}
.large-grid figure{width: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}
.half-feature-image img,.fullwidth-feature img{width:100%;height:auto}
.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{width:100%;height:auto}
.service-large .thumb-hover img{width:100%;height:auto}
.service-details .large-button{position:relative;float:right;margin-top:30px;margin-bottom:40px;margin-right:0}
.portfolio ul,.gallery-list ul,.team ul,.related ul{margin-left:-19px}
.portfolio ul li,.gallery-list ul li,.team ul li,.related ul li{width:230px;height:230px;margin-left:19px}
.portfolio .flip img,.gallery-list ul li img,.team .flip img,.related .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}
.bottom-active .readmore-button{margin-top:20px}
.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}
.leave-comment .input-email{margin-top:20px}
.sidebar{width:225px}
.contact{display:block}
.send-message{display:block;width:728px;border-right:none;vertical-align:top}
.contact-info{display:block;width:728px;margin-top:20px}
.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{width:319px;margin-top:40px;margin-right:30px}
.footer-subscribe{width:319px;margin-top:40px}
.subscribe-box input{width:153px}
.subscribe-box .first-name{margin-right:13px}
}
@media only screen and (max-width:767px) {
.wrapper{width:460px}
.large-grid blockquote{margin-top:100px}
.page-header{height:auto;display:block;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{margin-top:20px}
.sub-title{margin-top:20px;line-height:normal}
.page-navigation{position:absolute;margin-top:0;margin-left:-20px}
.call-action{height:auto;display:block;overflow:hidden}
.call-action .large-button{margin:0 40px 38px}
.grid-half{width:460px}
.large-grid{height:460px}
.large-grid figure{width:460px}
.small-grid li{width:220px;height:220px}
.half-feature-image{width:460px;height:460px}
.icon .service-icon{padding-top:28%}
.service ul{margin-left:-20px}
.service ul li{width:220px;height:220px;margin-left:20px}
.service-large ul li{width:460px;height:auto;overflow:hidden}
.portfolio ul,.gallery-list ul,.team ul,.related ul{margin-left:-20px}
.portfolio ul li,.gallery-list ul li,.team ul li,.related ul li{width:220px;height:220px;margin-left:20px}
.details aside{display:block}
.work-meta{width:100%;padding-right:0}
.portfolio-detail{display:block;width:100%;margin-top:40px}
.blog{display:block}
.blog-content{display:block;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}
.tiny-grid h2{font-size:.9em;font-weight:400;padding:15px}
.tiny-active{font-size:12px;margin-bottom:20px}
.leave-comment input{width:100%}
aside{display:block}
.sidebar{width:100%;margin-top:20px}
.sidebar-box .gallery .gallery-list{width:76.6px;height:76.6px}
.sidebar-box .gallery img{width:100%;height:auto}
.send-message,.contact-info{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:479px) {
.header-section{min-width:320px}
.wrapper{width:310px}
blockquote{font-size:1.5em;line-height:30px}
.large-grid blockquote{margin-top:20px}
.quote-author{font-family:'Open Sans',sans-serif;font-size:14px;font-weight:300}
.grid-half{width:310px}
.large-grid{height:310px}
.large-grid figure{width:310px}
.small-grid li,.half-feature-image{width:310px;height:310px}
.small-grid .icon h2{margin-bottom:20px}
.service ul{margin-left:0}
.service ul li{width:310px;height:310px;margin-left:0}
.service-large ul li{width:100%;height:auto}
.service .grid-title{margin-bottom:20px}
.service-details h2 a{line-height:normal}
.portfolio ul,.gallery-list ul,.team ul,.related ul{margin-left:0}
.portfolio ul li,.gallery-list ul li,.team ul li,.related ul li{width:310px;height:310px;margin-left:0}
.portfolio .flip img,.gallery-list ul li img,.team .flip img,.related .flip img{width:310px;height:310px}
.box-title h2{margin-bottom:20px}
.blog-single-details h1{line-height:30px}
.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}
.info-box h2{line-height:30px}
.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}
}