123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 |
- /********************************
- 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
- ********************************/
|