#mainslider {
    height: calc(100vh - 81px);
    margin-top: 81px;
}

#mainslider li {
    height: calc(100vh - 81px);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}

#mainslider .bx-wrapper {
    box-shadow: none;
    border: none;
    background: none;
}

#mainslider .bx-viewport {
    height: calc(100vh - 81px) !important;
}

/* Slider arrows */
.bx-controls-direction {
    position: absolute;
    right: 7%;
    bottom: 50px;
}

.bx-wrapper .bx-controls-direction a {
    display: inline-block;
    margin: 0;
    font-size: 0;
    position: static;
    opacity: 0.5;
}

.bx-wrapper .bx-prev {
    background: url(../images/nextbtn.png) no-repeat left top !important;
    background-size: 100% auto;
    width: 39px !important;
    height: 38px !important;
    margin: 0 !important;
}

.bx-wrapper .bx-next {
    background: url(../images/prevbtn.png) no-repeat left top !important;
    background-size: 100% auto;
    width: 39px !important;
    height: 38px !important;
    margin-left: 30px !important;
}

.bx-wrapper .bx-controls-direction a:hover {
    opacity: 1;
}

/* Mobile */
@media (max-width: 768px) {
    #mainslider {
        height: 250px;
        margin-top: 81px;
    }

    #mainslider li,
    #mainslider .bx-viewport {
        height: 250px !important;
    }
}


/* //----------- */

/* #mainslider{
    height: 850px;
    margin-top: 81px;
}
#mainslider li{
    height: 700px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important;
}
#mainslider .bx-wrapper{
    box-shadow: none;
    border: none;
    background: none;
}

@media (max-width: 768px) {
    #mainslider {
        height: 250px; 
    }
}
.bx-controls-direction{
    position: absolute;
    right: 7%;
    bottom: 50px;
}
.bx-wrapper .bx-controls-direction a{
    display: inline-block;
    margin:0;
    font-size: 0;
    position: static;
    opacity: 0.5;
}
.bx-wrapper .bx-prev{
    background: url(../images/nextbtn.png) no-repeat left top !important;
    background-size: 100% auto;
    width: 39px !important;
    height: 38px !important;
    margin: 0 !important;
}
.bx-wrapper .bx-next{
    background: url(../images/prevbtn.png) no-repeat left top !important;
    background-size: 100% auto;
    width: 39px !important;
    height: 38px !important;
    margin-left: 30px !important;
}
.bx-wrapper .bx-controls-direction a:hover{
    opacity: 1;
}


 */