@media (max-width:575px) {
    /*.product-detail-image img {
        width: 200px;
    }*/

    .product-accessory-header .header-p-right a {
        display: none;
    }

    .product-accessory-content-main small {
        position: relative;
    }

    .pro-right-detail .product-detail-name p {
        font-size: 12px;
    }

    .pro-right-detail .product-detail-name h1 {
        font-size: 14px;
    }

    .pro-right-detail table tbody tr th {
        font-size: 12px;
    }

    .pro-right-detail table tbody tr td {
        font-size: 12px;
    }

    p {
        font-size: 12px;
    }

    .product-tab-detail-content ul li {
        font-size: 12px;
    }

    .TechSpecValue {
        font-size: 12px;
    }

    .TechSpecName {
        font-size: 12px;
    }

    .product-accessory-content-main p {
        font-size: 12px;
    }

    #search-menu .wrapper input {
        font-size: 25px !important;
    }

    #search-menu .wrapper button {
        font-size: 25px !important;
    }

    .sub-header .header-content .instockproducts {
        margin-left: 0px !important;
    }

    .sub-header .header-contact {
        padding: 10px 6px 10px 0px;
    }

    .wrap {
        width: 250px;
        right: 45px;
    }

    .top-brands .brandbox .brand-name p {
        font-size: 12px;
    }
}

@media (max-width:767px) {
    .m-container {
        width: 100%;
        max-width: 100%;
    }
    
    .pm-0 {
        padding: 0px;
    }
    
    .pl-0 {
        padding-left: 0px;
    }
    
    .pr-0 {
        padding-right: 0px;
    }
    
    .pb-0 {
        padding-bottom: 0px;
    }
    
    .pt-0 {
        padding-top: 0px;
    }

    .m-d-none {
        display: none;
    }

    nav ul li a, nav ul li a:visited {
        border:none;
    }

    .header {
        border-radius: 0px;
        background-color: var(--white-color);
        z-index: 999;
        /*--position: relative;--*/
    }

    .banner-text h1 {
        font-size: 32px;
        font-weight: 500;
        padding: 10px 0px 20px 0px;
        letter-spacing: 0;
    }

    .banner-text p {
        font-size: 18px;
        font-weight: 400;
        padding-bottom: 30px;
    }

    .our-flex-container-box {
        display: block;
    }

    .our-flex-box {
        width: 100%;
    }

    .industries-work .flex-container {
        width: 200px;
    }

    .banner-text h6 {
        padding: 30px 0px 0px 0px;
        font-size: 20px;
        font-weight: normal;
    }

    .banner-md-mobile {
        display: flex;
        justify-content: center;
    }

    .searchinput {
        width: auto !important;
    }

    .mobile-mb-10 {
        margin-bottom: 10px;
    }

    .testimonial .title h2::after {
        display: none;
    }

    .websitecallicon {
        left: 8px;
    }

    .whatsappicon {
        left: 8px;
    }

    .top-brands .title {
        margin-bottom: 30px;
    }

    .top-brands .title h2 {
        font-size: 22px;
    }

    .industries-work .title {
        margin-bottom: 30px;
    }

    .industries-work .title h2 {
        font-size: 22px;
    }

    .testimonial .title {
        margin-bottom: 20px;
    }

    .testimonial .title h2 {
        font-size: 22px;
    }

    .testimonial p {
        font-size: 16px;
        text-align: center;
    }

    .testimonial h6 {
        text-align: center;
        font-size: 16px;
    }

    .testimonial span {
        text-align: center;
        font-size: 14px;
        margin: 0 auto;
        display: block;
    }

    .homeabout .title h2::after {
        display: none;
    }

    .homeabout .title {
        margin-bottom: 20px;
    }

    .homeabout .title h2 {
        font-size: 22px;
    }

    .homeabout p {
        font-size: 16px;
    }

    .flex-container-company h4 {
        font-size: 22px;
    }

    .flex-container-quote h4 {
        font-size: 22px;
    }

    .flex-container-quote {
        padding: 25px;
    }

    .flex-container-company {
        padding: 25px;
    }

    .footer-carousel {
        display: none;
    }

    .product-detail-caption .product-price-qnt p {
        font-size: 18px;
    }

    .product-price-qnt form .form-group label {
        padding-top: 1px;
        margin-bottom: 0px;
    }

    .product-price-qnt form .form-group .form-control {
        height: 26px;
    }

    .pro-right-detail .product-detail-name h1 {
        font-size: 16px;
    }

    #ItemProperties {
        display: block;
    }

    .TechSpecWrap {
        display: block;
        margin-bottom: 10px;
    }

    .TechSpecName {
        display: block;
        width: 100%;
        font-weight: bold;
        border-bottom: 1px dotted #CCC;
    }

    .TechSpecValue {
        display: block;
        width: 100%;
        box-sizing: border-box;
        border-bottom: 1px dotted #CCC;
    }

    .product-tab-detail-content {
        padding: 10px 0px 0px 0px;
    }

    .product-accessory-content-main {
        width: 100%;
    }

    .product-tab-detail li {
        margin-bottom: 20px;
    }

    .inner-box {
        margin-bottom: 15px;
    }

    .product-accessory-price {
        position: relative;
        right: 0;
        margin-top: 0;
        padding: 5px 25px;
    }

    .product-accessory-price p {
        display: inline-block;
        margin: 0;
    }

    .slider-height {
        top: -74px;
        margin-bottom: -140px;
    }

    .banner-text {
        margin-top: 75px;
    }

    .slider-height .carousel-item img {
        height: 480px;
    }

    .outofstock-product {
        width: 100%;
    }

    .sub-header .header-content .instockproducts {
        padding: 5px 6px;
    }
}

@media only screen and (max-width: 798px) {
    .nav-mobile {
        display: block;
    }
  
    nav {
        width: 100%;
        padding: 6px 0 3px;
    }

    nav ul {
        display: none;
        position: absolute;
        width: 100%;
        background-color: rgb(238, 238, 238);
        left: 0px;
        z-index: 1;
        top: 135px;
    }

    nav ul li {
        float: none;
    }

    nav ul li a {
        padding: 15px;
        line-height: 20px;
    }

    nav ul li ul li a {
        padding-left: 30px;
    }
  
    .nav-dropdown {
        position: static;
    }

    .nav-container .nav-list li:hover > ul, .nav-container .nav-list li ul:hover {
        top: 30px;
    }

    .list-pagination {
        padding: 0px 0 0px;
    }

    .list-pagination ul {
        position: inherit;
        width: auto;
    }
}

@media screen and (min-width: 799px) {
    .nav-list {
      display: block !important;
    }
}

@media (max-width:991px) {
    .m-container {
        width: 100%;
        max-width: 100%;
    }

    .m-header-quote {
        display: none;
    }

    .banner-search nav .search-btn {
        font-size: 14px;
    }

    .banner-search nav .form-control {
        padding: 22px 20px;
        font-size: 14px;
    }

    .banner-or {
        font-size: 20px;
        height: 48px;
    }

    .banner-text h1 {
        font-size: 40px;
    }

    .top-brands .flex-container {
        width: 23% !important;
    }
}

@media (max-width:1199px){
    .m-header-mailid {
        display: none;
    }

    .searchinput {
        width: 75% !important;
    }

    /*--.top-brands .flex-container {
        width: auto;
    }--*/

    .top-brands .md-width {
        display: flex;
        justify-content: center;
    }

    .industries-work .md-width {
        display: flex;
        justify-content: center;
    }

    .top-brands .flex-container {
        width: 18%;
    }
}

@media only screen and (max-width: 798px) {
    .nav-mobile {
      display: block;
    }
  
    nav {
      width: 100%;
      padding: 0px 0 15px;
    }
    nav ul {
      display: none;
    }
    nav ul li {
      float: none;
    }
    nav ul li a {
      padding: 15px;
      line-height: 20px;
    }
    nav ul li ul li a {
      padding-left: 30px;
    }
  
    .nav-dropdown {
      position: static;
    }
}

@media screen and (min-width: 799px) {
    .nav-list {
        display: block !important;
    }
}

@media (max-width: 850px) {
    nav ul li a, nav ul li a:visited {
        font-size: 14px;
    }

    #search-menu .wrapper input {
        width: 75%;
        font-size:3em;
    }

    #search-menu .wrapper button {
        font-size: 3em;
    }

    #search-menu .wrapper #form {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 425px) {
    .wrap {
        width: 200px;
        right: 80px;
    }
}

@media (max-width: 400px) {

    .sub-header .header-contact {
        border: none;
        width: 100%;
    }

    .wrap {
        position: initial;
        transform: none;
        float: left;
        width: 85%;
    }

    .sub-header .header-content .instockproducts {
        float: right;
        width: 29px;
        height: 29px;
        overflow: hidden;
        margin-top: 4px;
    }

    .nav-mobile {
        top: 65px;
    }

    .top-brands .flex-container {
        width: 76%;
    }
}

@media (max-width: 767px) {
    .listing-filter-group {
        position: fixed;
        width: 100%;
        z-index: 999999;
        background-color: #ffffff;
        left: 0;
        top: 0;
        height: 100%;
        overflow-y: scroll;
        padding-bottom: 36px;
    }

    .search-result .wrap1 {
        margin-top: 10px;
        margin-bottom: 33px;
        width: 100%;
    }

    .listing-filter-title h6 a {
        display: none;
    }

    .listing-filter-title h6 {
        width: fit-content;
        border-radius: 5px;
        padding: 8px 26px;
        margin-bottom: 7px !important;
    }

    .m-filter-btn {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: var(--white-color);
        display: block;
    }

    .m-filter-btn button {
        width: 100%;
        margin: 0;
        border-radius: 0;
    }

    .m-filter-color {
        background-color: #4d7593;
        border: none;
    }

    .m-filter-color:hover {
        background-color: var(--force-blue);
        box-shadow: none;
    }

    .m-filter-color:focus {
        background-color: var(--force-blue);
        box-shadow: none;
    }

    .m-filter-color:active {
        background-color: var(--force-blue);
        box-shadow: none;
    }

    .listing-one-filter:last-child {
        margin-bottom: 36px !important;
    }

    #mobileFiltersGroup {
        display: none;
    }

    .banner-text h1 {
        font-size: 28px;
    }

    .slider-height {
        height: 360px;
    }

    .slider-height .carousel-item img {
        height: 450px !important;
    }

    .top-brands .flex-container {
        width: 35% !important;
    } 

    .brand-page-content-box iframe {
        width: 100% !Important;
        height: 100% !Important;
    }
}

@media (max-width: 890px) {
    .slider-height .carousel-item img {
        height: 480px;
    }

    .slider-height {
        height: 500px;
    }
}

@media (max-width: 850px) {
    .slider-height .carousel-item img {
        height: 550px;
        object-fit: cover;
    }
}

@media (max-width: 800px) {
    .slider-height .carousel-item img {
        height: 500px;
    }

    .carousel-indicators {
        display: none;
    }
}

@media (max-width: 335px) {
    .slider-height .carousel-item img {
        height: 444px !Important;
    }
}

@media (max-width: 380px) {
    .slider-height .carousel-item img {
        height: 500px !important;
    }

    .slider-height {
        height: 560px;
    }

    .top-brands .flex-container {
        width: 76% !important;
    }
} 

@media (max-width: 500px) {
    .industries-work .flex-container {
        width: 250px;
    }
}