html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%;font-family: 'roboto_regular'; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
input[type=button], input[type=submit], input[type=reset] { cursor:pointer;}input[type=text] { border:none; }
.promo_code input[type=button],.card_details ul li input[type=submit]{float: left;background: #ee3324;height: 34px;border:none;padding: 0 25px;font-size:15px;color: #fff;font-family:'roboto_light' ;border-radius: 4px;-webkit-border-radius: 4px;}
.promo_code input[type=button]:hover,.card_details ul li input[type=submit]:hover,.submit input[type=submit]:hover{background:#000}
.dash_details{float: left;width: 100%;border-top: 1px solid #ddd;}
.dash_details,aside{min-height: -webkit-calc(100vh - 60px) !important;min-height: -moz-calc(100vh - 60px) !important;min-height: calc(100vh - 60px) !important;}
.white_bg{float: left;margin: 0 2%;width: 96%;background: #fff;padding: 20px;min-height: 450px;}

/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 7200px) {   
.card_details ul li input[type=submit]{-webkit-appearance: none;} 
.card_details{width: 100%;}
.card_details ul{float: left;width: 100%;}
.card_details ul.paymentgateway_fields{padding-top:20px;}
.card_details ul li{float: left;margin:0 0 17px 2%;}
.card_details ul li.card_no,.card_details ul li.name_on_card{margin-left: 0;width: 20%;clear:both}
.card_details ul li.cal_month{clear:both;width:32%}
.card_details ul li:last-child{width: 32%;clear:both;margin-left:0}
.card_details ul li.cvv{width: 10%;}
.card_details ul.paymentgateway_fields li.cal_month{margin-left:0;padding-left:5px;}
.card_details ul li input[type=number],.card_details ul li input[type=text]{float: left;width: 100%;border: 1px solid #cccac4;padding: 10px;height: 36px;font-size:13px;color: #000000;outline: none;border-radius: 4px;-webkit-border-radius: 4px;}
.card_det_terms{float: left;width: 100%;}
.card_det_terms p{float: left;width: auto;font-size:15px;color: #ee3324;margin-right: 10%;}
.card_det_terms p a{font-size:15px;color: #ee3324;position: relative;}
.card_det_terms p a:before{position: absolute;bottom: 0;left: 0;content: "";height: 1px;width: 100%;background: #ee3324;}  
}

/************************************************************************************
smaller than 685
*************************************************************************************/
@media screen and (max-width: 1800px) {
	.card_details ul li.cal_month{width: 20%;}
	.card_details ul li.cvv{width: 10%;}
	.card_details ul li input[type="submit"]{padding: 0 20px;}

}
/************************************************************************************
smaller than 900
*************************************************************************************/
@media screen and (max-width: 900px) {
	.card_details ul li.card_no{width: 50%;}
	.card_details ul li.cal_month{width: 20%;}
	.card_details ul li.cvv{width: 13%;}
	.card_details ul li input[type="submit"]{padding: 0 20px;}
}
/************************************************************************************
smaller than 650
*************************************************************************************/
/*@media screen and (max-width: 600px) {    
	.card_details ul li.cal_month{width: 32%;}
    .card_details ul li.cvv{width: 23%;}
    .card_details ul li input[type="submit"]{padding: 0 20px;}

}*/
/************************************************************************************
smaller than 568
*************************************************************************************/
/*@media screen and (max-width: 568px) { 
.card_details ul li.cal_month{width: 50%;margin-left: 0;margin-bottom: 10px;}
.card_details ul li.cvv{width: 48%;margin-bottom: 10px;}
.card_details ul li.card_no, .card_details ul li.name_on_card,.select_box{width: 100%;margin-bottom: 10px;}
}
@media screen and (max-width: 510px) { 
}*/
/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {
	.card_details ul li.cal_month{width: 50%;margin-left: 0;margin-bottom: 10px;}
.card_details ul li.cvv{width: 48%;margin-bottom: 10px;}
.card_details ul li.card_no, .card_details ul li.name_on_card,.select_box{width: 100%;margin-bottom: 10px;padding-left:5px;}
}