@media screen and (min-width:992px) and (max-width:1199px){	
	
	
	.common-container .left-menu li a {
		font-size: 13px;
		padding-left: 36px;
	}
	.common-container .create-new .duedate {
		width: 25%;
	}
	.common-container .create-new .form-group {
		width: 30%;
	}
	.common-container .create-new .btn-grey, .common-container .create-new .btn-blue {
		margin-top: 0;
	}
	.review-slide-container .table-name,
	.review-slide-container .quiz-question {
		margin-left: 30px;
	}	
	.sliding-hpn-container .create-slide-menu {
		width: 27%;
	}
	.sliding-hpn-container .right-content {
		width: 73%;
	}

}

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

	.common-container .left-menu li a {
		font-size: 12px;
		padding-left: 36px;
	}
	.common-container .right-content {
		width: 100%;
	}
	.common-container .create-new .duedate {
		width: 25%;
	}
	.common-container .create-new .form-group {
		width: 30%;
	}
	.common-container .create-new .btn-grey, .common-container .create-new .btn-blue {
		margin-top: 0;
	}
	.create-slide-right .btn-group {
		margin: 20px 0;
	}
	.review-slide-container .table-name,
	.review-slide-container .quiz-question {
		margin-left: 30px;
	}
	.hpn-departments .right-content {
		margin-bottom: 5%;
	}
	.user-profile .name-details {
        width: 100%;
        padding: 15px 0 0;
    }


}	

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

}	
@media (min-width: 768px) {
	
	.compliance-materials-edit .modal-dialog {
		width: 420px;
	}
	#Attest .modal-dialog {
		width: 690px;
	}
}
@media screen and (max-width:767px){

	.login-container .center-div .form-control {
		margin-left: 0;
		width: 100%;
	}
	.login-container .forgot-password,
	input.css-checkbox[type="checkbox"] + label.css-label {
		margin-left: 0;
	}
	 .hpn-login {
		overflow: scroll;
	}
	.login-footer {
		position: relative;
		bottom: 0;
		margin-top: 35px;
	}
	.login-container {
		margin-top: 30px;
	}
	.login-container .center-div h2 {
		font-size: 25px;
	}
	.hpn-header .links li {
		display: block;
	}
	.hpn-register .center-div .form-group label {
		text-align: left;
	}
	.hpn-register .center-div span {
		margin-left: 0;
	}
	.hpn-register .center-div form {
		float: left;
		margin-bottom: 25px;
		width: 100%;
	}
	.common-container .right-content {
		width: 100%;
	}
	.common-container .right-content .table-name h3 {
		font-size: 20px;
	}
	.common-container {
		overflow-x: hidden;
	}
	.common-container .right-content {
		padding-left: 30px;
		padding-right: 30px;
	}
	.pagination-hpn {
		text-align: center;
	}
	.pagination-hpn .pull-right {
		float: none !important;
	}
	.compliance-materials-edit .modal-dialog {
		margin-top: 15%;
	}
	.common-container .create-new .duedate {
		width: 25%;
	}
	.common-container .create-new .form-group {
		width: 30%;
	}
	.common-container .create-new .btn-grey, .common-container .create-new .btn-blue {
		margin-top: 0;
	}
	.create-slide-right .btn-group {
		margin: 20px 0;
	}
	.general-settings .setting-group label {
		font-size: 12px;
		margin: 8px 0 0;
	}
	.general-settings .right-content .content-title-filter .btn-blue {
		margin-right: 15px;
	}
	.quiz-question .answer label span {
		width: 83vmin !important;
	}	
	.quiz-question .question p {
		font-size: 16px;
	}
	.quiz-question .alert-warning {
		font-size: 12px;
	}
	.quiz-question .alert-warning .close {
		top: -1px;
	}
	.review-slide-container .answers-list {
		font-size: 15px;
	}
	.sliding-hpn-container .right-content .arrow-left {
		left: 0;
	}
	.sliding-hpn-container .content-slides h4 {
		font-size: 28px;
	}
	.sliding-hpn-container .content-slides li {
		font-size: 14px;
	}
	.breadcrumb-container .title {
		text-align: center;
	}
	.sliding-hpn-container .breadcrumb-container audio {
		display: block;
		float: none;
		margin: 10px auto;
	}
	.hpn-compliance-status .btn-bule-arrow, 
	.hpn-compliance-status .btn-grey-arrow, 
	.hpn-compliance-status .btn-green-arrow {
		height: 33px;
		padding: 4px 12px 3px;
		font-size: 11px;
	}
	#Attest .table-container td:last-child, #Attest .table-container th:last-child {
		padding: 18px 12px;
	}
	.hpn-quiz-result h4 {
		font-size: 36px;
		margin-bottom: 20px;
	}
	.hpn-quiz-result h4 span {
		font-size: 24px;
	}
	.hpn-quiz-result h5 {
		font-size: 14px;
	}
	.hpn-quiz-result h5 span {
		width: 86px;
	}
	.hpn-quiz-result .btn-review, .hpn-quiz-result .btn-green {
		font-size: 11px;
		height: 36px;
		padding: 11px 10px 10px;
		margin-top: 10px;
	}
	.hpn-quiz-result .right-content .table-name {
		width: 50% !important;
	}
	.common-container .breadcrumb-container h5 {
		font-size: 22px;
	}
	.hpn-departments .right-content {
		margin-bottom: 5%;
	}
	.hpn-departments .right-content .table-name {
		margin-bottom: 0 !important;
	}
	 .user-profile {
        padding-bottom: 10%;
    }
    .user-profile h5 {
        margin: 30px 0;
        margin-bottom: 15px;
        text-align: left;
 
    }
    
	
	
	
	
}

@media screen and (max-width:680px){
	
	.title-progress .title {
		width: 100%;
	}
	.title-progress .progress-xs {
		float: right;
		width: 92%;
	}
	
}
@media screen and (max-width:620px){
	
	.common-container .right-content .filter-xs {
		width: 100%;
		padding-right: 0;
	}
	.common-container .right-content .table-name {
		margin-bottom: 20px;
		width: 100%;
	}
	.common-container .create-new .duedate {
		width: 100px;
	}
	.common-container .create-new .form-group {
		width: 180px;
	}
	.common-container .create-new .btn-grey, .common-container .create-new .btn-blue {
		margin-top: 25px;
		float: left;
	}
	.hpn-departments .departments-list {
		max-height: 100%;
		text-align: center;
	}
	.hpn-departments .departments-list .text-right {
		text-align: center;
		margin-top: 10px;
	}
	.hpn-departments .text-right,
	.hpn-departments .xs-label {
		width: 100%;
	}
	
	
}
@media screen and (max-width:560px){
	
	.general-settings .setting-group .xs-label,
	.general-settings .setting-group .xs-input {
		width: 100%;
		text-align: center;
	}
	.general-settings .setting-group .form-control {
		margin: 10px auto 0;
	}
	
}
@media screen and (max-width:490px){
	
	.hpn-header .logo-sm img {
		margin: 0 auto;
	}
	.hpn-header .links {
		padding-right: 0;
	}
	.compliance-materials-edit .group-bottom .form-control {
		width: 100%;
		margin-bottom: 15px;
	}
	.compliance-materials-edit .group-bottom .btn-blue, .compliance-materials-edit .group-bottom .btn-grey {
		float: left;
		margin-left: 0;
		margin-right: 10px;
	}
	.common-container .create-new .form-group {
		width: 100%;
	}
	.common-container .create-new .btn-grey, .common-container .create-new .btn-blue {
		margin-bottom: 15px;
		margin-top: 0;
	}
	.create-btn-xs,
	.breadcrumb-xs {
		width: 100%;
		text-align: center;
	}
	.breadcrumb-container .btn-green {
		float: none;
		margin: 0 auto;
	}
	.user-profile {
        padding-bottom: 25%;
    }
    .user-profile .name-details {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
}

@media screen and (max-width:420px){	
	
	.menu-toggle .dropdown-menu {
		min-width: 300px !important;
	}
	.create-slide-right .btn-group .btn-grey, 
	.create-slide-right .btn-group .btn-blue,
	.create-slide-right .btn-group .btn-green,
	.create-slide-right .btn-group .btn-grey-lg {
		font-size: 11px;
		height: 34px;
		padding: 9px 12px;
		width: 65px;
	}
	.xs-editor {
		width: 100%;
	}
	.xs-selected {
		width: 100%;
		margin-bottom: 20px;
	}
	.create-slide-right .col-slide-name {
		margin-top: 0;
	}
	
	
}

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

}