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

@media (max-width:991px) {
    .mynav .navbar .lang {
        opacity: 1;
    }
    .navbar {
        /*padding: 10px 0 12px;*/
        padding: 0 0 13px 0;
    }
    .mynav .navbar .lang.lang22 {
        display: block;
    }
    .top-search {
        margin: 10px 0 0;
        top: 0;
    }
    .top-search .form-group {
        margin: 0;
    }
    .top-logo{
        text-align: center;
        display: flex;
        justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
    }
    .home-slider .item {
        margin: 0;
    }
section.contact-us,.single-information .title h5{
    /*margin-top:40px;*/
    position: relative;
    z-index: 99;
}
    .left-tobheader .header-sochial,
    .left-tobheader .lang {
        display: none;
    }

    .left-header {
        display: none;
    }

    .navbar-brand {
        /* margin-right: 0; */
        /* margin-left: 22px; */
        margin: 0;
    }

    .dropdown-menu {
        transform: translateY(0);
    }

    .nav-item:hover .dropdown-toggle::before {
        transform: none;
    }

    .nav-item {
        margin-bottom: 10px;
    }

   .sidebar .nav-item .dropdown-menu {
        height: 0 !important;
        opacity: 0 !important;
        margin: 0 !important;
        width: 100%;
        right: 0 !important;
        left: 0 !important;
        transform: none !important;
    }

    .dropdown-menu.show {
        position: relative !important;
    }

    .sidebar .side-content ul li.show .dropdown-menu {
        height: auto !important;
        visibility: visible;
        opacity: 1 !important;
    }

    .video-box .video-info {
        position: relative;
        top: unset;
        right: unset;
        padding: 20px;
        margin-bottom: 30px;
    }
  
    section.home-video .col-lg-6 {
        padding: 0 15px;
    }

    .about-bc-con {
        width: 100%;

    }
    .article-info .item-data p {
        font-size: 19px;
        line-height: 25px;
    }
    .slick-slide {
        min-height: auto;
    }
.top-so-lang {
    margin-top: 0;
}

}



@media (max-width:768px) {
    .slider-banner-image img {
        width: 100%;
        height: 300px;
        margin-bottom: 8px;
    }
    .article-info .item-data {
    display: block;
    }
    section.news{
        margin-top:0px;
    }
.breadcrumb-section::after {
    height: 97px;
}

    .slider-home .owl-item img,
    .slider-home {
        height: 350px;
    }
    .home-slider {
        height: 350px;
    }
    .home-slider::after {
        height: 90px;
    }


    .home-slider .carousel-info h2 {
        font-size: 24px;
    }

    .home-slider .carousel-info {
        width: 80%;
    }

    .home-slider .owl-theme .owl-nav .owl-prev {
        left: 5px;
    }

    .home-slider .owl-theme .owl-nav .owl-next {
        right: 5px;
    }
    .slider-home.owl-theme .owl-nav [class*=owl-], .about-slider.owl-theme .owl-nav [class*=owl-] {
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-size: 15px;
    }
    .card-slider .item-img img {
        height: 240px;
    }
    .h-sections .card-slider .item .item-data {
        margin-bottom: 25px;
    }
    section.home-video::after {
        height: 97px;
    }

    section.home-video::before,
    section.footer::before {
        top: -141px;
    }

    section.home-video,
    section.footer {
        background-color: #F6F6F6;
        padding: 35px 0 10px;
    }

    .sidebar {
        width: 320px;
    }

    .copy-right,
    .comp-rights {
        text-align: center;
    }

    .ryad-logo {
        float: none;
    }

    .footer-mail .read-more {
        margin-top: 20px;
    }

    section.about h2 {
        color: var(--main-color);
        font-size: 29px;
        margin: 10px 0 10px;
    }

    section {
        margin: 0px 0;
        padding: 40px 0;
    }

    .card-slider.owl-theme .owl-nav .owl-prev,
    .sponser-slider.owl-theme .owl-nav .owl-prev {
        left: 0;
    }

    .card-slider.owl-theme .owl-nav .owl-next,
    .sponser-slider.owl-theme .owl-nav .owl-next {
        right: 0;
    }

    .right-tobheader {
        display: none;
    }

    .left-tobheader {
        justify-content: space-between;
    }

    section.advantage {
        margin-top: 35px;
    }

    .user-info .rent-info {

        margin: 30px auto;
        width: 100%;
    }

    .pop-content {
        width: 95%;
        margin: 40px auto;
    }

    .website-map ul li {
        float: none;
        width: 100%;
    }

    .footer h4 {
        margin-bottom: 18px;
    }

    .about-slid {
        width: 300px;
        margin: 20px auto 10px;
    }

    .footer .footer-links ul li {
        width: 100%;
        float: none;
    }

    .title {
        margin-bottom: 15px;
    }

    .breadcrumb-video .text {
        font-size: 21px;
        bottom: 80px;
        width: 80%;
        margin: auto;
        text-align: center;
    }

    .breadcrumb-video {
        height: 239px;
    }

    .welcome-msg {
        padding: 15px 20px;
        width: 95%;
        margin-bottom: 35px;
    }

    .about-text {
        width: 94%;
        text-align: center;
        margin: 10px auto 15px;
    }

    section.serices-about {
        padding: 0 0 18px;
    }

    .about-slid .item {
        width: 290px;
    }

    .footer .menu-title h4 {
        /*margin-bottom: 10px;*/
    }

    .footer-mail .mail {
        margin-top: 10px;
    }

    .elryad-logo {
        justify-content: flex-start;
    }

    .maint-req {
        width: 100%;
    }

    .maint-req .form-job h5 {
        font-size: 19px
    }

    .breadcrumb-section.contact {
        padding: 50px 0;
    }

    .pop-content .owl-carousel.about-slider img {
        height: 347px;
    }

    .flat-item ul li:not(:first-of-type),
    .popup-details ul li:not(:first-of-type) {
        margin-right: 11px;
    }

    .popup-details h5 {
        margin: 9px 0;
        font-size: 16px;
    }

    .breadcrumb-info h2 {
        font-size: 26px;
    }

    .bottom-footer p {
        margin-bottom: 8px;
    }
    /************************* pages *****************************/
    .breadcrumb-section {
        padding: 70px 0;
    }
    .breadcrumb-info h2 {
        font-size: 22px;
    }
    .breadcrumb-item.active,
    .breadcrumb-section a{
        font-size: 17px;
    }
    .breadcrumb-item+.breadcrumb-item::before {
        padding-top: 0;
    }
    .page-content {
        padding: 45px 0;
    }
    .i-pagination {
        margin-top: 0px;
    }
    .title h4 {
        padding-bottom: 8px;
        font-size: 20px;
    }
    .title {
        margin-bottom: 20px;
    }
    .about-page .title {
        margin-bottom: 10px;
    }
    .about-img {
        height: 300px;
        margin-top: 10px;
    }
    .about-page .about-block:nth-child(even) {
        margin-top: 40px;
    }
    .about-page .about-block:nth-child(even) .about-img {
        margin-top: 20px;
    }
    .mission-vision {
        padding-bottom: 15px;
    }
     .lang a {
        margin-left: 0px;
        position: relative;
        top: 3px;
    }
    .navbar-toggler {
        padding: 0 5px;
    }
    .footer .menu-title h4 span {
    
        /*bottom: -22px;
        font-size: 13px;*/
    }
    .single-information .title {
        margin-bottom: 12px;
    }
    .about-video {
        height: 220px;
    }
    .map-section{
        height: 350px;
    }



    .card-slider .item-body h4 {
        padding-bottom: 6px;
        margin-bottom: 8px;
        font-size: 18px;
    }
    .h-sections{
        padding-bottom: 20px;
    }
    .video-info {
        bottom: 0;
        right: 0px;
        left: 0;
        width: 91%;
        padding: 20px;
        margin: auto;
    }
    .ourProduct{
        padding-bottom: 20px;
    }
    .important-news {
        padding: 40px 0 20px;
    }
    .box-detail h4 a {
        height: auto;
        font-size: 18px;
        margin-top: 10px;
    }
    .footer .help h4 {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .help p,
    .contact-help{
        margin-bottom: 10px;
    }
    .footer .menu-title{
        margin: 15px 0 0px;
    }
    .footer .menu-title h4 {
        font-size: 20px;
            margin: 0px 0 20px;
    }
    .header-sochial.footer-socail {
        margin: 15px 0;
    }
    .about-breadcrumb-section {
        padding: 50px 0;
    }
    .about-bc-con {
        width: 100%;
        padding: 20px 15px 10px;

    }
    .about-bc-con .section-title h5 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .thumbImg {
        height: 100px;
        margin: 5px;
    }
    .contact-item img {
        width: 40px;
        height: auto;
    }
    #big_image img {
        height: 300px;
    }
    .avialable-colors .col-md-2{
        width: 50%;
    }
    .color-item {
        margin-bottom: 12px;
    }
    .color-item .color-box a{
        margin-bottom: 5px;
    }
    .color-item .color-name h4 {
        font-size: 16px;
        margin-bottom: 2px;
    }
    .avialable-colors h3 {
        font-size: 19px;
        margin-bottom: 15px;
    }
    .gallery_stamped .card-slider.owl-theme .owl-nav .owl-prev {
        left: 0px;
    }
    .gallery_stamped .card-slider.owl-theme .owl-nav .owl-next {
        right: 0px;
    }
    .single-details22 {
        margin: 30px 0 0;
        padding: 20px 0 0;
    }
    .may-like {
        padding: 0 0 25px;
    }
    .product-item {
        margin-bottom: 50px;
    }

}

@media (max-width:500px) {
    .lang a {
    margin-left: 0px;
    
}
 .navbar-brand {
        /* margin-right: 0; */
        /* margin-left: 20px; */
    }

    .user-info .rent-info {
        display: block;
    }

    .about-slid .owl-nav .owl-next,
    .about-slid .owl-nav .owl-prev {
        display: none;
    }

    .about-title h4 {
        font-size: 28px;
    }

    .flat-item ul li:not(:first-of-type) {
        margin-right: 0;
    }
    .m-v-head {
        display: block;
        width: 100%;
        text-align: center;
        position: relative;
        top: 0;
        vertical-align: top;
    }
    .mission-vision-box p {
        width: 100%;
        display: block;
        margin: 10px 0 0;
        text-align: center;
    }
    .map-section{
        height: 300px;
    }
    .home-video {
        height: 330px;
        overflow: hidden;
    }
    .video-info {
        width: 100%;
        padding: 0 20px;
    }
}
@media (max-width:370px) {
    .lang a {
        margin-left: 0px;
    }
    
    .goals-box, .mission-vision-box {
        height: auto;
    }
}
@media (max-width:991px) {
    .menu-h {
    display: flex;
    gap: 10px;
    align-items: center;
    -webkit-align-items: center;
}

.top-logo .navbar-brand {
    max-width: 200px;
    width: 100%;
}

.mynav .navbar .lang.lang22, .mynav .navbar .navbar-toggler {
    display: none;
}

.single-details .title .img {
    display: none;
}
}