@media (min-width: 1200px){
    .promo-slider__slider-holder { max-width: 50vw; width: 50vw; flex: 50vw; padding-left: 0; }
    .container-xl, .container-xl.max-1400 { max-width: 100%; }
    .slider-gl-dots .slider-gl .slider--conainer { max-width: 100%; margin-left: 0; }
    .flow-left .promo-slider--container { max-width: 100%; margin-right: 0; }
    .promo-slider__text, .promo-slider__slider-holder { flex: 0 0 50%; max-width: 50%; }
    .slider-gl-dots .slider-gl .slider--conainer .slider--row .slider--text-left { flex: 0 0 28%; max-width: 28%; }
    .slider-gl-dots .slider-gl .slider--conainer .slider--row .slider--main-right { flex: 0 0 72%; max-width: 72%; overflow: hidden; }
    .craftsmanship .kcma-test .inner-white .custom-cw-4 { flex: 0 0 30%; max-width: 30%; }
    .craftsmanship .kcma-test .inner-white .custom-cw-8 { flex: 0 0 70%; max-width: 70%; }
}
/* @media (min-width: 1280px){
} */
@media (min-width: 1360px){
    .container-xl, .container-xl.max-1400 { max-width: 1200px; }
    .slider-gl-dots .slider-gl .slider--conainer { max-width: calc(50vw + 600px); margin-left: calc(50vw - 600px); }
    .flow-left .promo-slider--container { max-width: calc(50vw + 600px); margin-right: calc(50vw - 600px); }
    .promo-slider__slider-holder { flex: 0 0 60%; max-width: 60%; }
    .promo-slider__text { flex: auto; max-width: 40%; }
}
@media (min-width: 1650px) {
    .container-xl { max-width: 1600px; }
    .container-xl.max-1400 { max-width: 1400px; }
    .slider-gl-dots .slider-gl .slider--conainer { max-width: calc(50vw + 700px); margin-left: calc(50vw - 700px); padding-right: 0; }
    .flow-left .promo-slider--container { max-width: calc(50vw + 700px); margin-right: calc(50vw - 700px); }
    .promo-slider__text { flex: auto; max-width: 610px; }
    .line-height-dif p { line-height: 34px; }
}
/*  */
@media (max-width: 1919px) {
    .craftsmanship .flow-left .hardware-slider__text .info-half .title-uneven .theme-single-title { font-size: 70px; line-height: 70px; }
    .header-slider .slider-merge-center .vertical-numb-slider .vr-bunch ul li .item-name { font-size: 18px; min-width: 175px; }
}
@media (max-width: 1800px) {
    .anim-section .anim-part.anim-right .in-detail-anim .anim-title { font-size: 80px; line-height: 85px; }
    .anim-section .anim-part .in-detail-anim { margin: 80px 0 0; }
    .bottom-anim .main-title .title-middle-anim h4 { font-size: 64px; line-height: 68px; }
    .bottom-anim .bild-infor .info-child-center { padding-left: 50px; }
    .craftsmanship .half-right .modern-area .left-align-area .craft-main-title { font-size: 120px; line-height: 120px; }
    .freamless-doors .title-door .ttl-door, .inspiration-header .bt-header-space .maxi-container .single-inspi-title { font-size: 100px; line-height: 100px; }
    .header-slider .process-big-title { font-size: 80px; line-height: 90px; }
    .panel .box-child-number .number-call { font-size: 700px; line-height: 700px; }
    .panel .box-child .title-infor-box .scroll-title { font-size: 100px; line-height: 100px; margin-bottom: 50px; }
    .panel .box-child-number { text-align: center; }
    .contact-section .cotnact-title h1 { font-size: 120px; line-height: 120px; }
    .apply-pr .inner-form { max-width: 100%; } 
    .btn { min-width: 220px; padding: 14px 15px; }
    .btn.btn-hide-show .btn-spl .icon-area .icon { margin-left: 5px; }
    .landing-header .media-inner img { max-width: 80px; }
}
@media (max-width: 1650px) {
    .landing-header .detail-banner .header-big-title { font-size: 100px; line-height: 100px; }
    .our-porcess .img-floting-right .fix-img { width: 70%; height: 350px; }
    .our-porcess .over-lap .center-title { font-size: 52px; line-height: 65px; max-width: 650px; }
    .our-porcess .sprad-bild .img-lft-top .tp-one { width: 100%; height: 195px; max-width: 150px; }
    .our-porcess .sprad-bild .img-lft-bottom { padding-left: 50px; }
    .our-porcess .sprad-bild .img-lft-bottom .tp-bottom { width: 100%; height: 345px; max-width: 300px; }
    .serve-sect .card-serve .card .card-body { padding: 50px; }
    .serve-sect .card-serve .card .card-body .card-title .serve-title { font-size: 28px; line-height: 28px; }
    .serve-sect .card-serve .card .card-body .card-title { margin: 0 0 40px 0; padding: 0 0 40px 0; }
    .slider-gl-dots .slider-gl .half-container-area .title-slider .h1 { font-size: 65px; line-height: 65px; }
    .info-half { padding: 40px 0 40px 70px; }
    .content-both-side .info-half { padding: 40px 70px 40px 0; }
    .common-title.line-left-throw::before { left: calc(-100% - 20px); }
    .theme-single-title { font-size: 50px; line-height: 55px; }
    .craftsmanship .big-font-changes .info-half .theme-single-title { font-size: 60px; line-height: 65px; }
    .title-uneven { max-width: 400px; }
    .slider-gl-dots .slider-gl .slick-slider-container .slick-list { margin: 0 -25px; }
    .slider-gl-dots .slider-gl .slick-slider-container .items-slick-inner { margin: 25px 25px 0; }
    .slider-gl-dots .slider-gl .slick-slider-container .slick-list { padding-right: 250px; }
    /* about */
    .custom-slider .slider-info-ovelap .custom-cabinat .page-main-title { font-size: 90px; line-height: 92px; }
    .custom-slider .slider-info-ovelap .custom-cabinat { margin-top: 0; }
    .anim-section .anim-part.anim-right .in-detail-anim .anim-title { font-size: 54px; line-height: 54px; }
    .anim-section .anim-part .in-detail-anim .anim-title { font-size: 38px; line-height: 40px; }
    .bottom-anim .bild-infor .bild-child-left { padding-left: 0; }
    .bottom-anim .side-bg-bild .corner-image { right: -400px; }
    .bottom-anim .side-bg-bild .slid-animation-cob { right: 50px; }
    .ft-upper_card .info-card-left { padding: 50px 60px; }
    .ft-upper_card .info-card-left .bt-title-card { font-size: 38px; }
    /* craftsman */
    .craftsmanship .half-right .modern-area .left-align-area .craft-main-title { font-size: 90px; line-height: 90px; width: 100%; }
    .freamless-doors .right-img-bunch { padding-left: 0; }
    .freamless-doors .right-img-bunch .bild-rit-door img, .anim-wrapper .anim-object img { max-width: 150px; height: 260px; }
    .beneath-content { margin-top: 80px; }
    .freamless-doors .all-door-images .inner-door:first-child { right: -25px; }
    .freamless-doors .middle-writen { margin: 0 auto; display: table; }
    .freamless-doors .title-door .ttl-door, .inspiration-header .bt-header-space .maxi-container .single-inspi-title { font-size: 60px; line-height: 60px; }
    .craftsmanship .hardware-slider__text .title-uneven {  max-width: 100%; }
    /* process page */
    .header-slider .slider-merge-center .side-slick-sl { right: -130px; }
    .panel .box-child-number .number-call { font-size: 600px; line-height: 600px; }
    .panel .box-child .title-infor-box .scroll-title { font-size: 80px; line-height: 80px; }
    /* inspiration */
    .box-common .id-common .red-titl-common { font-size: 22px; line-height: 24px; }
    .inspiration-header .bt-header-space .maxi-container { max-width: 650px; }
    .career .common-title { margin-bottom: 10px; }
    .contact-section .cotnact-title h1 { font-size: 100px; line-height: 120px; letter-spacing: 0; }
    .contact-section .wrapper-contact .wrapper-gsap { max-width: 970px; }
    .contact-detail ul li + li { margin-left: 50px; }
    .contact-detail .title-contact { font-size: 20px; line-height: 50px; }
    .contact-detail .contact-info a { font-size: 14px; }
}
/*  */
@media (max-width: 1440px) {
    .upper-footer .kitchen-position { margin: 0 60px 0px auto; }
    .upper-footer .kitchen-position .info-flex .more-info { margin-right: 10px; }
    .landing-header .detail-banner .header-big-title { font-size: 70px; line-height: 80px; }
    .theme-single-title { font-size: 42px; line-height: 45px; }
    .craftsmanship .big-font-changes .info-half .theme-single-title { font-size: 52px; line-height: 55px; }
    .info-half .common-title { margin-bottom: 30px; }
    .info-half .content-space { margin-top: 40px; }
    .info-half .content-space .anchor-area { margin-top: 50px; }
    /*  */
    .slider-gl-dots .slider-gl .half-container-area .title-slider .h1 { font-size: 52px; line-height: 58px; }
    /* about */
    .custom-slider .slider-info-ovelap .custom-cabinat .page-main-title { font-size: 54px; line-height: 58px; }
    .anim-section .anim-part.anim-left { margin-top: 50px; }
    /* craftsman */
    .craftsmanship .half-right .modern-area .left-align-area .craft-main-title { font-size: 70px; line-height: 70px; }
    .craftsmanship .half-right .craft-bild-holder { padding-right: 80px; }
    .craftsmanship .kcma-test .inner-white .title-kcma, .dark-titl-common { font-size: 38px; line-height: 50px; }
    .craftsmanship .kcma-test .inner-white .certybox { max-width: 200px; }
    .freamless-doors .all-door-images { margin-left: 0; }
    .craftsmanship .flow-left .hardware-slider__text .info-half .title-uneven .theme-single-title { font-size: 50px; line-height: 50px; }
    .craftsmanship .flow-left .hardware-slider__text .info-half .title-uneven .theme-single-title .out-word { margin-left: 0; }
    .craftsmanship .slider-gl-dots .slider-gl .half-container-area .title-slider .h1 .outer-title-left { margin-left: 0; }
    .slider-gl-dots .slider-gl .half-container-area .title-slider { margin: 40px 0; }
    /* process */
    .header-slider .slider-merge-center .vertical-numb-slider .nmb-item .item-name { font-size: 22px; line-height: 22px; }
    .header-slider .slider-merge-center .vertical-numb-slider .vr-bunch ul li .item-name { top: -2px; }
    .header-slider .slider-merge-center .vertical-numb-slider .vr-bunch { padding: 20px 15px; }
    .header-slider .slider-merge-center .vertical-main-slider .vr-item img { height: 420px; }
    .header-slider .slider-merge-center .side-slick-sl { width: 300px; right: -50px; }
    .header-slider .process-big-title { font-size: 64px; line-height: 70px; }
    .header-slider .align-items-center { padding-top: 50px; }
    .panel .box-child .title-infor-box .scroll-title { font-size: 70px; line-height: 70px; }
    .inspiration-header .bt-header-space { margin-bottom: 80px; }
    .career .wall-group-info .job-listing-ul .job-listing-items { padding: 50px 30px; }
    .contact-section .wrapper-contact .wrapper-gsap { max-width: 800px; }
    .extra-bilds-area .bild-common img { height: auto; }
    .dark-titl-common.new-title-size { font-size: 61px; line-height: 80px; }
    .anim-section .anim-part .anim-container img, .bottom-anim .side-bg-bild .slid-animation-cob img { max-width: 200px; height: 250px; }
    .landing-header .click-banner { margin: 35px auto 0 auto; }
    .media-inner { margin: 30px auto 0 auto; }
    .slider-gl-dots .slider-gl .slick-slider-container .items-slick-inner img { height: 600px; }
    .slider-gl-dots .full-area {  min-height: 170px; }
    .craftsmanship .half-right .craft-bild-holder img { height: calc(100vh - 70px); }
    .navbar-dark .navbar-nav .nav-link { margin: 30px 0; }
    .landing-header { padding-top: 105px; }
    .header-slider .slider-merge-center .vertical-main-slider .vr-item { max-width: 500px; }
    
}
@media (max-width: 1360px){
    .navbar-nav li + li { margin-left: 35px; }
    .navbar-dark .navbar-nav .nav-item:last-child .nav-link { padding-right: 40px; }
    .navbar-dark .navbar-nav .nav-item:last-child .nav-link::before { right: 10px; }
    /*  */
    .landing-header .detail-banner .header-big-title { font-size: 60px; line-height: 70px; }
    .partial-box .box-inner { padding: 30px; }
    .media-inner img { max-width: 70px; }
    .red-title-26 { font-size: 24px; line-height: 28px; }
    .info-half { padding: 40px 0 40px 80px; }
    .content-both-side .info-half { padding: 40px 80px 40px 0; }
    .our-porcess .sprad-bild .img-lft-bottom { padding-left: 0; }
    
    /* process */
    .header-slider .slider-merge-center .vertical-main-slider { max-width: 500px; }
    .header-slider .slider-merge-center .side-slick-sl { right: 20px; }
    /* .flex-area .custom-row-area .custom-gapping-column .vertical-row .vertical-column + .vertical-column { margin-top: 40px; } */
    .inspiration-header .bt-header-space .inspiration-info p { margin: 50px auto 0 auto; }
    /*  */
    .details-main-content .flex-area .custom-row-area .custom-gapping-column { margin-bottom: 30px; }
    
}
@media (max-width: 1199px){
    .navbaar-responsive { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 20px 15px; position: relative; }
    .navbaar-responsive::after { content: ''; background-color: #C51D2D; position: absolute; right: 0; top: 0; bottom: 0; width: 85px; z-index: 0; }
    .imdark { background-color: #1d1d1d !important; height: 100%; }
    .navbar-dark .navbar-nav .nav-link { margin: 0; padding: 15px 0; }
    .navbar-nav li:last-child { padding: 0; }
    .navbar-nav li + li, .navbar-nav li:nth-child(5) { margin: 0; }
    .navbar .navbar-collapse ul li { padding: 0 15px; }
    .navbar .navbar-collapse { display: none !important; }
    
    .landing-header { padding-top: 80px; }
    .our-porcess .over-lap .center-title { font-size: 38px; line-height: 45px; max-width: 520px; }
    .our-porcess .over-lap { top: 35%; }
    .our-porcess .writen-area { padding: 0 0 50px 50px; }
    /*  */
    .promo-slider__slider-holder { max-width: 50%; width: 50%; flex: 0 0 50%; }
    .info-half { padding: 40px 0 40px 40px; }
    .content-both-side .info-half { padding: 40px 40px 40px 0; }
    .serve-sect .card-serve .card .card-body .card-title .serve-title { font-size: 26px; line-height: 36px; }
    .serve-sect .card-serve .card .card-body { padding: 30px; }
    /*  */
    .slider-gl-dots .slider-gl .slick-slider-container .items-slick-inner img { height: 550px; }
    .slider-gl-dots .full-area { margin-top: -100px; min-height: 150px; }
    /*  */
    .slider-gl-dots .slider-gl .half-container-area .title-slider .h1 { font-size: 45px; line-height: 50px; }
    .slider-gl-dots .slider-gl .slick-slider-container .slick-list { padding-right: 150px; }
    /* Define the shape and color of the hamburger lines */
    .navbar-toggler { padding: 0 8px 0 0; position: relative; z-index: 1; }
    .navbar-toggler span { display: block; background-color: #fff; height: 2px; width: 40px; margin-top: 10px; margin-bottom: 10px; position: relative; left: 0; opacity: 1; transition: all 0.35s ease-out; transform-origin: center left; }
    /* top line needs a little padding */
    .navbar-toggler span:nth-child(1) { margin-top: 0.3em; }
    .navbar-toggler span:nth-child(2) { width: 30px; }
    /**
    * Animate collapse into X.
    */
    /* .navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(15%, -33%) rotate(45deg); }
    .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; }
    .navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(15%, 33%) rotate(-45deg) ; } */
    /**
    * Animate collapse open into hamburger menu
    */
    /* .navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg); }
    .navbar-toggler span:nth-child(2) { opacity: 1; } */
    .gl-space { padding-bottom: 100px; }
    .work-collab { padding: 0 0 100px 0; }
    .anim-section, .craftsmanship .content-both-side, .details-main-content { padding: 100px 0; }
    .serve-sect { padding: 0 0 100px; }
    /* about */
    .custom-slider .slider-info-ovelap .custom-cabinat .page-main-title { font-size: 60px; line-height: 62px; }
    .anim-section .anim-part .anim-container { left: -140px; right: 0; }
    .anim-section .anim-part.anim-right { margin: 50px 0 0; padding: 0; }
    .anim-section .anim-part.anim-right .in-detail-anim .anim-title { font-size: 46px; line-height: 48px; }
    .bottom-anim .main-title .title-middle-anim h4 { font-size: 39px; line-height: 39px; max-width: 485px; }
    .bottom-anim .main-title { margin-bottom: 80px; }
    .anim-section .anim-part.anim-right .in-detail-anim p { max-width: 100%; }
    .common-title span { font-size: 18px; }
    .bottom-anim .bild-infor .info-child-center p { max-width: 300px; }
    .work-collab .single-cob-title { font-size: 36px; line-height: 40px; }
    .ft-upper_card .info-card-left .bt-title-card { font-size: 28px; }
    /* craftsmanship */
    .craftsmanship .half-right .craft-bild-holder { padding-right: 30%; }
    .craftsmanship .half-right .modern-area .left-align-area { padding-top: 0; max-width: 50%; margin: 0 0 0 auto; }
    .craftsmanship .half-right .modern-area .left-align-area .info-hero { max-width: 100%; margin-top: 50px; }
    .craftsmanship .half-right .modern-area .left-align-area .craft-main-title { font-size: 60px; line-height: 60px; }
    .craftsmanship .kcma-test .inner-white .title-kcma, .dark-titl-common { font-size: 28px; line-height: 30px; }
    .craftsmanship .kcma-test .inner-white { padding: 30px 0; }
    .freamless-doors .all-door-images .inner-door:first-child, .header-slider .slider-merge-center .side-slick-sl { right: 0; }
    .freamless-doors .all-door-images .inner-door:last-child { left: 0; }
    .freamless-doors .all-door-images .inner-door:nth-child(2) img { margin: 0 auto; display: table; }
    .xl-margin-top { margin-top: 100px; }
    .freamless-doors .beneath-content .cont-bild { padding-right: 50px; }
    .craftsmanship .flow-left .hardware-slider__text .info-half .title-uneven .theme-single-title { font-size: 34px; line-height: 36px; }
    /* process */
    .header-slider .process-big-title { font-size: 52px; line-height: 60px; }
    .header-slider .align-items-center { padding-top: 0; }
    .header-slider .slider-merge-center .vertical-main-slider { max-width: 480px; }
    .header-slider .slider-merge-center .vertical-numb-slider .vr-bunch { padding: 15px; }
    .header-slider .slider-merge-center .vertical-numb-slider .nmb-item .item-name { font-size: 18px; line-height: 22px; }
    .header-slider .slider-merge-center .side-slick-sl { width: 270px; }
    .panel .box-child .title-infor-box .scroll-title { font-size: 60px; line-height: 60px; }
    .panel .box-child-number .number-call { font-size: 400px; line-height: 400px; }
    .scroller-inner .scroller-number ul { margin-right: 15px; }
    .scroller-inner .scroller-number ul li + li { margin-top: 30px; }
    .panel .box-child .title-infor-box .box-inforamtion { max-width: 300px; }
    /* insp */
    .box-common .id-common .red-titl-common { font-size: 18px; line-height: 22px; }
    .box-common .id-common .small-common span { font-size: 16px; line-height: 22px; }
    .inspiration-header { padding-top: 130px; }
    /* .single-common, .multi-common, .trio-common { padding: 50px 0 0; } */
    .nav-push { padding-top: 100px; }
    .contact-section .cotnact-title h1 { font-size: 80px; line-height: 100px; }
    .canva-form { padding: 30px; }
    .contact-bottom { margin-top: 0px; padding: 50px 0 100px 0; }
    .contact-detail { margin: 0 auto; display: table; }
    .custom-row__70 .custom-column__70 { margin-bottom: 30px; }
    .div-scal-move { position: relative; z-index: 9999; background-color: #FBFBFB; }
    body, html { background-color: #1d1d1d; }
    .dark-titl-common.new-title-size { font-size: 41px; line-height: 60px; }
    .slider-gl-dots .dots-and-arrows .slider-dots-spawn .slick-dots li.slick-active { width: 60px; }
    .slider-gl-dots .dots-and-arrows .slider-dots-spawn .slick-dots li.slick-active a::after { width: 20px; }
    .slider-gl-dots .dots-and-arrows .slider-dots-spawn .slick-dots li + li { margin-left: 15px; }
    .header-slider .slider-merge-center .vertical-numb-slider .vr-bunch ul li .item-name { font-size: 16px; min-width: 140px; }
    #slideOutMobileNav { position: relative; display: none; }
}
@media (min-width: 992px){
    .scroller-inner::before {
        content: '';
        height: 40%;
        background: transparent;
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
    }
}
@media (max-width: 991px){
    .theme-single-title { font-size: 39px; line-height: 49px; }
    .craftsmanship .big-font-changes .info-half .theme-single-title { font-size: 49px; line-height: 49px; }
    .close-home .theme-single-title { margin-top: 20px; }
    p, label, .listing-custom ul li { font-size: 16px; line-height: 28px; }
    .close-home .theme-single-title { margin-bottom: 20px; }
    .partial-box { margin-top: 50px; }
    .red-title-26 { font-size: 24px; margin-bottom: 30px; }
    .partial-box .box-inner { padding: 30px 50px; }
    .info-half .theme-single-title .push-cs-right { margin-left: 15%; }
    .anchor-area .link-only { font-size: 16px; letter-spacing: 0; }
    .common-title span { font-size: 14px; }
    .serve-sect .card-serve .card-row .card-column:nth-child(2) { padding-top: 0; }
    .serve-sect .card-serve .card-row .card-column { margin-bottom: 30px; }
    .serve-sect .card-serve .card-row .card-column:last-child { margin-bottom: 0; }
    .serve-sect .card-serve .card .card-body .card-title { margin: 0 0 30px 0; padding: 0 0 30px 0; }
    .serve-sect .theme-single-title { margin-bottom: 45px; }
    /*  */
    .slider-gl-dots .slider-gl .slick-slider-container .items-slick-inner img { height: 500px; }
    .slider-gl-dots .full-area { margin-top: -110px; }
    .slider-gl-dots .slider-gl .slick-slider-container .slick-list { padding-right: 75px; }
    .slider-gl-dots .slider-gl .half-container-area .title-slider { margin: 30px 0; }
    /*  */
    .upper-footer .kitchen-position .info-flex { flex-direction: column; align-items: flex-start; }
    .upper-footer .kitchen-position .info-flex .more-info { margin: 0 0 15px 0; }
    .upper-footer .kitchen-position .title-kitchen { margin-bottom: 20px; }
    .upper-footer .bg-pr-kitchen { align-items: flex-end; }
    .upper-footer .kitchen-position { margin: 0 60px 50px auto; }
    footer .main-ft .ft-nav-itmes ul li { margin-right: 40px; }
    .media-inner .media .media-body p { max-width: 100%; }
    .anim-section .anim-part .anim-container { left: -50px; }
    .bottom-anim .main-title { margin-bottom: 50px; }
    .bottom-anim .bild-infor .info-child-center, .bottom-anim .bild-infor .info-child-center p { padding-left: 0; max-width: 100%; }
    .ft-upper_card .info-card-left { padding: 50px 40px; }
    .side-bg-bild { position: relative; }
    .bottom-anim .side-bg-bild .corner-image { position: static; width: 80vw; margin-left: auto; margin-right: -20px; }
    .bottom-anim .side-bg-bild .slid-animation-cob { right: 0; left: 0; width: 90vw; margin-left: auto; }
    .bottom-anim .bild-infor { margin-bottom: 80px; }
    /* craftsman */
    .craftsmanship .half-right .craft-bild-holder { padding-right: 0; }
    .craftsmanship .half-right .craft-bild-holder img { height: 100vh; }
    .craftsmanship .half-right .modern-area .left-align-area { max-width: 100%; }
    .craftsmanship .half-right .modern-area .left-align-area .craft-main-title { font-size: 50px; line-height: 50px; }
    .craftsmanship .half-right .modern-area .left-align-area .info-hero { margin-top: 30px; }
    .inspiration-header .bt-header-space .maxi-container .single-inspi-title { font-size: 40px; line-height: 45px; }
    .freamless-doors .title-door .ttl-door { font-size: 46px; line-height: 46px; }
    .xl-margin-top { margin-top: 150px; }
    .anim-wrapper .anim-object img { height: 210px; }
    /* process */
    .header-slider { padding: 80px 0 0; }
    .header-slider .slider-merge-center .vertical-main-slider { max-width: 100%; width: calc(100% - 90px); }
    .header-slider .slider-merge-center .vertical-main-slider .vr-item { max-width: 100%; }
    .header-slider .process-big-title { font-size: 42px; line-height: 48px; margin-bottom: 50px; }
    .panel .box-child .title-infor-box .scroll-title { font-size: 38px; line-height: 38px; }
    .panel .box-child .title-infor-box .box-inforamtion { margin: 30px auto 0 auto; max-width: 100%; }
    .scroller-inner .scroller-number > .h-100 { height: auto !important; }
    .scroller-inner .scroller-number ul { flex-flow: row; width: 100%; }
    .scroller-inner .scroller-number ul li + li { margin: 0 0 0 30px; }
    .scroller-inner .scroller-number { bottom: 0; top: auto; height: auto; background: #fff; padding: 15px 0; /*box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);*/ }
    /* .flex-area .custom-row-area .custom-gapping-column .vertical-row .vertical-column + .vertical-column { margin: 0; } */
    /* .vertical-row .vertical-column { margin-top: 30px; } */
    .inspiration-header .bt-header-space .maxi-container { max-width: 400px; }
    .similar-items .title-similar .dark-titl-common { margin-bottom: 40px; }
    /* .cotnact-title { display: table; margin: 0 auto; } */
    .canva-form { margin: 50px auto 0 auto; }
    .contact-section .cotnact-title h1 { font-size: 60px; line-height: 70px; }
    .contact-section .wrapper-contact .wrapper-gsap { max-width: 100%; }
    .canva-form, .apply-pr .custom-paragraph, .bottom-anim .side-bg-bild .corner-image img { max-width: 100%; }
    .apply-pr .custom-paragraph { margin-bottom: 30px; }
    .more-creer-details .what-you-do ul { padding-left: 20px; }
    .more-creer-details { margin-top: 80px; }
    .anim-section .anim-part .anim-container img, .bottom-anim .side-bg-bild .slid-animation-cob img { max-width: 150px; height: 200px; }
    .bild-size-area { height: 500px; }
    .shot-note { margin-top: 90px; }
    .shot-note p { color: #fff; }
    .home .media-inner .media { flex-direction: column; }
    .home .media-inner .media .media-body { margin: 20px 0 0 0; }
    .home .media-inner .media .media-body p { text-align: center; }
    .home .media-inner { margin: 40px auto 0 auto; max-width: 450px; }
    .panel .box-child-number { display: block; text-align: left; top: 12%; left: -60px; }
    .panel .box-child-number .number-call { font-size: 150px; line-height: 150px; }
    .panel .bild-info-box .reveal-holder { width: 100%; }
}
@media (max-width: 767px){
    .landing-header { margin-bottom: 40px; }
    .landing-header .detail-banner .header-big-title { font-size: 38px; line-height: 50px; letter-spacing: 0; }
    .navbar-dark .navbar-brand { max-width: 120px; margin-right: 0; }
    .close-home .marka-left { position: absolute; right: 40px; top: -80px; }
    .close-home .marka-left img { max-width: 100px; width: 100%; }
    .craftsmanship .big-font-changes .info-half .theme-single-title .push-right { margin: 0; }
    .common-title.line-right-throw span { padding-right: 30px; }
    .close-home .theme-single-title { margin-top: 40px; }
    .gl-space { padding-bottom: 80px; }
    .work-collab { padding: 0 0 80px 0; }
    .anim-section, .craftsmanship .content-both-side { padding: 80px 0; }
    .details-main-content { padding: 50px 0; }
    .serve-sect { padding: 0 0 80px; }
    .promo-slider__slider-holder { max-width: 100%; width: 100%; flex: 0 0 100%; }
    .info-half, .content-both-side .info-half { padding: 40px 0 0; }
    .title-uneven, .our-porcess .writen-area p { max-width: 100%; }
    .info-half .theme-single-title { max-width: 300px; }
    .our-porcess .horizontal-dots::after, .our-porcess .over-lap .center-title::before { content: none; }
    .our-porcess .writen-area { padding: 0; }
    .our-porcess .img-floting-right .fix-img { width: 100%; height: auto; }
    .our-porcess .img-floting-right { margin: 0 0 40px 0; }
    .our-porcess .sprad-bild { flex-direction: row; }
    .our-porcess .sprad-bild .img-lft-top { margin-top: 0; }
    /* .our-porcess .sprad-bild { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; }
    .img-lft-top { grid-area: 1 / 1 / 2 / 2; }
    .img-lft-bottom { grid-area: 1 / 2 / 2 / 3; } */
    .our-porcess .sprad-bild .img-lft-top .tp-one, .our-porcess .sprad-bild .img-lft-bottom .tp-bottom { width: 100%; height: 100%; max-width: 100%; }
    .our-porcess .over-lap.op-inside { position: static; transform: none; }
    .mobile-re-arrange .our-porcess .over-lap .center-title { font-size: 40px; line-height: 50px; max-width: 450px; }
    .our-porcess { padding-top: 0; }
    .our-porcess .writen-area .anchor-area { margin-top: 30px; }
    .serve-sect .card-serve .card .card-body .card-content p { max-width: 100%; }
    .slider-gl-dots .slider-gl .half-container-area { padding: 0 0 50px 0; }
    .slider-gl-dots .slider-gl { padding: 80px 0 0; }
    .slider-gl-dots .slider-gl .half-container-area .title-slider { max-width: 300px; }
    .slider-gl-dots .slider-gl .slick-slider-container .items-slick-inner img { height: 350px; }
    .slider-gl-dots .full-area { min-height: 120px; }
    /* footer .main-ft .ft-nav-itmes ul li + li { margin: 0; } */
    /* footer .main-ft .ft-nav-itmes ul li { width: 100%; display: block; } */
    /* footer .main-ft .ft-nav-itmes ul li a { width: 100%; display: block; padding: 10px 0; } */
    footer .main-ft .ft-nav-itmes ul li.active { border-bottom: 1px solid #f1f1f1; }
    footer .main-ft .moto-line .title-moto { font-size: 22px; line-height: 32px; }
    .btn { padding: 15px; font-size: 16px; min-width: 200px; }
    /* about */
    .custom-slider .cob-custom-slider .slick-track .cob-item img { height: 100vh; }
    .custom-slider .slider-info-ovelap { margin-top: 140px; display: block; }
    .custom-slider .slider-info-ovelap .custom-cabinat .page-main-title { font-size: 45px; line-height: 52px; letter-spacing: 0; margin-bottom: 30px; }
    .custom-slider .thumb-container { position: absolute; bottom: 80px; right: 0px; left: 100px; }
    .custom-slider .thumb-container .relocating-area .thumb-main { margin: 0 auto 0 auto; }
    .custom-slider .media-inner { margin: 0 0 40px 0; width: 100%; }
    .custom-slider .media-inner .media .media-body, .craftsmanship .big-font-changes .info-half .content-space { margin-left: 0; }
    .custom-slider::before { content: ''; background: rgba(49, 49, 49, 0.2); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;  }
    .anim-section .anim-part .anim-container { left: auto; right: 20px; }
    .anim-section .anim-part.anim-center { padding-right: 50px; }
    .anim-section .anim-part .in-detail-anim { margin: 20px 0 50px; max-width: 100%; }
    .anim-section .anim-part.anim-left { margin: 0; }
    .anim-section .anim-part .in-detail-anim .anim-title { font-size: 42px; line-height: 48px; }
    .anim-section .anim-part.anim-right .in-detail-anim .anim-title { font-size: 48px; line-height: 50px; }
    .bottom-anim .main-title .common-title { margin: 0 0 20px; }
    .bottom-anim .bild-infor .bild-child-left { margin-top: 50px; }
    .work-collab .single-cob-title { text-align: center; margin-bottom: 30px; }
    .ft-upper_card .info-card-left { padding: 40px 30px; }
    .ft-upper_card .info-card-left p { margin-bottom: 40px; }
    .craftsmanship .half-right .modern-area .left-align-area .craft-main-title { font-size: 50px; line-height: 55px; letter-spacing: 0; width: calc(100% - 30px); margin: 0 auto; }
    .craftsmanship .half-right .modern-area .left-align-area .info-hero { background-color: #313131; padding: 40px 0; }
    .craftsmanship .half-right .modern-area .left-align-area .info-hero .info-mobile { width: calc(100% - 100px); margin: 0 15px 0 auto; padding-right: 0; }
    .craftsmanship .content-both-side .info-half { padding: 50px 0 0; }
    .craftsmanship .kcma-test .inner-white .certybox { margin: 0 auto 30px auto; }
    .craftsmanship .kcma-test .inner-white .kcma-content p, .detail-global .box-common .details-common p { max-width: 100%; }
    .freamless-doors .all-door-images { padding-bottom: 165px; max-width: 400px; margin: 0 auto; }
    .xl-margin-bottom { margin-bottom: 100px; margin-top: 0; }
    .freamless-doors .beneath-content .cont-bild { padding-right: 0; margin-top: 30px; }
    .craftsmanship .big-font-changes.content-both-side .info-half { padding: 0 0 50px 0; }
    .hardware-slider--container .hardware-slider__slider-holder { flex: 0 0 100%; max-width: 100%; }
    .hardware-slider--container .hardware-slider__text { flex: 0 0 100%; max-width: 100%; }
    .craftsmanship .flow-left .hardware-slider__text .info-half .title-uneven .theme-single-title .push-pr-right { right: -30px; }
    .craftsmanship .flow-left .hardware-slider__text .info-half .title-uneven .theme-single-title { font-size: 40px; line-height: 40px; }
    /* process */
    .process .header-slider { height: auto; padding: 100px 0 80px; }
    .header-slider .slider-merge-center .vertical-main-slider .vr-item img { height: 300px; }
    /* .header-slider .process-big-title { font-size: 48px; line-height: 50px; } */
    /* .header-slider .slider-merge-center .vertical-numb-slider .nmb-item { margin: 0; } */
    .header-slider .slider-merge-center .vertical-numb-slider .nmb-item span { font-size: 12px; }
    .header-slider .slider-merge-center .vertical-numb-slider .nmb-item .item-name { font-size: 16px; line-height: 22px; }
    .header-slider .slider-merge-center .vertical-numb-slider .vr-bunch { padding: 11px 25px; }
    .header-slider .slider-merge-center .side-slick-sl { width: 230px; left: 0; right: auto; pointer-events: none; }
    .header-slider .slider-merge-center .vertical-numb-slider .nmb-item.slick-center.slick-current .arrow-bunch .icon { display: none; }
    .header-slider .slider-merge-center .vertical-numb-slider .vr-bunch ul li .item-name { margin: 0 0 0 25px; }
    .header-slider .slider-merge-center .vertical-main-slider { width: calc(100% - 100px); margin-left: auto; }
    .inspiration-header .bt-header-space .maxi-container .single-inspi-title { font-size: 52px; line-height: 55px; letter-spacing: 0; }
    
    .scroller-inner .scroller-number ul li + li { margin: 0 0 0 30px; }
    .scroller-inner .scroller-number ul li a { font-size: 16px; }
    .inspiration-header .bt-header-space .inspiration-info p { margin: 70px auto 0 auto; }
    /* .flex-area .custom-row-area .custom-gapping-column { margin-bottom: 40px; } */
    /* .single-common, .multi-common, .trio-common { padding: 40px 0 0; } */
    /* .single-common { margin-bottom: 40px; } */
    .upper-footer.ameb-footer { margin-top: 40px; }
    .career .card-information-caree { max-width: 100%; margin-top: 30px; }
    .inspiration-header::after { height: 50%; }
    .inspiration .box-common .bild-common img, .inspiration .multi-common .flex-area .box-common .bild-common img, .inspiration .inspiration-header .flex-area .box-common .bild-common img { height: 300px; }
    .detail-global .box-common, .beneath-content { width: 100%; margin: 30px 0 0; }
    .breadcrumb-item, .breadcrumb-item a { font-size: 16px; }
    .canva-form { max-width: 100%; }
    .contact-section .cotnact-title h1 { font-size: 50px; line-height: 60px; }
    .contact-detail ul li, .our-porcess .sprad-bild .img-lft-top .wrapper-gsap, .our-porcess .sprad-bild .img-lft-bottom .wrapper-gsap { width: 100%; }
    .contact-detail ul li + li { margin: 0; }
    .bottom-anim .bild-infor { margin-top: 0; margin-bottom: 0; }
    .contact-detail ul { text-align: center; }
    /* .contact-section::before { height: 700px; background-position: top center; } */
    .contact-bottom { margin-top: 0px; padding: 50px 0 30px 0; }
    .more-creer-details .what-about-you, .more-creer-details .what-you-do { max-width: 100%; }
    .more-creer-details .what-you-do { margin-bottom: 50px; }
    .more-creer-details .what-you-do ul { padding: 0; }
    .more-creer-details { padding-bottom: 50px; margin-bottom: 50px; }
    .extra-bilds-area .bild-common img { height: auto; }
    .dark-titl-common.new-title-size { font-size: 30px; line-height: 40px; }
    .box-common .id-common .small-common.small-new-title span { line-height: 50px; }
    .slider-gl-dots .dots-and-arrows .slider-dots-spawn .slick-dots li a, .slider-gl-dots .slider-gl .half-container-area .common-title span { font-size: 14px; }
    footer .main-ft .ft-nav-itmes ul li a::after { content: none; }
    .bottom-anim .side-bg-bild .corner-image img { height: 500px; }
    .header-slider .slider-merge-center .vertical-numb-slider .vr-bunch ul { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; }
    .header-slider .slider-merge-center .vertical-numb-slider .vr-bunch ul li .item-name { font-size: 14px; max-width: 127px; top: 0; }
    .partial-box .box-inner .under-line::after { width: calc(100% + 65px); }
    .flow-left .promo-slider__slider-holder { width: calc(100% - 25px); flex: 0 0 calc(100% - 25px); }
    .mobile-design-space.flow-left .promo-slider__slider-holder { width: calc(100% - 50px); flex: 0 0 calc(100% - 50px); }
    .flow-left .common-title.line-left-throw::before { left: -85%; top: 12px; }
    .flow-left .common-title span { width: calc(100% - 80px); margin-left: auto; }
    .mobile-design-space.flow-left .common-title span { width: calc(100% - 35px); margin: 0 0 0 auto; }
    .mobile-design-space .common-title.line-left-throw::before { content: none; }
    .mobile-design-space .common-title.line-left-throw span::after { content: ''; height: 1px; width: 100%; background-color: #000; position: absolute; left: 0; top: 12px; z-index: -1; }
    .mobile-design-space .common-title.line-left-throw span i { background: #fbfbfb; padding-right: 20px; }

    .flow-left .info-half .content-space { width: calc(100% - 80px); margin-left: auto; }
    .settle-width-mobile { width: calc(100% - 25px); margin-left: auto; }
    .common-title.line-right-throw::before { top: 12px; left: 35%; width: 120%; }
    .cut-left-mobile { width: calc(100% - 50px); margin-left: auto; }
    .cut-left-mobile .info-half .theme-single-title { margin: 0 auto 0 0; }
    .serve-sect .theme-single-title { font-size: 30px; line-height: 46px; margin-bottom: 0; }
    .slider-gl-dots .slider-gl .slick-slider-container .items-slick-inner { margin: 100px 15px 0; }
    .slider-gl-dots .full-area { margin-top: -160px; min-height: 230px; }
    .slider-gl-dots .slider-gl .half-container-area .infoslider.mobile-infoslider { max-width: calc(100% - 80px); margin-left: auto; margin-bottom: 30px; }
    .min-w-290 { min-width: 290px; }
    .upper-footer .kitchen-position { height: calc(100% - 120px); display: flex; flex-flow: column; justify-content: space-between; }
    .upper-footer .kitchen-position .info-flex { height: 100%; justify-content: space-between; }
    .mobile-re-arrange.our-porcess .over-lap.op-inside { max-width: 70%; flex: 0 0 70%; width: 70%; }
    .mobile-re-arrange.our-porcess .over-lap .center-title { text-align: left; }
    .mobile-re-arrange.our-porcess .sprad-bild .img-lft-top { flex: 0 0 30%; width: 30%; max-width: 30%; margin-top: -50px; }
    .mobile-re-arrange.our-porcess .common-title { position: relative; margin-bottom: 50px; width: 100%; max-width: 320px; }
    .mobile-re-arrange.our-porcess .common-title::after { content: ''; background: url(../images/hr-line.png) repeat-x; position: absolute; left: -15px; right: 0; height: 2px; background-size: contain; top: 12px; width: 20%; }
    .left-outter-bild img { height: 265px; object-fit: cover; }
    .mob-custom-slider { height: 100vh; }
    .mob-custom-slider.custom-slider .thumb-container .relocating-area .thumb-dots-here { display: none; }
    .mob-custom-slider.custom-slider .thumb-container .relocating-area .thumb-main { max-width: 130px; height: 80px; }
    .mob-custom-slider.custom-slider .thumb-container .relocating-area .thumb-main img { width: 100%; object-fit: cover; height: 100%; }
    .media-inner .media.revese-in-mobile { flex-direction: column-reverse; }
    .flex-order { display: flex; flex-direction: column; }
    .flex-order .order-2 { margin-top: 80px; }
    .bottom-anim .bild-infor { flex-direction: column-reverse; }
    .ft-upper_card .info-card-left .bt-title-card { font-size: 36px; line-height: 40px; }
    .ft-upper_card .bild-holder img { height: 385px !important; }
    .cs-flex-column-reverse { flex-direction: column-reverse; }  
    .no-gutters-from-md { margin-right: 0; margin-left: 0; }
    .no-gutters-from-md > .col, .no-gutters-from-md > [class*="col-"] { padding-right: 0; padding-left: 0; }
    .craftsmanship .info-half .theme-single-title { margin: 0; width: 100%; max-width: 100%; }
    .craftsmanship .mobile-design-space .info-half .theme-single-title { padding-left: 35px; }
    .mobile-design-space .info-half .title-uneven .content-space { width: calc(100% - 35px); }
    .freamless-doors .middle-writen, .craftsmanship .flow-left .hardware-slider__text .info-half .common-title span { width: 100%; }
    /*  */
    .position-relative .door-images { position: absolute; left: 0; bottom: 0; }
    .position-relative .door-images .inner-door:first-child img { width: 100%; max-width: 165px; }
    .position-relative .door-images .inner-door:last-child { position: relative; z-index: 9; }
    .position-relative .door-images .inner-door:last-child img { width: 100%; max-width: 82px; position: absolute; bottom: -25px; left: 15px; }
    .freamless-doors .right-img-bunch { width: calc(100% - 80px); margin-left: auto; }
    .freamless-doors .right-img-bunch .bild-rit-door { top: 0px; right: 0; left: 0; text-align: center; }
    .craftsmanship .big-font-changes.content-both-side .info-half .title-uneven, .craftsmanship .content-both-side .push-image { max-width: 280px; margin: 0 auto; padding: 0; display: block; }
    .craftsmanship .flow-left .hardware-slider__text .info-half { padding: 0 0 40px;  }
    .craftsmanship .flow-left .hardware-slider__text .info-half .title-uneven .content-space { width: calc(100% - 40px); }
    .flow-left.mobile-design-space .hardware-slider--container .hardware-slider__slider-holder { padding: 0 20px; }
    .upper-footer .bg-pr-kitchen { height: 580px; }
    .panel .box-child .title-infor-box .box-inforamtion { margin: 0 0 30px auto; max-width: 325px; }
    .panel .box-child .title-infor-box .scroll-title { font-size: 30px; line-height: 35px; max-width: 325px; margin-left: auto; }
    .box-common .id-common .red-titl-common { font-size: 30px; line-height: 40px; }
    .box-common .id-common .small-common span { font-size: 14px; }
    .ameb-footer .background-main img { object-position: 35%; }
    .details-main-content .detail-global .box-common .details-common { text-align: left; }
    .details-main-content .detail-global .box-common { margin-top: 0; }
    .details-main-content .similar-items .small-common span { font-size: 10px; letter-spacing: 2.2px; line-height: 18px; }
    .details-main-content .extra-bilds-area .flex-area { margin-bottom: 50px; }
    .details-main-content .similar-items .box-common .id-common .red-titl-common { font-size: 18px; line-height: 24px; }
    footer .main-ft .ft-nav-itmes ul { padding-left: 30px; }
    .career .inspiration-header .bt-header-space .maxi-container .single-inspi-title { font-size: 32px; line-height: 34px; }
    .career .inspiration-header .bt-header-space .inspiration-info p { margin: 50px auto 0 auto; }
    .career .common-title { margin-bottom: 20px; }
    .career .theme-single-title { font-size: 30px; line-height: 45px; }
    .career .wall-group-info::before { height: 101%; }
    .listing-custom ul li { padding-left: 25px; margin: 0 !important; }
    .listing-custom ul li::before { text-indent: -25px; }
    label { text-transform: uppercase; color: #8898AA; font-size: 12px; letter-spacing: -0.3px; }
    .form-control { background-color: transparent; padding-left: 0; padding-right: 0; }
    .form-control:focus, .form-control:hover, .form-control:active { background-color: transparent; }
    .form-group { position: relative; }
    .form-group::after { content: ''; height: 1px; width: calc(100% + 60px); background-color: rgba(136, 152, 170, 0.29); position: absolute; left: -30px; right: 60px; }
    .custom-file .custom-file-label { text-transform: inherit; background-color: transparent; font-size: 18px; display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; padding-left: 0; }
    .custom-file .custom-file-label span { top: 0; right: -15px; margin: 0; }
    .scroller-inner::before { content: none; }
    /* .scroller-inner::after { content: ''; height: 30%; background: transparent; width: 100%; position: absolute; bottom: 0; right: 0; left: 0; z-index: 9; } */
    .details-main-content .similar-items .box-common .bild-common img { height: 195px; }
    .about .media-inner .media { flex-direction: column; }
    .about .media-inner .media .media-body { margin: 20px 0 0 0; }
    .about .media-inner .media .media-body p { text-align: center; }
    .home .media-inner .media .media-body p { font-size: 14px; line-height: 24px; }
    .about .media-inner { margin: 40px auto 0 auto; max-width: 450px; }
    .inner-form form .form-group:last-child::after { content: none; }
    .social-media li a { font-size: 16px; }
    .social-media li:not(:last-child) {  margin-bottom: 10px; margin-right: 15px; }
    /*  */
    .video-container .title-video .theme-single-title { font-size: 28px; line-height: 35px; }
    footer .main-ft .ft-nav-itmes { margin: 40px 0; }
    footer .main-ft { padding: 0; margin: 45px 0; }
    
}
@media (max-width: 576px) {
    /* .btn { padding: 15px; font-size: 16px; min-width: 200px; } */
    .landing-header .click-banner { margin: 35px auto 0 auto; }
    .info-half .theme-single-title { margin: 0 auto; }
    .craftsmanship .hardware-slider__text .info-half .theme-single-title { margin: 0; }
    .info-half .content-space .anchor-area { margin-top: 30px; }
    /* .our-porcess .sprad-bild { grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 20px; }
    .img-lft-top { grid-area: 1 / 1 / 2 / 2; }
    .img-lft-bottom { grid-area: 2 / 1 / 3 / 2; }
    .our-porcess .sprad-bild .img-lft-top .tp-one, .our-porcess .sprad-bild .img-lft-bottom .tp-bottom { height: auto; } */
    
    .slider-gl-dots .slider-gl .slick-slider-container .slick-list { margin: 0 -15px; }
    .slider-gl-dots .slider-gl .slick-slider-container .slick-list { padding-right: 50px; }
    /* .slider-gl-dots .full-area { min-height: 180px; } */
    .slider-gl-dots .dots-and-arrows .slider-dots-spawn .slick-dots li.slick-active { width: 50px; }
    .slider-gl-dots .dots-and-arrows .slider-dots-spawn .slick-dots li.slick-active a::after { width: 20px; left: 30px; }
    .upper-footer { margin: 0px 0 80px; }
    .upper-footer .kitchen-position { margin: 60px 40px; width: 100%; }
    /* .custom-slider .slider-info-ovelap .custom-cabinat .page-main-title { font-size: 24px; line-height: 34px; } */
    
    .freamless-doors .right-img-bunch img { height: 450px; }
    .career .wall-group-info .job-listing-ul .job-listing-items { padding: 30px; }
    .slider-gl-dots .full-area { margin-top: -180px; min-height: 220px; }
    .upper-footer .kitchen-position .title-kitchen { font-size: 34px; line-height: 45px; }
    .nav-off-canvas { max-width: 100%; width: auto; }

    /* .panel [data-aos=fade-up] {
        -webkit-transform: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
    .panel .slidUp-text {
        opacity: 0;
    }
    .active-animation .panel [data-aos=fade-up] {
        opacity: 1;
    }
    .slid-panels .pin-spacer:first-child .panel .slidUp-text {
        opacity: 1;
    } */
}

@media (max-width: 375px) {
    .craftsmanship .flow-left .hardware-slider__text .info-half .title-uneven .theme-single-title { font-size: 32px; line-height: 34px; }
    .upper-footer .kitchen-position { margin: 40px 30px; }
    .upper-footer .kitchen-position .title-kitchen { font-size: 28px; line-height: 35px; }
    .nav-off-canvas .navbar-nav .nav-item .nav-link { padding: 5px 0; font-size: 18px; }
}
@media (max-width: 360px) {
    .landing-header .detail-banner .header-big-title { font-size: 32px; line-height: 42px;}
    .media-inner img { max-width: 60px; }
    .media-inner .media .media-body p { font-size: 14px; letter-spacing: 0; }
    .our-porcess .over-lap .center-title { font-size: 28px; line-height: 35px; }
    .slider-gl-dots .slider-gl .slick-slider-container .items-slick-inner img { height: 250px; }
    .custom-slider .slider-info-ovelap .custom-cabinat .page-main-title { font-size: 38px; line-height: 44px; letter-spacing: 1px; }
    .custom-slider .media-inner .wide { display: inline; }
    
    .anim-wrapper .anim-object img { height: 150px; max-width: 150px; width: auto; }
    .header-slider .slider-merge-center .vertical-main-slider .vr-item img { height: 250px; }
    .header-slider .process-big-title { font-size: 36px; line-height: 40px; letter-spacing: -1px; }
    .inspiration-header .bt-header-space .maxi-container .single-inspi-title { font-size: 28px; line-height: 32px; }
    .custom-slider .slider-info-ovelap { margin-top: 110px; }
    
    .nav-off-canvas .navbar-nav .nav-item .nav-link { font-size: 18px; }
    .mobile-re-arrange.our-porcess .sprad-bild .img-lft-top { margin-top: -30px; }
    /*  */
    .theme-single-title { font-size: 28px; line-height: 35px; }
    .partial-box .box-inner { padding: 20px; }
    .serve-sect .card-serve .card .card-body .card-title .serve-title { font-size: 22px; line-height: 26px; }
    .slider-gl-dots .slider-gl .slick-slider-container .items-slick-inner { margin: 80px 15px 0; }
    .slider-gl-dots .full-area { margin-top: -180px; min-height: 250px; }
    .header-slider .slider-merge-center .vertical-numb-slider .nmb-item { margin: 0; }
    .details-main-content .similar-items .box-common .id-common .red-titl-common { font-size: 16px; line-height: 22px; }
    
}

@media (max-width: 320px) {
    .custom-slider .slider-info-ovelap .custom-cabinat .page-main-title { font-size: 24px; line-height: 28px; }
    .nav-off-canvas .navbar-nav .nav-item:last-child, .nav-off-canvas .navbar-nav .nav-item + .nav-item { margin-top: 0px !important; }
    .header-slider .slider-merge-center .vertical-main-slider { width: calc(100% - 140px); }
}