/*Layout*/

@media only screen and (min-width: 992px) and (max-width:1199px) {
	.header-college-name h1.bangla {
		font-size: 34px;
	}
	.header-college-name h1 {
		font-size: 27px;
	}
	ul.nav li a {
		padding: 15px 8px;
	}
	.slider-item {
		height: 480px;
	}
	.teacher-photo {
		height: 190px;
	}
}


/*Tablet Layout*/

@media only screen and (min-width: 768px) and (max-width:991px) {
	.logo-left,
	.logo-right {
		height: 90px;
	}
	.header-college-name h1.bangla {
		font-size: 26px;
	}
	.header-college-name h1 {
		font-size: 20px;
	}
	.menu-area {
		display: none;
	}
	.slicknav_menu {
		display: block;
	}
	ul.slicknav_nav .fa.fa-home {
		font-size: 26px;
	}
	.slider-item {
		height: 450px;
	}
	.visitor span {
		padding: 2px 10px;
	}
	.teacher-photo {
		height: 198px;
	}
}


/*mobail small layout*/

@media only screen and (max-width:767px) {
	.header-area {
		text-align: center;
	}
	.logo-left,
	.logo-right {
		height: 70px;
	}
	.header-college-name h1.bangla {
		font-size: 19px;
	}
	.header-college-name h1 {
		font-size: 18px;
	}
	.menu-area {
		display: none;
	}
	.slicknav_menu {
		display: block;
	}
	ul.slicknav_nav .fa.fa-home {
		font-size: 24px;
	}
	.slider-item {
		height: 350px;
	}
	.about-text h2 {
		font-size: 24px;
	}
	.main-map iframe {
		height: 300px;
	}
	.visitor span {
		padding: 2px 10px;
	}
	.tab-list ul li a {
		font-size: 16px;
		padding: 10px 20px;
	}
}


/*mobail large layout*/

@media only screen and (min-width: 480px) and (max-width:767px) {
	.header-area {
		text-align: center;
	}
	.logo-left,
	.logo-right {
		height: 80px;
	}
	.header-college-name h1.bangla {
		font-size: 26px;
	}
	.header-college-name h1 {
		font-size: 20px;
	}
	.slider-item {
		height: 400px;
	}
	.main-map iframe {
		height: 350px;
	}
	.tab-list ul li a {
		font-size: 18px;
		padding: 10px 20px;
	}
}

/*Other*/

@media only screen and (min-width: 492px) and (max-width:767px) {
	.main-department .col-xs-12 {
		width: 50%;
	}
	.employee-list .col-xs-12 {
		width: 50%;
	}
	.photo-gallery-area .col-xs-12 {
		width: 50%;
	}
	.teacher-pane .col-xs-12 {
		width: 50%;
	}
}

@media only screen and (min-width: 620px) and (max-width:767px) {
	.about-area .col-xs-12 {
		width: 50%;
	}

}

@media only screen and (min-width: 480px) and (max-width:620px) {
	.about-photo {
		height: 280px;
	}
}

@media only screen and (min-width: 350px) and (max-width:492px) {
	.main-department .teacher-item,
	.teacher-pane .teacher-item {
		margin-left: 30px;
		margin-right: 30px;
	}
	.employee-list .employee-item {
		margin-left: 30px;
		margin-right: 30px;
	}
}

@media only screen and (max-width:380px) {
	.professor-profile {
		width: 280px;
	}
	.tab-list ul li a {
		font-size: 16px;
		padding: 8px;
	}
}