@media screen and (max-width:1300px) {
    * .title .effect {
        width: 35% !important;
        height: 5px !important;
    }

    /* header #navbarSupportedContent {
        display: none !important;
    } */

    header .responsiveBtns {
        display: flex;
    }

    .work-steps::after,
    .work-steps::before {
        display: none;
    }
}

@media screen and (max-width:991px) {
    * .title .effect {
        width: 30% !important;
    }

    .header-section {
        top: 59px;
    }

    section .fp-overflow,
    footer .fp-overflow {
        padding: 70px 0;
    }

    .exhibitions-page.section .fp-overflow,
    .articles-page.section .fp-overflow {
        padding: 20px 0 !important;
    }

    .intro .sections {
        top: 59px;
    }

    .companies-slider .owl-dots {
        left: -30px;
    }

    .blogs .content {
        overflow-x: hidden;
    }

    #back-to-top {
        right: calc(100% - 70px);
        bottom: 30px;
    }
}

@media screen and (max-width:768px) {
    * .title .effect {
        display: none;
    }

    .certificate .title .effect::after {
        top: 1px;
        right: 2px;
        bottom: 1px;
    }

    .counter {
        border-radius: 3rem;
    }

    .intro .item .background img {
        aspect-ratio: 4/2;
    }

    .intro .item .details .text {
        margin: 0 50px;
    }
}

@media screen and (max-width:576px) {
    .intro .item .background img {
        aspect-ratio: 4/3;
    }

    .intro .item .details .text {
        margin: 0 40px;
    }

    .articles-page .list .image .details .website {
        display: none;
    }

    .companies .content .companies-slider .slick-slide.slick-current::after {
        bottom: -15px;
    }
}

@media screen and (max-width:400px) {
    .intro .item .background img {
        aspect-ratio: 4/4;
    }

    .intro .item .details .text {
        margin: 0 30px;
    }

    .articles-page .list .image .details .website {
        display: none;
    }
}