/*
Template Name: Wrapkit
Author: wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/

/*Theme Colors*/

/*bootstrap Color*/

/*Light colors*/

/*Normal Color*/

/*Extra Variable*/

/*Gradiant*/

/*******************
slide 2
*******************/

.slider2 .bs-slider,
.slider2 .carousel-item {
    max-height: 900px;
}

.slider2 .bs-slider-overlay {
    background: rgba(32, 35, 43, 0.8);
}

.slider2 .slider-control span {
    width: 53px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
}

.slider2 label {
    line-height: 27px;
    border-radius: 0;
    color: #1a1a1a;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.slider2 h2 {
    line-height: 42px;
    font-size: 36px;
}

.slider2 p {
    line-height: 24px;
    font-weight: 400;
}

.slider2 i.icon-Play-Music {
    font-size: 32px;
}

@media (max-width: 1280px) {
    .slider2,
    .slider3 {
        overflow-y: hidden;
    }
    .slider2 .slide-image,
    .slider3 .slide-image {
        height: 550px;
        width: auto !important;
    }
    .slider2 .slider-control span,
    .slider3 .slider-control span {
        width: 44px;
        height: 44px;
        line-height: 44px;
    }
}

@media (max-width: 1100px) {
    .slider2 h2,
    .slider3 h2 {
        font-size: 34px;
    }
    .slider2 .slide-image,
    .slider3 .slide-image {
        left: -20%;
        position: relative;
    }
    .slider2 .slide-text,
    .slider3 .slide-text {
        width: 80% !important;
    }
}

@media (max-width: 992px) {
    .slider2 video {
        width: 120%;
    }
}

@media (max-width: 767px) {
    .slider2 .slider-control span,
    .slider3 .slider-control span {
        width: 34px;
        height: 34px;
        line-height: 34px;
    }
    .slider2 .slide-text,
    .slider3 .slide-text {
        padding: 0 !important;
        width: 80% !important;
    }
    .slider2 h2,
    .slider3 h2 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 30px;
    }
    .slider2 .slide-image,
    .slider3 .slide-image {
        left: 0;
        height: 300px;
    }
    .slider2 .btn,
    .slider3 .btn {
        padding-left: 15px;
        padding-right: 15px;
    }
    .slider2 .btn.btn-md,
    .slider3 .btn.btn-md {
        padding-left: 25px;
        padding-right: 25px;
    }
    .slider2 .btn-pad,
    .slider3 .btn-pad {
        padding-right: 0;
    }
}

@media (max-width: 428px) {
    .slider2 .slider-control span,
    .slider3 .slider-control span {
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 12px !important;
    }
    .slider2 h2,
    .slider3 h2 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .slider2 i.icon-Play-Music,
    .slider3 i.icon-Play-Music {
        font-size: 26px;
    }
    .slider2 a.btn-md,
    .slider3 a.btn-md {
        text-align: center;
        margin-bottom: 10px;
    }
    .slider2 .slide-image,
    .slider3 .slide-image {
        left: -75%;
        height: 380px;
    }
    .slider2 .btn,
    .slider3 .btn {
        padding-left: 0;
    }
    .slider2 video,
    .slider3 video {
        width: 160%;
    }
}