.recipe-section{
    position:relative;
    overflow:hidden;
    padding:100px 200px;
}

.recipe-inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}

.recipe-left{

}

.recipe-title{
color: #5d4233;
font-size: 50px;
font-family: 'TS-kaewPet-NP';
font-weight: 500;
margin-top:30px;
text-decoration: underline;
}

.recipe-content{
color: #5d4233;
font-size: 20px;
font-family: 'Roboto';
font-weight: 500;
margin: 10px 0;
}

.recipe-right {
    margin-top: 30px;
}

.recipe-img{
    width:100%;
    text-align:left;
}

.recipe-img img{
    width: 500px;
}

.more-recipes {
    margin: 50px 0;
}

.more-recipes-title{
    color: #5d4233;
font-size: 50px;
font-family: 'TS-kaewPet-NP';
font-weight: 500;
margin-top:30px;
}

.related-recipes {
    padding: 0;
    padding-left: 20px;
    margin-top: 20px;
}

.related-recipes li {
    margin-bottom: 8px;
}

.related-recipes a {
    /* color: #5d4233;
    font-size: 20px;
    font-family: 'Roboto';
    font-weight: 500; */
    text-decoration: none;
}

.related-recipes a:hover {
    color: #fbb912;
}

.products-col {
position: relative;
width: 70%;
margin: 0 auto;
border-radius: 12px;
border: 3px solid #35200e;
background: #fff;
text-align: center;
box-shadow: 1px 1px 25px 1px rgba(0, 0, 0, 0.40);
}

.products-info{
padding:20px;
padding-bottom: 50px;
}

.products-col-img {
width: 100%;
margin:0 auto;

}

.products-col-img img{
width: 200px;
height:100%;
}

.products-text-area{
color:#35200e;
}

.products-title{
font-size: 50px;
font-family: 'TS-kaewPet-NP';
font-weight: 500;

}

.products-text {
font-size: 16px;
font-weight: 500;
margin: 10px 0;
}

.products-btn{
width: 100%;
position: absolute;
bottom: 0;
}

.products-btn a{
text-decoration:none;
}

.product {
width: 100%;
border-radius: 10px;
}

.products-text ul{
     text-align: left;
    padding-inline-start: 25px;
}

ul.products-list {
    text-align: left;
    padding-inline-start: 25px;
}

.recipe-img-m{
    display:none;
}

@media (max-width: 1500px) {
.recipe-section{
    padding:100px;
}
}

@media (max-width: 1200px) {
.recipe-section{
    padding:100px 50px;
}

.recipe-img img{
    width: 350px;
}

.recipe-title {
    font-size: 40px;
}

.recipe-content {
    font-size: 16px;
}
}

@media (max-width: 767px) {
.recipe-section{
    padding:100px 30px 50px;
}

.recipe-right {
    margin-top: 0px;
}

.recipe-inner{
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.more-recipes {
    margin: 40px 0;
}

.recipe-img-m{
    display:block;
    width:100%;
    text-align:left;
}

.recipe-img-m img{
    width: 300px;
}

.recipe-img{
    display:none;
}

.products-col {
    width: 100%;
}

}

@media (max-width: 550px) {
.products-col-img img {
    width: 150px;
    height: 100%;
}

.recipe-img-m img {
        width: 100%;
    }
}