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

.box-left {
  width: 100%;
  padding-right: 0%;
}
 .s-title-h2 h2 {
  font-size: 32px;
}
}
 
 
 
 @media (min-width: 768px) and (max-width: 991px) {
 .parent-s2 {
 display: grid;
 grid-template-columns: 1fr;
 grid-template-rows: repeat(3, auto);
 grid-column-gap: 0px;
 grid-row-gap: 45px;
 }
 .div-s2-1 { grid-area: 1 / 1 / 2 / 2; }
 .div-s2-2 { grid-area: 2 / 1 / 3 / 2; }
 .div-s2-3 { grid-area: 3 / 1 / 4 / 2; }
 }



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

.div-s2-1 { 
    margin-top: 30px;
}
.div-s2-3 { 
    padding-right: 2%;
}
.box-left { 
  padding-right: 0%;
} 
}