#eventSlider { background: url("../images/homeSliderBg.jpg"); -webkit-background-size: cover; background-size: cover; background-position: 50% 50%; } #homeSlider { .royalSlider { .rsOverflow { .rsSlide { .rsContent { .container-fluid { .slide-title { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } } } } } } } #homeSlider, #eventSlider { width: 100%; padding: 50px 0; .royalSlider { width: 100%; background: transparent; .rsOverflow { float: none; max-width: 1030px; margin: 0 auto; background: transparent; .rsSlide { background: transparent; .rsContent { .container-fluid { position: relative; height: 100%; text-align: center; .slide-img { margin-top: 45px; top: 40px; @include box-sizing(border-box); } .slide-title { max-width: 80%; font-size: 48px; color: #231f20; margin: 20px auto 0; text-align: center; @include box-sizing(border-box); } .slide-event-description { margin-top: 25px; font-size: 36px; color: #777; line-height: 1.25; } .slide-btn { margin-top: 25px; font-size: 18px; padding: 10px 20px; display: inline-block; @include box-sizing(border-box); } } } } } // rsOverflow .rsNav.rsBullets { background: transparent; line-height: 70px; .rsBullet { width: 10px; margin: 0 10px; height: 10px; padding: 0; background: #b7b5b6; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); cursor: pointer; transition: all linear 0.1s; span { display: none; } &.rsNavSelected { background: #231f20; } &:hover { background: #b71955; } } } } .rsArrow { width: 10%; .rsArrowIcn { width: auto; height: auto; background: transparent; margin-top: -43px; } .rsArrowIcn:before { content: none; } .rsArrowIcn:after { font-size: 72px; line-height: 1.2; text-align: center; display: inline-block; font-family: 'Linearicons-Free'; position: relative; z-index: 2; color: #b7b5b6; @include transition(.3s); } .rsArrowIcn:hover:after { color: #231f20; } &.rsArrowLeft .rsArrowIcn:after { content: "\e875"; margin-left: -36px; } &.rsArrowRight .rsArrowIcn:after { content: "\e876"; margin-left: 2px; } } } @media all and (max-width: 980px) { #homeSlider, #eventSlider { .royalSlider, .royalSlider .rsOverflow { min-height: 400px !important; } } #eventSlider { .royalSlider, .royalSlider .rsOverflow { .rsSlide { .rsContent { .container-fluid { .slide-event-description { max-width: 75%; margin: 15px auto 0; font-size: 26px; line-height: 1.2; } } } } } } } @media all and (max-width: 767px) { #homeSlider, #eventSlider { .royalSlider, .royalSlider .rsOverflow { min-height: 350px !important; .rsSlide { .rsContent { .container-fluid { .slide-img { margin-top: 15px; } .slide-title { font-size: 32px; } .slide-event-description { margin-top: 15px; font-size: 30px; line-height: 1.2; } } } } } .rsDefault.rsHor .rsArrowLeft { left: 10px; } .rsDefault.rsHor .rsArrowRight { right: 10px; } } #eventSlider { .royalSlider, .royalSlider .rsOverflow { .rsSlide { .rsContent { .container-fluid { .slide-event-description { font-size: 20px; } } } } } } .home-mission .cms p { font-size: 20px; line-height: 1.2; margin-bottom: 15px; } } @media all and (max-width: 600px) { #homeSlider, #eventSlider { .rsDefault.rsHor .rsArrowLeft, .rsDefault.rsHor .rsArrowRight { display: none !important; } } } @media all and (max-width: 500px) { #shopping-cart { .buttons { .btn { margin-right: 0; clear: both; } } } } @media all and (max-width: 480px) { #homeSlider, #eventSlider { .royalSlider, .royalSlider .rsOverflow { .rsSlide { .rsContent { .container-fluid { .slide-img { margin-top: 15px; } .slide-title { font-size: 30px; } .slide-event-description { margin-top: 15px; font-size: 24px; line-height: 1.2; } .slide-btn { margin-top: 15px; } } } } } } #eventSlider { .royalSlider, .royalSlider .rsOverflow { .rsSlide { .rsContent { .container-fluid { .slide-event-description { max-width: 85%; font-size: 18px; } } } } } } }