
@media(max-width:1500){



}


@media(max-width:1400){


    
}



@media(max-width:1280px){





}



@media(max-width:1024px){



 
}



@media(max-width:992px){

header .header-bottom .navbar .navbar-nav, header .header-bottom .navbar .outbox{align-items: start !important; justify-content: start !important;}

#slider .owl-item {padding: 150px 0px;}
#about .img img{width: 100%;}

#video {padding: 10px 0;}

/* about-start */

#why {padding: 0px 0 20px;}
#why .img img{width: 100%;}

#counter .item h2 {font-size: 28px;}
#counter .item h3 {font-size: 14px;}
#counter .item i {font-size: 28px;}
#counter {padding: 40px 0;}

   

}



@media(max-width:768px){



}



@media(max-width: 520px){

}



@media(max-width: 480px){

    header .header-bottom .navbar .navbar-brand {width: 26%;}

    #slider .owl-item {padding: 75px 0px;}

    #about {padding: 30px 0;}
    #about .content h2, #why .content h2 {font-size: 25px; margin: 4px 0;}
    #about .content p, #why .content p {font-size: 14px; text-align: justify;}
    #about .content a {font-size: 14px; margin-top: 15px; padding: 8px 25px;}

    #wedding-sec {padding: 0px 0px;}
    #wedding-sec h2 {margin-bottom: 0px;}
    #wedding-sec h5 {font-size: 10px;}

    #video .content h2 {font-size: 25px;margin: 30px 0px 15px;}
    #video .content p {font-size: 14px;}
    #video .content a {margin-top: 14px;}

    #testimonials h2 {font-size: 26px; line-height: 20px; margin-bottom: 30px;}
    #testimonials {padding: 30px 0px;}

    #gallery h2 {font-size: 30px; line-height: 54px; margin-bottom: 5px;}
    #gallery {padding: 10px 0px 15px; background-color: #e4e2e2;}

    footer .footer-top h3 img {width: 30%;}
    footer {background-color: #fff; padding: 24px 3px 15px;}
    footer .footer-top .row{row-gap: 10px;}
    footer .footer-top .info li {margin-bottom: 5px; font-size: 15px;}

    /* about-banner */

    #about-banner {padding: 40px 0px;}
    #about-banner h2 {font-size: 30px;}
    #about-banner p, #about-banner a {font-size: 13px;}  

    #why .row{flex-direction: column-reverse;}

    #lubricant h5 {font-size: 13px;}
    #lubricant {padding: 25px 0px;}
    #product {padding: 30px 0;}
    #product .img_box .enquery a{font-weight: 100; font-size: 10px; padding: 5px 2px;}


    }





@media(max-width:375px){
   





}




@media(max-width:320px){


 





}