@media screen and (min-width:320px) and (max-width:480px) {
#department-bnnr .dep-banner-txts {
	position: static;
	color: #0b3f64;
	padding: 22px 29px;
}
.dep-fec-bxs-itms-txs2 {
    position: static;
    height: auto;
}
.dep-fec-bxs-itms-txs3 {
    position: static;
    height: auto;
}
.dep-fec-bxs-itms-txs4 {
    position: static;
    height: auto;
}
.course-hdd-txtds {
    font-size: 26px;
}
#cours-tab .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    text-align: left;
}
.cours-tb-side-tabs {
	height:100%;
	}
#vsn-msn-dep .vsn-msn-bg4 {
    height: auto;
}	
.coll-hsd h4 {
    margin: 15px auto;
}
.bnr-bttm-bgstrp {
    position: static;
}
#dep-tab-course .panel-tabs > li {
    width: 49%;
}
#dep-tab-course .panel-tabs > li > a {
    padding: 20px 6px;
    font-size: 15px;
    height: 96px;
}
.posi-bttnds {
    position: static;
}
#corse-bth321 .panel-tabs > li > a {
    height: 59px;
}
}
@media screen and (min-width:481px) and (max-width:640px) {
#department-bnnr .dep-banner-txts {
	position: static;
	color: #0b3f64;
	padding: 22px 29px;
}
.field-tip .tip-content::before {
    top: 4%;
}
.dep-fec-bxs-itms-txs2 {
    position: static;
    height: auto;
}
.dep-fec-bxs-itms-txs3 {
    position: static;
    height: auto;
}
.dep-fec-bxs-itms-txs4 {
    position: static;
    height: auto;
}
.course-hdd-txtds {
    font-size: 26px;
}
#cours-tab .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    text-align: center;
}
.cours-tb-side-tabs {
	height:100%;
	}
#vsn-msn-dep .vsn-msn-bg4 {
    height: auto;
}	
.coll-hsd h4 {
    margin: 15px auto;
}
.bnr-bttm-bgstrp {
    position: static;
}
.posi-bttnds {
    position: static;
}
#dep-tab-course .panel-tabs > li {
    width: 50%;
}
#dep-tab-course .panel-tabs > li > a {
    height: 96px;
}
#corse-bth321 .panel-tabs > li > a {
    height: 59px;
}

}
@media screen and (min-width:641px) and (max-width:800px) {
#department-bnnr .dep-banner-txts {
    top: -1%;
    left: 3%;
    bottom: -1%;
}
.field-tip .tip-content::before {
    top: 7%;
}
.dep-fec-bxs-itms-txs2 {
    position: static;
    height: auto;
}
.dep-fec-bxs-itms-txs3 {
    position: static;
    height: auto;
}
.dep-fec-bxs-itms-txs4 {
    position: static;
    height: auto;
}
.course-hdd-txtds {
    font-size: 30px;
}
#cours-tab .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    text-align: left;
}
.cours-tb-side-tabs {
	height:100%;
	}
#vsn-msn-dep .vsn-msn-bg4 {
    height: auto;
}	
.coll-hsd h4 {
    margin: 15px auto;
}
.posi-bttnds {
    position: static;
}
#dep-tab-course .panel-tabs > li {
    width: 33%;
}
#corse-bth321 .panel-tabs > li {
    width: 25%;
}
}
@media screen and (min-width:801px) and (max-width:1024px) {
#department-bnnr .dep-banner-txts {
    top: 11%;
    left: 3%;
    bottom: 11%;
}
.dean-messg-deprt {
    width: 92%;
    margin: 0px auto;
}
.dep-fec-bxs-itms-txs2 {
	position: static;
	height: auto;
	padding: 13px 25px;
	line-height: 23px;
}
.dep-fec-bxs-itms-txs3 {
	position: static;
	height: auto;
	padding: 13px 25px;
	line-height: 23px;

}
.dep-fec-bxs-itms-txs4 {
	position: static;
	height: auto;
	padding: 13px 25px;
	line-height: 23px;
}
#vsn-msn-dep .vsn-msn-bg4 {
    height: auto;
}	
#dep-tab-course .panel-tabs > li {
    width: 33%;
}


}
@media screen and (min-width:1025px) and (max-width:1100px) {
#department-bnnr .dep-banner-txts {
    top: 13%;
    bottom: 43%;
}
.dep-fec-bxs-itms-txs2 {
    height: 285px;
}
.dep-fec-bxs-itms-txs3 {
    height: 285px;
}
.dep-fec-bxs-itms-txs4 {
    height: 285px;
}
#vsn-msn-dep .vsn-msn-bg4 {
    height: auto;
}
}
@media screen and (min-width:1101px) and (max-width:1200px) {
.dep-fec-bxs-itms-txs2 {
    height: 285px;
}
.dep-fec-bxs-itms-txs3 {
    height: 285px;
}
.dep-fec-bxs-itms-txs4 {
    height: 285px;
}
#vsn-msn-dep .vsn-msn-bg4 {
    height: auto;
}
}
@media screen and (min-width:1201px) and (max-width:1301px) {

.field-tip .tip-content::before {
    top: 8%;
}
}
@media screen and (min-width:1302px) and (max-width:1390px) {
#department-bnnr .dep-banner-txts {
    left: 7%;
}
}
@media screen and (min-width:1391px) and (max-width:1590px) {
#department-bnnr .dep-banner-txts {
    left: 7%;
}
}
@media only screen and (max-width: 800px) {

#common-tbles table{
	display:block;
	text-align:left;
	border:none;
}
#common-tbles thead {
	display:block;
	text-align:left;
	border:none;
}
#common-tbles tbody {
	display:block;
	text-align:left;
	border:none;
}
#common-tbles th {
	display:block;
	text-align:left;
	border:none;
}
#common-tbles td {
	display:block;
	text-align:left;
	border:none;
}
#common-tbles tr {
	display:block;
	text-align:left;
	border:none;
}


#common-tbles thead tr {
	position:absolute;
	top:-9999px;
	left:-9999px;
}
#common-tbles tr {
	border:1px solid #ccc;
}
#common-tbles td {
	border:none;
	border-bottom:1px solid #eee;
	position:relative;
	padding-left:50% !important;
	white-space:normal;
	text-align:left;
}
#common-tbles td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50% !important;
    white-space: normal;
    text-align: left;
}
#common-tbles tr {
    border: 1px solid #ccc;
    font-size: 14px;
}
#common-tbles td:before {
	position:absolute;
	top:6px;
	left:6px;
	width:45%;
	padding-right:10px;
	white-space:normal;
	text-align:left;
	content:attr(data-title)
}

}