Clearance--

About

.slide-content{ position: relative; margin: 0 auto; width: 100%; height: 380px; } .slide_img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .img_text{ position: absolute; top: 50%; left: 16%; transform: translate(0,-50%); display: flex; flex-direction: column; align-items: center; line-height: 2; } .banner-heading span{ color: #fff; font-size: 81px; line-height: 1.1; letter-spacing: 0.052em; } .slide-text span{ color: #fff; font-size: 22px; line-height: 1.5; letter-spacing: 0.052em; } @media (min-width: 768px) and (max-width: 1199px) { .img_text{ position: absolute; top: 49%; left: 12.5%; transform: translate(0,-50%); display: flex; flex-direction: column; align-items: center; line-height: 2.5; } .slide-content{ height: 220px; } .banner-heading span{ font-size: 6.1vw; line-height: 1.1em; } .slide-text span{ font-size: 2vw; } } @media (max-width: 767px) { .img_text{ position: absolute; top: 39%; left: 8%; transform: translate(0,-30%); display: flex; flex-direction: column; align-items: center; } .slide-content{ height: 180px; } .banner-heading span{ font-size: 4rem; } .slide-text span{ font-size: 1.25rem; } } @media (max-width: 500px) { .img_text{ position: absolute; top: 40%; left: 5.2%; transform: translate(0,-30%); display: flex; flex-direction: column; align-items: center; max-width: 200px; } .slide-content{ height: 160px; } .banner-heading span{ font-size: 3.6rem; } .slide-text span{ font-size: 1.25rem; } .banner-heading{ line-height: 1.32em; } .slide-text{ line-height: 14px !important; } } @media (max-width: 400px) { .img_text{ position: absolute; top: 38%; left: 3.2%; transform: translate(0,-30%); display: flex; flex-direction: column; align-items: center; max-width: 180px; } .slide-content{ height: 130px; } .banner-heading span{ font-size: 3rem; } .slide-text span{ font-size: 1.11rem; } .banner-heading{ line-height: 1.32em; padding: 0 0 2px 0 !important; } .slide-text{ line-height: 14px; } } Clearance Same quality, cheaper prices