@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap');



/*

input {

-webkit-appearance: none;

-moz-appearance: none;

appearance: none;

}

*/





button::-moz-focus-inner {

	border: 0;

}

a:focus {

	outline: none;

}

button:focus {

	outline: none;

}

::-moz-focus-inner {

	border: 0;

}

:focus, :active {

	outline: 0;

	border: 0;

}

select {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	/* Remove default arrow */

	background-image: url(../images/small-down-arrow.png);

	background-repeat: no-repeat;

	background-position: 85% center;

}

body {

	color: #333;

	margin: 0px;

	font-family: 'Sora', sans-serif;

	font-size: 15px;

	font-weight: 300;

	line-height: 26px;

	margin: 0px 0px 0px 0px;

}

html {

	scroll-behavior: smooth;

}

a {

	transition: all 0.5s ease-in 0s;

	text-decoration: none!important;

	outline: none;

	color: #000;

}

a:focus, a:active, a, focus, select {

	border: 0px;

	outline: none;

}

.clear {

	clear: both;

}

p {

	margin-top: 0px;

	text-align: left;

}

img {

	border: 0px;

}

form {

	margin: 0px;

}

input {

	outline: none;

}

* {

	box-sizing: border-box;

}

h2 {

	text-align: center;

	font-size: 32px;

	color: #000;

	margin: 0px 0px 20px 0px;

}

header {

	display: block;

	width: 100%;

	position: fixed;

	top: 0px;

	left: 0px;

	background-color: #fff;

	box-shadow: 0px 0px 1px 1px #eee;

	z-index: 10;

}

.top-bar a {

	display: inline-block;

	float: right;

	margin: 15px 0px 15px 10px;

	line-height: 20px;

}

.top-bar a img {

	float: left;

	margin-right: 10px;

	display: inline-block;

}

.top-bar a span {

	float: left;

	margin-right: 10px;

	display: inline-block;

}

.logo {

	float: left;

	display: inline-block;

	margin: 18px 0px;

}

.logo a {

	display: block;

}

.logo a img {

	display: block;

}

.top-bar {

	display: inline-block;

	float: right;

	border: 0px solid #ccc;

}

.top-navigation {

	display: inline-block;

	float: right;

	border-top: 1px solid #eee;

	width: 920px;

}

.menu-arrow {

	float: right;

	margin-left: 10px;

	margin-top: 10px;

}

.slider-1 {

	width: 100%;

	height: 500px;

	background-image: url(../images/homebanner1.jpg);

	background-position: center top;

	background-size: cover;

	display: block;

}

.slider-2 {

	width: 100%;

	height: 500px;

	background-image: url(../images/homebanner2.jpg);

	background-position: center top;

	background-size: cover;

	display: block;

}

.slider-3 {

	width: 100%;

	height: 500px;

	background-image: url(../images/homebanner3.jpg);

	background-position: center top;

	background-size: cover;

	display: block;

}

.slider-4 {

	width: 100%;

	height: 500px;

	background-image: url(../images/homebanner4.jpg);

	background-position: center top;

	background-size: cover;

	display: block;

}

#sliderh3 h1, #sliderh3 h2 {

	font-size: 40px;

	color: #fff;

	line-height: 130%;

	margin: 0px;

	padding-top: 23%;

	font-weight: 200;

}



.slider-1 h1 {padding-top:33%!important;}



#sliderh3 h1 strong, #sliderh3 h2 strong {

	font-weight: 700;

}

#sliderh3 .banner-girl {

	float: right;

}

#sliderh3 .joinus {

	display: block;

	border: 2px solid #fff;

	color: #fff;

	width: 150px;

	text-align: center;

	font-weight: 600;

	padding: 12px 15px;

	margin-top: 40px;

}

#sliderh3 .joinus:hover {

	background-color: #fff;

	color: #33bbec;

}

#sliderh1 .banner-girl, #sliderh2 .banner-girl, #sliderh3 .banner-girl, #sliderh4 .banner-girl {

	display: none!important

}

.banner-text-area {

	display: block;

	margin: auto;

	width: 1240px;

	padding: 0px 50px;

}

.gap {

	display: block;

	width: 100%;

	height: 100px;

}

.search-area {

	width: 100%;

	position: absolute;

}

#search-white-area {

	background-color: #fff;

	padding: 30px;

	margin-top: -100px;

	box-shadow: 0px 10px 30px 0px #ccc;

	display: table;

}

.inside.search-area {

	position: relative;

	background-color: #33bbec;

	height: 90px;

	margin-bottom: 40px;

}

.inside.search-area #search-white-area {

	margin-top: 30px;

	box-shadow: 0px 5px 20px 0px #ccc;

}

.search-dropdown1, .search-dropdown2, .search-dropdown3, .search-textbox {

	border: 0px;

	padding: 15px;

	background-color: #f7f7f7;

	font-family: 'Sora', sans-serif;

	font-size: 15px;

	font-weight: 300;

	width: 20%;

	float: left;

	border-right: 1px solid #ccc;

}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {

	border: 0px;

	padding: 7px 15px;

	background-color: #f7f7f7;

	font-family: 'Sora', sans-serif;

	font-size: 15px;

	font-weight: 300;

	width: 100%;

	float: left;

	border-right: 1px solid #ccc;

}

.search-textbox {

	width: 77%;

	border: 0px;

}

.search-area .col-1-of-5, .search-area .col-1-of-3 {

	padding: 0px;

}

.select2-container--bootstrap4 .select2-selection {

	border: 0px!important;

	outline: none!important;

}

input {

	border: 0px solid;

	outline: none!important;

}

.select2-container--bootstrap4.select2-container--focus .select2-selection {

	border-color: #fff!important;

	-webkit-box-shadow: none!important;

	box-shadow: none!important;

}

.select2-container .select2-selection--single .select2-selection__rendered {

	padding: 7px 15px!important;

}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {

	position: absolute;

	top: 63%!important;

	right: 13px!important;

	width: 25px!important;

}

.search-area .col-1-of-3 {

	width: 39.33%;

}

.search-button {

	background-color: #33bbec;

	border: 0px;

	color: #fff;

	font-family: 'Sora', sans-serif;

	font-size: 15px;

	font-weight: 500;

	padding: 15px;

	width: 23%;

}

#lens {

	display: none;

}

.facts {

	background-color: #f5f5f5;

	display: table;

	width: 100%;

	padding: 80px 0px 50px 0px;

	font-size: 18px;

}

.facts img {

	float: left;

	margin-right: 10px;

}

.facts strong {

	font-size: 36px;

	font-weight: 300;

	display: block;

	line-height: 130%;

	margin-top: 10px;

}

.blogs {

	display: table;

	width: 100%;

	padding: 20px 0px 40px 0px;

}

.blog-box {

	display: table;

	width: 100%;

	box-shadow: 0px 0px 20px 0px #ccc;

	padding-bottom: 30px;

	height: 500px;

}

.blog-box img {

	width: 100%;

	display: block;

}

.blog-box figure {

	margin: 0px;

	padding: 0px;

	height: auto;

	display: block;

	overflow: hidden;

}

.blog-box h4 {

	padding: 30px 30px 0px 30px;

	margin: 0px;

	color: #000;

	font-size: 16px;

	font-weight: 600;

	line-height: 150%;

}

.blog-box .date {

	padding: 0px 30px;

	display: block;

	font-size: 13px;

	text-transform: capitalize;

	color: #666;

}

.date {

	padding: 0px 0px;

	display: block;

	font-size: 13px;

	text-transform: capitalize;

	color: #666;

}

.datewrittenby {

	padding: 0px 0px;

	display: block;

	font-size: 13px;

	text-transform: capitalize;

	color: #666;

	float: right;

}

.full-date {

	display: inline-block;

	float: left;

	font-weight: 400;

	color: #666;

}

.datewrittenby {

	display: inline-block;

	float: left;

	margin-left: 10px;

}

.blog-box p {

	padding: 0px 30px;

	display: block;

	color: #000;

}

.blog-box a {

	display: block;

	width: 100%;

}

.blog-details-banner {

	width: 100%;

	height: 400px;

	overflow: hidden;

	display: block;

	margin-bottom: 25px;

}

.blog-details-banner img {

	margin: 0px;

	margin-top: -100px;

}

.newshome-box {

	display: table;

	width: 100%;

	box-shadow: 0px 0px 20px 0px #ccc;

	padding-bottom: 0px;

	height: 270px;

}

.newshome-box img {

	width: 100%;

	display: block;

}

.newshome-box figure {

	margin: 0px;

	padding: 0px;

	height: auto;

	display: block;

	overflow: hidden;

}

.newshome-box h4 {

	padding: 10px 10px 0px 10px;

	margin: 0px;

	color: #000;

	font-size: 13px;

	font-weight: 500;

	line-height: 150%;

}

.newshome-box .date {

	padding: 0px 10px;

	display: block;

	font-size: 11px;

	text-transform: capitalize;

	color: #666;

}

.newshome-box a {

	display: block;

	width: 100%;

}

.newshome-box .datewrittenby {

	float: right;

	padding-right: 20px;

	font-size: 11px;

	color: #666;

}

.popular-colleges {

	display: table;

	width: 100%;

	padding: 40px 0px 0px 0px;

}

.college-by-city {

	display: table;

	width: 100%;

	padding: 30px 0px 0px 0px;

}

.advertisement-horizontal {

	width: 100%;

	border: 1px solid #ddd;

	display: block;

}

.advertisement-right {

	width: 100%;

	border: 1px solid #ddd;

	display: block;

}

.city-icons {

	display: table;

	background-color: #f5f5f5;

	padding: 30px 0px;

	margin-bottom: 30px;

}

.city-icons img {

	display: block;

	margin: auto;

	width: 100px;

}

.city-icons span {

	display: block;

	margin: 13px auto;

	text-align: center;

	font-weight: 500;

}

#slideshow-wrapper {

	max-width: 854px;

	width: 100%;

}

#slideshow {

	margin-bottom: 0px;

	max-width: 854px;

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

}

#slideshow img {

	display: inline-block;

	width: 99.5%;

	height: auto;

	border: 1px solid #ddd;

}

/* Style the tab */



.tab {

	overflow: hidden;

	border: 1px solid #ccc;

	background-color: #fff;

	border-bottom: 0px;

	margin-top: 30px;

}

/* Style the buttons inside the tab */



.tab button {

	background-color: inherit;

	float: left;

	border: none;

	outline: none;

	cursor: pointer;

	padding: 14px 16px;

	transition: 0.3s;

	font-size: 15px;

	border-right: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	font-family: 'Sora', sans-serif;

	font-weight: 500;

	width: 50%;

}

.tab button:last-child {

	border-right: 0px;

}

.tab button:after {

	display: none;

}

/* Change background color of buttons on hover */



.tab button:hover {

	background-color: #ddd;

}

/* Create an active/current tablink class */



.tab button.active {

	background-color: #f7f7f7;

	border-bottom: 1px solid #f7f7f7;

}

/* Style the tab content */



.tabcontent {

	display: none;

	padding: 6px 12px;

	border: 1px solid #ccc;

	border-top: none;

	background-color: #f7f7f7;

	padding-bottom: 15px;

}

.tabcontent h3 {

	font-weight: 500;

	padding-left: 12px;

	font-size: 15px;

}

.tabcontent a {

	display: inline-block;

	background-color: #fff;

	width: 100%;

	margin: .7%;

	text-align: center;

	padding: 20px 0px;

	box-shadow: 0px 0px 10px 0px #eee;

	font-size: 14px;

	line-height: 140%;

}

.tabcontent a img {

	display: block;

	margin: 0px auto 20px auto;

}

.tabcontent a strong {

	display: block;

	margin: auto;

	font-weight: 500;

}

footer {

	display: table;

	width: 100%;

	padding: 50px 0px 15px 0px;

	background-color: #262424;

	color: #999;

	font-size: 13px;

}

footer a {

	display: block;

	color: #999;

}

footer a:hover {

	padding-left: 5px;

	color: #ccc;

}

#socialmedia {

	display: inline-block;

	float: right;

}

#socialmedia a {

	display: inline-block;

	float: right;

	margin-left: 8px;

	opacity: 0.4;

}

#socialmedia a img {

	display: block;

}

#socialmedia a:hover {

	opacity: 1.0;

}

footer .hline {

	border-bottom: 1px solid #444;

	width: 100%;

	margin: 60px 0px 20px 0px;

}

.copyright {

	text-transform: uppercase;

	letter-spacing: 1px;

	font-size: 11px;

	line-height: 40px;

}

.search-result-area {

	display: table;

	width: 100%;

	padding: 20px 0px;

}

.left-panel {

	background-color: #f7f7f7;

	display: table;

	padding: 20px;

	width: 100%

}

.left-panel h4 {

	margin: 0px 0px 10px 0px;

	font-size: 15px;

	font-weight: 600;

}

.left-panel ul {

	margin: 0px;

	padding: 0px;

}

.left-panel li {

	list-style: none;

}

#more1, #more2, #more3, #more4, #more5, #more6, #more7 {

	display: none;

}

#myBtn1, #myBtn2, #myBtn3, #myBtn4, #myBtn5, #myBtn6, #myBtn7 {

	display: block;

	background-color: transparent;

	border: 0px;

	font-family: poppins;

	color: #33bbec;

	border-bottom: 1px solid #33bbec;

	margin-top: 0px;

	cursor: pointer;

}

.hline {

	border-bottom: 1px solid #ccc;

	margin-top: 20px;

	margin-bottom: 15px;

}

.listing-box {

	display: table;

	width: 100%;

	border: 1px solid #ddd;

	padding: 0px;

	margin-bottom: 20px;

}

.listing-box .listing-content {

	display: table;

	width: 100%;

	background-color: #f7f7f7;

	padding-top: 15px;

	border-top: 1px solid #ddd;

}

.listing-box .listing-content p {

	text-align: justify;

	padding: 0px 20px;

	font-size: 14px;

	line-height: 140%;

	color: #666;

}

.college-logo {

	float: left;

	display: inline-block;

	margin-right: 20px;

	width: 85px;

	border-radius: 10000px;

	border: 5px solid #ddd;

	margin: 15px 20px;

}

.bgbr {

	padding: 20px;

	border: 1px solid #bdbfc1;

	background: #fff;

}

.listing-box h3 {

	font-size: 24px;

	font-weight: 300;

	margin: 15px 0px 10px 0px;

}

.college-rating {

	float: left;

	display: inline-block;

	width: 80px;

	margin-right: 10px;

}

.college-review-button {

	float: left;

	display: inline-block;

	color: #33bbec;

	border-bottom: 1px solid #33bbec;

	font-weight: 500;

	font-size: 12px;

	line-height: 120%;

}

.small-text {

	display: inline-block;

	float: left;

	width: 80%;

	font-size: 13px;

	margin-top: 5px;

}

.small-text span {

	display: inline-block;

	margin-right: 20px;

}

.small-text span strong {

	font-weight: 500;

	color: #000;

}



.rating-bar { width:75%; background-color:#ccc; border-radius:100px; display:inline-block; float:right; height:7px; margin-top:10px;}

.rating-bar-color {background-color:#33bbec; border-radius:100px; display:inline-block; float:left; height:7px;}



.gallery-small-heading {

  display: block;

  border-bottom: 1px solid #666;

  font-size: 16px;

  font-weight: 600;

  color: #000;

  width: 100%;

  padding: 10px 0px;

  margin-bottom:10px;

  clear:both;

}





.photo-item {

	width:33.33%;

	padding:2px;

	float:left;

}



.photo-item figure {

  margin: 0px;

  padding: 0px;

  height: 250px;

  overflow: hidden;

}



.photo-item img { 

	width:100%; 

	display:block;

	}





.placement-item-box {

  width: 24%;

  float: left;

  border:1px solid #ccc;

  padding:20px;

  margin:.5%;

}



.placement-item-box img {display:block; margin:20px auto; width:100px;}



.placement-item-box  strong, .placement-item-box  span {display:block;  text-align:center;}



.listing-box .listing-content a {

	display: inline-block;

	background-color: #33bbec;

	font-weight: 500;

	letter-spacing: 1px;

	color: #fff;

	width: 33.33%;

	float: left;

	text-align: center;

	border-right: 1px solid #fff;

	padding: 10px;

	font-size: 13px;

	text-transform: uppercase;

}

.listing-box .listing-content a:last-child {

	border-right: 0px;

}

.verified {

	float: right;

	width: 40px;

	margin: 30px;

}

.paging {

	display: table;

	width: 100%;

	text-align: center;

	margin-top: 30px;

}

.paging a {

	display: inline-block;

	width: 40px;

	height: 40px;

	text-align: center;

	background-color: #f7f7f7;

	border: 2px solid #f7f7f7;

	color: #666;

	line-height: 38px;

	font-size: 14px;

}

.paging a:hover {

	background-color: #ddd;

	border: 2px solid #ddd;

}

.paging-current-page {

	background-color: #fff!important;

	border: 2px solid #33bbec!important;

}

.college-heading {

	font-size: 24px;

	font-weight: 300;

	text-align: left;

}

.college-header {

	display: table;

	width: 100%;

	background-color: #f7f7f7;

	margin-top: -40px;

	padding-top: 60px;

}

.college-header .college-logo {

	margin: 0px 20px 0px 0px;

}

.college-header h3 {

	font-size: 30px;

	font-weight: 400;

	margin: 0px 0px 20px 0px;

	padding-top: 15px;

}

.college-header .small-text {

	margin-top: 10px;

	margin-bottom: 10px;

}

.college-navigation {

	border-top: 1px solid #ccc;

	position: -webkit-sticky;

	position: sticky;

	top: 0;

}

.college-navigation a {

	display: inline-block;

	line-height: 50px;

	font-size: 14px;

	margin-right: 50px;

	float: left;

}

.college-active-page {

	border-top: 3px solid #33bbec;

	font-weight: 600;

}

p strong {

	font-weight: 500;

	color: #000;

}

.college-building {

	width: 100%;

	margin-bottom: 20px;

}

.text-button {

	background-color: #33bbec;

	display: inline-block;

	padding: 10px;

	color: #fff;

	width: 230px;

	text-align: center;

	font-size: 13px;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 500;

}

.college-details-area {

	display: table;

	width: 100%;

	padding: 50px 0px;

}

.blocker {

	background-color: rgba(0, 0, 0, 0.4)!important;

	z-index: 20!important;

}

.modal {

	box-shadow: none;

}

.showcase {

	width: 100%;

	display: block;

}

.showcase img {

	width: 100%;

	display: block;

	border: 1px solid #fff;

}

.data-table {

	width: 100%;

	border-collapse: collapse;

}

.data-table td {

	border: 1px solid #ddd;

	padding: 10px;

	font-size: 13px;

	line-height: 120%;

	vertical-align: top;

}

.data-table th {

	border: 1px solid #69d1f6;

	padding: 15px;

	font-size: 13px;

	background-color: #33bbec;

	color: #fff;

	text-align: left;

	line-height: 120%;

	vertical-align: top;

	background-color: #33bbec;

	background-image: linear-gradient(#eee, #f9f9f9);

	border: 1px solid #ddd;

	border-bottom: 3px solid #33bbec;

	color: #000;

}

.data-table tr:nth-child(odd) {

	background-color: #f9f9f9;

}

.data-table td span {

	display: none;

}

.data-table2 {

	width: 100%;

	border-collapse: collapse;

}

.data-table2 td {

	border: 1px solid #ddd;

	padding: 10px;

	font-size: 13px;

	line-height: 120%;

	vertical-align: top;

}

.data-table2 th {

	border: 1px solid #69d1f6;

	padding: 15px;

	font-size: 13px;

	background-color: #33bbec;

	color: #fff;

	text-align: left;

	line-height: 120%;

	vertical-align: top;

	background-color: #33bbec;

	background-image: linear-gradient(#eee, #f9f9f9);

	border: 1px solid #ddd;

	border-bottom: 3px solid #33bbec;

	color: #000;

}

.data-table2 tr:nth-child(odd) {

	background-color: #f9f9f9;

}

.course-column h4 {

	background-color: #33bbec;

	background-image: linear-gradient(#eee, #f9f9f9);

	border: 1px solid #ddd;

	border-bottom: 3px solid #33bbec;

	color: #000;

	font-weight: 600;

	padding: 10px;

	text-transform: uppercase;

	margin: 0px 0px 0px 0px;

	font-size: 14px;

	clear: both;

}

.course-column ul {

	margin: 0px 0px 30px 0px;

	padding: 15px 0px 15px 30px;

	display: table;

	width: 100%;

	border: 1px solid #ddd;

}

.course-column li {

	font-size: 14px;

	padding-left: 10px;

	list-style-image: url(../images/bullet.png);

	width: 50%;

	float: left;

}

.review-box {

	display: table;

	width: 100%;

	border: 1px solid #ddd;

	padding: 20px;

	margin-bottom: 20px;

}

.name-letter {

	float: left;

	display: inline-block;

	width: 60px;

	height: 60px;

	line-height: 60px;

	background-color: #ccc;

	text-align: center;

	color: #fff;

	font-size: 24px;

	border-radius: 1000px;

	margin-right: 15px;

}

.review-box h5 {

	font-size: 18px;

	font-weight: 400;

	color: #000;

	display: inline-block;

	float: left;

	width: calc(100% - 80px);

	margin: 5px 0px 0px 0px;

}

.review-box .date {

	font-size: 12px;

	font-weight: 400;

	color: #666;

	display: inline-block;

	float: left;

	width: calc(100% - 80px);

	margin-bottom: 20px;

}

.review-box p {

	font-size: 14px;

}

.review-box:nth-child(1) .name-letter, .review-box:nth-child(11) .name-letter, .review-box:nth-child(21) .name-letter {

	background-color: #ecb5ca;

}

.review-box:nth-child(2) .name-letter, .review-box:nth-child(12) .name-letter, .review-box:nth-child(22) .name-letter {

	background-color: #cba8e4;

}

.review-box:nth-child(3) .name-letter, .review-box:nth-child(13) .name-letter, .review-box:nth-child(23) .name-letter {

	background-color: #a8c4e4;

}

.review-box:nth-child(4) .name-letter, .review-box:nth-child(14) .name-letter, .review-box:nth-child(24) .name-letter {

	background-color: #8cdad9;

}

.review-box:nth-child(5) .name-letter, .review-box:nth-child(15) .name-letter, .review-box:nth-child(25) .name-letter {

	background-color: #8cdaaf;

}

.review-box:nth-child(6) .name-letter, .review-box:nth-child(16) .name-letter, .review-box:nth-child(26) .name-letter {

	background-color: #b6da8c;

}

.review-box:nth-child(7) .name-letter, .review-box:nth-child(17) .name-letter, .review-box:nth-child(27) .name-letter {

	background-color: #dac98c;

}

.review-box:nth-child(8) .name-letter, .review-box:nth-child(18) .name-letter, .review-box:nth-child(28) .name-letter {

	background-color: #efa352;

}

.review-box:nth-child(9) .name-letter, .review-box:nth-child(19) .name-letter, .review-box:nth-child(29) .name-letter {

	background-color: #d98970;

}

.review-box:nth-child(10) .name-letter, .review-box:nth-child(20) .name-letter, .review-box:nth-child(30) .name-letter {

	background-color: #6eb5bb;

}

#review-header1, #review-header2 {

	margin-bottom: 40px;

	border: 1px solid #ddd;

	padding: 40px;

	height: 230px;
	display:table;
	width:100%;

}

.starr {
  margin: 0px;
    margin-bottom: 0px;
  padding: 0px;
  margin-bottom: 30px;
}

#review-header2 {

	padding: 30px;

	height: 250px;

	background-color: #f9f9f9;

}

#review-header1 img {

	display: block;

	margin: auto;

}

.big-rating-number {

	display: block;

	margin: auto;

	width: 100px;

	height: 100px;

	line-height: 100px;

	font-size: 30px;

	color: #fff;

	text-align: center;

	background-color: #00d566;

	border-radius: 1000px;

	margin-bottom: 20px;

}

#review-header2 h5 {

	font-size: 20px;

	margin: 0px 0px 10px 0px;

	font-weight: 400;

}

#review-header2 a {

	background-color: #33bbec;

	border: 0px;

	color: #fff;

	font-family: 'Sora', sans-serif;

	font-size: 15px;

	font-weight: 500;

	padding: 15px;

	width: 200px;

	margin-top: 20px;

	/*display: block;*/

	text-align: center;

}

.starr{

    list-style-type: none;

}

.starr li{

    list-style-type: none;

}

.starr li img{

    width: 16px;

    height: 15px;

}

.textposition{text-align: center!important;}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  height:auto;
  overflow:hidden;
}

#exreview .close-modal {margin:30px;}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width:600px;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.fas.fa-star {
  font-size: 40px!important;
}

.far {
  font-size: 40px!important;
}

#dataReview {margin-bottom:20px;}

#dataInput {
  float: right;
  width: 10px;
  margin-top: -30px;
}

.home-contact-form .textbox1.first-row {

	width: 100%;

	margin: .5%;

	float: left;

	margin-bottom: 20px;

}

.home-contact-form .textbox1.search-dropdown1 {

	width: 100%;

	margin: .5%;

	float: left;

	font-family: poppins;

	margin-bottom: 20px;

}

.home-contact-form .submit-button {

	width: 100%;

	margin: 20px auto 30px auto;

	float: none;

	display: block;

}

.gender-area {

	padding: 10px;

}

.home-contact-form select {

	background-position: 92% center;

}

.accordion {

	cursor: pointer;

	width: 100%;

	border: none;

	text-align: left;

	outline: none;

	transition: 0.4s;

	font-weight: 500;

	font-family: poppins;

	margin-top: 10px;

	border: 1px solid #69d1f6;

	padding: 15px;

	font-size: 14px;

	background-color: #33bbec;

	color: #fff;

	text-align: left;

	line-height: 120%;

	vertical-align: top;

	background-color: #33bbec;

	background-image: linear-gradient(#eee, #f9f9f9);

	border: 1px solid #ddd;

	border-bottom: 3px solid #33bbec;

	color: #000;

}

.active, .accordion:hover {

	background-color: #fff;

}

.accordion:after {

	content: '\002B';

	color: #000;

	font-weight: 300;

	float: right;

	font-size: 20px;

	margin-left: 5px;

}

.active:after {

	content: "\2212";

}

.panel {

	padding: 0px;

	background-color: white;

	overflow: hidden;

	transition: max-height 0.2s ease-out;

	max-height: auto;

	display: none;

}

.accordion-answer {

	padding: 15px;

	background-color: #fff;

	border: 1px solid #ccc;

}

.accordion-answer div {

	padding: 0px 0px 15px 0px;

	font-size: 12px;

	line-height: 160%;

}

.accordion-answer div strong {

	display: block;

	font-weight: 600;

	line-height: 160%;

}

.accordion-answer h5 {

	font-size: 16px;

	margin: 0px;

	font-weight: 500;

}

.accordion-answer p {

	font-size: 14px;

}

.textbox1 {

	width: 100%;

	padding: 15px;

	border: 1px solid #ddd;

	background-color: #f9f9f9;

	margin-bottom: 5px;

	font-family: poppins;

	font-size: 14px;

}

.submit-button {

	background-color: #33bbec;

	border: 0px;

	color: #fff;

	font-family: 'Sora', sans-serif;

	font-size: 15px;

	font-weight: 500;

	padding: 15px;

	width: 100%;

}

.modal-content h2 {

	font-size: 30px;

	font-weight: 400;

	margin: 20px 0px;

}

/* The Modal (background) */



.modals {

	display: none;

	/* Hidden by default */

	position: fixed;

	/* Stay in place */

	z-index: 100;

	/* Sit on top */

	padding-top: 100px;

	/* Location of the box */

	left: 0;

	top: 0;

	width: 100%;

	/* Full width */

	height: 100%;

	/* Full height */

	overflow: auto;

	/* Enable scroll if needed */

	background-color: rgb(0, 0, 0);

	/* Fallback color */

	background-color: rgba(0, 0, 0, 0.4);

	/* Black w/ opacity */

}

/* Modal Content */



.modal-content {

	background-color: #fefefe;

	margin: auto;

	padding: 40px;

	border: 1px solid #888;

	width: 600px;

}

/* The Close Button */



.close {

	color: #aaaaaa;

	float: right;

	font-size: 28px;

	font-weight: bold;

}

.close:hover, .close:focus {

	color: #000;

	text-decoration: none;

	cursor: pointer;

}

.otp-number {

	width: 100%;

	border: 0px;

	border-bottom: 1px solid #ccc;

	padding: 10px 0px 10px 50px;

	font-family: 'Kanit', sans-serif;

	margin-bottom: 40px;

	font-size: 40px;

	font-weight: 200;

	text-align: center;

	letter-spacing: 60px;

}

.login-area {

	width: 100%;

	display: table;

	height: auto;

	background-image: url(../images/login-bg.jpg);

	background-position: center top;

	background-size: cover;

}

.login-box {

	width: 100%;

	max-width: 100%x;

	background-color: #fff;

	padding: 40px 30px;

}

.login-box h2 {

	font-weight: 300;

}

.login-area .textbox1 {

	padding: 11px;

}

.text-center {

	text-align: center;

}

.blue-link {

	color: #0099FF;

	border-bottom: 1px solid #0099FF!important;

	font-weight: 400;

}

.inside-content-area {

	display: table;

	padding: 40px 0px;

	background-color: #f7f7f7;

	width: 100%;

}

.inside-content-area ul, ol {

	margin: 0px 0px 0px 20px;

	padding: 0px;

}

.inside-content-area ul li, ol li {

	margin-bottom: 10px;

	padding-left: 0px;

	text-align: justify;

}

.fullsize {

	display: block;

	width: 100%;

	margin-bottom: 50px;

}

.heading-left {

	text-align: left;

	font-size: 30px;

	margin-bottom: 20px;

	line-height: 130%;

	font-weight: 500;

}

.justify {

	text-align: justify;

}

.inside-content-area .blog-box {

	margin-bottom: 30px;

	height: 470px;

}

.running-text p {

	text-align: justify;

}

.running-text h3 {

	font-size: 20px;

	margin-bottom: 10px;

	margin-top: 40px;

}

.running-text h5 {

	font-size: 16px;

	margin-bottom: 10px;

	margin-top: 10px;

}

.college-news-box {

	display: table;

	width: 100%;

	padding-bottom: 30px;

	border-bottom: 1px solid #ccc;

	margin-bottom: 30px;

}

.college-news-box h4 {

	font-size: 20px;

	font-weight: 500;

	color: #000;

	margin: 0px;

}

.college-news-box span {

	color: #666;

	font-size: 12px;

}

.college-news-box p {

	text-align: justify;

	margin: 0px;

}

.contact-box {

	background-color: #fff;

	padding: 30px;

	height: 390px;

	box-shadow: 0px 0px 20px 0px #ddd;

}

.contact-box a {

	display: block;

	clear: both;

	line-height: 40px;

	margin-bottom: 20px;

}

.contact-box a img {

	float: left;

	margin-right: 10px;

}

.contact-box strong {

	font-size: 20px;

}

.contact-box .email {

	font-size: 14px;

}

.contact-lady {

	float: left;

	margin-top: 43px;

}

#contact-phone-and-email {

	padding-top: 100px;

}

.blog-details h4 {

	font-size: 20px;

	font-weight: 500;

	margin-bottom: 0px;

}

.blog-details p {

	text-align: justify;

}

.counseller-box {

	float: left;

	background-color: #fff;

	margin-right: 30px;

	width: 31%;

	box-shadow: 0px 0px 30px 0px #ddd;

	margin-bottom: 30px;

}

.counseller-box figure {

	padding: 0px;

	margin: 0px;

}

.counseller-box figure img {

	display: block;

	width: 100%;

}

.counseller-box span {

	display: block;

	padding: 40px 10px;

	text-align: center;

	border-bottom: 4px solid #33bbec;

}

.counseller-box span strong {

	font-weight: 700px;

	color: #000;

	font-size: 17px;

}

.counseller-box:nth-child(3), .counseller-box:nth-child(6), .counseller-box:nth-child(9), .counseller-box:nth-child(12), .counseller-box:nth-child(15), .counseller-box:nth-child(18), .counseller-box:nth-child(21), .counseller-box:nth-child(24), .counseller-box:nth-child(27) {

	margin-right: 0px;

}

.counseller-contact-box {

	background-color: #fff;

	padding: 30px;

	box-shadow: 0px 0px 20px 0px #ddd;

	margin-bottom: 30px;

}

.counseller-contact-box .textbox1 {

	padding: 10px;

}

.counseller-contact-box h3 {

	font-size: 23px;

	font-weight: bold;

	margin-top: 0px;

	text-align: center;

}

.counseller-contact-box h3 span {

	font-size: 17px;

	font-weight: 300;

	text-align: center;

}

/* Grid */



.grid-1280 {

	display: table;

	width: 1280px;

	margin: auto;

}

.row {

	width: 100%;

	display: table;

}

.col-1-of-12 {

	width: 8.33%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-1-of-11 {

	width: 9.09%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-1-of-10 {

	width: 10%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-1-of-9 {

	width: 11.11%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-8-of-9 {

	width: 88.89%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-7-of-9 {

	width: 77.78%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-6-of-9 {

	width: 66.67%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-5-of-9 {

	width: 55.56%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-4-of-9 {

	width: 44.45%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-3-of-9 {

	width: 33.34%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-2-of-9 {

	width: 22.23%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-1-of-8 {

	width: 12.50%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-7-of-8 {

	width: 87.50%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-6-of-8 {

	width: 75%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-5-of-8 {

	width: 62.50%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-4-of-8 {

	width: 50%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-3-of-8 {

	width: 37.50%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-2-of-8 {

	width: 25%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-1-of-7 {

	width: 14.28%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-6-of-7 {

	width: 85.68%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-5-of-7 {

	width: 71.4%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-4-of-7 {

	width: 57.12%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-3-of-7 {

	width: 42.84%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-2-of-7 {

	width: 28.56%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-1-of-6 {

	width: 16.66%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-5-of-6 {

	width: 83.33%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-4-of-6 {

	width: 66.64%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-3-of-6 {

	width: 49.98%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-2-of-6 {

	width: 33.32%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-1-of-5 {

	width: 20%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-4-of-5 {

	width: 80%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-3-of-5 {

	width: 60%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-2-of-5 {

	width: 40%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-1-of-4 {

	width: 25%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-3-of-4 {

	width: 75%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-1-of-3 {

	width: 33.33%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-2-of-3 {

	width: 66.66%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

}

.col-1-of-2 {

	width: 50%;

	float: left;

	padding-left: 15px;

	padding-right: 15px;

	line-height: 160%;

}

.col-1-of-1 {

	width: 100%;

	padding-left: 15px;

	padding-right: 15px;

}

.content {

	display: block;

	padding: 10px 0px;

	background-color: #eee;

	text-align: center;

	font-size: 10px;

	color: #000;

	border: 1px solid #ccc;

}

/* Grid */



/* Scroll Top */



.scrolltop {

	display: none;

	width: 100%;

	margin: 0 auto;

	position: fixed;

	bottom: 0px;

	right: 0px;

	z-index: 99;

}

.scroll {

	position: absolute;

	right: 20px;

	bottom: 20px;

	padding: 0;

	text-align: center;

	margin: 0 0 0 0;

	cursor: pointer;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-webkit-transition: 0.5s;

	-o-transition: 0.5s;

	background-color: #33bbec;

}

.scroll a {

	padding: 25px 0px 0px 0px;

	display: block;

	color: #fff;

	height: 50px;

	width: 50px;

}

.scroll a span {

	width: 0;

	height: 0;

	border-left: 10px solid transparent;

	border-right: 10px solid transparent;

	border-bottom: 10px solid #fff;

	display: block;

	margin: auto;

	animation: buttonarrow 0.6s infinite alternate ease-in-out;

}

@keyframes buttonarrow {

	0% {

		transform: translateY(0);

		opacity: 1.0

	}

	100% {

		transform: translateY(-0.5em);

		opacity: 1.0

	}

}

/* Scroll Top */



/* responsive menu */



.responsive-menu-icon {

	display: none;

}

.responsive-menu-icon {

	display: block;

	cursor: pointer;

	background-color: #000;

	width: 66px;

	height: 66px;

	position: fixed;

	right: 0;

	top: 0px;

	padding: 22px;

	box-sizing: border-box;

	z-index: 10000;

	display: none;

	z-index: 1000;

}

.bar1, .bar2, .bar3 {

	width: 23px;

	height: 2px;

	background-color: #fff;

	margin: 4px 0;

	transition: 0.4s;

}

.change .bar1 {

	-webkit-transform: rotate(-45deg) translate(-9px, 6px);

	transform: rotate(-45deg) translate(-4px, 4px);

}

.change .bar2 {

	opacity: 0;

}

.change .bar3 {

	-webkit-transform: rotate(45deg) translate(-8px, -8px);

	transform: rotate(45deg) translate(-4px, -5px);

}

/* responsive menu */



.exam-news-box {

	display: table;

	width: 100%;

	padding-bottom: 3px;

	border: 1px solid #ccc;

	margin-bottom: 30px;

	padding-top: 15px;

	padding-bottom: 15px;

}

.exam-news-box h4 {

	font-size: 16px;

	font-weight: 500;

	color: #000;

	margin: 0px;

}

.exam-news-box span {

	color: #666;

	font-size: 12px;

}

.exam-news-box p {

	text-align: justify;

	margin: 0px;

}

.news-details .heading-left {

	font-size: 24px;

	margin-bottom: 3px;

}

.news-details .news-bgpadding {

	background-color: #fff;

	padding: 8px 15px!important;

	border: 1px solid #d9d9e5;

}

.news-details .left-panel {

	background-color: #fff;

}

.news-details .left-panel h4 {

	margin: 0px 0px 10px 0px;

	font-size: 20px;

	font-weight: 600;

}

.news-details .recentnewsList li {

	font-size: 14px;

	text-align: left;

	padding: 10px 0;

	margin: 0;

	min-height: 30px;

	border-bottom: 1px dotted #c5c5e5;

	overflow: hidden;

}

.datewrittenby {

	color: #666;

	text-transform: capitalize;

	font-weight: 400;

}

.imgpdt {

	padding-top: 10px;

	width: 100%;

}

.btn_close_box {

	background: none;

	float: right;

	width: 25px;

	transition: all 0.5s ease-in-out;

	border-radius: 50%;

	margin-bottom: -20px;

	position: relative;

	z-index: 9;

}

.btn_close_box i {

	color: red;

	font-size: 18px;

}

.news-detail-banner {

	width: 100%;

	display: block;

	height: 300px;

	overflow: hidden;

}

.news-details {

	padding: 0px 0px!important;

}

.breadcrumb {

	margin-left: 0px!important;

	padding: 0px!important;

}

ul.breadcrumb li {

	display: inline;

	font-size: 12px;

}

ul.breadcrumb li+li:before {

	padding: 2px;

	color: black;

	content: "/\00a0";

}

ul.breadcrumb li a {

	color: #333;

	text-decoration: none;

}

ul.breadcrumb li a:hover {

	color: #01447e;

	text-decoration: underline;

}

.recentnewsList {

	overflow-x: scroll;

	height: 500px;

}

.fsize {

	font-size: 18px;

	margin-bottom: 0px;

}

.college-menu {

	width: 500px;

	left: 0px;

}

.college-menu li {

	width: 50%;

	float: left;

	border-right: 1px solid #ddd;

}

.college-menu li ul {

	width: 250px;

	z-index: 100;

	background-color: #fff;

	left: 248px;

	background-color: #f1f1f1;

}

.college-menu li ul li {

	width: 100%;

	border-top: 1px solid #f7f7f7;

	background-color: #ddd;

}

.alert {

	padding: 20px;

	background-color: #17a00e;

	color: white;

	right: 0;

	margin-left: 0;

	bottom: 97px;

	z-index: 5000;

	position: fixed;

}

.closebtn {

	margin-left: 15px;

	color: white;

	font-weight: bold;

	float: right;

	font-size: 22px;

	line-height: 20px;

	cursor: pointer;

	transition: 0.3s;

}

.closebtn:hover {

	color: black;

}

.datewrittenby {

	margin-left: 0px !important;

}

.btn_close_box.closebtn {

	background-color: #000;

	width: 20px;

	height: 20px;

	border: 0px;

	margin-bottom: -11px;

	border-radius: 0px;

}

.fa.fa-times-circle {

	color: #fff;

	font-size: 10px;

	font-style: normal;

	line-height: 20px;

	margin-top: -2px;

	display: block;

}

.recentnewsList {

	padding: 0px;

	margin: 0px!important;

	overflow: hidden;

	height: auto;

}

.news-details .recentnewsList li {

	border-bottom: 1px solid #ccc;

}

.news-details .left-panel {

	border: 1px solid #ddd;

}

#blog-details-left p {

	text-align: justify;

}

#blog-details-right a {

	display: block;

	padding: 20px;

	border: 1px solid #ddd;

	background-color: #fff;

}

#blog-details-right p {

	font-size: 15px;

	font-weight: 500;

	text-align: left;

	line-height: 135%;

	margin-bottom: 0px;

	color: #000;

}

#blog-details-right span {

	display: block;

	font-size: 12px;

	color: #666;

}

.blog-details-recent-posts-heading {

	display: block;

	background-color: #33bbec;

	text-align: center;

	color: #fff!important;

	text-transform: uppercase;

	font-weight: 600;

	font-size: 14px;

	padding: 10px;

	letter-spacing: 2px;

}

#myImage {

	float: right;

	margin-right: 10px;

	margin-top: 10px;

}

.show-filters {

	display: none;

}

/* User */



.inside-content-area {

	padding: 30px 0px;

}

#dashboard-left {

	position: -webkit-sticky;

	position: sticky;

	top: 130px;

}

.dashboard-left-menu {

	background-color: #fff;

	display: table;

	width: 100%;

	padding: 20px;

	border: 1px solid #ddd;

}

.dashboard-left-menu a {

	display: block;

	line-height: 40px;

	border-bottom: 1px solid #ddd;

	font-size: 14px;

}

.dashboard-left-menu a:last-child {

	border: 0px;

}

.my-active-menu {

	color: #33bbec;

	font-weight: 500;

}

.dashboard-right-area {

	background-color: #fff;

	border: 1px solid #ddd;

	padding: 0px;

	width: 100%;

}

.logout {

	display: inline-block;

	float: right;

	padding: 5px 10px;

	background-color: #33bbec;

	color: #fff;

	border-radius: 5px;

	text-transform: uppercase;

	font-size: 12px;

	font-weight: 600;

	margin-top: 7px;

}

.logout img {

	float: right;

	width: 15px;

	margin: 5px 5px 5px 10px;

}

.user-welcome {

	display: inline-block;

	line-height: 50px;

	margin-top: 0px;

}

.user-welcome img {

	float: left;

	border-radius: 1000px;

	width: 50px;

	margin-right: 10px;

}

.user-header {

	border-bottom: 1px solid #ddd;

	padding: 10px 15px;

}

.dashboard-content-area {

	display: table;

	padding: 15px 0px;

	width: 100%;

}

.college-box {

	display: block;

	width: 100%;

	position: relative;

	vertical-align: top;

	overflow: hidden;

	height: 100%;

	white-space: normal;

	padding: 0px;

	margin: .5%;

	border: 1px solid #ddd;

	margin-bottom: 25px;

}

.college-box figure {

	display: block;

	width: 100%;

	height: 215px;

	padding: 0px;

	margin: 0px;

	overflow: hidden;

}

.college-box figure img {

	width: 100%;

}

.college-box .rounded-logo {

	display: block;

	margin: auto;

	margin-top: -50px;

	border-radius: 1000px;

	box-shadow: 0px 0px 10px 0px #ccc;

	width: 100px;

}

.college-box .star-rating {

	width: 100px;

	display: block;

	margin: 20px auto;

}

.college-box strong {

	display: block;

	margin: 0px auto;

	text-align: center;

	font-weight: 500;

}

.college-box span {

	display: block;

	margin: 0px auto 50px auto;

	text-align: center;

}

.data-table img {

	opacity: 0.4;

	width: 20px;

}

.data-table a {

	margin: 0px 5px 0px 0px;

}

.error-message {

	display: table;

	width: 100%;

	padding: 10px;

	border: 1px solid #eb2323;

	color: #eb2323;

	background-color: #fdefef;

	font-size: 13px;

	line-height: 20px;

	margin-bottom: 20px;

}

.error-message strong {

	font-weight: 600;

}

.alert-message {

	display: table;

	width: 100%;

	padding: 10px;

	border: 1px solid #f4a307;

	color: #f4a307;

	background-color: #fffcf5;

	font-size: 13px;

	line-height: 20px;

	margin-bottom: 20px;

}

.alert-message strong {

	font-weight: 600;

}

.success-message {

	display: table;

	width: 100%;

	padding: 10px;

	border: 1px solid #c3e6cb;

	color: #155724;

	background-color: #d4edda;

	font-size: 13px;

	line-height: 20px;

	margin-bottom: 20px;

}

.success-message strong {

	font-weight: 600;

}

label {

	display: block;

	font-size: 13px;

	line-height: 170%;

}

.user-textbox {

	width: 100%;

	padding: 10px;

	border: 1px solid #ddd;

	background-color: #f9f9f9;

	margin-bottom: 5px;

	font-family: poppins;

	font-size: 14px;

	margin-bottom: 10px;

	background-position: 95% center;

}

.submit-button {

	background-color: #33bbec;

	border: 0px;

	color: #fff;

	font-family: 'Sora', sans-serif;

	font-size: 15px;

	font-weight: 500;

	padding: 15px;

	width: 100%;

}

.show-filters {

	display: none;

}

.add-button {

	background-color: #33bbec;

	color: #fff;

	padding: 7px;

	width: 100%;

	text-align: center;

	display: block;

}

.ficon {

	width: 32px!important;

	height: 32px!important;

	border-radius: 0px!important;

}

/*  980px  */



@media all and (max-width: 1239px) {

	.show-filters {

		display: block;

		background-color: #33bbec;

		padding: 10px;

		color: #fff;

		text-transform: uppercase;

		font-size: 12px;

		font-weight: 600;

		letter-spacing: 1px;

		text-align: center;

	}

	#myImage {

		float: right;

		margin-right: 10px;

		margin-top: 10px;

	}

	#dashboard-left {

		width: 100%;

	}

	#dashboard-right {

		width: 100%;

		margin-top: 20px;

	}

	#dashboard-left {

		position: static;

		display: none;

	}

	.dashboard-content-area {

		padding: 15px 10px;

	}

	.college-box figure {

		height: 180px;

	}

}

/*  768px  */



@media all and (max-width: 979px) {

	.dashboard-content-area .col-1-of-3 {

		width: 50%;

	}

	.college-box figure {

		height: 220px;

	}

	.college-header h3 {

		font-size: 15px!important;

		font-weight: 600;

		line-height: 120%;

	}

	.college-heading {

		font-size: 18px;

	}

}

/*  640px  */



@media all and (max-width: 767px) {

	.college-box figure {

		height: 180px;

	}

}

/*  480px  */



@media all and (max-width: 639px) {

	.dashboard-content-area .col-1-of-3 {

		width: 100%;

	}

	.college-box figure {

		height: 250px;

	}

}

/*  360px  */



@media all and (max-width: 479px) {

	.dashboard-content-area .col-1-of-3 {

		width: 100%;

	}

	.college-box figure {

		height: 180px;

	}

	.logout {

		font-size: 0px;

	}

	.logout img {

		float: right;

		width: 15px;

		margin: 5px 0;

	}

	.user-welcome img {

		width: 40px;

	}

	.logout {

		font-size: 0px;

		margin-top: 3px;

	}

	.user-welcome {

		line-height: 40px;

	}

}

/* User */



@media all and (max-width: 979px) {

.imgpop {display:none;}

.popupwidth{width:100%!important;}

}





@media all and (max-width: 979px) {

#lens {display:none;}

}



@media all and (max-width: 479px) {

.top-bar a {width:33.33%;}

}