body{
     background:url('../img/test.jpg');
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     height: 100vh;
     overflow: hidden;
}
 .contant{
     width: 800px;
     margin: 0px auto;
}
 .clr{
     clear: both;
}
 .headding{
     color:#fff;
     position: relative;
     text-align: center;
     top: 18px;
}
 .login{
     width: 100%;
    /*border:1px solid #ddd;
    */
     border: 3px solid #3d76cf;
     min-height: 400px;
     margin:60px 0px;
     border-radius: 5px;
}
 .left-cont{
     float: left;
     width: 40%;
     background: #01509F;
     min-height: 400px;
     color: #fff;
     position: relative;
}
 .company-info{
     padding-top: 10px;
}
 .company-info h4{
     text-align: center;
}
 .company-info p{
     padding: 10px;
}
 .company-feature h4{
     text-align: center;
}
 .develop_by{
     text-align: center;
}
 .develop_by a{
     color: white;
     text-decoration: none;
     font-size: 10px;
}
 .develop_by a:hover{
     cursor: pointer;
     color: #31B0D5;
     text-decoration: none;
}
 .corcel{
     position: absolute;
     top: 40%;
     right: -36px;
}
 .round{
     width: 70px;
     height: 70px;
     border:3px solid #f1f1f1;
     border-radius: 50px;
     background: #fff;
     position: relative;
}
 .inner-round{
     width: 60px;
     height: 60px;
     border:3px solid #f1f1f1;
     border-radius: 50px;
     background: #01509F;
     color:#fff;
     position: absolute;
     top: 50%;
     left: 3%;
     transform: translateY(-50%);
}
 .inner-logo{
     position: absolute;
     top:32%;
     left: 23%;
}
 .right-cont{
     float: left;
     width: 60%;
     min-height: 400px;
     background: #fff;
}
 .login-form{
     padding: 60px 55px;
}
 .login-form h4{
     text-align: center;
     font-size: 25px;
}
 .company-feature{
     width: 226px;
     margin:0px auto;
}
 .com-add{
     width: 245px;
     border-radius: 15px;
     margin:0px auto;
     min-height: 200px;
     border:1px solid #fff;
     padding: 10px;
}
/*.overlay-div{
     position: absolute;
     top: 0;
     left: 12%;
}
*/
 @media only screen and (max-width: 992px) {
     .contant{
         width: 600px !important;
    }
     .com-add{
         width: 220px;
    }
     .corcel {
         right: -30px;
    }
     .round {
         width: 55px;
         height: 55px;
    }
     .inner-round {
         width: 45px;
         height: 45px;
    }
     .company-info{
         padding:0px;
    }
     .company-info h4{
         font-size: 15px;
    }
     .com-profile{
         font-size: 14px;
    }
     .develop_by{
         padding-top: 10px;
    }
}
 @media only screen and (max-width: 768px) {
     .contant{
         width: 500px !important;
    }
     .left-cont{
         width: 45% !important;
         float: left;
    }
     .right-cont{
         float: left;
         width: 55% !important;
    }
     .com-image img{
         width: 90%;
         height: 110px;
         border-radius: 25px;
         padding-top: 2px;
         margin-left: 3px;
    }
     .company-info{
         padding:0px;
    }
     .company-info h4{
         font-size: 14px;
    }
     .com-add{
         width: 200px;
    }
     .com-profile{
         font-size: 12px;
    }
     .corcel {
         right: -27px;
    }
     .round {
         width: 50px;
         height: 50px;
    }
     .inner-round {
         width: 40px;
         height: 40px;
    }
     .develop_by{
         padding-top: 10px;
    }
}
 @media only screen and (max-width: 600px) {
     .headding{
         top:0;
    }
     .login{
         margin:20px 0px;
    }
     .login{
         min-height: 300px !important;
    }
     .contant{
         width: 400px !important;
    }
     .left-cont{
         min-height: 300px !important;
    }
     .right-cont{
         min-height: 300px !important;
    }
     .com-image{
         display: none;
    }
     .login-form{
         padding: 45px 33px;
    }
     .com-add{
         border:none;
    }
     .corcel {
         right: -20px;
    }
     .round {
         width: 35px;
         height: 35px;
    }
     .inner-round {
         width: 25px;
         height: 25px;
    }
     .company-info h4{
         font-size: 12px;
    }
     .com-profile {
         font-size: 11px;
         padding: 0px 5px;
         width: 150px;
    }
     .develop_by {
         padding-top: 40px;
    }
}