@media screen and (max-width: 960px) { .works-mea{ & > div:last-child{ display: none; } } .card{ width: calc((100% / 2) - 5px )!important; } } @media screen and (max-width: 600px) { header{ .head{ padding: 0!important; } h1{ font-size: 2.5rem!important; line-height: 5rem!important; -webkit-text-stroke: 1px black!important; } h2{ font-size: 1.5rem; line-height: 0rem!important; margin: -0.7rem 0 0 0!important; } } .works-mea{ & > div:nth-child(2){ display: none; } } .card{ width: 100%!important; } }