*{margin: 0;padding: 0;box-sizing: border-box;}
img{width: 100%;max-width: 100%;object-fit: contain;}
.left__float{float: left;}

body{font-family: 'Nunito Sans', sans-serif;font-size: 1rem;min-height: 100vh;color: #ffffff;background-image: url(../img/bg.png);background-repeat: no-repeat;background-size: cover; }
.login__wrapper {position: relative;width: 40%;float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    
    min-height: 100vh;background-color: #fff;}
.login__wrapper h5 {color: #333;margin: 18px 0;font-weight: 400;}
.login__logo {width: 150px;}
.portal__wrap {position: relative;background-color: #000;width: calc(100% - 23%);border-radius: 12px;padding: 16px 35px;color: inherit;margin-bottom: 25px;max-width: 450px;}
.lm-portal__wrap{background-color: #231F20;}
.lm-portal__icon{width: 85px;}
.adhoc-portal__icon{width: 70px;}
.adhoc-portal__icon img{border: 3px solid #fff;}
.login__menutitle {margin-left: 120px;font-size: 30px;line-height: 75px;font-weight: 700;letter-spacing: 0.5px;}
.menu__link {position: absolute;top: 0;left: 0;right: 0;bottom: 0;cursor: pointer;}
.delivery__man{position: absolute;width: 420px;left: -420px;transform: translateY(-50%);top: 50%;}

@media screen and (max-width: 1275px){
    .login__wrapper{width: 50%;}
    .delivery__man{position: static;display: none;}
}
@media screen and (max-width: 1024px){
    body{background-image: url(../img/login_bg_mobile.jpg) ;background-size: cover;}
    .login__wrapper{width: 100%;background: transparent;margin: 0 auto;float: none;}
    .login__wrapper h5{margin : 25px 0;}
    .portal__wrap{width: calc(100% - 55%);}
}
@media screen and (max-width: 880px){
    .portal__wrap {width: calc(100% - 45%);}
}
@media screen and (max-width: 767px){
    .portal__wrap {width: 365px;}
    .lm-portal__icon,
    .adhoc-portal__icon {width: 70px;height: 70px;}
    .login__menutitle{font-size: 22px;line-height: 70px;}
    .menu__link {-webkit-tap-highlight-color: transparent;}
}
@media screen and (max-width: 400px){
    .portal__wrap {width: 315px;}
    .lm-portal__icon,
    .adhoc-portal__icon {width: 55px;height: 55px;}
    .login__menutitle {font-size: 18px;line-height: 55px;margin-left: 90px;}
}
@media screen and (max-width: 330px){
    .portal__wrap{width: 285px;}
}