@media(min-width:1201px) {
     .ml-main-header-nav .nav-item:hover > .dropdown {
          opacity: 1;
          visibility: visible;
          transform: translateY(0px);
     }
     .ml-main-header-nav .navbar-nav {
          flex: 2;
          justify-content: center;
          flex-direction: row;
     }
     .ml-main-header-nav .navbar-utils {
          text-align: right;
     } 
     .form-group.mt-xxl-5 {
          margin-top: 1.5rem !important;
     }
     .form-group.mb-xxl-5 {
          margin-bottom: 1.5rem !important;
     }
    .ml-login-side-box .title-sidebar {
         padding-right: 50px;
         font-size:30px;
     }
     .title-sidebar-sub {
       font-size:22px;
     }
}
@media(min-width:769px) {
.col-md-6.ml-login-6 + .col-md-6 {
   background-color:#000;
   margin-bottom: -54px;
   z-index: 99;
}
}
@media(max-height:940px) and (min-width:992px) {
    .ml-login-side-box .title-sidebar {
        font-size: 30px;
        line-height: 40px;
        font-weight: 900;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .title-sidebar-sub {
        font-size: 22px;
    }
    .ml-login-side-wraper {
       width: 100%;
       padding: 40px 40px 25px 40px;
    }
    .ml-login-side-box .ml-ls-item .ml-ls-head {
        margin-bottom: 15px;
    }
    .ml-login-side-box .ml-ls-item .ml-side-ul .ml-side-li {
        font-size: 14px;
        line-height: 20px;   
        margin-bottom: 10px;
    }   
    .ml-login-side-box .ml-ls-item .ml-ls-head img {
       width: 36px;
       height: 36px;
       margin-right: 15px;
    }
    .ml-login-side-box .ml-ls-item {
       padding: 20px;
    }    
    .ml-input-field {
       margin-bottom: 6px;  
       height: 40px;
       line-height: 40px;
    }
    .form-group.mb-3 {
       margin-bottom: 0.5rem !important; 
    }
    .ml-from-step-box {   
       margin-bottom: 15px;       
       margin-top: 30px;
    }
    .title-page {    
       margin-bottom: 15px;
    }
    .ml-slect-plan .ml-slect-price {
       margin-top: 0px;
       margin-bottom: 0px;
    }
    .ml-slect-plan label {
       padding: 12px 15px;
       border-radius: 12px;
    }
    .ml-btn-primary {
       height: 56px;  
       line-height: 56px;
    }
}
@media(max-width:1200px) {
    .ml-main-header-nav .navbar-toggler {
        display: block;
   }
   .ml-main-header-nav .navbar-nav {
        background: #030113;
        flex-direction: column;
        z-index: 99999;
        padding: 0 20px;
        opacity: 0;
        transition: 400ms ease;
       /* Sidebar */
        position: fixed;
        left: -300px;
        top: 0;
        width: 90%;
        max-width: 500px;
        height: 100%;
        overflow-y: auto;
        transform: translateX(-300px);
   }
   .ml-main-header-nav .navbar-nav .nav-link {
        margin: 2px 0;
        color: #FFF;
        display: flex;
        align-items: center;
   }
 .ml-main-header-nav .navbar-nav > .nav-item:first-child {
        margin-top: 20px;
   }
   .ml-main-header-nav .navbar-nav > .nav-item:last-child {
        margin-bottom: 20px;
   }
   .ml-main-header-nav .navbar-nav .nav-item:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   }
   .ml-main-header-nav .navbar-nav .nav-item:hover > .nav-link {
        color: #0081ff;
   }
   .ml-main-header-nav .navbar-nav > .nav-item:after {
        display: none;
   }
   .ml-main-header-nav .navbar-nav .nav-close {
        display: block;
        margin-top: 0;
   }
   .ml-main-header-nav .navbar-nav.active {
        max-height: initial;
        opacity: 1;
        transform: translateX(0);
        left: 0;
        box-shadow: 0px 0px 0 10000px rgba(0, 0, 0, 0.5);
   }
   .ml-main-header-nav .nav-item .dropdown {
        padding: 0;
        position: initial;
        max-height: 0;
        width: initial;
        border: none;
        box-shadow: none;
        background: transparent;
        padding-left: 15px;
   }
   .ml-main-header-nav .navbar-nav .nav-item .nav-item  {
        margin-right: 0;
   }
   .ml-main-header-nav .nav-item .dropdown .dropdown {
        border: none;
        padding-left: 15px;
   }
   .ml-main-header-nav .nav-item .dropdown:before {
        display: none;
   }
   .ml-main-header-nav .nav-item {
       position: relative;
   }
   .ml-main-header-nav .nav-item .dropdown .nav-link {
     color: #FFF!important;
   }
   .ml-main-header-nav .navbar-nav > .nav-item.submenu-ul > a:after,
   .ml-main-header-nav .navbar-nav > .nav-item.submenu-ul li.nav-item.submenu-ul-li > a:after {
     width: 8px;
     height: 8px;
     position: absolute;
     content: "";   
     right: 0;
     display: block;
     border: 1px solid #fff;
     border-right: none;
     border-top: none;
     transform: rotate(-137deg);
     transition: 0.3s;
   }
   .ml-main-header-nav .navbar-nav > .nav-item.active > a:after,
   .ml-main-header-nav .navbar-nav > .nav-item.active .nav-item.nav-item.active.active > a:after {
     transform: rotate(-45deg);
     transition: 0.3s;
   }
   /* .ml-main-header-nav .nav-item:hover > .dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        max-height: initial;
   } */
    .ml-main-header-nav .navbar-nav >.nav-item.active > .dropdown,
    .ml-main-header-nav .navbar-nav >.nav-item.active .nav-item.active .dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        max-height: initial;
   } 
   .ml-main-header-nav .nav-item.icon a:before {
        top: unset;
        right: 0;
        transform: translateY(0px);
   }
   .ml-main-header-nav .navbar .navbar-brand {
        order:2;
   }
   .ml-main-header-nav .navbar .navbar-toggler {
        order:1;
   }
   .ml-main-header-nav .navbar .navbar-utils {
        order:3;
   }   
   .ml-site-logo-open {
     width: 100px;
     height: auto;
     margin-top: 30px;
     margin-left: 15px;
   }
   .ml-menu-1, .ml-menu-2, .ml-menu-3 {
     width: 26px;
     height: 2px;
     background-color: #fff;
     border-radius: 2px;
     display: block;
     margin-bottom: 6px;
   }
   .ml-menu-1 {
      margin-top: 7px;
   }
   .ml-menu-2 {
     
   }
   .ml-menu-3 {
     
   }
   .ml-site-logo {
     width:105px;
   }
   .ml-main-header-nav .navbar {
       padding-right:40px;
   }
   .ml-main-header-nav .navbar .navbar-brand {
       margin-left:auto;
       margin-right:auto;
   }
}


@media(max-width:992px) {
    .ml-login-6 {
        height: auto!important;
        min-height: auto!important;
    }
    .ml-login-side-box {
        position: relative;
        width: calc(100% + 30px);
        background-color: #000;
        color: #fff;
        top: 0;
        right: 0;
        min-height: auto;
        z-index: 99;
        margin-left: -12px;
        margin-right: -12px;
        margin-top:15px;
    }
    .ml-login-content-box {
        padding-top: 15px;
        min-height: auto;
    }
    .ml-login-side-wraper {
        width: 100%;
        padding: 20px;
    }
    .ml-login-side-box .title-sidebar {
        font-size: 32px;
        line-height: 40px;
        font-weight: 800;
        margin-bottom: 25px;
        margin-top: 25px;
    }
    .ml-from-step-box .ml-fs-levels:after {
       
    }    
    .ml-slect-plan { 
        margin-left: -10px;
        margin-right: 0px;
    }
    
   .ml-login-side-box {
      min-height: auto!important;
      box-shadow:none!important;
   }
   .ml-from-step-box {
       margin-bottom: 20px;
   }  

}


@media(max-width:575px) {
    .ml-login-wraper {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 5px;
    }  
    .ml-from-step-box {
        margin-bottom: 15px;
   } 
   footer .lnp-footer-text {
        padding-top: 15px;
   }
}