.breadcrumb a {
    text-decoration: none;
    color: black;
    font-size: 18px;
    font-family: var(--font);
}

.image-container {
    width: 89%;
    height: 708px;
    overflow: hidden;
}
.carousel-image img{
    width: 100%;
    height: 700px;
    min-height: 100%;
    max-height: 100%;
    object-fit: fill; 
}
.carousel-control-prev-icon, .carousel-control-next-icon{
    background-color: rgba(0, 0, 0, 0.39);
    padding: 20px;
}
.pro-info{
    text-align: center;
    font-family: var(--font);
}
.pro-info h3{
    font-size: 18px;
}
.pro-info p{
    font-size: 16px;
    color: rgb(95, 95, 95);
}
.pro-info .price{
    font-size: 18px;
    color: rgb(7, 7, 7);
    font-weight: 500;
}
.view-size, .size-guide{
    color: black;
    font-size: 16px;
    font-family: var(--font);
}
/* ---modal-- */

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: white;
    background-color: rgb(82, 82, 82)
}
.size-guid, .size{
    padding: 20px 90px;
}

.modal-button{
    color: black;
}
.modal-button:focus{
    color: black;
}
.modal-button:hover{
    color: rgb(94, 94, 94);
}
.size-table th, 
.size-table td {
    border: 1px solid rgb(199, 199, 199);
    border-collapse: collapse;
}

.size-table{
    padding: 5px;
    overflow-x: auto;
}
.pro-size li{
 list-style: none;
}
.pro-size li a{
    text-decoration: none;
    color: black;
    padding: 8px;
    font-size: 16px;
    font-family: var(--font);
}
.pro-size li a:hover{
  background-color: black;
  color: white;
}
@media (min-width: 576px){
    .modal-dialog {
        max-width: 885px;
    }
}
@media (max-width: 600px){
    .image-container {
        width: 100%;
        height: 539px;
        overflow: hidden;
    }
    .size-guid, .size{
        padding: 20px 17px;
    }
    .carousel-image img{
        height: 528px;
    }
}
.cartbtn{
    width: 50%;
    background-color: black;
    color: white;
    font-family: var(--font);
    font-size: 16px;
    font-weight: 500;
}
.storebtn{
    width: 50%;
    background-color: rgb(255, 255, 255);
    color: black;
    border: 1px solid rgb(68, 68, 68);

}
/* //end product section */
.product-details{
    margin-left: 48px;
    margin-right: 48px;
    padding: 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.description,.details, .materials, .care{
    width: 600px;
    margin: 40px 0px;
}
.pdescription, .pdetails, .pmaterials{
    font-family: var(--font);
}
.description-title, .details-title, .materials-title, .care-title{
    margin-bottom: 10px;
    font-weight: bolder;
    color: black;
}
@media (max-width: 768px){
    .product-details{
        margin-left: 10px;
        margin-right: 10px;
    }
}
/* //end product details section */
.details-carousel .item .pcard{
    width: 100%;
    height: 660px;
}
.pimage img{
    width: 100%;
    height: 550px;
}
.pbody{
    padding: 10px 0px;
}
.caro-heading{
    width: 100%;
}

/*