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 {
background-position: left -350px center !important;
}
}
}
@media (max-width: 1200px) {
@media (max-width: 1200px) {
.bg-layer.bg-slide-0 {
background-position: left -550px center !important;
}
}
}
@media (max-width: 1024px) {
@media (max-width: 1024px) {
.bg-layer.bg-slide-0 {
background-position: left -720px center !important;
}
}
}
@media (max-width: 992px) {
@media (max-width: 992px) {
.bg-layer.bg-slide-0 {
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 {
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 {
font-size: 50px !important;
line-height: 1 !important;
@ -766,4 +766,4 @@
font-size: 16px;
padding: 15px 20px !important;
}
}
} */

View File

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