.bg_shop{
    width:100%;
    background-image: url("../../../images/shop-event.png"); 
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 500px;
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}
.bg_small{
    width:98%;
    background-image: url("../../../images_mob/safey\ 1p.png"); 
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 400px;
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
}
.bg_shop_mobile{
    width:100%;
    background-image: url("../../../images_mob/shop\ event.jpg"); 
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 400px;
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
}
.imageText{
    padding-left: 10%;
    padding-top: 7%;
}
.sidebarmenu {
    position:absolute;
    float:left;
    margin-top:23px;
    width:190px;
    height:90%;
    background-color: rgba(0,0,0,0.7);
    overflow:hidden;
    z-index: 10000;
    margin-left:-190px;
    transition:0.8s all;
}
.side{
margin-left:0
}
.sidebarmenu ul{
    margin:0;
    padding:0;
}
.sidebarmenu ul li{
    list-style: none;
}
.sidebarmenu ul li a{
    text-decoration :none;
    color:white;
    height:80px;
    width:100%;
    font-size:18px;
    line-height: 80px;
    text-align: left;
    display:block;
    transition: 0.6s all;
    
}
.sidebarmenu ul li a:hover{
    background:#34495e;
}
.img-overlay{
    position: absolute;
     top: 50%;
     left: 5%;
     /* transform: translate(-50%, -50%); */
   }
   .img-overlay-center{
    position: absolute;
    top: 45%;
    left: 5%;
    /* transform: translate(-50%, -50%); */
   }
   .float_right{
       float:right
   }
   .color_like_smoke{
       color:#858585
   }
   .color_black{
       color:black
   }
   .border_radius_8px{
       /* border-top-radius: 4px */
       border-top-left-radius: 8px;
       border-bottom-left-radius: 8px
   }
   .header_margin_10{

   }
   .border-radius_25px{
       border-radius:25px;
   }
   .border-radius_6px{
       border-radius: 6px
   }
   .float_right{
       float:right
   }
   .background_color_like_smoke
   {
       background-color:#F4F4F4
   }
   .background_color_like_grey,.media-detail caption
   {
          background-color: rgba(216,216,216,0.5);
   }
   .btn-default{
    color: #fff;
    background-color: #EE3139!important;
    border-color: #EE3139!important;
}
.font_size_16px{
    font-size:16px
}
.font_size_13px{
    font-size:13px
}
.line_height_80px{
line-height: 80px
}
.font_size_35px{
    font-size:35px
}
.btn-default:hover{
    text-decoration: none;
    /*  background-color: #EE3139!important; */
}
.member_button{
    width: 15em;
    height: 3em;
    border-radius: 5px;
    box-shadow: 0 4px 26px 4px rgba(0,0,0,0.08);
}
.hr_carousel_1px{
    box-sizing: border-box; height: 1px;  width: 1507px;  border: 0.5px solid #979797;
}
.cards_view{
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.font_size_14px{
    font-size:14px
}
.shopmobile .box_shadow_card{
    max-width: -webkit-fill-available;
    max-width: 510px;
}
.shopmobile .box_shadow_card img{
    width: 100%;
}
.shopmobile p:last-child{
  padding-bottom: 15px;
}
   @media (min-width: 1281px) {
    .img-overlay{
        position: absolute;
         top: 50%;
         left: 5%;
         /* transform: translate(-50%, -50%); */
       }
       .display_none_phone{
        display: none
    }
   
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
    
    .img-overlay{
        position: absolute;
         top: 50%;
         left: 5%;
         /* transform: translate(-50%, -50%); */
       }
       .display_none_phone{
        display: none
    }
    
  }
  
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
    
    .img-overlay{
        position: absolute;
         top: 50%;
         left: 5%;
         /* transform: translate(-50%, -50%); */
       }
       .display_none_phone{
        display: none
    }
    
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
    .img-overlay{
        position: absolute;
         top: 50%;
         left: 5%;
         /* transform: translate(-50%, -50%); */
       }
       .display_none_phone{
        display: none
    }
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
    .bg_shop_mobile .img-overlay{
        position: absolute;
        top: 450px;/*420px;/*340px;/*19%;/*40%*/
        left: 50%;
        transform: translate( -51%, -50% );
        text-align: center;
        color: white;
        font-weight: bold;    width: 450px;
       }
       .font_size_40px{
        font-size:22px
    }
    .font_size_25px{
        font-size: 11px
    }
    .display_none{
        display: none
    }
    
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    
   .bg_shop_mobile .img-overlay{
    position: absolute;
    top: 450px;/*420px;/*355px;/*16%;/*40%;*/
    left: 50%;
    transform: translate( -51%, -60% );/*translate( -60%, -60% );*/
    text-align: center;
    color: white;
    width: 85%;
   }
   .font_size_40px{
       font-size:22px
   }
   .font_size_25px{
       font-size: 11px
   }
   .display_none{
    display: none
}
   
  }