.advantage .row-line2 { display: flex; justify-content: space-around; } #applications .app-content .box { margin-right: 80px; } #solution .content .img1, .img2 { width: calc(20vw); height: calc(16vw); } #heroCarousel .container { transform: none !important; } #solution .content .img3 { width: calc(20vw); height: calc(16.4vw); } #solution { margin-bottom: 0; padding: 80px 0 40px 0; } #solution .content .img4 { width: calc(20vw); height: calc(17.1vw); } #solution .content .img5 { width: calc(20vw); height: calc(16.7vw); } @media only screen and (min-width: 370px) and (max-width: 980px) { /* #hero { height: 66vh; } */ h4 { font-size: 20px; } #solution .container .text { font-size: 14px; color: #868D99; } .advantage .row-line2 .box { padding: 20px; margin-right: 0; height: 380px; } #hero .carousel-container { top: 40px; } #heroCarousel .container .title p, #heroCarousel .container .title b { font-size: 26px; } #heroCarousel .container :last-child { font-size: 14px; } #solution .content .img1, #solution .content .img3, #solution .content .img5{ margin-right: 20px; } #solution .content .img2 , #solution .content .img4{ margin-left: 20px; } }