@media only screen and (max-width:992px) {
    
    #login-register-page {
        padding: 0;
    }
    
    #login-top {
        z-index: 1;
        width: 270px;
        margin-top: 35px;
    }

    #login-top #hero:hover{
        cursor: pointer;
    }


    #login-page .login-page-content [class*="col-"] {
        padding: 0;
        overflow: hidden;
    }

    .login-page-content > .col-md-5,
    .login-page-content > .col-md-7
     {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #login-page .login-register-form {
        background: #fff;
        border-radius: 20px;
        max-width: 285px;
        min-height: 370px;
        margin: 0 auto;
        overflow: hidden;
    }

    #login-page .login-register-form > ul {
        padding-top: 0;
        margin-bottom: 0;
        border-bottom: 2px solid aliceblue;
        font-size: 0;
    }

    #login-page .login-register-form > ul li:first-child a {
        font-size: 13px;
        color: #000;
        padding: 0;
        border-radius: 0;
        margin: 0;
    }

    #login-page .login-register-form > ul li {
        margin: 0;
        width: 50%;
        text-align: center;
        padding: 10px 0;
    }

    #login-page .login-register-form > ul li.active {
        background: aliceblue;
    }

    #login-page .login-register-form > ul li a {
        margin-right: 0;
    }
    #login-page .login-register-form > form .form-group > .col-sm-3{
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 5px;
        margin-bottom: 7px;
        padding-bottom: 0;
    }

    #login-page .login-register-form > form .form-group > .col-sm-7
    {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 0;
    }

    #login-page .login-register-form > form input {
        border-radius: 10px;
        height: 32px;
    }


    #email-form-group {
        display: block;
    }


    #email-form-group ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        font-size: 11px;
        text-align: right;
        color: #e2e2e2;
      }
      
    #email-form-group :-ms-input-placeholder { /* Internet Explorer 10-11 */
        text-align: right;
        color: #e2e2e2;
      }
      
    #email-form-group ::-ms-input-placeholder { /* Microsoft Edge */
        text-align: right;
        color: #e2e2e2;
      }

      [type="radio"]:checked,
      [type="radio"]:not(:checked) {
          display: none;
      }
      [type="radio"]:checked + label,
      [type="radio"]:not(:checked) + label
      {
          position: relative;
          padding-left: 22px;
          cursor: pointer;
          line-height: 20px;
          display: inline-block;
          color: #666;
      }
      [type="radio"]:checked + label:before,
      [type="radio"]:not(:checked) + label:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 18px;
          height: 18px;
          border: 1px solid #f9f9f9;
          border-radius: 100%;
          background: #f9f9f9;
      }

      [type="radio"]:checked + label:before {
        border: 1px solid #4058A2;
      }
      [type="radio"]:checked + label:after,
      [type="radio"]:not(:checked) + label:after {
          content: '';
          width: 12px;
          height: 12px;
          background: #4058A2;
          position: absolute;
          top: 3px;
          left: 3px;
          border-radius: 100%;
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
      }
      [type="radio"]:not(:checked) + label:after {
          opacity: 0;
          -webkit-transform: scale(0);
          transform: scale(0);
      }
      [type="radio"]:checked + label:after {
          opacity: 1;
          -webkit-transform: scale(1);
          transform: scale(1);
      }

    #login-page .login-register-form > form button[type=submit] {
        margin-top: 55px;
    }

    #login-page .login-register-form > form .submit-message {
        padding-bottom: 20px;
        bottom:unset;
    }

    
    #login-register-page {
        overflow: visible; 
    }

    #login-page .login-register-form > form button[type=submit] {
        padding: 8px 60px;
        border-radius: 10px;
    }

    #login-page .login-page-content #contact-us {
        margin-right: 0;
        margin-top: 5px;
    }

    #login-register-page .ammar-logo {
        display: none;
    }


    #login-slider {
        position: absolute;
        left: 0;
        top: 0;
    }

    #login-page .login-page-content .slider .slider-content {
        border: 0;
        border-left: 0;
        height: 100%;
        border-radius: 0; 
        min-height: 340px;
        margin-top: 0;
    }

    #login-page .login-page-content .slider .slider-content .slider-text {
        width: 280px;
        float: unset;
        padding: 0;
        z-index: 1;
        border-radius: 20px 20px 0 0;
        left: 0;
        position: absolute;
        background: #fff;
        padding: 40px;
        right: 0;
        bottom: 0;
        margin: auto;
        height: 265px;
        overflow: hidden;
    }

    #login-page .login-page-content .slider .slider-content .slider-image {
        width: 100%;
        float: unset;
        border-radius: 0;
    }

    #login-page .login-page-content .slider .slider-content .slider-image img {
        border-radius: 0;
        width: 100%;
        position: relative;
        top: 0;
    }

    #login-page .login-page-content .slider .slider-content .text-on-image:before {
        display: none;
    }

    #login-page .login-page-content .slider .slider-content .text-on-image { 
        bottom: 265px;
        color: #fff;
        font-size: 20px;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
        z-index: 1;
        background: transparent;
        max-width: 185px;
    }

    #login-page .owl-dots {
       display: none;
    }

    #login-page .owl-nav {
        display: block;
    }

    #login-page  #login-slider {
        display: none;
    }

    #login-register-page #close-btn{
        display: none;
        position: absolute;
        left: 7px;
        top: 7px;
        z-index: 9;
        cursor: pointer;
    }

    #login-register-page #close-btn:hover{
        cursor: pointer;
    }

    #login-register-page #close-btn img{
        width:25px
    }

}

@media only screen and (min-width:992px){
    #email-form-group,
    #nationality-form-group,
    #login-top {
        display: none!important;
    }

    #login-register-page #close-btn{
        display: none;
    }
}