Banner responisive updated

This commit is contained in:
akash 2025-09-20 20:30:27 +05:30
parent a8cb2f150f
commit fd5f320ebd
2 changed files with 30 additions and 30 deletions

View File

@ -722,37 +722,37 @@
} }
@media (max-width: 1440px) { /* @media (max-width: 1440px) {
.bg-layer.bg-slide-0 { .bg-layer.bg-slide-0 {
background-position: left -350px center !important; background-position: left -350px center !important;
}
} }
}
@media (max-width: 1200px) { @media (max-width: 1200px) {
.bg-layer.bg-slide-0 { .bg-layer.bg-slide-0 {
background-position: left -550px center !important; background-position: left -550px center !important;
}
} }
}
@media (max-width: 1024px) { @media (max-width: 1024px) {
.bg-layer.bg-slide-0 { .bg-layer.bg-slide-0 {
background-position: left -720px center !important; background-position: left -720px center !important;
}
} }
}
@media (max-width: 992px) { @media (max-width: 992px) {
.bg-layer.bg-slide-0 { .bg-layer.bg-slide-0 {
background-position: left -780px center !important; background-position: left -780px center !important;
}
} }
}
@media (max-width: 768px) and (min-width: 500px) { @media (max-width: 768px) and (min-width: 500px) {
.bg-layer.bg-slide-0 { .bg-layer.bg-slide-0 {
background-position: left -500px center !important; background-position: left -500px center !important;
} }
} } */
@media screen and (min-width: 500px) and (max-width: 768px) { /* @media screen and (min-width: 500px) and (max-width: 768px) {
.banner-slide:nth-child(1) .custom-content-box.mobile-style, .custom-content-box.with-background, h2 { .banner-slide:nth-child(1) .custom-content-box.mobile-style, .custom-content-box.with-background, h2 {
font-size: 50px !important; font-size: 50px !important;
line-height: 1 !important; line-height: 1 !important;
@ -766,4 +766,4 @@
font-size: 16px; font-size: 16px;
padding: 15px 20px !important; padding: 15px 20px !important;
} }
} } */

View File

@ -3351,18 +3351,18 @@
} }
} }
.custom-content-box.mobile-style { /* .custom-content-box.mobile-style {
background: none; background: none;
} } */
@media (min-width: 768px) and (max-width: 1024px) { /* @media (min-width: 768px) and (max-width: 1024px) {
.custom-content-box.mobile-style { .custom-content-box.mobile-style {
top: 190px; top: 190px;
background: white; background: white;
border-radius: 15%; border-radius: 15%;
opacity: 0.8; opacity: 0.8;
} }
} } */
@media (min-width: 768px) and (max-width: 991px) { @media (min-width: 768px) and (max-width: 991px) {
.custom-content-box.with-background { .custom-content-box.with-background {
@ -3370,13 +3370,13 @@
} }
} }
@media (max-width: 425px) { /* @media (max-width: 425px) {
.custom-content-box.mobile-style { .custom-content-box.mobile-style {
/* background: white; */ background: white;
border-radius: 15%; border-radius: 15%;
opacity: 0.8; opacity: 0.8;
} }
} } */
.contact-icon-container { .contact-icon-container {
position: fixed; position: fixed;