/* DOM Breakpoint: 1200px */
@media screen and (max-width: 1135px) {
    .site-statistics-main>* {
        flex-direction: column;
    }

    .our-difference-items {
        left: 0px;
    }

    .our-difference-text h2 {
        width: 320px;
    }
}

/* DOM Breakpoint: 992px */
@media screen and (max-width: 992px) {
    .site-statistics-main {
        grid-template-columns: repeat(2, 50%);
        row-gap: 20px;
    }

    .site-statistics-main span:first-child {
        font-size: 20px;
    }

    .site-statistics-main span:last-child {
        font-size: 16px;
    }

    .duration-of-all-courses {
        border: 0px;
    }

    .our-difference::before {
        width: 100%;
    }

    .our-difference-text>* {
        width: 100% !important;
    }

    .our-difference-text p {
        margin-top: 0px;
    }

    .our-difference-main-container {
        flex-direction: column;
    }

    .our-difference-items {
        margin-top: 30px;
        grid-template-columns: repeat(2, 50%);
        columns: 20px;
        row-gap: 20px;
        width: calc(100% - 25px);
    }
}

/* DOM Breakpoint: 768px */
@media screen and (max-width: 768px) {
    .our-difference {
        padding: 50px 0px;
    }

    .site-statistics-main span:last-child {
        font-size: 14px;
    }
    
    .item-box {
        padding: 22px 20px;
    }
}

/* DOM Breakpoint: 576px */
@media screen and (max-width: 576px) {
    .our-story p {
        width: 100%;
    }
    
    .our-difference {
        padding: 30px 0px;
    }

    .site-statistics-main {
        grid-template-columns: 100%;
    }

    .site-statistics-main >* {
        border: 0px !important;
    }
    
    .our-difference-items {
        grid-template-columns: 100%;
        width: 100%;
    }
}