/* Section Breakpoints */
 @media (min-width: 1600px) and (max-width: 1800px) {
    .service-slider-active .slick-list.draggable {
        margin-right: -150px;
    }
    .cta-medile-bg img {
        height: auto;
    }
 }

 @media (min-width: 1200px) and (max-width: 1600px) {
    .hero-banner-product-thumb img {
        right: 40px;
    }
    .about-right-thumb img {
        height: 50.5vw;
    }
    .capabilities-buttom {
        margin-top: -110px;
    }
    .service-slider-active .slick-list.draggable {
        margin-right: 0px;
    }
    .cta-medile-bg img {
        height: auto;
    }
 }
 @media (min-width: 992px) and (max-width: 1200px) {
    .header_right_btn {
        margin-left: 30px;
    }
    .header__area-menubar ul li a {
        font-size: 16px;
    }
    .header__area-menubar ul li {
        margin-right: 15px;
    }
    .hero-banner-product-thumb img {
        right: 0;
        width: 60vw;
    }
    .hero-banner-content h1 {
        font-size: 46px;
        line-height: 60px;
        margin-bottom: 40px;
    }
    .hero-banner {
        padding: 210px 0px 75px 0px;
    }
    .about-right-thumb img {
        height: auto;
    }
    .about-section-wrap {
        padding: 90px 0px 90px 0px;
    }
    .about-content-box {
        padding: 30px;
    }
    .about-content-box p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .capabilities-buttom {
        margin-top: 0px;
    }
    .row.capabilities-buttom.align-items-end {
        align-items: start !important;
    }
    .service-slider-active .slick-list.draggable {
        margin-right: 0px;
    }
    .service-slider-wrap {
        padding: 70px 0px 80px 0px;
    }
    .cta-medile-bg img {
        height: auto;
    }
    .footer-section-wrap {
        padding: 10px 0px 70px 0px;
    }
 }

 @media (min-width: 768px) and (max-width: 991px) {
    .hero-banner-content h1 {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 20px;
    }
    .hero-banner {
        padding: 180px 0px 75px 0px;
    }
    .hero-banner-product-thumb img {
        right: 0;
        width: 60vw;
    }
    .header_logo a img {
        max-width: 135px;
    }
    .about-right-thumb img {
        height: auto;
    }
    .about-right-thumb {
        padding-left: 0;
        padding-top: 40px;
    }
    .about-section-wrap {
        padding: 90px 0px 90px 0px;
    }
    .about-content-box {
        padding: 30px;
    }
    .about-content-box p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .capabilities-buttom {
        margin-top: 25px;
    }
    .row.capabilities-buttom.align-items-end {
        align-items: start !important;
    }
    .capabilities-left {
        padding-right: 20px;
    }
    .row.capabilities-buttom.align-items-end {
        align-items: start !important;
    }
    .service-slider-active .slick-list.draggable {
        margin-right: 0px;
    }
    .service-slider-wrap {
        padding: 70px 0px 80px 0px;
    }
    .design-process-section-wrap {
        padding: 90px 0px 85px 0px;
    }
    .design-process-section-wrap {
        padding: 90px 0px 85px 0px;
    }
    .design-process-box.process-second-box {
        padding: 25px 10px 25px 20px;
    }
    .design-process-box {
        padding: 25px 20px 25px 15px;
    }
    .design-process-box.process-second-box {
        padding: 25px 10px 25px 20px;
    }
    .design-process-box.process-third-box {
        padding: 25px 10px 25px 15px;
    }
    .sustainability-item-box {
        margin-bottom: 30px;
    }
    .client-section-wrap {
        padding: 80px 0px 90px 0px;
    }
    .cta-medile-bg img {
        height: auto;
        width: 100%;
    }
    .cta-bg-thumb-content {
        margin-bottom: 35px;
    }
    .footer-section-wrap {
        padding: 10px 0px 70px 0px;
    }
    .footer-nav .collapse:not(.show) {
        display: block !important;
    }
    .col-lg-2.col-md-6.table-space {
        margin-bottom: 35px;
    }



 }

 @media (max-width: 767px) {
    .hero-banner {
        padding: 130px 0px 65px 0px;
    }
    .hero-banner-product-thumb img {
        position: static;
        width: auto !important;
    }
    .header_logo a img {
        max-width: 120px;
    }
    .hero-banner-content h1 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 30px;
    }
    .hero-btn a {
        padding: 14px 20px 14px 25px;
        font-size: 16px;
        transition: 0.3s;
    }
    .row.hero-reverse {
        flex-direction: column-reverse;
    }
    .hero-banner-product-thumb {
        transform: translateX(-30px);
        margin-bottom: 30px;
    }
    .about-section-wrap {
        padding: 65px 0px 75px 0px;
    }
    .about-right-thumb img {
        height: auto;
    }
    .about-right-thumb {
        padding-left: 0px;
        padding-top: 30px;
    }
    .about-content-box p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .about-content-box {
        padding: 20px;
        margin-top: 30px;
    }
    .section-content p {
        font-size: 16px;
        line-height: 28px;
    }
    .section-title h2 {
        font-size: 33px;
        line-height: 43px;
        margin-bottom: 15px;
    }
    .about-us-btn a {
        padding: 13px 25px 13px 25px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        margin-top: 15px;
    }
    .capabilities-buttom {
        margin-top: 25px;
    }
    .row.capabilities-buttom.align-items-end {
        align-items: start !important;
    }
    .capabilities-left {
        padding-right: 0px;
    }
    .capabilities-bg {
        padding: 30px 10px 45px 10px;
    }
    .capabilities-left img {
        margin-bottom: 30px;
    }
    .capabilities-right-box p {
        font-size: 16px;
        line-height: 28px;
    }
    .capabilities-section-wrap {
        padding-bottom: 75px;
    }
    .capabilities-buttom {
        padding-right: 0;
    }
    .service-slider-active .slick-list.draggable {
        margin-right: 0px;
    }
    .service-slider-wrap {
        padding: 70px 0px 80px 0px;
    }
    .service-slider-content h2 {
        font-size: 33px;
        line-height: 43px;
        margin-bottom: 10px;
    }
    .service-slider-pagination-wrap {
        justify-content: start !important;
        margin-bottom: 40px;
    }
    .service-slider-content {
        margin-bottom: 25px;
    }
    .slick-initialized .slick-slide {
        margin: 0 0px 0 0;
    }
    .capabilities-buttom-thumb.text-end {
        margin-top: 50px;
    }
    .design-process-section-wrap {
        padding: 65px 0px 70px 0px;
    }
    .design-process-box.process-second-box {
        padding: 25px 10px 25px 20px;
    }
    .design-process-box {
        padding: 25px 20px 25px 15px;
    }
    .design-process-box.process-second-box {
        padding: 25px 10px 25px 20px;
    }
    .design-process-box.process-third-box {
        padding: 25px 10px 25px 15px;
    }
    .design-process-list-wrap {
        padding-right: 0;
    }
    .design-process-list-wrap::after {
        display: none;
    }
    .design-process-box {
        gap: 15px;
    }
    .design-process-thumb img {
        height: auto;
    }
    .design-process-right {
        padding-left: 0px;
    }
    .sustainability-item-box {
        margin-bottom: 30px;
    }
    .our-parthner-section {
        padding: 50px 0px 435px 0px;
    }
    .sustainability-bg {
        padding: 30px 10px 30px 15px;
    }
    .sustainability-button a {
        font-size: 16px;
        margin-top: 10px;
    }
    .sustainability-top-left-content h3 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 15px;
    }
    .sustainability-item-box {
        padding: 35px 20px 45px 25px;
    }
    .client-section-wrap {
        padding: 70px 0px 70px 0px;
    }
    .client-item-bg {
        margin-bottom: 30px;
    }
    .cta-medile-bg img {
        height: auto;
        width: 100%;
        margin-bottom: 30px;
    }
    .cta-bg-thumb-content {
        padding: 40px 15px 40px 20px;
        margin-bottom: 35px;
    }
    .cta-bg-thumb-content h3 {
        font-size: 28px;
        margin-bottom: 15px;
        line-height: 38px;
    }
    .cta-bg-thumb-content p {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 15px;
    }
    .client-button-btn a {
        font-size: 16px;
        margin-top: 8px;
    }
    .cta-counter-item h3 {
        font-size: 50px;
    }
    .cta-counter-item p {
        font-size: 18px;
        line-height: 26px;
        margin-top: 10px;
    }
    .cta-counter-item {
        padding-bottom: 40px;
    }
    .cta-section-wrap {
        padding-bottom: 30px;
    }
    .footer-nav .collapse:not(.show) {
        display: block !important;
    }
    .footer-social {
        margin-bottom: 35px;
    }
    .footer-widget-title h3 {
        margin-bottom: 20px;
    }
    .pl-50 {
        padding-left: 0;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .footer-nav ul.navbar-nav {
        padding-left: 0;
    }
    .footer-logo a img {
        margin-bottom: 40px;
        max-width: 150px;
    }
    .footer-section-wrap {
        padding: 10px 0px 70px 0px;
    }
    .copy-right-content p {
        font-size: 16px;
    }
    .contact-us-section-wrap {
        padding-bottom: 60px;
    }
    .row.form-bg {
        padding: 30px 10px 30px 10px;
    }
    .hero-banner {
        height: 45vh;
    }



 }