.sliderShop {
    width     : 100%;
    margin-top: 4px;
}

.sliderShop>.childSlider {
    width: 100%;
}

.sliderShop>.childSlider img {
    width : 100%;
    height: auto;
}

.proMenu {
    display        : flex;
    justify-content: center;
    align-items    : center;
    width          : 100%;
    margin-bottom  : 5px;
    margin-top     : 5px;
}

.menu1 {
    display        : flex;
    justify-content: center;
    align-items    : center;
    width          : 90%;
}

.menu1 a {
    display       : block;
    color         : #000;
    width         : 100%;
    padding-top   : 8px;
    padding-bottom: 8px;
    box-shadow    : 1px 0px 5px grey;
    border-left   : 3px solid black;
    font-size     : 18px;
    font-family   : Georgia, serif;
    transition    : all .5s linear;
}

.cartItems {
    /*  background: rgba(100, 91, 134, 0.137); */
    border-right: 3px solid rgba(170, 45, 45, 0.363);

}



.menu1 a:hover {
    background: #078d8283;
    color     : #fff;
}

.menu2 {
    width: 10%;
}

.menu2 a {
    border-right   : 3px solid black;
    display        : flex;
    justify-content: center;
    align-items    : center;
    box-shadow     : 1px 0px 5px grey;
    padding-top    : 8px;
    padding-bottom : 8px;
}


#cart_item {
    display      : block;
    padding-left : 8px;
    padding-right: 8px;
    background   : red;
    color        : #fff;
    font-size    : 18px;
    text-align   : center;
    font-weight  : bold;
    border-radius: 3px;
}

.fa-shopping-cart {
    color    : #000;
    font-size: 18px;
}

.resMenu1 {
    display: none;
}

/* -------------------------products display------------------------ */
.productContainer {
    width          : 100%;
    /* background  : rgb(81, 116, 92); */
    display        : flex;
    justify-content: start;
    align-items    : center;
    flex-wrap      : wrap;

}

.proDis {
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-direction : column;
    width          : 20%;
    background     : rgb(235, 233, 240);
    padding        : 5px;
}

.inner_proDis {
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-direction : column;
    width          : 100%;
    height         : auto;
    background     : #fff;
    border         : 1px solid #078d8283;
    box-shadow     : 1px 0px 5px grey;
    padding        : 8px;


}

.inner_proDis .pImg {
    display  : block;
    width    : 100%;
    height   : auto;
    padding  : 5px;
    /* border: 1px solid red; */
}

.inner_proDis .pImg>img {
    width     : 100%;
    height    : 200px;
    object-fit: contain;
}


.infoItems {
    width             : 100%;
    display           : flex;
    justify-content   : center;
    align-items       : center;
    flex-direction    : column;
    /* background     : rgb(6, 100, 112); */

}

.infoItems h3 {
    width           : 100%;
    padding         : 5px;
    text-align      : left;
    border-bottom   : 1px solid rgb(6, 100, 112);
    font-size       : 15px;


}

.infoItems h3:nth-child(1) {
    font-size: 16px;
    padding  : 10px;
}


.inner_proDis>.view {
    display        : flex;
    justify-content: center;
    align-items    : center;
    padding        : 8px 0px 8px 0px;
    margin-top     : 3px;
    width          : 100%;
    color          : #000;
    font-size      : 15px;
    font-family    : Georgia, serif;
    /* background  : rgb(177, 169, 169); */
    background     : #078d8283;
    /*  background : rgb(144, 105, 206); */
}



.fa-eye {
    font-size : 15px;
    text-align: center;
    display   : block;
    cursor    : pointer;
    color     : red;

}

.fa-rupee-sign,
.fa-dollar-sign {
    font-size: 15px;
}

.cart_msg {
    display      : none;
    position     : fixed;
    top          : 50%;
    left         : 50%;
    transform    : translate(-50%, -50%);
    background   : rgba(255, 255, 255, 0.9);
    width        : 30vw;
    height       : auto;
    z-index      : 9000;
    border       : 1px solid red;
    border-radius: 5px;
}

.close_btn {
    position     : absolute;
    top          : -10px;
    right        : -10px;
    cursor       : pointer;
    width        : 20px;
    height       : 20px;
    line-height  : 18px;
    background   : red;
    color        : #fff;
    text-align   : center;
    border-radius: 50%;
    font-size    : 14px;
}

.show_msg {
    text-align     : center;
    font-size      : 17px;
    text-transform : capitalize;
    display        : flex;
    justify-content: center;
    align-items    : center;
    padding        : 10px 0px 10px 0px;
}


/* -------------------responsive-------------- */


@media screen and (max-width:1283px) {
    .infoItems h3:nth-child(1) {
        font-size: 15px;

    }
}

@media screen and (max-width:1159px) {
    .infoItems h3:nth-child(1) {
        font-size: 13px;

    }
}

@media screen and (max-width:1033px) {
    .infoItems h3:nth-child(1) {
        font-size: 10px;

    }
}

@media screen and (max-width:846px) {
    .proDis {
        width: 33.333%;
    }

    .infoItems {
        width: 100%;
    }

    .infoItems h3 {
        text-align: left;
        padding   : 5px;
        font-size : 15px;

    }

    .infoItems h3:nth-child(1) {
        font-size: 18px;

    }


}


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

    .sliderShop {
        display: none;
    }

    .menu1 {
        display: none;
    }

    .menu2 {
        display       : flex;
        flex-direction: row !important;
    }

    .menu2 a {
        width: 80%;
    }

    .menu2 .resMenu1 {
        display       : block;
        width         : 20%;
        background    : #078d8283;
        padding-top   : 8px;
        padding-bottom: 8px;
        cursor        : pointer;


    }

    .reponsive_nav1 {
        display: block !important;
        order  : 2;

    }


    .reponsive_nav1 a {
        width     : 100% !important;
        margin-top: 5px;
        font-size : 15px !important;
    }

    .menu1 a:nth-child(4) {
        border-right: none !important;
    }



    .resMenu1>.fa-window-close {
        color: red !important;
    }

    .resMenu1 .fa-bars {
        font-size: 18px;
        color    : #000;
    }

    .proDis {
        width: 100%;
    }

    .infoItems h3:nth-child(1) {
        font-size: 17px;

    }
}



@media screen and (max-width:780px) {
    .proMenu {
        flex-direction: column;

    }

    .menu1,
    .menu2 {
        width: 100%;
    }

    .menu2 a {
        border-left: 3px solid black;
    }

}

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

    .menu1 a {

        font-size: 12px;

    }

}