.uk-navbar-container.uk-light:not(.uk-navbar-transparent):not(.uk-navbar-primary) {
  background: #222;
}

#mobile-navbar li:nth-child(1),
#mobile-navbar li:nth-child(2),
#mobile-navbar li:nth-child(3) {
  border-left: unset;
}
#mobile-navbar li {
  padding-left: 5px;
  border-left: 2px solid transparent;
}
#mobile-navbar li.uk-active {
  padding-left: 5px;
  border-left: 2px solid #545454;
}
.uk-offcanvas-bar {
  background: #5d50a1 !important;
  width: 80% !important;
  overflow: hidden;
}
.uk-offcanvas {
  top: 100px !important;
  width: 100%;
}
.uk-navbar-nav>li>a {
  color: #fff;
}

.uk-offcanvas-container, .uk-offcanvas-page {
  overflow-x: unset;
}

ul.prod-gram {
  height: 27px;
  width: 30px;
  color: #fff;
  letter-spacing: 0em;
  font-size: 14px;
  /* line-height: 2.4; */
  float: left;
  list-style: none;
  padding: 0px 0px;
  /* margin: 0; */
  margin-top: 24px;
  margin-right: 95px;
  content: "▼";
}

.uk-sticky-placeholder{
  height: 100px !important;
}

/* ----------- Tablets ----------- */

/* Portrait & Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .container {
        padding: 0px !important;
    }
    footer .footer-menu {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .logo-social-container{
        margin-left: 45px;
        margin-right: 45px;
    }
    .uk-nav-default>li>a {
      color: #fff !important;
    }
    .lang-container {
      position: absolute;
      bottom: 45px;
      width: 100%;
    }
}
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .uk-offcanvas-bar {
      background: #5d50a1 !important;
      width: 80% !important;
      overflow: hidden;
  }
  .uk-offcanvas {
    top: 0px;
  }
      
}
/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .uk-sticky-placeholder{
        height: 100px !important;
    }
}

/* ----------- Phone ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    footer .footer-menu {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .container {
        padding: 0px !important;
    }
    .uk-nav-default>li>a {
      color: #fff !important;
    }
    .lang-container {
      position: absolute;
      bottom: 45px;
      width: 100%;
    }
    .uk-section-small {
      padding: 0;
    }
    #content_reg{
      margin: 15px !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    .uk-grid {
      display: inline;
      margin: 0;
      margin-left: 0;
    }
    .uk-width-1-2 {
      width: 100% !important;
      margin-left: -15px !important;
    }
    .px-text-login {
      max-width: 100% !important;
    }
    .banner-position {
      margin: 0 !important;
    }
    .box-login{
      margin-top: 55vh !important;
      min-width: unset !important;
      margin-left: unset !important;
      margin-bottom: 20px !important;
    }
    footer .footer-menu-wrapper {
      margin: 15px !important;
    }
    footer .footer-menu {
      flex: 0 0 100%;
      max-width: 100%;
    }
    .container {
      padding: 0 !important;
    }
    .logo-social-container {
      margin: 15px !important;
    }
    .uk-width-1-3 {
      width: 100% !important;
      padding: 0 !important;
    }
    .signup-image{
      margin-left: 0px !important;
    }

    .px-main-content {
      background-color: #f9f9fc;
      background: url(../images/background/img_banner_mobile@2x.png) no-repeat;
      background-size: 100%;
    }

    .px-title-login {
      font-size: 1rem !important;
      letter-spacing: 3.4px;
      color: #fff;
      font-family: 'GothamBold';
      margin-top: 50px;
    }
    
    .px-subtitle-login {
      font-size: 1.5rem !important;
      color: #fff;
      font-family: 'GothamBold';
      margin-top: 0;
    }
    
    .px-text-login {
      line-height: 1.7 !important;
      color: #fff;
      font-family: 'GothamBook';
      max-width:328px;
      margin-bottom: 10vh;
    }

    footer.bg-dark-purple {
      padding: 30px 20px 10px 20px !important;
    }

    footer .copyright p {
      margin-left: 15px !important;
    }

}

@media only screen 
  and (min-device-width: 400px) 
  and (max-device-width: 823px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    .box-login {
      margin-top: 65vh !important;
    }

    footer.bg-dark-purple {
      padding: 30px 50px 10px 20px !important;
    }

    footer .copyright p {
      margin-left: 15px !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .box-login{
      min-width: unset !important;
    }
    footer .footer-logo-container {
      margin-left: 20px !important;
    }
    .uk-width-1-3 {
      width: 50% !important;
    }

    footer .footer-menu-wrapper {
      margin: 20px !important;
    }
    footer .footer-menu {
      flex: 0 0 33%;
      max-width: 33%;
    }
    footer .copyright p {
      margin-left: 20px
    }
}