123movies-seo/resources/scss/home.scss

61 lines
1,013 B
SCSS
Raw Normal View History

2024-08-28 01:03:34 +03:00
.hero__slider {
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.movie-slide {
padding-top: 50px;
padding-bottom: 50px;
position: relative;
z-index: 1;
2024-08-28 02:37:08 +03:00
// min-height: 695px;
2024-08-28 01:03:34 +03:00
display: flex!important;
flex-wrap: wrap;
align-items: center;
// display: block;
height: 695px;
&::before {
// display: none;
height: 695px;
}
}
}
@media (max-width: 1199px) {
.hero__slider .movie-slide {
height: 600px;
}
}
@media (max-width: 991px) {
.hero__slider .movie-slide {
height: 450px;
}
}
@media (max-width: 767px) {
.hero__slider .movie-slide {
height: 400px;
}
}
@media (max-width: 575px) {
.hero__slider .movie-slide {
height: 290px;
}
}
@media (max-width: 400px) {
.hero__slider .movie-slide
{
height: 195px;
}
}