.web-bar {
    display: none !important;
}

.mobile-bar {
    display: inline !important;
}

.zappzimage {
    width:100% !important;
    margin-bottom:0px !important;
}

.btn-download {
    width:135px !important;
    margin-left:5px !important;
    margin-right:5px !important;
}

.webapplogo {
    width:125px !important;
}

.page-content {
    padding-bottom:50px !important;
    margin-bottom:50px !important;
}

.category-name {
    font-weight:800 !important;
}

.category-name-cat {
    font-weight:800 !important;
}

.container { width: 100%; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }


.catsitemslist-banner {
    width:100% !important;
    max-height: 175px !important;
    min-height: 150px !important;
    overflow: hidden;
    margin-bottom:0 !important;
}

.list .item-subtitle {
    font-size: 16px !important;
    line-height: 18px !important;
}

@media (min-width: 360px) { 
    
    .timeline_wcat_image {
        width:100% !important;
        height:125px !important;
    }

    .catsitemslist-banner {
        width:100% !important;
        max-height: 175px !important;
        min-height: 150px !important;
        overflow: hidden;
        margin-bottom:0 !important;
    }

    .list .item-subtitle {
        font-size: 16px !important;
        line-height: 18px !important;
    }

}


@media (min-width: 576px) { 
    .container { max-width: 540px; } 

    .btn-download {
        width:150px !important;
        margin-left:5px !important;
        margin-right:5px !important;
    }

    .webapplogo {
        width:145px !important;
    }

    .catsitemslist-banner {
        width:100% !important;
        max-height: 275px !important;
        min-height: 250px !important;
        overflow: hidden;
        margin-bottom:0 !important;
      }
}

@media (min-width: 768px) { 
    .container { max-width: 720px; } 
    

    .timeline_wcat_image {
        width:135px !important;
        height:135px !important;
    }

    .btn-download {
        width:150px !important;
        margin-left:5px !important;
        margin-right:5px !important;
    }

    .webapplogo {
        width:180px !important;
    }

    .catsitemslist-banner {
        width:100% !important;
        max-height: 375px !important;
        min-height: 150px !important;
        overflow: hidden;
        margin-bottom:0 !important;
      }
}


@media (min-width: 769px) {
    .container-bar {
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box; 
    }

    .container {
           left: 0; 
           right: 0; 
        
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
        box-sizing: border-box; 
    }

    .container-top {
        margin-top: 60px !important;
    }

    .category-name {
      font-size:18px !important;
      line-height:18px !important;
      font-weight:500 !important;
    }

    .category-name-cat {
      font-size:16px !important;
      line-height:16px !important;
      font-weight:500 !important;
    }

    .page-content {
        padding-bottom:100px !important;
        margin-bottom:100px !important;
        /*padding-left:12px !important;*/
    }


    .timeline_wcat_image {
        width:165px !important;
        height:165px !important;
    }

    .block-title {
        color: #000000;
        font-weight:600;
    }
    
    .web-bar {
        display: flex !important;
    }

    .mobile-bar {
        display: none !important;
    }


    .photo-upload-container {
        border-radius: 50%;
        background-color: var(--primary);
        width:48px;
        height:48px;
        position: absolute;
        z-index: 100;
        right:407px;
        margin-top:-35px;
        box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    }

    .photo-upload-container-up {
        border-radius: 50%;
        background-color: var(--primary);
        width:48px;
        height:48px;
        position: absolute;
        z-index: 100;
        right:407px;
        margin-top:-70px;
        box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    }

    .item-title-wt {
        font-weight: 400 !important;
        color: #000000 !important;
    }


   .custom-login-box {
           margin-top:60px !important;
          width:100% !important;
        display: flex;
        align-items:center;
        justify-content: center;
   }

   .custom-login-box-child {
       width:512px !important;
   }
   
   .zappzimage {
       width:512px !important;
   }
   
   .centeronwindow {
           position: absolute; 
           left: 0; 
           right: 0; 
           margin-left: auto;  
           margin-right: auto; 
           width:512px !important;
    }

   .centeronwindow-new {
           position: absolute; 
           left: 0; 
           right: 0; 
           margin-left: auto;  
           margin-right: auto; 
           width:1024px !important;
    }

   .centeronwindowpopup {
           position: absolute; 
           left: 0; 
           right: 0; 
           margin-left: auto;  
           margin-right: auto; 
           width:600px !important;
    }
    
    .pslist {
        margin-top:-120px !important;
    }
    
    .btn-download {
        width:150px !important;
        margin-left:5px !important;
        margin-right:5px !important;
    }

    .webapplogo {
        width:180px !important;
    }

    .catsitemslist-banner {
        width:100% !important;
        max-height: 380px !important;
        min-height: 150px !important;
        overflow: hidden;
        margin-bottom:0 !important;
      }
      
      .poptop {
        height:100% !important;
        top:0 !important;
        margin-top:0 !important;
    }

    .list .item-subtitle {
        font-size: 16px !important;
        line-height: 18px !important;
    }

}

@media (min-width: 2550px) {
    .poptop {
        height:100% !important;
        top:0 !important;
        margin-top:0 !important;
    }
}


@media (min-height: 1440px) {
    .poptop {
        height:100% !important;
        top:0 !important;
        margin-top:0 !important;
    }
}


@media (min-width: 1920px) {
    .poptop {
        height:100% !important;
        top:0 !important;
        margin-top:0 !important;
    }
}


@media (min-height: 1080px) {
    .poptop {
        height:100% !important;
        top:0 !important;
        margin-top:0 !important;
    }
}

body {
    /*max-width:1024px;*/
    margin:0 auto;
}

body::-webkit-scrollbar {
    width: 0;
    background: transparent; }

html {
  scroll-behavior: smooth; }
  
.white-bg {
  background-color: #ffffff; margin-bottom:50px !important; }
  


/** newbox  **/

.product-card-header-pic .card-header {
  height: 216px !important;
  background-size: cover;
  background-position: center;
  color: #fff;
}

.cat-card-header-pic .card-header {
  width: 175px !important;
  height: 150px !important;
  background-size: cover;
  background-position: center;
  color: #fff;
}

.cat-card-header-pic-cat .card-header {
  width: 180px !important;
  height: 150px !important;
  background-size: cover;
  background-position: center;
  color: #fff;
}

.card3d {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-radius: 10px !important;
}

.card-content-inner {
  min-height:40px !important;
  margin-top:5px !important;
}

.card-content-inner-slide {
  min-height:25px !important;
  margin-top:0px !important;
}

.card-content-padding-prod {
    padding:5px !important;
}

.card-content-padding-cat {
    padding:5px !important;
    min-height:60px !important;
}

@media (max-width: 420px) { 

  .cat-card-header-pic .card-header {
    width: 90px !important;
    height: 75px !important;
    background-size: cover;
    background-position: center;
    color: #fff;
  }

  .cat-card-header-pic-cat .card-header {
    width: 100px !important;
    height: 85px !important;
    background-size: cover;
    background-position: center;
    color: #fff;
  }

  .card-content-inner-slide {
    min-height:35px !important;
    margin-top:0px !important;
  }

  .card-content-padding-cat {
    padding:0 5px 5px 5px !important;
    min-height:40px !important;
  }
  
}

@media (min-width: 360px) { 
  .product-card-header-pic .card-header {
    height: 160px !important;
    background-size: cover;
    background-position: center;
    color: #fff;
  }

  .card-content-inner {
    min-height:40px !important;
    margin-top:5px !important;
  }
}

@media (min-width: 576px) { 
  .product-card-header-pic .card-header {
    height: 225px !important;
    background-size: cover;
    background-position: center;
    color: #fff;
  }

  .card-content-inner {
    min-height:40px !important;
    margin-top:5px !important;
  }
}


@media (min-width: 768px) { 
  .product-card-header-pic .card-header {
    height: 210px !important;
    background-size: cover;
    background-position: center;
    color: #fff;
  }

  .card-content-inner {
    min-height:55px !important;
    margin-top:5px !important;
  }

  .block-title {
    line-height:25px !important;
  }

}

@media (min-width: 800px) { 
  .product-card-header-pic .card-header {
    height: 216px !important;
    background-size: cover;
    background-position: center;
    color: #fff;
  }

  .card-content-inner {
    min-height:55px !important;
    margin-top:5px !important;
  }
}

@media (min-width: 1000px) { 
  .product-card-header-pic .card-header {
    height: 260px !important;
    background-size: cover;
    background-position: center;
    color: #fff;
  }

  .card-content-inner {
    min-height:55px !important;
    margin-top:5px !important;
  }
}


@media (min-width: 1250px) { 
  .product-card-header-pic .card-header {
    height: 275px !important;
    background-size: cover;
    background-position: center;
    color: #fff;
  }

  .card-content-inner {
    min-height:55px !important;
    margin-top:5px !important;
  }
}

.prod_pop_img {
    width: 100%;
    height: auto;
    max-height: 512px;
    object-fit: contain;
}