* {
    margin         : 0;
    padding        : 0;
    box-sizing     : border-box;
    text-decoration: none;
    text-transform : capitalize;
    text-align     : center;
    /* font-family : Georgia, serif; */
    font-family    : Garamond, serif;
    /*  font-family: 'Brush Script MT'; */
    /*  list-style : none; */


}

.container {
    height: auto;
}

.cntr {
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.top_sec {
    display        : flex;
    justify-content: center;
    align-items    : center;
    width          : 100%;
    padding-bottom : 5px;
    border-bottom  : 3px solid #000;
}

.main1,
.main2 {
    display        : flex;
    justify-content: center;
    align-items    : center;
    width          : 70%;
}



.main1 a,
.main2 a {
    display      : block;
    width        : 33.333%;
    color        : #000;
    padding      : 10px;
    margin       : 4px;
    cursor       : pointer;
    box-shadow   : 1px 0px 5px grey;
    border-radius: 3px;
    transition   : all .5s linear;
    font-size    : 20px;
    font-weight  : bold;
}

.main1 a:hover,
.main2 a:hover {
    background: #078d8283;
    color     : #fff;

}

.main2 {
    width: 30%;
}

.main2 a {
    width: 100% !important;
}

#cart_item {
    background   : red;
    padding      : 3px 8px 3px 8px;
    border-radius: 3px;
    color        : #fff;
    text-align   : center;
    font-size    : 15px;
}

.fa-shopping-cart {
    color: blueviolet;

}

.main_sec {
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-direction : column;
    width          : 100%;
}



.social {
    display        : flex;
    justify-content: center;
    align-items    : center;
    width          : 100%;
    padding        : 10px;
    box-shadow     : 1px 0px 5px grey;
}

.social a {
    display        : flex;
    justify-content: center;
    align-items    : center;
    box-shadow     : 1px 0px 5px grey;
    font-size      : 20px;
    margin         : 8px;
    padding        : 10px;
    width          : 50px;
    height         : 50px;
    border-radius  : 50%;
}

.social a:hover>.fab {
    animation: social .5s linear;
}

@keyframes social {
    0% {
        transform: rotate(0deg);

    }

    100% {
        transform: rotate(360deg);

    }
}

.MainBody {
    width          : 100%;
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.MianChild {
    width     : 33.333%;
    background: #fff;
    align-self: stretch;
    margin    : 1px;
    box-shadow: 1px 0px 5px grey;
}

.inner_img {
    width          : 100%;
    height         : 100%;
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-direction : column;
    background     : #fff;
    padding        : 8px;

}

.imgDip {
    width: 100%;

}

.imgDip img {
    width     : 100%;
    height    : auto;
    object-fit: contain;
}

/* ------------------------------------------feature Images---------------------------------------------- */

.mainFeature {
    display        : flex;
    justify-content: center;
    align-items    : center;

}

.featureContainer {
    width          : 50%;
    display        : flex;
    justify-content: center;
    align-items    : center;
    flex-wrap      : wrap;

}


 .zoom {
        
        transform-origin: 0px 0px;
        transform: scale(1) translate(0px, 0px);
        cursor: grab;
    }

.featureContainer img {
    width     : 33.33%;
    height    : auto;
    object-fit: contain;
    cursor    : pointer;
    padding   : 15px;
    box-shadow: 1px 0px 5px grey;

}

/* ------------------------------------------/feature Images---------------------------------------------- */
.thumbImg {
    width          : 100%;
    display        : flex;
    justify-content: center;
    align-items    : center;
    background     : #fff;
}

.thumbImg img {
    width     : 100%;
    height    : 70px;
    object-fit: contain;
    cursor    : pointer;
    box-shadow: 1px 0px 5px grey;

}



.dtails {
    display       : flex;
    flex-direction: column;
    padding-bottom: 5px;
    align-items   : center;

}

.dtails h2 {
    width         : 100%;
    color         : rgb(51, 5, 73);
    padding-top   : 5px;
    padding-bottom: 5px;
    border-bottom : 3px solid rgb(51, 5, 73);
    margin-bottom : 8px;
    font-family   : 'Brush Script MT';
    font-size     : 28px;
    letter-spacing: 2.5px;
}



.Pdec {
    width          : 80%;
    margin-top     : 5px;
    padding        : 20px;
    font-size      : 15px;
    line-height    : 1.8;
    font-family    : Arial, Helvetica, sans-serif;
    text-align     : justify;
    text-align-last: center;

}


.dtails>.addIocart {
    text-decoration : none;
    border          : 1px solid green;
    display         : block;
    width           : 90%;
    padding         : 10px 0px;
    background-color: #fff;
    color           : #000;
    transition      : all .5s linear;
}

.dtails>.addIocart:hover {
    background: #078d8283;
    color     : #fff;
}


.sizes {
    width  : 90% !important;
    display: flex;

}

.sizes #siz {
    width         : 100%;
    height        : 40px;
    outline       : none;
    border        : none;
    font-weight   : bolder;
    font-family   : Arial, Helvetica, sans-serif;
    box-shadow    : 1px 0px 5px grey;
    border        : 1px solid gray;
    background    : #fff;
    transition    : all .5s linear;
    cursor        : pointer;
    text-transform: uppercase;

}

.sizes #siz:hover {
    background: #078d8283;
    color     : #fff;
    scale     : 1;
}





.bTnmenu {
    width        : 100%;
    /* background: yellow; */
}

.bTnmenu a {
    margin       : 5px;
    display      : block;
    width        : 100%;
    border-bottom: 1px solid darkblue;
    padding      : 13px 0px;
    box-shadow   : 1px 0px 5px grey;
    font-size    : 16px;
    font-weight  : bolder;
    transition   : all .5s linear;
    color        : rgb(56, 4, 4);
}

.bTnmenu a:hover,
.bTnmenu a:hover {
    background: #078d8283;
    color     : #fff;
    scale     : 1;


}

.bTnmenu a>.fa-store-alt,
.bTnmenu a>.fa-luggage-cart,
.bTnmenu a>.fa-cart-plus,
.bTnmenu a>.fa-comment {
    font-size: 14px;
    color    : rgb(56, 4, 4);
}


.imgAnimat {
    display        : flex;
    justify-content: center;
    align-items    : center;
    background     : #fff;
}

.imgAnimat img {
    width     : 100%;
    height    : 350px;
    min-height: auto;
    object-fit: contain;
}

.bottomImg {
    width     : 100%;
    box-shadow: 1px 0px 5px grey;

}

.bottomImg img {
    width        : 100px;
    height       : 100px;
    box-shadow   : 1px 0px 5px grey;
    margin       : 4px;
    border-radius: 5px;
    cursor       : pointer;
    object-fit   : contain;

}

#marq {
    padding: 5px;

}

#productForm {
    /* display: none; */
    width: 100%;
}

#productForm th {
    text-transform: capitalize;
}

#productForm input {
    width  : 100%;
    padding: 5px;
}

#submit {
    width    : 100%;
    padding  : 5px;
    font-size: 18px;
    color    : maroon;
    cursor   : pointer;
}

#infoTable {
    width: 100%;

}

td {
    padding      : 5px 0px;
    /* text-align: left; */
    font-family  : Arial, Helvetica, sans-serif;
    font-size    : 14px;
}

.incDec,
.ptxt {
    display: flex;
}

#infoTable tr td:first-child {
    font-weight: bold;

}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

tr:nth-last-child(1) td {
    padding    : 10px;
    font-weight: bold;
    font-size  : 18px;
}

.incDec>button,
.ptxt>button {
    width        : 50%;
    margin       : 1px;
    /* box-sizing: border-box; */
    cursor       : pointer;
    font-size    : 19px;
    font-weight  : bold;
    font-family  : 'Courier New', Courier, monospace;
    border       : none;
}

.ptxt>button {
    font-size: 18px;

}

.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  : 20px;
    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;
}

#reviewsform {
    width             : 100%;
    display           : none;
    /* justify-content: center;
    align-items       : center; */

}


#ratinWords {
    width         : 100%;
    padding       : 5px;
    /* text-align : right !important; */
    font-size     : 18px;
    font-family   : Arial, Helvetica, sans-serif;
}

textarea {
    width      : 100%;
    resize     : none;
    font-family: Arial, Helvetica, sans-serif;
    font-size  : 15px;
    padding    : 6px;
    color      : rgb(107, 24, 24);
}

#reviews_submit {
    width       : auto;
    float       : right;
    padding     : 10px;
    color       : rgb(16, 122, 6);
    font-size   : 18px;
    font-weight : bold;
    font-family : Arial, Helvetica, sans-serif;
    cursor      : pointer;
    margin-right: -10px;
    margin-top  : -10px;


}

.reviwParent {
    width        : 100%;
    /* background: rgb(243, 240, 240); */
}

.reviewChildContainer {
    width     : 100%;
    color     : green;
    box-shadow: 1px 0px 5px rgb(143, 140, 140);
    padding   : 5px 0px 5px 0px;

}

.mixsectiion {
    margin: 5px;
}

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

@media screen and (max-width:1200px) {
    .thumbImg img {
        height: 60px;
    }
}

@media screen and (max-width:1150px) {
    .thumbImg img {
        height: 50px;
    }
}

@media screen and (max-width:1000px) {
    .thumbImg img {
        height: 40px;
    }
}

@media screen and (max-width:920px) {
    .imgAnimat {
        display: none;
    }

    .MianChild {
        width: 50%;
    }

    .thumbImg img {
        height: 70px;
    }
}

@media screen and (max-width:800px) {
    .thumbImg img {
        height: 50px;
    }

    .cntr {
        flex-direction: column;
    }

    .bTnmenu a {
        margin : .5px;
        padding: 8px;

    }


}

@media screen and (max-width:600px) {
    .top_sec {
        flex-wrap: wrap;
    }

    .main1,
    .main2 {
        width: 100%;
    }

    .main1 a {
        margin   : 0 !important;
        font-size: 15px;
    }

    .main2 a {
        margin: 0 !important;
    }

    .fa-home,
    .fa-store-alt,
    .fa-luggage-cart {
        font-size: 15px !important;
    }

    .bTnmenu {
        width: 100% !important;
    }

    .thumbImg img {
        height        : 60px;
        padding-top   : 8px;
        padding-bottom: 8px;
    }

    .dtails>ul {
        width: 95%;
    }

    .MainBody {
        flex-wrap: wrap;
    }

    .MianChild {


        width: 100% !important;
    }
}