@font-face {
font-family: "FugazOne-Regular";
src: url("CustomFont.eot");
src: url("CustomFont.woff") format("woff"),
url("CustomFont.otf") format("opentype"),
url("CustomFont.svg#filename") format("svg");
}

.NewLogPageLeft{width:70%;float:left;background-color:aliceblue;min-height:100vh;background-image:url(../../Images/business.jpg);background-size:cover}
.NewLogPageRight{width:30%;float:left;background-color:#dbeff9;min-height:100vh;position:relative}
.PageBox1{width:40%;float:left;min-height:100vh;position:relative;padding-top:50px}
.PageBox2{width:30%;float:left;min-height:100vh;position:relative;padding-top:50px}
.PageBox3{width:40%;float:left;min-height:100vh;position:relative}
.BGpatch1{height:100vh;background-color:#fefeff;position:absolute;opacity:0.5;width:100%;z-index:0;top:0}
.BGpatch2{height:100vh;background-color:#9faeb7;position:absolute;opacity:0.5;width:100%;z-index:0;top:0}
.firstBoxtext{font-size: 40px;padding: 12px;text-align: center;position: relative;color:gray}
.SecondBoxtext{font-size:50px;padding:0px 12px;text-align: center;position: relative;color:#ad7373}
.AnvinDownLogo{font-size: 40px;padding: 12px;text-align: center;position: relative;}
.AnvinDownLogo img{width: 60%;background-color: #ffffff8c;padding: 10px 14px;border-radius: 10px;}
.adlerTopLogoRight{padding-top:85px;margin-bottom:10px;}
.adlerTopLogoRight img {margin: 0 auto;width:165px}
.LoginFieldBox{
    width: 80%;
    background-color: white;
    min-height: 240px;
    position: relative;
    margin: auto;
}
.LogFieldAlign{width:90%;margin:0 auto;}
.alert {
    padding: 10px 30px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: 10px;
    color: inherit;
}
.bottomBase{
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #7dc3e6;
    height: 50px;
    text-align: center;
    padding-top:8px
}
.copyrite{
    font-size: 10px;
    color:white;
}
.bestview{
    text-align: -webkit-center;
    padding-top: 5px;
    font-weight: 600;
    color: cadetblue;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
.NewLogPageLeft{width:60%;}
.NewLogPageRight{width:40%;}
.PageBox1{width:50%;}
.PageBox2{display:none}
.PageBox3{width:50%;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
.NewLogPageLeft{width:40%;}
.NewLogPageRight{width:60%;}
.PageBox1{width:100%;}
.PageBox2{display:none}
.PageBox3{display:none}
.adlerTopLogoRight {padding-top: 38px;margin-bottom: 20px;}
.LoginFieldBox {position: relative;}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 

.NewLogPageLeft{width:0%;}
.NewLogPageRight{width:100%;background-image:url(../../Images/business.jpg);background-position-x: -1144px;background-repeat: no-repeat;}
.adlerTopLogoRight {padding-top: 38px;margin-bottom: 20px;}
.LoginFieldBox {position: relative;}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
.NewLogPageLeft{width:40%;}
.NewLogPageRight{width:60%;}
.PageBox1{width:100%;}
.PageBox2{display:none}
.PageBox3{display:none}
.firstBoxtext {font-size: 22px;}
.adlerTopLogoRight {padding-top: 10px;margin-bottom: 0px;}
.LoginFieldBox {min-height: 245px;}
}



@media only screen and (min-device-width : 768px) and (max-width:1024px) {
  .firstBoxtext {font-size: 22px;}
}

@media only screen and (max-width: 400px) {
.NewLogPageLeft{width:0%;}
.NewLogPageRight{width:100%;background-image:url(../../Images/business.jpg);background-position-x: -1144px;background-repeat: no-repeat;}
.adlerTopLogoRight {padding-top: 38px;margin-bottom: 20px;}
.LoginFieldBox {position: relative;}
}