.bx-controls .bx-prev {
    position: inherit !important;
    top: 0 !important;
    z-index: 2;
    background: #363636 !important;
    margin: 5px 0 !important;
    display: inline-block;
    width: 100% !important;
    height: inherit;
    text-indent: 0;
    font-size: 23px !important;
    color: #fff !important;
    text-align: center !important;
    max-width: 100% !important;
}

.bx-controls .bx-next {
    position: inherit !important;
    top: 0;
    z-index: 2;
    background: #363636 !important;
    margin: 5px 0 !important;
    display: inline-block !important;
    width: 100% !important;
    height: inherit !important;
    text-indent: 0 !important;
    font-size: 23px !important;
    color: #fff !important;
    text-align: center !important;
    max-width: 100% !important;
}

.bx-wrapper {
    -moz-box-shadow: 0 0 0px !important;
    -webkit-box-shadow: 0 0 0px !important;
    box-shadow: 0 0 0px !important;
}

.bx-default-pager {
    display: none;
}

.bx-loading {
    display: none;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: block !important;
    background: gray !important;
}

.bx-wrapper .bx-controls-direction .bx-prev {
    position: absolute !important;
    width: 32px;
    left: 0%;
    text-indent: 0px !important;
    z-index: 80;
}

@media (min-width:1440px) {
    #detalle .photo-thumbs .bx-wrapper .bx-viewport {
        height: 628px !important
    }

    .bx-viewport {
        margin-top: 50% !important;
    }
}

@media (min-width:1024px) {

    .bx-viewport {
        margin-top: 50% !important;
    }
}

@media (max-width:1024px) {
    #detalle .photo-thumbs .bx-wrapper .bx-viewport {
        height: 521px !important
    }

    .bx-viewport {
        margin-top: 50% !important;
    }
}

@media (max-width:768px) {
    #detalle .photo-thumbs .bx-wrapper .bx-viewport {
        height: 818px !important
    }

    .bx-viewport {
        margin-top: 50% !important;
        height: 398.953px !important;
    }
}

@media (max-width:425px) and (min-width: 390px) {
    #detalle .photo-thumbs .bx-wrapper .bx-viewport {
        height: 446px !important
    }

    .bx-viewport {
        margin-top: 80% !important;
        height: 380.453px !important;
    }

    .iconVideo {
        position: absolute;
        top: 15%;
    }
}

@media (max-width:389px) {
    #detalle .photo-thumbs .bx-wrapper .bx-viewport {
        height: 396px !important
    }

    .bx-viewport {
        margin-top: 100% !important;
        height: 312.625px !important;
    }

    .iconVideo {
        position: absolute;
        top: 15%;
    }
}

@media (max-width:320px) {
    #detalle .photo-thumbs .bx-wrapper .bx-viewport {
        height: 332px !important
    }

    .bx-viewport {
        margin-top: 150% !important;
    }

    .iconVideo {
        position: absolute;
        top: 15%;
    }
}