@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 .menu-right .lang {
        display: none;
    }

    .item.res-menu {
        display: block;
        margin-inline-start: 10px;
    }

    .logo img {
        max-width: 101px !important;
    }

    .mobile-nav-toggler .icon.flaticon-menu {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

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

    .banner-h .swiper-slide .row {
        padding: 120px 0 60px;
        flex-direction: column-reverse;
        min-height: auto;
    }

    .home-slider .text-banner h1 {
        font-size: 25px;
        line-height: 44px;
        margin: 0 0 12px;
    }

    .home-slider .text-banner p {
        font-size: 14px;
        line-height: 24px;
    }

    .text-banner .btn {
        margin: 20px 0 0;
    }

    .text-banner .btn img {}

    .img-banner .img {
        width: 300px;
        height: 300px;
    }

    .img-banner {
        margin: 0 0 30px;
    }

    .banner-h .nav-slider {
        margin: 30px 0 50px;
    }

    .services-h {
        padding: 40px 0;
    }

    .title h3,
    .map-text .title h3 {
        font-size: 16px;
        line-height: 26px;
    }

    .title,
    .map-text .title {
        margin: 0 0 20px;
    }

    .serv-block {
        padding: 20px;
    }

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

    .count-block .icon {
        width: 48.75px;
        line-height: 48.75px;
        margin-bottom: -27px;
    }

    .count-block .details .counter-item {
        font-size: 38px;
        line-height: 60px;
    }

    .count-block .details {
        padding: 20px 10px 10px;
    }

    .count-block .details h5 {
        font-size: 15px;
        line-height: 25px;
    }

    .banner-text-h {
        padding: 40px 0;
    }

    .text-banner-inner .text-inner p {
        font-size: 15px;
        line-height: 28px;
    }

    .text-banner-inner::before {
        top: -60%;
        right: 0;
    }

    .text-banner-inner::before,
    .text-banner-inner::after {
        font-size: 100px;
        line-height: normal;
    }

    .text-banner-inner::after {
        bottom: -84%;
        left: 0;
    }

    .map-h {
        padding: 40px 0;
    }

    .map-text p {
        font-size: 16px;
        line-height: 26px;
    }

    .blocks-map-inner {
        margin-top: 15px;
    }

    .blocks-map-inner .block-map h4 {
        font-size: 16px;
        line-height: 28px;
    }

    .blocks-map-inner .block-map .title-block h3 {
        font-size: 26px;
        padding-inline-start: 10px;
    }

    .blocks-map-inner .block-map .title-block .icon {
        width: 22px;
        height: 22px;
        line-height: 22px;
    }

    .blocks-map-inner .block-map .title-block .icon img {
        max-width: 22px;
        max-height: 22px;
    }

    .map-img-wrapper svg {
        width: 100%;
        height: 100%;
    }

    .map-img-wrapper {
        margin: 30px 0 0;
    }

    .news-h {
        padding: 40px 0;
    }

    .gallery-h {
        padding: 40px 0;
    }

    .gallery-h .nav-slider {
        max-width: 90%;
        margin: 30px auto 0;
    }

    .partners-h {
        padding: 40px 0;
    }

    .foot-item.bg {
        max-width: 100%;
    }

    .footer-inner.row {
        padding: 0;
    }

    .footer-inner .foot-item {
        padding: 0;
    }

    .footer-inner .foot-item h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 30px 0 20px;
    }

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

    .ryad-logo {
        float: none !important;
    }


    .btn-head {
        display: none;
    }

    .spcial-h {
        padding: 40px 0;
    }

    .spcial-block {
        border: none;
        padding: 15px 0;
        border-bottom: 1px solid #dcdcdc;
    }

    .mewsletter-inner .form-newsletter form {
        margin: 30px 0 0;
        justify-content: center;
    }

    .text-newsletter {
        text-align: center;
    }

    .foot-item h3 {
        margin: 16px 0;
    }

    .footer-top .col-md-3:nth-child(2),
    .footer-top .col-md-3:nth-child(3) {
        max-width: 50%;
    }

    footer .s-h a {
        margin: 0 12px;
    }

    footer .s-h a::before {
        margin-inline-start: 0;
        width: 21px;
    }

    footer .s-h {
        margin: 30px 0 0;
    }

    .footer-top {
        padding: 40px 0 25px;
    }

    .sections-block {
        height: 300px;
    }

    .sections-block .details h3 {
        font-size: 25px;
        line-height: 35px;
    }

    .search-popup form {
        right: 20px;
        left: 20px;
    }

    .img-breadcrumb {
        height: 150px;
    }

    .text-about {
        padding: 15px;
    }

    .text-about .title {
        margin: 0 0 25px;
    }

    .video-about {
        height: 300px;
        margin: 30px 0;
    }

    .why-choose-h {
        padding: 0 0 50px;
    }

    .about-block {
        border: none;
        border-bottom: 1px solid #dcdcdc;
        padding: 20px 0;
        margin: 0;
    }

    .body-inner {
        padding: 40px 0;
    }
    
    .breadcrumb .text-bread {
        margin-bottom: 0;
    }
    
.woocommerce-checkout .page-content {
    padding: 50px 0;
}

.woocommerce ul.order_details li {
    margin-bottom: 13px;
}

.woocommerce ul.order_details li strong {
    font-size: 12px !important;
    margin: 8px 0 0;
}

.woocommerce ul.order_details {
    margin: 0 0 20px;
}

.woocommerce-order p {
    margin: 0 0 10px;
    font-size: 13px;
}

.woocommerce-order-details__title {
    font-size: 20px;
}

.woocommerce table.shop_table th, .woocommerce table.shop_table td {
    font-size: 12px;
}

section.woocommerce-order-details {
    margin: 0 !important;
}

.woocommerce-account .page-content {
    padding: 40px 0;
}

.xoo-el-form-container ul.xoo-el-tabs li {
    padding: 10px !important;
    font-size: 14px;
    width: 50%;
}

.xoo-el-header {
    padding: 0 !important;
}

.xoo-el-section {
    padding: 0 !important;
}

.xoo-aff-group.onehalf, .xoo-aff-group.onefourth, .xoo-aff-group.onethird, .xoo-aff-group, .xoo-aff-group-twothird {
    width: 100% !important;
}

.xoo-el-form-container button.button.btn.xoo-el-action-btn {
    width: 100% !important;
    margin: 10px 0 0 !important;
}

.xoo-el-form-container {
    padding: 0 !important;
}

.woocommerce div.product .product_title {
    font-size: 22px;
    margin: 0 0 20px;
}

.woocommerce div.product .price {
    margin: 20px 0 10px;
}

.woocommerce-product-details__short-description p {
    font-size: 13px;
    line-height: 23px;
}

.woocommerce-product-details__short-description {
    margin: 0 0 20px;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: 22px;
}

.woocommerce div.product .woocommerce-tabs .panel p, .comment-form-rating {
    font-size: 10px;
    line-height: 20px;
}

section.professional {
    padding: 0 0 40px;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    display: flex;
    flex-direction: column-reverse;
    align-items: start;
    -webkit-align-items: start;
    margin: 0 0 20px !important;
}

.woocommerce-error a, .woocommerce-info a, .woocommerce-message a {
    margin: 10px 0 0 !important;
    font-size: 14px;
}

.woocommerce-cart .page-content {
    padding: 50px 0 20px;
}

.checkout.woocommerce-checkout h3 {
    margin: 20px 0 10px;
    font-size: 18px;
}

.woocommerce form .form-row label {
    font-size: 13px;
}

.woocommerce form .form-row input, .woocommerce form .form-row textarea {
    font-size: 12px;
}

.woocommerce-info {
    display: block;
}

.woocommerce form.checkout_coupon .form-row.form-row-first {
    float: none;
    width: 100%;
}

.woocommerce form.checkout_coupon .form-row.form-row-last {
    width: 100%;
}

.mewsletter-inner .form-newsletter form input {
    width: 100%;
    margin: 0 0 30px;
}

.contact-info {
    padding: 30px 0;
}

.woocommerce-account .addresses .title h3 {
    font-size: 18px;
}

.imgs-small-product-h .img {
    max-width: 40%;
}

span.swiper-notification {}

.woocommerce div.product div.images.woocommerce-product-gallery, .woocommerce-page div.product div.summary {max-width: 100%;flex: 0 0 100%;}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 12px;
    padding-inline-end: 8px !important;
    margin-inline-end: 8px !important;
}

.imgs-in-tabs {
    margin: 30px 0 0;
}

.imgs-in-tabs .imgs img {
    max-width: 60px;
    max-height: 60px;
    margin: 5px 10px 10px;
    padding-inline-start: 0;
}

.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image {
    height: 300px !important;
}


.sections-h .container .row .col-md-3 {
    max-width: 100%;
}


}

@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: 330px) {}