.circleTableLaptop_Heading { top: 20%; } .circleTableLaptop_text{ bottom: 25%; >div{ padding: 0px 22%; } } @media (max-width:1300px) { .circleTableLaptop_text { bottom: 18%; >div{ font-size: 1rem; } } } @media (max-width:1000px) { .circleTableLaptop_Heading { h1{ font-size: 1.5rem; } } .circleTableLaptop_text { bottom: 25%; >div{ font-size: 0.7rem; } } } @media (max-width:600px) { .circleTableLaptop_Heading { top: 0; h1{ font-size: 1.5rem; } } }