@media (min-width: 768px){
	.container {
		width: 687px;
	}
}

@media (min-width: 992px){
	.container {
		width: 890px;
	}
}
@media (min-width: 1200px){
	.container {
		width: 1090px;
	}
}


@media (max-width: 992px){

	.academic_frame {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.academic_text {
		flex: 0 0 100%;
		max-width: 100%;
		justify-content: center;
		align-items: center;
		display: flex;
		flex-direction: column;
		background-color: #fff;
		margin-top: 30px;
		padding: 20px;
	}
}

@media (min-width: 768px) and (max-width: 992px){
	.company_box_outer {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (max-width: 768px){
	.company_box_outer {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.projects_frame ul li .project_box {
		width: 100%;
		padding: 20px;
		box-shadow: 0 5px 20px -8px #c3c3c3;
		border-radius: 20px;
		float: left;
		background: #fff;
		margin-bottom: 40px;
	}

	.projects_frame ul li:before{
		top: 100%;
	}

	.company_box_outer{
		padding-right: 0;
	}

	.navbar-default{
		width: 100%;
	}

	.main_body {
		width: 100%;
		margin-left: auto;
		margin: auto;
	}

	.side_bar{
		display: none;
	}

	.navbar-brand>img {
		display: block;
		height: 90%;
	}


}


@media (min-width: 992px) and (max-width: 1050px){
	.navbar-brand>img {
		display: block;
		height: 80%;
		margin-top: 5px;
	}
}

@media (min-width:768px) and (max-width: 950px){
	/*.navbar-header{
		width: 25%;
	}*/
	/*.navbar-brand>img {
		display: block;
		height: auto;
		width: 100%;
		margin-top: 5px;
	}*/

	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 8px;
	}
	.navbar-default .navbar-nav>li>a{
		font-size: 11px;
	}

	.navbar-brand>img {
		display: block;
		height: 53%;
		position: absolute;
		top: -9px;
		bottom: 0;
		margin: auto;
	}

	.navbar-brand {
		padding: 5px 5px;
		position: relative;
	}
}

@media (min-width:951px) and (max-width: 991px){
	.nav>li>a {
		padding: 10px 14px;
	}
	.navbar-default .navbar-nav>li>a{
		font-size: 12px;
	}

	.navbar-brand>img {
		height: 80%;
	}
}

@media (max-width: 600px){
	.heading_sub {
		font-size: 20px;
	}

	.heading_main {
		font-size: 25px;
	}

	.academic_text{
		text-align: center;
	}

	.signature img{
		height: 90%;
	}

	.progressbar_value{
		left: 95%;
	}

	.contact_info{
		max-width: 100%;
	}

	.contact_info div{
		font-size: 16px;
	}

	.sec_pad {
		padding: 20px 0;
	}

	.sec_contact{
		padding-bottom: 80px;
	}

}