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

body { outline-width: 0; outline: none; margin: 0px; padding: 0px; max-width: 100%; font-family: 'Poppins !important;', sans-serif !important; border: 0px; }
body img { outline-width: 0; outline: none; margin: 0px; padding: 0px; max-width: 100%; }
body a:link { outline-width: 0; outline: none; 
/*font-family: 'Poppins !important;', sans-serif !important; */ /*COMMENT FOR OLD STYLING*/
}

.top_Navbar .bg-light { background-color: #f8f9fa00!important; }



@media (min-width:1041px) and (max-width: 1268px) {
.admin { padding: 16px 0px 0px; }
.top_hedding { font-size: 28px; }
.popup_overlay { padding: 10px; position: relative; right: 1%; top: 0px; bottom: 15px; float: right; margin: 5px; }
.time_remaning p { font-size: 35px; letter-spacing: -2px; margin: 15px 0px; margin-bottom: 15px; }
.qline { vertical-align: bottom; border-right: 5px solid #bdbdbd; max-height: auto; margin-bottom: 13px; white-space: normal; }
.qline h4, h4 a, h4 a:hover { font-family: 'Zona Pro'; font-size: 1.2em; color: #2d2d2d; padding: 5px; line-height: 25px; font-weight: 600; display: inline-block; vertical-align: bottom; }

.gap_h15{padding-top:22px;}

.time_remaning{ float: right;}
.qline {border-right: none;max-height: 100%;margin-bottom: 0px;white-space: normal;}
.qline h4, h4 a, h4 a:hover { font-size: 24px; line-height: 30px; display: inline-grid; margin-top: 0px; margin-bottom: 0px;}
.que_p p {font-family: 'Montserrat', sans-serif; font-size: 14px !important;  line-height: 22px;}
.time_remaning { text-align: right;  float: right !important;}
.showHintStyle p{font-size: 14px;}
.ansMsg  p{font-size: 14px;}
.showHintStyle h3{font-size: 20px;}
.top_gap h1 {font-size: 20px !important;}
.top_gap h1 b { color: #ff8200;  font-weight: 600;   font-size: 20px; display: block;}
.heading_text small{  font-size: 20px;}
.heading_text a{font-size: 20px;}
}
@media (min-width: 991px) and (max-width: 1040px) {
	#menu1 {
		overflow-y: scroll; height: 400px;
	}
	#menu4 {
		overflow-y: scroll; height: 400px;
	}
	.studenttimefactor
	{
		padding: 20px !important;
	}
.top_hedding { font-size: 21px; padding-top: 24px; line-height: 30px; }
h1, h1 a, h1 a:hover { font-size: 1.6em; line-height: 42px; }
.admin { font-size: 14px; padding: 12px 0px 0px; }
.height_25 { height: auto; }
.height_15 { height: auto; }
.popup_overlay { padding: 10px; position: relative; right: 1%; top: 0px; bottom: 15px; float: right; margin: 5px; }
.tab_holder .nav-item { margin: 5px 15px; }
.next { margin: 5px 15px; cursor: pointer; }
.graph .button { width: 100% !important; }
.time_remaning p { font-size: 35px; letter-spacing: -2px; margin: 15px 0px; margin-bottom: 15px; }
.qline { vertical-align: bottom; border-right: 5px solid #bdbdbd; max-height: auto; margin-bottom: 13px; white-space: normal; }
.qline h4, h4 a, h4 a:hover { font-family: 'Zona Pro'; font-size: 1.2em; color: #2d2d2d; padding: 5px; line-height: 25px; font-weight: 600; display: inline-block; vertical-align: bottom; }

.gap_h15{padding-top:22px;}
.gap_24{padding-top:22px;}

.login_form2 h1 {  font-size: 24px;}
.time_reg p {  font-size: 63px;}
.time_reg p span { font-size: 50px;}

.time_remaning p { font-size: 28px;  width: 65px;}
.time_remaning p span {font-size: 28px;}
.qline {border-right: none;max-height: 100%;margin-bottom: 0px;white-space: normal;}
.qline h4, h4 a, h4 a:hover { font-size: 14px; line-height: 22px;  margin-top: 0px; margin-bottom: 0px;}
.que_p p {font-family: 'Montserrat', sans-serif; font-size: 14px !important;  line-height: 22px;}
.time_remaning { text-align: right;  float: right !important;}
.showHintStyle p{font-size: 14px;}
.ansMsg  p{font-size: 14px;}
.showHintStyle h3{font-size: 20px;}
.top_gap h1 {font-size: 20px !important;}
.top_gap h1 b { color: #ff8200;  font-weight: 600;   font-size: 20px; display: block;}
.heading_text small{  font-size: 20px;}
.heading_text a{font-size: 20px;}

.mediaHolder{ overflow-x: hidden; overflow-y: scroll; position: relative;  scrollbar-width: thin; scrollbar-color: #CA3C1A #f0f0f0; padding: 0px; }
.mediaHolder::-webkit-scrollbar {width: 10px;}
.mediaHolder::-webkit-scrollbar-thumb {background-color: #CA3C1A; border-radius: 20px; border: 3px solid #f0f0f0;}
.mediaHolder { height: 191px !important;}
}
@media (min-width: 868px) and (max-width: 990px) {
	
	#menu1 {
		overflow-y: scroll; height: 400px;
	}
	#menu4 {
		overflow-y: scroll; height: 400px;
	}
	.studenttimefactor
	{
		padding: 20px !important;
	}
.top_hedding { font-size: 21px; padding-top: 24px; line-height: 30px; }
h1, h1 a, h1 a:hover { font-size: 1.6em; line-height: 42px; }
.admin { font-size: 14px; padding: 8px 0px 0px; }
h1, h1 a, h1 a:hover { font-size: 1.3em; line-height: 42px; }
.couse_sett img { max-width: auto; }
.couse_sett img { max-width: inherit !important; }
.popup_overlay { padding: 10px; position: relative; right: 1%; top: 0px; bottom: 15px; float: right; margin: 5px; }
.tab_holder .nav-item { margin: 4px 15px; }
.next { margin: 5px 5px; }
.sub-header { text-align: center; }
.graph .button { width: 100% !important; }
.qline { vertical-align: bottom; border-right: none; max-height: 85px; margin-bottom: 13px; white-space: normal; }
.qline h4, h4 a, h4 a:hover { font-family: 'Zona Pro'; font-size: 1.2em; color: #2d2d2d; padding: 5px; line-height: 24px; font-weight: 600; display: inline-block; vertical-align: bottom; }
.tab_holder { margin-top: 10px; }
.time_remaning p { font-size: 35px; letter-spacing: -2px; margin: 15px 0px; margin-bottom: 15px; }

.gap_h15{padding-top:22px;}
.gap_24{padding-top:22px;}

.time_reg{text-align: center; padding:38px 0px 38px;  display: block; float: none;}
.heading_text small { font-size: 20px;}
.stud_pre {font-size: 15px;}
.stud_pre a{font-size: 15px;}
.stud_pre a:hover, a:focus{font-size: 15px;}
.gap_h150 {padding-top: 108px;}

.take_atten { padding: 87px 0px;}
.login_form2 h1 {  font-size: 30px;}
.time_reg p {  font-size: 63px;}
.time_reg p span { font-size: 50px;}


.time_remaning p { font-size: 28px;  width: 65px;}
.time_remaning p span {font-size: 28px;}
.qline {border-right: none;max-height: 100%;margin-bottom: 0px;white-space: normal;}
.qline h4, h4 a, h4 a:hover { font-size: 14px; line-height: 22px;  margin-top: 0px; margin-bottom: 0px;}
.que_p p {font-family: 'Montserrat', sans-serif; font-size: 14px !important;  line-height: 22px;}
.time_remaning { text-align: right;  float: right !important;}
.showHintStyle p{font-size: 14px;}
.ansMsg  p{font-size: 14px;}
.showHintStyle h3{font-size: 20px;}
.top_gap h1 {font-size: 20px !important;}
.top_gap h1 b { color: #ff8200;  font-weight: 600;   font-size: 20px; display: block;}
.heading_text small{  font-size: 20px;}
.heading_text a{font-size: 20px;}

.mediaHolder{ overflow-x: hidden; overflow-y: scroll; position: relative;  scrollbar-width: thin; scrollbar-color: #CA3C1A #f0f0f0; padding: 0px; }
.mediaHolder::-webkit-scrollbar {width: 10px;}
.mediaHolder::-webkit-scrollbar-thumb {background-color: #CA3C1A; border-radius: 20px; border: 3px solid #f0f0f0;}
.mediaHolder { height: 191px !important;}
}
@media (min-width: 768px) and (max-width: 868px) {
	
	#menu1 {
		overflow-y: scroll; height: 400px;
	}
	#menu4 {
		overflow-y: scroll; height: 400px;
	}
	.studenttimefactor
	{
		padding: 20px !important;
	}
.attachFileHolder a{margin-top:0px;}
.que_p { margin: 5px 0px 5px;}
.top_hedding { font-size: 21px; padding-top: 24px; line-height: 30px; }
h1, h1 a, h1 a:hover { font-size: 1.3em; line-height: 42px; }
.video_holder iframe { width: 100%; min-height: 270px; }
.admin { font-size: 14px; padding: 8px 0px 0px; }
.std_name { padding-top: 36px; }
h4, h4 a, h4 a:hover { font-size: 1em; line-height: normal; }
.height_25 { height: auto; }
.height_15 { height: auto; }
.couse_sett a img { max-width: auto !important; }
.couse_sett img { max-width: inherit !important; }
.popup_overlay { padding: 10px; position: relative; right: 1%; top: 0px; bottom: 15px; float: right; margin: 5px; }
.qline { vertical-align: bottom; border-right: none; max-height: 85px; margin-bottom: 13px; white-space: normal; }
.qline h4, h4 a, h4 a:hover { font-family: 'Zona Pro'; font-size: 1.2em; color: #2d2d2d; padding: 5px; line-height: 24px; font-weight: 600; display: inline-block; vertical-align: bottom; }
.tab_holder .nav-item { margin: 4px 15px; }
.next { margin: 5px 5px; }
.sub-header { text-align: center; }
.graph .button { width: 100% !important; }
.tab_holder { margin-top: 10px; }
.time_remaning p { font-size: 35px; letter-spacing: -2px; margin: 15px 0px; margin-bottom: 15px; }

.gap_h15{padding-top:22px;}
.gap_24{padding-top:22px;}
.time_reg{text-align: center; padding:38px 0px 38px;  display: block; float: none;}
.heading_text small { font-size: 20px;}
.stud_pre {font-size: 15px;}
.stud_pre a{font-size: 15px;}
.stud_pre a:hover, a:focus{font-size: 15px;}
.gap_h150 {padding-top: 108px;}
.take_atten { padding: 80px 0px;}
.view_atten { padding: 10px 0px;}

.login_form2 h1 {  font-size: 30px;}
.time_reg p {  font-size: 63px;}
.time_reg p span { font-size: 50px;}

.time_remaning p { font-size: 28px;  width: 65px;}
.time_remaning p span {font-size: 28px;}
.qline {border-right: none;max-height: 100%;margin-bottom: 0px;white-space: normal;}
.qline h4, h4 a, h4 a:hover { font-size: 14px; line-height: 22px;  margin-top: 0px; margin-bottom: 0px;}
.que_p p {font-family: 'Montserrat', sans-serif; font-size: 14px !important;  line-height: 22px;}
.time_remaning { text-align: right;  float: right;}
.top_gap h1 {font-size: 20px !important;}

.mediaHolder{ overflow-x: hidden; overflow-y: scroll; position: relative;  scrollbar-width: thin; scrollbar-color: #CA3C1A #f0f0f0; padding: 0px; }
.mediaHolder::-webkit-scrollbar {width: 10px;}
.mediaHolder::-webkit-scrollbar-thumb {background-color: #CA3C1A; border-radius: 20px; border: 3px solid #f0f0f0;}
.mediaHolder { height: 191px !important;}
.notificationmessages { top: -9px; right:9px;}
.navbar-nav .open .dropdown-menu { background-color: #fff;}
}
@media (min-width: 578px) and (max-width: 767px) {
#menu1 {
		overflow-y: scroll; height: 400px;
	}
	#menu4 {
		overflow-y: scroll; height: 400px;
	}
	.studenttimefactor
	{
	padding: 20px !important;
	}
	.submitQuestionBtn {
    margin-top: 15px !important;
}
.attachFileHolder a{
	margin-top:0px;
}
.que_p {
    margin: 5px 0px 5px;
}
.top_hedding { font-size: 16px; padding-top: 9px; line-height: 25px; text-align: center; }
h1, h1 a, h1 a:hover { font-size: 1.1em; line-height: 42px; }
.signin_link { text-align: center; }
.sign_text { text-align: center; }
.login_holder { padding: 18px; }
.login_form { padding: 35px 0px; }
.name_uni { padding: 18px 24px; line-height: normal; }
.video_holder iframe { width: 100%; min-height: 270px; }
.student_btn { margin-top: 5px; display: inline-block; padding: 0px 0px 0px; margin-left: 0px; }
.name_uni { padding: 18px 0px; line-height: normal; }
.stu_his h4 { font-size: 18px; }
.admin { font-size: 15px; padding: 0px 0px 0px; }
h4, h4 a, h4 a:hover { font-size: 1em; line-height: normal; }
.height_25 { height: auto; }
.height_15 { height: auto; }
.couse_sett a img { max-width: auto !important; }
.couse_sett img { max-width: auto !important; }
.popup_overlay { padding: 10px; position: relative; right: 1%; top: 0px; bottom: 15px; float: right; margin: 5px; }
.qline { vertical-align: bottom; border-right: none; max-height: 85px; margin-bottom: 13px; white-space: normal; }
.qline h4, h4 a, h4 a:hover { font-family: 'Zona Pro'; font-size: 1.2em; color: #2d2d2d; padding: 5px; line-height: 24px; font-weight: 600; display: inline-block; vertical-align: bottom; }
.tab_holder .nav-item { margin: 4px 15px; }
.next { margin: 5px 5px; }
.sub-header { text-align: center; }
.time_remaning p { font-size: 40px; }
.graph .button { width: 100% !important; }
.tab_holder { margin-top: 10px; }
.time_remaning p { font-size: 35px; letter-spacing: 0px; margin: 15px 0px; margin-bottom: 15px; }
.database .text-left { text-align: center !important; }
.database .text-right { text-align: center !important; }
.result_base { border-right: solid 0px #bdbdbd; }

.view_atten { padding: 10px 0px;}
.gap_h15{padding-top:7px; margin-bottom:15px;}
.gap_24{padding-top:7px; margin-bottom:15px;}
.take_atten { padding: 20px 20px;}
.time_reg { text-align: center; padding:0px 0px 0px;  display: block; float: none;}
.stud_pre { text-align:center;}
.right_pull{ text-align:center;}
.gap_h150 { padding-top: 30px;}
.time_reg p {  font-size: 40px;}
.time_reg p span { font-size: 30px;}

.main_base {

    float: none;
    width: 100%;
    padding-right: 10px;
    position: relative;

}
.qline h4, h4 a, h4 a:hover {width:100%; display: block;}

.question_no {
    float: none;
    width: 100%;
    padding-left: 10px;
    display: block;
}

.countDown {

    font-size: 20px;
    color: #000;
    display: block;

}
.ansSubBtn{
	float: none;
	text-align: center;
}
.nextPrev_Btn{
	float: none;
}
.ans_hint_btn{
	margin-left:0px;
}

.mail_icon { width: 35px; padding: 24px;}

.showHintStyle p {
    position: relative;
    top: -2px;
    margin-bottom: 2px !important;
    line-height: 25px;
}

.time_remaning p { font-size: 20px;  width: 65px; position: relative; top: -14px; float: right;}
.time_remaning p span {font-size: 20px;}
.qline {border-right: none;max-height: 100%;margin-bottom: 0px;white-space: normal;}
.qline h4, h4 a, h4 a:hover { font-size: 20px; line-height: 22px;  margin-top: 0px; margin-bottom: 0px;}
.admin_base {margin: 10px; padding: 10px 15px 10px;}
.que_p p {font-family: 'Montserrat', sans-serif; font-size: 14px !important;  line-height: 22px;}
.mediaHolder{ overflow-x: hidden; overflow-y: scroll; position: relative;  scrollbar-width: thin; scrollbar-color: #CA3C1A #f0f0f0; padding: 0px; }
.mediaHolder::-webkit-scrollbar {width: 10px;}
.mediaHolder::-webkit-scrollbar-thumb {background-color: #CA3C1A; border-radius: 20px; border: 3px solid #f0f0f0;}

.mediaHolder { height: 191px !important;}
.top_gap{margin-bottom: 0px;}
.top_gap h1{ margin-top: 0px !important; margin-bottom: 0px !important;}

.heading_text small { display: inline-block; font-size: 20px;}
.heading_text a { display: inline-block; font-size: 20px;}


.notificationmessages { top: -9px;  right: 9px;}

.qline2 h4{ margin-top: 0px;  margin-bottom: 0px;}
.ansMsg {margin-top: 0px;  margin-bottom: 0px; }

.navbar-nav .open .dropdown-menu { background-color: #fff;}
}

@media (min-width: 480px) and (max-width: 577px) {
 	
 	#menu1 {
		overflow-y: scroll; height: 400px;
	}
	#menu4 {
		overflow-y: scroll; height: 400px;
	}
	.studenttimefactor
	{
		padding: 20px !important;
	}
 	.submitQuestionBtn {
    margin-top: 15px !important;
}
.attachFileHolder a{
	margin-top:0px;
}
.que_p {
    margin: 5px 0px 5px;
}
.logo { text-align: center; }
.top_hedding { font-size: 16px; padding-top: 9px; line-height: 25px; text-align: center; }
h1, h1 a, h1 a:hover { font-size: 1.1em; line-height: 42px; }
.signin_link { text-align: center; }
.sign_text { text-align: center; }
.login_holder { padding: 18px; }
.login_form { padding: 35px 0px; }
.name_uni { padding: 18px 24px; line-height: normal; }
.video_holder iframe { width: 100%; min-height: 270px; }
.admin { text-align: center; padding: 0px; }
.signin_link { text-align: center; }
.sign_text { text-align: center; }
.login_holder { padding: 18px; }
.mail_icon { width: 35px; padding: 24px;}
.pass_icon { width: 35px; }
.login_form { padding: 35px 0px; }
.name_uni { padding: 0px 0px; }
.student_btn { margin-top: 0px; display: inline-block; padding: 5px 0px 0px; margin-left: 0px; }
.std_name { padding-top: 0px; }
.student_sub { margin-top: 24px; display: block; }
.stu_his h4 { font-size: 18px; }
.admin { font-size: 15px; padding: 0px 0px 0px; }
h4, h4 a, h4 a:hover { font-size: 1em; line-height: normal; }
.best_result { padding: 15px; }
.stu_his { padding: 0px 0px 0px; }
.oreg_btn { margin-top: 0px; margin-bottom: 0px; }
.back_btn { margin-top: 0px; margin-bottom: 0px; }
.consept { margin-top: 15px; padding: 6px; }
.back_btn { margin-top: 0px; margin-bottom: 0px; display: block; }
.consept { margin-top: 15px; padding: 6px; }
.stu_his_base { padding: 10px 4px; }
.stu_edit { padding: 4px 5px 6px; line-height: 21px; text-align: left; }
.height_25 { height: auto; }
.height_15 { height: auto; }
.popup_overlay { padding: 10px; position: relative; right: 1%; top: 0px; bottom: -15px; float: right; margin: 5px; }
.qline { vertical-align: bottom; border-right: none; max-height: 85px; margin-bottom: 13px; white-space: normal; }
.qline h4, h4 a, h4 a:hover { font-family: 'Zona Pro'; font-size: 1.2em; color: #2d2d2d; padding: 5px; line-height: 24px; font-weight: 600; display: inline-block; vertical-align: bottom; }
.tab_holder .nav-item { margin: 4px 15px; }
.next { margin: 5px 5px; }
.sub-header { text-align: center; }
.graph .button { width: 100% !important; }
.database .text-left { text-align: center !important; }
.database .text-right { text-align: center !important; }
.result_base { border-right: solid 0px #bdbdbd; }

.view_atten { padding: 10px 0px;}
.take_atten { padding: 20px 20px;}
.gap_h15{padding-top:0px;}
.gap_24{padding-top:15px;}
.time_reg { text-align: center; padding:0px 0px 0px;  display: block; float: none;}
.stud_pre { text-align:center;}
.right_pull{ text-align:center;}
.gap_h150 { padding-top: 30px;}
.time_sec {  margin-bottom: 10px;}
.time_reg p {  font-size: 40px;}
.time_reg p span { font-size: 30px;}

.main_base {

    float: none;
    width: 100%;
    padding-right: 10px;
    position: relative;

}
.qline h4, h4 a, h4 a:hover {width:100%; display: block;}

.question_no {
    float: none;
    width: 100%;
    padding-left: 10px;
    display: block;
}

.countDown {

    font-size: 20px;
    color: #000;
    display: block;

}
.ansSubBtn{
	float: none;
	text-align: center;
}
.nextPrev_Btn{
	float: none;
}
.ans_hint_btn{
	margin-left:0px;
}


.showHintStyle p { position: relative;  top: -2px;  margin-bottom: 2px !important; line-height: 25px;}
.time_remaning p { font-size: 20px;  width: 65px;}
.time_remaning p span {font-size: 20px;}
.qline {border-right: none;max-height: 100%;margin-bottom: 0px;white-space: normal;}
.qline h4, h4 a, h4 a:hover { font-size: 18px; line-height: 22px;  margin-top: 0px; margin-bottom: 0px;}
.admin_base {margin: 10px !important; padding: 10px 15px 10px;}
.que_p p {font-family: 'Montserrat', sans-serif; font-size: 14px !important;  line-height: 22px;}
.heading_text small { display: inline-block;  font-size: 16px;}
.heading_text a { display: inline-block;  font-size: 16px;}
.top_gap h1 b{display: block; font-size: 19px;}
.admin_base label { margin-bottom: 0px; font-size: 14px;}
.top_gap{margin-bottom: 0px;}
.top_gap h1{ margin-top: 0px !important; margin-bottom: 0px !important;}

.notificationmessages { top: -11px; right: -5px;}

.qline2 h4{ margin-top: 0px;  margin-bottom: 0px;}
.ansMsg {margin-top: 0px;  margin-bottom: 0px; }

.navbar-nav .open .dropdown-menu { background-color: #fff;}

.top_menu ul li { padding-right: 1px; font-size: 13px; position: relative !important; }
}

@media (min-width: 360px) and (max-width: 479px) {
#menu1 {overflow-y: scroll; height: 400px;}
#menu4 {overflow-y: scroll; height: 400px;}
.studenttimefactor{padding: 20px !important;}
.submitQuestionBtn {margin-top: 15px !important;}
.attachFileHolder a{margin-top:0px;}
.que_p {margin: 5px 0px 5px;}
.logo { text-align: center; max-width: 45%; margin: 0 auto; }
.top_hedding { font-size: 16px; padding-top: 9px; line-height: 25px; text-align: center; }
h1, h1 a, h1 a:hover { font-size: 1.1em; line-height: 42px; }
.signin_link { text-align: center; }
.sign_text { text-align: center; }
.login_holder { padding: 18px; }
.login_form { padding: 35px 0px; }
.name_uni { padding: 18px 24px; line-height: normal; }
.video_holder iframe { width: 100%; min-height: 270px; }
.signin_link { text-align: center; }
.sign_text { text-align: center; }
.login_holder { padding: 18px; }
.mail_icon { width: 35px; }
.pass_icon { width: 35px; }
.login_form { padding: 35px 0px; }
.price_inv { padding: 12px; }
.nav_base ul { padding: 0px; margin: 0px; list-style-type: none; }
.nav_base ul li { font-size: .9em; }
.nav_base ul li a { font-size: .9em; }
.nav_base ul li a:hover { font-size: .9em; }
.nav_base ul li a:focus { font-size: .9em; }
.nav-link { display: block; padding: .5rem .5rem;}
.name_uni { padding: 5px 0px; }
.student_btn { margin-top: 0px; display: inline-block; padding: 6px 0px 10px; margin-left: 0px; }
.admin { text-align: center; padding: 0px; }
.stu_his h4 { font-size: 20px; }
.std_name { padding-top: 0px; }
.student_sub { margin-top: 14px; display: block; }
.best_result { padding: 15px; }
.stu_his { padding: 0px 0px 0px; }
.consept { margin-top: 15px; padding: 6px; }
.stu_his_base { padding: 10px 4px; }
.admin ul li a { font-size: 13px; }
.admin ul li a:hover { font-size: 13px; }
.admin ul li a:focus { font-size: 13px; }
.admin ul li a.active { font-size: 13px; }
.stu_edit { padding: 4px 5px 6px; line-height: 21px; text-align: left; }
.height_25 { height: auto; }
.height_15 { height: auto; }
h4, h4 a, h4 a:hover { font-size: 1em; line-height: normal; }
.drop_text sm a { float: none; }
.drop_text sm a:hover { float: none; }
.drop_text sm a:focus { float: none; }
.popup_overlay { padding: 10px; position: relative; right: 1%; top: 0px; bottom: -15px; float: right; margin: 5px; }
.qline { vertical-align: bottom; border-right: none; max-height: 85px; margin-bottom: 13px; white-space: normal; }
.qline h4, h4 a, h4 a:hover { font-family: 'Zona Pro'; font-size: 1.2em; color: #2d2d2d; padding: 5px; line-height: 24px; font-weight: 600; display: inline-block; vertical-align: bottom; }
.tab_holder .nav-item { margin: 4px 15px; }
.graph .button { width: 100% !important; }
.database .text-left { text-align: center !important; }
.database .text-right { text-align: center !important; }
.result_base { border-right: solid 0px #bdbdbd; }
.view_atten { padding: 10px 0px;}
.gap_h15{padding-top:0px;}
.gap_24{padding-top:15px;}
.take_atten { padding: 20px 20px;}
.time_reg { text-align: center; padding:0px 0px 0px;  display: block; float: none;}
.stud_pre { text-align:center;}
.right_pull{ text-align:center;}
.gap_h150 { padding-top: 30px;}
.time_sec {  margin-bottom: 10px;}
.time_reg p {  font-size: 40px;}
.time_reg p span { font-size: 30px;}

.main_base {  float: none;   width: 100%; padding-right: 10px; position: relative;}
.qline h4, h4 a, h4 a:hover {width:100%; display: block;}
.question_no { float: none; width: 100%; padding-left: 10px; display: block;}
.countDown { font-size: 20px; color: #000; display: block;}
.ansSubBtn{float: none;text-align: center;}
.nextPrev_Btn{float: none;}
.ans_hint_btn{margin-left:0px;}
.top_gap h1 {font-size: 15px !important;}
.top_gap h1 b {font-size: 15px !important;}
.heading_text small { display: inline-block;  font-size: 14px !important;}
.heading_text a { display: inline-block;  font-size: 14px !important;}
.time_remaning p { font-size: 20px !important;  width: 65px;}
.time_remaning p span {font-size: 20px;}
.qline {border-right: none;max-height: 100%;margin-bottom: 0px;white-space: normal;}
.qline h4, h4 a, h4 a:hover { font-size: 13px; line-height: 22px;  margin-top: 0px; margin-bottom: 0px;}
.admin_base {margin: 10px; padding: 10px 15px 10px;}
.showHintStyle h3 {  float: left;  margin-right: 5px;  margin-bottom: 0px;  margin-top: 0px !important;   float: left; font-size: 16px !important;}
.showHintStyle p {position: relative; top: -3px; margin-bottom: 3px !important;}

.que_p p {font-size: 14px; line-height: 22px;}
.qline2 h4, h4 a, h4 a:hover{margin-top: 0px; margin-bottom: 0px;}
.mediaHolder { height: auto;}
.admin_base label { margin-bottom: 0px; font-size: 14px;}
.top_gap{margin-bottom: 0px;}
.top_gap h1{ margin-top: 0px !important; margin-bottom: 0px !important;}

.notificationmessages {  top: -12px; right: -5px;}

.qline2 h4{ margin-top: 0px;  margin-bottom: 0px;}
.ansMsg {margin-top: 0px;  margin-bottom: 0px; }

.top_menu { text-align: center; }
.top_menu ul { margin: 0px; padding: 0px 0px; list-style-type: none; }
.top_menu ul li { padding-right: 1px; font-size: 13px; position: relative !important; }
.top_menu ul li a { color: #162781 !important;   font-family: 'Poppins' !important;   font-size: 13px !important;  font-weight: 400; }
.top_menu ul li a img { max-width: 75%; }
.top_menu ul li a:hover { font-size: 13px !important; }
.top_menu ul li a:focus { font-size: 13px !important; }
.top_menu ul li:last-child{margin-right: 0px; padding-right: 0px;}

.navbar-nav .open .dropdown-menu { background-color: #fff;}
}



@media (min-width:320px) and (max-width: 359px) {
#menu1 {overflow-y: scroll; height: 400px;}
#menu4 {overflow-y: scroll; height: 400px;}
.studenttimefactor{padding: 20px !important;}
.submitQuestionBtn {margin-top: 15px !important;}
.attachFileHolder a{margin-top:0px;}
.que_p {margin: 5px 0px 5px;}
.logo { text-align: center; max-width: 45%; margin: 0 auto; }
.top_hedding { font-size: 16px; padding-top: 9px; line-height: 25px; text-align: center; }
h1, h1 a, h1 a:hover { font-size: 1.1em; line-height: 42px; }
.signin_link { text-align: center; }
.sign_text { text-align: center; }
.login_holder { padding: 18px; }
.login_form { padding: 35px 0px; }
.name_uni { padding: 18px 24px; line-height: normal; }
.video_holder iframe { width: 100%; min-height: 270px; }
.signin_link { text-align: center; }
.sign_text { text-align: center; }
.login_holder { padding: 18px; }
.mail_icon { width: 35px; }
.pass_icon { width: 35px; }
.login_form { padding: 35px 0px; }
.price_inv { padding: 12px; }
.nav_base ul { padding: 0px; margin: 0px; list-style-type: none; }
.nav_base ul li { font-size: .9em; }
.nav_base ul li a { font-size: .9em; }
.nav_base ul li a:hover { font-size: .9em; }
.nav_base ul li a:focus { font-size: .9em; }
.nav-link { display: block; padding: .5rem .5rem;}
.name_uni { padding: 5px 0px; }
.student_btn { margin-top: 0px; display: inline-block; padding: 6px 0px 10px; margin-left: 0px; }
.admin { text-align: center; padding: 0px; }
.stu_his h4 { font-size: 20px; }
.std_name { padding-top: 0px; }
.student_sub { margin-top: 14px; display: block; }
.best_result { padding: 15px; }
.stu_his { padding: 0px 0px 0px; }
.consept { margin-top: 15px; padding: 6px; }
.stu_his_base { padding: 10px 4px; }
.admin ul li a { font-size: 13px; }
.admin ul li a:hover { font-size: 13px; }
.admin ul li a:focus { font-size: 13px; }
.admin ul li a.active { font-size: 13px; }
.stu_edit { padding: 4px 5px 6px; line-height: 21px; text-align: left; }
.height_25 { height: auto; }
.height_15 { height: auto; }
h4, h4 a, h4 a:hover { font-size: 1em; line-height: normal; }
.drop_text sm a { float: none; }
.drop_text sm a:hover { float: none; }
.drop_text sm a:focus { float: none; }
.popup_overlay { padding: 10px; position: relative; right: 1%; top: 0px; bottom: -15px; float: right; margin: 5px; }
.qline { vertical-align: bottom; border-right: none; max-height: 85px; margin-bottom: 13px; white-space: normal; }
.qline h4, h4 a, h4 a:hover { font-family: 'Zona Pro'; font-size: 1.2em; color: #2d2d2d; padding: 5px; line-height: 24px; font-weight: 600; display: inline-block; vertical-align: bottom; }
.tab_holder .nav-item { margin: 4px 15px; }
.graph .button { width: 100% !important; }
.database .text-left { text-align: center !important; }
.database .text-right { text-align: center !important; }
.result_base { border-right: solid 0px #bdbdbd; }
.view_atten { padding: 10px 0px;}
.gap_h15{padding-top:0px;}
.gap_24{padding-top:15px;}
.take_atten { padding: 20px 20px;}
.time_reg { text-align: center; padding:0px 0px 0px;  display: block; float: none;}
.stud_pre { text-align:center;}
.right_pull{ text-align:center;}
.gap_h150 { padding-top: 30px;}
.time_sec {  margin-bottom: 10px;}
.time_reg p {  font-size: 40px;}
.time_reg p span { font-size: 30px;}

.main_base {  float: none;   width: 100%; padding-right: 10px; position: relative;}
.qline h4, h4 a, h4 a:hover {width:100%; display: block;}
.question_no { float: none; width: 100%; padding-left: 10px; display: block;}
.countDown { font-size: 20px; color: #000; display: block;}
.ansSubBtn{float: none;text-align: center;}
.nextPrev_Btn{float: none;}
.ans_hint_btn{margin-left:0px;}
.top_gap h1 {font-size: 15px !important;}
.top_gap h1 b {font-size: 15px !important;}
.heading_text small { display: inline-block;  font-size: 14px !important;}
.heading_text a { display: inline-block;  font-size: 14px !important;}
.time_remaning p { font-size: 20px !important;  width: 65px;}
.time_remaning p span {font-size: 20px;}
.qline {border-right: none;max-height: 100%;margin-bottom: 0px;white-space: normal;}
.qline h4, h4 a, h4 a:hover { font-size: 13px; line-height: 22px;  margin-top: 0px; margin-bottom: 0px;}
.admin_base {margin: 10px; padding: 10px 15px 10px;}
.showHintStyle h3 {  float: left;  margin-right: 5px;  margin-bottom: 0px;  margin-top: 0px !important;   float: left; font-size: 16px !important;}
.showHintStyle p {position: relative; top: -3px; margin-bottom: 3px !important;}

.que_p p {font-size: 14px; line-height: 22px;}
.qline2 h4, h4 a, h4 a:hover{margin-top: 0px; margin-bottom: 0px;}
.mediaHolder { height: auto;}
.admin_base label { margin-bottom: 0px; font-size: 14px;}
.top_gap{margin-bottom: 0px;}
.top_gap h1{ margin-top: 0px !important; margin-bottom: 0px !important;}
.notificationmessages {position: relative; top: 16px; right:100px;  position: absolute;  padding:0px 7px;}
.qline2 h4{ margin-top: 0px;  margin-bottom: 0px;}
.ansMsg {margin-top: 0px;  margin-bottom: 0px; }

.top_menu { text-align: center; }
.top_menu ul { margin: 0px; padding: 0px 0px; list-style-type: none; }
.top_menu ul li { padding-right: 1px; font-size: 13px; }
.top_menu ul li a { color: #162781 !important; font-family: 'Poppins' !important; font-size: 13px !important; font-weight: 400; }
.top_menu ul li a img { max-width: 75%; }
.top_menu ul li a:hover { font-size: 13px !important; }
.top_menu ul li a:focus { font-size: 13px !important; }
.top_menu ul li:last-child{margin-right: 0px; padding-right: 0px;}

.navbar-nav .open .dropdown-menu { background-color: #fff;}

}
@media (min-width:260px) and (max-width: 319px) {
 	#menu1 {
		overflow-y: scroll; height: 400px;
	}
	#menu4 {
		overflow-y: scroll; height: 400px;
	}
	.studenttimefactor
	{
		padding: 20px !important;
	}
 	.submitQuestionBtn {
    margin-top: 15px !important;
}
.attachFileHolder a{
	margin-top:0px;
}
.que_p {
    margin: 5px 0px 5px;
}
.logo { text-align: center; max-width: 45%; margin: 0 auto; }
.top_hedding { font-size: 16px; padding-top: 9px; line-height: 25px; text-align: center; }
h1, h1 a, h1 a:hover { font-size: 1.1em; line-height: normal; padding-bottom: 15px; }
.signin_link { text-align: center; }
.sign_text { text-align: center; }
.login_holder { padding: 18px; }
.login_form { padding: 35px 0px; }
.name_uni { padding: 18px 24px; line-height: normal; }
.video_holder iframe { width: 100%; min-height: 270px; }
.signin_link { text-align: center; }
.sign_text { text-align: center; }
.login_holder { padding: 18px; }
.mail_icon { width: 35px; }
.pass_icon { width: 35px; }
.login_form { padding: 35px 0px; }
.price_inv { padding: 12px; }
.nav_base ul { padding: 0px; margin: 0px; list-style-type: none; }
.nav_base ul li { font-size: .9em; }
.nav_base ul li a { font-size: .9em; }
.nav_base ul li a:hover { font-size: .9em; }
.nav_base ul li a:focus { font-size: .9em; }
.nav-link { display: block; padding: .5rem .5rem;}
.name_uni { padding: 5px 0px; }
.student_btn { margin-top: 0px; display: inline-block; padding: 6px 0px 10px; margin-left: 0px; }
.admin { text-align: center; padding: 0px; }
.stu_his h4 { font-size: 20px; }
.std_name { padding-top: 0px; }
.student_sub { margin-top: 14px; display: block; }
.best_result { padding: 15px; }
.stu_his { padding: 0px 0px 0px; }
.consept { margin-top: 15px; padding: 6px; }
.stu_his_base { padding: 10px 5px; }
.admin ul li a { font-size: 13px; }
.admin ul li a:hover { font-size: 13px; }
.admin ul li a:focus { font-size: 13px; }
.admin ul li a.active { font-size: 13px; }
.stu_edit { padding: 4px 5px 6px; line-height: 21px; text-align: left; }
.height_25 { height: auto; }
.height_15 { height: auto; }
h4, h4 a, h4 a:hover { font-size: 1em; line-height: normal; }
.drop_text sm a { float: none; }
.drop_text sm a:hover { float: none; }
.drop_text sm a:focus { float: none; }
.popup_overlay { padding: 10px; position: relative; right: 1%; top: 0px; bottom: -15px; float: right; margin: 5px; }
h2, h2 a, h2 a:hover { font-size: 1.3em; }
.qline { vertical-align: bottom; border-right: 5px solid #bdbdbd; max-height: 85px; margin-bottom: 13px; white-space: normal; }
.qline h4, h4 a, h4 a:hover { font-family: 'Zona Pro'; font-size: 1.2em; color: #2d2d2d; padding: 5px; line-height: 25px; font-weight: 600; display: inline-block; vertical-align: bottom; }
.database .text-left { text-align: center !important; }
.database .text-right { text-align: center !important; }
.take_atten { padding: 20px 20px;}
.view_atten { padding: 5px 0px; }
.gap_h15{padding-top:0px;}
.gap_24{padding-top:10px;}

.time_reg { text-align: center; padding:0px 0px 0px;  display: block; float: none;}
.stud_pre { text-align:center;}
.right_pull{ text-align:center;}
.gap_h150 { padding-top: 30px;}

.login_form2 h1 {font-size: 24px;}
.login_form2 h2 {font-size: 20px;}
.view_atten { padding: 10px 0px;}
.time_sec {  margin-bottom: 10px;}

.question_no {
    float: none;
    width: 50%;
    padding-left: 10px;
    display: block;
}

.navbar-nav .open .dropdown-menu { background-color: #fff;}


}
/* ///////PHASE3 MEDIA.CSS */


@media (min-width:1369px) and (max-width: 1552px) {


}
@media (min-width:1200px) and (max-width: 1368px) {
h1, h1 a, h1 a:hover { font-size: 24px; }
h2, h2 a, h2 a:hover { font-size: 22px; }
h3, h3 a, h3 a:hover { font-size: 20px; }
h4, h4 a, h4 a:hover { font-size: 19px; }
h5, h5 a, h5 a:hover { font-size: 19px; }
h6, h6 a, h6 a:hover { font-size: 18px; }
p { font-size: 16px; }

}
@media (min-width:991px) and (max-width: 1199px) {
h1, h1 a, h1 a:hover { font-size: 24px; }
h2, h2 a, h2 a:hover { font-size: 22px; }
h3, h3 a, h3 a:hover { font-size: 20px; }
h4, h4 a, h4 a:hover { font-size: 19px; }
h5, h5 a, h5 a:hover { font-size: 19px; }
h6, h6 a, h6 a:hover { font-size: 18px; }
p { font-size: 16px; }

.login_holder { padding: 12px 12px !important;}
.login_holder input[type="email"]{ width:90% !important; }
.login_holder input[type="email"]:hover{width:90% !important;}
.login_holder input[type="email"]:focus{width:90% !important; background-position: right 5% center;}
}
@media (min-width: 768px) and (max-width: 990px) {
h1, h1 a, h1 a:hover { font-size: 24px; }
h2, h2 a, h2 a:hover { font-size: 22px; }
h3, h3 a, h3 a:hover { font-size: 20px; }
h4, h4 a, h4 a:hover { font-size: 18px; }
h5, h5 a, h5 a:hover { font-size: 15px; }
h6, h6 a, h6 a:hover { font-size: 14px; }
p { font-size: 14px; }
/*****main content part privacy policy********/
header { padding: 10px 0px; margin: 0px; }
.logo { width: auto; text-align: center; }
.admin_name { font-size: 15px; padding: 4px 0px; text-align: left; }
.top_menu { text-align: right; }
.top_menu ul { margin: 0px; padding: 0px 0px; list-style-type: none; }
.top_menu ul li { padding-right: 1px; font-size: 13px;  position: relative;}

.top_menu ul li a {  font-size: 13px !important;}
.top_menu ul li a:hover { font-size: 13px !important; }
.top_menu ul li a:focus { font-size: 13px !important; }
.top_menu ul li a img { max-width: 75%; }

.login_holder { padding: 12px 12px !important;}
.login_holder input[type="email"]{ width:90% !important; }
.login_holder input[type="email"]:hover{width:90% !important;}
.login_holder input[type="email"]:focus{width:90% !important; background-position: right 5% center;}

}
@media (min-width:640px) and (max-width: 767px) {
h1, h1 a, h1 a:hover { font-size: 24px; }
h2, h2 a, h2 a:hover { font-size: 22px; }
h3, h3 a, h3 a:hover { font-size: 20px; }
h4, h4 a, h4 a:hover { font-size: 18px; }
h5, h5 a, h5 a:hover { font-size: 15px; }
h6, h6 a, h6 a:hover { font-size: 14px; }
p { font-size: 14px; }
/*****main content part privacy policy********/
header { padding: 10px 0px; margin: 0px; }
.logo { width: auto; text-align: center; }
.admin_name { font-size: 15px; padding: 0px 0px; text-align: left; }
.top_menu { text-align: right; }
.top_menu ul { margin: 0px; padding: 0px 0px; list-style-type: none; }
.top_menu ul li { padding-right: 1px; font-size: 12px;  position: relative;}

.top_menu ul li a {  font-size: 12px !important;}
.top_menu ul li a:hover { font-size: 12px !important; }
.top_menu ul li a:focus { font-size: 12px !important; }
.top_menu ul li a img { max-width: 60%; }

.login_holder input[type="email"]{ width:90% !important; }
.login_holder input[type="email"]:hover{width:90% !important;}
.login_holder input[type="email"]:focus{width:90% !important; background-position: right 5% center;}

}
@media (min-width:480px) and (max-width: 639px) {
h1, h1 a, h1 a:hover { font-size: 24px; }
h2, h2 a, h2 a:hover { font-size: 22px; }
h3, h3 a, h3 a:hover { font-size: 20px; }
h4, h4 a, h4 a:hover { font-size: 18px; }
h5, h5 a, h5 a:hover { font-size: 15px; }
h6, h6 a, h6 a:hover { font-size: 14px; }
p { font-size: 14px; }
/*****main content part privacy policy********/
header { padding: 10px 0px; margin: 0px; }
.logo { width: auto; text-align: center; }
.admin_name { font-size: 15px; padding: 5px 0px; text-align: center; }
.top_menu { text-align: right; }
.top_menu ul { margin: 0px; padding: 0px 0px; list-style-type: none; }
.top_menu ul li { padding-right: 1px; font-size: 13px;  position: relative;}

.top_menu ul li a {  font-size: 13px !important;}
.top_menu ul li a:hover { font-size: 13px !important; }
.top_menu ul li a:focus { font-size: 13px !important; }
.top_menu ul li a img { max-width: 75%; }

.login_holder input[type="email"]{ width:88% !important; }
.login_holder input[type="email"]:hover{width:88% !important;}
.login_holder input[type="email"]:focus{width:88% !important; background-position: right 5% center;}

}
 @media (min-width:360px) and (max-width: 479px) {
h1, h1 a, h1 a:hover { font-size: 24px; }
h2, h2 a, h2 a:hover { font-size: 22px; }
h3, h3 a, h3 a:hover { font-size: 20px; }
h4, h4 a, h4 a:hover { font-size: 18px; }
h5, h5 a, h5 a:hover { font-size: 15px; }
h6, h6 a, h6 a:hover { font-size: 14px; }
p { font-size: 14px; }
/*****main content part privacy policy********/
header { padding: 10px 0px; margin: 0px; }
.logo { width: auto; text-align: center; }
.admin_name { font-size: 15px; padding: 5px 0px; text-align: center; }
.top_menu { text-align: center; }
.top_menu ul { margin: 0px; padding: 0px 0px; list-style-type: none; }
.top_menu ul li { padding-right: 1px; font-size: 13px;  position: relative;}
.top_menu ul li a {  font-size: 13px !important;}
.top_menu ul li a:hover { font-size: 13px !important; }
.top_menu ul li a:focus { font-size: 13px !important; }
.top_menu ul li a img { max-width: 75%; }

.login_holder input[type="email"]{ width:84% !important; }
.login_holder input[type="email"]:hover{width:84% !important;}
.login_holder input[type="email"]:focus{width:84% !important; background-position: right 5% center;}




}
@media (min-width:280px) and (max-width: 359px) {
h1, h1 a, h1 a:hover { font-size: 24px; }
h2, h2 a, h2 a:hover { font-size: 22px; }
h3, h3 a, h3 a:hover { font-size: 20px; }
h4, h4 a, h4 a:hover { font-size: 18px; }
h5, h5 a, h5 a:hover { font-size: 15px; }
h6, h6 a, h6 a:hover { font-size: 14px; }
p { font-size: 14px; }
/*****main content part privacy policy********/
header { padding: 10px 0px; margin: 0px; }
.logo { width: auto; text-align: center; }
.admin_name { font-size: 15px; padding: 5px 0px; text-align: center; }
.top_menu { text-align: center; }
.top_menu ul { margin: 0px; padding: 0px 0px; list-style-type: none; }
.top_menu ul li { padding-right: 1px; font-size: 13px; position: relative; }
.top_menu ul li a { color: #162781 !important;
    font-family: 'Poppins' !important;
    font-size: 13px !important;
    font-weight: 400; }
.top_menu ul li a img { max-width: 75%; }
.top_menu ul li a:hover { font-size: 13px !important; }
.top_menu ul li a:focus { font-size: 13px !important; }

}