/* all products(A-Z Products) css */
.a-z_products .pro-heading h1 {
    font-size: 26px;
    padding: 15px 0
}

.all-products {
    border: 1px solid #d5d5d5;
    text-align: center;
    padding-bottom: 40px;
    padding-top: 15px
}

.all-products a img {
    width: 170px;
    height: 170px;
    object-fit: contain;
    padding: 12px;
}


.all-products-details {
    padding: 13px;
    margin-top: -19%;
    margin-bottom: 12px;
}

.pro-details {
    text-align: center;
    padding: 7px 10px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.pro-details a {
    text-decoration: none;
    color: #0b415d;
    display: block
}

.pro-details .explore {
    padding: 0px 16px;
    border: 1px solid #fa6807ab;
    display: inline-block;
    border-radius: 50px;
    font-size: 11.5px;
    font-weight: 600;
    color: grey;
}
.pro-details h2, .pro-details h3, .pro-details h4, .pro-details h5, .pro-details h6 {
    font-size: 16px;
    font-weight: 600 !important;
    margin-bottom: 5px;
    color: #0182a3;
}

@media screen and (max-width:767px) {
    .header {
        padding-bottom: 0
    }
}



@media screen and (min-width:340px) and (max-width:480px) {
    .all-products {
        padding-bottom: 75px
    }
}

@media screen and (min-width:481px) and (max-width:575px) {
    #wrapper {
        bottom: 263px
    }

    .device {
        width: 50%
    }
}

@media screen and (max-width:480px) {
    .all-products a img {
        width: auto
    }
}


.pro_titl h2, .pro_titl h3, .pro_titl h4, .pro_titl h5, .pro_titl h6{
    font-size: 15px;
    font-weight: 600 !important;
    text-decoration: none;
    color: #0182a3d1;
    display: block;
}

.device-row {
    display: flex;
    flex-wrap: wrap;
}

.device-row .device {
    width: 20%;
    padding: 0 5px;
    display: flex;
    height: inherit;
    flex-direction: column;
}

/* Responsive CSS lab-categories section */

@media only screen and (min-width: 991px) and (max-width: 1170px){
 .device-row .device {
    width: 25%;
  }
}
@media only screen and (min-width: 670px) and (max-width: 991px){
 .device-row .device {
    width: 33.33%;
  }

}
@media only screen and (min-width: 420px) and (max-width: 670px){
 .device-row .device {
    width: 50%;
  }
}
@media only screen and (max-width: 420px){
   .device-row .device {
    width: 100%;
  }
}