/*  1350px  */

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



.grid-1280 { width:1280px;}

	
#mixedSlider4  .MS-content .item .grey-box {  height: 410px;}
	

}









/*  1240px  */

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

 

.grid-1280 { width:1200px;}

	

#mixedSlider1, #mixedSlider2, #mixedSlider3, #mixedSlider4 { width:1200px;}

#mixedSlider5, #mixedSlider6 {width:1150px;}


.logo a img {  display: block;  max-width: 230px;}



.logo {  margin: 30px 0px 0px 0px;}



.banner-text-area {width:85%; padding:0px;}

#sliderh3 h1, #sliderh3 h2 {  font-size: 36px;}


.city-icons img   {width: 85px;}



.blog-box h4 {  font-size: 17px;}



.blogs {  padding: 50px 0px 40px 0px;}



.blog-box figure {  height: 225px;}

	

.showcase {height:250px;}	

.blog-box figure {  height: 165px;}

.inside-content-area .blog-box {  height: 500px;}

#mixedSlider1 .MS-content .item figure, #mixedSlider2 .MS-content .item figure {  height: 180px;}

#mixedSlider4  .MS-content .item .grey-box {  height: 410px;}
	

}









/*  980px  */

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



.grid-1280 { width:920px;}

	

.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-8-of-9,  .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-3-of-9, .col-2-of-9 {padding: 0px 10px;} 	

	



.responsive-menu-icon {display: block; background-color: #33bbec!important; width: 72px; height: 72px; padding:25px; position:absolute;}

	

#mixedSlider1, #mixedSlider2, #mixedSlider3, #mixedSlider4, #mixedSlider5, #mixedSlider6 { width:920px;}	



.city-icons img {  width: 75px;}	



.city-icons span {  margin: 5px auto;  font-size: 13px;}



.city-icons {  padding: 20px 0px;  margin-bottom: 20px;}



.city-icons a { padding-top:15px; }



h2 {font-size:30px;}



.facts {text-align:center;}

	

.facts  img {display:block; margin:auto; float:none;}	



.tabcontent a {  margin: .6%; font-size:13px; }



#mixedSlider4 .MS-content .item .grey-box {height:460px;}



.blog-box figure {  height: 180px;}



.blog-box h4 {  font-size: 17px;  height: 110px;}



#sliderh1 h1, #sliderh2 h1, #sliderh3 h1, #sliderh4 h1, #sliderh1 h2, #sliderh2 h2, #sliderh3 h2, #sliderh4 h2 {  font-size: 28px;}



.slider .slide, .slider-1, .slider-2, .slider-3, .slider-4 {height:400px;}



#sliderh3 .banner-girl {  height: 400px;}



.banner-text-area {  width: 80%;}



#sliderh1 .joinus, #sliderh2 .joinus, #sliderh3 .joinus, #sliderh4 .joinus {margin-top:20px;}



.facts strong {  font-size: 30px;}



.facts {font-size:14px;}



#socialmedia { padding-right:50px;}



.gap {  height: 72px;}



.logo {  margin: 12px 0px 8px 15px;}



.top-bar {  margin-right: 75px;  margin-top: 12px;}



header .grid-1280 {width:100%;}



header {position:relative;}



.gap {display:none;}



.top-navigation {width:100%;}



#menu {display:none;}



.college-navigation a {margin-right:35px;}



.top-navigation {border:0px;}



.showcase {height:190px;}



.college-details-area {  padding: 30px 0px;}



.counseller-box {margin-right:23px;}


.college-menu li {  width: 100%;  float: none;  border-right: 0px solid #ddd;}

.college-menu {  width: 100%;  left: 0px;}

.college-menu li ul {  width: 100%;  left: 0;}

.blogs .col-1-of-4 {width:50%; margin-bottom:20px;}

.blog-box {  height: 400px;}

#mixedSlider4 .MS-content .item .grey-box {  height: 480px;}

#mixedSlider4 .MS-content .item .grey-box p {  text-align: center;  font-size: 14px;}

.blog-listing .col-1-of-4 {  width: 33.33%;}

.blog-box h4 {  font-size: 17px;  height: 160px;}

.inside-content-area .blog-box {  height: 525px;}


#counsellers-area, #counsellers-contact-area {width:100%;}

#slideshow-wrapper, #slideshow {max-width:100%;}

#counsellers-contact-area select {  background-position: 98% center;}

.counseller-box span {  height: 160px;}

#blog-details-left, #blog-details-right {  width: 100%;}

#mixedSlider4 .MS-content .item .grey-box {  height: 380px;}

.collegeCourse {display:block!important;}

.collegeCourseDetail, .applybtn.part {  width: 100%!important;  display: table;  }


}

















/*  768px  */

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



.grid-1280 { width:740px;}	



.col-1-of-4  {width: 50%;}	



.col-1-of-5  {width: 33.33%;}	



.col-1-of-6  {width: 33.33%;}	



.col-1-of-7  {width: 25%;}	



.col-1-of-8  {width: 25%;}	

		

.col-1-of-9  {width: 20%;}	

		

.col-1-of-10  {width: 20%;}	

	

.col-1-of-11  {width: 16.66%;}

	

.col-1-of-12 {width: 16.66%;}

	

.col-5-of-8 {    width: 75%;	}

	

.col-3-of-9 {    width: 40.00%;	}

	

.col-1-of-9 {    width: 25%;}	

	

.col-2-of-9 {    width: 25%	}

	

.col-3-of-9 {    width: 50%;}	

	

.col-3-of-8 {    width: 50%;	}



.col-2-of-3, .col-2-of-5, .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6,  .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-8-of-9,  .col-7-of-9, .col-6-of-9, .col-5-of-9, .col-4-of-9 {width: 100%;}	



	

#mixedSlider1, #mixedSlider2, #mixedSlider3, #mixedSlider4, #mixedSlider5, #mixedSlider6 { width:720px;}	



#mixedSlider4 .MS-content .item, #mixedSlider3 .MS-content .item, #mixedSlider2 .MS-content .item, #mixedSlider1 .MS-content .item {  width: 49%;}

	

.blogs 	.col-1-of-3 {width:100%; margin-bottom:20px;}



.blog-box figure {  height: 380px;}



.blog-box h4 {  height: auto;}



.blog-box p {height:auto;}



.blogs {  padding: 50px 0px 10px 0px;}



footer .col-1-of-4 {width:100%; margin-bottom:20px;}

	

#socialmedia {  padding-right: 70px;}	



.city-icons .col-1-of-6 {  width:20%;}



.advertisement-horizontal{  margin-bottom: 20px;}



.college-by-city .col-1-of-4 {width:100%;}



#slideshow {max-width:400px; margin:auto; display:block;}






.top-bar a span {display:block;font-size: 10px;float: none; }.askaquery{display:none !important;}



#sliderh1 h1, #sliderh2 h1, #sliderh3 h1, #sliderh4 h1, #sliderh1 h2, #sliderh2 h2, #sliderh3 h2, #sliderh4 h2 {  font-size: 24px;  padding-top: 22%;}



#sliderh1 .joinus, #sliderh2 .joinus, #sliderh3 .joinus, #sliderh4 .joinus {padding:7px;}



.slider .slide, .slider-1, .slider-2, .slider-3, .slider-4 {height:300px;}



#sliderh3 .banner-girl {  height: 300px;}



.search-dropdown1, .search-dropdown2, .search-dropdown3 {  width: 33.33%; border:1px solid #ddd;}



.search-textbox {width:66.67%;  border:1px solid #ddd}



.search-button {width:33.33%;}



#footer-empty-col {  display: none;}



footer .hline {  margin: 10px 0px 20px 0px;}



.search-area {  width: 100%; position: relative;}



#search-white-area {margin-top:0px;}



.search-area .grid-1280 {width:100%; padding:0px;}



.facts {  padding: 20px 0px 50px 0px;}



.inside.search-area #search-white-area {  margin-top: 0px;}



.inside.search-area {  position: relative;  background-color: #33bbec;  height: auto;  margin-bottom: 0px; display:none; margin-top:}



#inside-search-area #search-white-area {padding:20px; border-top:1px solid #ddd; }



.college-navigation a {  margin-right: 25px;}



.search-area  {display:none;}



#lens {display:inline-block;}



.showcase {width:50%; height:230px;}	



.search-result-area {  padding: 30px 0px;}



.course-column li {width:100%;}



.college-navigation a {  margin-right: 23px;  float: left;}



.college-details-area .col-1-of-4 {width:100%; margin-bottom:0px;}



#review-header1, #review-header2 {margin-bottom:20px;}



.heading-left {font-size:24px;}


.blog-box figure {  height: auto;}

.banner-text-area {  width: 75%;}

.col-1-of-2.copyright {  letter-spacing: 0;}

.blog-listing .col-1-of-4 {  width: 50%;}

#counsellers-contact-area .search-dropdown1, #counsellers-contact-area .search-dropdown2,  #counsellers-contact-area .search-dropdown3{width:100%!important;}

#counsellers-contact-area {clear:both; padding-top:20px;}


.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;}

#left-panel {width:100%; display:none;}

.filter-holder {width:100%;}

.result-area {margin-top:20px;}

#search-white-area .col-1-of-3 {width:100%;}

#search-white-area .col-1-of-5 {border-left:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd;} 

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {border:0px;}

.search-button {  height: 51px;}

#contact-left, #contact-right {width:100%; height:auto;}

#contact-left {margin-bottom:20px;}

.contact-box {height:auto;}

.home-contact-form .textbox1.first-row, .home-contact-form .textbox1.search-dropdown1, .home-contact-form select {  width:100%;  margin:1% 0px;  float: none;}

.home-contact-form select {  background-position: 98% center;}

.home-contact-form .col-1-of-3 {width:100%!important;}

}











/*  640px  */

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



.grid-1280 { width:600px;}	

	

.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-8-of-9, .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-2-of-9, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8 {padding: 0px 5px;} 

	

	

#mixedSlider1, #mixedSlider2, #mixedSlider3, #mixedSlider4, #mixedSlider5, #mixedSlider6 { width:600px;}	



#mixedSlider1 .MS-controls .MS-left, #mixedSlider2 .MS-controls .MS-left, #mixedSlider3 .MS-controls .MS-left, #mixedSlider4 .MS-controls .MS-left {  left: -15px;}



#mixedSlider1 .MS-controls .MS-right, #mixedSlider2 .MS-controls .MS-right, #mixedSlider3 .MS-controls .MS-right, #mixedSlider4 .MS-controls .MS-right {  right: -15px;}









.tab button {font-size:12px;}



.col-1-of-2.copyright {width:100%;}



#socialmedia {width:100%;}



#socialmedia a {float:left; margin-left:0px; margin-right:10px;}



#slideshow {  max-width: 320px;}



#sliderh3 .banner-girl, .slider .slide, .slider-1, .slider-2, .slider-3, .slider-4 {height:250px;}



#search-white-area {margin-top:0px;}



.search-area {  width: 100%;  position: relative;}



.search-area .grid-1280 {width:100%;}



#sliderh1 h1, #sliderh2 h1, #sliderh3 h1, #sliderh4 h1, #sliderh1 h2, #sliderh2 h2, #sliderh3 h2, #sliderh4 h2 {  font-size: 18px;  padding-top: 15%;}



.slider .slider_left, .slider .slider_right {padding:0px;}



.facts {  padding: 20px 0px 50px 0px;  font-size: 14px;}



.facts strong {  font-size: 24px;}



h2 {  font-size: 26px; margin-bottom:30px;}



.popular-colleges {  padding: 40px 0px 0px 0px;}



#mixedSlider4 .MS-content .item .grey-box {padding:80px 30px 30px 30px;}



.city-icons .col-1-of-6 {  width: 25%;}



footer {  padding: 50px 0px 30px 0px;}



.college-details-area .col-1-of-2 {width:100%; }



.college-details-area {  padding: 30px 0px;}



.college-building {  width: 100%; margin-bottom:20px;}



.text-button {width:100%; margin:3px 0px;}



.college-header h3 {  font-size: 24px;}



.college-header .college-logo {  margin: 0px 10px 0px 0px;  width: 80px;}



.college-header h3 { font-size: 24px;  margin-bottom: 7px;}



.verified {  float: right;  width: 30px;  margin: 10px;}



.small-text span strong {  font-weight: 500;  color: #000;  display: block; line-height:120%;}



.college-header .small-text {width:100%;}



.small-text span {width:100%; margin-bottom:10px; margin-right: 0px; line-height:150%;}



.small-text span:nth-child(2), .small-text span:nth-child(3) {width:50%; float:left; margin:0px;}



.showcase {width:50%; height:190px;}	



.college-header .college-logo {  margin: 0px 10px 0px 0px;  width: 50px;}



.college-header {  padding-top: 50px;}



.college-header h3 {font-size:20px; padding-top:5px; margin-bottom:0px;}



.college-navigation a {  margin:5px;  line-height: 120%;  padding: 10px;  font-size: 12px;  background-color: #eee; border:1px solid #ccc;  border-radius: 100px;     font-weight:400; float:left;}



.college-active-page { background-color:#33bbec!important; color:#fff; margin-bottom:10px; font-weight:600; border:1px solid #33bbec!important; }



.college-navigation {  display:table; width:100%; margin-top:10px;}



.college-navigation {  border-top: 0px solid #ccc; margin-bottom: 15px;}



.college-header .small-text {margin-bottom:0px;}



.data-table2 th {font-size:12px; padding:5px;}



.data-table td {  padding: 7px; font-size: 12px;}



.inside-content-area {  padding: 25px 0px;}



.fullsize {  margin-bottom: 30px;}



.counseller-box {  width: 48%!important;  margin: 1%!important;}

.search-button {  height: 51px;}

.collegeCourseDetail div {width:50%!important; float:left;}

.collegeCourseDetail {display:block!important;}

.applybtn.part p {margin-bottom:10px!important;}

.home-contact-form .col-1-of-3 {width:100%!important;}

}











/*  480px  */

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



.grid-1280 { width:440px;}	

	

.col-1-of-2, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-3-of-9, .col-2-of-9  {width: 100%; float: none;}	



.col-1-of-3  {width: 100%; float: none;}	

	

.col-1-of-4  {width: 100%; float: none;}	



.col-1-of-5  {width: 100%; float: none;}	



.col-1-of-6  {width: 50%;}	



.col-1-of-7  {width: 33.33%;}	



.col-1-of-8  {width: 33.33%;}

		

.col-1-of-9  {width: 33.33%;}

		

.col-1-of-10  {width: 33.33%;}

	

.col-1-of-11  {width: 33.33%;}

	

.col-1-of-12 {width: 33.33%;}

	

	

#mixedSlider1, #mixedSlider2, #mixedSlider3, #mixedSlider4, #mixedSlider5, #mixedSlider6 { width:440px;}	



#mixedSlider4 .MS-content .item, #mixedSlider3 .MS-content .item, #mixedSlider2 .MS-content .item, #mixedSlider1 .MS-content .item {width:100%; margin:0px;}






.tabcontent a strong {  font-size: 12px;}



#mixedSlider4 .MS-content .item .grey-box {  padding-top: 100px;}



.blog-box figure {  height: 260px;}



#sliderh3 .banner-girl {display:none;}



#sliderh1 h1, #sliderh2 h1, #sliderh3 h1, #sliderh4 h1, #sliderh1 h2, #sliderh2 h2, #sliderh3 h2, #sliderh4 h2 {text-align:center; font-size:24px;}



#sliderh1 .joinus, #sliderh2 .joinus, #sliderh3 .joinus, #sliderh4 .joinus {margin:30px auto; display:block; }

	

.facts	.col-1-of-3 {width:33.33%; float:left;}



.facts strong {  font-size: 18px;}



.facts {  font-size: 12px; padding: 20px 0px 30px 0px;}



.college-by-city  {padding:30px 0px;}



.college-by-city  .col-1-of-4 {clear:both;}



.city-icons .col-1-of-6 { width: 25%; float:left;}



.city-icons {width:100%;}



.tab button { font-size: 12px; height: 50px;}

	

#mixedSlider4 .MS-content .item .grey-box p {  text-align: center;  width: 90%;  margin: auto;}	



.college-header h3 {  font-size: 24px;}

	

.logo a img {  display: block; max-width: 200px;}	



.responsive-menu-icon {  width: 65px;  height: 65px;  padding: 22px;}



.top-bar {  margin-right: 75px;  margin-top: 9px;}



.toggle + a, .menu {top:65px;}



.showcase {width:50%; height:135px;}	

	

.data-table th {display:none;}	

	

.data-table td {display:block; border:0px; padding:2px;} 	



.data-table tr {border:1px solid #ddd; padding:10px; display:block; margin-bottom:5px;}	



.data-table tr:first-child {display:none;}



.data-table td span {display:inline-block; font-weight:600; margin-right:10px;  }	


.blogs .col-1-of-4 {  width: 100%;  margin-bottom: 20px;}

.col-1-of-2.copyright {  letter-spacing: 0;  text-transform: none;}

.blog-listing .col-1-of-4 {  width: 100%;}

.inside-content-area .blog-box {height:auto;}

.news-detail-banner {  height: 200px;}

#search-white-area .col-1-of-5 {border-left:01px solid #ddd; border-top:0px solid #ddd; border-right:0px solid #ddd;} 

.select2-container .select2-selection--single .select2-selection__rendered {border:1px solid #ddd;}

.select2-container--bootstrap4.select2-container--focus .select2-selection {height:50px!important;}

.search-area .col-1-of-5, .search-area .col-1-of-3 {  border-left: 0px !important;}

.select2-container .select2-selection--single .select2-selection__rendered {height:50px;}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {  top: 45% !important;}

.selection {display:block; height:50px;}

.search-button {    height: 51px;  }


.modal {width:100%!important; padding:10px!important;}

.modal h4 {margin-top:0px!important; margin-bottom:10px!important;}

.login-box {padding:20px!important;}


#mixedSlider5 .MS-controls .MS-right, #mixedSlider6 .MS-controls .MS-right {    right: -15px;  }

#mixedSlider5 .MS-controls .MS-left, #mixedSlider6 .MS-controls .MS-left {    left: -15px;  }

.top-bar {  margin-right: 0; margin-top: 0px;  border-top: 1px solid #ddd; width: 100%;}



.top-bar a {width:20%; float:left; margin:0px; text-align:center; padding:10px; border-right:1px solid #ddd; height:40px; border-bottom:1px solid #eee;}



.top-bar a img {display:block; margin:auto; float:none;}

.collegeCourseDetail div {width:100%!important; float:none;}


.home-contact-form select {  background-position: 94% center;}

}









/*  360px  */

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



.grid-1280 { width:320px;}	

	

.col-1-of-6  {width: 100%; float: none;}	



.col-1-of-7  {width: 50%;}	



.col-1-of-8  {width: 50%;}

		

.col-1-of-9  {width: 50%;}

		

.col-1-of-10  {width: 50%;}

	

.col-1-of-11  {width: 50%;}

	

.col-1-of-12 {width: 50%;}	

	

#mixedSlider1, #mixedSlider2, #mixedSlider3, #mixedSlider4, #mixedSlider5, #mixedSlider6 { width:320px;}	



.blog-box figure {  height: 190px;}






.tab {margin-top:0px;}



.facts img {  width: 70px;}



.facts {  line-height: 120%;}



.facts strong {  font-size: 14px; font-weight: 500;}



.city-icons .col-1-of-6 { width: 33.33%;  float: left;}	



.tabcontent a img {  display: block;  margin: 0px auto 0px auto;  width: 60px;}



h2 {  font-size: 22px; margin-bottom: 30px;}



.top-bar {  margin-right: 0; margin-top: 0px;  border-top: 1px solid #ddd; width: 100%;}



.top-bar a {width:25%; float:left; margin:0px; text-align:center; padding:7px; border-right:1px solid #ddd; height:40px; border-bottom:1px solid #eee;}



.top-bar a img {display:block; margin:auto; float:none;}



header .col-1-of-1 { padding:0px;}



.search-button, .search-textbox, .search-dropdown1, .search-dropdown2, .search-dropdown3 {  width: 100%; border: 1px solid #ddd; background-position:95% center;}



#search-white-area {padding:0px;}



.slider .slide, .slider-1, .slider-2, .slider-3, .slider-4 {  height: 250px;}



#sliderh1 h1, #sliderh2 h1, #sliderh3 h1, #sliderh4 h1, #sliderh1 h2, #sliderh2 h2, #sliderh3 h2, #sliderh4 h2 {  font-size: 20px; padding-top: 12%;}



.top-bar a:hover {background-color:#f7f7f7;}



.tab button {  font-size: 11px; height: 50px;  font-weight: 600; padding:5px;}



.verified {  margin: 10px 0px;}



.showcase {width:50%; height:100px;}	





.college-header .college-logo {  margin: 0px 10px 0px 0px;  width: 50px;}



.college-header {  padding-top: 50px;}



.college-header h3 {font-size:20px; padding-top:5px; margin-bottom:0px;}



.college-navigation a {  margin:2px;  line-height: 120%;  padding: 6px;  font-size: 11px;  background-color: #eee; border:1px solid #ccc;  border-radius: 100px;     font-weight:400; float:left; width:31.33%; text-align:center;}



.college-active-page { background-color:#33bbec!important; color:#fff; margin-bottom:10px; font-weight:600; border:1px solid #33bbec!important; }



.college-navigation {  display:table; width:100%; margin-top:10px;}



.college-navigation {  border-top: 0px solid #ccc; margin-bottom: 15px;}



.college-header .small-text {margin-bottom:0px;}



.data-table2 th {font-size:12px; padding:5px;}



#review-header2 {height:auto; padding:20px;}



.inside-content-area {  padding: 25px 0px;}



.fullsize {  margin-bottom: 30px;}



.counseller-box {  width: 100%!important;  margin: 3% 0px!important ;}


#mixedSlider4 .MS-content .item .grey-box {  height: 410px;}


.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {    top: 52% !important;  }
 
 
.contact-box a img {  margin-bottom: 10px; }
 
.contact-box a  {  margin-bottom: 20px; line-height:170%;}
 
.otp-number {  padding: 10px 0px 10px 30px;} 

.applybtn.part .apply-button, .applybtn.part  .request-button  {width:100%; margin-bottom:10px;}
 
 
 
}