.image-banner__container img{
object-fit: cover;
max-width: 100%;
max-width: 100%;
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
border-radius: 4px;
}
.image-banner{
border-radius: 4px;
margin-bottom: 20px;
}
.image-banner__content{
display: flex;
align-items: center;
justify-content: space-between;
padding: 50px;
position: relative;
z-index: 2;
}
.image-banner__container{
min-height: 185px;
position: relative;
}
.image-banner__content-left{
font-weight: 500;
font-size: 28px;
line-height: 160.7%;
color: #fff;
max-width: 60%;
}
.banner-btn{
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #FFEEEE;
border-radius: 6px;
color: #fff;
height: 50px;
width: 200px;
transition: all 0.2s ease 0s;
}
.banner-btn:hover{
background: #fff;
color: #000;
text-decoration: none !important;
}
@media(max-width: 1580px){
.image-banner__content{
align-items: flex-start;
padding: 30px;
}
.image-banner__content-left{
font-size: 20px;
}
.image-banner__content-right{
margin-top: 5px;
}
}
@media(max-width: 768px){
.image-banner__content{
padding: 20px;
}
.image-banner__content{
flex-direction: column;
}
.image-banner__content-left{
max-width: 100%;
}
.image-banner__content-right a{
min-width: 100%;
width: 100%;
margin-top: 30px;
}
.image-banner__content-right{
width: 100%;
}
}
.catalog-element__banner .image-banner__content{
flex-direction: column;
padding: 20px;
min-height: 400px;
}
.catalog-element__banner .image-banner__content-left{
font-size: 20px;
max-width: 100%;
}
.catalog-element__banner .image-banner__content-right{
width: 100%;
}
.catalog-element__banner .banner-btn{
width: 100%;
margin-top: 20px;
}
@media(max-width: 1220px){
.catalog-element__banner .image-banner__content{
flex-direction: column;
padding: 20px;
min-height: 300px;
}
}
@media(max-width: 768px){
.catalog-element__banner .image-banner__content{
flex-direction: column;
padding: 20px;
min-height: 200px;
}
}
.toggle-view-products-wrap{
display: flex;
}
.toggle-view-products{
display: flex !important;
align-items: center;
justify-content: center
}
.nav-item .city-toggle{
display: flex !important;
align-items: center;
justify-content: center
}