.main{width:60%;margin: 30px auto 0;}
.maincard {width:50%;margin:100px auto;}
.myleft{float:left;margin-bottom: 15px;font-size:16px }
.card-header h2{    font-size: 20px;
    text-transform: uppercase;    margin-bottom: 0; }
 .form-horizontal  h4 { font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;}
.mybtn{    background: #17a2b8;
    border: 0;
    padding: 5px 30px;
}

.card-header {
    padding: 5px !important;
}
.leftlogo{margin: 10px 0;  width: 60%;
float: left;}
.rightmenu{  width: 40%;    margin-top: 29px;
float: right;}
.rightmenu li{list-style-type: none;
    display: inline-block;
    float: left;
   }
.LOGO 	{
    BACKGROUND: #fff;
    TEXT-ALIGN: CENTER;
    MARGIN:0PX 0;
}
.LOGO img{max-width: 150px; }
.rightmenu li a	{ display: block;
    position: relative;
    color: #413e66;
    padding: 10px 15px;
    transition: 0.3s;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 600; }
	
	.rightmenu li a:hover{color:#1bb1dc}
	
	.footer  {
    text-align: center;
    padding: 20PX 0;
}
.topfooter img {
    height: 156px;
    width: 189px;
}
.footer h2{    margin: 30px 0;}
.col-md-6{float:left; width:50% }
.col-md-4{width:31.33%;margin:1%;float:left}
.bottomfoot{    width: 100%;
    float: none;
    display: inline-block;}
.appt{ margin-top: 72px;
    color: gray;
    font-weight: 600;}

@media(max-width:991px) {
    .login-page .container {
        width: 500px;
    }

    .topfooter img {
    height: auto;
    width: auto;
}
}
@media(max-width:767px){
    .login-page {
        display: inline-block;
        padding-top: 30px;
        height: auto;
        padding-bottom: 30px;
    }

    .rightmenu li a {
        padding: 5px
    }
    .login-box{width:100% !important}
	.main{width:100%;margin: 30px auto 0;}
.maincard {width:100%;margin:0 auto;}
.col-md-4{width:98%;margin:1%}
.col-md-6{float:left; width:100% }
}

@media(max-width:576px) {
    .login-page .container {
        width: 90%;
    }



}