﻿
#col-md-notpadd {
    padding-left: 0px;
    padding-right: 0px;
}

#sliderBP2 {
    display: none;
}

#sliderBP2s {
    display: none;
}

#sliderBP2ss {
    display: none;
}

@media only screen and (max-width: 500px) {
    [class*="center"] {
        /*width: 80%;*/
        margin-left: 0;
        margin-right: 0;
    }

    #h-margen {
        margin-left: 0px;
    }

    [class*="beneficio-text"] {
        width: 50%
    }

    [class*="col-md-4"] {
        width: 33%;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
    }



    [class*="col-md-6"] {
        width: 50%;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        /*margin-left: 25%;
    margin-right: 24%;*/
    }

    #sliderBP {
        display: block;
    }

    #sliderBP2 {
        display: none;
    }

    #sliderBPs {
        display: block;
    }

    #sliderBP2s {
        display: none;
    }

    #sliderBPss {
        display: block;
    }

    #sliderBP2ss {
        display: none;
    }

    .btn-pacifico {
        width: 90px;
        margin-left: 17%;
    }

    .btn {
        font-size: 10px;
        line-height: 0.428571;
    }

    .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        /* display: block; */
        max-width: 100%;
        height: auto;
        margin-left: 15px;
    }

    .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        /* display: block; */
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 501px) and (max-width: 768px) {
    /* For mobile phones: */
    /*[class*="col-md-4"] {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }*/


    [class*="center"] {
        /*width: 80%;*/
        margin-left: 0;
        margin-right: 0;
    }

    #h-margen {
        margin-left: 0px;
    }

    [class*="beneficio-text"] {
        width: 50%
    }

    [class*="col-md-4"] {
        width: 33%;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
    }



    [class*="col-md-6"] {
        width: 50%;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        /*margin-left: 25%;
    margin-right: 24%;*/
    }

    .btn-pacifico {
        width: 108px;
        margin-left: 35%;
    }


    /*#responsive{
        width: 50%;
    }*/


}



/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 769px) {

    .btn-pacifico {
        width: 108px;
        margin-left: 0%;
    }
}



