﻿        .Rebates{margin:10px; width:auto; overflow:hidden;}
        .RebateHeader {margin: 0 0 30px 0;}
            .RebateHeader h1{font-size:40px; width:auto;}
        .RebateBrands {overflow: hidden;font-size:12px; overflow:hidden;}
            
        .RebateBrands .RebateItems {margin: 5px;display:block;margin-right:10px; overflow:hidden;}
            .RebateBrands .RebateItems h2 {text-align:left;font-size: 20px;font-weight: bold; margin:0 0 5px 0; padding:0 0 0 30px; width:100%;}
            .RebateBrands .RebateItems hr { margin:0 5px 0 5px; width:auto;}
		 	.RebateBrands .RebateItems h3 {width:100%;font-size: 17px;font-weight: bold; margin:0 0 5px 0; padding:0;}
            /*.RebateBrands .RebateItems .RebateItem {margin:10px;width:950px;height:165px;display:block;}*/

            .RebateBrands .RebateItems .RebateItem {
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                /* For IE */
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

    .RebateBrands .RebateItems .RebateItem .RebateCol {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 300px;
        min-height: 160px;
        margin-bottom:5px;
        /* For IE */
        margin-left: 25px;
        margin-right: 25px;
    }

@media only screen and (max-width:860px) {
    .RebateBrands .RebateItems .RebateItem .RebateCol {
        width: 100%;
        margin-left: 10px;
        margin-right: 10px;
    }
}

@supports (display: grid) {
    .RebateBrands .RebateItems .RebateItem {
        display: grid;
        grid-template-columns: repeat(auto-fill, 300px);
        grid-gap: 5px 15px 5px 15px;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    @media only screen and (max-width:860px) {
    .RebateBrands .RebateItems .RebateItem {
        grid-template-columns: repeat(auto-fill, 275px);
    }
}
}


            /*.RebateBrands .RebateItems .RebateItem .RebateCol {max-width:30%; border:1px solid red;}*/
            .RebateBrands .RebateItems .RebateItem .RebateCol div {}
            .RebateBrands .RebateItems .RebateItem p{ padding:0 0 5px 0; margin:0; width:100%;}
            .RebateBrands .RebateItems .RebateItem p b {font-weight:bold; color:#231F20;}
            .RebateBrands .RebateItems .RebateItem .RebateStartDate {font-size: 16px;}
			.RebateBrands .RebateItems .RebateItem .RebateEndDate {font-size: 16px;}
			.RebateBrands .RebateItems .RebateItem .RebatePostmarkedDate {font-size: 16px;color:red;}
            .RebateBrands .RebateItems .RebateItem b{ font-size:14px; width:auto;}
            .RebateBrands .RebateItems .RebateItem a{color:#B2542E; font-size:15px; font-weight:bold; padding:0 0 10px 0; overflow:hidden;}
            .RebateBrands .RebateItems .RebateItem a:hover {color: #231F20;}