/* .banner {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
} */

.carousel-caption {
    padding-bottom: 400px;
    font-family: poppins;
    text-align: left;
    margin-left: -200px;
}

.carousel-caption h2 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
}

.carousel-caption h2 span {
    color: #edbb00
}


/* .carousel-caption a {
    background: #edbb00;
    padding: 15px 35px;
    display: inline-block;
    margin-top: 15px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 25px;
} */

.carousel-control.right {
    background-image: none
}

.carousel-control.left {
    background-image: none
}

.carousel-indicators .active {
    background-color: #edbb00;
    border-color: #edbb00
}


/* ----------- Non-Retina Screens ----------- */

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
    .slider4 {
        padding-bottom: 100px;
    }
}


/* .banner4{
    margin-top: -250px;
    margin-left: 200px;
    text-align: center;
} */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .carousel-caption {
        padding-bottom: 80px;
        font-family: poppins;
        text-align: center;
        padding-left: 10px;
    }
    .carousel-caption h2 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .carousel-caption {
        padding-bottom: 90px;
        font-family: poppins;
        text-align: left;
        padding-left: 170px;
    }
    /* .carousel-caption {
        padding-left: 110px;
        padding-bottom: 70px;
    } */
    .carousel-caption h2 {
        font-size: 9px;
   
    }
    /* .paddingcarousel {
        padding-left: 100px;
    } */
    .carousel-caption h3 {
     
        margin-top: -5px;
        font-size: 9px;
    }
    .banner4 {
        margin-top: 100px;
    }
    .carousel-caption a {
        padding: 10px 25px
    }
    .carousel-control:focus,
    .carousel-control {
        color: #2980b9;
    }
    .slider4 {
        padding-left: 135px;
        padding-bottom: 40px;
    }
}


/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .carousel-caption {
        padding-bottom: 180px;
        font-family: poppins;
        text-align: left;
        margin-left: -120px;
    }
    /* .martop{
        margin-top: 50px;
    } */
    #shop-online {
        display: none;
    }
    .carousel-caption h2 {
     
        font-size: 20px;
    }
    .carousel-caption h3 {
      
        margin-top: -5px;
        font-size: 15px;
    }
    .carousel-control .glyphicon-chevron-left {
        position: absolute;
        top: 30%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 30%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 1) {
    .carousel-caption {
        padding-bottom: 300px;
        font-family: poppins;
        text-align: left;
        margin-left: -150px;
    }
    .carousel-control .glyphicon-chevron-left {
        position: absolute;
        top: 30%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 30%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }
}


/* Portrait and Landscape */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) {}