/* ==========================================================================
   Clean Breakpoints (1200px to 320px)
   ========================================================================== */

@media (max-width: 1599px) {
    /* steps-section start */
    .process-icon {
        top: clamp(20px, 2vw, 40px);
        right: clamp(20px, 5vw, 30px);
        margin-right: 0;
        transform: translateX(0);
    }
    .workflow-steps-wrapper {
        margin-left: 0;
    }
    /* steps-section end */
}


/* Large Screens / Desktops */
@media (max-width: 1199px) {
    /* Styles for 1200px and below */
    
    /* contact section start */
    .contact-map-skewed-shape.right-side ,
    .contact-map-skewed-shape {
        left: 0;
        transform: translateX(0%);
        margin-left: 0;
    }

    /* contact section end */
    
    /* data-center-support */
    .benefits-item-wrapper .data-center-support-content,
    .data-center-support.shop-built-assemblies .data-center-suppor-img-wrapper ,
    .data-center-support-content {
        max-width: 450px;
    }

    /* data-center-support */

}

/* Laptops / Tablets Landscape */
@media (max-width: 991px) {
    /* Styles for 992px and below */
    /* prefab-products section start */
    .contact-map-content-wrapper h2 br ,
    .prefab-content-left  h1 br ,
    .process-step-content p br ,
    .contact-map-content-wrapper p br ,
    .prefab-products-card-content p br{
        display: none;
    }
    .prefab-shape-01 {
        top: 30%;
        left: 30%;
        transform: translate(-50%, -50%);
        margin-left: 0;
    }
    .prefab-content-left .heading-text {
        max-width: 100%;
    }
    .prefab-shape-02 {
        top: 45%;
        right: 50px;
        left: auto;
        transform: translateY(-50%);
    }
    .check-mark{
        margin-top:0;
    }
    /* prefab-products section end */
    /* contact section start */
    .contact-map-section .col,
    .contact-map-section .col-auto {
        flex: 0 0 100%;
        width: 100%;
    }
    .data-center-support-inner-content ,
    .benefits-item-img-wrapper, .benefits-item-wrapper .data-center-support-content,
    .data-center-support.shop-built-assemblies .data-center-support-content ,
    .data-center-support.shop-built-assemblies .data-center-suppor-img-wrapper ,
    .data-center-suppor-img-wrapper ,
    .data-center-support-content,
    .contact-form-wrapper ,
    .contact-map-content-wrapper {
        max-width: 100%;
    }
    /* contact section end */
    
    /* steps-section start */
    .process-step-wrapper .col-lg-4:last-child .process-step-number-box::after,
    .process-step-wrapper .col-lg-4:last-child .process-step-number-box::before {
        display: block;
    }
    /* steps-section end */
    
    /* data-center-support */
    .benefits-item-wrapper .col,
    .benefits-item-wrapper .col-auto,
    .data-center-support .col ,
    .data-center-support .col-auto {
        flex: 1 0 100%;
        width: 100%;
    }
    /* data-center-support */
    
    /* workflow section start */
    .workflow-steps-wrapper .col-lg-3:last-child .workflow-steps-card::before{
        display: block;
    }
    .workflow-steps-card::before {
        width: 100%;
        top: 20px;
    }
    .step-number-circle {
        height: 40px;
        width: 40px;
    }
    /* workflow section end */
}

/* Tablets Portrait */
@media (max-width: 767px) {
    /* Styles for 768px and below */
    .prefab-shape-02 {
        display:none;
    }

}

/* Mobile Screens (Large) */
@media (max-width: 576px) {
    /* Styles for 576px and below */
}
/* Mobile Screens (Large) */
@media (max-width: 480px) {
    .sub-title-wrapper::before{
        display:none;
    }
}

/* Mobile Screens (Small) */
@media (max-width: 320px) {
    /* Styles for 320px and below */
}