/*form styling*/
  body{
      font-family: Trebuchet MS, Helvetica, sans-serif;
      color: #4D5357;
      margin:0 auto;
  }
  fieldset{
      width:50%;
      border-radius:10px;
      margin:0 auto;
      padding: 0 2em 1em;
  }
  label {
    padding-top: 10px;
    width: 19.5%;
    display:inline-block;
    font-size:.85em;
    font-weight:bold;
    line-height: 1.5em;
    padding-bottom: 10px;
  }
  input#submit{
     font-family: Trebuchet MS, Helvetica, sans-serif;
     font-size:.85em;
    background-color: #f9f9f9;
    color: #4D5357;
    border: 1px solid #4d5357;
    border-radius: 3px;
    padding: 5px 27px;
  }
  p.typedesc{
      font-size:14px!important;
      padding:10px!important;
      margin:0px 0px 0px 12px!important;
      background-color:#eaeaea!important;
  }
  .secone{
        width:54%!important;
        margin:2em auto 2em!important;
        display:block;
    }
    .sectwo{
        width:65%;
        display:inline-block;
    }
  .radioBtn{
      width:100%;
  }
  .payment-select{
    display:block;  
  }
 input[name=bill_to_forename], input[name=bill_to_surname], input[name=bill_to_email],input[name=bill_to_phone],input[name=bill_to_address_line1],input[name=bill_to_address_city],input[name=bill_to_address_state],input[name=bill_to_address_country],input[name=bill_to_address_postal_code]{
      width:65%;
  }
  #defaultAll{
      display:none;
  }
    .hidden {
      display: none;
    }
    .form-section {
      margin: 1rem 0;
    }
    .conditional-fields {
      display: none;
    }
    .check-img{
        margin:1em auto;
        display:block;
    }
    .billinfo{
        font-size:.85em;
        line-height: 1.5em;
        padding-bottom: 10px;
    }
    .billinfo h3{
        font-size:.98em!important;
        
    }
    h3{
       font-size:.98em!important;
       
    }
    .nav-bar-header{
       max-width:1500px!important;
       margin:0 auto; 
    }
    .nav-bar-header img{
    width:13%;
    max-width:160px
    }
  .navbar-mobile{
    display:none;
    }
    .navbar{
    display:block;
    }
   
 .top-bar-header {
   background-color:#cd1414;
   height:30px;
   margin-bottom:15px!important;
  }
  
/* Navbar container */
.navbar {
  overflow: hidden;
  font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
  font-weight:700;
  display:inline-block;
  text-align:right;
  width:84%;
  vertical-align:top;
  margin: 29px 0px 0px 0px!important;
}

/* Links inside the navbar */
.navbar a {
  font-size: 16px;
  color: #333;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  overflow: hidden;
  display:inline-block;
}

/* Dropdown button */
.dropdown .dropbtn {
    font-size: 17px;
    border: none;
    outline: none;
    color: #333;
    padding: 14px 0px 7px;
    background-color: inherit;
    font-family: inherit;
    margin: 0 15px;
    font-weight: 700;
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
 background-color: transparent;

    color: #cd1414!important;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: #333333!important;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #cd171712;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
  @media screen and (max-width: 1439px) {
  .navbar-mobile{
    display:block;
    }
    .navbar{
    display:none;
    }
    
  }
   @media screen and (max-width: 426px) {
  .navbar-mobile{
    display:block;
    }
    .navbar{
    display:none;
    }   
    
   .secone{
        width:90%!important;
    } 
       .sectwo{
        width:90%!important;
    } 
    
  }