article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none; font-family: 'Montserrat', sans-serif;}
.custfield:focus {outline: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-family: 'Montserrat', sans-serif; font-size: 14px; color: #000000;}
a {text-decoration: none;}
a:hover, a:focus {outline: none; border: none; text-decoration: none;}
img {border: none; vertical-align: middle;}

header, section, footer {width: 100%;}
.custfield {height: 40px; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
#header {padding: 15px 0;}
#header .logo {float: left;}
#header .contactcall {float: right;}
#header .contactcall p {float: right; font-size: 14px; color: #2f87e3; text-transform: uppercase;}
#header .contactcall h3 {font-weight: 700;color: #0a2034; font-size: 22px; text-align: right;}

#mainpart {background-image: url(../images/refferal_mainbg.jpg); background-repeat: no-repeat; background-position: 50% 0px; background-size: cover; height: 100vh;}
#mainpart h1 {text-align: center; text-transform: uppercase; font-size: 63px; font-weight: 700; color: #ffffff; padding: 6% 15%;}
.formpart {padding: 0 11%;}
.formpart .formbox {background-color: #0a2034; padding: 0 8px 16px;}
.formpart .formbox h2 {font-size: 18px; font-weight: 700; text-transform: uppercase; color: #ffffff; padding: 15px 8px;}
.formpart .formbox .commoform {padding: 0 8px;}
.formpart .formbox .commoform .form-group {margin-bottom: 10px;}
.formpart .formbox .commoform label {font-size: 13px; color: #ffffff; text-transform: uppercase; font-weight: 500;}
.formpart .formbox .commoform select.custfield {background-image: url(../images/droparrow.png); background-repeat: no-repeat; background-position: 97% 50%; padding: 6px 9px; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.formpart .dtntim {margin-left: -5px; margin-right: -5px;}
.formpart .dtntim .col-md-6 {padding: 0 5px;}
.formpart .dtntim .custfield {width: 100%; background-color: #ffffff; z-index: 2; background-image: url(../images/droparrow.png); background-repeat: no-repeat; background-position: 93% 50%; text-align: left; color: #000000; font-size: 16px; padding-top: 19px;}
.formpart .dtntim label {position: absolute; left: 17px; top: 2px; color: #2f87e3 !important; font-size: 11px !important;}
.formpart .dtntim select.custfield {padding: 16px 9px 0 !important; background-position: 94% 50% !important;}
.formpart .formbox .commoform .checkbox {float: left;}
.formpart .formbox .commoform .checkbox label {text-transform: capitalize;}
.formpart  .ybttn {float: right; background-color: #e9ba00; text-align: center; color: #0a2034; font-size: 16px; text-transform: uppercase; font-weight: 700; padding: 12px 20px; margin-top: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

#brands {padding: 15px 0;}
#brands .logos ul li {float: left; margin:10px;}
.rightcars img {width: 100%; margin-top: -51px;}

/****
 * Media Css
 ****/
@media only screen and (max-width: 1199px){
  #mainpart h1 {padding: 6% 9%;}
  #brands .logos ul li {margin: 0 10px; min-height: 36px;}
}
@media only screen and (max-width: 991px){
  .formpart {padding: 0;}
  #mainpart h1 {font-size: 48px;}
  #brands .rightcars {display: none;}
  #brands .logos ul {text-align: center;}
  #brands .logos ul li {float: none; display: inline-block; margin: 0 5px;}
}
@media only screen and (max-width: 767px){
  #mainpart {height: 702px;}
  #mainpart h1 {font-size: 42px; padding: 6% 0;}
  .formpart .dtntim .col-md-6:first-child {margin-bottom: 10px;}
  .formpart .dropoff {margin-top: 15px;}
  .formpart .formbox .commoform select.custfield, .formpart .dtntim .custfield {background-position: 97% 50% !important;}
}
@media only screen and (max-width: 639px){
  #header {padding: 10px 0;}
  #header .logo {width: 100%; text-align: center; margin-bottom: 5px;}
  #header .contactcall {width: 100%;}
  #header .contactcall p, #header .contactcall h3 {display: block; float: left; width: 100%; text-align: center;}
  #mainpart h1 {font-size: 31px;}
}
@media only screen and (max-height: 650px) and (min-width: 768px){
  #mainpart h1 {font-size: 42px; padding-top: 5%; padding-bottom: 5%;}
}