@media (min-width:1400px) {
    .category-box {
        flex: 0 0 19%;
    }

}


@media (min-width:1200px) and (max-width:1400px) {
    .category-box {
        flex: 0 0 24%;
    }
}


@media (min-width:992px) and (max-width:1200px) {
    .category-box {
        flex: 0 0 30%;
    }

    .calender-box__info-list li {
        font-size: 12px !important;
    }

    .calender-box__price {
        font-size: 24px !important;
    }


    .calender-box__card-title a {
        font-size: 15px !important;
    }

    .calender-box__time-label {
        font-size: 12px;
    }
}


@media (min-width:768px) and (max-width:992px) {
    .category-box {
        flex: 0 0 48%;
    }
}

@media (min-width:576px) and (max-width:768px) {
    .category-box {
        flex: 0 0 45%;
    }

    .about-us-page-box {
        text-align: center;
    }
}

@media (max-width:576px) {

    .shape-12-about {
        top: 300px !important;
        right: -62px !important;
        width: 150px !important;
        height: 150px !important;
    }


    .shape-13-about {
        top: 350px !important;
        left: -62px !important;
        width: 150px !important;
        height: 150px !important;
    }

    .about-us-page-box__number {
        font-size: 50px !important;
    }

    .about-us-page-box__icon {
        right: -10px !important;
    }

    .about-us-page-box {
        text-align: center;
    }

    .category-box {
        flex: 0 0 99%;
    }

    .top-menu>li>a>span {
        display: none;
    }

    .header-logo a svg {
        width: 80px;
    }


    .intro-slider-item img {
        height: 300px !important;
    }

    #top-header .top-header-text {
        font-size: 21px !important;
    }


    .header-wrapper .start-btn {
        width: 48px;
        height: 46px;
        padding: 10px;
        display: block;
        text-align: center;
    }

    .intro-title {
        font-size: 24px !important;
        line-height: 42px !important;
    }

    .intro-text {
        line-height: 30px !important;
        font-size: 14px !important;
        font-weight: 250 !important;
    }

    .search-box-wrapper {
        border-radius: 30px !important;
        padding: 35px 15px !important;
    }

    .search-box-wrapper input {
        width: 100%;
        margin: 20px 0 0 0 !important;
    }

    .search-box-wrapper .input-wrapper {
        width: 100% !important;
    }

    .input-wrapper .close-btn {
        top: 19px !important;
        right: 5px !important;
    }

    .search-box-wrapper .input-wrapper .search-btn {
        left: 0 !important;
        top: 19px !important;
    }

    .search-box-wrapper span {
        font-size: 16px;
        font-weight: 300;
        margin-right: 0 !important;
    }

    #intro .shapes .shape-2 {
        left: 0;
        right: unset !important;
    }

    .phone-nums {
        padding: 0;
    }

    .search-box-wrapper span {
        font-size: 16px !important;
        font-weight: 300;
    }

    .search-results-wrapper {
        padding-right: 0 !important;
        margin-left: 0 !important;
    }

    #categories .shapes .shape-1 {
        top: -90px !important;
        left: 25% !important;
    }

    #categories .title-section {
        font-size: 24px !important;
        margin-bottom: 30px !important;
        font-weight: 800;
    }

    #categories {
        padding-bottom: 170px !important;
    }

    #categories .shapes .shape-2 {
        width: 170px !important;
        height: 170px !important;
        bottom: 50px !important;
        left: 15% !important;
    }

    #about-us .shapes img {
        width: 140px !important;
        height: 140px !important;
        right: -100px !important;
        filter: blur(4px) !important;
        top: 80px !important;
        opacity: .6;
    }


    #about-us {
        padding-bottom: 100px !important;
    }


    #about-us .shape-bottom {
        top: 280px;
        z-index: -1;
        width: 85px;
        height: 123px;
        left: 35px;
    }

    #top-header {
        padding-top: 70px !important;
    }
}



@media (min-width:992px) {

    .top-menu>li>a>i {
        display: none;
    }

}


@media (max-width:992px) {

    .header-wrapper .start-btn i {
        padding-top: 3px;
    }

    .right-bottom-bar {
        justify-content: center !important;
    }

    .calenders-wrapper__tab-btns #home-tab::before {
        display: none;
    }

    .calenders-wrapper__btn {
        font-size: 25px !important;
    }

    .calenders-wrapper__tab-btns #profile-tab::before {
        display: none;
    }

    .calender-box__time-label {
        font-size: 12px;
    }

    .calender-box__card-title a {
        font-size: 14px !important;
    }

    .calender-box__info-list li {
        font-size: 11px !important;
    }

    .calender-box__price {
        font-size: 20px !important;
    }

    /* .calender-box__progress {
        width: 100px;
        height: 100px;
    } */
    .calender-box__progress-text {
        right: 0 !important;
    }

    .calender-box__toman {
        font-size: 10px !important;
    }

    .calender-box__card-img {
        width: 100% !important;
        display: block;
        margin: auto;
        height: 130px !important;
    }

    .calender-box__video-icon {
        right: 0 !important;
        left: 0;
        margin: auto;
        bottom: 33% !important;
    }

    .article-stiky-sidebar-headlines {
        position: static !important;
    }

    .article-stiky-sidebar-categories {
        position: static !important;
    }

    .category-box {
        flex: 0 0 99%;
    }

    .top-menu>li>a>span {
        display: none;
    }

    .header-logo a svg {
        width: 80px;
    }

    .header-wrapper .start-btn span {
        display: none;
    }

    .header-wrapper .start-btn span {
        display: none;
    }


    .header-wrapper .start-btn {
        width: 48px;
        height: 46px;
        padding: 10px;
        display: block;
        text-align: center;
    }

    .intro-title {
        font-size: 24px !important;
        line-height: 42px !important;
    }

    .intro-text {
        line-height: 30px !important;
        font-size: 14px !important;
        font-weight: 250 !important;
    }

    .search-box-wrapper {
        border-radius: 30px !important;
        padding: 35px 15px !important;
    }

    .search-box-wrapper input {
        width: 100%;
        margin: 20px 0 0 0 !important;
    }

    .search-box-wrapper .input-wrapper {
        width: 100% !important;
    }

    .input-wrapper .close-btn {
        top: 19px !important;
        right: 5px !important;
    }

    .search-box-wrapper .input-wrapper .search-btn {
        left: 0 !important;
        top: 19px !important;
    }

    .search-box-wrapper span {
        font-size: 16px;
        font-weight: 300;
        margin-right: 0 !important;
    }

    #intro .shapes .shape-2 {
        left: 0;
        right: unset !important;
    }

    .phone-nums {
        padding: 0;
    }

    .search-box-wrapper span {
        font-size: 16px !important;
        font-weight: 300;
    }

    .search-results-wrapper {
        padding-right: 0 !important;
        margin-left: 0 !important;
    }

    #categories .shapes .shape-1 {
        top: -90px !important;
        left: 25% !important;
    }

    #categories .title-section {
        font-size: 24px !important;
        margin-bottom: 30px !important;
        font-weight: 800;
    }

    #categories {
        padding-bottom: 170px !important;
    }

    #categories .shapes .shape-2 {
        width: 170px !important;
        height: 170px !important;
        bottom: 50px !important;
        left: 15% !important;
    }

    #about-us .shapes img {
        width: 140px !important;
        height: 140px !important;
        right: -100px !important;
        filter: blur(4px) !important;
        top: 80px !important;
        opacity: .6;
    }


    #about-us {
        padding-bottom: 100px !important;
    }


    #about-us .shape-bottom {
        top: 280px;
        z-index: -1;
        width: 85px;
        height: 123px;
        left: 35px;
    }
}


@media (min-width:992px) and (max-width:1400px) {
    .about-us-page-box__number {
        font-size: 50px !important;
    }

    .about-us-page-box__number-text {
        font-size: 20px !important;
    }
}