/* ---------------------- Breakpoints for the Carousel ---------------------- */
.col-4 {
    padding: 0;
}

.product-item .pi-text .catagory-name {
    /*height: 32px;*/
}
/* --- EXtra small devices like phones - less than 360px --- */
@media (max-width: 359.9px) {

    .btn-reset {
        margin-top: 0px;
        margin-bottom:10px;
    }
    .fixed-head {
        margin-top: 120px;
    }

    .inner-header .logo {
        padding: 2px 0;
    }

    .inner-header {
        padding: 10px 0 7px 0;
    }

    .contmin {
        max-width: 100%;
    }

    /*.carousel-item {
        height: 8rem;
    }*/
    .carousel-indicators {
        top: 236px;
    }
    .carousel-caption {
        height: 6rem;
        bottom: .75rem;
    }

        .carousel-caption h1 {
            font-size: .85rem;
            font-weight: bold;
        }

        .carousel-caption p {
            font-size: .6rem;
            font-weight: bold;
            line-height: 1;
        }

        .carousel-caption .btn {
            font-size: .5rem;
            line-height: 1;
        }

    .product-item .pi-text h5 {
        height: 32px;
    }

    .product-item {
        height: 230px;
    }

        .product-item .pi-text {
            padding: 10px 6px;
        }

    .btn-categories {
        font-size: 10px;
        padding: .2rem .75rem;
    }

    #myCarousel {
        margin-bottom: 0rem;
        padding-top: 0rem;
    }

    .carousel-control-next, .carousel-control-prev {
        top: 0rem;
    }

    .seller-container {
        margin: 5px 0px;
    }

    .shop-name-and-title-container {
        margin-bottom: 10px;
    }

    /*.order-owner img {
        width: 17%;
        margin: auto;
        padding: 7px;
        border-radius: 50%;
    }*/

    .product-item .pi-text .catagory-name {
        /*height: 32px;*/
    }

    .shop-stats {
        margin-top:50px;
        text-align:left;
    }
}

/* --- Small devices like phones - starting at 360px ---*/
@media (min-width: 360px) {
    .btn-reset {
        margin-top: 0px;
        margin-bottom: 10px;
    }.fixed-head {
        margin-top: 120px;
    }

    .contmin {
        max-width: 100%;
    }

    /*.carousel-item {
        height: 9rem;
    }*/

    .carousel-caption {
        height: 8rem;
    }

    .carousel-control-next, .carousel-control-prev {
        top: 0rem;
    }

    .seller-container {
        margin: 10px 0px;
    }

    .product-item {
        height: 260px;
    }

    .badge-cart {
        position: absolute;
        top: 5px;
        right: 119px;
        background: #e7ab3c;
    }
}
@media (min-width: 375px) {
    .badge-cart {
        position: absolute;
        top: 5px;
        right: 125px;
        background: #e7ab3c;
    }
}
@media (min-width: 411px) {
    .badge-cart {
        position: absolute;
        top: 5px;
        right: 140px;
        background: #e7ab3c;
    }
}
@media (min-width: 414px){
    .btn-reset {
        margin-top: 0px;
        margin-bottom: 10px;
    }.badge-cart {
        position: absolute;
        top: 5px;
        right: 140px;
        background: #e7ab3c;
    }
}
/* --- Medium devices like tablets - starting at 600px ---*/
@media (min-width: 600px) {
    .btn-reset {
        margin-top: 0px;
        margin-bottom: 10px;
    }.contmin {
        max-width: 100%;
    }

    /*.carousel-item {
        height: 13.5rem;
    }*/

    .carousel-caption {
        height: 9rem;
    }

    .fixed-head {
        margin-top: 126px;
    }

    .seller-container {
        margin: 5px 0px;
    }

    .badge-cart {
        position: absolute;
        top: 5px;
        right: 209px;
        background: #e7ab3c;
    }
}

/* --- Medium devices like tablets - starting at 758px ---*/
@media (min-width: 758px) {
    .btn-reset {
        margin-top: 0px;
        margin-bottom: 10px;
    }.contmin {
        max-width: 90%;
    }

    /*.carousel-item {
        height: 13.7rem;
    }*/

    .carousel-caption {
        height: 10rem;
    }

    .fixed-head {
        margin-top: 152px;
    }

    .seller-container {
        margin: 5px 0px;
    }

    .product-item {
        height: 300px;
    }
    .badge-cart {
        right: 275px;
    }
}

@media (min-width: 991px) {
    .product-shop.page-details .product-details {
        padding-top: 0px;
    }

    .specification-table {
        padding-top: 0px;
    }

    .product-item {
        height: 260px;
    }

    .fixed-head {
        margin-top: 155px;
    }

    .seller-container {
        margin: 5px 0px;
    }

    .place-order {
        padding-top: 0px;
    }
    .badge-cart {
        position: absolute;
        top: 5px;
        right: 112px;
        background: #e7ab3c;
    }
}

@media only screen and (max-width: 991px) {
    /*.btn-reset {
        margin-top: 21px;
        padding: 8px;
    }*/.place-order {
        padding-top: 0px;
    }
}
/* --- Tablets, Laptops - starting at 1024px ---*/
@media (min-width: 1024px) {
    .btn-reset {
        margin-top: 21px;
        padding: 8px;
    }.contmin {
        max-width: 90%;
    }
    .carousel-indicators {
        top: 260px;
    }
    .carousel-item {
        height: 24.5rem;
    }
}

/* --- Tablets, Laptops - starting at 1280px ---*/
@media (min-width: 1280px) {
    .contmin {
        max-width: 80%;
    }

    .carousel-item {
        height: 30rem;
    }

    .carousel-caption {
        padding-left: 7rem;
        padding-right: 7rem;
    }
}

/* --- Laptops, Desktops - starting at 1366px ---*/
@media (min-width: 1366px) {
    .contmin {
        max-width: 80%;
    }

    .carousel-caption {
        padding-left: 7.5rem;
        padding-right: 7.5rem;
    }
}

/* --- Desktops - starting at 1536px ---*/
@media (min-width: 1536px) {
    .contmin {
        max-width: 70%;
    }

    .carousel-caption {
        padding-left: 8rem;
        padding-right: 8rem;
    }
}

/* --- Desktops - starting at 1680px ---*/
@media (min-width: 1680px) {
    .contmin {
        max-width: 70%;
    }

    .carousel-caption {
        padding-left: 8.5rem;
        padding-right: 8.5rem;
    }
}

/* --- Desktops - starting at 1920px ---*/
@media (min-width: 1920px) {
    .contmin {
        max-width: 60%;
    }

    .carousel-caption {
        padding-left: 9rem;
        padding-right: 9rem;
    }
}

/* --------------------------- Carousel END --------------------------- */