@media (min-width: 319px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 2rem; }
}
@media (min-width: 992px) {
    
}
@media (min-width: 1200px) {
    .container-xl { max-width: 1140px; }
}
@media (min-width: 1400px) {
    .container-xl { max-width: 1320px; }
}
@media (min-width: 1600px) {
    .container-xl { max-width: 1400px; }
}
@media (min-width: 1700px) {
    .container-xl { max-width: 1644px; }
}
@media (min-width: 1900px) {
    
}

/*  */

@media (max-width: 1800px) {
    header ul.navbar-nav li a { font-size: 18px; font-weight: 400; }
    h1, .h1 { font-size: 45px; line-height: 55px; }
    .banner_top .banner_bg { padding: 80px 0; /*height: 600px;*/ }
    .slproduct .banner_top .banner_bg { height: 580px; }
    .banner_top .banne_info { padding-left: 50px; }
    .banner_top .sticky_icon .icon { font-size: 100px; }
    .banner_top .banne_info p, p, .obj_banner .card-area p, .gr_midd p, .contact_area .bg-white .cont_para, .contact_area .contact_bg p { font-size: 18px; line-height: 32px; }
    .banner_top .banne_info .h1 { max-width: 430px; }
    .home_page .banner_top .banner_bg .banne_info .h1 { max-width: 420px; }
    .banner_top .banne_info { max-width: 520px; }
    .logo_slider, .obj_banner, .on_outside, .apex_diff, .coverd_build, .e_exam, .our_story, .faq, .review_area, .exterior_Turn, footer, .our__product, .gr_midd, .reaveal_section .reaveal_tgl, .excel__green, .about__page .reaveal_section { padding: 100px 0; }
    .logo_slider .swiper-button-prev { left: 0; }
    .logo_slider .swiper-button-next { right: 0; }
    .obj_banner .h1 { margin-bottom: 20px; }
    .obj_banner .built_icon { top: -168px; }
    .apex_diff .filter_white { padding: 80px 60px; }
    .apex_diff .filter_white .filter_list span { font-size: 18px; }
    .apex_diff .apex_title, .on_outside .on_outside_title, .coverd_build .cov_build>.row, .our_story .our_story_ttl, .faq .faq_titl { margin-bottom: 80px; }
    .faq .faq_canvas .flex-column .nav-link span { margin-left: 15px; }
    .faq .faq_canvas .flex-column .nav-link {  font-size: 22px; line-height: 32px; }
    h2 { font-size: 28px; line-height: 32px; }
    .reaveal_section .reaveal_tgl .card__area .card__white { padding: 40px 30px; }
    .contact_area .contact_bg { padding: 90px 50px; }
    .contact_area .bg-white { padding: 50px; }
    .beath_title p { max-width: 740px; }
    .beath_title { margin-bottom: 100px; }
    .filter_container h1 { margin: 50px 0; }
    .filter_container .fg-tag-list .fg-tag-item a { padding: 7px 20px; }
    .filter_container .fg-search-wrap .fg-search-inner .fg-search-input { font-size: 18px; }

    .excel__green #accordion .card { padding: 30px 25px; }
    .excel__green #accordion .card-header { padding: 0; }
    .excel__green #accordion .accordion-button { font-size: 20px; }
    .excel__green #accordion .accordion-button::before { margin-right: 15px; }
    .excel__green #accordion .card-body { padding: 16px 30px; }
    .excel__green .gr__title .h1 { margin-bottom: 15px; }
    .about__page .exterior_Turn #icon-container { max-width: 250px; top: -70px; }
    .slproduct .banner_top .banne_info { padding: 30px 50px; max-width: 600px; margin: 200px 0 0 120px; }
    .slproduct .banner_top .banne_info p:nth-last-child(2) { margin-bottom: 30px; }
    .home_page .banner_top .banner_bg { padding: 110px 0; }
    .home_page .banner_top .banner_bg .banne_info p { max-width: 480px; }
}
@media (min-width: 1700px) and (max-width: 1800px) {
    .single_product-iinner li a { font-size: 14px; width: 150px; }

}
@media (max-width: 1699px) {
    .contact_area .built_resist { right: 0px; }
    .home_page .banner_top .banner_bg .banne_info .h1 { max-width: 400px; }
    h1, .h1 { font-size: 32px; line-height: 42px; }
    .btn { padding: 14px 15px; font-size: 18px; width: 205px; }
    .single_product-iinner li a { font-size: 15px; width: 150px; }
    
}
@media (max-width: 1440px) {
    header ul.navbar-nav li { margin-left: 27px; }
    .obj_banner .built_icon { right: 16px; top: -168px; }
    .obj_banner .built_icon .icon { font-size: 100px; }
    .on_outside .out_container .outer_card figure figcaption h6 { padding: 38px 36px; }
    .coverd_build .cov_build .build_card { padding: 50px 40px; }
    .coverd_build .cov_build .build_card p, .review_area .review_container p, .contact_area .contact_bg p { font-size: 18px; line-height: 32px; }
    h3 { font-size: 24px; }
    .e_exam .e_exam_gallery img { height: 400px; }
    .num_title { font-size: 37px; line-height: 42px; }
    .our_story .week_info .week_box p { line-height: 25px; }
    .our_story .week_info ul li { margin-right: 50px; padding-right: 50px; }
    .our_story .week_info .week_box .icon { font-size: 28px; margin-bottom: 28px; }
    .pr__canvas figure figcaption { padding: 30px; }
    .gr_midd p { margin-bottom: 30px; }
    .blog__area h1 { margin: 40px 0; }
    .blog__area .blog_item .blog__card figure .blog_figure { margin-bottom: 30px; }
    .blog__area .blog_item .blog__card figure figcaption { padding: 0 30px 30px; }
    .contact_area .built_resist { top: -68px; right: -30px; }
    .contact_area .built_resist #icon-container { max-width: 240px; }
    .contact_area .bg-white .gform-body .ginput_container input, .contact_area .bg-white .gform-body .ginput_container select, .contact_area .bg-white .gform-body .gfield_label { font-size: 18px; }
    .about_banner .about__bg .h1 { padding-left: 30px; }
    .about_banner .about__bg { height: 620px; }
    .about_banner .banner-position { left: 180px; bottom: -77px; }
    .about_banner .banner-position .man__shape img { width: 1000px; height: 1000px; max-width: 1000px; }
    .about_banner { padding-bottom: 100px; }
    .banner_area .center_bild img { height: 500px; }
    /* main { margin-top: 160px; } */
    .banner_area .tag_if_any a, .banner_area .tag_if_any span { font-size: 16px; padding: 5px 10px; }
    .our_story .week_info ul li:last-child .counter-b { width: 112px; }
    .our_story .week_info ul li:first-child .counter-b { width: 38px; }
    /* .home_page .banner_top .banner_bg { padding: 60px 0; } */
    .home_page .banner_top .banner_bg .banne_info .h1 { margin-bottom: 20px; }
    .home_page .banner_top .banne_info p:nth-last-child(2) { margin-bottom: 30px; }
}
@media (max-width: 1400px) {
    .pr__canvas .pr__canvas_col { margin-bottom: 24px; }
}
@media (max-width: 1199px) {
    header nav.navbar .navbar_container .navbar-brand { padding-left: 0; }
    header nav.navbar .navbar_container .navbar-collapse { padding-right: 0; }
    footer { max-width: 100%; }
    h1, .h1, .obj_banner .h1 { font-size: 32px; line-height: 42px; }
    .banner_top .banne_info .h1 { max-width: 310px; }
    
    .logo_slider .slider_sm img { width: 100px; }
    .logo_slider { padding: 80px 0 120px; }
    .obj_banner, .on_outside, .apex_diff, .coverd_build, .e_exam, .our_story, .faq, .review_area, .exterior_Turn, footer, .our__product, .gr_midd, .reaveal_section .reaveal_tgl, .excel__green, .about__page .reaveal_section, .banner_area { padding: 80px 0; }
    .obj_banner .built_icon { top: -148px; }
    .apex_diff .filter_white .filter_list span { font-size: 16px; line-height: 24px; }
    .apex_diff .apex_title, .coverd_build .coverd_build_title, .e_exam .e_exam_row, .our_story .our_story_ttl, .our__product .op_title, .reaveal_section .reaveal_tgl h1, .reaveal_section .reaveal_tgl .h1 { margin-bottom: 50px; }
    .apex_diff h1 { margin-bottom: 20px; }
    .apex_diff .filter_white { padding: 60px 40px; }
    .coverd_build .cov_build .cov_build_col { margin-bottom: 30px; }
    .coverd_build .cov_build .cov_build_col:last-child { margin-bottom: 0; }
    .faq .faq_canvas .tab-content { padding: 50px 60px; }
    .review_area .review_area_row { padding: 50px 40px; }
    .review_area .review_container, .product .review_area .review_container { padding: 0; }
    .exterior_Turn .h1 { margin-bottom: 40px; max-width: 311px; margin-left: auto; margin-right: auto; }
    .product .banner_top .banne_info .h1 { max-width: 360px; }
    h2 { font-size: 24px; line-height: 30px; }
    .gr_midd .h1 { max-width: 180px; margin: 0 auto; }
    .gr_midd .fade__logo { top: 50px; right: 70px; }
    .gr_midd .fade__logo img { max-width: 130px; }
    h3 { font-size: 22px; }
    .card__area_col { margin-bottom: 30px; }
    .middBanner img { height: 400px; }
    .contact_area .contact_bg h1 br { display: none; }
    .about_banner .about__bg { height: 480px; }
    .beath_title { margin-bottom: 80px; }
    .excel__green { padding-bottom: 110px; }
    .excel__green #accordion .accordion-button::before { width: 20px; height: 20px; }
    .exterior_Turn .h1 br { display: none; }
    .about__page .exterior_Turn .icon { font-size: 80px; top: -39px; }
    .exterior_Turn { padding-top: 80px; }
    .filter_container .fg-filtering-container { flex-direction: column; }
    .filter_container .fg-search-wrap { margin-bottom: 15px; }
    .filter_container h1 { margin: 30px 0; }
    .filter_container .fg-search-wrap .fg-search-inner .fg-search-input { font-size: 16px; }
    .slproduct .banner_top .banne_info { margin-left: auto; margin-right: auto; }
    .about__page .exterior_Turn #icon-container { top: -80px; }
    .banner_top .banne_info p:nth-last-child(2) { margin-bottom: 40px; }
    .home_page .banner_bg .banne_info .h1 {     max-width: 430px; }
    /* .home_page .banner_top .banner_bg .banne_info p { max-width: 690px; } */
    .faq .faq_canvas .flex-column .nav-item .nav-link::after { width: 91px; height: 91px;  top: 10px; }
    .faq .faq_canvas .flex-column { margin-top: 0; }
    .home_page .banner_top .banner_bg .banne_info .h1 { max-width: 410px; }
    .filter_container .fg-tag-list .fg-tag-item a { font-size: 14px !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pr__canvas figure figcaption p { min-height: 156px; }
}
@media (min-width: 568px) and (max-width: 1199px) {
    .home_page .banner_top .banner_bg::before { opacity: 1; }
    /* .home_page .banner_top .banner_bg .banne_info .h1, .home_page .banner_top .banne_info p, .home_page .banner_top .sticky_icon .icon { color: #fff; } */

}
@media (max-width: 991px) {
    header nav.navbar .navbar_container .navbar-brand { padding: 19px 0 19px 16px; }
    header .navbar-toggler { padding-right: 16px; }
    header nav.navbar .navbar_container .navbar-collapse { padding-right: 0; }
    .navbar-brand img, footer img { max-width: 140px; width: 100%; }
    header nav.navbar { padding: 12px 0; }
    header ul.navbar-nav li:first-child, header ul.navbar-nav li { margin: 0; }
    header ul.navbar-nav li { border-bottom: 2px solid #0ABF75; }
    header ul.navbar-nav li a { padding: 18px 30px !important; }
    header .navbar_container { padding: 0; }
    header ul.navbar-nav li a::after { content: none; }
    .navbar-nav { height: 100vh; min-height: 100%; overflow-y: auto; padding-bottom: 200px; }
    #menu-main-menu li.current_page_item a { background-color: #0ABF75; color: #fff; }
    .logo_slider .swiper-button-next, .logo_slider .swiper-button-prev { display: none; }
    .logo_slider .slider_sm { padding-bottom: 50px; }
    .logo_slider .swiper-horizontal>.swiper-pagination-bullets, .logo_slider .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0; }
    .logo_slider .swiper-pagination-bullet-active { background-color: #0ABF75; }
    .logo_slider .h1 { margin-bottom: 50px; }
    .obj_banner, .on_outside, .apex_diff, .coverd_build, .e_exam, .our_story, .faq, .exterior_Turn, footer, .our__product, .gr_midd, .reaveal_section .reaveal_tgl, .excel__green, .about__page .reaveal_section, .banner_area { padding: 50px 0; }
    .logo_slider { padding: 50px 0 120px; }
    .obj_banner .card-area { padding: 50px 30px; }
    .obj_banner .built_icon { top: -118px; }
    .apex_diff .filter_white .filter_list span { max-width: 230px; -webkit-line-clamp: 4; min-height: 96px; }
    .coverd_build .cov_build>.row, .e_exam .e_exam_gallery, .faq .faq_titl { margin-bottom: 50px; }
    .faq .faq_canvas .flex-column .nav-link { font-size: 18px; line-height: 28px; }
    .btn { font-size: 16px; }
    .contact_area .bg-white { padding: 50px 30px; }
    .contact_area .bg-white .gform-body .ginput_container input, .contact_area .bg-white .gform-body .ginput_container select, .contact_area .bg-white .gform-body .gfield_label { font-size: 16px; }
    .excel__green { padding-bottom: 110px; }
    .exterior_Turn { padding-top: 80px; }
    main { margin-top: 106px; }
    .exterior_Turn .h1 { margin-bottom: 20px; }
    .banner_area .tag_if_any a, .banner_area .tag_if_any span { font-size: 14px; }
    .contact_area .gform_wrapper .gform-body .ginput_container iframe { max-width: 100%; }
    .slproduct .banner_top .banne_info { padding: 50px 30px; margin: 0 auto; width: calc(100% - 30px); margin-bottom: -130px; }
    .slproduct .banner_top .banner_bg { display: flex; align-items: flex-end; }
    .single_product-iinner li { width: auto !important; }
    .single_product-iinner li a { width: 160px !important; }
}
@media (max-width: 767px) {
    .foot_nav, footer img { margin-bottom: 30px; }
    footer .copyLine { margin-top: 40px; }
    .banner_top .sticky_icon { top: 20px; right: 30px; }
    .banner_top .sticky_icon .icon { font-size: 80px; }
    .banner_top .banne_info .h1 { max-width: 320px; margin-bottom: 25px; }
    .banner_top .banne_info { padding: 0 20px; }
    .home_page .banner_top .banner_bg { padding: 110px 0 50px; }
    .banner_top .banner_bg { height: auto; padding: 50px 0; }
    .banner_top .banne_info p, p, .obj_banner .card-area p, .review_area .review_container p, .gr_midd p, .contact_area .bg-white .cont_para, .contact_area .contact_bg p { font-size: 16px; line-height: 24px; }
    .logo_slider .slider_sm img { width: 80px; }
    .obj_banner .card-area p { margin-left: 15px; }
    .on_outside .out_container .outer_card figure img { height: auto; }
    .apex_diff .filter_white .filter_list span { min-height: inherit; display: block; max-width: 100%; }
    .apex_diff .filter_white .filter_list::after { content: none; }
    .e_exam .e_exam_gallery img { height: auto; }
    .our_story ul { display: flex; align-items: center; justify-content: center; flex-direction: column; }
    .our_story .week_info ul li { padding: 0 0 30px; margin: 0 0 30px; border-bottom: 2px solid #fff; width: 200px; }
    .our_story .week_info ul li:last-child { border-bottom: 0; }
    .our_story .week_info ul li::after, .faq .faq_canvas .tab-content::after, .faq .faq_canvas .tab-content::before { content: none; }
    .hidden_shape { display: none; }
    .faq .faq_canvas .tab-content { padding: 30px 40px; }
    .review_area .h1 { margin-bottom: 10px; }
    .product .banne_info .h1 { max-width: 100%; }
    .simple-btn { padding: 15px 0; }
    .gr_midd .h1 { margin: 0 0 20px; max-width: 250px; }
    .gr_midd .fade__logo { top: -30px; right: 10px; }
    .review_area .review_container h3 strong { width: 100%; display: block; }
    .exterior_Turn .h1 br { display: none; }
    .workWith .banner_bg .banne_info p { max-width: 300px; }
    .contact_area .contact_bg { padding: 50px 30px; }
    .contact_area .contact_bg p { margin-bottom: 30px; }
    .contact_area .contact_bg h1 { margin-bottom: 60px; }
    .about_banner .banner-position { z-index: 1; opacity: 0.2; left: 0; right: 0; }
    .about_banner .about__bg .f-grow-1 { position: relative; z-index: 2; }
    .about_banner .about__bg { height: 390px; }
    .about_banner .about__bg .h1 { padding: 0 15px; }
    .beath_title h1 { max-width: 310px; margin-left: auto; margin-right: auto; }
    .excel__green .gr__title { margin-top: 0; }
    .about__page .review_area .review_container { max-width: 100%; }
    .fg-tag-list .fg-tag-item, .fg-tag-list .fg-tag-item a { width: 100%; }
    .fg-tag-list .fg-tag-item { margin-bottom: 10px; }
    .fg-tag-list .fg-tag-item:last-child { margin-bottom: 0; }
    .banner_area .center_bild img { height: 350px; }
    .slproduct .banner_top .banner_bg { height: 550px; background-position: center top; }
    .pr__canvas figure figcaption p { min-height: inherit; }
    .apex_diff .filter_white .filter_list .filter_list_col { border-bottom: 0; padding-bottom: 27px; margin-bottom: 27px; position: relative; }
    .apex_diff .filter_white .filter_list .filter_list_col:last-child { padding-bottom: 0; margin-bottom: 0; }
    .apex_diff .filter_white .filter_list .filter_list_col:first-child::after { top: auto; bottom: -12px; left: 0; right: 0; transform: rotate(90deg); margin: 0 auto; }
    .apex_diff .filter_white .filter_list span br { display: none; }
    .faq .faq_canvas .flex-column .nav-item .nav-link::after { content: none; }
    .faq .faq_canvas .tab-content { min-height: inherit; }
    .filter_container .fg-tag-list .fg-tag-item { margin-left: 0; }
}
@media (max-width: 568px) {
    h1, .h1, .obj_banner .h1 { font-size: 28px; line-height: 30px; }
    .banner_top .banner_bg ul li, .exterior_Turn ul li { margin: 0 0 10px; width: 100%; }
    .banner_top .banner_bg ul li a, .exterior_Turn ul li a { display: block; width: 100%; font-size: 16px; }
    .logo_slider .h1 { max-width: 270px; margin-left: auto; margin-right: auto; }
    
    .apex_diff .apex_title p { max-width: 330px; margin: 0 auto; }
    .product .banner_top .banne_info .h1 { max-width: 310px; }
    .contact_area .bg-white .gform_footer .gform_button.button { margin-right: auto; }
    .contact_area .gform_footer { flex-flow: column; align-items: flex-start; }
    .contact_area .gform_footer .append_Area { margin: 15px 0 0; }
    .fg-masonry.fg-col3 .fg-item, .fg-masonry.fg-col4 .fg-item, .fg-masonry.fg-col5 .fg-item, .fg-masonry.fg-col6 .fg-item { width: 100%; margin-bottom: 10px; }
    .tag_if_any ul { display: flex; flex-wrap: wrap; }
    .tag_if_any li, .tag_if_any li a { width: calc(50% - 8px); }
    .tag_if_any li:not(:last-child) { margin-bottom: 10px; }
    .obj_banner .built_icon { left: 0; right: 0; margin: 0 auto; }
    .obj_banner .built_icon #icon-container svg { margin: 0 auto; display: table; }
    .obj_banner .built_icon { top: -169px; }
    .obj_banner { padding-top: 100px; }
    .contact_area .built_resist { left: 0; right: 0; top: -50px; }
    .contact_area .built_resist #icon-container { max-width: 180px; margin: 0 auto; }
}
@media (max-width: 445px) {
    .single_product-iinner li a { width: 140px !important; font-size: 14px !important; padding: 14px 12px; }
    .single_product-iinner li, .single_product-iinner li a { width: 100% !important; }
    .slproduct .banner_top .banner_bg { height: 630px; background-position: 50% -100px; }
}
@media (max-width: 425px) {
    .excel__green #accordion .accordion-button { font-size: 16px; }
    .excel__green #accordion .accordion-button::before { margin-right: 10px; }
    .excel__green #accordion .card-body { padding: 20px 0 0; }
    .excel__green #accordion .card { padding: 20px 15px; }
    .home_page .banner_bg .banne_info .h1 span { display: initial; }

}
@media (max-width: 375px) {
    .gr_midd .btn { width: 100%; }
    .contact_area .contact_bg { padding: 50px 15px; }
    .about_banner .about__bg { padding-top: 0; }
    .excel__green #accordion .card-body p, .excel__green #accordion .card-body ul li, .excel__green #accordion .card-body ul li p { font-size: 14px; line-height: 22px; }
    .apex_diff .filter_white h3 { font-size: 18px; }
    
}
.error-404 { padding: 100px 0; }
.error-404 h1 {
        font-size: clamp(6.25rem, 5.0047rem + 6.2461vw, 12.5rem);
        line-height: clamp(6.25rem, 5.0047rem + 6.2461vw, 12.5rem);
    }
.error-404 span {
        margin-top: 10px;
        font-size: clamp(1.25rem, 1.1006rem + 0.7495vw, 2rem);
        line-height: clamp(2.125rem, 2.0254rem + 0.4997vw, 2.625rem);
        display: block;
        font-weight: 500; 
    }
.error-404 span a {
    color: #0abf75;
    border-bottom: 2px solid transparent;
    transition: 0.3s all;
}
.error-404 span a:hover {
    border-color: #0abf75;
}