.productMainCardContainer{
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin-top: 25px;
}

.productMainCardContent{
    width: 640px;
}

.productCard{
    background: #f5eedd;
    border: 2px solid #f5eedd;
    padding: 15px;
    border-radius: 10px;
    transition: .4s;
}

.productCardTitle{
    font-size: 24px;
    color: #F56800;
    margin-top: 20px;
    transition: .4s;
}

.productDescription{
    margin: 5px 0 10px;
    color: #575757;
    font-size: 14px;
}

.productRecommendations{
    flex: 1;
}

.productRecommendationsTitle{
    font-size: 20px;
    font-weight: 500;
    color: #131313;
}

.productRecommendations .productsGridTwo{
    margin-top: 20px;
}

@media(min-width: 320px) and (max-width: 720px){
    .productMainCardContainer{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .productMainCardContent{
        width: 100%;
    }

    .productCard{
        background: #FFF4ED;
        border: 2px solid #FFF4ED;
        padding: 15px;
        border-radius: 10px;
        transition: .4s;
    }

    .productCardTitle{
        font-size: 24px;
        color: #F56800;
        margin-top: 20px;
        transition: .4s;
    }

    .productDescription{
        margin: 5px 0 10px;
        color: #575757;
        font-size: 14px;
    }

    .productRecommendations{
        flex: 1;
    }

    .productRecommendationsTitle{
        font-size: 20px;
        font-weight: 500;
        color: #131313;
    }

    .productRecommendations .productsGridTwo{
        margin-top: 20px;
    }
}

@media(min-width: 720px) and (max-width: 980px){
    .productMainCardContainer{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .productMainCardContent{
        width: 520px;
    }

    .productRecommendations{
        flex: auto;
        width: 100%;
    }
}

@media(min-width: 980px) and (max-width: 1200px){
    .productMainCardContent{
        width: 50%;
    }
}