@media screen and (max-width: 1600px)
{
	.img-box img{max-height: 400px;}
}
@media screen and (max-width: 1400px)
{
	.sidebar{width: 280px;}
	.sidebar-ul li, .sidebar-logo{padding: 0px 15px;}
	.page-wrapper{margin-left: 280px; padding-left: 15px; padding-right: 15px;}
	.overview-img-box {flex: 0 0 40%;max-width: 40%;}
	.overview-text-box{flex: 0 0 60%;  max-width: 60%;}
	.overview-text-box h3{font-size: 45px;line-height: 50px;}

	.sidebar-ul li a{font-size: 16px;;}
	.orderoverview-popup .modal{ width: calc(100% - 280px); left: 280px;}
	.application-status-text h1 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 20px;
		}
	.application-status-box .application-status-text {
		max-width: 650px;
	}
	.application-status-text .btn-primary {
		font-size: 14px;
	}
	.referral-application img {
		max-width: 350px;
	}
	.refer-form input{font-size: 16px;}
    .cancellation-modal {
        margin-left: 280px;
        width: calc(100% - 280px);
    }
}

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

	.sidebar
	{
    	left: -350px;
    	padding-top: 50px;
	}
	.page-wrapper
	{

		margin-left: 0px;
	}
	.mini-sidebar .sidebar
	{
	    left: 0;

	}
	.sidebar-logo
	{
		margin-bottom: 10%;
	}
	.sidebar-ul li.log-out
	{
		margin-top: 20%;
	}
	.sidebar-ul li span
	{
		margin-top: 20px;
	}
	.mini-sidebar .overlay
	{
		display: block;
    	opacity: 0.7;
	}
	.sidebar .menu_btn
	{
		width: 30px;
		height: 30px;
		line-height: 30px;
		position: absolute;
		top: 40px;
		right: 10px;
		margin: 0;
		display: block;
		text-align: center;
		border-radius: 50%;
		color: #fff;
	}

	.right-menu .menu_btn
	{
		order: 4;
		z-index: 999;
		font-size: 20px;
		cursor: pointer;
		padding-left: 20px;
	}
	.topbar-row
	{
		flex-direction: column-reverse;
	}
	.right-menu
	{
		justify-content: right;
		padding-bottom: 20px;
		margin-bottom: 20px;
		position: relative;
		z-index: 99;
	}
	.right-logo
	{
		position: absolute;
		left: 0px;
	}
	.page-wrapper
	{
		padding-top: 20px;
	}
	.right-menu{column-gap: 10px;}
	.application-status-text h1
	{
		font-size: 30px;
		line-height: 38px;
	}

	.upload-documents img { height: 250px; }
	.orderoverview-popup .modal{left: 0; width: 100%;}
	.orderoverview-popup .modal{width:  calc(100% - 30px); left: 15px; z-index: 99;}
    .cancellation-modal {
        margin-left:0px;
        width: calc(100% - 0px);
    }

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

	h1, .h1
	{
	  font-size: 40px;
	  line-height: 40px;
	}
	h2, .h2
	{
	  font-size: 30px;
	  line-height:40px;
	}
	h3, .h3
	{
	  font-size: 25px;
	  line-height: 30px;
	}
	h4, .h4
	{
	  font-size: 22px;
	  line-height: 30px;
	}
	h5, .h5 {
	  font-size: 20px;
	  line-height: 30px;
	}
	h6, .h6
	{
	  font-size: 18px;
	  line-height: 30px;
	}
	p, li{
		font-size: 16px;
	}
	body{font-size: 16px;}

	.page-wrapper
	{
		padding-top: 20px;
		padding-right: 0px;
		padding-left: 0;
	}
	.card-box.bg-orange .udharan-icon
	{
		height: 70px;
		margin-bottom: 10px;
	}
	.card-box, .application-pane
	{
		padding: 20px;
	}
	.sub-title
	{
		font-size: 35px;
		line-height: 40px;
	}
	.e-learning-box img
	{
		max-width: 380px;
		width: 100%;
		display: block;
		transform: translateX(-45%);
		padding: 20px 0;
	}
	.university-details-box{padding: 15px 15px 15px 15px;  row-gap: 15px;  column-gap: 20px;}
	.e-learning-text h3 br{display: none;}
	.e-learning-text {  flex-basis: 60%;}
	.e-learning-img{flex-basis: 40%;}
	.alert{padding: 15px 15px; font-size: 18px; list-style: 20px;}

	.application-status-text h1
	{
		font-size: 26px;
		line-height: 35px;
	}
	.natifi-group .natifi-li{padding: 20px 0 20px 0px;}
	.natifi-group .natifi-li p{font-size: 16px;}
    .card-box.refer-friend-block{column-gap: 30px;}
	.total-earning-box{padding: 50px 30px 80px;}

    .cancellation-modal .modal-dialog{width: calc(100% - 20px);}
    .cancellation-modal .modal-content{padding: 30px;}
    .cancellation-modal .modal-content .close{width: 15px;top: 5px;right: 15px;}
    .cancellation-modal .modal-content .close img{width: 100%;}
    .cancellation-modal .modal-body h3{font-size: 30px; gap:8px}
    .cancellation-modal .modal-body h3 img {height: 25px;}
		.tooltip-text {
			width: 100%;
			left: 0px;
		}
}
@media screen and (max-width: 767px) {
	.fixed-switcher { right: 15px !important }
	.logo-heart { display: block; z-index:9;}
	.topbar-row h2 { display: none !important;}
	.logo-heart img {  width: 200px; height: auto; }
	h2, .h2
	{
	  font-size: 28px;
	  line-height:30px;
	}
	h3, .h3
	{
	  font-size: 22px;
	  line-height: 30px;
	}
	h4, .h4
	{
	  font-size: 20px;
	  line-height: 30px;
	}
	h5, .h5 {
	  font-size: 17px;
	  line-height: 22px;
	}
	h6, .h6
	{
	  font-size: 16px;
	  line-height: 30px;
	}
	p, li{
		font-size: 16px;
	}
	body{font-size: 16px;}
	.login-page{padding: 50px 15px;}
	.login-img{display: none;}
	.custom-form{margin: 30px auto 0;}
	.custom-form h3{font-size: 22px;}

	.custom-form .btn-text.w-100{font-size: 16px; margin-top: 20px;}
	.user-name{display: none;	}
	.page-wrapper{padding-top: 0px;}
	header.topbar{background: #fff; padding: 15px 0;}
	.sidebar {width: 350px;overflow-y: scroll;}

	.topbar-row{flex-direction: row; position: relative; justify-content: space-between; }
	.dropdown-notifications a img{height: 25px;}
	.dropdown-notifications span.bg-danger{top: -2px;right: -2px;}
	.sidebar-logo {margin-bottom: 10% !important;	}
	.setting-li{margin-top: 10% !important;}
	.setting-li a {padding: 0 !important;}
	.sidebar-ul li.log-out a{padding: 10px !important;}
	.sidebar-logo{text-align: center;padding: 0px 70px;}
	.sidebar .menu_btn{top: 36px;}
	.sidebar-logo img{height: auto;max-width: 170px;}
	.topbar-row h2{ width: 100%;padding: 0px 70px; text-align: center; font-size: 17px; top: 50%;    position: absolute; transform: translateY(-50%);  font-weight: 700;}
	.deck-page-title .topbar-row h2{font-size: 17px; font-weight: 700;}
	.right-menu{padding-bottom: 0; margin-bottom: 0; border-bottom: none;/*position: relative;width: 100%;top: 50%;transform: translateY(-50%);z-index: 5;*/}
	.sub-title{font-size: 30px; line-height: 35px;}
	.application-padding, .application-completed{column-gap: 30px;}
	.universities-list li a {padding: 5px 20px;}
	.scroll-arrow { line-height: 52px;}
	table.custom-table.responsive-table{min-width: auto;}
	table.responsive-table thead {display:none;	}
	table.responsive-table td{display: none;}
	/* table.custom-table td:first-child{display: block;}/ */
	td.showMe{display:block!important; }
	table.responsive-table {border-radius: 15px;overflow: hidden;border: 1px solid #D5D8DF;}

	table.responsive-table tbody tr td,table.responsive-table tbody tr td:first-child,table.responsive-table tbody tr:first-child td:last-child
	{border-top: 1px solid #D5D8DF;border-radius: 0px; border-left: 0px; border-right:0px;border-bottom: 0px ;color: #000;padding: 20px;font-size: 16px;position: relative; width: auto;}
	.document-table td.group-btn { border-top: 0px !important; padding-top:0px !important;}
	table.responsive-table td p {font-size: 16px;}
	table.responsive-table  tbody tr td:first-child{display:block;cursor:pointer;line-height: 35px; color: #000; font-weight: 700;	padding-right: 60px;}
	table.responsive-table tbody tr:first-child td:first-child{border-top: none;}
	table.responsive-table td:before {content: attr(data-label);display: block;font-size: 12px;color: #858585;line-height: 20px;font-weight: 700;}
	table.responsive-table td:colspan:before{display: none;}


	table.responsive-table2  tbody tr td:first-child, table.responsive-table2 tbody tr td:first-child.showMe{display: none !important;}
	table.responsive-table2 tbody tr td strong{font-weight: 700;}
	table.responsive-table2  tbody tr td:nth-child(2){display:block;cursor:pointer;line-height: 35px; color: #000; font-weight: 700;padding-right: 60px;}
	table.responsive-table2  tbody tr:first-child td:nth-child(2){border: none;}
	table.exam td.showMe { border-bottom: 0px !important; border-top: 0px !important; padding-top: 0px !important; }
	table.responsive-table2  tbody tr td.message-show{display: block !important; width: 90%;line-height: 25px;font-weight: 400;}
	table.responsive-table2  tbody tr td.message-show img {left: 5%;transform: translateY(0);	top: 15px;}
	table.responsive-table2  tbody tr td.message-show::before{display: none;}
	/* table.responsive-table2  tbody tr:last-child{display: none;} */
	table.responsive-table  tbody tr td:last-child::before{display: none;}

	table.responsive-table.last-td-before  tbody tr td:last-child::before{display: block;}

	table.responsive-table td.selected:nth-child(1):before, table.responsive-table2  tbody tr td.selected:nth-child(2):before{content: "\f068";}
	table.responsive-table td:nth-child(1):before, table.responsive-table2 td:nth-child(2):before
	{font-family: 'Font Awesome 5 Free';content: "\f067";float: right;font-weight: 700;width: 35px;height: 35px;text-align: center;border-radius: 50%;border: 1px solid rgb(0 0 0 / 10%);line-height: 33px;font-size: 16px;color: #000;position: absolute;
	right: 20px;top: 50%;transform: translateY(-50%);}
	/* table.responsive-table tr:last-child td:nth-child(1):before{display: none;} */

	.placing-of-order.tab-content .tab-pane { display: block;  margin-bottom: 30px;}
	/* .application-nav { display: none;} */
	/*.panel-title a { display: block;} */
	.card-box.panel.panel-default{padding: 0px 20px;}
	.row.panel-collapse{margin-right: -20px;margin-left: -20px; padding-bottom: 20px;}
	.panel-heading a {padding: 20px 40px 20px 0;display: block;font-size: 20px;font-weight: 700;color: #000;position: relative;}
	.panel-heading a:before{    font-family: 'Font Awesome 5 Free';float: right;font-weight: 700;width: 35px;height: 35px;text-align: center;border-radius: 50%;border: 1px solid rgb(0 0 0 / 10%);
		line-height: 33px;font-size: 16px;color: #000;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);}
	.panel-heading a[aria-expanded="true"]:before{content: "\f068";}
	.panel-heading a[aria-expanded="false"]:before{content: "\f067";}
	/* div#university{display: block !important;} */
	div#personal {/*display: block;*/margin-top: 20px;}
	/* .panel-collapse {padding: 0px 20px 20px;} */

	.placing-of-order h3.fw-700 {display: none; }
	table.custom-table tbody tr:last-child td:first-child{border-radius: 0;}
	table.document-table.responsive-table {	border: none;	border-radius: 0px;}
	table.document-table tr {border-radius: 15px;overflow: hidden;display: block;margin-bottom: 20px;border: 1px solid rgba(0, 0, 0, 0.10);}
	table.document-table tr td:first-child {border-top: none !important;}
	/* table.document-table tr td {padding-left: 20px !important;} */
	.document-table tr td:after {content: "";position: absolute;width: 5px !important;left: 0;top: 0;height: 100%;}
	.required-document {border-left-color: var(--primary-color-600) !important;}
	.required-document td:after {background: rgba(242, 72, 34, 0.13);}
	.review-document{border-left-color: #C79B03 !important;}
	.review-document td:after {background: rgba(231, 191, 52, 0.13);}
	.received-document{border-left-color: var(--green-color-500) !important;}
	.received-document td:after{background-color: #EAF8F0;}
	 table.document-table  td:first-child br{display: none;}
	 table.document-table  td:first-child label{line-height: 25px;}
	 table.document-table  td:first-child  small{display: block;line-height: 20px;}
	.statu-ul{column-gap: 25px;}
	.statu-ul li a{padding: 8px 10px;}
	.statu-ul li:before{right: -20px;}
	.overview-text-box h3{font-size: 35px;}
	.university-img {height: 100px;flex: 0 0 100px;max-width: 100px;}
	.university-details-box{padding: 25px;border: 1px solid rgba(0, 0, 0, 0.10);  column-gap: 20px;flex-wrap: wrap;}
	.university-details-box .btn-green.ml-auto{margin-left: 170px !important;}
	table.custom-table{min-width: 700px;}
	table.custom-table tbody td{padding: 10px 15px;}
	table.custom-table tbody tr td:first-child, table.custom-table > thead > tr > th:first-child{padding-left: 20px;}
	table.custom-table tbody tr td:last-child, table.custom-table > thead > tr > th:last-child{padding-right: 20px;}
	.application-pane h4.mb-40{margin-bottom: 20px;;}
	.application-pane .btn-orange.mt-40{margin-top: 20px;}
	.tb-flex a{text-align: center; width: 100%;}
	.tab-content>.tab-pane.application-pane{display: block;opacity: 1; margin-bottom: 20px; padding: 0px 20px;}
	.tab-content>.tab-pane.application-pane .panel-collapse{padding-bottom: 20px; }
	.tab-content>.tab-pane.application-pane .panel-collapse h4{display: none;}
	.back-btn{padding: 18px 0;padding-top: 0; position: relative;}
	.back-btn::before{content: "";position: absolute;width: 100vw;height: 1px;background-color: #E4E4E4;bottom: 0;left: 50%;transform: translateX(-50%);}
	.placing-order-page header.topbar.mb-40{margin-bottom: 0px;}
	.placing-order-details{background: transparent;border: none;padding: 0;}
	.placing-order-details p{margin-bottom: 16px;}
	.start-application hr.mb-42{margin-bottom: 32px;}
	.start-application hr.mt-42{margin-top: 32px;}
	.placing-order-form .col-md-12{padding: 0;}
	.placing-order-details h3 svg{display: none;}
	.personal-data .placing-order-details.mb-50{margin-bottom: 16px;}
	.personal-data hr{display: none;}
	.personal-data .form-group.mb-42{margin-bottom: 32px;}
	ul.study-field{flex-direction: column;}
	ul.study-field li{    flex: 0 0 100%;  max-width: 100%;}
	.payment-method .placing-order-details.mb-50{margin-bottom: 23px;}
	.pay-method{padding: 24px;background: #fff;}
	.pay-method .payment-ul{    justify-content: flex-start;}
	.application-status-box{align-items: center;}
	.application-status-box .application-status-text{padding: 30px 140px 30px 30px}
	.application-status-box.university-select-box {align-items: self-end;}
	.application-status-text  h1{font-size: 22px;line-height: 30px;margin-bottom: 16px;	}
	.application-status-text .btn-primary{padding: 16px;padding: 15px 15px;column-gap: 5px; font-size: 14px;line-height: 15px;font-weight: 500;}
	.star-application img{margin-right: 0px;}
	.check-documents img{margin-right: 40px; ;}
	.application-status-box{align-items: center; column-gap: 10px;}
	.application-status-box img{height: auto;max-width: 40%;position: absolute; right: 0;}
	.check-documents img, .application-status-box img{margin-right: 0px;}
	.congratulation-leave-1 img, .congratulation-leave-2 img{right: 0;transform: translateY(0); top: auto; bottom: 0;}
	.application-status-box.application-completed, .application-status-box.check-documents { align-items: center;}
	.application-status-text .btn-primary svg {  width: 13px;}
	.application-completed h1, .check-documents h1 { margin-bottom: 0;}
	.review-data .mb-50{ margin-bottom: 16px;}
	.orderoverview-popup .modal-body .close svg {width: 15px;}
	.orderoverview-popup .modal-body .close{top:15px; right: 20px;}
	.orderoverview-popup .modal-content{padding:25px 15px; border-radius: 20px;top: 70px;}
	.orderoverview-popup .modal-body h3{font-size: 22px;font-weight: 700;margin-bottom: 16px; }
	.orderoverview-popup .modal-body  h4{font-size:16px;margin-bottom: 30px; }
	.check-ani {width: 145px !important; margin-bottom: 10px;}
	.celebrate-ani{width: 100% !important;}
	.orderoverview-page .application-status-box{padding: 0;}
	.orderoverview-page .application-status-box h1{font-size: 20px;line-height: 25px; margin-bottom: 16px;}
	.orderoverview-page .application-status-box p{margin-bottom: 16px;}
	.orderoverview-page .application-status-box .application-status-text{padding: 24px 140px 24px 24px;}
	.orderoverview-page .application-status-box img {width: 130px;right: 20px;}


	.overview .card-box, .overview-details-box{padding: 0px; background: transparent; border: none;}
	.orderoverview-page .overview-details-box{padding-top: 20px !important; border-radius: 0; border-top: 1px solid rgba(0,0,0,.1);}

	.orderoverview-page .modal-body .close svg {width: 15px;}
	.orderoverview-page .modal-body .close{top:15px; right: 20px;}
	.orderoverview-page .modal-content{padding:25px 40px; border-radius: 20px;top: 70px;}
	.orderoverview-page .modal-body h3{font-size: 22px;font-weight: 700;margin-bottom: 16px; }
	.orderoverview-page .modal-body  h4{font-size:16px;margin-bottom: 30px; }
	table.custom-table tbody tr td:last-child {border-top: 0px solid #D5D8DF;padding-top:0px;}
	.document-change .btn-primary{ margin-top: 0px;}
	.document-change .btn-primary.post, .file-change .btn-primary { margin-top: 10px;}
	.application-status-box .application-status-text { max-width: 550px;}
	.application-status-box { overflow: hidden; min-height: 200px; }
	.uni-accept-block{flex-direction: column;align-items: flex-start;row-gap: 20px;}

    .application-status-box.referral-application{align-items: end;}
	.card-box.refer-friend-block{flex-direction: column;row-gap: 30px;}
	.total-earning-box{padding: 30px 30px 50px;max-width: 100%;}
	.total-earning-box h3, .refer-frie-box h3{font-size: 22px;	line-height: 30px;}
	h4.total-earn-txt{font-size: 50px;line-height: 50px;}
	.refer-form input{font-size: 16px;}

    .package-blocks {flex-direction: column;}
    .package-detail{width: 100%;}
    .package-blocks .package-box{width: 100%;margin-top: 0;}
    .package-blocks .package-box.recom-pack{margin-top: 30px;}
    .cancellation-policy-box{padding: 0px;}
    .modal-btn{flex-direction: column;}
	.tooltip-text { width: 100%; left: 0px;}

}
@media screen and (max-width: 576px)
{
	.received-document .group-btn { display: none !important;}

	h2, .h2
	{
	  font-size: 22px;
	  line-height:26px;
	}
	.mb-50{margin-bottom: 30px;}
	.mb-30{margin-bottom: 20px;}
	.mb-40{margin-bottom: 25px;}
	.mt-30{margin-top: 20px;}
	.mt-50{margin-top: 30px;}
	.mt-40{margin-top: 25px;}
	h3, .h3{font-size: 18px;line-height: 22px;}
	header.topbar.mb-40{margin-bottom: 20px;}

	.right-logo img { width: 170px; }
	.right-menu{column-gap: 0px; width: 100%;}
	.right-menu .menu_btn{padding: 0 10px;}
	.right-menu li.dropdown {position: static;}
	.dropdown-notifications .dropdown-menu, .dropdown-setting .dropdown-menu{max-width: 90vw; right: 0px !important;}
	.overview-box{flex-direction: column; row-gap: 10px; height: auto;}
	.card-box.bg-orange .udharan-icon{height: 40px;margin-bottom: 0;}
	.application-status-text  p.t-white.mb-40{margin-bottom: 0;}
	/*.application-status-text .btn-primary{display: none !important;}*/
	.statu-ul li{max-width: 100%;}
	.statu-ul{flex-direction: column; row-gap: 30px; max-width: 250px;}
	.statu-ul li a{padding: 8px 30px;}
	.statu-ul li:before{right: 50%;top: 55px;transform: rotate(90deg);}
	.application-padding, .application-completed{column-gap: 15px;}
	.application-padding svg, .application-completed svg{flex:  0 0 40px; height: 17px;}
	.overview-img-box, .overview-text-box{  flex: 0 0 100%; max-width: 100%;padding: 0;}
	.img-box img{max-height: 250px;}
	.sub-title{font-size: 25px; line-height: 25px;}
	.overview-text-box h3 {font-size: 28px; line-height: 30px; }
	.overview-text-box h3 br{display: none;}
	.universities-list{column-gap: 5px;}
	.university-details-box .university-img{max-width: 400px;flex: 0;width: 100%;}
	.university-details-box .university-img img {height: 200px;width: 100%;}
	.university-details-box{flex-direction: column;align-items: flex-start; row-gap: 10px}
	.university-details-box .btn-green.ml-auto{margin-left: 0px !important;}
	.university-details-box .badge{line-height: 30px; padding: 0px 15px 0 40px; font-size: 13px;}
	.university-details-box .ml-auto{position: absolute;}
	.university-details-box .badge-incomplete:before, .university-details-box .badge-successfully:before{width: 20px;height: 20px;left: 15px;background-size: contain;top: 50%;transform: translateY(-50%);}
	.document-block{flex-direction: column;margin: 0;	}
	.document-block img{max-width: 150px;}
	.placing-of-order .form-group{margin-bottom: 20px;}
	.placing-order-list li a, .application-nav .nav-item .nav-link{justify-content: left; text-align: left;}
	.e-learning-block{flex-direction: column-reverse;}
	.e-learning-img img {max-width: 200px;}
	.document-block{padding-top: 20px;}
	table.document-table .document-change, table.document-table .document-change .file-change, .file-upload{width: 100%; row-gap: 10px; flex-direction: column;align-items: flex-start;max-width: 100%;}
	.file-upload > .btn-primary{margin: 0px;}
	.file-upload > .label{}
	table.document-table .btn-primary{width: 100%;}
	table.document-table .document-change .btn-primary{width: 100%;text-align: center; background-color: #FF6B00;color: #fff; padding: 10px;}
	.application-status-box .application-status-text {
		padding: 40px 20px 40px 20px;
	}
	.application-status-box img { max-width: 30%; bottom: 0px;}
	.congratulation-leave-2 .application-status-text { padding-right: 100px;}
	.application-status-box { overflow: hidden; min-height: 170px; }
	.orderoverview-page .application-status-box .application-status-text{padding: 30px 40px 30px 20px;}
	.orderoverview-page .application-status-box img { right: 0px; }
    .total-earning-box svg.svg-bg {width: 70%;}
}

@media screen and (max-width: 480px)
{
	/* .universities-list{width: 100%;row-gap: 10px; justify-content: space-between;}	 */
	.university-details-box .university-img img {height: 160px;width: 100%;}
	.custom-form .form-check {flex-direction: column; row-gap: 10px;align-items: flex-start;}
	.topbar-row h2, .deck-page-title .topbar-row h2{font-size: 14px;line-height: 20px;}
	.sidebar{width: 100%;left: -100%;}
	.univer-list .univer-text .d-flex{flex-direction: column;}
	.univer-list .univer-text .d-flex .custom-control{margin: 2.5px 0;}
	.application-status-text h1 { font-size: 20px;    line-height: 25px;}
    .otp-verification-box .inputs input {width: 36px;height: 36px;        }
    .otp-verification-box h6 {font-size: 16px;line-height: 24px;}

}

@media screen and (max-height: 860px)
{
	.sidebar{padding-top: 40px; padding-bottom: 20px;}
	.sidebar-logo{margin-bottom: 15%;}
	.sidebar-ul li{margin: 5px auto;}
	.sidebar-ul li span{margin-top: 8%;}
	.sidebar-ul li a{font-size: 15px;padding: 10px;}
	.sidebar-ul li.log-out{margin-top: 15%;}

}
@media screen and (max-height: 755px)
{
	.sidebar-ul li.log-out {  margin-top: 10%;}
	.sidebar-ul li.log-out a{padding: 5px 0;}
	.sidebar-ul li.log-out a:hover{padding: 5px 10px;}
}
@media screen and (max-height: 700px)
{
	.sidebar { overflow-y: auto;}
}
@media (min-width: 768px) {
	.panel-heading {
	  display: none;
	}
	.panel-collapse.collapse {
	  display: block;
	}
}