@media (max-width: 1300px) {
    /* Stack items vertically */
    .product_page {
        flex-direction: column;
        align-items: center;
    }
}

.product_page{
    display: flex;
}

.product_page img{
    padding-top:0%;
    padding-left: 10%;
    width: 33%;
    height: auto;
    max-height: 600px;
    max-width: 50 0px;
}


.product_data h1{
    margin-top: 10%;
    padding: 0%;
    width: auto;
    height: 10%;
}

.product_data h3{
    float: left;
    height: 5%;
    margin-top:2.5%;
    padding: 0%;
}

.product_data {
    flex-flow: column;
    margin-left: 5%;
}

.product_data img{
    width: 20%;
    height: auto;
    padding-left: 2%;
    padding-top: 0%;
    padding-bottom: 0%;
}

.product_data h5{
    padding-top:0%;
    margin-left:15%;
    margin-top:0px;
}

.product_data h6{
    float: left;
    margin-bottom: 0%;
    margin-top: 0%;
}

.product_data h4{
    float:left;
    margin-top: 5%;
}


.price{
    display: flex;
}

.current-price {
    color: #f39200;
    font-weight: bold;
    font-size: 250%;
    width: 10%;
    padding-right: 4%;
}

.original-price {
    text-decoration: line-through;
    color: #999;
    font-size: 200%;
    width: 10%;
    margin-top: 0.8%;
}

.cart{
    display: flex;
    flex-flow: row;
}

.cart button{
    padding:0px;
    padding:0 10% 0 10%;
    background-color: yellow;
    color: blue;
    margin-left:10%;
    margin-top:10%;
    border: 0px;
}

.cart button:hover{
    background-color: lightgreen;
    color: black;
}

.product_data h6.revs{
    margin-top:35%;
}

@media (max-width: 1300px) { /* Adjust for smaller screens */
    .price {
        flex-wrap: wrap; /* Allow prices to wrap on smaller screens */
    }
    .current-price, .original-price {
        width: auto; /* Ensure the widths are flexible */
        margin-right: 10px; /* Add spacing between prices */
        margin-top: 0; /* Keep the alignment consistent */
    }
    .original-price {
        margin-right: 0; /* Prevent extra spacing on the right for the last item */
    }
}

h1{
    font-size: 2em;
}

h2{
    font-size: 1.5em;
}

h3{
    font-size: 1.17em;
}

h4{
    font-size: 1em;
}

h5{
    font-size: 0.83em;
}

h6{
    font-size: 0.75em;
}