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

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

 @media screen and (max-width: 992px) {
     #header {
         padding: 10px 0px !important;
     }

     .logowithmenu {
         gap: 0 !important;
         flex-flow: row-reverse !important;
     }

     .catalog-div {
         padding: 5px !important;
         width: 47px !important;
         height: 47px !important;
     }

     #header .navbar-brand {
         height: auto !important;
     }

     .catalogText,
     .rightTopSection .button-login .loginText {
         display: none !important;
     }

     .catalog-div i.fas.fa-bars {
         color: #919191;
     }

     .rightTopSection .button-login {
         background-color: #ffffff;
         border-color: #ffffff;
         border: 1px solid #ffffff;
         padding: 0 !important;
     }
 }

 @media screen and (max-width: 767px) {
     div#catalogMenu {
         width: 100% !important;
     }

     .subCateHeadimgBox {
         width: 110px !important;
         height: 110px !important;
     }

     .subCateHeadText-h6 {
         font-size: 15px !important;
     }


     .fYVtyJ .sc-1gv8bw1-0 {
         font-size: 27px !important;
         line-height: 41px !important;
     }

     .filterProduct {
         gap: 2px !important;
         margin: 6px 0 !important;
     }

     .filterProduct .filterPro-btn {
         border-radius: 2px !important;
         padding: 6px 6px !important;
         font-size: 7px !important;
     }

     .top-slide {
         padding: 80px 0 10px !important;
     }

     .mainMenu,
     .headSearch,
     .emailsecion,
     .catalogText {
         display: none !important;
     }

     .heroProWrapper {
         grid-gap: 5px !important;
         margin-top: 15px !important;
     }

     .hero-slider .item {
         height: 200px !important;
     }

     .heroPro {
         border-radius: 10px !important;
         width: 100% !important;
         background-color: #ffffff !important;
         padding: 5px !important;
         gap: 4px !important;
         height: 80px !important;
     }

     .heroProImgBlock {
         position: relative !important;
         width: 50px !important;
         height: 50px !important;
         border-radius: 0px !important;
         overflow: hidden !important;
     }

     .flex-switch {
         display: flex;
         flex-direction: column-reverse;
     }

     .heroProtext {
         width: auto !important;
         font-size: 10px !important;
     }

     ul.nav.nav-tabs.service-tabs {
         max-width: 100% !important;
     }

     ul.nav.nav-tabs.service-tabs li.active a p,
     ul.nav.nav-tabs.service-tabs li.active a i {
         font-size: 11px !important;
     }

     ul.nav.nav-tabs.service-tabs a {
         gap: 2px !important;
     }

     .dABWHc {
         padding-bottom: 0 !important;
     }

     .service-tabs.nav-tabs li a p {
         font-size: 11px !important;
     }

     .resBox {
         padding: 30px 10px !important;
     }

     .footerBottomlink a {
         font-size: 12px !important;
     }

     .boxflex {
         gap: 6px;
     }

     .tab-pane .services .sub-div .img-section {
         height: 150px !important;
     }

     .flexFive {
         flex: 1 1 46% !important;
     }

     .banner-slider .owl-nav,
     .banner-slider .owl-dots {
         display: none !important;
     }

     .footer .footerContained {
         grid-template-columns: repeat(2, auto) !important;
         grid-template-rows: repeat(2, 1fr) !important;
         gap: 20px 0px !important;
     }

     .appBlock {
         justify-content: center !important;
     }

     .footerBottomBlock {
         flex-flow: column-reverse !important;
         gap: 15px !important;
     }

     .footerBottomlink {
         flex-wrap: wrap !important;
         gap: 2px 15px !important;
         justify-content: center !important;
     }

     #Login .form .input-feild .btn-facebook {
         width: 92px !important;
         margin: 0px !important;
         border-radius: 0 !important;
         font-size: 11px !important;
     }

     #Login .modal-dialog {
         margin: 10px 0 !important;
     }

     #Login .modal-dialog .modal-body {
         padding: 15px 7px !important;
         padding-top: 15px !important;
     }

     #Login .other-login {
         flex-direction: column !important;
     }

     #Login .other-login .btn-facebook {
         width: 100% !important;
     }

     #Login .form .btn-facebook {
         justify-content: center !important;
     }

     #Login .form .btn-facebook .btn-caption {
         width: auto !important;
     }

     .product-wrrapess {
         margin-top: 83px !important;
         padding: 13px !important;
     }

     .proDetialss h1 {
         font-size: 25px !important;
         margin-top: 12px !important;
     }

     .proDetialssBox {
         margin: 10px 0 20px !important;
     }

     .productsecond-img {
         width: 140px !important;
         height: 140px !important;
         border-radius: 8px !important;
     }

     .proDetialsbtns .btn {
         padding: 8px 11px !important; 
         width: 23% !important; 
     }
 }

 @media screen and (max-width: 600px) {
     .subCateHeadimgBox {
         width: 80px !important;
         height: 80px !important;
     }

     .subCateHeadText-h6 {
         font-size: 15px !important;
     }

     .product-card-second {
         border-radius: 12px !important;
         justify-content: center !important;
         flex-flow: column !important;
     }

     .productsecond-img {
         width: 100% !important;
         height: 100px !important;
         margin-right: 0rem !important;
     }

     .productsecond-details {
         padding: 0 !important;
         -webkit-padding-start: 0 !important;
         padding-inline-start: 0 !important;
         margin-top: 15px !important;
     }

     .proDetialsbtns .btn {
         padding: 8px 11px !important;
         border-radius: 50px !important;
         width: 48% !important;
         font-size: 12px !important;
     }

 }

 @media screen and (max-width: 400px) {
     .subCateHeadimgBox {
         width: 80px !important;
         height: 80px !important;
     }

     .subCateHeadText-h6 {
         font-size: 15px !important;
     }


 }