@media (min-width: 360px) and (max-width: 767px) {
.parent-s3 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(2, auto);
grid-column-gap: 0px;
grid-row-gap: 45px;
}
.div-s3-2 { grid-area: 1 / 1 / 2 / 2; }
.div-s3-1 { grid-area: 2 / 1 / 3 / 2; }
}



@media (min-width: 768px) and (max-width: 991px) {
.parent-s3 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(2, auto);
grid-column-gap: 0px;
grid-row-gap: 45px;
}
.div-s3-2 { grid-area: 1 / 1 / 2 / 2; }
.div-s3-1 { grid-area: 2 / 1 / 3 / 2; }
}

 
@media (min-width: 992px) and (max-width: 1920px) {
.parent-s3 {
    margin-left: 0px;
    margin-right: calc((100vw - clamp(893px, 893px + 0.42821*(100vw - 992px), 1290px))/2);
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.div-s3-1 { grid-area: 1 / 1 / 2 / 2; }
.div-s3-2 { grid-area: 1 / 2 / 2 / 3; }

.div-s3-2 {
   padding-left: 15%;   
   padding-right: 8%;
}
}