@media only screen and (min-width:651px) {
    .slicknav_menu {
        display: none
    }
    #mynavmenu {
        display: flex
    }
}



@media only screen and (max-width: 1282px) {
    #basketCount {
        margin-right: 110px;
    }
}

@media only screen and (max-width: 1282px) {
    #basketCount {
        margin-right: 110px;
    }
}


/* kala bottome items style */
@media only screen and (max-width: 600px) {
    .kalaGroup{
        font-size: 10px !important;
    }
    .prikalaGroupPricece{
        font-size: 16px!important;
    }
}


@media only screen and (max-width:900px) {
    .mobile-promotion-box{
        width:100% !important;
        height: inherit;
        margin:2px 0px 2px 0px !important;
    }
}

@media only screen and (max-width: 860px) {
    .mobile-status{
        display: none;
    }
  .profile-table{
    overflow: auto !important;
}
}

@media only screen and (max-width: 786px) {

  .profile-table{
        overflow: auto !important;
        font-size: 12px;
    }

    .product-item {
        height: 280px;
    }

    .headerContainer {
        padding-right: 10px;
        padding-left: 10px; 
    }
}


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

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

@media (min-width: 992px) {
    .headerContainer {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .headerContainer {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .headerContainer {
        max-width: 1320px;
    }
}



@media only screen and (max-width: 768px) {
    .messageBody {
      height:360px !important;
    }
 
    .messageList {
      padding-bottom:120px !important;
    }

    table.message{
        font-size: 14px;
    }
  
    .for-mobil {
        display: none;
    }

    table.message{
        font-size: 12px;
    }

    .messageList-top {
      margin-top:35% !important;
    }
  }

  @media only screen and (max-width: 860px) {
    li.secondhome {
      flex-basis: 24.999% !important;
      font-size: 15px;
    }
  }

  @media only screen and (max-width: 720px) {
    li.secondhome {
      flex-basis: 32.999% !important;
      font-size: 14px;
    }
  }

  @media only screen and (max-width: 560px) {
    li.secondhome {
      flex-basis: 33.333333% !important;
      font-size: 12px;
    }
  }

  @media only screen and (max-width: 900px) {
    .topSlider {
      width:100% !important;
    }
  }

  /* footer style @media */

  @media only screen and (max-width: 880px) {
    .about a {
       font-size: 12px;
       padding-top:1px;
       border:none;
       background-color: #ef3d52;
       color:#fff;

    }
  }

  @media only screen and (max-width: 880px) {
    .about-img {
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        align-self: center !important;
    }

  }

  @media only screen and (max-width: 573px) {
    .about {
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        align-self: center !important;
        margin-left:2px;
    }

  }


  @media only screen and (max-width: 416px) and (min-width:374px) {
    .choseTime img{
        width:33px !important;
        height:33px!important;
        padding:4px;
    }
  }

  @media only screen and (max-width: 373px) and (min-width:278px) {
    .choseTime img{
        width:20px !important;
        height:20px!important;
    }
  }

  @media only screen and (max-width: 768px) and (min-width:278px) {
    .sabadeKharedImg{
        width:70% !important;
        height:80% !important;
        display: flex;
        align-self: center;
        margin:auto;
    }
  }

  @media only screen and (max-width: 768px) and (min-width:278px) {
    .topAliTitle{
        padding-bottom:38px !important;
    }
  }

  @media only screen and (max-width: 940px) and (min-width:250px) {
    .nextexchange {
        position: fixed;
        top: 12%;
        right:2%;
    }
  }


  @media only screen and (max-width: 920px) {
    .mainSliderImg{
        height: 250px !important;
    }

    .secondSlider {
        max-height: 199px !important;
    }

    .secondImgSlider{
        display: none !important;
    }
   
  }


  @media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }
    .sidenav a {
        font-size: 14px;
        font-weight: 500;
    }
}

@media(max-width: 515px) {
    .product-wrapper img,
    .suggestion img {
        width: 100%;
    }
    .product-item {
        min-height: 280px;
    }
    #psliderFourPic .product-item {
        width: 235px !important
    }
}



@media (max-width :500px) {
    .cartItem {
        display: none
    }
}


@media only screen and (max-width: 768px) {
    .grid-container-shipping1 {
        display: inline-grid;
        grid-template-columns: auto;
        width:100%;
        border-radius:10px;
		margin-bottom:75px;
        transition: 0.3s;
    }
 
    .totalBuy{
        position: fixed !important;
        bottom: 80px !important;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99;
        background-color: #f5f5f5;
        margin: 0 auto;
        width: 94%;
    }

    .group-item {
        width: calc(33% - 5px);
        margin-bottom: 5px;
    }
    .groupDiv{
        margin: 140px auto 20px !important
    }

    .group-details {
        grid-template-columns: repeat(2, 1fr)
    }
    
    .kala-desc-right, .kala-desc-left {
        flex-basis: 100%;
    }

    .kala-staf-item {
        padding-left: 0px !important;
    }
}
    
.animatedButton {
        animation-name: final;
        animation-iteration-count: infinite;
        animation-duration: 1s;
      }
      
      @keyframes final {
        0%   {background-color: yellow;}
        100%  {background-color: black;}
      }

      @keyframes rotate {
        100% {
            transform: rotate(1turn);
        }
    }

    @keyframes opacityChange {
        50% {
            opacity:.5;
        }
        100% {
            opacity: 1;
        }
    }
    

    @keyframes anim-popoutin {
        0% {
          color: black;
          transform: scale(0);
          opacity: 0;
          text-shadow: 0 0 0 rgba(0, 0, 0, 0);
        }
        25% {
          color: green;
          transform: scale(2);
          opacity: 1;
          text-shadow: 3px 10px 5px rgba(0, 0, 0, 0.5);
        }
        50% {
          color: blue;
          transform: scale(1);
          opacity: 1;
          text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
        }
        100% {
          /* animate nothing to add pause at the end of animation */
          transform: scale(1);
          opacity: 1;
          text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
        }
      }

    @media only screen and (max-width: 920px) {
        .swiper-button-next {
            position: relative;
            left:5% !important;
            width: 15px !important;
            height: 24px !important;
            background-size: 15px 24px;
            z-index:999;
           }

        .swiper-button-prev{
             right:5% !important;
             width: 15px !important;
            height: 24px !important;
            background-size: 15px 24px;
            z-index:999;
           }

        .forMobile {
            margin-top:11px !important;
        }
 }


@media only screen and (max-width: 768px) {
    #weely-calendar {
        background: url("../images/daily-mobile.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size:contain;
        padding: 2%;
        max-width: 100%;
    }

    .weekly-calendar {
        grid-template-columns: repeat(4, 1fr);
        padding: 5px;
        margin: 5px;
        gap: 5px;
     }

    .daily-bottom {
        height: 22px;
    }

    .credit-sequence{
        gap: 2px;
        grid-template-columns: repeat(1, 1fr);
    }

    .round-menu-info {
        width:50px;
        height: 50px;
    }
    
    .weeklyBuy {
        width:50px;
        height: 50px;
    }
    
    .round-menu-img {
        width:44px;
        height:44px;
    }

    .rount-menu-text {
        font-size:13px;
        margin-top: 5px;
    }

    .searchContainer {
        position: absolute;
        margin-top: 16px;
        width: 95%;
    }
    

    .searchResult {
        width: 100%;
    }

    .inputSearch {
        width: 44%;
    }

    .bottomNav {
        display: flex;
    }

    .cartPic {
        width:110px;
        height: 110px;
    }

    /* new desig of kala groups */
    .kala-group-container {
        grid-template-columns: repeat(1, 1fr);
    }

    .allgroup-image {
        max-width: 58%;
        min-height: 58%;
    }

    .get-emtyaz {
        grid-template-columns: auto auto;
    }

    .kala-image {
        width:96%;
    }

    .topDistance {
        margin-bottom: 99px;
    }
    
    
 }