/** Primary Color **/

/* put this selectors for primary color/background */
.actions-primary .action, .action.primary,
.checkout.methods .action.primary {
            background-color: #e52714;
    }
a {
            color: #e52714;
    }
/**/

/** Secondary Color **/

/* put this selectors for secondary color/background */
.filter-options-title {
            color: #000000;
    }
/**/

body {
            background-color: #ffffff;
        }

header.page-header,
.rd-navbar-static {
            background-color: #000000;
        }

.page-footer{
            background-color: #131212;
        }

/** Typography Settings  **/

/*Primary font family*/
body {
            font-family: 'Open sans', sans-serif;
                font-size: 14px;
                line-height: 1.5;
    
            color: #333333;
    }
a {
            color: #e52714;
    }

/*Secondary font family*/
    .block-title,
    .page-title,
    .section-title,
    .sm-desktop nav.navigation li.level-top > a,
    .navigation a.level-top .tm-megamenu ul.level1 > li > a,
    .navigation li.level-top .tm-megamenu ul.level1 > li > a,
    .mm_block-1 .mm_block-1_box-2_title a,
    .mm_block-1 .mm_block-1_box-2_list .mm_block-1_box-2_name,
    .mm_block-2 .mm_block-2_txt span,
    .mm_block-2 .mm_block-2_txt a,
    .catalog-image-grid .category-grid .grid-inner_content > .category-link,
    .parallax_txt,
    .products-grid .product-item .product-item-name a,
    .products-list .product-item .product-item-name a,
    .cms-index-index .banner_inner .banner_txt,
    .widget.blog-posts,
    .page-footer h4,
    .footer .block.newsletter .subtitle,
    .footer .block.newsletter .control .actions button.action.primary{
        font-family: 'Montserrat', sans-serif;
    }
/* Category page */
@media screen and (min-width: 1024px) {
    .grid-main .products-grid .product-item{
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}
/* END Category page */

@media (min-width: 768px) {
    ul.social-links {
        float: left;
        clear: both;
        width: 100%;
        padding: 0!important;
        text-align: left;
        list-style: none;
    }
    ul.social-links li {
        display: inline-block;
    }
}
@media (max-width: 768px) {
    ul.social-links {
        display: none;
    }
}