.carousel.carousel-fit {
    /*position: relative;
    margin-top: 167px;*/
    height: 100%;
    /* When sliding, use the maximum height we have */
    /* Center horizontally the content of the slides */
    /* To be centered, the images of the slides need to be inline */
    /* Maximize the captions in the wrapper */
}
.carousel.carousel-fit.slide {
    /* Hide the content outside the carousel when sliding */
    /* overflow: hidden; */
}
.carousel.carousel-fit .carousel-inner > .next,
.carousel.carousel-fit .carousel-inner > .prev {
    bottom: 0;
}
.carousel.carousel-fit .carousel-inner > .item {
    text-align: center;
}
.carousel.carousel-fit .carousel-inner > .item > img {
    display: inline-block;
}
.carousel.carousel-fit .carousel-inner > .item > .carousel-caption {
    bottom: 0;
    left: 0;
    right: 0;
}


.modal.modal-fullscreen {
    /* Maximize the main wrappers on the screen */
    /* Make the parent wrapper of the modal box a full-width block */
    /* Remove borders and effects on the content */
    /**
       * /!\ By using this feature, you force the header and footer to be placed
       * in an absolute position. You must handle by yourself the margin of the
       * content.
       */
    z-index: 1600;

}
.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    /*background: #ff4629;*/
}
.modal.modal-fullscreen .modal-dialog {
    margin: 0 auto;
    width: 100%;
    overflow-y: initial !important;
}
.modal.modal-fullscreen .modal-content {
    border: none;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    -o-box-shadow: inherit;
    box-shadow: inherit;
}
.modal.modal-fullscreen.force-fullscreen {
    /* Remove the padding inside the body */
}
.modal.modal-fullscreen.force-fullscreen .modal-body {
    padding: 0;
    height: 100%;
}
.modal.modal-fullscreen.force-fullscreen .modal-header,
.modal.modal-fullscreen.force-fullscreen .modal-footer {
    /*left: 0;
    position: absolute;
    right: 0;*/
}
.modal.modal-fullscreen.force-fullscreen .modal-header {
    top: 0;
    background: #f00000;
}
.modal.modal-fullscreen.force-fullscreen .modal-footer {
    bottom: 0;
}

.carousel-inner .columleft{
    width: 66%;
    float: left;
    margin: 5px 10px 0 4%;
}

.carousel-inner .columright{
    width: 25%;
    float: right;
    margin-right: 4%;
    padding: 10px 0 0 10px;
    /*height: 580px;*/
}

.carousel-control{
    width: 8%;
    color: #f00;
    /*background: #f00;*/
}

/* Fix from bootstrap */
.carousel-control:hover, .carousel-control:focus{
    color: #f00 !important;
}

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

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

.carousel-control.right .glyphicon-chevron-right{
    margin-right: -15px;
    margin-left: 0px;
}

.btn-comprar{
    margin-top: 15px;
    float: right;
}

.bcomprar{
    /*background: url("../../img/boton-comprar.png") repeat scroll 0 0 #7BC400;
    border: 1px solid #000;
    cursor: pointer;
    height: 48px;
    width: 198px;
    margin-top: 9px;*/
    padding: 10px 22px;
    background: #7bc400 !important;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px !important;
}

.bcomprar i{
    margin-left: 5px;
}

.columleft h3{
    font-size: 30px;
}

.logo-slider{
    display: none;
}
#description_content{
    width: 80%;
    margin: 15px auto;
    font-size:2vh;
}

.btn-mas-info{
    float: left;
    margin: 15px auto;
    width: 100%;
}
.btn-mas-info a{
    font-size:2vh !important;
}

.btn-mas-info a{
    background: #7bc400 !important;
}

.modal-footer{
    border-top: none;
}

@media (max-width: 1024px){
    .carousel.carousel-fit{
        height: 98%;
    }
}
@media (max-width: 960px) {
    .bcomprar{
        margin-top: 40px;
    }

    /*#description_content{
        display: none;
    }*/

    /*.btn-mas-info{
        display: none;
    }*/

}

@media (max-width: 860px) {
    .logo-slider{display:block}
}

@media (max-width: 800px) {
    .carousel-inner .columleft{
        width: 49%;
        padding-right: 24px;
        /*margin-top: 75px;*/
    }

    .carousel-inner .columright{
        width: 90%;
        padding-left: 20px;
        /*margin-top: 40px;*/
    }

    /*.carousel.carousel-fit{
        margin-top: 77px;
    }*/

    .modal.modal-fullscreen.force-fullscreen .modal-body{
        height: 84%;
    }

    .logo-slider{
        text-align: center;
        display: inherit;
    }

    .carousel-inner .columleft img{
        max-width: 79%;
    }

    .carousel.carousel-fit{
        height: 81%;
    }

    .columright .price-stock h2{
        font-size: 13px!important;
    }

    .columleft h2, .columleft h3{
        font-size: 1.5em;
    }

    /*.bcomprar{
        display: none;
    }*/
}

@media (max-width: 768px) {
    .carousel-inner .columright{
        width: 41%;
    }

    .carousel.carousel-fit{
        height: 100%;
    }

    .carousel-inner .columleft img{
        max-width: 100%;
    }

    /*#btn-more-info-slider{
        font-size: 11px !important;
    }

    .bcomprar{
        font-size: 11px !important;
    }*/
}

@media (max-width: 667px){
    .carousel-inner .columleft{
        width: 49%;
        padding-right: 24px;
        /*margin-top: 75px;*/
    }

    .carousel-inner .columright{
        width: 39%;
        /*margin-top: 75px;*/
    }

    /*#btn-more-info-slider{
        font-size: 9px !important;
    }

    .bcomprar{
        font-size: 9px !important;
    }*/
}

@media (max-width: 600px){
    .carousel.carousel-fit{
        height: 92%;
    }

    .carousel-control.right .glyphicon-chevron-right{
        margin-right: -9px;
    }

    .carousel-control.left .glyphicon-chevron-left{
        margin-left: -9px;
    }
}

@media (max-width: 568px){
    .carousel.carousel-fit{
        height: 100%;
        margin-top: 0;
    }

    .carousel-control{
        width: 6%;
    }

    /* ajustamos el margin al aumentar las flechas.*/
    .carousel-inner .columleft{
        margin-left: 6%;
        padding-right: 7%
    }

    .carousel-inner .columleft img{
        max-width: 120%;
    }

    .carousel-inner .columright{
        /*display: none;*/
        width: 39%;
        margin-top: 75px;
    }

    .carousel-inner .columleft{
        margin-top: 75px;
        width: 49%;
    }

    .modal-footer{
        padding: 4px 20px;
    }

    .modal-header{
        /*display: none;*/
    }

    .columright .price-stock h4{
        font-size: 12px !important;
        border-bottom: 1px solid #fff !important;
    }

    .columright #ahorro .ahorro_display,
    .columright #ahorro2 .ahorro_display,
    .columright #old_price #old_price_display,
    .columright #old_price2 #old_price_display2,
    .columright #reduction_percent #reduction_percent_display,
    .columright #reduction_percent2 #reduction_percent_display2{
        font-size: 11px !important;
    }

    .columright #old_price .text_oldprice,
    .columright #old_price2 .text_oldprice,
    .columright #reduction_percent .text_descuento,
    .columright #reduction_percent2 .text_descuento,
    .columright #ahorro .text_ahorro,
    .columright #ahorro2 .text_ahorro{
        font-size: 11px !important;
    }

    .columright .our_price_display.price{
        font-size: 20px !important;
    }

    .columright .text_ourprice{
        font-size: 11px;
    }

    .columright .btn-mas-info{
        margin-top: 15px;
    }

    /*#btn-more-info-slider{
        font-size: 6px !important;
    }*/

    .bcomprar{
        font-size: 7px !important;
    }
}

@media (max-width: 480px){
    .modal-header{
        display: block;
    }

    /*.carousel.carousel-fit{
        margin-top: 77px;
    }

    .carousel.carousel-fit{
        height: 92%;
    }*/
}

@media (max-width: 375px){
    .carousel-inner .columleft{
        margin-top: 0px;
        width: 93%;
    }

    .carousel-inner .columleft img{
        width: 100%;
    }

    .carousel-inner .columright{
        margin-top: 0px;
        width: auto;
    }

    .columright .btn-mas-info{
        margin-top: 15px;
    }

    /*#btn-more-info-slider{
        font-size: 11px !important;
    }*/

    .columright .price-box{
        margin: 0px;
    }
    .bcomprar{
        /*display: none;*/
        font-size: 11px !important;
    }
}

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 3)
{
    .carousel-inner .columleft{
        margin-right: 24px;
        margin-top: 9px;
        padding-right: 0px;
        width: 88%;
    }

    .carousel-inner .columleft img{
        width: 100%;
    }

    .carousel-inner .columright{
        width: 88%;
        margin-top: 45px;
        padding-left: 0px;
        margin-left: 24px;
        margin-right: 24px;
    }

    /*#btn-more-info-slider{
        font-size: 12px !important;
    }*/

    .bcomprar{
        font-size: 12px !important;
    }
}