/* David/Cole: Put all your mobile CSS here!  */

@media (max-width: 479px) {
#sec-code{
  margin-top:10px;
}
#billing-expyear{
  margin-top:0;
  }
  
 /* Media queria for the privacy, security and refund notifications on mobile devices - DC*/
    #privacy, #security, #refund {
    display: none;
    background-color: #fff;
    border: 1px solid #000;
    z-index: 9999;
    position: fixed;
    width: 300px;
    margin: auto;
    padding: 20px;
    top: 200px;
    left: 15px;
}

.placeholder {
  font-size: 9px;
}
div#mag_sub_form {
    padding: 0 !important;
}
.credit-type{max-width:40px;}
#cc-image {margin: 0px 0 0 0 !important;}
.additional_insured li {
    max-width: 250px;
}
}

@media (max-width: 767px) and (min-width: 480px) {
#privacy, #security, #refund {
    left: 15px;
    top:75px;
}
}

@media (max-width: 768px){
	#right-rail{
		display: none;
	}
  .header-phone{
  text-align: center;
 }
 #sec-code{
  margin-top:10px;
}
#billing-expyear{
  margin-top:0;
  }
  
	#ce_subtotal{
		float: right!important;
		text-align: right;
		width: 80%;
		clear:both;
		margin-right:14px
	}

.ui-accordion-header{ font-size:14px!important;}

.edit-link{
  font-size:12px;
  margin-right:0;
}

.header-phone{font-size: 14px;padding:0;}
#PaymentInfo {padding: 0;}
/*.credit-type{max-width:40px;}
#cc-image {margin: 0px 0 0 0 !important;}*/
.info-fields{padding:0;}

div#mag_sub_form {
    padding: 0 !important;
}
#footer-disclaimers-address {
    margin-bottom: 44px;
}
}

/* Media queria for the privacy, security and refund notifications on iPad - DC*/
@media (max-width: 1024px) and (min-width: 768px) {

#privacy, #security, #refund {
    display: none;
    background-color: #fff;
    border: 1px solid #000;
    z-index: 9999;
    position: fixed;
    width: 400px;
    margin: auto;
    padding: 20px;
    top: 300px;
    left: 15px;
}
}

@media (min-width: 768px) {
  .ui-state-active {
      background: #11274B;
  }     
}
@media (max-width: 767px) {
  .section-heading {
      background: #11274B !important;
  }
}
@media (max-width: 1366px) {
  #live_application_new_creditCardApp_0_secCode {
      margin-top: 0 !important;
  }
  #sec-code img {
      display: none;
  }
  #sec-code .placeholder {
    top: -5px !important;
    margin-left: 0 !important;
}
.placeholder {
    font-size: xx-small;
}
#next_button_override{
  background: #11274B;
}
}