/* X-Large desktop */
@media (min-width: 1200px) {
    /**********  BANNERS  **********/
    .banners .banners-col:nth-child(3) .banner-text {
        max-width: 65%;
    }
    .banners .banners-col:nth-child(4) .banner-text {
        max-width: 55%;
    }
}

/* Large desktop */
@media (max-width: 1199px) {
    /***********  RIGHT  ************/
    .color-article {
        padding: 20px 5px;
        margin: 15px 0 10px 0;
    }
    .info {
        padding: 20px 0px 10px 0px;
    }   
    /************  SLIDER  *************/
    .slider .thumb-article li .img-container {
        height: 280px;
    }
    .slider .thumb-article li .slider-radio-label {
        height: 40px;
    }
    .show-img {
        height: 280px;
    }
    /**********  PRICE  **********/
    .price-left {
        margin-top: 20px;
    }
    .price-left p {
        margin-left: 10px;
    }
    .price-right {
        margin-top: 20px;
    }
    .price-right #price {
        font-size: 35px;
    }
    .price-right span {
        font-size: 11px;
    }
    /**********  BUTTON BUY  ***********/
    .buttons {
        margin-top: 20px;
    }
    a.append {
        width: 80%;
        height: 60px;
        margin: 10px auto;
        display: block;
        padding-top: 19px;
    }
    a.buy {
        width: 80%;
        height: 70px;
        margin: 0 auto;
        display: block;
    }
    /**********  BANNERS  **********/
    .yellow-banner,
    .green-banner,
    .grey-banner,
    .blue-banner {
        margin: 5px 0;
    }
    .footer {
        margin: 10px 0 15px;
    }
    .banner-footer .footer-text {
        padding: 25px;
        width: 400px;
    }
    .banner-footer p#footer-white {
        font-size: 20px;
    }
    .banner-footer .footer-btn {
        top: 150px;
        right: 35px;
    }
    .banner-footer #container-banner {
        left: -75px;
    }  
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) { 
    /***********  MENU LEFT *************/
    .menu-img {
        width: 50px;
    }
    .column-left .menu-left li img {
        max-width: 25px;
        max-height: 25px;
    }
    /***********  RIGHT  ************/
    .info-responsive {
        display: block;
        padding: 20px 0px 10px 0px;
    }
    .info #info-warning {
        display: none;
    }
    .info .info-contact {
        display: none;
    }
    /************  SLIDER  *************/
    .slider .thumb-article li .img-container {
        height: 434px;
    }
    .slider .thumb-article li .slider-radio-label {
        height: 80px;
    }
    .show-img {
        height: 434px;
    }
    /**********  PRICE  **********/
    .price-left {
        margin-top: 10px;
    }
    .price-left p {
        margin-left: 10px;
    }
    .price-right {
        margin-top: 10px;
    }
    .price-right #price {
        font-size: 44px;
    }
    .price-right span {
        font-size: 12px;
    }
    /**********  BUTTON BUY  ***********/
    .buttons {
        margin-top: 30px;
    }
    a.append {
        width: 100%;
        height: 70px;
        margin: 0 auto;
        display: block;
        padding-top: 22px;
    }
    a.buy {
        width: 100%;
        height: 70px;
        margin: 0 auto;
        display: block;
    }
    /**********  BANNERS  **********/
    .yellow-banner,
    .green-banner,
    .grey-banner,
    .blue-banner {
        height: 95px;
    }
    .banner-text {
        font-size: 18px;
        padding-top: 20px;
        max-width: 52%;
    }
    .footer {
        margin: 10px 0 20px;
        border: 1px solid #1371b0;
    }
    .banner-footer .footer-text {
        padding: 10px 25px 70px;
        width: 340px;
    }
    .banner-footer #logo-ve {
        display: none;
    }
    .banner-footer p#footer-white {
        font-size: 20px;
    }
    .banner-footer .footer-btn {
        top: 145px;
        left: 50px;
    }
    .banner-footer #container-banner {
        left: -160px;
    }   
    .logo-footer-ve {
        margin: 10px 0;
        display: block;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {      
    /***********  MENU LEFT *************/
    .menu-img {
        width: 60px;
    }
    .column-left .menu-left li img {
        max-width: 30px;
        max-height: 30px;
    }
    .column-left nav #logo-cash {
        display: none;
    }
    .column-left nav #logo-cash-responsive {
        display: block;
    }
    nav .menu-left {
        display: none;
    }
    nav .btn-menu-responsive {
        display: block;
        width: 40px;
        height: 40px;
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 9px;
	}
    nav .btn-menu-responsive:after {
        content:'';
        display: block;
        width: 30px;
        height: 5px;
        background: #000;
        margin: 7px 5px;
        box-shadow: 0px 10px 0px #000, 0px 20px 0px #000
    }
    .input-btn-menu-responsive[type="checkbox"]:checked ~ ul.menu-left {
        display: block;
        position: static;
    }
    nav .menu-left li {
        float: left;
        width: 50%;
        background: #fff;
    }
    .column-left .menu-left li {
        border: none;
    }
    .column-left .menu-left li:nth-child(1),
    .column-left .menu-left li:nth-child(2){
        border-top: 1px solid #dddddd;
    }
    .column-left .menu-left li:nth-last-child(2),
    .column-left .menu-left li:nth-last-child(1){
        border-bottom: 1px solid #dddddd;
    }
    /************  SLIDER  *************/
    .slider .thumb-article li .slider-radio-label {
        height: 60px;
    }
    /**********  BUTTON BUY  ***********/
    .buttons {
        margin-top: 20px;
    }
    a.append {
        width: 80%;
        height: 60px;
        margin: 10px auto;
        display: block;
        padding-top: 19px;
    }
    a.buy {
        width: 80%;
        height: 70px;
        margin: 0 auto;
        display: block;
    }
    /**********  BANNERS  **********/
    .banners .banners-col:nth-child(3) .banner-text {
        max-width: 60%;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
   /***********  MENU LEFT *************/
    .menu-img {
        width: 40px;
    }
    .column-left .menu-left li img {
        max-width: 25px;
        max-height: 25px;
    }
    /************  SLIDER  *************/
    .slider .thumb-article li .img-container {
        height: 300px;
    }
    .slider .thumb-article li .slider-radio-label {
        height: 40px;
    }
    .show-img {
        height: 300px;
    }
    /**********  DETAIL  **********/
    .desc .caracteristicas td {
        text-align: right;
    }
    /**********  PRICE  **********/
    .price {
        flex-direction: column;
    }
    .price-left {
        justify-content: center;
        margin-top: 20px;
    }
    .price-left p {
        margin-left: 10px;
    }
    .price-right {
        margin-top: 0;
        text-align: center;
    }
    /**********  BANNERS  **********/
    .shadow-box {
        display: none;
    }
    .banners .banners-col {
        width: 100%;
    }
    .banners .banners-col:nth-child(3) .banner-text {
        max-width: 52%;
    }
    .banner-footer .footer-text {
        padding: 55px 16px 60px;
        width: 250px;
    }
    .banner-footer p#footer-white {
        font-size: 18px;
    }
    .banner-footer p#footer-blue {
        font-size: 13px;
    }
    .banner-footer p#footer-blue br {
        display: none;
    }
    .banner-footer .footer-btn {
        top: 170px;
        left: 40px;
    }   
    .banner-footer #container-banner {
        display: none;
    }
    .banner-footer #container-banner-responsive {
        display: block;
    }
    .logo-footer-ve img {
        width: 250px;
    }
}
@media (max-width: 400px) {
   /***********  MENU LEFT *************/
    .menu-text {
        font-size: 13px;
    }
}
@media (max-width: 320px) {
    /***********  MENU LEFT *************/
    .column-left .menu-left li img {
        max-width: 22px;
        max-height: 22px;
    }
    .menu-img {
        width: 30px;
    }
    .menu-text {
        font-size: 12px;
    }
    /************  SLIDER  *************/
    .thumb-article li {
        margin: 0 3px;
        padding: 2px;
    }
    .slider .thumb-article li .img-container {
        height: 240px;
    }
    .slider .thumb-article li .slider-radio-label {
        height: 35px;
    }
    .show-img {
        height: 240px;
        margin-bottom: 5px;
    }
}