.style_disp_ {
    border: 1px dotted #3A5F0B;
    border-radius: 7px;
    font: 18px "times";
    margin-top: 5px;
    padding: 10px;
    color:white;
    height:200px;
    margin-bottom:40px;
}





@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.face {
  animation: shake 1s linear infinite;

}


.textWhite{ color:#fff; }
.border-rounded{ border-radius:7px; }
.bgYellow{ background: yellow; }
.bgGreen { background: #3A5F0B; }
.textYellow{ color:yellow; }
.textGreen { color:#3A5F0B; }
.textBold{ font-weight: bold; }
.textBlack { color:#000; }
.textBold{ font-weight: bold; }

.textBlue{color: #0f9ddf;}
.bgBlue{ background: #0f9ddf; }

.bgPink { background:#FE5F73; }
.textPink { color:#FE5F73; }
.bgOrange { background:#FC4F31; }
.textOrange { color:#FC4F31; }
.bgBlack { background: black; }

.bgGreen { background:#487c3A; }
.textGreen { color:#487c3A; }

.bgGreen2 { background:#86c63e; }
.textGreen2 { color:#86c63e; }

.link:hover{ text-decoration: none; }

.fontBold{ font-weight: bold; }

.putborder{border:1px solid #FC4F31;border-radius:7px;}



@media (min-width:0px) and (max-width:350px){
.hidden-sm {display:none;}
.hero-slider .hs-item {
  position: relative;
  height: 380px;
}
.smallfont{font-size:9px;text-align: center;text-transform: lowercase;padding-top:8px;}
.font12small{ font-size: 8px; }
.font11Small{ font-size: 14px; }
.commonfont{ font-size: 14px;  }
.font20small{ font-size: 16px; }


.font12small_line_height{ font-size: 12px;line-height: 1px; }

.cartInage{ width:100px; height:140px; }
}

@media (min-width:351px) and (max-width:800px){
.hidden-sm {display:none;}
.hero-slider .hs-item {
  position: relative;
  height: 380px;
}
.smallfont{font-size:9px;text-align: center;text-transform: lowercase;padding-top:8px;}
.font12small{ font-size: 8px; }

.font12small_line_height{ font-size: 11px; }


.font11Small{ font-size: 16px; }
.font11Small_{ font-size: 12px; }
.font13small{ font-size: 14px; }
.font20small{ font-size: 20px; }
.commonfont{ font-size: 14px;  }
.cartInage{ width:100px; height:140px; }

.itemHeight{height: 500px;}


.homeSize{ font-size: 12px; }


.catImage{height:100px;}
}




@media (min-width:801px) and (max-width:2000px){
.hero-slider .hs-item {
  position: relative;
  height: 520px;
}
.smallfont{text-align: center;text-transform: uppercase;padding-top:8px;}
.font11Small{ font-size: 16px; }
.manageProductWidth{ height: 550px; }
.cartInage{ width:110px; height:140px; }
.smallfont{font-size:12px;text-align: center;text-transform: lowercase;}
.catImage{height:150px;}
   }


     @font-face {
    font-family: 'montereyflfregular';
    src: url('../icon-fonts/sap/montereyflf-webfont.eot');
    src: url('../icon-fonts/sap/montereyflf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../icon-fonts/sap/montereyflf-webfont.woff2') format('woff2'),
         url('../icon-fonts/sap/montereyflf-webfont.woff') format('woff'),
         url('../icon-fonts/sap/montereyflf-webfont.ttf') format('truetype'),
         url('../icon-fonts/sap/montereyflf-webfont.svg#montereyflfregular') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: lowercase;

}

.stylefont{ font-family: montereyflfregular; }