@media screen and (min-width: 300px) and (max-width: 480px){

.navbar-brand{max-width: 70%;}
.navbar-brand img{width: 100%;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #000;}
.navbar-nav {margin: 0; width: 100%; background: #f2f2f2; padding: 20px 0px;}
.topmenu{margin-top: 5px; display: none;}
.navbar-brand{margin-top: 5px;}
.searchbar{padding-top:0px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background: transparent !important;}

.search-outer input{padding: 9px 20px; padding-left: 35px; font-size: 25px; background: transparent;}
.search-outer img{width: 20px;}
.search-outer{margin-bottom: 35px;}
.findouter button{padding: 10px 15px; font-size: 17px; display: none;}
.findouter button i{font-size: 30px; top: 5px;}
.findouter p{margin: 0px;}
.findouter{text-align: left;}

.textname{bottom: 10px; padding-right: 25px; border-bottom: 3px solid #fff; padding: 5px 12px;}

.textname::after{width: 3px;}
.three-box{padding: 40px 0px;}

.greencard{padding: 20px 15px; margin: 5px 0px;}

.picouter{width: 100%;}
.beDefferent{width: 100%; right: 0; margin-top: 0px; display: none;}
.welcomediv{margin-left: 0px; padding: 30px 15px; width: 100%;}
.footLogo::before{display: none;}

.welcomediv img{margin-bottom: 20px;}

.picouter{bottom: auto; right: 0; height: auto; position: relative; left: 0;}
.picouter img{width: 100%; left: auto; margin-bottom: 15px; min-height: 150px;}
.welcomediv span{padding: 10px 15px; line-height: 20px; font-size: 15px;}
.slide1sec{min-height: auto; margin-top: 15px;}
.dragableblock{padding: 35px 0px; overflow: hidden;}
.carousel-indicators {bottom: -20%; left: 0; width: 100%;}

.tourpicouter{left: 0; bottom: auto; width: 100%; position: relative; height: auto; right: 0 !important;}
.tourpic{min-height: auto; margin-top: 15px;}
.takeouter{padding-right: 0px; margin-top: 15px; padding-left: 0px !important;}
.sporttext{padding: 20px 15px;}
.vertual-tour{padding: 30px 0px;}
.touroutside{padding: 60px 0px 10px;}

.maping-sec{padding: 30px 0px;}
.spotpicture{padding: 40px 0px;}
.community-sec{padding: 40px 0px;}
.community-sec h1{margin-bottom: 40px;}
.newsevent-sec{padding: 40px 0px;}
.newsevent-sec h1 {margin-bottom: 0px; margin-top: 20px;}
.newsevent-sec h2 {margin-bottom: 0px; margin-top: 20px;}

.newscard{margin-top: 35px;}
.footer-sec{padding: 5px 0px 40px;}
.map-inside img{width: 100%;}
.footer-sec h6{text-align: center; font-size: 16px; margin: 0;}
.footinside h3{margin-top: 25px; font-size: 25px; text-align: center;}
.footinside li a{font-size: 15px;}
.footinside li p {font-size: 15px; line-height: 25px; font-weight: 300; margin-top: 15px;}
.footinside ul{text-align: center;}

.footinside img{max-width: 185px; display: block; margin: 30px auto;}
.footer-sec .row{margin: 0px !important;}


/*////////////////////////////
	Home Page Css ///////////////////////////
////////////////////////////*/

.contactForm{width: 100%; padding: 20px 15px;}
.studentContact{padding: 30px 0px;}
.studentContact h2{line-height: 1.2;}
.contactForm label {font-size: 16px; margin-bottom: 5px;}
.contactForm .form-group {margin-bottom: 15px;}

.contactForm button{font-size: 17px; margin-top: 40px;}
.breadcumb{padding: 15px 0px;}
.breadcumb li{font-size: 15px; margin: 5px 0px; margin-right: 7px;}
.aboutBnr{min-height: calc(100vh - 250px);}


.aboutContent{padding: 35px 0px;}
.aboutContent h4 {font-size: 30px !important; line-height: 35px;}
.bottom_border{height: 5px;}
.aboutContent li{font-size: 17px; line-height: 28px;}
.aboutContent p{font-size: 17px; line-height: 27px; margin: 0;}
.callBtn button{width: 100%; margin: 1px 0px;}

.callBtn button {padding: 10px 5px; font-size: 17px;}
.student_recruter{padding: 30px 0px;}
.student_recruter h4 {font-size: 30px;}
.student_recruter p {font-size: 17px;}
.cardPic{min-height: auto;}
.serviceCard{padding: 30px 0px;}
.cardContent h6{line-height: 25px;}

.aboutsec .searchbar{padding-top: 30px; background: #f9f9f9;}
.breadcumb li img {width: 9px; height: 9px;}
.app-process{padding: 35px 0px;}
.app-process h4 {font-size: 30px; line-height: 35px; text-align: center;}
.app-process h6 a{margin-bottom: 0px;}
.app-process h6 {font-size: 17px; font-weight: 300;}

.app-process p, .app-process h2 {font-size: 15px; line-height: 23px; text-align: center;}


/*////////////////////////////
	Udergaraduate & Contact Page Css ///////////////////////////
////////////////////////////*/

.threeDegry{position: relative; bottom: 0;}
.threeDegry li{padding: 5px 15px; font-size: 16px; margin: 2px 0px; width: auto;}
.movPlace {bottom: 10px !important;}
.app-process .mrgtop {margin-top: 20px;}
.app-process span i{text-align: center;}
.appOuter li{font-size: 15px;}

.aboutContent button{padding: 12px 20px; font-size: 18px; width: 100%;}
.proc_listing{padding: 40px 0px;}
.proc_In span i{margin-bottom: 0px;}
.proc_In h6 {font-size: 18px; font-weight: 300; margin-bottom: 30px;}
.coursename{padding: 30px 0px;}
.coursename h2{line-height: 1.2;}
.coursename h6{font-size: 17px;}

.fourtab li{font-size: 16px; padding: 10px 15px; margin: 1px 0px; width: 100%; text-align: center;}
.coursename p{font-size: 17px; line-height: 25px; margin-top: 0;}
.keyfact{padding: 30px 0px;}
.keyfact p{font-size: 15px; line-height: 23px;}
.keyfact li{font-size: 15px;}
.keyfact ul{margin: 15px 0px;}
.keyfact h5 a{font-size: 15px;}
.keyfact h5{font-size: 14px;}

.tabnaventer{padding: 15px 0px;}
.tabnaventer li{font-size: 17px; padding: 12px 10px; width: 100%; background: #323532; margin: 1px 0px;}
.content-inside{padding: 20px 15px;}
.content-inside p{font-size: 15px; line-height: 25px;}
.content-inside h3{font-size: 18px; line-height: 25px;} 
.panel-default>.panel-heading a:after{right: 0; top: 20px; position: absolute; font-size: 10px;}
.panel-title{position: relative; padding-right: 20px;}
.panel-default>.panel-heading a{padding: 15px 0px;}

.course-combination{padding: 40px 0px;}

.combin_inside{padding: 0px;}
.combin_inside p{font-size: 17px; line-height: 25px;}
.flexible_study h4{font-size: 17px; line-height: 30px;}
.flexible_study li{font-size: 15px; padding: 4px 10px; margin-bottom: 2px;}
.flexible_study li span{font-size: 9px;}
.flexible_study ul{margin-bottom: 10px;}
.flexible_study{padding: 10px 0px;}

/*////////////////////////////
	Entry Requirement Page Css ///////////////////////////
////////////////////////////*/

.whatNext{padding: 25px 0px;}
.nextInside li{padding: 3px 10px; width: 100%; font-size: 15px;}
.entryGray .accordianmenu {width: 100%; margin: 5px auto;}

.entryGray p {font-size: 16px; line-height: 25px;}
.studentContact p{font-size: 16px; line-height: 25px;}
.policySec .mrgtop {margin-top: 10px;}
.policySec{padding: 30px 0px;}

.policyCard h5{font-size: 17px;}
.policyCard i{margin-bottom: 10px; font-size: 45px;}
.visiting ul {margin: 20px auto;}
.aboutContent p b{margin-top: 25px; display: block;}
.feesStructure h3{font-size: 20px; margin-top: 20px;}

.feesTable li{padding: 0px 10px;}

/*////////////////////////////
	About Page Css ///////////////////////////
////////////////////////////*/

.find-accomd{padding: 30px 0px;}
.find-accomd h4 {font-size: 30px;}
.findingPic{min-height: auto;}
.findingCard{margin-top: 30px;}
.findingCard h6{display: block; font-size: 18px;}

.feesBG h2, .feesBG p, .feesBG h6 {text-align: center !important; display: block;}
.app-process p{margin-bottom: 5px;}
.howApply{padding: 25px 0px;}
.howApply p img {width: 30px;}
.howApply p{font-size: 20px;}
.dateHead li{font-size: 20px; width: 100%; margin-bottom: 15px; margin-right: 0px;}
.dateHead li a{padding-bottom: 5px;}
.dateactive{border-bottom: 4px solid #006938 !important;}

.findCourse_name{padding: 30px 0px;}

.findCourse_input button{margin-top: 20px;}

/* ////////////////////////////
Add new css ////////////////////////
//////////////////////////// */

a#backToTop {width: 30px; height: 30px; padding: 0px;}
a#backToTop i {font-size: 27px;}
.textname::before{display: none;}
#jssor_1 div{width: 100% !important;}

.map-inside h4{font-size: 20px; line-height: 25px;}
.map-inside p{font-size: 15px;}

.sporttext p{font-size: 15px; line-height: 25px;}
.sporttext h6{font-size: 15px; margin: 5px 0px;}
.newsevent-sec h1 span {font-size: 16px;}
.newsevent-sec h2 span {font-size: 16px;}
.newscard h3{font-size: 20px; margin: 5px 0px 10px; line-height: 25px;}
.newscard p{font-size: 15px; line-height: 22px;}
.newscard h6{font-size: 18px; margin-top: 10px;}

.navbar-inverse li a{font-size: 18px; padding: 5px 0px;}
.bannar-sec{min-height: calc(50vh - 50px);}
.logBannr{height: calc(50vh - 50px);}
.c-course-search-widget-popup__results{padding: 2rem;}
.c-course-search-widget-popup__results .filters label{font-size: 14px; margin-right: 8px; padding: 10px;}
.c-course-search-widget-popup__results a.result {font-size: 17px;}
.course-search-widget__result p{font-size: 17px;}
.c-course-search-widget-popup__results .button{padding: 1rem; font-size: 16px;}


}


@media screen and (min-width: 481px) and (max-width: 767px){

.navbar-brand{max-width: 280px;}
.navbar-brand img{width: 100%;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #000;}
.navbar-nav {margin: 0; width: 100%; background: #f2f2f2; padding: 20px 0px;}
.topmenu{margin-top: 5px; display: none;}
.navbar-brand{margin-top: 5px;}
.searchbar{padding-top:0px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background: transparent !important;}

.search-outer input{padding: 9px 20px; padding-left: 35px; font-size: 25px; background: transparent;}
.search-outer img{width: 20px;}
.search-outer{margin-bottom: 35px;}
.findouter button{padding: 10px 15px; font-size: 17px; display: none;}
.findouter button i{font-size: 30px; top: 5px;}
.findouter p{margin: 0px;}
.findouter{text-align: left;}

.textname{bottom: 10px; padding-right: 25px; border-bottom: 3px solid #fff; padding: 5px 12px;}

.textname::after{width: 3px;}
.three-box{padding: 40px 0px;}

.greencard{padding: 20px 15px; margin: 5px 0px;}

.picouter{width: 100%;}
.beDefferent{width: 100%; right: 0; margin-top: 0px; display: none;}
.welcomediv{margin-left: 0px; padding: 30px 15px; width: 100%;}

.welcomediv img{margin-bottom: 20px;}

.picouter{bottom: auto; right: 0; height: auto; position: relative; left: 0;}
.picouter img{width: 100%; left: 0; margin-bottom: 15px;}
.welcomediv span{padding: 10px 15px; line-height: 20px; font-size: 15px;}
.slide1sec{min-height: auto; margin-top: 15px;}
.dragableblock{padding: 35px 0px; overflow: hidden;}
.carousel-indicators {bottom: -20%; left: 0; width: 100%;}

.tourpicouter{left: 0; bottom: auto; width: 100%; position: relative; height: auto; right: 0 !important;}
.tourpic{min-height: auto; margin-top: 15px;}
.takeouter{padding-right: 0px; margin-top: 15px; padding-left: 0px !important;}
.sporttext{padding: 20px 15px;}
.vertual-tour{padding: 30px 0px;}
.touroutside{padding: 60px 0px 10px;}

.maping-sec{padding: 30px 0px;}
.spotpicture{padding: 40px 0px;}
.community-sec{padding: 40px 0px;}
.community-sec h1{margin-bottom: 40px;}
.newsevent-sec{padding: 40px 0px;}
.newsevent-sec h1 {margin-bottom: 0px; margin-top: 20px;}
.newsevent-sec h2 {margin-bottom: 0px; margin-top: 20px;}

.newscard{margin-top: 35px;}
.footer-sec{padding: 5px 0px 40px;}
.map-inside img{width: 100%;}
.footer-sec h6{text-align: center; font-size: 16px; margin: 0;}
.footinside h3{margin-top: 25px; font-size: 25px; text-align: center;}
.footinside li a{font-size: 15px;}
.footinside li p {font-size: 15px; line-height: 25px; font-weight: 300; margin-top: 15px;}
.footinside ul{text-align: center;}

.footinside img{max-width: 185px; display: block; margin: 30px auto;}
.footer-sec .row{margin: 0px !important;}


/*////////////////////////////
	Home Page Css ///////////////////////////
////////////////////////////*/

.contactForm{width: 100%; padding: 20px 15px;}
.studentContact{padding: 30px 0px;}
.studentContact h2{line-height: 1.2;}
.contactForm label {font-size: 16px; margin-bottom: 5px;}
.contactForm .form-group {margin-bottom: 15px;}

.contactForm button{font-size: 17px; margin-top: 40px;}
.breadcumb{padding: 15px 0px;}
.breadcumb li{font-size: 15px; margin: 5px 0px; margin-right: 7px;}
.aboutBnr{min-height: calc(100vh - 250px);}


.aboutContent{padding: 35px 0px;}
/*.aboutContent h4 {font-size: 30px !important; line-height: 35px;
}*/
.bottom_border{height: 5px;}
.aboutContent li{font-size: 17px; line-height: 28px;}
.aboutContent p{font-size: 17px; line-height: 27px; margin: 0;}
.callBtn button{width: 100%; margin: 1px 0px;}

.callBtn button {padding: 10px 5px; font-size: 17px;}
.student_recruter{padding: 30px 0px;}
.student_recruter h4 {font-size: 30px;}
.student_recruter p {font-size: 17px;}
.cardPic{min-height: auto;}
.serviceCard{padding: 30px 0px;}
.cardContent h6{line-height: 25px;}

.aboutsec .searchbar{padding-top: 30px; background: #f9f9f9;}
.breadcumb li img {width: 9px; height: 9px;}
.app-process{padding: 35px 0px;}
.app-process h4 {font-size: 30px; line-height: 35px; text-align: center;}
.app-process h6 a{margin-bottom: 0px;}
.app-process h6 {font-size: 17px; font-weight: 300;}

.app-process p, .app-process h2 {font-size: 15px; line-height: 23px; text-align: center;}


/*////////////////////////////
	Udergaraduate & Contact Page Css ///////////////////////////
////////////////////////////*/

.threeDegry{position: relative; bottom: 0;}
.threeDegry li{padding: 5px 15px; font-size: 16px; margin: 2px 0px; width: auto;}
.movPlace {bottom: 10px !important;}
.app-process .mrgtop {margin-top: 20px;}
.app-process span i{text-align: center;}
.appOuter li{font-size: 15px;}

.aboutContent button{padding: 12px 20px; font-size: 18px; width: 100%;}
.proc_listing{padding: 40px 0px;}
.proc_In span i{margin-bottom: 0px;}
.proc_In h6 {font-size: 18px; font-weight: 300; margin-bottom: 30px;}
.coursename{padding: 30px 0px;}
.coursename h2{line-height: 1.2;}
.coursename h6{font-size: 17px;}

.fourtab li{font-size: 16px; padding: 10px 15px; margin: 1px 0px; width: 100%; text-align: center;}
.coursename p{font-size: 17px; line-height: 25px; margin-top: 0;}
.keyfact{padding: 30px 0px;}
.keyfact p{font-size: 15px; line-height: 23px;}
.keyfact li{font-size: 15px;}
.keyfact ul{margin: 15px 0px;}
.keyfact h5 a{font-size: 15px;}
.keyfact h5{font-size: 14px;}

.tabnaventer{padding: 15px 0px;}
.tabnaventer li{font-size: 17px; padding: 12px 10px; width: 100%; background: #323532; margin: 1px 0px;}
.content-inside{padding: 20px 15px;}
.content-inside p{font-size: 15px; line-height: 25px;}
.content-inside h3{font-size: 18px; line-height: 25px;} 
.panel-default>.panel-heading a:after{right: 0; top: 20px; position: absolute; font-size: 10px;}
.panel-title{position: relative; padding-right: 20px;}
.panel-default>.panel-heading a{padding: 15px 0px;}

.course-combination{padding: 40px 0px;}

.combin_inside{padding: 0px;}
.combin_inside p{font-size: 17px; line-height: 25px;}
.flexible_study h4{font-size: 17px; line-height: 30px;}
.flexible_study li{font-size: 15px; padding: 4px 10px; margin-bottom: 2px;}
.flexible_study li span{font-size: 9px;}
.flexible_study ul{margin-bottom: 10px;}
.flexible_study{padding: 10px 0px;}

/*////////////////////////////
	Energy Requirment Page Css ///////////////////////////
////////////////////////////*/

.whatNext{padding: 25px 0px;}
.nextInside li{padding: 3px 10px; width: 100%; font-size: 15px;}
.entryGray .accordianmenu {width: 100%; margin: 5px auto;}

.entryGray p {font-size: 16px; line-height: 25px;}
.studentContact p{font-size: 16px; line-height: 25px;}
.policySec .mrgtop {margin-top: 10px;}
.policySec{padding: 30px 0px;}

.policyCard h5{font-size: 17px;}
.policyCard i{margin-bottom: 10px; font-size: 45px;}
.visiting ul {margin: 20px auto;}
.aboutContent p b{margin-top: 25px; display: block;}
.feesStructure h3{font-size: 20px; margin-top: 20px;}

.feesTable li{padding: 0px 10px;}

/*////////////////////////////
	About Page Css ///////////////////////////
////////////////////////////*/

.find-accomd{padding: 30px 0px;}
.find-accomd h4 {font-size: 30px;}
.findingPic{min-height: auto;}
.findingCard{margin-top: 30px;}
.findingCard h6{display: block; font-size: 18px;}

.feesBG h2, .feesBG p, .feesBG h6 {text-align: center !important; display: block;}
.app-process p{margin-bottom: 5px;}
.howApply{padding: 25px 0px;}
.howApply p img {width: 30px;}
.howApply p{font-size: 20px;}
.dateHead li{font-size: 20px; width: 100%; margin-bottom: 15px; margin-right: 0px;}
.dateHead li a{padding-bottom: 5px;}
.dateactive{border-bottom: 4px solid #006938 !important;}

.findCourse_name{padding: 30px 0px;}

.findCourse_input button{margin-top: 20px;}

/* //////////////////////////////
Add new Css for styling //////////////////////
////////////////////////////// */

.footLogo::before{display: none;}
.textname::before{display: none;}
.newscard img{min-height: auto; max-height: none;}
.bannar-sec{min-height: calc(70vh - 50px);}
.logBannr{height: calc(75vh - 50px);}
.c-course-search-widget-popup__results{padding: 2rem;}
.c-course-search-widget-popup__results .filters label{font-size: 14px; margin-right: 8px; padding: 10px;}
.c-course-search-widget-popup__results a.result {font-size: 17px;}
.course-search-widget__result p{font-size: 17px;}
.c-course-search-widget-popup__results .button{padding: 1rem; font-size: 16px;}


}

@media screen and (min-width: 768px) and (max-width: 991px){

.footLogo::before{display: none;}

}


@media screen and (min-width: 992px) and (max-width: 1200px){

.footLogo::before{display: none;}

}

@media screen and (min-width: 1201px) and (max-width: 1400px){

.footLogo::before{display: none;}

}

@media (min-width: 1200px){
	.container {
	    width: 1200px;
	}
	.tabcontent .container{
		width: 1080px;
	}
	.whatNext .container{
		width: 1080px;
	}
}