/*--Responsive CSS--*/

@media screen and (max-width: 1369px) {
	.slider_area {max-height: 422px;}
}

@media screen and (max-width: 1024px) {
	.menu_area .menu li {
		margin: 0 0 0 10px;
	}
	.menu_area .menu li a {
		font-size: 11px; 
	}	
}

@media screen and (max-width: 768px) {
	.menu_area {
		display: none;
	}
	.header-top {
		display: none;
	}
	.mobile_menu_icon {
		display: block;
	}
	.footer_area {padding: 30px 0 0px;}	
	.aboutus {margin: 0 0 30px;}	
	.aboutus h3 {margin: 0 0 15px;}	
	.aboutus p {width: 100%;}
	.course {width: 90%;margin: 0 0 15px 5%;}
	.news_highlight {padding: 0px 0 0px;}
	.section_title {padding: 15px 15px;margin: 15px 0 0 0;}
	.pracprog {padding: 30px 0;}
	.courses_list {margin: 0px 0 0px;}
}
 

@media screen and (max-width: 580px) {
	.bx-wrapper .bx-controls-direction a {
		width: 40px;
		height: 40px;
	}
	.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
		background-size: 40px;
	}
	.home_content {
		padding: 30px 0;
	}
	.home_content h1 {
		font-size: 20px;
		margin: 0 0 30px;
	}
	.home_content h3 {
		font-size: 14px;
		margin: 0 0 30px;
		line-height: 22px;
	}
	.section_title {
		padding: 15px 15px;
		margin: 15px 0 0 0;
	}
	.partner_area {
		padding: 0 0 30px;
	}
	.partnerslide {
		width: 150px !important;
	}
	.partner_area_inner .partnerslide img {
		border: 1px solid #eee;
		padding: 5px;
	}
	.studentprofile_wrapper {
		float: left;
		width: 100%;
		text-align: center;
		padding: 30px 0;
		background-color: #fff;
	}
	.studentprofile {
		display: inline-block;
		text-align: left;
		width: 100%;
		background-color: #fff;
	}
	.profileheader {
		float: left;
		width: 100%;
		background-color: #2a88bb;
		text-align: center;
		padding: 15px 0 15px;
		border-radius: 3px 3px 0 0;
	}
	.profile_form {
		float: left;
		width: 100%;
		padding: 0 15px 0;
		border-left: 1px solid #2a88bb;
		border-right: 1px solid #2a88bb;
		border-bottom: 1px solid #2a88bb;
		border-radius: 0 0 3px 3px;
	}
	.profile_row {
		float: left;
		width: 100%;
		margin: 0 0 8px;
		padding: 0 0 8px;
		font-size: 13px;
	}
	.profilepic_container {
		display: inline-block;
		width: 80px;
		height: 80px;
		background-color: #eee;
		border: 1px solid #ccc;
		border-radius: 50%;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		line-height: 80px;
	}
	.profile_row.fullname {
		width: 100%;
	}
	.profile_row.regdata {
		float: left;
		width: 100%;
	}
}