@media (max-width: 1556px) {
   .formArea .cards .bankType {
      width: 41%;
      margin-right: 0;
   }

   .formArea .cards .bankType label {
      margin-left: 4%;
   }

   .formArea .list .fourDigits {
      min-width: 123px;
   }

   .formArea .cards .indJoint {
      margin-left: 0;
      width: 41%;
      margin-left: 0;
   }

   .formArea .cards .indJoint input {
      margin-left: 0;
   }

   .formArea .indJoint label {
      margin-right: 5%;
   }
}


@media (max-width: 1460px) {
   .formArea .cards .bankType {
      margin-right: 6%;
   }

}


@media (max-width: 1300px) {
   nav {
      min-width: 195px;
      margin-right: 1em;
   }
   .pageContents {
      float: left;
      margin-left: 190px;
   }
}

@media (max-width: 1230px) {
   nav {
      min-width: 195px;
      margin-right: 1em;
   }

}

@media (max-width: 1194px) {
   .pageContents {
      float: right;
   }
   .pageTitleArea .title {
      padding-left: 32px;
   }
   .formArea {
      padding-left: 56px;
   }

   .pageContents .buttonGray {
      margin-left: 56px;
   }
}

@media (max-width: 1024px){
   nav{
      min-width: 201px;
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
   }
   nav a {
      font-size: .75em;
   }
   .logoNav img{
      text-align: center;
      padding: 0;
   }
   .pageContents {
      width: 81%;
   }

   .estatePage .left {
      width: 53%;
   }
   .estatePage .undo50 {
      margin-right: 0;
   }

   .homepage .loginContain {
      width: 40%;
      border-radius: 6px;
      padding: 1.5em 4%;
   }
   .homepage .loginContain input {
      width:100%;
      margin-bottom: 1em;
   }
   .formArea .cards .indJoint {
      margin-left: 0;
      width: 100%;
      padding-bottom: 1em;
      border-bottom: 1px solid #e6e6e6;
   }
   .formArea .cards .indJoint input {
      margin-left: 0;
   }
   .formArea .cards .indJoint .joint {
      margin-left: 10%;
   }
}

@media (max-width:965px) {

}

@media (max-width:955px) {


}


/***** Responsive *****/

@media (max-width:900px) {


}

@media (max-width:768px) {
   nav{
      min-width: 201px;
   }
   nav a {
      font-size: .75em;
   }
   .logoNav img{
      text-align: center;
      padding: 0;
   }
   .pageTitleArea {
      height: auto;
   }
   .pageTitleArea .title {
      width: 70%;
   }
   .pageContents {
      width: 73%;
   }
   .formArea .left {
      width: 100%;
   }
   .formArea .right {
      width: 100%;
   }

   .formArea .cards .bankType {
      width: 24%;
      margin-right: 7%;
   }

   .formArea .cards .indJoint {
      margin-left: 2%;
   }

   .steps .step5 {
      margin-top: 2.5em;
   }

   .steps h2 {
      margin-top: 2.5em;
   }

   .homepage {
      padding: 0 6%;
   }
   .homepage h1 {
      font-size: 2.2em;
      text-align: center;
   }
   .homepage h2 {
      font-size: .95em;
      text-align: center;
   }

   .homepage .loginContain {
      width: 60%;
      border-radius: 6px;
      padding: 1.5em 7%;
   }

}

@media (max-width: 600px) {
}

@media (max-width: 880px) {
   /*.fullNav {
      display: none;
   }*/
   /*.mobileNav .menu {
      bottom: 0;
      height: 100%;
      max-height: none;
      max-width: 282px;
      padding-top: 1em;
      position: fixed;
      right: -100%;
      top: 0;
      -webkit-transition: right .75s ease-in;
      transition: right .75s ease-in;
      width: 50%;
      z-index: 800;
   }*/


   .mobileHeader {
      display: flex;
      width: 85%;
      margin-left: 15%;
      height: 5em;
      background-color: #28313E;
      border-bottom: 1px solid #e6e6e6;
      justify-content: space-around;
   }

   .mobileHeader img {
      /*width: 40%;*/
   }
   .mobileHeader a {
      justify-content: center;
      align-items: center;

   }
   nav {
      min-width: 5%;
   }

   nav a {
      text-align: center;
   }
   .userIcon {
      text-align: center;
      font-size: 1em;
      padding: .75em 0;
   }
   .logoNav {
      display: none;
   }
   nav .mainUl {
      display: none;
   }
   .mobileUl {
      display: block;
   }
   .pageContents {
      width: 85%;
   }
   .pageTitleArea .account {
      display: none;
   }
   .pageTitleArea .title {
      width: 100%;
      padding:0;
   }
   .pageTitleArea {
      padding: 1em 5%;
   }
   .formArea {
      padding: 1em 5%;
   }

   .formArea .cards .bankType {
      width: 46%;
      margin-right: 0;
   }
   .pageContents .buttonGray {
      text-align: center;
      margin-left: 5%;
      width: 44%;
      padding: 1em 0;
   }
   .pageContents .buttonGreen {
      text-align: center;
      /*margin-right: 5%;*/
      width: 44%;
      padding: 1em 0;
   }
   .pageContents .buttonBlue {
      text-align: center;
      /*margin-right: 5%;*/
      width: 44%;
      padding: 1em 0;
   }

   .homepage .loginContain {
      width: 100%;
      margin-top: 2em;
   }
   .homepage .logoHome {
      width: 40%;
   }
   .homepage h1 {
      font-size: 2em;
      margin-top: .8em;
   }
   .homepage h2 {
      font-size: .9em;
   }
}

@media (max-width: 414px) {
   /*.fullNav {
      display: none;
   }*/
   /*.mobileNav .menu {
      bottom: 0;
      height: 100%;
      max-height: none;
      max-width: 282px;
      padding-top: 1em;
      position: fixed;
      right: -100%;
      top: 0;
      -webkit-transition: right .75s ease-in;
      transition: right .75s ease-in;
      width: 50%;
      z-index: 800;
   }*/

   .mobileHeader {
      display: flex;
      width: 85%;
      margin-left: 15%;
      height: 5em;
      background-color: #28313E;
      border-bottom: 1px solid #e6e6e6;
      justify-content: space-around;
   }

   .mobileHeader img {
      /*width: 40%;*/
   }
   .mobileHeader a {
      justify-content: center;
      align-items: center;

   }
   nav {
      min-width: 5%;
   }

   nav a {
      text-align: center;
   }
   .userIcon {
      text-align: center;
      font-size: 1em;
      padding: .75em 0;
   }
   .logoNav {
      display: none;
   }
   nav .mainUl {
      display: none;
   }
   .mobileUl {
      display: block;
   }
   .pageContents {
      width: 85%;
   }
   .pageTitleArea .account {
      display: none;
   }
   .pageTitleArea .title {
      width: 100%;
   }
   .pageTitleArea {
      padding: 1em 5%;
   }
   .formArea {
      padding: 1em 5%;
   }

   .formArea.terms { width:100%;}
   .terms input { width:90%;}
   .terms .undo50 { margin-bottom:0px;}
   .terms .undo50 label { display:inline;}
   .homepage .loginContain .buttonBlue { font-size: 0.8em;}

   .formArea .cards .bankType {
      width: 46%;
      margin-right: 0;
   }
   .pageContents .buttonGray {
      text-align: center;
      margin-left: 5%;
      width: 44%;
      padding: 1em 0;
   }
   .pageContents .buttonGreen {
      text-align: center;
      margin-right: 5%;
      width: 44%;
      padding: 1em 0;
   }
   .pageContents .buttonBlue {
      text-align: center;
      margin-right: 5%;
      width: 44%;
      padding: 1em 0;
   }

   .homepage .loginContain {
      width: 100%;
      margin-top: 2em;
   }
   .homepage .logoHome {
      width: 40%;
   }
   .homepage h1 {
      font-size: 2em;
      margin-top: .8em;
   }
   .homepage h2 {
      font-size: .9em;
   }
}