@media only screen and (max-width: 1500px) {
   
}

@media only screen and (max-width: 1367px) {
.hero-shape2 svg{width: 120px;height: 79px;}
.hero-shape1 svg{width: 670px;height: 220px;}
}
        
@media only screen and (max-width: 1171px) {
header .navbar-nav li { margin-left:35px;}
h1{font-size: 54px;line-height: 62px;}
.hero-shape2 svg{width: 110px;height: 69px;}
.hero-shape1{bottom: 0;}
.hero-shape1 svg{width: 670px;height: 220px;}
h3 {font-size: 32px;line-height: 40px;}
.main-img img{height: 100%;}
}

@media only screen and (max-width: 992px) {
    header .navbar-nav li a{font-size: 15px;}
    .banner-content{text-align: center;flex-wrap: wrap;align-items: flex-start;height: auto;padding-top: 170px;}
    .banner-img {flex-basis: 100%;padding-right: 0px;}
    .banner-img img{width: 450px !important;margin: 0 auto;}
    .banner-text {flex-basis: 100%;}
    .banner-btn{justify-content: center;}
    h1 {
        font-size: 42px;
        line-height: 50px;
    }
    #home_slider .owl-dots {
        position: relative;
        bottom: 0;
    }
    .showrooms-workshop{flex-wrap: wrap;}
    .showrooms, .workshop {
        flex-basis: 90%;margin: 0 auto;
    }
    .showrooms::before{content: '';
        position: absolute;
        right: -40px;
        width: 0;
        height: 0;
        border-right: 40px solid transparent;
        border-bottom: 40px solid #be0520;
        top: 0;}
        .personal-assitent-list ul{flex-wrap: wrap;}
        .personal-assitent-list ul li{margin-bottom: 25px;}
        .video-part iframe{width: 100%;}
        .gallery-rw ul li {
            height: 150px;
        }
        .aboutus .container{flex-wrap: wrap;}
        .aboutus-left, .aboutus-right {
            flex-basis: 100%;
        }
        h3 {
            font-size: 26px;
            line-height: 32px;
        }
}

@media only screen and (max-width: 768px) {
.navbar-toggler.d-none{background: #E31837;border: none;width: 32px;height: 32px;    display: flex;justify-content: center;align-items: center;}
.navbar-toggler.d-none img{filter: invert(1) brightness(12);}
.nav-logo{width: 100%;}
#mySidebar{position: fixed;flex-direction: column;top: 0;left: 0;background: #000000;height: 100%;width: 0;display: inherit;transition: 0.5s;overflow-x: hidden;}
header .navbar-nav li{margin-left: 0;}
header .navbar-nav li a{padding: 12px;display: inline-table;width: 100%;}
header .navbar-nav li{position: relative;}
header .navbar-nav li.has-child .big-submenus{flex-direction: column;}
.scrolled .navbar-nav li a {color: #ffffff;padding: 12px;}
.closebtn{position: absolute;
    right: 15px;
    top: 15px;
    background: #E31837;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 24px;display: flex;z-index: 1;
    color: #ffffff;
    font-size: 24px;}
    .top-header-right ul li{display: none;}
    .top-header-right ul li:last-child{display: block;}
header .navbar-nav li.has-child .small-submenus{width: 100%;}
.counter span {
    font-size: 42px;
    line-height: 48px;
}
}

@media only screen and (max-width: 575px) {
    .banner-img img {
        width: 350px !important;
        margin: 0 auto;
    }
    h1 {
        font-size: 30px;
        line-height: 36px;
    }
    .banner-text p {
        font-size: 16px;
        padding-top: 10px;
    }
    .aboutus-left{position: relative;z-index: 2;}
    .counter span {
        font-size: 30px;
        line-height: 36px;
    }
    .gallery-rw ul li {
        flex-basis: 50%;
        height: 150px;
    }
    .workshop::after{display: none;}
}

@media only screen and (max-width: 460px) {
    .counter span {
        font-size: 26px;
        line-height: 32px;
    }
    h3 {
        font-size: 20px;
        line-height: 28px;
    }
    h3 {
        font-size: 20px;
        line-height: 20px;
    }
    .img-box1__shape, .img-box1--style2__shape {
        min-width: 260px;
        min-height: 268px;
    }
    .img-box1 .vs-infobox--style, .img-box1--style2 .vs-infobox--style{min-width: 300px;}
    h1 {
        font-size: 20px;
        line-height: 26px;
    }
    .banner-btn{flex-direction: column;}
    .banner-btn a {
        margin-right: 0px;margin-bottom: 15px;
    }
    .banner-btn a:last-child {margin-bottom: 0px;
    }
    .banner-btn a{width: 180px;}
    .banner-content {
        padding-top: 130px;
    }
    .counter{flex-direction: column;align-items: flex-start;}
    .counter::after{display: none;}
    .counter-left{padding-bottom: 15px;}
    .client-block--style, .client-block--style2 {
        padding: 20px 23px 27px 22px;
    }
    .client-block--style .client-block__avatar, .client-block--style2 .client-block__avatar {
        height: 50px;
        width: 50px;}
        .mrt-100{margin-top: 70px;}
        .mrb-100{margin-top: 70px;}
        .video-part iframe {
            height: 370px;
        }
        .personal-assitent-list ul li:last-child{padding-left: 0;}
        h5 {
            font-size: 20px;
            line-height: 26px;
        }
        .gallery-rw{padding-top: 70px;padding-bottom: 100px;}
        
}
@media only screen and (max-width: 360px) {
    .navbar-brand {
        font-size: 14px;
    }
    .vs-infobox--style .vs-infobox__number, .vs-infobox--style2 .vs-infobox__number, .vs-infobox--style3 .vs-infobox__number {
        font-size: 16px;
    }
    .img-box1 .vs-infobox--style, .img-box1--style2 .vs-infobox--style {
        min-width: 270px;
    }
    .img-box1__shape, .img-box1--style2__shape {
        min-width: 220px;
        min-height: 268px;
    }
    .img-box1 .vs-infobox--style, .img-box1--style2 .vs-infobox--style{bottom: 0;}
    .vs-infobox--style, .vs-infobox--style2, .vs-infobox--style3 {
        padding: 15px 25px;
    }
    .showrooms::before {
        right: -20px;
        border-right: 20px solid transparent;
    }
    .showrooms::after {
        left: -20px;
        border-left: 20px solid transparent;
    }
    .personal-assitent h5 {
        font-size: 20px;
    }
}