.main_slider{
    background-color: #000000;
}

@media screen and (min-width: 769px) and (max-width: 992px){
    .tp-banner {
        height: 400px!important;
    }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    .tp-banner {
        height: 320px!important;
    }
}

@media screen and (min-width: 391px) and (max-width: 575px) {
    .tp-banner {
        height: 220px!important;
    }
}

@media screen and (min-width: 361px) and (max-width: 390px) {

    .tp-banner {
        height: 200px!important;
    }
}

@media screen and (max-width: 360px) {

    .tp-banner {
        height: 180px!important;
    }
}