*,::after,::before {
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
    width: device-width
}
/*color class*/
img{
    line-height: 0;
}
.green_txt{
    color: #09b44d;
}
.green_bgc{
    background: #09b44d;
}
.light_gtxt{
    color: #09b44d; 
}
.light_gbgc{
    color: #09b44d; 
}
.lightgrey_txt{
    color: #f6f6f6; 
}
.lightgrey_bgc{
    background: #f6f6f6;    
}
.grey_txt{
    color: #262626; 
}
.grey_bgc{
    background: #262626;    
}
/*padding*/
.img_responsive{
    width: 100%;
    height: 100%;
}
.p-t-0{
    padding-top: 0px !important;
}
.p-l-0{
    padding-left: 0px !important;
}
.p-r-0{
    padding-right: 0px!important;
}
.p-b-0{
    padding-bottom: 0px !important;
}
.p-t-1{
    padding-top: 10px;
}
.p-t-2{
    padding-top: 20px;
}
.p-t-3{
    padding-top: 30px;
}
.p-t-4{
    padding-top: 40px;
}
.p-t-5{
    padding-top: 50px;
}
.p-t-6{
    padding-top: 60px;
}
.p-b-1{
    padding-bottom: 10px;
}
.p-b-2{
    padding-bottom: 20px;
}
.p-b-3{
    padding-bottom: 30px;
}
.p-b-4{
    padding-bottom: 40px;
}
.p-b-5{
    padding-bottom: 50px;
}
.p-b-6{
    padding-bottom: 60px;
}

.p-l-1{
    padding-left: 10px;
}
.p-l-2{
    padding-left: 20px;
}
.p-l-3{
    padding-left: 30px;
}
.p-l-4{
    padding-left: 40px;
}
.p-l-5{
    padding-left: 50px;
}
.p-l-6{
    padding-left: 60px;
}
.p-r-1{
    padding-right: 10px;
}
.p-r-2{
    padding-right: 20px;
}
.p-r-3{
    padding-right: 30px;
}
.p-r-4{
    padding-right: 40px;
}
.p-r-5{
    padding-right: 50px;
}
.p-r-6{
    padding-right: 60px;
}
/*margin*/
.m-t-1{
    margin-top: 10px;
}
.m-t-2{
    margin-top: 20px;
}
.m-t-3{
    margin-top: 30px;
}
.m-t-4{
    margin-top: 40px;
}
.m-t-5{
    margin-top: 50px;
}
.m-t-6{
    margin-top: 60px;
}
.m-b-1{
    margin-bottom: 10px;
}
.m-b-2{
    margin-bottom: 20px;
}
.m-b-3{
    margin-bottom: 30px;
}
.m-b-4{
    margin-bottom: 40px;
}
.m-b-5{
    margin-bottom: 50px;
}
.m-b-6{
    margin-bottom: 60px;
}

.m-l-1{
    margin-left: 10px;
}
.m-l-2{
    margin-left: 20px;
}
.m-l-3{
    margin-left: 30px;
}
.m-l-4{
    margin-left: 40px;
}
.m-l-5{
    margin-left: 50px;
}
.m-l-6{
    margin-left: 60px;
}
.m-r-1{
    margin-right: 10px;
}
.m-r-2{
    margin-right: 20px;
}
.m-r-3{
    margin-right: 30px;
}
.m-r-4{
    margin-right: 40px;
}
.m-r-5{
    margin-right: 50px;
}
.m-r-6{
    margin-right: 60px;
}


.grocery-full {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    /*margin-right: auto;
    margin-left: auto;*/
}

.grocery-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-right: -15px;*/
    /*margin-left: -15px;*/
}

.grocery,.grocery-1,.grocery-10,.grocery-11,.grocery-12,.grocery-2,.grocery-3,.grocery-4,.grocery-5,.grocery-6,.grocery-7,.grocery-8,.grocery-9,.grocery-auto{
    /*position: relative;*/
    /*width: 100%;*/
    /*min-height: 1px;*/
    padding-right: 4px;
    padding-left: 4px;
}

.grocery {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.grocery-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.grocery-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.grocery-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.grocery-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.grocery-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.grocery-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.grocery-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.grocery-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.grocery-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.grocery-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.grocery-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.grocery-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.grocery-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}
/*@media only screen and (min-width: 650px){
    .grocery-full{
        width: 600px;
    }
}*/