/*
Description: Responsive CSS
Version: 1.111
*/



@media (min-width: 1024px) {
    
    


    /*TYPOGRAPHY*/
    h1 {font-size: 50px; font-weight: 600; line-height: 56px;}
    h2 { font-size: 33px; }
    .page-template-page-sidebar-php h2 {font-size:28px;}
    
    /*TITLE CONTENT IMAGE*/
    section.title_content_image .container { display: flex; align-items: center; }
    section.title_content_image .container .left-area { width: 50%; }
    section.title_content_image .container .left-area h2 { font: 700 f9f9f9/45px raleway; }
    section.title_content_image .container .left-area h3 { color: #183B56; font: 400 20px/36px raleway; }
    section.title_content_image .container .left-area ul { margin: 50px 0 0 0; display: flex; align-items: center; }
    section.title_content_image .container .left-area ul li { width: 40%; list-style: none; }
    section.title_content_image .container .left-area ul li .small_con { position: relative; margin-top: 10px; display: block; }
    section.title_content_image .container .left-area ul li .small_con:after {}
    section.title_content_image .container .left-area ul li .small_con:before {}
    section.title_content_image .container .left-area ul li .small_con p { margin: 0; }
    
    section.title_content_image .container .right-area { width: 50%; } 
    section.title_content_image .container .right-area a.fancy_anchor { right: 50px; top: auto; }
    
    /*THIRTY THREE SECTION*/
    section.thirtythree-sec .thirtythree-wrapper .thirtythree-col-left { width: 42%; padding: 70px; }
    section.thirtythree-sec .thirtythree-wrapper .thirtythree-col-left .mm-img { position: absolute; right: -45%; top: 50%; transform: translateY(-50%); z-index: 99999; margin: 0; }
    section.thirtythree-sec .thirtythree-wrapper .thirtythree-col-left h2 { font-size: 38px; line-height: 48px; }
    section.thirtythree-sec .thirtythree-wrapper .thirtythree-col-right { width: 58%; padding: 70px; }
    section.thirtythree-sec .thirtythree-wrapper .thirtythree-col-right .thirtythree-boxs { display: flex; }
    section.thirtythree-sec .thirtythree-wrapper .thirtythree-col-right .thirtythree-boxs .thirtythree-box { margin-bottom: 0; margin-right: 30px; }
    
    
    /*Banner Slider*/
    section.banner-slider-wrap .banner_bg .banner-content-wrap {padding:33px;}
    section.banner-slider-wrap .banner_bg .banner-content-wrap h2 { line-height: 45px; font-size: 35px; }
    section.banner-slider-wrap .owl-dots { bottom: 40px;right:40px;left:unset; }
    section.title_content_image_new .left-area .owl-nav {left: -133px ; bottom: 0px ;right:unset; color: #ffffff;}
    
    /*Recent Blog Posts*/
    section.ideas-inspitation-sec .recent-post-wrapper { flex-wrap: nowrap; }
    section.ideas-inspitation-sec .recent-post-wrapper .recent-post{margin-bottom:0; margin-right:40px;}
    
    
    /*Staircase Icons*/
    section#staircases_sec .textarea .staircases-wrap { flex-wrap: wrap; width:50%; }
    section#staircases_sec .textarea .staircases-wrap .staircase-list { margin-bottom: 10px;}

    .staircase-type .gfield_radio .gchoice {width:133px;}
    .staircase-type .gfield_radio .gchoice label, .staircase-type .gfield_radio .gchoice input { font-size: 18px; line-height: 22px;}
    .sticky svg {width:unset;}
    #gform_6 h3 {font-size:22px!important;}
    .gform_wrapper.gravity-theme .gfield_label {font-size:18px;}
    
    /*SIMPLE BOXES*/
    section.simple_boxes ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
    section.simple_boxes ul li { margin-right: 1%;width: 32%;}

    section.simple_boxes ul li:nth-of-type(1):nth-last-of-type(2),
    section.simple_boxes ul li:nth-of-type(2):nth-last-of-type(1){
        
        width: 47%;
    }

    section.simple_boxes ul li:only-of-type{
        
        width: 100%;

    }
    section.simple_boxes ul li:nth-child(3n) { margin-right: 0;}
    
    /*SIMPLE BOXES VIDEO VAR*/
    section.simple_boxes.video ul {width:50%;}
    
    /*TEXT BLOCK*/
    section.text_block .blog_container { display: flex; flex-wrap: wrap; }
    section.text_block .blog_container .item { width: 31.33%; margin-right: 3%;}
    
    /*VIDEO SECTION*/
    section.video_section h2 { text-align: center; font: 700 60px/73px raleway; }
    section.video_section p { font: 500 20px/35px raleway; text-align: center; }
    section.video_section .video-container video.html5video { width: 1028px; border-radius: 15px; margin: 0 auto; }
    section.video_section .video-container iframe {width: 100%; height: 655px;}
    section.video_section .video-container a {width:100%;}
    
    /*GALLERY SECTION*/
    section.gallery_section h2 { text-align: center; font: 500 60px/73px raleway; }
    section.gallery_section .owl-carousel .owl-stage-outer { height: auto;width:100%; }

    .gallery_grid .img-box {width:15%;height: 21vw;}

    /*Gallery section withtext*/
    section.gallery_section.with_text .g-car-text{width:50%;padding:20px 60px;}
    section.gallery_section.with_text .owl-carousel {width:50%;}
    section.gallery_section.with_text .rg_side .owl-carousel {order:2;}
    section.gallery_section.with_text .rg_side .g-car-text {padding-left:0px;order:1;}
    section.gallery_section.with_text .lf_side .g-car-text {padding-right:0px;order:2;}
    section.gallery_section.with_text .lf_side .owl-carousel {order:1;}
    
    /*FAQS SECTION*/
    section.faqs_section .faqs { display: flex; flex-wrap: wrap; justify-content: space-between;}
    section.faqs_section .faqs .faq_cover .toggle-title h3 { line-height: 24px;}
    section.faqs_section .faqs .faq_cover .toggle-title h3:after { right: 30px; }
    .home section.faqs_section .faqs .faq_cover {width: 48%;}
    section.faqs_section .faqs .faq_cover {width: 100%;}
    
    section.faqs_section .git-btn a { background: #EAFAF3; padding: 20px 80px; font-size: 20px; color: #48BF84; }
    section.faqs_section .git-btn a:hover { background: #48BF84; color: #124559;}
    
    /*SINGLE BLOG POST*/
    section.related-post { display: none; }
    .blog-content-wrapper .container .sidebar-content-area, .page-content-wrapper .container .sidebar-content-area, .gdl-page-item .sidebar-content-area{flex:1;display: block; width: 20%; }
    .blog-content-wrapper .container .blog-content-area, .page-content-wrapper .container .page-content-area {flex:3;order:2; width: 75%; }
    .gdl-page-item {display:flex;margin-top: 20px;}
    .gdl-page-item .sidebar-content-area {}
    
    .blog-content-wrapper .container .blog-content-area .share_icons, .page-content-wrapper .container .page-content-area .share_icons { display: flex; justify-content: space-between; border: 2px solid #FAFBFC; border-radius: 15px; align-items: center; padding: 20px; margin-top: 33px;margin-bottom:33px; width: 100%; }
    .blog-content-wrapper .container .blog-content-area .share_icons h2.widgettitle, .page-content-wrapper .container .page-content-area .share_icons h2.widgettitle { margin: 0; font-size: 24px; width: 50%; text-align: left; }
    .blog-content-wrapper .container .blog-content-area .share_icons ul.social-share, .page-content-wrapper .container .page-content-area .share_icons ul.social-share {width:50%;}
    
    .page_banner { min-height: 333px;}
    
    /*Left Right Section*/
    section#leftright_content_sec .textarea .leftright-content-wrap .lr-list .lr-content { width: 50%; padding: 80px; }
    section#leftright_content_sec .textarea .leftright-content-wrap .lr-list .lr-img { width: 50%; height: 500px; }
    section#leftright_content_sec .textarea .leftright-content-wrap .lr-list.right_img .lr-content { order: 1; }
    section#leftright_content_sec .textarea .leftright-content-wrap .lr-list.right_img .lr-img { order: 2; }
    
    /*BLOG ARCHIVE*/
    .blog-content-area { display: flex; flex-wrap: wrap; width:100%;}
    .blog-content-area .post-wrapper { width: 32%; margin-right: 1%; margin-bottom: 5%; }
    section.text_block { padding: 33px;}
    
    
    
    .footer-wrapper .container { display: flex; justify-content: space-between;}
    .footer-wrapper .container .footer-col-1.foo_style { max-width: 24%; padding: 0; margin-right: 3%; border: none;}
    .copyright-text {justify-content:space-between;flex-direction:row;}
    .copyright-text p {margin: 10px 66px 10px 10px; width: fit-content;}
    
    
    
    section.image_with_content ul li.left .con-row { margin-top: 0; }
    section.image_with_content ul li .img-row { width: 49%; }
    section.image_with_content ul li .con-row { width: 49%; }
    section.image_with_content ul li.right .img-row { order: 2; }
    section.image_with_content ul li.right .con-row { order: 1; margin-right: 2%; }

    /*Material Sec*/
    section.ideas-inspitation-sec .recent-post-wrapper .recent-post { margin-right: 3%; width: 31%; }
    section.material-sec .material-wrapper .material-col-left { width: 25%; padding: 33px; }
    section.material-sec .material-wrapper .material-col-left .mm-img { position: absolute; right: -45%; top: 50%; transform: translateY(-50%); z-index: 99999; margin: 0; }
    section.material-sec .material-wrapper .material-col-left h2 { font-size: 45px; line-height: 48px; }
    section.material-sec .material-wrapper .material-col-right.plain-bg {padding:0 0 0 33px;}
    section.material-sec .material-wrapper .material-col-right { width: 75%; padding: 33px; }
    section.material-sec .material-wrapper .material-col-right .material-boxs { display: flex;height:100%;}
    section.material-sec .material-wrapper .material-col-right .material-boxs .material-box {padding:15px;width:33%;margin-bottom: 0; margin-right: 30px; transition:all ease 0.3s}
    section.material-sec .material-wrapper .material-col-right .material-boxs .material-box.overlay-image { min-height:433px!important;}
    section.material-sec .material-wrapper .material-col-right .material-boxs .material-box.overlay-image:hover {transform: scale(1.03);}
    section.material-sec .material-wrapper .material-col-right .material-boxs .material-box.overlay-image:hover:before {background: rgba(255,255,255, 0.3);}
    section.material-sec .material-wrapper .material-col-right .material-boxs .material-box.overlay-image:hover .mb-link {background-color: white;}
    
    
    /*Gallery Grid with Text*/
    .text-gallery-half .container .gallery_grid {width:50%;}
    .text-gallery-half .container .gallery-text {width:50%;padding:20px 60px 20px 0px;}
    
    .gallery_grid_main h2 { text-align: center; margin: 0 0 20px; }
    .gallery_grid_main.text-gallery-half h2 {text-align: left;}
    .gallery_grid :not(.text-gallery-half) .img-box {width: 15%;}

    /*Google Maps*/
    section.home_tabs .tab-container .tab-anchors a { display: inline-block; margin-bottom: 0; margin-right: 40px; }
    section.product_tabs .tab-container .tab-anchors ul li { display: inline-block; margin-bottom: 0; margin-right: 40px; }
    section#related_pro_sec .related-pro-wrapper .related-pro { width: 22.7%; margin-right: 3%; margin-bottom: 0; }
    section.page-banner-slider-wrap .page-banner-wrap { min-height: 490px; }
    section.content-two-col-sec .two-col-wrapper .two-col-wrap { width: 47%; margin: 3% 3% 3% 0; margin-bottom: 0; justify-content:space-between;}
    section.map-address-sec .textarea .acf-map { margin-right: 3%; margin-bottom: 0; max-width:666px;}
    section.grid-sec .textarea .grid-sec-wrap .grid-list { width: 31.3%; margin-right: 3%; margin-bottom: 3%; }
    section.grid-sec .textarea .grid-sec-wrap .grid-list:nth-of-type(3n) { margin-right: 0; }
    .acf-map {height:500px;}
    section.map-address-sec .address-wrap {max-width:433px;padding:33px;}

    /*SD Content*/
    .sd_text p img {display:inline-block;margin-right:33px;}

        
    .top_bar .container { align-items: center; justify-content: flex-end; flex-wrap: wrap; }
    .top_bar .container ul.social_icons {margin: 0 30px 0 0;}
    .top_bar .container a.email { margin-right: 30px; }
    
    
    section.title_content_image_new .left-area { order:2;width: 50%; }
    section.title_content_image_new .left-area .owl-carousel .item { min-height: 600px; }
    section.title_content_image_new .right-area { width: 50%;padding: 60px;order:1;align-items: start; display: flex; flex-wrap: wrap; justify-content: end;}
    section.title_content_image_new .right-area ul li {width: 44%; margin-right: 9%;}
    section.title_content_image_new .right-area ul li:last-child { margin: 0; }
    
    
    section.choos_us .cu_inner { display: flex; align-items: center; justify-content: space-between; padding:23px;}
    section.choos_us .cu_inner .cu_title { margin-bottom: 0; width: 30%; }
    section.choos_us .cu_inner .cu_img_con {width:100%;}
    section.choos_us .cu_inner .cu_img_con ul li { margin-bottom: 0; width: 25%; }
    
    
    section.video_with_content .container_fluide .video_box {width: 50%; min-height: auto;}
    section.video_with_content .container_fluide .cont_box {justify-content: end;width: 50%; padding: 60px;}
    section.video_with_content .container_fluide .cont_box ul.pointers { display: flex; flex-wrap: wrap; }
    section.video_with_content .container_fluide .cont_box ul.pointers li {width: 49%; margin-right: 2%; position: relative;}

    section.video_with_content .container .video_box {width: 50%; min-height: auto;}
    section.video_with_content .container .cont_box {width: 50%; padding: 60px;}
    section.video_with_content .container .cont_box ul.pointers { display: flex; flex-wrap: wrap;justify-content: space-between; }
    section.video_with_content .container .cont_box ul.pointers li {width: 45%; margin-right: 2%; position: relative;}
    section.video_with_content .container.lf_side .video_box { order: 1; }
    section.video_with_content .container.lf_side .cont_box {order:2;}
    section.video_with_content .container.rg_side .video_box { order:2; }
    section.video_with_content .container.rg_side .cont_box {order:1;}


    section.flexible_methode { padding: 120px 0; }
    section.flexible_methode .container .content_area { width: 50%; margin-bottom: 0; padding: 40px; z-index: 1; box-shadow: 0 0 10px #eeeeee; }
    section.flexible_methode .container .image_area { height: 500px;  width: 55%; position: absolute; right: 20px;  margin: 0; }
    section.flexible_methode .container.rg_side .content_area { order: 2; position: absolute; right: 0; }
    section.flexible_methode .container.rg_side .image_area { right: auto; order: 1; position: relative; }
    
    
    section.quarter_landing .inner_box .content h3 {width:63%;}
    section.quarter_landing .inner_box a.quarter_btn {width:33%;}
    section.quarter_landing .inner_box h1 {font-size: 42px;}
    
    
    section.large_cta { padding: 0; min-height: 500px;margin-top:0;margin-bottom:0;}
    section.large_cta .container { display: flex; flex-wrap: wrap; }
    section.large_cta .container .left_area { width: 50%; margin: 0 2%;}
    section.large_cta .container .right_area { width: 46%; }

    section.small_cta { padding: 0; min-height: 133px;margin-top:0;margin-bottom:0;}
    section.small_cta .container .left_area { width: 66%; margin: 0 2%;}
    section.lasmall_ctarge_cta .container .right_area { width: 33%; }
    section.small_cta .container .right_area a.large_cta {padding:15px 50px 15px 30px;}

    .col-1 > a, .col-2 > a, .col-3 > a, .col-home a{margin-bottom: 20px;}

    
    
    /*Tab Sections*/
    section.home_tabs .tab-container .tab-anchors a { display: inline-block; margin-bottom: 0; margin-right: 40px; }
	.sticky .stairs-info {padding:33px;}
    }

@media (min-width:900px) {
        
        .header-wrapper .container .logo-wrapper { width: 283px; }


    .text-gallery-half .gallery_grid .img-box {width:32%;}
    }

@media (max-width:1100px) {
        .menu-mobile-menu-container {padding:0 20px;}
    }
    
@media (max-width:900px) {

		section.quarter_landing.quarter_landing--boxed .inner_box { width: 100%; }
		section.quarter_landing.quarter_landing--full_width .inner_box { width: 100%; }
		section.quarter_landing.quarter_landing--full_width .inner_box .container { display: block; }
		section.quarter_landing.quarter_landing--full_width .inner_box .container .left_area { width: 100%; margin: 0 0 20px; }
		section.quarter_landing.quarter_landing--full_width .inner_box .container .right_area { width: 100%; }
		section.quarter_landing.quarter_landing--left .inner_box { width: 100%; }
		section.banner-slider-wrap .banner_bg .banner-content-wrap {width:100%;}
		section.banner-slider-wrap .banner-layout-full_width .banner-content-wrap {width:100%;}
		section.banner-slider-wrap .banner-layout-right .banner-content-wrap {width:100%; margin-left:0;}
        .gallery_grid .img-box {width:27vw;height:33vw;}
        .col-1, .col-2, .col-3, .col-4 {width:50%;flex:unset;}
        .col-4 {padding-top:20px;padding-left:10px;}
        section.map-address-sec .acf-map {max-width:100%;}
        section.map-address-sec .address-wrap {width:100%;}
    }
    
    /*TABLET POTRAIT MODE*/
@media only screen and (max-width: 767px) {
    /*Responsive Menu*/
	.blog-content-wrapper .container .sidebar-content-area, .page-content-wrapper .container .sidebar-content-area {margin:10px 0;order:1;width: 100%;padding: 15px 25px 15px 0px;}
    .mobile-menu ul.menu > li.c-link {margin-top: 0px;margin-bottom: 10px!important;}
    .menu-mobile-menu-container {padding:10px;}
    .header-wrapper {display:flex;align-items:center;min-height:77px;}
    .col-1 > a, .col-2 > a, .col-3 > a, .col-4 > a {height:56px;}
    .col-3, .col-4 {margin-bottom:10px!important;}
    .c-link a, .s-link a {padding:5px 10px!important;}
    .menu-button { display: inline-block;  position: relative; width: 20%; vertical-align: middle; text-align: right;}
    .mobile-menu {width: 100%; position: absolute; left: 0;height:auto;}
    .mobile-menu .menu-mobile-menu-container {height:100%;}
    .mobile-menu ul.menu {margin: 0; padding: 0;}
    .mobile-menu ul.menu > li.menu-item {text-align: left; list-style: none; position: relative;margin-bottom:10px;}
    .mobile-menu ul.menu > li.menu-item > a {display: block; padding: 15px 10px ; color: #41634A; font-size: 18px;}
    .mobile-menu ul.menu > li.menu-item.active ul.sub-menu {border-top: 1px solid #707070; visibility: visible; height: auto; opacity:1; padding: 0;}
    .mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item{list-style: none; position:relative;}
    .mobile-menu ul.menu > li.menu-item > ul.sub-menu li.menu-item.current-menu-item a {color: #E0777D;}
   
	.childpages li { width: 100%; padding: 0px 0px 32px; }
    
    .header-wrapper .container .logo-wrapper {width: 70%;}
    .header-wrapper .container .header-right{display: none;}

    section.quarter_landing {min-height: 760px;background-size: 133%!important; background-position: top left!important;}
    section.quarter_landing .inner_box {width:100%;background-color:#222222;}
    
    
    section.title_content_image .container {display: block;}
    section.title_content_image .container .left-area { width: 100%; }
    section.title_content_image .container .right-area { width: 100%; }
    section.title_content_image .container .right-area img { position: relative; top: auto; transform: none; right: auto; width:100%; }
    section.title_content_image .container .right-area a.fancy_anchor { right: -100px; top: 250px; }
    
    
    section.text_block .blog_container .item:nth-child(2n) { margin-right: 0; }
    section.text_block .blog_container .item:nth-child(3n) { margin-right: 3%; }
    section.text_block .blog_container .item:last-child { margin-right: 0; }
    
    section.gallery_section .owl-carousel .owl-dots { text-align: center; margin-top: 15px; }
    section.gallery_section .owl-carousel .owl-dots button { margin-right: 3%; }
    section.gallery_section .owl-carousel .owl-dots button:last-child { margin-right: 0; }
    section.gallery_section .owl-carousel .owl-dots button.active span { background: #3066BF; border-radius: 63px; width: 19px; height: 8px; }
    section.gallery_section .owl-carousel .owl-dots button span { width: 8px; height: 8px; background: rgba(55, 125, 255, 0.2); display: inline-block; border-radius: 50%; }
    
    
    
    .single-post .post-thumbnail { min-height: 550px; }
    .blog-content-wrapper .container .blog-content-area, .page-content-wrapper .container .blog-content-area { width: 70%; }
    .blog-content-wrapper .container .blog-content-area .share_icons, .page-content-wrapper .container .blog-content-area .share_icons{padding: 20px;}
    .blog-content-wrapper .container .blog-content-area .share_icons h2.widgettitle, .page-content-wrapper .container .blog-content-area .share_icons h2.widgettitle{font-size: 20px;}
    
    
    section.faqs_section .faqs .faq_cover {width: 100%;}
    
    
    .page_banner { min-height: 400px; }
    
    .blog-content-area .post-wrapper { width: 48%; }
    .blog-content-area .post-wrapper:nth-child(2n) { margin-right: 0; }
    .blog-content-area .post-wrapper:nth-child(3n) { margin-right: 3%; }

    section.choos_us .cu_inner .cu_img_con ul li {font-size:16px;}
    
    
    .footer-wrapper .foo_style ul li a { }
    .blog-content-wrapper .container .sidebar-content-area, .page-content-wrapper .container .sidebar-content-area {order:2;}
    section.video_section .video-container video.html5video { width: 100%; }
    .footer-wrapper .container .footer-col-1.foo_style {display:block;max-width: 100%; width: 100%;}
    .footer-wrapper .container .foo_style {max-width:100%;width: 100%;}
    .footer-nav-columns { flex-direction: column; gap: 20px; }
    .footer-nav-columns .footer-nav-col,
    .footer-nav-columns.footer-cols-2 .footer-nav-col { width: 100%; flex: 0 0 100%; }
    }


@media only screen and (max-width: 567px) {

     section.small_cta .container .right_area {padding:20px 10px;}
     section.small_cta .container .left_area {width:85%;}

}

@media only screen and (max-width: 467px) {
    section.content-two-col-sec .two-col-wrapper .two-col-wrap.light_color {min-width:unset;width: 100%;}
    .top_bar {display:none;}
    .mobile-menu { top: 100px;}
    .col-1, .col-2, .col-3, .col-4 {width:100%;}
    .mobile-menu ul.menu > li.menu-item {margin-bottom:10px;}
    .s-link {width:100%;}
    .s-link a {padding:5px 15px!important;}
}