
@media (max-width:1200px){
	
	.menu {padding-top: 94px;}
	
	/* Courses */
	
	.courselist h2{font-size: 18px !important}
	
	/* Fees and payments */
	
	.feepayments .feetop p.list-item-heading span:last-child{display: block}
	
	.feesstructure {overflow: auto}
	
	.navbar .navbar-right.outer-navright{flex-basis: 65%}
	
}

@media (max-width:1100px){
	
	/* Login */
	
	.auth-card{flex-direction: row}
	.auth-card .form-side{width: 50%}
	.auth-card.login .image-side{width: 50%;}
	.login-form h3, .sign-form h3, .verify-form h3{margin-top: 2em}
	.auth-card .form-side{margin: 2em auto}
	
	.topmenu a{font-size: 14px;margin-left: 2em;}
	
	.navbar .navbar-right{flex-basis: 65%}
	.navbar .navbar-right.outer-navright{flex-basis: 70%}
	/* Courses */
	
		
	/* My Profile */
	.sw-main.sw-theme-default>ul.step-anchor>li>a{font-size: 14px}
	
	/* Fees and Payments */
	
	p.totalpaid,p.paidfee,p.duefee,p.totaldis{font-size: 20px !important}

	
} 


@media (max-width:991px){
	
	.regcourses p.list-item-heading span:last-child{display: block}
	.regcourses .text-right{text-align: center!important;margin-top: 1rem}
	
	/* My Profile */
	.sw-main.sw-theme-dots>ul.step-anchor>li>a i{left: 25%}
	
	.feepayments #customButtons5 > .row .border-right:nth-child(2){border-right: 0px !important}
	
	/* Inner navbar */
	.fixed-top{top: 35px}
	
	main {margin-left: 15px!important;margin-right: 15px!important; margin-top: 120px!important;margin-bottom: 0;}
	.navbar-left {display: block !important;}
	.navbar-left.inner-navleft {flex-basis: 15%;}
	.navbar .menu-button {width: 60px;}
	.navbar .menu-button-mobile {width: 20px;}
	
	.navbar {height: auto;}
	.logo {width: 100px;height: 35px}
	
	.navbar .user img{width: 30px;height: 30px;}
	.innertopleft{display: none !important}
	.navbar .navbar-right .user{margin-right: 0px}
	.navbar .navbar-right.inner-navright{flex-basis: auto}
	.navbar .navbar-right.outer-navright{flex-basis: 78%}
	
	.navbar .user .name,.navbar .user .stuid{font-size: 12px !important}
	
	.yearfee{text-align: center}
	.yearfee .card.d-flex.flex-row{display: inline-block !important;width: 40%}
	
}

@media (max-width:959px){
	
	/* Login */
	.navbar .search{display: none}
	
}

@media (max-width:767px){
	
	/* Login */
	
	.rounded .card.auth-card{flex-direction: column-reverse}
	.auth-card .form-side{width: 100%}
	.auth-card.login .image-side,.auth-card.signup .image-side{width: auto;padding: 14em 40px;background-size: contain}
	.navbar .navbar-left{flex-basis: auto}
	.login-form h3, .sign-form h3, .verify-form h3{margin-top: 3em}
	.auth-card .form-side{margin: 2em auto}
	
	.head-top{padding: 5px 0px}
	
	.navbar .navbar-right{flex-basis: 75%}
	.navbar .navbar-right.outer-navright{flex-basis: 80%}
	.innertop .head-top-right.justify-content-end{-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;}
	.topleftbtn.justify-content-start{-webkit-box-pack: end!important;-ms-flex-pack: end!important; justify-content: flex-end!important;margin-bottom: 10px}
	.toprightbtn .btn{font-size: 12px; padding: .3rem 1rem .3rem 1rem;line-height: 15px;}
	.topmenu a{font-size: 12px;margin-left: 0.8em;}
	.head-top-right a { margin-left: 0.8em;}

	
	.menu {padding-top: 107px;}
	
	footer.page-footer,.head-top{height: auto}
	
	
	/* Inner Navbar*/
	
	.navbar-left.inner-navleft{flex-basis: 15%;}
	.navbar-right.inner-navright{flex-basis: auto;}
	.navbar .menu-button-mobile{margin-left: 0px}
	.fixed-top{top: 48px}
	
	/* Fees and Payments */
	.feepayments .feetop p.list-item-heading span:last-child {display: block; }
	p span.totalfee,p span.duefee,p span.paidfee{font-size: 16px !important;display: block;}
	.feepayments p.list-item-heading,.btn{font-size: 12px}
	
	/* My Profile */
	
	.myprofile{padding: 0px !important}
	#smartWizardDot{display: none}
	.myprofile .justify-content-end {-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;margin-bottom: 1rem}
	.myprofile .justify-content-end .mr-4{margin-right: 0px !important}
	
	.myprofile .img-thumbnail {width: 70px !important;height: 70px !important;}
	.profilename{font-size: 18px !important;}
	
	.yearfee .card.d-flex.flex-row{width: 45%}
	
	.feesstructure {overflow: hidden;}
	.feesstructure table tr th,.feesstructure table tr td{display: none}
	.feesstructure table tr th:first-child,.feesstructure table tr th:nth-child(2),.feesstructure table tr th:last-child,.feesstructure table tr td:nth-child(2),.feesstructure table tr td:nth-child(2),.feesstructure table tr td:last-child,.feesstructure table tr td.totalamt{display: table-cell}
	
	p.totalfee{font-size: 20px !important;}
	
}

@media (max-width:575px){
		
	/* Login*/
	
	.auth-card .form-side{margin: 6em auto}
	
	.fixed-top{top: 48px}
	.navbar .navbar-right{flex-basis: 65%}
	.navbar .navbar-right.outer-navright{flex-basis: 65%}
	.head-top-right span{display: none}
	
	/* Inner Navbar*/
	
	.navbar-left.inner-navleft{flex-basis: 25%;}
	.navbar-right.inner-navright{flex-basis: 45%;}
	
	.navbar .user img{margin-right: 5px}
	.navbar .user .name,.navbar .user .stuid{font-size: 11px !important}
	
	/* Fees and Payments */
	
	.feepayments .text-right{text-align: center !important;margin-top: 1rem}
	
	/* Registered Course */
	.regcourses p.list-item-heading span:last-child { display: inline-block;}
	.regcourses p.list-item-heading{margin-top: 5px}
	
	.yearfee .card.d-flex.flex-row{width: 65%;margin-bottom: 0rem !important;}
	
	
	.coursedetails .courseinfo .text-right{text-align: center !important;margin-top: 1rem}
	
	.course-container .content,.course-container h3{text-align: center}
	.course-container h3{margin-bottom: 1rem}
	/*.qualifytop{flex-direction: column-reverse;}*/
	.qualifytop h3{margin-bottom: 2rem}
	
	.crequestbtn{flex-direction: column-reverse}
	
	.yearfee p {text-align: left}

}

@media (max-width:480px){
	
	.yearfee .card.d-flex.flex-row{width: 100%;margin-bottom: 0rem !important}
	
}

@media (max-width:420px){
	
	.auth-card .form-side{margin: 7em auto}
	
	.fixed-top{top: 65px}
	.innertop .head-top-left .text-left{text-align: right !important}
	.head-top-left .text-left{text-align: center !important}
	.navbar-right.inner-navright{flex-basis: 50%}
	
	main {margin-top: 140px !important}
	
	.navbar .menu-button-mobile svg{fill: #ffffff;}
	.navbar-left{position: absolute;top: -45px;left: 15px}
	.innertop .head-top-right.justify-content-end {-webkit-box-pack: end!important;-ms-flex-pack: end!important;justify-content: flex-end!important;}
	.head-top-right.justify-content-end {-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;}
	
	.menu {padding-top: 125px;}
	
	/* Courses */
	
	/*.courselist .border-right{border-right: none !important;border-bottom:1px solid #D7DFF0 !important;margin-bottom: 10px}*/
	
	
	/* Course Details */
	/*.coursedetails .border-right{border-right: none !important;border-bottom:1px solid #D7DFF0 !important;margin-bottom: 10px}*/
	.coursedetails .border-right{padding: 0px 5px !important}
	.coursedetails .list-item-heading{display: inline-block}
	.coursedetails .text-left {text-align: center!important;}
	
	
	/* Fees and Payments */
	
	p.totalpaid,p.paidfee,p.duefee,p.totaldis{font-size: 16px !important}
	.feepayments p.list-item-heading{font-size: 12px;}
	
	.card .card-body { padding: 1rem;}
	
			
}

@media (max-width:360px){
	
}