110 lines
1.8 KiB
SCSS
110 lines
1.8 KiB
SCSS
|
/********************************
|
||
|
|
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
|
||
|
|
********************************/
|