/*FLEX GRID SYSTEM *******************/
/*@media only screen and (min-width: 48em) and (max-width: 75em) {*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .container {
        width: 61rem;
    }

    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
    }

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

    .col-md-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%;
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%;
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%;
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%;
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%;
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%;
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%;
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .row-reverse-md {
        box-sizing: border-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex: 0 1 auto;
        -webkit-box-flex: 0;
        flex: 0 1 auto;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row-reverse;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
    }
    /*FLEX GRID SYSTEM END ***************/

/* ----- PADDING --------------------------*/

    .ph-0-md{
        padding-left: 0;
        padding-right: 0;
    }
    .ph-5-md{
        padding-left: 5px;
        padding-right: 5px;
    }
    .ph-10-md{
        padding-left: 10px;
        padding-right: 10px;
    }
    .ph-15-md{
        padding-left: 15px;
        padding-right: 15px;
    }
    .ph-20-md{
        padding-left: 20px;
        padding-right: 20px;
    }
    .ph-25-md{
        padding-left: 25px;
        padding-right: 25px;
    }
    .ph-30-md{
        padding-left: 30px;
        padding-right: 30px;
    }
    .ph-50-md{
        padding-left: 50px;
        padding-right: 50px;
    }

    .pv-0-md{
        padding-top: 0;
        padding-bottom: 0;
    }
    .pv-5-md{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .pv-10-md{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .pv-15-md{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .pv-20-md{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .pv-25-md{
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .pv-30-md{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .pv-50-md{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .p-0-md{padding: 0!important;}
    .p-5-md{padding: 5px;}
    .p-10-md{padding: 10px;}
    .p-15-md{padding: 15px;}
    .p-20-md{padding: 20px;}
    .p-25-md{padding: 25px;}
    .p-30-md{padding: 30px;}
    .p-40-md{padding: 40px;}
    .p-50-md{padding: 50px;}

    .pr-0-md{padding-right: 0;}
    .pr-5-md{padding-right: 5px;}
    .pr-10-md{padding-right: 10px;}
    .pr-15-md{padding-right: 15px;}
    .pr-20-md{padding-right: 20px;}
    .pr-25-md{padding-right: 25px;}
    .pr-30-md{padding-right: 30px;}
    .pr-50-md{padding-right: 50px;}

    .pl-0-md{padding-left: 0;}
    .pl-5-md{padding-left: 5px;}
    .pl-10-md{padding-left: 10px;}
    .pl-15-md{padding-left: 15px;}
    .pl-20-md{padding-left: 20px;}
    .pl-25-md{padding-left: 25px;}
    .pl-30-md{padding-left: 30px;}
    .pl-40-md{padding-left: 40px;}
    .pl-50-md{padding-left: 50px;}

    .pt-0-md{padding-top: 0;}
    .pt-5-md{padding-top: 5px;}
    .pt-10-md{padding-top: 10px;}
    .pt-15-md{padding-top: 15px;}
    .pt-20-md{padding-top: 20px;}
    .pt-25-md{padding-top: 25px;}
    .pt-30-md{padding-top: 30px;}
    .pt-50-md{padding-top: 50px;}

    .pb-0-md{padding-bottom: 0;}
    .pb-5-md{padding-bottom: 5px;}
    .pb-10-md{padding-bottom: 10px;}
    .pb-15-md{padding-bottom: 15px;}
    .pb-20-md{padding-bottom: 20px;}
    .pb-25-md{padding-bottom: 25px;}
    .pb-30-md{padding-bottom: 30px;}
    .pb-50-md{padding-bottom: 50px;}

/* ----- END PADDING --------------------------*/

/* ----- MARGIN --------------------------*/
    /*
    m :margin
    mv :margin vertical
    mh :margin horizontal
    ml :margin left
    mr :margin right
    mt :margin too
    mb :margin bottom
    */


    .mh-auto-md{
        margin-left: auto;
        margin-right: auto;
    }
    .mh-0-md{
        margin-left: 0;
        margin-right: 0;
    }

    .mv-auto-md{
        margin-top: auto;
        margin-bottom: auto;
    }
    .mv-0-md{
        margin-top: 0;
        margin-bottom: 0;
    }

    .m-auto-md{margin: auto;}
    .m-0-md{margin: 0!important;}
    .m-5-md{margin: 5px;}
    .m-10-md{margin: 10px;}
    .m-15-md{margin: 15px;}
    .m-20-md{margin: 20px;}
    .m-25-md{margin: 25px;}
    .m-30-md{margin: 30px;}
    .m-50-md{margin: 50px;}

    .mr-auto-md{margin-right: auto;}
    .mr-0-md{margin-right: 0;}
    .mr-5-md{margin-right: 5px;}
    .mr-10-md{margin-right: 10px;}
    .mr-15-md{margin-right: 15px;}
    .mr-20-md{margin-right: 20px;}
    .mr-25-md{margin-right: 25px;}
    .mr-30-md{margin-right: 30px;}
    .mr-50-md{margin-right: 50px;}

    .ml-auto-md{margin-left: auto;}
    .ml-0-md{margin-left: 0;}
    .ml-5-md{margin-left: 5px;}
    .ml-10-md{margin-left: 10px;}
    .ml-15-md{margin-left: 15px;}
    .ml-20-md{margin-left: 20px;}
    .ml-25-md{margin-left: 25px;}
    .ml-30-md{margin-left: 30px;}
    .ml-50-md{margin-left: 50px;}

    .mt-auto-md{margin-top: auto;}
    .mt-0-md{margin-top: 0;}
    .mt-5-md{margin-top: 5px;}
    .mt-10-md{margin-top: 10px;}
    .mt-15-md{margin-top: 15px;}
    .mt-20-md{margin-top: 20px;}
    .mt-25-md{margin-top: 25px;}
    .mt-30-md{margin-top: 30px;}
    .mt-50-md{margin-top: 50px;}

    .mb-auto-md{margin-bottom: auto;}
    .mb-0-md{margin-bottom: 0;}
    .mb-5-md{margin-bottom: 5px;}
    .mb-10-md{margin-bottom: 10px;}
    .mb-15-md{margin-bottom: 15px;}
    .mb-20-md{margin-bottom: 20px;}
    .mb-25-md{margin-bottom: 25px;}
    .mb-30-md{margin-bottom: 30px;}
    .mb-50-md{margin-bottom: 50px;}

/* ----- END MARGIN --------------------------*/
    /*font size*/
    .fs-10-md{font-size: 10px}
    .fs-12-md{font-size: 12px}
    .fs-14-md{font-size: 14px}
    .fs-16-md{font-size: 16px}
    .fs-18-md{font-size: 18px}
    .fs-20-md{font-size: 20px}
    .fs-22-md{font-size: 22px}
    .fs-24-md{font-size: 24px}
    .fs-26-md{font-size: 26px}
    .fs-28-md{font-size: 28px}
    /*font size end*/

    .hide-md{
        display: none!important;
        visibility: hidden!important;
    }

    .fw-500-md{
        font-weight: 500;
    }
    .fw-400-md{
        font-weight: 400;
    }
    .collapse.show-md{
        height: 100%;
    }
    .show-md{
        display: flex;
    }
    
/* OTHER ------------------------------------------------------------------------*/
    .w-10-md{width: 10%;}
    .w-20-md{width: 20%;}
    .w-30-md{width: 30%;}
    .w-40-md{width: 40%;}
    .w-50-md{width: 50%;}
    .w-60-md{width: 60%;}
    .w-70-md{width: 70%;}
    .w-80-md{width: 80%;}
    .w-90-md{width: 90%;}
    .w-100-md{width: 100%;}
    .wrapper{
        width: 95%;
    }
    .h-100-md{
        height: 100%;
    }
    .h-120-md{
        height: 120px;
    }
    .h-auto-md{height: auto;}
    /*header***********************/
    .main-header{

        background: #1d9001;
        height: 60px;
		transition: 0.4s;
        position: fixed;
        z-index: 4;
		transform: translateY(0);
    }

    .main-header.rollup{
        transform: translateY(-100%);
    }	

    .header-search{
		width:100% !important;
		padding: 10px !important;
        z-index: 4 !important;
        position: fixed;
		background: #1d9001;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0,0.15);
        border-bottom:1px solid #ddd;
        top: 45px;
        transition: 0.4s;
    }

    .header-search.rollup{
        transform: translateY(-250%);
    }        
	
	
    .clear-md:after,.clear-md:before{
        content: none!important;
    }
    .logo .logo-img{
        position: relative;
    }
    /********/
    .abc-icon{
        height: 25px;
    }
    .abc-icon.icon-status{
        height: 15px;
    }
    .logo .logo-img img{
        height: 100%;
    }
    .sub-header .categories .category:first-child:before{
        transform: skewX(0deg);
        border-top-left-radius: 5px;
    }
    .menu-icon{
        height: 30px;
    }
    .d-flex-md{
        display: flex;
    }

    /*mobile wrapper*/
    .nav-item{

    }
    .b-gray-md{
        border:1px solid #ddd;
    }
    .nav-mobile-wrapper{
        border-radius: 5px;
    }
    /*****************/
    /*foooter **************/
    .footer-logo{
        margin-top: -30px;
        max-width: 200px;
    }
    .subfooter-links{
        color: white;
        display: inline-flex;
    }
    .subfooter-links .link + .link:before{
        border-left: 1px solid #ddd ;
    }
    /*footer end************/

    .text-right-md{text-align: right;}
    .text-left-md{text-align: left;}
    .text-center-md{text-align: center;}

    .br-5-md{border-radius: 5px;}

    /*cart*/
    .cart-dropdown{
        min-width: 400px;
    }
    .cart-pd-img {
        width: 85px;
        height: 80px;
    }
    .cart-img{
        height: 80px;
    }
    /*cart end*/
    .top-bar{
        background: rgb(29,144,1);
    }
    .z-1-md{
        z-index: 1;
    }
    .w-95-md{
        width: 95%;
    }
    .color-white-md{color: white}
    .bg-orange-md{background-color: #ff7c00!important;}
    .bg-green-md{background-color: #1d9001!important;}
    .bg-subgreen-md{background-color: #0f4f00!important;}
    .bg-yellow-md{background-color: #ffd900!important;}
    .bg-red-md{background-color: #fd0002!important;}
    .bg-white-md{background-color: #FFFFFF!important;}
    .bg-gray-md{background-color:#f8f8f8/*#e6e6e6;*/!important;}

    .subcategories [class*="col-md-"]:nth-child(4n){
        border-right: none;
    }
    .fd-column-md{
        flex-direction: column;
    }
    .o-hide-md{
        overflow: hidden;
    }
    .modal-content{
        width: 720px;
    }
    /* deprecated
    .subcategories.collapse{
        border-top: 1px solid #ddd;
    } */
    
	.subheader-mobile{
        z-index: 3;
        margin-top: 130px !important;
    }
    .products .product{
        border-bottom: 1px solid #ddd;
    }
	
	.p-fixed-md{
		position:fixed;
	}
    .select-temp-fix{
        width: 270px;
    }
  /* remove borders of products in slider */
    .slider.no-borders-md .product {
        border: none !important;
    }

    .tablet-divider{
        background-color: #f0f0f0;
        padding-bottom: 15px;
       
     }
     .tablet-divider > div{
        background-color: white;
        border-bottom: 2px solid #ddd;
     }

     .header-icon-wrapper .header-icon{
        color:white;
    }
     /* header notification module */
     .header_notification_on .header-search{
        top: 85px;
    }



	
}