first commit
This commit is contained in:
@@ -0,0 +1,109 @@
|
||||
/********************************
|
||||
Main Slider
|
||||
********************************/
|
||||
|
||||
.slick-slider {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.slider-height {
|
||||
height: 855px;
|
||||
@include max-screen(1200, 1400) {
|
||||
height: 595px;
|
||||
}
|
||||
@include max-screen(992, 1199) {
|
||||
height: 595px;
|
||||
}
|
||||
@include max-screen(768, 991) {
|
||||
height: 450px;
|
||||
}
|
||||
@include max-screen(767) {
|
||||
height: 300px;
|
||||
}
|
||||
@include max-screen(576, 767) {
|
||||
height: 450px;
|
||||
}
|
||||
}
|
||||
.slider-height2 {
|
||||
height: 714px;
|
||||
@include max-screen(1200, 1400) {
|
||||
height: 600px;
|
||||
}
|
||||
@include max-screen(992, 1199) {
|
||||
height: 480px;
|
||||
}
|
||||
@include max-screen(768, 991) {
|
||||
height: 400px;
|
||||
}
|
||||
@include max-screen(767) {
|
||||
height: 300px;
|
||||
}
|
||||
@include max-screen(576, 767) {
|
||||
height: 350px;
|
||||
}
|
||||
}
|
||||
|
||||
.slider-content-width {
|
||||
max-width: 52%;
|
||||
@include max-screen(768, 1500) {
|
||||
max-width: 52%;
|
||||
}
|
||||
@include max-screen(576) {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.slider-content {
|
||||
.title {
|
||||
font-weight: 400;
|
||||
font-size: 65px;
|
||||
text-transform: capitalize;
|
||||
span {
|
||||
opacity: 0;
|
||||
}
|
||||
@include max-screen(1200, 1600) {
|
||||
font-size: 50px;
|
||||
}
|
||||
@include max-screen(992, 1199) {
|
||||
font-size: 45px;
|
||||
}
|
||||
@include max-screen(768, 991) {
|
||||
font-size: 35px;
|
||||
}
|
||||
@include max-screen(767) {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 20px;
|
||||
color: $color-dark;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 15px;
|
||||
opacity: 0;
|
||||
@include max-screen(768, 991) {
|
||||
font-size: 16px;
|
||||
}
|
||||
@include max-screen(767) {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
&.mb-25 {
|
||||
@include max-screen(767) {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
opacity: 0;
|
||||
&.mt-45 {
|
||||
@include max-screen(767) {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/********************************
|
||||
# main slider End
|
||||
********************************/
|
||||
Reference in New Issue
Block a user