@charset "utf-8";
/* CSS Document */
@media only screen and (min-width:1025px) and (max-width:1230px) {
.wrapper{ width:100%; padding:0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.header .logo{ width:300px;}
.header .menu{ width:calc(100% - 300px); padding-top: 20px;}
.header .menu ul li{margin: 0 0 0px 60px; font-size:20px;}
.header .menu ul li.contact{margin-left: 59px;}
.slider .slider_cont .wrapper{padding:0; width:1010px;}
.header{padding-bottom: 35px;}

.pnl1{padding: 40px 0 90px;}
.pnl1 h3, .pnl2 h3, .pnl3 h3{margin: 40px 0 5px;font-size:18px; line-height:24px;}
.pnl1 h2, .pnl2 h2, .pnl3 h2, .question h2{margin-bottom: 35px; font-size:60px; line-height:84px;}

.pnl2{padding: 40px 0 70px 0;}
.pnl2 ul li{margin-bottom: 60px;}

.pnl3{padding: 35px 0 150px;}

.page-header-img{height: 610px;}
.page-content {padding: 70px 0px 120px;}
.page-content h2{font-size:50px;line-height:48px;padding-bottom: 32px;}
.product_single_content.top_pad .alignright, .product_single_content .alignright, .pnl1 .alignright, .page-content .alignright{ padding-left:30px;}
.product_single_content.top_pad .alignleft, .product_single_content .alignleft, .pnl1 .alignleft, .page-content .alignleft{ padding-right:30px;}
.button_section {padding-top: 40px;}
.button_section .btn {margin-right: 26px;}

.page-header .banner-text {padding: 74px 0px;}
.page-header .banner-content{padding: 42px 48px;width: 800px;}
.page-header .banner-content h2{font-size:50px;line-height:48px;padding-bottom: 32px;}
.cat-pnl ul, .cat-pnl .ui-tabs {padding: 0px 0px 48px;}
.cat-pnl ul li, .cat-pnl .ui-tabs .ui-tabs-nav li{font-size:30px !important;line-height:48px !important;padding-left: 88px !important;}
.pagination{padding-top: 60px;}
.fancybox-title-float-wrap{margin-bottom: -235px;left: 26px;}

.page-header.contact_detail {min-height: 477px;}
.contact-page {padding: 90px 0 170px;}
.contact-page h2 {margin-bottom: 30px;font-size:54px;line-height:48px;padding-bottom: 30px;}
.contact-page form {max-width: 800px;}
.contact-page form {padding: 40px 0 0;}

.page-header.banner-sec .banner-content{padding: 50px 60px;}
.page-header.banner-sec .banner-content .btn a{ font-size:20px;}
.page-content.topsec {padding-bottom: 70px;}
.door-img {height: 650px;}
.bottom-pnl {text-align: center;padding: 80px 0px 85px;}
.bottom-pnl .pnl-pad{padding: 0px 25px;}
.bottom-pnl .pnl-pad h2{ font-size:52px;}

.banner{min-height: 610px;}
.banner h2{font-size:50px; line-height:48px;}
.product_single_content.top_pad {padding: 70px 0 87px;}
.product_single_content h2 {margin-bottom: 15px;font-size:50px; line-height:48px;padding-bottom: 30px;}
.question.top_pad {padding: 65px 0 60px;}
.question.top_pad h2{font-size:50px; line-height:48px;padding-bottom: 30px;}
.single-door-child.product-single {padding-bottom: 50px;padding-top: 85px;}
.single-door-child ul{margin: 0 -1.3%;}
.single-door-child ul li{margin: 0 1.3% 65px;}
.single-door-child.product-single ul li {margin-bottom: 85px;}
.single-door-child.product-single ul li p{ padding:0px 15px;font-size: 19px;}
.single-door-child h3 {padding: 0 25px;padding-bottom: 20px;margin-bottom: 20px;font-size:30px; line-height:35px;}
.product_single_content{padding: 95px 0 75px;}
.door-single .single-door-child h3{padding:0px 50px;}
.door-single .single-door-child ul li p{padding:0px 50px; padding-bottom:25px;}

.single-door-child.product-single.single-millwork {padding-bottom: 75px;}

.page-header.faq .banner-content{padding: 35px 60px;}
.accordion h3{ padding-bottom:25px; padding-top:25px;}
.faq-page h3{ font-size:32px; line-height:38px;}
.accordion.active, .accordion .panel{padding: 0px 25px 10px 0px;}
.faq-page .ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding: 0px 28px 0px 20px;}

.question{background-size: cover;padding: 60px 0 90px;}

.prod_single_banner{font-size: 18px;padding: 55px 0 68px;}
.prod_single_banner h2{margin-bottom: 20px;padding-bottom: 25px;font-size:50px;line-height:48px;}
.single-door-child.first {padding: 55px 0 0 0;}
.single-door-child h2{margin-bottom: 45px;padding-bottom: 32px;font-size:50px;line-height:48px;}
.single-door-child ul li .img{height: 243px;}
.single-door-child.last {padding-bottom: 50px;}

.page-content.heading h1{font-size:50px;padding-bottom: 30px;line-height:48px;}
.page-content.heading h2{font-size:42px;margin: 56px 0 25px;line-height:37px;}
.page-content.heading h3{font-size:34px;margin: 55px 0 25px;line-height:30px;}
.page-content.heading h4, .page-content.heading h5{font-size:33px;margin: 45px 0 20px;line-height:44px;}
.page-content.heading h6{font-size:21px;margin-bottom: 26px;line-height:27px;}

.footer_top{ padding:75px 0px;font-size:14px;}
.footer_top .panel1{ padding-top:10px;}
.footer_top .panel1 a[href^="tel"]{font-size:29px; line-height:30px;}
.footer_top .panel2{padding: 96px 80px 0 75px;}
.footer_top .panel3{padding: 19px 40px 49px 41px;}
.footer_top .panel3 h3{margin-bottom: 40px;font-size:19px; line-height:25px;}
.footer_bot .menu{padding-bottom: 75px;}
.footer_bot .menu ul li{padding: 0 0 0 14%;}

}
@media only screen and (min-width:768px) and (max-width:1024px) {
body{font-size:18px; line-height:32px;}	
.wrapper{ width:100%; padding:0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.header{padding-bottom: 35px;}
.header .top{padding: 20px 24px 12px 0;font-size:17px; line-height:20px;}
.header .logo{ width:220px;}
.header .menu{ width:calc(100% - 220px); padding-top: 12px;}
.header .menu ul li{margin: 0 0 0px 30px; font-size:17px;}
.header .menu ul li:first-child{margin: 0 0 0px 10px;}
.header .menu ul li ul{min-width: 230px;}
.header .menu ul li ul li:first-child{margin: 0 0 0px 0px;}
.header .menu ul li.contact{margin-left: 30px;}
.header .menu ul li.contact a{padding: 8px 20px;}
.slider .slider_cont .wrapper{padding:0; width:100%;}
.slider .slider_cont h1 {font-size:66px; line-height:92px;padding: 0 15px;}
.slider .slider_cont p{font-size:24px; line-height:35px;}
.slider .slider_cont .btn a{padding: 13px 20px;font-size:17px; line-height:26px;}
.slider .list_carousel ul li{ min-height:700px;}
.slider{height: 700px;}

.pnl1{padding:35px 0 75px;}
.pnl1 p {padding: 15px 0;}
.pnl1 h3, .pnl2 h3, .pnl3 h3{margin:30px 0 5px;font-size:15px; line-height:24px;}
.pnl1 h3:before, .pnl2 h3:before, .pnl3 h3:before{margin-left: -125px;max-width: 100px;}
.pnl1 h3:after, .pnl2 h3:after, .pnl3 h3:after{margin-left: 17px;max-width: 100px;}
.pnl1 h2, .pnl2 h2, .pnl3 h2, .question h2{margin-bottom: 20px; font-size:46px; line-height:72px;}
.alignright{margin: 20px 0 20px 25px;}

.pnl2{padding: 40px 0 70px 0;}
.pnl2 ul li:before{ left:-23px;}
.pnl2 ul li h3{ font-size:19px;}
.pnl2 ul li{margin-bottom: 60px;}

.pnl3{padding: 30px 0 120px;}
.pnl3 h2{padding-bottom: 48px;}
.pnl3 ul li .img{ min-height:181px;}

.btn a{font-size:18px; line-height:24px;padding: 11px 20px;}

.page-header-img{height: 510px;}
.page-content {padding: 50px 0px 80px;}
.page-content h2{font-size:40px;line-height:36px;padding-bottom: 30px;}
.product_single_content.top_pad .alignright, .product_single_content .alignright, .pnl1 .alignright, .page-content .alignright{ padding-left:25px;margin-top: 25px;}
.wp-caption-text{padding-top: 10px;font-size:18px;line-height:28px;}
.product_single_content.top_pad .alignleft, .product_single_content .alignleft, .pnl1 .alignleft, .page-content .alignleft{ padding-right:25px;}
.button_section {padding-top: 30px;}
.button_section .btn {margin-right: 14px;}
.button_section .btn a{font-size: 16px;line-height: 24px;padding: 11px 16px;}

.page-header .banner-text {padding: 74px 0px;}
.page-header .banner-content{padding:36px 40px;width: 642px;}
.page-header .banner-content h2{font-size:45px;line-height:38px;padding-bottom: 29px;}
.cat-pnl ul, .cat-pnl .ui-tabs{padding: 0px 0px 35px;}
.cat-pnl ul li,  .cat-pnl .ui-tabs .ui-tabs-nav li{font-size:26px !important;line-height:38px !important;padding-left: 80px !important;}
.pagination{padding-top: 45px;}
.fancybox-title-float-wrap{margin-bottom: -230px;left: 20px;}
.fancybox-title{font-size:17px;line-height:30px;}
.fancybox-title .title{ font-size:30px;}
.fancybox-close{right: 40px;}

.page-header.contact_detail {min-height: 464px;}
.contact-page {padding:70px 0 100px;}
.contact-page h2 {margin-bottom: 30px;font-size:48px;line-height:40px;padding-bottom: 22px;}
.contact-page form {max-width: 600px;}
.contact-page .group {margin-bottom: 56px;}
.contact-page form {padding:35px 0 0;}

.page-header.banner-sec .banner-content{padding:45px 35px;}
.page-header.banner-sec .banner-content h2{font-size: 43px;line-height: 38px;}
.page-header.banner-sec .banner-content .btn {padding: 20px 0px 0px;}
.page-header.banner-sec .banner-content .btn a{ font-size:16px;    margin: 0px 3px;padding: 11px 13px;}
.page-content.topsec {padding-bottom:45px;}
.door-img {height: 450px;}
.bottom-pnl {text-align: center;padding:50px 0px 55px;}
.bottom-pnl .pnl-pad{padding: 0px 15px;}
.bottom-pnl .pnl-pad h2{ font-size:38px;line-height:46px;padding-bottom: 30px;}

.question{background-size: cover;padding:45px 0 80px;}
.question p{ padding:0px;}

.gallery ul li{min-height: 110px;}
.gallery ul li table{height: 110px;}
.gallery ul li table td{ font-size:17px;}

.banner{min-height:510px;}
.banner h2{font-size:50px; line-height:48px;}
.product_single_content.top_pad {padding: 50px 0 67px;}
.product_single_content h2 {margin-bottom: 10px;font-size:40px; line-height:36px;padding-bottom: 30px;}
.product_single_content.top_pad .alignright h3{margin: 25px 0 20px;font-size:30px; line-height:48px;padding-bottom: 10px;}
.product_single_content p {margin-bottom: 30px;}
.question.top_pad {padding:45px 0 40px;}
.question.top_pad h2{font-size:42px; line-height:48px;padding-bottom: 30px;}
.single-door-child.product-single {padding-bottom: 30px;padding-top: 65px;}
.single-door-child ul li{margin: 0 1% 65px;}
.single-door-child.product-single ul li {margin-bottom: 65px;}
.single-door-child.product-single ul li p{ padding:0px ;font-size: 17px; line-height:30px;}
.single-door-child h3 {margin-bottom: 15px;font-size:28px; line-height:30px; padding:0px 0px 15px;}
.product_single_content{padding:65px 0 55px;}
.single-door-child.product-single.single-millwork {padding-bottom:65px;}
.single-door-child ul li .img{ height:200px;}
.single-door-child.product-single.single-millwork ul li {margin-bottom: 2%;}
.door-single .single-door-child h3{padding:0px 40px;}
.door-single .single-door-child ul li p{padding:0px 40px; padding-bottom:25px;}

.page-header.faq .banner-content{padding: 35px 35px;}
.accordion h3{ padding-bottom:20px; padding-top:20px;padding-left: 58px;}
.accordion h3:before{left: 16px;top: 32px;}
.faq-page h4 {font: 700 20px/31px 'Roboto Slab', Arial;}
.faq-page .ui-tabs-vertical .ui-tabs-panel {margin-top: -30px; padding-left:15px;}
.faq-page h3{ font-size:26px; line-height:33px;}
.accordion.active, .accordion .panel{padding: 0px 25px 10px 0px;}
.faq-page .ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding: 0px 20px 0px 15px;}
.faq-page .ui-state-default, .faq-page .ui-widget-content .ui-state-default, .faq-page .ui-widget-header .ui-state-default, .faq-page .ui-button, html .ui-button.ui-state-disabled:hover, html .faq-page .ui-button.ui-state-disabled:active{ font-size:19px; line-height:50px;}

.prod_single_banner{font-size: 18px;padding: 55px 0 68px;}
.prod_single_banner h2{margin-bottom: 20px;padding-bottom: 25px;font-size:46px;line-height:45px;}
.single-door-child.first {padding:45px 0 0 0;}
.single-door-child h2{margin-bottom:40px;padding-bottom:28px;font-size:46px;line-height:42px;}
.single-door-child.last {padding-bottom:30px;}

.page-content.heading h1{font-size:44px;padding-bottom: 30px;line-height:38px;}
.page-content.heading h2 {font-size: 40px;margin: 48px 0 20px;line-height: 36px;}
.page-content.heading h3 {font-size: 30px;margin: 45px 0 20px;line-height: 28px;}
.page-content.heading h4, .page-content.heading h5 {font-size: 30px;margin: 35px 0 15px;line-height: 40px;}
.page-content.heading h6 {font-size: 20px;margin-bottom: 24px;line-height: 24px;}

.footer_top{ padding:40px 0px;font-size:14px;}
.footer_top .panel1{ padding-top:10px; width:100%; float:none; max-width:300px;    margin: 0 auto;text-align: center;}
.footer_top .panel1 h3 {margin-bottom: 10px;margin-top: 15px;}
.footer_top .panel1 a[href^="tel"]{font-size:29px; line-height:30px;}
.footer_top .panel2{padding:10px 15px 10px 0px;width: 50%;float: left;}
.footer_top .panel3{padding: 20px 15px 40px;margin-top: 30px;width: 50%;float: right;}
.footer_top .panel3 h3{margin-bottom: 32px;font-size:19px; line-height:22px;}

.group{margin-bottom: 38px;}
.footer_bot .menu{padding-bottom: 60px;}
.footer_bot .menu ul li{padding: 0 0 0 12%;font-size:18px; line-height:24px;}
.footer_bot .bot_cont{padding-bottom: 30px;}
}

@media only screen and (max-width:767px) {
body{font-size:18px; line-height:33px;}	
.wrapper{ width:100%; padding:0 30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.header.home {background: url(../images/pattern-wood.jpg) repeat center center; padding: 35px 0px; position: relative;}
.header{position: relative; padding: 35px 0px; background: url(../images/pattern-wood.jpg) repeat center center;}
.header .top{padding: 20px 24px 12px 0;font-size:17px; line-height:20px;}
.header .logo{max-width: 300px;float: none;width: auto;}
.header .menu{ display:none;}
.header .top{ display:none;}
.mobile_menu{display:block; position:absolute; top:0; right:0; width:100%;}
.top.mobile{display:block; background:#ebe5dc; text-align:center; padding:32.5px 0px; font-size: 40px; line-height: 47px; font-weight:700;}
.top.mobile a{ color:#3d2d29;}
.top.mobile a span{color: #ef5129;}
.header .menu ul li{margin: 0 0 0px 30px; font-size:17px;}
.header .menu ul li:first-child{margin: 0 0 0px 10px;}
.header .menu ul li ul{min-width: 230px;}
.header .menu ul li ul li:first-child{margin: 0 0 0px 0px;}
.header .menu ul li.contact{margin-left: 30px;}
.header .menu ul li.contact a{padding: 8px 20px;}
.slider .slider_cont{bottom:6%; z-index:8;}
.slider .slider_cont .wrapper{padding:0; width:100%;}
.slider .slider_cont h1 {font-size:78px; line-height:92px;padding: 0 15px;}
.slider .slider_cont p{font-size:30px; line-height:44px;max-width: 365px;margin-bottom: 50px;margin-top:30px;}
.slider .slider_cont .btn {display: block;margin: 20px 0px 0px;}

.pnl1{padding:45px 0 85px;}
.pnl1 h3, .pnl2 h3, .pnl3 h3{font-size:23.84px; line-height:29px;letter-spacing: 2.365px;}
.pnl1 h2 {margin-bottom: 40px;}
.pnl1 h3:before, .pnl1 h3:after{ display:none;}
.pnl2 h3:after, .pnl3 h3:after{margin-left: 18px;}
.product_single_content.top_pad .alignleft, .product_single_content .alignleft, .pnl1 .alignleft, .page-content .alignleft{width:100%; padding-right:0px; float:none;}
.product_single_content.top_pad .alignright, .product_single_content .alignright, .pnl1 .alignright, .page-content .alignright{width:100%; padding-left:0px; float:none;}

.button_section {padding-top: 30px;}
.button_section .btn{float: none;margin-right: 0px;margin-top: 30px;text-align: center;display: block;}

.pnl2 ul li{float:none; width:100%; margin-left:0px;}
.pnl2 ul li:before{left: 50%;top: 0px;display: block;margin-top: -40px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);    -o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg); margin-left: -12px; color: #e1e1e1;}
.pnl2 ul li h3{letter-spacing: normal; font-size:24px; line-height:28px;}

.pnl3 ul li:first-child{ margin-top:0px;}
.pnl3 ul li {float: none;margin-left: 0px;width: 100%; margin-top:70px;}
.pnl3 ul li .img{width: 367px; margin:0px auto 40px;}

.question{background-size: cover;}
.question p{ padding:0px;}

.gallery{ display:none;}
.gallery.mobile{ display:block;}
.gallery.mobile ul li{ min-height:auto;}

.page-content {padding: 80px 0px 150px;}
.page-header .banner-content{padding:46px 30px;width:100%;}
.page-header .banner-content h2{font-size:55px;line-height:56px;}
.cat-pnl ul li, .cat-pnl .ui-tabs .ui-tabs-nav li{display:block !important; padding-left:0px !important; width:100% !important; max-width:250px !important; margin:0 auto !important; text-align:left !important;}
.gallery_section{margin-left: 0px;}
.gallery_section .gallery-pnl{float: none;padding-left: 0;width: 100%;}
.pagination{padding-top: 60px;}
.pagination a.prev{padding-right: 36px;}
.pagination a.next{padding-left: 36px;}
.fancybox-title-float-wrap{margin-bottom: -322px;left:10px;}
.fancybox-title{font-size:17px;line-height:30px; position:static; width:100%; margin-top:15px;}
.fancybox-outer, .fancybox-inner{width:100% !important;}
.fancybox-title .title{font-size:28px;line-height:40px;}
.fancybox-close{right: 40px;}
.fancybox-title .btn a{padding: 12px 15px; font-size:17px;}
.fancybox-nav{display:none;}
.page-header.contact_detail {min-height: 464px;}
.contact-page {padding:90px 0 160px;}
.page-header.contact_detail .banner-content h2{font-size:50px;line-height:54px;}
.contact-page form {max-width:100%;}
.contact-page form {padding:50px 0 0;}
.page-header.contact_detail .banner-content{padding: 35px 25px 40px;}

.page-header.banner-sec .banner-content {padding: 52px 25px;}
.page-header.banner-sec .banner-content h2{font-size: 52px;line-height: 54px;}
.page-header.banner-sec .banner-content .btn {padding: 10px 0px 0px;}
.page-header.banner-sec .banner-content .btn a{ font-size:19px;margin: 20px 0px 0px;}
.door-img {height:650px;}
.bottom-pnl {text-align: center;padding: 80px 0px 85px;}
.bottom-pnl .pnl-pad{padding: 0px;}
.bottom-pnl .left-pnl, .bottom-pnl .right-pnl{ width:100%; float:none;}
.bottom-pnl .left-pnl{ padding-bottom:40px;}
.bottom-pnl .pnl-pad h2{ font-size:38px;line-height:46px;padding-bottom: 30px;}

.product_single_content.top_pad {padding: 80px 0 107px;}
.product_single_content h2 {font-size:54px; line-height:55px;}
.product_single_content p {margin-bottom: 30px;}
.question.top_pad {padding:75px 0 70px;}
.question.top_pad h2{font-size:47px; line-height:50px;padding-bottom: 30px;}
.single-door-child.product-single {padding-bottom: 60px;padding-top: 85px;}
.single-door-child ul li{margin: 0 1.3% 65px;}
.door-single .single-door-child ul li p{padding:0px; padding-bottom:25px;}
.single-door-child.product-single ul li {margin-bottom:80px; margin:0px 0px 80px; width:100%; display:block;}
.single-door-child.product-single ul li p{ padding:0px ;font-size: 17px; line-height:30px;}
.product_single_content{padding:85px 0 75px;}
.question.woodbg{padding: 85px 0 110px;}
.question.woodbg h2{font-size:58px; line-height:70px;}
.btn a{ font-size:20px;}

.single-door-child.product-single.single-millwork{padding-bottom: 85px;}
.single-door-child.product-single.single-millwork ul li {margin-bottom: 8%;}

.page-header.faq .banner-content{padding: 42px 55px;}
.page-header.faq .banner-content h2{font-size: 50px;line-height: 52px;}
.ui-tabs-vertical .ui-tabs-nav{ width:100%; float:none;}
.ui-tabs-vertical .ui-tabs-panel{ width:100%; float:none; margin:0px;}
.accordion h3{ font-size:32px; line-height:42px;padding-left: 45px;}
.accordion h3:before{ left:10px;}
.accordion.active, .accordion .panel{padding: 0px 15px 10px 0px;}
.accordion .panel p {padding-left: 45px;}
.question{padding: 70px 0 90px;}
.pnl1 h2, .pnl2 h2, .pnl3 h2, .question h2{font-size:68px; line-height:74px;}
.faq-page h4 {float: none; width: 100%; margin: 25px 0;}

.prod_single_banner h2{font-size:50px;line-height:55px;}
.single-door-child.first {padding:60px 0 0 0;}
.single-door-child ul{ margin:0px;}
.single-door-child ul li{width:100%; display:block;margin: 0 0 65px;}
.single-door-child h2{margin-bottom:40px;padding-bottom:28px;font-size:46px;line-height:42px;}
.single-door-child.last {padding-bottom:30px;}
.swiper-slide img{ width:100%;}
.door-single .single-door-child ul li{margin: 0 0 65px; width:100%;}
.door-single .single-door-child h3{padding:0px 40px;}
.door-single .single-door-child ul li p{padding:0px; padding-bottom:25px;}

.page-content.heading h1{font-size:54px; line-height:50px;}
.page-content.heading .alignright{ width:100%;}
.page-content h2{font-size: 50px; line-height: 55px; padding-bottom:25px; margin-bottom:25px;}

.footer_top{padding:75px 0px 97px; line-height:35px; font-size:18px;}
.footer_top .panel1{padding-top:10px; width:100%; float:none; max-width:300px; margin: 0 auto;text-align: center;}
.footer_top .panel1 .logo{padding:20px 10px;}
.footer_top .panel1 span{font-size:13px; line-height:25px;}
.footer_top .panel2{padding:70px 32px; width:100%; float: none; text-align:center; font-size:18px; line-height:35px;}
.footer_top .panel3{width:100%;float: none;}

.footer_bot{ padding:100px 0px 0px;}
.footer_bot .menu {text-align: center;padding-bottom: 90px;}
.footer_bot .menu ul li{float:none; font-size:40px; line-height:103px; padding:0px;}

.footer_bot .bot_cont .right {width: 100%;text-align: center;float: none;}
.footer_bot .bot_cont .left {float: none;width: 100%;padding-top: 58px;text-align: center;}
.footer_bot .bot_cont .center {width:100%;float: none;text-align: center;padding-top: 50px;}
.footer_bot .bot_cont{padding-bottom: 63px;}
.footer_top .panel1 h3{font-size:24px; line-height:28px;}
.footer_top .panel1 a[href^="tel"]{font-size:38px; line-height:46px;}
.mobile{display:block;}
.btn.mobile{margin-bottom:25px;}
.desktop{display:none;}
.contact_detail .left, .contact_detail .right {font-size: 17px; line-height: 31px;}
.fancybox-skin{width: 100% !important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
}

@media only screen and (max-width:480px) {
.wrapper{ width:100%; padding:0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.header.home,.header{padding: 25px 0px;}
.header .top{padding: 20px 24px 12px 0;font-size:17px; line-height:20px;}
.header .logo{max-width:240px;width: auto;}
.top.mobile{ padding:20px 0px;font-size: 28px;line-height: 46px;}
.header .menu ul li{margin: 0 0 0px 30px; font-size:17px;}
.header .menu ul li:first-child{margin: 0 0 0px 10px;}
.header .menu ul li ul{min-width: 230px;}
.header .menu ul li ul li:first-child{margin: 0 0 0px 0px;}
.header .menu ul li.contact{margin-left: 30px;}
.header .menu ul li.contact a{padding: 8px 20px;}
.slider .slider_cont{ bottom:13%;}
.slider .slider_cont .wrapper{padding:0; width:100%;}
.slider .slider_cont h1 {font-size:36px; line-height:48px;}
.slider .slider_cont p{font-size:16px; line-height:30px;max-width:100%;margin-bottom: 30px; padding:0px 20px;}
.slider .slider_cont .btn {display: block;margin: 20px 0px 0px;}
.slider .slider_cont .btn a {padding: 8px 19px;font-size:17px;line-height:28px;}
.slider .list_carousel ul li{ min-height:550px;}
.slider{height: 550px;}

.pnl1{padding: 25px 0 40px; font-size:16px; line-height:28px;}
.pnl1 h3, .pnl2 h3, .pnl3 h3{margin: 25px 0 5px; font-size:17px;line-height:29px;}
.pnl1 h2, .question h2 {font-size:40px;line-height:46px;}
.pnl1 h2{margin-bottom:10px;}
.product_single_content.top_pad .alignright, .product_single_content .alignright, .pnl1 .alignright, .page-content .alignright{ margin-top:15px;}

.pnl2{ padding:35px 0px;}
.pnl2 h2{font-size:34px; line-height:42px;}
.pnl2 ul{margin-top:35px;}
.pnl2 ul li {margin-bottom: 56px;}

.pnl3{ padding:40px 0px 50px;}
.pnl3 h2{font-size: 28px;line-height:42px;padding-bottom: 25px;}
.pnl1 h3:after, .pnl2 h3:after, .pnl3 h3:after{max-width: 100px;margin-left: 10px;}
.pnl1 h3:before, .pnl2 h3:before, .pnl3 h3:before{max-width: 100px;margin-left: -113px;}
.pnl3 ul li{ margin-top:38px;}
.pnl3 ul li .img{margin-bottom: 20px;width: 267px;}

.page-header-img{height:410px;}
.page-content {padding:40px 0px;}
.page-content h2{padding-bottom:25px; margin-bottom:25px;}
.product_single_content.top_pad .alignright, .product_single_content .alignright, .pnl1 .alignright, .page-content .alignright{ padding-left:0px;margin-top: 20px;}
.product_single_content.top_pad .alignleft, .product_single_content .alignleft, .pnl1 .alignleft, .page-content .alignleft{ padding-right:0px;}
.button_section {padding-top:10px;}
.button_section .btn {margin-right:0px;margin-top: 20px;}
.button_section .btn a{font-size: 16px;line-height: 24px;padding: 11px 16px;}

.page-header .banner-text {padding: 50px 0px;}
.page-header .banner-content{padding:30px 20px;width:100%;}
.page-header .banner-content h2{font-size:32px;line-height:40px;padding-bottom: 20px;}
.cat-pnl ul, .cat-pnl .ui-tabs{ padding-bottom:35px !important;}
.cat-pnl ul li, .cat-pnl .ui-tabs .ui-tabs-nav li {font-size:24px !important;line-height:48px !important; max-width:200px !important;}
.gallery_section{margin-left: 0px;padding-top: 45px;}
.gallery_section .gallery-pnl{float: none;padding-left: 0;width: 100%;}
.pagination{padding-top: 25px;}
.pagination a.prev{padding-right:10px;}
.pagination a.next{padding-left:10px;}
.pagination a{font-size: 17px;line-height: 40px;padding: 0px 10px;}
.pagination span.current{font-size: 17px;line-height: 40px;width: 40px;margin: 0px 10px;}
.fancybox-title-float-wrap{margin-bottom: -250px;left:10px;}
.fancybox-close{right: 20px;}
.fancybox-title .btn a{ font-size:16px;}
.fancybox-skin{width: 100% !important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.fancybox-nav{display:none;}
.page-header.contact_detail .banner-content {padding: 30px 18px 25px;}
.page-header.contact_detail .banner-content h2 {font-size: 34px;line-height: 42px;padding-bottom: 20px;}
.contact_detail .left{ float:none; width:100%;padding-right: 0px;}
.contact_detail .right{ float:none; width:100%;padding-top: 10px;}
.contact-page {padding: 50px 0;}
.contact-page form {padding: 30px 0 0;}
.contact-page input[type="submit"], .contact-page button{font-size:19px; line-height:24px;padding: 12px 20px;}

.page-header.banner-sec .banner-content .btn {padding:0px;}
.page-header.banner-sec .banner-content .btn a{ font-size:17px;margin: 20px 0px 0px;}
.door-img {height:350px;}
.page-content.topsec {padding-bottom: 50px;}
.bottom-pnl {text-align: center;padding:30px 0px 35px;}
.bottom-pnl .pnl-pad{padding: 0px;}
.bottom-pnl .left-pnl, .bottom-pnl .right-pnl{ width:100%; float:none;}
.bottom-pnl .left-pnl{ padding-bottom:40px;}
.page-content .alignright{ margin-top:15px; margin-bottom:15px;}

.banner{min-height: 450px;}
.banner .banner-content{top: 45px;}
.banner h2{font-size:32px; line-height:40px;margin-bottom:15px;padding-bottom:15px;}
.product_single_content.top_pad {padding: 40px 0 57px;}
.single-door-child.product-single {padding-bottom:20px;padding-top:45px;}
.single-door-child ul li{margin: 0 1.3% 65px;}
.single-door-child.product-single ul li {margin-bottom:30px; margin:0px 0px 30px; width:100%; display:block;}
.product_single_content{padding:35px 0 45px;}

.single-door-child.product-single.single-millwork {padding-bottom: 35px;}
.single-door-child.product-single.single-millwork ul li {margin-bottom: 6%;}
.single-door-child ul li .img{ height:165px;}

.page-header.faq .banner-content{padding: 35px 15px;}
.faq-page h3{font-size:28px;line-height:34px; margin: 0px 0px 30px;}
.faq-page .ui-tabs-vertical .ui-tabs-nav{ width:100%; float:none;}
.faq-page .ui-tabs-vertical .ui-tabs-panel{ width:100%; float:none; margin:0px;}
.accordion h3{padding-left: 30px; padding-top:15px; margin:0px; padding-bottom:15px;}
.accordion .panel{ padding-right:0px; padding-bottom:0px;}
.accordion h3:before{ left:4px;top: 25px;font-size:18px;}
.accordion.active{padding: 0px 15px 10px 0px;}
.accordion .panel p {padding-left:30px;}

.prod_single_banner{padding:35px 0 40px;}
.prod_single_banner h2{font-size:28px;line-height:32px; padding-bottom:15px; margin-bottom:15px;}
.single-door-child.first {padding:30px 0 0 0;}
.single-door-child ul{ margin:0px;}
.single-door-child ul li{ width:100%; display:block;margin: 0 0 30px;}
.single-door-child h2{margin-bottom:25px;padding-bottom:15px;font-size:28px;line-height:32px;}
.single-door-child.last {padding-bottom:30px;}

.page-content.heading h2 {font-size: 28px;margin: 35px 0 18px;line-height: 32px;}
.page-content.heading h3 {margin: 35px 0 25px;}
.page-content.heading h4, .page-content.heading h5 {margin: 25px 0 20px;}
.page-content.heading h6 {margin-bottom: 18px;}

.footer_top {padding: 30px 0px 80px; font-size:16px;}
.footer_top .panel1 h3{margin-bottom: 5px; margin-top: 25px; font-size:24px; line-height:28px;}
.footer_top .panel1 span{ padding-top:0px;}
.footer_top .panel3{padding: 10px 20px 35px;}
.footer_top .panel3 h3{margin-bottom: 30px;}

.footer_bot{ padding:30px 0px 0px;}
.footer_bot .menu{ padding-bottom:20px;}
.footer_bot .menu ul li:first-child {padding: 0 0 18px 0;}
.footer_bot .menu ul li {padding: 0 0 18px 0;font-size: 27px;line-height:42px;}
}