Banner responisive updated
This commit is contained in:
parent
a8cb2f150f
commit
fd5f320ebd
@ -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;
|
||||||
}
|
}
|
||||||
}
|
} */
|
||||||
@ -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;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user