@media screen and (min-width: 768px){
  .sign-board{
    width: 100%;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  .signup-tab, .pager.wizard{padding: 2% 20% !important; }
  .navbar-nav > li > a {padding: 10px 20px; }
  .dropdown-submenu>.dropdown-menu {position: inherit;}
  .btn-custom-one{margin-right: 5px;}
  .btn-custom-one,.btn-custom-two{margin-top: 10px;}
  .loading-cst{padding-right:20% !important; padding-left: 20% !important;}
  ul.popup-list{margin-top: 12px;}
  .popup-form label{text-align: left !important;}
  .popup-form{padding: 0 10%;}
}

@media screen and (min-width: 1024px){
  .w-xxxxl{width: 1280px;}
  .w-xxxl, .w-820 { width: 820px; }
}

@media screen and (max-width: 480px){
  .p-image{right: 20% !important;}
  .circle{margin: auto;}
  .circle-profile{float: none;margin: auto;}
  .p-image-profile{right: 20%;}
}

@media screen and (max-width: 767px){
  .sign-board{
    width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  .footer-login h4{font-size: 12px;}
  .btn-custom-one, .btn-custom-two{width: 100%;}
  .navbar-nav .open .dropdown-menu{position: absolute;right: 0;left: auto;background-color: #ffffff;}
  .dropdown-submenu>.dropdown-menu {position: relative !important;}
  .login-box .tab-wizard .nav-tabs > li > a{padding: 10px 15px;}
  .login-box .tab-container .nav-tabs > li{border: none;}
  .login-box .tab-wizard .nav-tabs > li > a:before, .login-box .tab-wizard .nav-tabs > li > a:after{display: none;}
  .login-box .tab-wizard .nav-tabs > li:last-child > a .wizard-step{margin-right: -10px;}
  .footer-login h4{font-size: 12px;}
  .tab-wizard .nav-tabs > li:before{display: none;}
  .microsite-text a, .application-text{font-size: 16px}
}

@media screen and (max-width: 1024px){
  .menu-cst{display: inherit;}
  .menu-logo, .menu-item{display: initial;}
}

@media screen and (min-width: 481px) and (max-width: 767px){
  .p-image{right: auto; left: 135px;}
  .p-image-profile{right: auto; left: 135px;}
  .circle-profile {float: none;}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
  .circle-profile{float: left;}
  .p-image-profile{left: 20%;}
  .tab-container .nav-tabs > li{border: 0px;}
}