@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,600,700 | Roboto:400,700,900');
@import url('https://use.fontawesome.com/releases/v5.5.0/css/all.css');

/* PRODUCT PAGE CSS */
.product-pages.product-page-bcaa-09 .top-banner {
    background: #010427 url('/cms/product-pages/bcaas/img/product-price-bg.jpg') no-repeat scroll center center / cover;
}

.product-pages.product-page-bcaa-09 .section-1 {
    background: url('/cms/product-pages/bcaas/img/BCAAs_three.png') no-repeat left bottom 0px / 47vw;
}

.product-pages.product-page-bcaa-09 .section-17 {
    background: url('/cms/product-pages/bcaas/img/bg-1.jpg') no-repeat center center / cover;
}

.product-pages.product-page-bcaa-09 .left-icon-box-text p {
    color: rgba(255, 255, 255, 0.8);
}

.product-pages.product-page-bcaa-09 .left-box-wrapper {
    margin: 100px 0 50px 0;
}

.product-pages.product-page-bcaa-09 .section-15 {
    background: url('/cms/product-pages/bcaas/img/bg-2.jpg') no-repeat center center / cover;
    color: #fff;
}

.product-pages.product-page-bcaa-09 .white-area {
    font-size: 0.9em;
}

.product-pages.product-page-bcaa-09 .white-area .styled-list {
    margin: 20px 0 0;
}

.product-pages.product-page-bcaa-09 .left-icon-box-img {
    background: #66cd42;
}

.product-pages.product-page-bcaa-09 .left-box-wrapper::before {
    background: rgba(255, 255, 255, 0.5);
}

.product-pages.product-page-bcaa-09 .left-box-item::before {
    border-left: 15px solid rgba(255, 255, 255, 0.5);
}

.product-pages.product-page-bcaa-09 .left-box-wrapper .col-12:nth-child(2n + 1) .left-box-item::before {
    border-right: 15px solid rgba(255, 255, 255, 0.5);
}

.product-pages.product-page-bcaa-09 .section-11 {
    background: #fdfdfd;
}

/*RESPONSIVE STARTS HERE*/
@media only screen and (min-width: 1400px) {

    /* ############### BCAA PAGE STYLES HERE ################### */
    .product-pages.product-page-bcaa-09 .section-1 {
        background: url('/cms/product-pages/bcaas/img/BCAAs_three.png') no-repeat left bottom 0px / 670px;
    }
}

/*MAX WIDTH SSTARTS FROM 991*/
@media only screen and (max-width: 991px) {

    /* ############### BCAA PAGE STYLES HERE ################### */
    .product-pages.product-page-bcaa-09 .top-banner {
        background: linear-gradient(rgba(1, 4, 39, 0.87), rgba(1, 4, 39, 0.87)) repeat 0 0%,
            rgba(0, 0, 0, 0.99) url('/cms/product-pages/bcaas/img/product-price-bg.jpg') no-repeat right center / cover;
    }

    .product-pages.product-page-bcaa-09 .section-1 {
        background: none;
    }
}

/*MAX WIDTH SSTARTS FROM 767*/
@media only screen and (max-width: 767px) {

    /* ############### BCAA PAGE STYLES HERE ################### */
    .product-pages.product-page-bcaa-09 .top-banner {
        background: #010427 url('/cms/img/black-twill.png') repeat center center;
    }

    .product-pages.product-page-bcaa-09 .left-box-wrapper {
        margin: 70px 0 30px 0;
    }

    .product-pages.product-page-bcaa-09 .section-17 {
        background: url('/cms/product-pages/bcaas/img/bg-1-2.jpg') no-repeat right -100px center / cover;
    }

    .product-pages.product-page-bcaa-09 .section-15 {
        background: url('/cms/product-pages/bcaas/img/bg-2-2.jpg') no-repeat right center / cover;
        color: #fff;
    }

    .product-pages.product-page-bcaa-09 .section-15-item img {
        max-height: 70px;
    }
}

@media only screen and (max-width: 575px) {

    /* ############### BCAA PAGE STYLES HERE ################### */
    .product-pages.product-page-bcaa-09 .left-box-wrapper {
        margin: 50px 0 25px 0;
    }
}
