@media (min-width:992px) {
    .navbar-nav>li:hover>.dropdown-menu {
        position: absolute;
        left: 0px;
        top: 100%;
        display: block;
    } 

    .navbar-expand-lg .navbar-collapse{ flex-basis: inherit; flex-grow: inherit;}

}

@media (min-width:1674px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ max-width: 1650px;} 
    .lorem_right{ padding-left: 105px;} .r_t_btn_group{ width: 45%;} 
	.home .mostpopularhome .r_t_btn_group{ width: inherit;}

    .aside_lorem.why_detail .title_1{ max-width: 620px;} 
	.stress-free-building-sec .aside_lorem.why_detail .title_1{ max-width: 630px; padding-right:12px;} 
	.stress-free-building-sec .aside_lorem.why_detail{ padding-right:0px !important;}
	
	/*=====================14=2=2026==========================*/
	.section-wrapper-arch td{ padding:22px 180px 22px 0px;}
  
}

@media (min-width:1400px) and (max-width:1539px) { 
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ max-width: 1400px;}
.navbar-brand img{ max-width: 280px;} .navbar-nav > li{ margin-right: 20px;} 
.r_t_btn_group{ width: 50%;} .homedesign_filter ul li .select_bx1{ width: 220px;} 
	.home .mostpopularhome .r_t_btn_group{ width: inherit;}
	.stress-free-building-sec .aside_lorem.why_detail .title_1{ max-width: 630px; padding-right:12px;} 
	.stress-free-building-sec .aside_lorem.why_detail{ padding-right:0px !important;}
}


@media (min-width:1200px) and (max-width:1399px) { 
    .navbar-brand img{ max-width: 250px;} .navbar-nav > li{ margin-right: 10px;} 
    .navbar-nav > li > a{ font-size: 14px;} 
    .aside_lorem .title_1{ padding: 20px 30px;} 
    .title_1{ font-size: 36px; line-height: 45px;} 

    .homedesign_filter ul li .select_bx1{ height: 45px; width: 180px;} 

    .font25{ font-size: 18px;} .lh35{ line-height: 25px;} 
    .center_cm{ max-width: 740px;} 
    .step_content h3{ font-size: 32px; line-height: 40px;} 
    .text_s_1{ font-size: 20px; line-height: 30px;} 
	
	/*=====================14=2=2026==========================*/
	.section-wrapper-arch th h3{ font-size:36px;}

}

@media (max-width:991px) {
    .navbar-toggler {
        padding: 0px; display: inline-flex; align-items: center; justify-content: center;
        border: none; width: 36px; height: 32px;
        border-radius: 0px;
        outline: none;
        color: #fff;
        box-shadow: none;
        position: absolute;
        right: 0px;
        top: 10px;
        background: #819882;
    }

    .navbar-toggler:hover {
        color: #000;
        background: #fff;
    }

    .navbar-toggler:focus {
        border: none;
        outline: none;
        box-shadow: none;
    }

    #navbarCollapse {
        position: fixed;
        background: #fff;
        width: 100%;
        z-index: 999;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        height: 100% !important;
        display: block !important;
        left: -100%;
        top: 0px;
        overflow: auto;
    }

    #navbarCollapse.show {
        left: 0px;
    }

    .navbar-nav>li {
        margin: 0px 0px 15px;
        text-align: center;
    }

    .navbar-nav {
        margin-left: 0px !important;
    }

    /*================================12=07=2023======================================*/
    .navbar-collapse .navbar-toggler {
        position: absolute;
        right: 10px;
        top: 18px;
        background: #819882;
        color: #fff;
        width: 24px;
        height: 24px;
        padding: 0px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
    }

    .navbar-collapse .logo_menu {
        padding: 50px 0px 25px !important;
        border-bottom: rgba(255, 255, 255, .3) 1px solid;
    }

   

    .navbar-nav>li>a {
        display: flex;
        align-items: center; font-size: 16px;
        color: #000 !important;
        border-radius: 0px !important;
        padding: 15px 25px !important;
        font-weight: 400;
        border-bottom: rgba(0, 0, 0, .3) 1px solid;
        text-align: left;
        justify-content: inherit;
    }

    .navbar-nav > li > a.active, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li:hover > a{ border-bottom: rgba(0, 0, 0, .3) 1px solid; color: #819882 !important;}

    .navbar-nav>li {
        width: 100%;
        margin: 0px 0px 1px;
        padding: 0px;
    }

    .navbar-nav>li>.dropdown-toggle::after {
        content: "\f078";
        display: inline-block !important;
        font-weight: normal;
        font-family: 'FontAwesome';
        bottom: 0px;
        margin-left: auto;
        border: none !important;
    }

    .navbar-nav>li>.dropdown-menu {
        background: #13131b;
        padding: 0px;
        border-radius: 0px;
        margin: 0px !important;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }

    .navbar-nav>li>.dropdown-menu li a {
        padding: 14px 25px !important;
        color: #fff;
        font-weight: 600;
        border-bottom: rgba(255, 255, 255, .3) 1px solid;
        text-align: left;
    }

    .navbar-nav>li>.dropdown-menu li a:hover,
    .navbar-nav>li>.dropdown-menu li a:focus {
        background: #58db21 !important;
        color: #000;
    }

   .navbar-collapse .navbar-toggler img {
        height: 12px;
        filter: brightness(0) invert(1);
    }

    .navbar-collapse .navbar-toggler:hover {
        background: #000;
        color: #fff;
    }  

    /*=======================14=2=2026================================*/
    .navbar-nav > li:last-child > a{ border: none;}
    .top_right{ height: 55px; display: flex; align-items: center;}
    .top_right ul{ width: 100%;}
    

}

@media (min-width:992px) and (max-width:1199px) {
body{ font-size: 14px; line-height: 24px;}
    .navbar-brand img{ max-width: 200px;} .navbar-nav > li{ margin-right: 10px;} 
    .navbar-nav > li > a{ font-size: 11px;} 
    .aside_lorem .title_1{ padding: 20px 30px;} 
    .title_1{ font-size: 30px; line-height: 36px;} 
    .title_2{ font-size: 25px; line-height: 35px;}
    .text_s_1{ font-size: 16px; line-height: 24px;} 
    .home_design_bx .detail{ margin-right: 25px;} 
    .g_bx .overlay_p .detail h3, .ol_1 ol li h3{ font-size: 25px;}
    .font25{ font-size: 18px;} .lh35{ line-height: 28px;} 
    .step_content h3{ font-size: 32px; line-height: 40px;}  
   .site_plan_detail{ margin: 0px; max-width: 100%;}
	
	/*==================14=2=2026==============================*/
	.pilot-pine-process-section .detail h3{ font-size:25px; line-height:36px;}
	.section-wrapper-arch th h3{ font-size:28px;}

}



@media (min-width:768px) and (max-width:991px) { 
body{ font-size: 14px; line-height: 24px;}
.navbar-brand img{ max-width: 250px;}
.top_right{ padding: 5px 10px;} 
.slider_m_center h1{ font-size: 50px; line-height: 50px;}
.title_1{ font-size: 30px; line-height: 36px;} 
.title_2{ font-size: 25px; line-height: 35px;}
.text_s_1{ font-size: 16px; line-height: 24px;} 
.home_design_bx .detail{ margin-right: 25px; padding: 20px;} 
.g_bx .overlay_p .detail h3, .ol_1 ol li h3{ font-size: 25px;} 
.ol_1 ol li h3{ line-height: 30px;} .c_bx_ftr .r .name::before{ width: 80px; left: -85px;} 
.contact_form_home{ padding: 30px;} .footer_top h5, .ul_2 li a{ font-size: 16px;} 
.mostpopularhome .head_ms{ justify-content: center !important;} 
.mostpopularhome .head_ms h2{ padding-bottom: 15px !important;} 
.r_t_btn_group .form-check{ margin: 5px;} 
.aside_lorem .title_1{ padding: 25px;} .home_design_bx h4{ font-size: 26px; line-height: 30px;} 

.accordion_inc_sec .accordion-item{ padding-left: 30px; padding-right: 30px;} 
.font25{ font-size: 18px;} .lh35{ line-height: 28px;} 
.step_content h3{ font-size: 30px; line-height: 40px;}  
.site_plan_detail{ margin: 0px; max-width: 100%;} 
.top_space{ height: 96px;} 

.design_overview_glry .kdr_thmnl .ps_slider, 
    .design_overview_glry .design_overview_bx{ margin-right: 0px !important; margin-left: 0px !important; width: 100% !important;} 
	
	/*==================14=2=2026==============================*/
	.pilot-pine-process-section .detail h3{ font-size:25px; line-height:36px;}
	.section-wrapper-arch th h3{ font-size:28px; line-height:34px;} 
	.section-wrapper-arch td, .section-wrapper-arch th{ padding-right:30px;}

}



@media (max-width:767px) { 
    body{ font-size: 14px; line-height: 24px;}
    .navbar-brand img{ max-width: 230px;}
    .top_right{ padding: 5px 10px; margin-bottom: 5px;} 
    .slider_m_center h1{ font-size: 36px; line-height: 40px;}
    .title_1{ font-size: 30px; line-height: 36px;} 
    .title_2{ font-size: 25px; line-height: 35px;}
    .text_s_1{ font-size: 16px; line-height: 24px;} 
    .home_design_bx .detail{ margin-right: 25px; padding: 20px;} 
    .g_bx .overlay_p .detail h3, .ol_1 ol li h3{ font-size: 25px;} 
    .ol_1 ol li h3{ line-height: 30px;} .c_bx_ftr .r .name::before{ width: 80px; left: -85px;} 
    .contact_form_home{ padding: 20px;} .footer_top h5, .ul_2 li a{ font-size: 16px;} 
    .mostpopularhome .head_ms{ justify-content: center !important; text-align: center; flex-wrap: wrap;} 
    .mostpopularhome .head_ms h2{ padding-bottom: 15px !important;} 
    .r_t_btn_group .form-check{ margin: 5px;} 
    .aside_lorem .title_1{ padding:15px 0px; margin: 0px !important;} 

    .home_slide figure img{ object-fit: cover; height: 400px;} 
    .text_s_2{ font-size: 40px;} 
    .r_t_btn_group{ flex-wrap: wrap !important; justify-content: center !important;} 
    .r_t_btn_group .form-check .form-check-label{ font-size: 12px; padding: 2px 10px;} 
    .r_t_btn_group .form-check{ margin: 3px;} .home_design_bx h4{ font-size: 25px; line-height: 24px;} 
    .aside_lorem{ padding-top: 20px;} .footer_bottom{ text-align: center;} 
    .footer_cl_1{ display: flex; justify-content: space-between; flex-direction: column;} 
    .home_design_bx{ margin-bottom: 0px;}
    
    .homedesign_filter ul li{ margin: 5px;} 
    .homedesign_filter ul li .select_bx1{ width: 160px; height: 40px; padding-left: 10px !important;} 

    .banner_inner img{ object-fit: cover; height: 300px;} 

    .font25{ font-size: 16px;} .lh35{ line-height: 24px;} 
    .kdr_thmnl figure{ width: 100%; margin-right: 0px !important;} 
    .design_overview_bx{ width: 100% !important; margin-left: 0px !important; padding: 20px;} 
    .kdr_thmnl2 figure{ width: 100% !important; margin-left: 0px !important;} 
    .db_left{ margin-right: 0px;} 

    .accordion_inc_sec .accordion-item{ padding:8px  20px;} 
    .accordion_inc_sec .accordion-item .accordion-header .accordion-button{ font-size: 16px;} 
    .accordion_inc_sec .accordion-item .accordion-body{ padding:10px 0px 15px;} 

    .step_content h3{ font-size: 25px; line-height: 30px;}  
    .site_plan_detail{ margin: 0px; max-width: 100%;} 

    #carouselint .thmnl img{ height: auto;}
    #internalform.contact_home{ height: auto; padding-top: 70px;} 
    .top_space{ height: 110px; margin-bottom:0px !important;} 
    .design_overview_glry .kdr_thmnl .ps_slider, 
    .design_overview_glry .design_overview_bx{ margin-right: 0px !important; margin-left: 0px !important; width: 100% !important;} 
    .design_overview_glry #carouselint .thmnl img{ height: auto;} 
    #carouselint .carousel-indicators{ bottom: 15px; margin-left: 10px;}
	.home-designs .homedesign_filter ul li:nth-child(5){margin-left:-15px;}
	#searchModal .modal-body form .search-submit{margin-top:15px;} 
/*==================11=2=2026=======================*/ 

.header{ padding: 15px 0px;} 
.navbar-toggler{ position: relative; top: 0px;} 
.top_bar_mb .top_right ul li:nth-child(1){ order: 2; margin-left:  auto !important;}
.top_bar_mb .top_right ul li:nth-child(2){ order: 3;}
.top_bar_mb .top_right ul li:nth-child(3){ order: 4; margin-right: 0px!;}
.top_bar_mb .top_right ul li:nth-child(4){ order: 1; margin-left: 15px;} 
.navbar-collapse .logo_menu img{ width: 230px !important;} 
.navbar-collapse .logo_menu{ padding: 15px 24px 10px !important; text-align: left !important;} 
.navbar-collapse .navbar-toggler{ right: 20px;} 

/*===================14=2=2026==========================*/ 

.logo_2 img{ max-width: 130px;} 
	.pilot-pine-process-section{ padding:50px 0px; margin-bottom:0px;}
.pilot-pine-process-section .detail h3{ font-size:21px; line-height:30px;}
	.pilot-pine-process-section figure{ margin-bottom:25px;}
	.section-wrapper-arch th h3{ font-size:24px; line-height:34px;} 
	.section-wrapper-arch td, .section-wrapper-arch th{ padding-right:30px;}
	.section-wrapper-arch{ overflow: auto;}
	.section-wrapper-arch table{ width:700px;}
	
	/*====================16=2=2026=======================*/ 

    .home_design_bx .detail{ margin-top: -25px;}
	.comment_bx_a h3{ font-size:18px; line-height:28px;}
	.internal_banner .ib_inner .ib_content h3{ display:none;}
	.internal_banner .ib_inner .ib_content{ padding-bottom:5px !important;}
	.single-home-design .fancybox-container .fancybox-bg{ background:#fff !important;}
	.keepupdated{height: 370px;}
}