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

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

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

@media (max-width: 991px) {
    .header-mid .col-md-6.col-xs-12 {
        padding: 0;
    }

    ul.nav.navbar-nav {
        background: transparent;
    }

    .navbar-inverse .navbar-nav li a {
        font-size: 13px;
    }

    .offers-special::before,
    .offers-special::after {
        display: none;
    }

    .block-banner-more .img-block img {
        object-fit: contain;
    }

    .block-banner-more {
        margin: 15px 0;
    }

    .more-banners .col-md-3.col-xs-12 {
        width: 50%;
    }

    footer .col-md-4.col-sm-6.col-xs-12 {
        width: 100%;
    }

    footer .links {
        margin: 0 0 30px;
        float: right;
        width: 100%;
    }

    .social-f {
        text-align: start;
        margin-top: 20px;
    }

    .footer-mid {
        text-align: center;
    }

    .ryad-logo {
        float: none;
        margin-top: -30px;
    }

    .section-block {
        margin: 15px 0;
    }

    .about-g::before, .team-g.body-inner::before, .products-g.body-inner::before, .contact-g.body-inner::after {
        width: 110px;
        height: 250px;
        left: -50px;
    }

    .about-g::after {
        width: 80px;
        height: 400px;
    }

    .block-video {
        margin-top: 50px;
    }

    .services-g::after {
        width: 70px;
        height: 270px;
    }

    .products-g::after {
        width: 145px;
        height: 200px;
    }

    .team-g::after {
        width: 80px;
        height: 300px;
    }

    .contact-g::after {
        width: 120px;
        height: 400px;
    }

    .form-cont {
        width: 80%;
    }

    .text-inner {
        margin-bottom: 30px;
    }

    .footer-top {
        padding: 50px 0;
    }

    .logo-f {
        margin-bottom: 30px;
    }

    .footer-top p {
        margin: 30px 0;
    }

    .footer-top h3 {
        margin: 30px 0;
    }

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

    .footer-top .col-md-3.col-xs-12,
    .footer-top .col-md-2.col-xs-12,
    .footer-top .col-md-3.col-xs-12:nth-child(5),
    .footer-top .col-md-2.col-sm-6.col-xs-12 {
        padding: 0 15px;
    }

    .logo-f img {
        width: auto;
    }
    
    .about-g .margin-top h3 {
        margin: 20px 0;
    }
    
    .about-g.body-inner .margin-top {
        margin-top: 50px;
    }
    
    .about-g.body-inner .margin-top:nth-child(3) {
        margin-top: 20px;
    }
    
    .body-inner .container {
        padding-bottom: 50px;
    }

    .contact-details-f {
        margin-top: 30px;
    }
    
    .contact-details-f ul li i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    
    .contact-details-f ul li span {
        font-size: 16px;
        width: calc(100% - 40px);
    }
    
    .contact-details-f ul li {
        margin: 10px 0;
    }
    
    .map-g.map-inner .contact-details-f.map-inner {width: 90%;margin-bottom: 50px;/* padding: 20px; */overflow: auto;height: auto;float: none;margin: 50px auto;}

    .map-g.map-inner .container {
        position: relative;
    }
    
    .map-pin {
        height: 400px;
    }
    
    .map-g.map-inner .contact-details-f.map-inner ul li span {
        width: calc(100% - 60px);
    }


.form-news form input.btn-form {
    padding: 0 20px;
}
}

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

@media (max-width: 767px) {
    .header-mid .btn-more-menu {
        display: block;
    }

    .header-mid .btn-more-menu .open-sidebar {
        background: #fff300;
        float: left;
        margin-left: 0;
    }

    .search {
        display: none;
    }

    .navbar.navbar-inverse {
        /* display: none; */
    }

    .header-mid .col-md-3.col-xs-12 {
        display: none;
    }

    .top-slider .slider-img {
        height: 350px;
    }

    .section-block .block-inner .img-block img {
        object-fit: contain;
    }

    .section-block {
        text-align: center;
    }

    .footer-mid p {
        font-size: 13px;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .social-f li a {
        font-size: 20px;
    }

    .logo img {
        width: 200px;
        max-width: 200px;
    }

    .offers-ph .container {
        width: 94%;
    }

    .container {
        width: 100%;
    }

    header .col-sm-4.col-xs-12:nth-child(1),
    header .col-sm-4.col-xs-12:nth-child(3) {
        display: none;
    }

    ul.nav.navbar-nav {
        display: none;
    }

    .resb-header {
        display: block;
    }

    .slider-inner .slider-text {
        width: 90%;
    }

    .slider-inner {
        height: 531px;
    }

    .socisl-s {
        display: none;
    }

    .footer-top .location-m li {
        width: auto;
        margin-left: 28px;
        text-align: center;
    }

}

@media (max-width: 650) {}

@media (max-width: 550px) {
    .header-top {
        display: none;
    }

    .respon-menu {
        display: block;
        height: 60px;
    }

    .banners-ph {
        display: none;
    }

    .top-slider .slider-img {
        height: 270px;
    }

    .more-banners .col-md-3.col-xs-12 {
        width: 100%;
    }

    footer {
        /* padding-bottom: 60px; */
    }
}

@media (max-width: 480px) {
    .title h3 {
        font-size: 20px;
        padding-bottom: 5px;
    }

    .title .see-more {
        font-size: 13px;
    }

    .news-products .col-sm-6.col-xs-6:nth-child(2),
    .old-products .col-sm-6.col-xs-6:nth-child(2),
    .choose-products .col-sm-6.col-xs-6:nth-child(2) {
        width: 40%;
    }

    .news-products .col-sm-6.col-xs-6,
    .old-products .col-sm-6.col-xs-6,
    .choose-products .col-sm-6.col-xs-6 {
        width: 60%;
    }

    .sections-all .col-md-3.col-sm-6.col-xs-12 {
        padding: 0;
    }

    .more-banners .col-md-3.col-xs-12 {
        padding: 0;
    }

    .sidebar {
        width: 250px;
    }

    .sidebar .side-nav ul li a {
        font-size: 15px;
        padding: 8px 25px;
    }

    .sidebar .side-social ul li a {
        margin: 5px 10px;
    }

    .sidebar .side-nav {
        margin-top: 5px;
    }

    .sidebar .side-logo {
        padding: 20px;
        text-align: center;
    }

    .slider-inner {
        height: 450px;
    }

    .slider-inner .slider-text .sub-title {
        font-size: 11px;
        line-height: 30px;
        padding: 0 30px;
    }

    .slider-inner .slider-text h3 {
        font-size: 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .slider-inner .slider-text p {
        font-size: 14px;
        max-height: 60px;
    }

    .btn {
        line-height: 45px;
        font-size: 16px;
    }

    .about-g .container {
        padding-top: 50px;
        padding-bottom: 10px;
    }

    .about-g h3 {
        font-size: 30px;
    }

    .about-g p {
        font-size: 14px;
        line-height: 30px;
        margin: 30px 0;
    }

    .block-about .counter {
        font-size: 30px;
    }

    .block-about h4 {
        font-size: 14px;
    }

    .block-video {
        height: 330px;
    }

    .title {
        margin-bottom: 30px;
    }

    .block-serv .icon {
        width: 100px;
        height: 100px;
    }

    .block-serv .icon img {
        max-height: 75px;
    }

    .block-serv .details h3 {
        font-size: 18px;
    }

    .block-serv .details p {
        font-size: 12px;
        width: 90%;
        margin: 20px auto;
    }

    .block-serv .details .btn.btn-serv {
        line-height: 38px;
        padding: 0 40px;
    }

    .btn.btn-pro {
        line-height: 45px;
        padding: 0 40px;
        font-size: 14px;
    }

    .team-g .container {
        padding-top: 10px;
    }

    .btn {
        font-size: 14px;
        padding: 0 40px;
    }

    .team-g .btn {
        margin: 30px auto;
    }

    .img-down {
        height: 295px;
    }

    .down-g .container::before {
        width: 200px;
        height: 150px;
        right: 30px;
        top: -20px;
    }

    .text-down h2 {
        margin: 30px 0 10px;
        font-size: 20px;
        line-height: 30px;
    }

    .contact-g::after {
        width: 50px;
        height: 280px;
    }

    .form-cont {
        width: 100%;
    }

    .title-two h3 {
        font-size: 25px;
    }

    .form-group .form-control {
        height: 54px;
        font-size: 14px;
        padding: 0 50px;
    }

    .form-group .form-control + i {
        margin: 18px;
    }

    .form-group textarea.form-control {
        padding: 20px 50px;
    }

    .news-letter .col-md-5.col-xs-8,
    .news-letter .col-md-3.col-xs-4 {
        width: 100%;
    }

    .social-news {
        margin-top: 30px;
    }

    .down-g::before,
    .down-g::after {
        width: 250px;
        height: 250px;
    }

    .down-g::before {
        width: 255px;
        height: 247px;
    }

    .contact-g .container {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    
    .about-g .margin-top h3 {
        margin: 20px 0;
    }
    
    .about-g.body-inner .margin-top {
        margin-top: 50px;
    }
    
    .about-g.body-inner .margin-top:nth-child(3) {
        margin-top: 20px;
    }
    
    .body-inner .container {
        padding-bottom: 50px;
    }
    
    .map-g.map-inner .contact-details-f.map-inner {
        width: 100%;
        padding: 30px 20px;
    }
    
    .map-g.map-inner .contact-details-f.map-inner ul li i {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    
    .map-g.map-inner .contact-details-f.map-inner ul li span {
        width: calc(100% - 40px);
        font-size: 14px;
        line-height: 22px;
    }
    
    .map-pin {
        height: 300px;
    }

}

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