/* Min Width Media Queries */
@media screen and (min-width: 768px) {
	
}

@media screen and (min-width: 1900px){
	.signin form button.btn.btn-primary{margin-top: 100px;}
	.leftsidebar .btn-toggle, .leftsidebar ul.nav.nav-pills li a.nav-link{padding: 25px 0;}
	.correction-question .col-sm-12 {width: 500px; } 
	.dash-totalcol {width: 25%; }

	.table td, .table th{    padding: 26px 20px;}
	.table tbody td, .table tbody th {padding: 38px 20px; } 
	.form-group label{margin-bottom: 18px;}

}
@media (min-width: 992px){
    .header .navbar-expand-lg .navbar-collapse {display: none!important;} 
}
/* Max Width Media Queries */
@media screen and (max-width: 1780px) {
    .signin.form-twocolumn form.row {width: 100%; }

    .signin.form-twocolumn form.row .form-group {margin-bottom: 25px; } 
    .form-group label {font-size: 25px; margin-bottom: 10px; line-height: 30px; } 
    .signin.questionform-sec form .form-group .radiobox input.text{font-size: 25px;}
    .settings-content form .form-group label.small{font-size: 22px;}
    .form-group .form-control {height: 55px; border-radius: 6px;} 

	.notfi-inbox h5 {font-size: 22px; line-height: 28px; } 
	.notfi-inbox span {font-size: 16px; line-height: 20px; } 
	.notfi-box h4 {margin-bottom: 25px; font-size: 25px;line-height: 28px; } 
	.notfi-box {margin-bottom: 25px; }


	.signin.questionform-sec form .form-group input.form-control, .signin.questionform-sec form .form-group select, .signin form .form-group select {font-size: 25px; height: 65px;}
	form select{font-size: 20px;}
	.signin.questionform-sec .modal-dialog .modal-body form .form-control, .signin.questionform-sec .modal-dialog .modal-body form select{font-size: 20px;}
    .signin.questionform-sec form .form-group a.btn.btn-gray{    font-size: 25px;}

    .signin.questionform-sec .correctque-col .form-group {width: 420px;}

    .correction-question{    width: 79%;}
}
@media screen and (max-width: 1600px) {
	.leftsidebar .btn-toggle, .leftsidebar ul.nav.nav-pills li a.nav-link{    padding: 15px 0;}
	.signin form button.btn.btn-primary{    margin-top: 50px;}

	.btn.btn-primary{font-size: 22px;line-height: 30px;padding: 14px 30px;}

	.table thead.thead-light tr th {font-size: 20px; line-height: 23px;}
	.table td, .table th {padding: 20px 15px;font-size: 18px; line-height: 25px; } 

	.form-group label {/*font-size: 20px;*/ margin-bottom: 5px; line-height: 25px; } 
    .form-group .form-control {height: 48px;} 
    .settings-content form .form-group label.small{font-size: 22px;line-height: 27px;}
    form .custom-input .uploadFile{font-size: 22px;}
    .settings-content form .form-group.select-group { margin-top: 30px;}
    .settings-content form .form-group{margin-bottom: 10px;}
    .form-checkgroup label:before{padding: 8px;}
    .form-checkgroup input:checked + label:after{top: 8px; right: 7px; width: 5px; height: 10px;} 


    .dash-row {width: 70%; }
    .correction-question{width: 91%;}
}
@media screen and (max-width: 1400px) {
	.leftsidebar .btn-toggle, .leftsidebar ul.nav.nav-pills li a.nav-link{    padding: 13px 0;}
	.signin form button.btn.btn-primary{ margin-top: 30px;}
	.signin {padding-top: 30px; padding-right: 30px; } 

	.signin.form-twocolumn form.row .form-group {width: 90%; }
	.correction-question {width: 100%;}
	.signin.questionform-sec form .form-group{    width: 440px;}
	.table td, .table th{padding: 20px 10px;}
}

@media screen and (max-width: 1280px) {
	.leftsidebar .btn-toggle, .leftsidebar ul.nav.nav-pills li a.nav-link{  padding: 12px 0;    font-size: 20px;}
	.leftsidebar ul.nav.nav-pills {padding-top: 10px; } 
	.signin form button.btn.btn-primary{ margin-top: 10px;}
	.signin {padding-top: 20px; padding-right: 20px; } 
	.signin h3 {margin-bottom: 25px; } 
	.form-group label{ font-size: 20px;line-height: 26px;margin-bottom: 10px;}
	.signin.questionform-sec form .form-group .radiobox input.text{font-size: 20px;}
	.form-group .form-control {height: 50px;}
	.btn.btn-primary{font-size: 20px;line-height: 28px;padding: 13px 30px;}

	.table thead.thead-light tr th {font-size: 18px; line-height: 20px;} 
	.table td, .table th {padding: 15px 10px;font-size: 16px; line-height: 20px; } 
	

	.leftsidebar{width: 290px;}
	.main-content{padding-right: 290px;}
	.signin.form-twocolumn form.row .form-group {width: 100%; } 

	.correction-question { width: 100%;}
	.signin.questionform-sec form .form-group.btn-group{ width: 100%;margin-top: 40px;}
	.signin.questionform-sec form .form-group input.form-control, .signin.questionform-sec form .form-group select, .signin form .form-group select{ font-size: 20px;height: 55px;}
	.signin.questionform-sec form .form-group .radiobox{height: 55px;}
	.signin.questionform-sec .modal-dialog .modal-body form select{height: 55px;}
	.signin.questionform-sec form .form-group a.btn.btn-gray{ font-size: 20px;height: 55px;}

	.table thead.thead-light tr th {font-size: 14px; line-height: 20px;} 
	.table td, .table th {padding: 12px 7px;font-size: 14px; line-height: 18px; } 
	.table .table-icon i{font-size: 13px;}

	.settings-content form .form-group label.small { font-size: 18px;}
	.settings-content form select{    width: 130px; height: 48px;    font-size: 20px;}
	.settings-content form .form-group.select-group label.small{width: 470px;margin-bottom: 10px;}
	.signin.questionform-sec h3.head {margin-bottom: 25px; }

	.signin.questionform-sec form .form-group{    width: 390px;}
}

@media screen and (max-width: 1100px) {
	.leftsidebar .btn-toggle, .leftsidebar ul.nav.nav-pills li a.nav-link{    padding: 13px 0;}
	.signin form button.btn.btn-primary{ margin-top: 30px;}
	.signin {padding-top: 30px; padding-right: 30px; } 
	.header nav.navbar{    padding: 15px 30px;}

	h1, .h1 {font-size:45px; } 
	h2, .h2 {font-size:32px; } 
	h3, .h3 {font-size:28px; } 
	h4, .h4 { font-size:20px;} 
	h5, .h5 { font-size:18px;} 
	h6, .h6 { font-size:16px;} 

	.maincontent {padding: 10px; } 
	.dashbox {padding: 12px;}

	
	.signin.form-twocolumn form.row .form-group{margin-bottom: 25px;}
	table.table.multicolor-table{float: none;}
	table.table.multicolor-table tbody th, table.table.multicolor-table tbody td{    padding: 20px 10px;}
	table.table.multicolor-table thead.thead-light tr th {min-width: 140px; } 
	table.table.multicolor-table thead.thead-light tr th.no, table.table.multicolor-table thead.thead-light tr th.act {min-width: 60px; } 
	table.table.multicolor-table thead.thead-light tr th.que {min-width: 250px; } 
	table.table.multicolor-table thead.thead-light tr th.act{text-align: center;}
	.shadow-table img.plus-icon, .btn-wrap img.plus-icon{right: 6px; top: 40px;}


	.dash-row {  width: 75%;}
	.dash-totalcol{width: 27%;}
	 .signin.questionform-sec form .form-group.btn-group .btn{margin-left: 20px; margin-right: 20px;}	

	 .signin.questionform-sec form .form-group { width: 306px;}
	 .modal-dialog .modal-body form .form-group {width: 100%; } 

}

@media screen and (max-width: 991px) {
	#sidebar{display: none !important;}
	.main-content{padding-left: 0;padding-right: 0;}
	.header nav.navbar .container-fluid {flex-direction: row-reverse; } 
	.header nav.navbar button.navbar-toggler.collapsed {position: unset; } 
	.header nav.navbar button.navbar-toggler {border: none; padding: 0;/*position: fixed; */right: 20px; top: 20px; z-index: 9;}
	.header nav.navbar button.navbar-toggler:focus{box-shadow: none;outline: none;}
	.header .nav-pills .nav-link.active, .header .nav-pills .show>.nav-link {color: #737df5; background-color: transparent;} 
	.header ul.nav.nav-pills button.btn.btn-toggle::before{position: absolute; right: -5px; color: #2d3744; content: '\f054'; 
		font-family: "Font Awesome 5 Pro"; left: auto;}
	.header ul.nav.nav-pills button.btn.btn-toggle, .header ul.nav.nav-pills li a, .header ul.nav.nav-pills button.btn.btn-toggle i, .header ul.nav.nav-pills li a.nav-link i{color: #FFF;}
	.header ul.nav.nav-pills button.btn.btn-toggle:hover, .header ul.nav.nav-pills li a:hover, .header ul.nav.nav-pills button.btn.btn-toggle:focus, .header ul.nav.nav-pills li a:focus, .leftsidebar ul.nav.nav-pills button.btn.btn-toggle:hover, .leftsidebar ul.nav.nav-pills li a:hover, .leftsidebar ul.nav.nav-pills button.btn.btn-toggle:focus, .leftsidebar ul.nav.nav-pills li a:focus{color: #f8bf39;}
	.navbar-toggler {float: right; border: none; padding-right: 0; } 
	.navbar-toggler-icon {width: 24px; height: 17px; background-image: none !important; position: relative; 
	    border-bottom: 1px solid #000; transition: all 300ms linear; margin-top: -8px; } 
	.navbar-toggler-icon:after, .navbar-toggler-icon:before{width: 24px; position: absolute; height: 1px; 
	    background-color: #000; top: 0; left: 0; content: ''; z-index: 2; transition: all 300ms linear; } 
	.navbar-toggler-icon:after{top: 8px; } .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	    transform: rotate(45deg); } 
	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	        transform: translateY(8px) rotate(-45deg); } 
	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent; } 
	.navbar-collapse {background: #7d17ad; padding: 60px 25px 25px 25px;  position: fixed; left: 0; top: 0; transition: all ease 0.4s; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; overflow: auto; width: 100%; right: 0; height: 100vh; transform: translate(100%, 0%);z-index: 1; } 
	.navbar-collapse.show {transform: translate(0%, 0%); }
	.header ul.nav.nav-pills li{border-bottom: 1px solid rgb(0 0 0 / 7%);}
	.header ul.nav.nav-pills ul.btn-toggle-nav {padding: 10px 0 20px; } 
	.header nav.navbar .leftside-menu, .header nav.navbar .rightside-menu {position: relative; /*z-index: 9; */} 
	.header ul.nav.nav-pills ul.btn-toggle-nav li a {border-left: 1px solid #2d3744; border-radius: 0px !important; 
		padding: 2px 12px; } 
	.header ul.nav.nav-pills li li{margin: 7px 0;}
	.header ul.nav.nav-pills li a.nav-link img {margin-left: 15px;width: 23px; } 
	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before, .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {background-color: #FFF;}
	.header ul.nav.nav-pills li a{    padding: 15px 0px;}
	.header nav.navbar{    padding: 15px 15px;	}
	.header nav.navbar .leftside-menu .mobile-logo {margin-right: 25px; } 
	.header nav.navbar .leftside-menu .mobile-logo img {width: 120px; } 
	.header nav.navbar .leftside-menu {display: flex; flex-direction: row-reverse; } 
	.header nav.navbar .leftside-menu form input[type="text"] {height: 47px; width: 250px; } 
	body.menuopen button.navbar-toggler {/*position: fixed;*/ }
	.navbar-collapse ul.nav.nav-pills {padding: 0 30px; }


	.signin.form-twocolumn form.row {margin: 0 auto; } 
	.signin.form-twocolumn form.row .flex-column {padding: 0; }
	.signin form button.btn.btn-primary {width: 100%;} 

	.shadow-table.table-responsive{height: auto;}
	.shadow-table img.plus-icon, .btn-wrap img.plus-icon{top: 35px;}

	.graph {margin-right: 0px; } 
	.dash-row { width: 70%;}
	.dash-totalcol {width: 33%; } 

}

@media screen and (max-width: 767px) {
	.header a.btn.sign-btn{font-size: 16px;line-height: 18px;padding: 9px 21px;}
	.btn.btn-primary{padding: 9px 21px;    font-size: 17px;}
	.btn.btn-primary.purple-btn{font-size: 17px;}

	.header a.btn.sign-btn i {display: block; font-size: 16px; color: #FFF; } 
	.header a.btn.sign-btn {background: linear-gradient(228.15deg, #7209B7 -1.27%, #F8BF39 173.56%); font-size: 0px; line-height: normal; padding: 5px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; } 
	.header nav.navbar .leftside-menu input[type="text"] {display: none; } 
	.header nav.navbar .leftside-menu form .input-icon i {background: #f8bf39; line-height: normal; padding: 5px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; color: #FFF; right: 33px; border-radius: 0.25rem; font-size: 15px; } 
	.header nav.navbar .leftside-menu .mobile-logo img {width: 100px; } 
	.header nav.navbar {padding: 5px; } 
	.header nav.navbar .rightside-menu {position: absolute; right: 55px; top: 12px; } 
	body.login-pagecls .header nav.navbar .rightside-menu {right: 20px;}
	.header nav.navbar .leftside-menu form .input-icon, .header nav.navbar .leftside-menu form, .header nav.navbar .leftside-menu {position: unset; }
	.navbar-toggler-icon{margin-top: 0;}


	.signin {padding-top: 0; padding-right: 0; } 
	.row.dash-row {margin: 0 0; } 
	.row.dash-row .dash-col {padding: 0; } 
	.heading h3.head { margin: 0;}
	.settings-content form .form-group.select-group label.small{width: 100%;}


	.notfi-box {margin-bottom: 20px; }
	.notfi-box h4 {margin-bottom: 20px; font-size: 20px;line-height: 25px; } 
	.notfi-inbox h5 {font-size: 18px; line-height: 24px; } 
	.notfi-inbox span {font-size: 15px; line-height: 20px; } 


	.correction-question{    margin: 0;}
	.correction-question .col-sm-12 {padding: 0; }
	.modal-dialog {max-width: 550px;}
	.modal-dialog .modal-header{    padding: 25px 25px;}
	.modal-dialog .modal-body { padding: 0 25px;}
	.modal-dialog .modal-header button.btn-close{right: 25px;top: 25px; font-size: 13px;width: 30px; height: 30px;} 
	.modal-dialog .modal-body form .form-group.btn-group button.btn.btn-primary{max-width: 120px;
    margin-left: 5px;margin-right: 5px;font-size: 18px;}
    .signin.questionform-sec form .form-group.btn-group{margin-bottom: 20px;    margin-top: 0;}

    .table td, .table th {min-width: 120px; } 
	table.table.multicolor-table thead.thead-light tr th.que {min-width: 220px;}
	.dash-totalcol {width: 100%;} 
	.dash-row { width: 100%;}
	.form-group.select-group.form-topmargin {margin-top: 30px;}
	.signin form .form-group {margin-bottom: 35px; }
	.signin.questionform-sec form .form-group input.form-control, .signin.questionform-sec form .form-group select, .signin form .form-group select {font-size: 18px; height: 50px; }
	.signin.questionform-sec .modal-dialog .modal-body form select{height: 50px;background-position: top 22px right 15px;} 
	.signin.questionform-sec form .form-group .radiobox label{font-size: 18px; }
	.signin.questionform-sec form .form-group .radiobox input.text{font-size: 18px;    line-height: 20px;}
	.signin.questionform-sec form .form-group .radiobox{height: 50px;}
	.signin.information-sec .form-group textarea.form-control {height: 100px; }
	.form-group textarea.form-control { height: 150px;}

	.settings-content form select{font-size: 18px;}
	.signin.questionform-sec .correctque-col .form-group { width: 100%;margin-right: 0; margin-left: auto;}
	.signin.questionform-sec form .form-group{ width: 100%;}
	.signin.questionform-sec form .form-group a.btn.btn-gray{width: 100%;}
	.signin.questionform-sec form .form-group.btn-group .btn {
		margin-left: 5px; margin-right: 5px; } 

}
@media screen and (max-width: 580px) {
	.header a.btn.sign-btn{padding: 9px 18px;}
	.header nav.navbar .leftside-menu form input[type="text"] {width: 190px; }

	.heading{flex-wrap: wrap;    margin-bottom: 30px;}
	.heading h3.head { margin: 0;width: 100%;display: inline-block;}
	.heading .btn-wrap { margin-top: 20px;}
	


	form .custom-input .uploadFile{ width: 100%;}
	form .custom-input {margin-right: 0;}
	.settings-content form .form-group label.small { font-size: 16px; line-height: 20px;}
	form .custom-input .uploadFile {font-size: 16px;}
	.settings-content form select{width: 120px;font-size: 16px;height: 43px;background-position: left 12px top 18px;}

	h5, .h5 {font-size: 15px; }

	.heading-btnrow .btn-wrap{    text-align: right;}
	.heading-btnrow .heading {margin-bottom: 20px; } 

}
@media screen and (max-width: 480px) {
	.header nav.navbar .leftside-menu form input[type="text"]{    width: 140px;    font-size: 13px;padding-left: 30px;height: 35px;}
	.header nav.navbar .leftside-menu form .input-icon i{left: 16px;font-size: 13px;}
	.header nav.navbar .leftside-menu button.btn{font-size: 13px;    padding: 0 8px;height: 35px;}
	.header nav.navbar .rightside-menu ul.dropdown-menu{min-width: 120px;}

	 h3, .h3 {font-size:24px; } 
	 form select, .form-group label{    font-size: 18px;}
	 .signin form .form-group select{    padding: 10px 15px;}
	 .signin.questionform-sec form .form-group.btn-group{    flex-wrap: wrap;}
	 .signin.questionform-sec form .form-group.btn-group .btn {margin: 10px 0 0px 0;    width: 100%;} 
	 .signin.questionform-sec form .form-group a.btn.btn-gray {font-size: 18px; height: auto; line-height: 18px; }
	 .signin.questionform-sec form .form-group input.form-control, .signin.questionform-sec .modal-dialog .modal-body form select{height: 50px; font-size: 18px;}
	 .signin.questionform-sec form .form-group .radiobox{height: 50px; }
	 .modal-dialog .modal-header button.btn-close {font-size: 12px; width: 25px; height: 25px; } 
	 .signin.questionform-sec .modal-dialog .modal-body form .form-control, .signin.questionform-sec .modal-dialog .modal-body form select{font-size: 18px;}

	 .navuser-info h5 { margin-right: 8px;}
	 .navuser-info img.navuser-img  {width: 35px;}
	 .signin.questionform-sec .modal-dialog .modal-body form select{background-position: top 22px right 15px;}
	 .signin form .form-group {margin-bottom: 20px;}
	 .signin.questionform-sec form .form-group.btn-group .btn {
		margin-left: 0px; margin-right: 0px; } 
	.signin.questionform-sec form .form-group .radiobox [type="radio"]:checked + label:before, .signin.questionform-sec form .form-group .radiobox [type="radio"]:not(:checked) + label:before{width: 20px; height: 20px;}
	.signin.questionform-sec form .form-group .radiobox [type="radio"]:checked + label:after, .signin.questionform-sec form .form-group .radiobox [type="radio"]:not(:checked) + label:after{width: 6px;top: 7px;    right: 7px; height: 6px;}
	.signin.questionform-sec form .form-group .radiobox [type="radio"]:checked + label, .signin.questionform-sec form .form-group .radiobox [type="radio"]:not(:checked) + label{    padding-right: 30px;}
}

@media screen and (max-width: 360px) {
	.header nav.navbar .leftside-menu form input[type="text"]{ width: 120px;padding-left: 25px;}
	.header nav.navbar .leftside-menu form .input-icon i{left: 14px;}
	.header nav.navbar .leftside-menu button.btn{font-size: 13px; }
	.header nav.navbar button.navbar-toggler{font-size: 19px;}
	.dropdown.userdropdown a img.rounded-circle {width: 25px; height: 25px; } 
	.dropdown.userdropdown a span {font-size: 14px; } 

	.modal-dialog .modal-body form .form-group.btn-group button.btn.btn-primary{max-width: 100px;font-size: 15px;}
	.header nav.navbar .leftside-menu .mobile-logo img {width: 90px; } 

	.header nav.navbar .leftside-menu form .input-icon i, .header a.btn.sign-btn{width: 30px; height: 30px;}
	.navuser-info img.navuser-img {width: 30px; } 
	.header a.btn.sign-btn {padding: 9px 15px; }
	.header nav.navbar .rightside-menu{right: 50px;}
}