@charset "UTF-8";
/*-------------------------------------------------------------------------------------------

           _______  _______  ______   _______  _                _______  _______
          (  ____ )(  ___  )(  ___ \ (  ___  )( \              (  ____ \(  ____ \
          | (    )|| (   ) || (   ) )| (   ) || (              | (    \/| (    \/
          | (____)|| |   | || (__/ / | |   | || |              | (_____ | (_____
          |  _____)| |   | ||  __ (  | |   | || |              (_____  )(_____  )
          | (      | |   | || (  \ \ | |   | || |                    ) |      ) |
          | )      | (___) || )___) )| (___) || (____/\        /\____) |/\____) |
          |/       (_______)|/ \___/ (_______)(_______/        \_______)\_______)


                                http://www.pobol.net/

-------------------------------------------------------------------------------------------*/
@media (max-width:991.98px){
    .pc{display:none !important;}
    .heading-1{hyphens:auto;font-size:38px;}
    .heading-2{hyphens:auto;font-size:30px;}
    .heading-3{hyphens:auto;font-size:32px;}
    .heading-4{hyphens:auto;font-size:32px;}
    .heading-5{hyphens:auto;font-size:32px;}
    .header-top{display:flex;justify-content:space-between;align-items:center;}
    .logo{height:70px;}
    .logo a{height:70px;display:flex;align-items:center;justify-content:flex-start;}
    .header-right-box{position:fixed;top:0;left:-100%;width:100%;height:100vh;z-index:9;background-color:#ffffff;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:5px;padding:0 0 50px 0;margin:0 0;opacity:0;visibility:hidden;pointer-events:none;}
    .header-right-box.active{opacity:1;visibility:visible;pointer-events:all;left:0;}
    .mobil-menu-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#efefef;border-radius:3px;color:#343434;cursor:pointer;}
    .mobil-menu-button svg{width:30px;height:30px;}
    .header-right-box.active .mobil-menu-button{}
    .header-right-box.active .mobil-menu-button svg{}
    .menu{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;width:100%;padding-right:0.75rem !important;padding-left:0.75rem !important;}
    .menu ul{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;width:100%;padding-top:15px;gap:5px;border-top:1px solid #e6e6e6;}
    .menu ul li{width:100%;border-bottom:1px solid #e6e6e6;}
    .menu ul li a{display:inline-block;width:100%;padding:10px 5px;}
    .language{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;width:100%;gap:5px;padding-right:0.75rem !important;padding-left:0.75rem !important;}
    .language .language-item{width:100%;border-bottom:1px solid #e6e6e6;}
    .language .language-item a{width:100%;padding:10px 5px;}
    .language .language-item img{}
    .mobile-menu-search{width:100%;padding-right:0.75rem !important;padding-left:0.75rem !important;}
    .mobil-menu-social{margin-top:auto;width:100%;padding-right:0.75rem !important;padding-left:0.75rem !important;}
    .main-banner-area{height:auto;aspect-ratio:5 / 8;position:relative;z-index:2;}
    .main-banner-area:before{content:"";aspect-ratio:8 / 5;padding-top:calc(5 / 8 * 100%);display:block;}
    .main-banner-area .main-banner{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;}
    .section-services-image-1{top:calc(50% + 50px);left:calc(50% - 50px);}
    .section-services-image-2{top:calc(50% - 50px);left:calc(50% + 50px);}
    .section-services-image-1, .section-services-image-2{width:calc(var(--section-services-image-size) * (1.5 / 3));height:calc(var(--section-services-image-size) * (1.5 / 3));}
    footer{padding-bottom:110px;}
    .footer-logo{display:flex;justify-content:center;margin-bottom:50px;align-items:flex-start;}
    .footer-content-menu{display:flex;justify-content:flex-start;flex-wrap:wrap;flex-direction:row;align-items:flex-start;gap:50px;}
    .footer-content-menu ul{width:calc(50% - 25px);row-gap:5px;}
    .footer-bottom-menu ul{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:20px;justify-content: center;}
    .footer-bottom-menu ul li, .footer-bottom-menu ul li a{padding:4px 30px;}
    .contact-form{margin-top:50px;}
    .contact-form-item{flex-direction:column;}
    .contact-form-check{margin-bottom:15px;}
    .cm-pagination a{order:2;}
    .cm-pagination a.first-page{order:1;}
    .cm-pagination a.last-page{order:4;}
    .cm-pagination a.previous-page{order:1;}
    .cm-pagination a.next-page{order:3;}
    .pagination-break{min-width:100%;height:1px;order:5;background-color:#e2e8f0;}
    .cm-pagination a:last-child{border-right:none;}
    .section-services-image{max-width:100%;max-height:none;min-width:100%;}
    .section-services-image > div{max-width:100%;}
    .section-services-image img{max-width:100%;}
    .section-carousel-item-title{font-size:28px;}
    footer .logo{padding:0 0 15px 0;}
    .double-header{flex-wrap:wrap;}
    .blog-image{aspect-ratio:16/9;}
    .blog-image a{aspect-ratio:16/9;}
    .blog-image img{aspect-ratio:16/9;object-fit:cover;}
    .service-section-other-box .blog-image, .service-section-other-box .blog-image a, .service-section-other-box .blog-image img{aspect-ratio:16/9;}
    .our-project{margin-top:30px}
    .cm-ratio-1-1-2{aspect-ratio:1 / 1;}
    .cm-ratio-1-1-2:before{padding-top: calc(1 / 1 * 100%);}
    .customer-reviews .pbl-carousel-item{gap:70px;}
    .customer-reviews .reviews-navigation{margin-left:0;margin-bottom:10px;}
    .customer-reviews .reviews-text{font-size:16px;padding-left:0;}
    .about-projects{padding:10px;}
    .about-projects-category{font-size:16px;}
    .about-projects-number{font-size:24px;padding-left:10px;font-weight:500;}
    .about-projects-type{font-size:24px;padding-left:10px;font-weight:500;}
    .about-projects-link{font-size:14px;}
    .about-projects-link svg{width:10px;height:10px;}
}
@media (min-width:0px){
    :root{--responsive-max-width:540px;}
    .section-carousel-area.right-aligned{margin-left:0;}
    .section-carousel-area.left-aligned{margin-right:0;}
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container{max-width:100%;}
}
@media (min-width:576px){
    :root{--responsive-max-width:540px;}
    .section-carousel-area.right-aligned{margin-left:calc((100% / 2) - (var(--responsive-max-width) / 2));}
    .section-carousel-area.left-aligned{margin-right:calc((100% / 2) - (var(--responsive-max-width) / 2));}
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container{max-width:var(--responsive-max-width);}
}
@media (min-width:768px){
    :root{--responsive-max-width:720px;}
}
@media (min-width:992px){
    :root{--responsive-max-width:960px;}
    .m{display:none !important;}
    .language .language-item img{display:none}
    .pagination-break{display:none;}
    .category-select{max-width:500px;}
}
@media (min-width:1200px){
    :root{--responsive-max-width:1140px;}
}
@media (min-width:1400px){
    :root{--responsive-max-width:1320px;}
}