@media(max-width:350px) {
   
}
/*bootstrap col - small mobile screen*/
@media(max-width:576px) {
    .store-link span{
      width: 100%;
      display: block;
    }
    .store-link img{
      max-width: 120px;
    }
}
@media (min-width:576px) and (max-width: 767px) {   
    .store-link img{
      max-width: 120px;
    }
}
/*bootstrap col - mobile screen*/
@media only screen and (max-width: 767px) {   
    /*.show-on-mobile {
      position: fixed  ;
      top: 0;
      left:0;
      z-index: 99;     
      overflow-y: auto;
      height: 100vh;
    }*/   
    .hide-m{
      display: none
    }    
    .category-list{
      overflow-y: auto !important;
    }
    .menu .show-on-mobile {
      overflow-y: auto;
      max-height: 600px;
    }
    .testimonial{
      width: 99%; 
    }
}
/*bootstrap md - tablet screen*/
@media (min-width: 768px) {
    .hide-d{
      display: none
    }
}
@media(min-width:768px) and (max-width:991px) {
    .store-link span{
      width: 100%;
      display: block;
    }
    .store-link li img{
      max-width: 120px;
    }    
    .menu > ul > li a {
     padding:10px 0em;
   }
   #myHeader .container{
    width: 100%;
    max-width:100%;
   }
}
/*bootstrap lg - medium screen*/
@media (min-width:992px) {
    .modal-lg, .modal-xl {
      max-width: 700px;
    }
    .modal-sm {
      max-width: 500px;
    }
}
@media (max-width:992px) {
    .supplier-product h5{
      padding-right: 40px;
    }
    .card .ul-style li {
      width: 100%;
    }
}
@media(min-width:992px) and (max-width:1024px) {
   .menu > ul > li a {
     padding:10px 0.1vw;
   }
   #myHeader .container{
    width: 100%;
    max-width:100%;
   }
}
@media(min-width:1025px) and (max-width:1196px) {
   .menu > ul > li a {
     padding:10px 0.2vw;
   }
   #myHeader .container{
    width: 100%;
    max-width:100%;
   }
}

/*bootstrap xl - large screen*/
@media(min-width:1200px){
  /*custom grid*/
  .grid .col-xl-3 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .card-platinum .supplier-product h5,
  .card-advance-assured .supplier-product h5,
  .card-advance .supplier-product h5,
  .card-verified .supplier-product h5{
    padding-right: 40px;
  }
  
}
@media (min-width:1200px) and (max-width:1399px) {   
   .app-link h5 {    
      font-size: 17px;
      padding: 11px 0;
    }
    .trade-show-link, .app-link {
      min-height: 116px;
    }
    .mockup img{
      max-height: 110px;
    }
    .playstore img, .appstore img{
      max-width: 100px
    }
    .social-link li a {
      width:20px;
      height: 20px;
      line-height:20px;
      font-size: 15px;
    }
    .social-link .facebook:hover, .social-link .twitter:hover, .social-link .youtube:hover, .social-link .instagram:hover, .social-link .google-plus:hover, .social-link .linkedin:hover {
      font-size: 14px;
    }
    .container{
      width: 96%;
      max-width: 96%;
    }
    .leftbar{
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
    }
    .rightbar{
      /*
      -ms-flex: 0 0 80%;
      flex: 0 0 80%;
      */
      /* max-width: 100%; */
    }
    .cat .col-xl-3 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
    .menu > ul > li a {
     padding:10px 0.7vw;
   }
}
@media(min-width:1400px) and (max-width:1599px) {   
    .playstore img, .appstore img{
      max-width: 110px
    }
    .container{
      width: 96%;
      max-width: 96%;
    }
    .leftbar{
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
    }
    .rightbar{
      -ms-flex: 0 0 80%;
      flex: 0 0 80%;
      max-width: 80%;
    }
    .supplier-detail .btn-lg{
      min-width: 200px;
    }
    .cat .col-xl-3 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
    .menu > ul > li a {
       padding:10px 1.3vw;
     }
}
@media(min-width:1600px) and (max-width:1799px) {
    .container{
        width: 90%;
        max-width: 1590px;
     }
    .menu > ul > li a {
     padding:10px 1.4vw;
   }
}
@media(min-width:1800px) {
   .container{
      width: 90%;
      max-width: 1590px;
   }   
   .menu > ul > li a {
     padding:10px 1.58vw;
     color: #fff;
   }
}

.bars{
  margin-right: 8px
}