body{
margin:0 auto;
}
header .container{
	background: #2cb9ac;
	padding: 10px;
}
header h2{
	color:#fff;
	    line-height: 77px;
    padding: 4px;
}
.hear_left a{
    padding-right: 4%;
    color: #fff;
    text-align: center;
}
.btn-outline-success{
	background: #ccc;
}
.content_img{
	float: right;
	padding: 10px;
	text-align: justify;
}
.about_area{
	padding: 20px;
}
.about_area h4{
	color:  #13756c;
}
.about_area p{
	font-size: 14px;
}
.menu_head{
	background: #6ab58b;
	padding: 5px;
}
.menu{
	list-style: none;
	padding: 0;

	background: #b6f3d1;
}
.menu li a{
	color: #333;
}
.calenderbox{
	border: 1px solid #333;
}
.icon_div{
	background: #ccc;
	padding: 5px;
	margin-bottom: 20px;
}
.form_div{
	border: 1px solid #333;
	padding: 8px;
}
footer .container{
	border-top: 1px solid #333;
	padding-top: 4px;
}
footer p{
	font-size: 12px;
}

/*.row.calender-row {
    width: 100%;
    max-width: 319px;
}*/

.affilation-note {
    padding-left: 106px;
    margin-bottom: -4px;
    margin-top: -40px;
}

.main {
    overflow: auto;
}

@media only screen and (max-width: 768px) {
	.img-fluid {
		width: 50px;
		height: 54px;
	}
	
	.h2-note {
		padding-left: 4px !important;
        font-size: 12px !important;
        margin-top: -26px !important;
	}

	.navbar {
		display: none;
	}
	.m-left {
		display: none !important;
	}

	.calender-row {
		width: 100% !important;
	}

	.btn.multi-color {
		width: 100% !important;
		margin: 5px !important;
	}

	.multi-color-2 {
		width: 100% !important;
		margin: 5px !important
	}
    
	header {
        margin-bottom: 0px !important;
        padding-top: 7px;
        padding-bottom: 16px;
        background: #2cb9ac;
    }
	
	header .container {
        background: #2cb9ac !important;
        padding: 0 15px !important;
    }
    
    .affilation-note {
        padding-left: 47px;
        margin-top: -54px;
        font-size: 11px;
    }
    
    .row .row{
        margin: 0 !important;
    }
    
    .img-frame {
        margin: 0 auto;
    }

}