@media (min-width: 1500px) {}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {}

@media (max-width: 991px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        width: 100%;
        max-width: 100%;
        flex: auto;
    }

    .nav-menu {
        display: none;
    }

    .head-inner .logo a {
        min-width: 130px;
        max-width: 130px;
    }

    .menu-right .btn, .menu-right .link-h {
        display: none;
    }

    .lang-h, .link-h {
        font-size: 16px;
    }

    .item.res-menu {
        display: block;
    }

    .sidebar-btns {
        display: flex;
        gap: 22px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .sidebar-btns .link-h {
        font-size: 16px;
    }

    .text-abnner .text-inner .btn, .btn {
        min-width: 120px;
        font-size: 16px;
        padding: 12px;
    }

    .text-abnner {
        max-width: 100%;
        padding: 90px 30px 30px;
    }

    .banner-h .slick-prev,
    .banner-h .slick-next {
        top: auto;
        bottom: 0;
    }

    .banner-h,
    .banner-h .row {
        height: calc(100vh - 20.026756vh);
    }

    .text-abnner .text-inner {
        max-width: 100%;
    }

    .text-abnner .text-inner h1 {
        font-size: 20px;
        min-height: auto;
    }

    #slider-counter {
        font-size: 20px;
        bottom: 32px;
    }

    #slider-counter .small-item {
        font-size: 24px;
    }

    main.main-content {
        /* height: calc(100vh - 20.026756vh); */
    }

    .footer-bottom {
        text-align: center;
        padding: 20px 0 0;
    }

    .copy-right p {
        font-size: 14px;
    }

    .ryad-logo {
        height: auto;
        float: none;
        display: inline-block;
    }

    .banner-h .row {
        padding-top: 22vh;
    }

    .footer-bottom .row {
        min-height: 20.026756vh;
    }

    .about-tabs .nav.flex-column.nav-pills {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }

    .about-tabs .nav.nav-pills .nav-link {
        display: inline-block;
        font-size: 4vw;
        margin-inline-end: 4vw;
        /* padding-inline-start: 5vw; */
    }

    .about-tabs .nav.nav-pills .nav-link::before {
        right: -3vw;
        min-height: .5vh;
    }

    .about-tabs .nav.nav-pills .nav-link.active {
        padding-inline-start: 5vw;
    }

    .box-about .box-text {
        position: relative;
        max-width: 100% !important;
        padding: 7.465753vh 4vw 4.424658vh !important;
        text-align: center;
    }

    .box-about {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        padding: 6vh 0;
    }

    .box-about .box-img {
        max-width: 100%;
        height: 300px;
        margin: 0 0 5vh;
        min-height: auto;
    }

    .title .sub-title {
        font-size: 5vw;
    }

    .title h3 {
        font-size: 6vw;
    }

    .box-about .box-text p {
        font-size: 4vw;
    }

    .box-about .box-text .list-h ul li {
        text-align: start;
        font-size: 4.5vw;
    }

    .box-about .box-text .list-h ul li::before {
        width: 5vw;
    }

    .title.title-line h3 {
        margin: 0 auto;
        font-size: 6vw;
    }

    .title.title-line.title-span {
        max-width: 100%;
    }

    .box-text .p-line h4 {
        font-size: 4vw;
    }

    .box-about .box-text .list-h.list-num ul li .num {
        font-size: 6.5vw;
    }

    .clients-inner .col-md-3 {
        max-width: 50%;
    }

    .clients-inner .lines-h span.line:nth-child(2),
    .clients-inner .lines-h span.line:nth-child(3) {
        display: none;
    }

    .clients-inner .lines-h span.line {
        width: 50%;
    }

    .client-block .img img {
        max-width: 23vw;
        max-height: 15vh;
    }

    .body-inner {
        padding-top: 15.2932vh;
    }
    
    .title-inner h3 {
        font-size: 5vw;
    }
    
    .box-about.box-manger .text-inner p {
        font-size: 4vw;
    }
    
    .box-about.box-manger .text-inner {
        padding: 0;
    }
    
    .box-about.box-manger .box-text {
        padding: 8.767123vh 4.166666666666667vw 12.054794520547945vh !important;
        max-width: 100% !important;
        display: block;
        mask-position: top center;
        background-size: 100% 49%;
        mask-size: 100% 100%;
        mask: none;
        background: transparent;
        border-radius: 10px;
        overflow: hidden;
    }
    
    .manger-block .name-manger h3, .manger-block.board-block .name-manger h3 {
        font-size: 5vw;
    }
    
    .manger-block .name-manger span {
        font-size: 4vw;
    }

    .page-title h1 {
        font-size: 6vw;
    }
    
    .pro-block .details h3 {
        font-size: 4vw;
    }

    .text-single {
        padding: 0;
        margin: 6vh 0 0;
    }
    
    .text-single .title-single h3 {
        font-size: 5vw;
    }
    
    .text-single p, .text-single ul li {
        font-size: 3vw;
    }

    .order-2 {
        order: 1 !important;
    }

    .single-page .page-title {
        text-align: center;
    }

    .serv-block .details h3 {
        font-size: 4vw;
    }
    
    .serv-block {
        text-align: center;
    }
    
    .serv-block .icon {
        margin: 0 auto 1vh;
    }
    
    .services-page .page-title {
        text-align: center;
    }

    .single-service .imgs-single .img-big {
        min-height: 330px;
        height: 330px;
    }
    
    .btn.btn-full {
        font-size: 5vw;
    }

    .date-h {
        font-size: 3vw;
    }
    
    .blog-block .details h3 {
        font-size: 5vw;
    }

    .info-inner {}

.form-contact.contact-inner form.row {
    max-width: 100%;
    margin-bottom: 4vh;
}

.form-contact .form-group .form-control, .form-contact .form-group .form-control::placeholder {
    font-size: 4vw;
}

.iti--separate-dial-code .iti__selected-dial-code {
    font-size: 4vw;
}

.info-contact .info-inner h2 {
    font-size: 6vw;
}

.info-contact .info-inner ul li .details a {
    font-size: 4vw;
}

.info-contact .s-h span {
    font-size: 4vw;
}

.info-contact .s-h a {
    font-size: 5vw;
    margin-inline-end: 4vw;
}

.career-block .form-contact {
    max-width: 100%;
    margin-bottom: 5vh;
}

.page-title h1, .page-title h2 {
    font-size: 7vw;
}

.career-block .page-title {
    margin: 0 0 4.575342vh;
}

.all-job .accordion-item .accordion-button {
    font-size: 5vw;
}

.all-job .accordion-item .accordion-button::after {
    font-size: 3vw;
}

.all-job .accordion-item .collapse .accordion-body p {
    font-size: 4vw;
}

.manger-page.body-inner {
    /* padding-top: 12px; */
}

.head-inner {
    padding: 2.8767123287671232vh 4.367188vw;
}

.single-blog-inner {
    max-width: 100%;
    padding: 0 2vw;
}

.imgs-single.img-blog {
    max-width: 100%;
}

.contact-page .form-contact form {
    max-width: 100%;
}

.title span {
    background: var(--main-color);
    padding: 3px;
}

.menu-right {top: 0;}

.sidebar-btns .btn {
    width: 100%;
}

li.menu-item-has-children>a::after {
    margin: 0 19px;
    font-size: 20px;
}

.links-pro a, 
ul.nav.nav-tabs .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 12px !important;
    min-height: auto;
}

.counter-h {
    padding: 50px 0;
}

.count-block2 {
    margin: 10px 0;
    padding: 20px;
}

.count-block2 .deatils {
    width: calc(100% - 54px);
}

.count-block2 .deatils h5 {
    font-size: 12px;
    line-height: 22px;
}

.count-block2 .deatils .counter-item {
    font-size: 32px;
    line-height: 48px;
}

.count-block2 .icon {
    width: 54px;
    height: 54px;
    line-height: 54px;
}

.btn:hover {
    color: #fff;
}

}

@media (max-width: 768px) {}

@media (max-width: 767px) {}

@media (max-width: 600px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 480px) {}

@media (max-width: 390px) {}

@media (max-width: 360px) {}