@media screen  and (max-width: 1800px){  

.header .row.two {
    padding: 30px 50px;
}

.header .row.one {
    padding: 10px 50px;
}

}

@media screen  and (max-width: 1700px){  
.header .row.two {
    padding: 30px 40px;
}

.header .row.one {
    padding: 10px 40px;
}

.header .info ul li {
    margin: 0 0px 0 25px;
    display: inline-flex;
}

}

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

.header .info ul li a {
    font-size: 12px;
}

.header .header-menu ul li {
    margin: 0 20px;
}

.header .row.three {
    padding: 20px 0px;
}

.header .header-menu {
    text-align: center;
}
.banner .bg-img {
    height: 520px;
}

.banner .head-form h3 {
    font-size: 24px;
    margin: 0 0 10px;
}

.banner .head-form h5 {
    font-size: 12px;
    line-height: 12.98px;
    letter-spacing: 0.3em;
    margin: 0 0 10px;
}
.banner .head-form h3:before {
    bottom: -5px;
    height: 1px;
}
.banner .head-form input, .banner .head-form select, .banner .head-form select {
    width: 75%;
    padding: 7px 20px;
    font-size: 12px;
}

 .banner .head-form select, .banner .head-form select {
    width: 100%;
    padding: 7px 20px;
    font-size: 12px;
}

.banner .head-form h4 {
    font-size: 16px;
    margin: 20px 0 10px;
}

.banner .head-form form#searchform input[type="submit"] {
    font-size: 18px;
    padding: 5px 15px;
    top: -2px;
}
.banner .head-form input[type="submit"] {
    font-size: 18px;
    padding: 7px 20px;
    letter-spacing: 1px;
}

.banner .row.top-form {
    top: 40px;
    left: 10vw;
}
.sec2 .row.one, .sec2 .row.two, .sec2 .row.three {
    border-radius: 26px;
    margin-bottom: 20px;
    padding: 40px 30px;
}

.sec4 .row.one .pic-brand img, .sec4 .row.one .pic-car img {
    transition: .5s all ease-in-out;
    width: 100%;
}

.sec4 {
    padding: 80px 50px 50px;
}

.sec5, .sec6, .sec7, .sec8, .sec9 {
    padding: 50px 50px 50px;
}
.sec10 {
    padding: 50px 0px 50px;
}


}

@media screen  and (max-width: 1400px){  
    .header .row.one {
        padding: 10px 20px;
    }
    .header .row.two {
        padding: 20px 20px;
    }
    
.header .terms p {
    font-size: 13px;
}

.header .info ul li a img {
    margin-right: 5px;
}

.header .header-menu ul li a {
    font-size: 15px;
}
.header .row.three {
        padding: 15px 0px;
    }
        .banner .head-form select, .banner .head-form select {
        width: 100%;
        padding: 7px 20px;
        margin-bottom: 10px;
    }
        .banner .bg-img {
        height: 450px;
    }
    .banner .row.top-form {
        top: 30px;
        left: 10vw;
    }
    .banner .head-form input[type="submit"] {
        font-size: 16px;
    }
    .sec2 {
    padding: 46px 50px;
}
    .sec2 .row.one, .sec2 .row.two, .sec2 .row.three {
        margin-bottom: 15px;
        padding: 25px 20px;
    }
    
.sec2 .row.one .disc h2, .sec2 .row.two .disc h2, .sec2 .row.three .disc h2 {
    font-size: 54px;
    line-height: 60px;
    margin: 10px 0 0px;
}

.sec2 .row.one .disc p, .sec2 .row.two .disc p, .sec2 .row.three .disc p {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 10px;
}

.sec2 .row.one-right {
    padding: 20px 30px;
}
.sec2 .row.one-right .disc-right p, .sec2 .row.two-right .disc-right p {
    font-size: 20px;
    line-height: 25px;
}

.sec2 .row.two-right .disc-right h2, .sec2 .row.one-right .disc-right h2 {
    font-size: 40px;
    margin: 10px 0 0px;
}

.sec2 .row.two-right .disc-right h5, .sec2 .row.one-right .disc-right h5 {
    font-size: 16px;
}


.sec6 .view a, .sec7 .view a, .sec8 .view a {
    font-size: 18px;
    padding: 12px 30px;
}

.sec11 {
    padding: 30px 20px;
    background-color: #761917;
}

.sec11 .sign input[type="submit"] {
    font-size: 18px;
    padding: 10px 30px;
    width: 32%;
    right: -200px;
}

.sec11 .head h3 {
    font-size: 17px;
}
    .sec10 {
        padding: 20px 0px 20px;
    }
    .footer .container-fluid.one {
    padding: 40px 30px 10px;
}
.footer .container-fluid.two {
    padding: 10px 30px 30px;
    margin-top: 0px;
}
.footer {
    background: rgba(30, 3, 3, 1);
    padding: 0px 0px 20px;
}

.footer .head-top h3 {
    font-size: 15px;
    margin: 0 0 40px;
}
.footer .head-top h3:before {
    bottom: -15px;
    width: 62px;
    height: 3px;
}
.footer .feed a {
    padding: 5px 10px;
    font-size: 14px;
}

.footer .head-top .footer-menu-3 ul li, .footer .head-top .footer-menu-1 ul li, .footer .head-top .footer-menu-2 ul li, .footer .head-top .footer-menu-4 ul li {
    margin: 0 0 10px;
}


.sec9 .main .disc h4 {
    font-size: 14px;
    margin: 0 0 5px;
}

.sec9 .main .disc h3 {
    font-size: 18px;
    margin: 5px 0 0px;
}

.sec9 .main .disc .add a {
    font-size: 15px;
    letter-spacing: 1px;
}

.sec9 .main .disc h5 {
    font-size: 14px;
    line-height: 13.98px;
    margin: 5px 0 10px;
}
.sec9 .main .disc .add .qty-input .product-qty, .sec9 .main .disc .add .qty-input .qty-count {
    font-size: 10px;
    height: 22px;
    line-height: 1;
}
.sec9 .main .disc .add .qty-input .qty-count {
    width: 18px;
    font-size: 5px;
    text-indent: -100px;
}

.sec5 .slick-arrow, .sec7 .slick-arrow, .sec8 .slick-arrow, .sec9 .slick-arrow, .sec4 .slick-arrow {
    right: -15px;
    margin-top: -30px;
    top: 50%;
    height: 48px;
    width: 48px;
    background-size: 100% 100%;
}

.sec5 .slick-arrow:hover, .sec7 .slick-arrow:hover, .sec8 .slick-arrow:hover, .sec9 .slick-arrow:hover, .sec4 .slick-arrow:hover{
    right: -15px;
    margin-top: -30px;
    top: 50%;
    height: 48px;
    width: 48px;
    background-size: 100% 100%;
}
.sec4 .main .title h4 {
    font-size: 14px;
}

.sec4 .main .pic img {
    width: 100%;
    height: 91px;
}

.sec7 .main .pic img {
    height: 150px;
    width: 180px;
}

.sec5 .main .pic img {
    width: 190px;
    height: 200px;
    object-fit: contain;
}

.sec8 .main .pic img {
    width: 190px;
    height: 90px;
    object-fit: contain;
}

.sec5 .main .pic {
    height: 280px;
}
.new-hover-info {
    padding-top: 40px;
}

.new-hover-info h4 {
    margin: 0 0 8px;
    font-size: 14px;
}

.new-hover-info h5 {
    margin: 0 0 8px;
    font-size: 14px;
}
    .banner .row.top-form {
        top: 30px;
        left: 7vw;
    }
    


}

@media screen  and (max-width: 1300px){  
    .header .info ul li {
        margin: 0 0px 0 15px;
        display: inline-flex;
    }
        .header .row.two {
        padding: 15px 10px;
    }
        .header .row.one {
        padding: 10px 10px;
    }
    .header .upto p {
    font-size: 14px;
    margin: 0;
}
    .banner .row.top-form {
        top: 30px;
        left: 2vw;
    }
    
.sec2 .head {
    max-width: 90%;
    margin: 0 auto 30px;
}
.sec3 .head h3 {
    font-size: 30px;
    margin: 0 0 20px 50px;
}

.sec3 .head h4 {
    font-size: 15px;
}

.sec3 {
    padding: 20px 20px;
}
    .sec4 {
        padding: 50px 30px 30px;
    }
    
.sec4 .row.two .category-title, .sec5 .head {
    margin-bottom: 30px;
}
.sec5, .sec6, .sec7, .sec8, .sec9 {
        padding: 50px 30px 50px;
    }
        .sec5 .main .pic {
        height: 230px;
    }
    .new-hover-info {
        padding-top: 15px;
    }
    .sec5 .main .disc h3 {
    font-size: 18px;
    margin: 10px 0 0px;
}

.sec5 .main .disc .was-aid h6 {
    font-size: 10px;
}

.sec5 .main .disc h4 {
    font-size: 16px;
    margin: 15px 0 5px;
}

.sec5 .main .disc h5 {
    font-size: 13px;
    margin: 0px 0 0px;
}

.sec6 .head {
    max-width: 90%;
    margin: 0 auto 30px;
}

.sec6 .main .pic {
    height: 120px;
    width: 90%;
}

.sec7 .head {
    max-width: 90%;
    margin: 0 auto 30px;
}

.sec4 .main .title h4 {
  font-size: 13px;
}

.sec4 .main .pic {
    margin-bottom: 20px;
    text-align: center;
}

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

}

@media screen  and (max-width: 1100px){  
    .header .terms p {
        font-size: 13px;
    }
        .header .upto p {
        font-size: 13px;
        margin: 0;
    }
    .header .contact p {
    font-size: 13px;
}
    .header .header-menu ul li {
        margin: 0 15px;
    }
    .header .header-menu ul li a {
        font-size: 14px;
    }
    
.sec2 .row.one .pic img {
    height: auto;
    width: 100%;
}

.sec2 .row.two .pic img {
    width: 100%;
    height: auto;
}

.sec2 .row.three .pic img {
    width: 100%;
    height: auto;
}

.sec2 .row.one-right .pic img {
    width: 100%;
}

.sec2 .row.two-right .pic img {
    width: 100%;
}

.sec2 .row.two-right {
    padding: 30px 0px;
    margin: 0 0 20px;
}
    .sec2 .row.one, .sec2 .row.two, .sec2 .row.three {
        margin-bottom: 15px;
        padding: 20px 20px;
    }
    
.sec3 .head {
    margin-left: 50px;
}
    
.sec3 .pic img {
    width: 100%;
}
.sec6 .view a, .sec7 .view a, .sec8 .view a {
        font-size: 16px;
        padding: 10px 20px;
    }
        .sec8 .main .pic img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
    
.sec9 .main .pic {
    padding: 60px 0 20px;
}

.sec9 .main .disc {
    position: absolute;
}
    .sec9 .main .disc .add a {
        font-size: 12px;
        letter-spacing: 0px;
    }
    .sec9 .main .disc .add .qty-input .qty-count {
        width: 15px;
        font-size: 4px;
        text-indent: -110px;
    }
        .sec9 .main .disc .add .qty-input .product-qty, .sec9 .main .disc .add .qty-input .qty-count {
        font-size: 10px;
        height: 18px;
        line-height: 1;
    }
        .sec11 {
        padding: 30px 0px;
        background-color: #761917;
    }
        .sec11 .head h3 {
        font-size: 15px;
    }
        .sec11 .sign input[type="submit"] {
        font-size: 18px;
        padding: 10px 30px;
        width: 42%;
        right: -160px;
    }
    .sec5, .sec6, .sec7, .sec8, .sec9 {
        padding: 40px 20px 40px;
    }
        .footer .container-fluid.one {
        padding: 30px 15px 10px;
    }
        .footer .head-top h3 {
        font-size: 15px;
        margin: 0 0 30px;
    }
        .footer .head-top h3:before {
        bottom: -15px;
        width: 62px;
        height: 2px;
    }
        .header .info ul li {
        margin: 0 0px 0 10px;
    }
    
.header .logo img {
    width: 100%;
}
.header .serach input#s {
    font-size: 12px;
}
    .header .info ul li a {
        font-size: 10px;
    }
    .header .info ul li {
        margin: 0 0px 0 5px;
 
    }
    
.footer .feed a img {
    margin-left: 5px;
    width: 20px;
    font-size: 13px;
}

.footer .container-fluid.two {
        padding: 10px 10px 10px;
        margin-top: 0px;
    }

.banner .head-form {
    padding: 15px 19px;
    width: 300px;
}
    .banner .head-form h3 {
        font-size: 20px;
    }
    .banner .head-form form#searchform input[type="submit"] {
        font-size: 16px;
        padding: 5px 15px;
        top: 0px;
    }
    .banner .col-sm-12.sub-btn.text-center input[type="submit"] {
    width: 100%;
    position: relative;
}
    .banner .bg-img {
        height: 400px;
        background-position: center;
        background-size: 100% 100%;
    }
    .banner .row.top-form {
        top: 8px;
        left: 0vw;
    }
        .banner .head-form select, .banner .head-form select {
        width: 100%;
        padding: 7px 4px;
        margin-bottom: 10px;
        font-size: 12px;
    }
    .sec2 .row.one .disc h2, .sec2 .row.two .disc h2, .sec2 .row.three .disc h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .sec2 .row.one .disc p, .sec2 .row.two .disc p, .sec2 .row.three .disc p {
        font-size: 16px;
        line-height: 28px;
        margin: 0 0 10px;
    }
    
.sec2 .row.three .disc h5, .sec2 .row.two .disc h5, .sec2 .row.one .disc h5 {
    font-size: 20px;
}
.sec2 .row.one-right .disc-right p, .sec2 .row.two-right .disc-right p {
        font-size: 16px;
        line-height: 24px;
    }
        .sec2 .row.two-right .disc-right h2, .sec2 .row.one-right .disc-right h2 {
        font-size: 35px;
        margin: 5px 0 0px;
    }
        .sec2 .row.two-right {
        padding: 20px 0px;
        margin: 0 0 20px;
    }
    .sec2 .row.two-right .pic img {
        width: 75%;
        margin: 0 auto;
    }
    
.sec2 .row.two-right .pic {
    text-align: center;
}
.sec9 .main {
    margin-bottom: 20px;
    height: 360px;
}
.sec4 .main .pic img {
        width: auto;
        height: auto;
    }

}

@media screen  and (max-width: 800px){     
    .header .row.two {
        padding: 15px 10px;
        display: block;
    }
    .header .row.one {
        display: none;
    }
        .header .logo img {
        width: auto;
    }   
    
.header .logo {
    text-align: center;
    margin-bottom: 15px;
}

.header .row.two .col-sm-4 {
    width: 100%;
    display: none;
}

.header .info ul {
    text-align: center;
    margin: 0 0 10px;
}
    .header .row.three {
        padding: 15px 0px;
        display: none;
    }
    .header .info ul li {
        margin: 0 0px 0 25px;
    }
        .header .info ul li a {
        font-size: 12px;
    }
        .header .info ul li a img {
        margin-right: 10px;
    }
        .header .info ul li {
        margin: 0px 20px;
    }
    .banner .head-form h3 {
        font-size: 16px;
    }
        .banner .head-form h5 {
        font-size: 10px;
        line-height: 10.98px;
        letter-spacing: 0.2em;
        margin: 0 0 10px;
    }
    .banner .head-form input, .banner .head-form select, .banner .head-form select {
        width: 75%;
        padding: 7px 10px;
        font-size: 11px;
    }
        .banner .head-form select, .banner .head-form select {
        width: 100%;
        padding: 7px 4px;
        margin-bottom: 10px;
        font-size: 11px;
    }
    .banner .head-form {
        padding: 15px 10px;
        width: 260px;
    }
        .banner .head-form h3:before {
        bottom: -5px;
        height: 1px;
        width: 190px;
    }
        .banner .head-form form#searchform input[type="submit"] {
        font-size: 14px;
        padding: 6px 15px;
        top: 0px;
    }
    .banner .col-sm-12.sub-btn.text-center input[type="submit"] {
        width: 100%;
        position: relative;
        font-size: 14px;
    }
        .banner .bg-img {
        height: 390px;
        background-position: center;
        background-size: 100% 100%;
    }
    .banner .slick-dots button {
    height: 12px;
    width: 12px;
}
.banner .slick-dots .slick-active button {
    background: #ee332e;
    height: 12px;
    width: 12px;
    border: 1px solid #ee332e;
}
.sec2 .head {
        max-width: 100%;
        margin: 0 auto 25px;
    }
    
.sec2 .head h3 {
    font-size: 20px;
    margin: 0 0 10px;
}
    .sec2 {
        padding: 25px 15px;
    }
    .sec2 .row.one .disc p, .sec2 .row.two .disc p, .sec2 .row.three .disc p {
        font-size: 14px;
        line-height: 23px;
        margin: 0 0 10px;
    }
        .sec2 .row.one .disc h2, .sec2 .row.two .disc h2, .sec2 .row.three .disc h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .sec2 .row.one, .sec2 .row.two, .sec2 .row.three {
        margin-bottom: 10px;
        padding: 15px 10px;
    }
    .sec2 .row.three .disc h5, .sec2 .row.two .disc h5, .sec2 .row.one .disc h5 {
        font-size: 16px;
    }
        .sec2 .row.one-right {
        padding: 15px 10px;
        margin-bottom: 10px;
    }
        .sec2 .row.one-right .disc-right p, .sec2 .row.two-right .disc-right p {
        font-size: 14px;
        line-height: 21px;
    }
        .sec2 .row.two-right .disc-right h2, .sec2 .row.one-right .disc-right h2 {
        font-size: 30px;
        margin: 5px 0 0px;
        line-height: 32px;
    }
    .sec2 .row.two-right .pic img {
        width: 65%;
        margin: 0 auto;
    }
    
.sec2 .head p, .sec6 .head p, .sec7 .head p, .sec8 .head p, .sec9 .head p {
    font-size: 13px;
    line-height: 23px;
}
    .sec3 .head h3 {
        font-size: 26px;
        margin: 0px 0 0px 10px;
    }
    .header .row.two .col-sm-2 {
    width: 100%;
}

.header .row.two .col-sm-4 {
    width: 100%;
    display: none;
}

.header .row.two .col-sm-6 {
    width: 100%;
}
    .sec3 .head h3 {
        font-size: 24px;
        margin: 0px 0 0px 35px;
    }
        .sec4 {
        padding: 25px 10px 25px;
    }
    
.sec4 .row.one {
    margin-bottom: 40px;
}
.sec4 .row.category_slider {
    padding: 20px 15px;
}
    .sec5 .slick-arrow, .sec7 .slick-arrow, .sec8 .slick-arrow, .sec9 .slick-arrow, .sec4 .slick-arrow {
        right: -10px;
        margin-top: -10px;
        top: 50%;
        height: 30px;
        width: 30px;
        background-size: 100% 100%;
                margin: 0;
    }
    
.sec4 .slick-next.slick-arrow {
    left: -10px;
}
    .sec6 .head {
        max-width: 100%;
        margin: 0 auto 20px;
    }
    
.sec8 .head, .sec7 .head, .sec9 .head {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 20px;
}
    .sec9 .main .disc h4 {
        font-size: 13px;
        margin: 0 0 5px;
    }
    .sec9 .main .disc h3 {
        font-size: 16px;
        margin: 5px 0 0px;
    }
    .sec11 {
        padding: 20px 0px;
    }
    
.sec11 .row {
    display: block;
    align-items: center;
    text-align: center;
}

.sec11 .row .col-sm-6 {
    width: 100%;
}

.sec11 .row .col-sm-4 {
    width: 100%;
}

.sec11 .sign input {
    width: 65%;
    padding: 13px 30px;
    font-size: 13px;
}
        .sec11 .sign input[type="submit"] {
        font-size: 15px;
        padding: 12px 30px;
        width: 22%;
        right: 144px;
    }
        .sec11 .head h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .footer .container-fluid.one {
        padding: 30px 15px 10px;
        display: none;
    }
    
.footer .container-fluid.two p img {
    width: 100%;
}

.sec6 .col-sm-2 {
    width: 25%;
    padding: 0;
}

.sec6 .main .pic img {
    width: auto;
    height: auto;
    object-fit: contain;
}

.sec5 .slick-next.slick-arrow {
    left: -5px;
}
    .sec4 .row.category_slider {
        padding: 15px 5px;
        margin: 0 0px;
    }
        .sec5 .slick-arrow:hover, .sec7 .slick-arrow:hover, .sec8 .slick-arrow:hover, .sec9 .slick-arrow:hover, .sec4 .slick-arrow:hover {
        right: -15px;
        margin-top: -30px;
        top: 50%;
        height: 30px;
        width: 30px;
        background-size: 100% 100%;
                margin: 0;
    }
    
.sec7 .slick-next.slick-arrow {
    left: -5px;
}

.sec7 .main .pic .disc h4 {
    font-size: 14px;
}
     

}

@media screen  and (max-width: 600px){     

.footer .container-fluid.two .row {
    display: block;
    align-items: center;
    text-align: center;
}

.footer .social ul {
    text-align: center;
}
    .sec11 .sign input {
        width: 100%;
        padding: 13px 30px;
        font-size: 13px;
    }
        .sec11 .sign input[type="submit"] {
        font-size: 15px;
        padding: 12px 30px;
        width: 100%;
        position: inherit;
        margin-top: 10px;
    }
    .sec11 .head h3 {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 23px;
    }
    .sec5, .sec6, .sec7, .sec8, .sec9 {
        padding: 30px 0px 20px;
    }
    .sec9 .head h3, .sec8 .head h3, .sec7 .head h3, .sec6 .head h3, .sec4 .row.two .category-title h3 {
    font-size: 20px;
}
    .sec2 .row.one, .sec2 .row.two, .sec2 .row.three {
        margin-bottom: 10px;
        padding: 15px 10px;
        display: block;
    }
    
.sec2 .row.one .disc, .sec2 .row.two .disc, .sec2 .row.three .disc {
    text-align: center;
    margin-bottom: 20px;
}

.sec2 .row.main .col-sm-5 {
    padding: 0;
}

.sec3 .row.main {
    display: block;
    align-items: center;
}
    .sec3 .head {
        margin-left: 0px;
        text-align: center;
    }
    .sec3 .head h4 {
        font-size: 14px;
    }
        .sec3 .head h3 {
        font-size: 22px;
        margin: 10px 0 10px 0px;
    }
        .sec6 .main .pic {
        height: 120px;
        width: 50%;
        margin: 0 auto;
    }
    
    .sec6 .col-sm-2 {
        width: 100%;
        padding: 0;
    }
    
.sec9 .slick-next.slick-arrow {
    left: 4px;
    transform: rotate(0deg);
    -webkit-transform: rotate(180deg);
}
.sec5 .slick-arrow, .sec7 .slick-arrow, .sec8 .slick-arrow, .sec9 .slick-arrow, .sec4 .slick-arrow {
        right: 3px;
        margin-top: -10px;
        top: 50%;
        height: 30px;
        width: 30px;
        background-size: 100% 100%;
        margin: 0;
    }
    
.sec8 .slick-next.slick-arrow {
    left: 2px;
    transform: rotate(0deg);
    -webkit-transform: rotate(180deg);
}
    .sec7 .slick-next.slick-arrow {
        left: 4px;
    }
        .sec5 .slick-next.slick-arrow {
        left: 4px;
    }
    

.sec4 .slick-arrow {
    right: -13px !important;
}
    .sec2 {
        padding: 25px 10px;
    }
    
.sec2 .row .col-sm-12 {
    padding: 0;
}
.header .row.two .col-sm-6 {
        width: 100%;
        display: none;
    }
    .banner .bg-img {
        height: 500px;
        background-position: center;
        background-size: 100% 100%;
    }
        .banner .head-form {
        padding: 15px 10px;
        width: 100%;
    }
        .banner .row.top-form {
        top: 30px;
        left: 0vw;
    }
    
.banner .slick-dots {
    bottom: 30px;
    right: 0;
    text-align: center;
}

}