
@media(max-width:1500){

    #testimonals .testimonalsinr .imgsc{right: 269px;}

}


@media(max-width:1400){


    
}



@media(max-width:1280px){


}



@media(max-width:1024px){

    footer .footerbox .footerinr .btn2 {right: 47px;}
   
 
}



@media(max-width:992px){

header .heaberbooyem .navbar-nav .nav-item .nav-link{color:#000;}
   

}



@media(max-width:768px){
    #slider .owl-carousel .owl-stage .owl-item {padding: 160px 0px;}
    header .heaberbooyem  .navbar-nav .leee .lee{display: block;}
    header .heaberbooyem  .navbar-nav .leee .lee img{width: 90px;}

    #arrival .content h3 .btn4 {font-size: 16px;}


    #testimonals .testimonalsinr .imgsc {right: 295px;}

    footer .footerbox .footerinr .form-control::placeholder{font-size: 9px;}
    footer .footerbox .footerinr .btn2 {right: 36px; border: 0px; padding: 11px 7px; font-size: 10px;}


    header .heaberbooyem .navbar-toggler{margin-top: -70px;}
    header .headermedim .heaqderlogo{padding-left: 86px;}


   

   












  




    



}



@media(max-width: 520px){







}



@media(max-width: 480px){
    
    #search-menu .wrapper button {font-size: 22px;}
    #search-menu .wrapper input {font-size:16px;}
    #search-menu {height: 8em;}
    
    header {position: unset;
}
    
    header .header-sosiyalicon,     #index-header .header-sosiyalicon{display: block;}
    header .headertop .top-info {display: none;}
    
    
    header .navbar{padding:0px;}

    header .headermedim{padding: 10px 0px;}
    header .headermedim .heaqderlogo{padding-left: 78px;}

    header .heaberbooyem .navbar-toggler {margin-top: -72px;}
    header .headermedim .heaqderlogo img{width: 100px;}
    #index-header .headermedim .heaqderlogo img {width: 100px;}
    #index-header {padding-bottom: 0;}

    header .headermedim .headericon li a{font-size: 14px;}

    #slider{margin-top:-33px;}
    #slider .owl-carousel .owl-stage .imgscb{padding: 150px 0px;}
    #slider .owl-carousel .owl-stage .imgsca{padding: 150px 0px;}
    #slider .owl-carousel .owl-stage .imgsc{padding:  150px 0px;}

    #testimanoils .text{width: 100%;}

    #category h2 {font-size: 20px;}

    #category .imgsc .img2, #category .imgsc .img1{width: 100%;}
    #category {padding: 30px 0px 10px;}
    #category h6 a {font-size: 15px; margin-top: 6px;}
    #arrival h2{margin: 0px 0px 35px; font-size: 20px;}
    #category .row {row-gap: 6px;}

    #arrival {padding: 0px 0px 30px;}
    #arrival .content h4 {margin: 10px 0px -6px; font-size: 10px;}
    #arrival .content h3 .btn4 {font-size: 11px;}
    #arrival .row {row-gap: 5px;}

    #backgriund .content h3 {font-size: 19px;}
    #backgriund{padding: 30px 0px; margin-bottom: 30px;}
    
    #testimanoils .testimaniol-inr{border: transparent;}

    footer .footermn .footerbox .footerinr .imgsc img {width: 24%;}

    footer .footermn .footerbox .footerinr li {font-size: 16px; margin-bottom: 3px;}

    footer .footerbox .footerinr .btn2{right: 21px; padding: 8px 10px; font-size: 17px; border: 0px;}
    footer .footerbox .footerinr .form-control{padding: 8px 10px;}
    footer .footerbox .footerinr .form-control::placeholder{font-size: 16px;}
    footer .footermn .footerbox .footerinr li a {font-size: 13px;}

    footer .footerbootem .footerbootemmn .iconin{justify-content: center; margin-bottom: 15px;}
    footer .footerbootem .footerbootemmn .footerbooteminr{text-align: center;}
    footer .footerbootem .footerbootemmn .cad{justify-content: center !important;}
    footer .footerbootem .footerbootemmn .iconin li a img{width: 25px; height: 25px;}
    footer .footerbootem h2 img{width: 220px;}

    #video iframe{width: 100%; height: 308px;}


    header .offcanvas .offcanvas-body .navbar-nav .down .dropdown {top: 32px;}


    .quickcontact{top: 74%; left: 3px;}
    .upicon{top: 83%; right: 3px;}

    /* index clos */

    /* contact  */
    #contact-det {padding: 17px 20px;}
    #contact-det .inr {row-gap: 18px;}
    #contact-det h2{margin: 25px 0px;}
    #contact-det h4{font-size: 20px; margin-bottom: 8px;}
    #contact-det .text, #contact-det .text a{font-size: 14px;}


    #contact-map iframe{height: 200px !important;}

    /* about */

    #about {padding: 50px 0px; margin-bottom: 0px; background-position-x: 455px;}
    #about h2{font-size: 25px;}
    #about .info li a, #about .info li{font-size: 14px;}
    #about-banner p{text-align:justify;}


    #about-banner h2 {font-size: 28px;}
    #about-banner .text {width: 100%; font-size: 13px;}
    #about-banner {padding: 10px 0px 30px;}
    #about-banner img {margin-top: 20px;}

    #about-mision  .row{row-gap: 25px;}
    
    #zoomp .row{row-gap: 30px;}
    #zoomp h3 {margin-bottom: 0px;}
    #zoomp .text {margin-top: 2px;}
    #zoomp .btn {padding:7px 15px; font-size:13px; margin-top: 12px}
    #zoomp {padding: 50px 0px 20px;}
    #similar-product {padding: 0px 0px 30px;}
    
    
    #featuredproducts {padding: 0px 0px 30px;}
    #why-chouse {margin-bottom: 25px;}
    #gallery {padding: 0px 35px 0px;}
    #testimanoils {padding: 15px 30px;}
    #testimanoils h6 {margin-bottom: 8px;}
    #testimanoils h2 {margin-bottom: -9px;}
    #testimanoils .owl-theme .owl-dots .owl-dot{display:none;}
    #testimanoils .owl-carousel .owl-stage-outer {padding: 30px 0px 0px;}
    footer .footerbootem {padding-top: 5px;}
    footer {padding: 30px 0px 5px;}
    footer .footermn .row{row-gap: 20px;}
    
    #about-mision {padding: 0px 0px 15px;}
    
    .slider img{object-fit: contain;}
    .slider .row{row-gap:20px;}
    
    #about-banner .text{margin: 0px 8px;}
    #about-banner h5{font-size: 27px !important;}
    
 

    }





@media(max-width:375px){
   
    #slider .owl-carousel .owl-stage .imgscb{padding: 70px 0px;}
    #slider .owl-carousel .owl-stage .imgsca{padding: 70px 0px;}
    #slider .owl-carousel .owl-stage .imgsc{padding:  70px 0px;}

    header .headermedim .heaqderlogo img {width: 70px;}   
    header .headermedim .headericon {gap: 9px;}
    header .headermedim .headericon li a{font-size: 14px;}

    header .heaberbooyem .navbar-toggler {margin-top: -74px;}
    







}




@media(max-width:320px){



    #testimonals .testimonalsinr .imgsc{right: 98px;}

 





}