/* ----------- Smartphones Portrait and Landscape ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
}

/* ----------- Smartphones Portrait and Landscape ----------- */
@media only screen and (min-width : 320px) and (max-width : 767.98px) {
body {
	background: none !important;
}
.brand-text {
	display: none;
}
.page-left {
	width: 100%;
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
}
#top-area {
	display: none;
}
.page-right {
	width: 100%;
	position: relative !important;
}
#access {
	display: none;
}
#mob-menu-container {
	display: block;
}
#campus-area .nav-tabs {
	padding: 0;
}
#campus-area .nav-tabs .nav-link {
	margin: 0 0 10px 0 !important;
	width: 100% !important;
}
.wpcf7-form label {
	width: 100%;
	padding: 5px 0;
}
.wpcf7-form .wpcf7-form-control-wrap {
	width: 100%;
}
}

/* ----------- iPads Portrait and Landscape ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
}

/* ----------- iPads (Landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
}

/* ----------- iPads (Portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
}

/* ----------- My Screen ----------- */
@media only screen and (min-width : 1024px) and (max-width : 1366px) {
.page-left {
	width: 22%;
	left: 6%;
}
#campus-area .nav-tabs {
	padding: 0;
}
.brand-text {
	font-size: 21px !important;
	line-height: 27px !important;
}
#welcome-area .box-01, #welcome-area .box-02, #welcome-area .box-03 {
	min-height: 340px;
}
}
@media(max-width:1440px){
	.page-left #access a {
	  line-height: 35px;
	}
	#welcome-area .box-01, #welcome-area .box-02, #welcome-area .box-03 {
  min-height: 360px;
}
}
/* ----------- Large Screens ----------- */
@media only screen and (min-width : 1824px) {
}