@media only screen and (min-width:768px) { 
h1 { margin:0;}
.slider { position:relative; background:none;  }
.slider img { width:100%; height:440px;}
.coupon-block { float:left; width:30%; margin-right:5%; background:#ef7201; color:#fff; text-align:center; padding:20px 25px 15px 25px; margin-bottom:35px; border-radius:6px;}
.coupon-block.last { margin-right:0!important;}
.coupon-block .co-text1 { font-size:22px; font-weight:300; padding-bottom:15px;}
.coupon-block .co-text2 { border:1px dashed #ef7201; background:#fff; color:#ef7201; padding:5px 0; font-size:30px; font-weight:bold; text-transform:uppercase; margin:10px 0;border-radius:6px; position:relative;}
.coupon-block .co-text2 .scissor { position:absolute; top:-26px; right:30px;}
.coupon-block .co-text3 { font-size:12px; padding:20px 0}
.coupon-block .co-text4 { font-size:11px; border-top:1px solid #fca75b; padding:10px 0 0 0}
.coupon-head { margin:25px 0;}

.directory {}
.directory .dir-subhead { background:#f0eeee; border:1px solid #ccc; border-bottom:none; padding:8px 15px; color:#103e65; font-size:17px;}
.directory .dir-area { background:#fbfafa; border:1px solid #ccc; padding:15px; margin-bottom:20px; overflow:hidden;}
.directory .dir-area ul { margin:0; padding:0;}
.directory .dir-area ul li { margin:0; padding:0 0 0 15px; line-height:30px; list-style:none; float:left; width:30%; background:url(/content/images/bcrum-arrow.png) 0 13px no-repeat;}
.directory .dir-area ul li a {color:#3c84d1;}
.directory .dir-area ul li a:hover {color:#3c84d1; text-decoration:underline;}
}


@media only screen and (min-width:992px) and (max-width:1199px) {

}

@media only screen and (max-width:767px) {
h1 { margin:25px 0;}
.slider { position:relative; background:none;  }
.slider img { width:100%; height:440px;}
.coupon-block { float:left; width:100%; background:#ef7201;  color:#fff; text-align:center; padding:20px 25px 15px 25px; margin-bottom:15px; border-radius:6px;}

.coupon-block .co-text1 { font-size:22px; font-weight:300; padding-bottom:15px;}
.coupon-block .co-text2 { border:1px dashed #ef7201; background:#fff; color:#ef7201; padding:5px 0; font-size:30px; font-weight:bold; text-transform:uppercase; margin:10px 0;border-radius:6px; position:relative;}
.coupon-block .co-text2 .scissor { position:absolute; top:-26px; right:30px;}
.coupon-block .co-text3 { font-size:12px; padding:20px 0}
.coupon-block .co-text4 { font-size:11px; border-top:1px solid #fca75b; padding:10px 0 0 0}
.coupon-head { margin:25px 0;}

.directory {}
.directory .dir-subhead { background:#f0eeee; border:1px solid #cccccc; border-bottom:none; padding:8px 15px; color:#103e65; font-size:17px;}
.directory .dir-area { background:#fbfafa; border:1px solid #cccccc; padding:15px; margin-bottom:20px; overflow:hidden;}
.directory .dir-area ul { margin:0; padding:0;}
.directory .dir-area ul li { margin:0; padding:0 0 0 15px; line-height:30px; list-style:none;  float:left; width:100%; background:url(/content/images/bcrum-arrow.png) 0 13px no-repeat;}
.directory .dir-area ul li a {color:#5892cf;}
}