@media (max-width: 361px){
	.login-account .login{
		width: 100% !important;
	}
	.my-card .card-body h2{
		font-size: 18px;
	}

}
@media (max-width: 371px){
	.my-table .table-body td span
	{
		font-size: 14px;
	}
}
@media (max-width: 490px){
	.login-account .login{
		padding-top: 20px;
		width: 100%;
	}
	.hisobot-nine tr td:nth-child(2){
		white-space: nowrap;
	}
	
	.natija.table-con.imtihon .my-table.table .table-body td{
		width: max-content;
	}
	.text-xs-right{
		text-align: right;
	}
	/*.natija.table-con .my-table.table .table-body td{
		width:max-content !important;
	}*/
	.natija.table-con .my-table.table .table-body td.ab-xs-full{
		width: 100% !important;
	}

	.my-card.step ul li{
		/* width: 16px !important; */
		height: 9px !important;
	}
	.my-tab-nav li .my-link{
		margin-right: 10px;
	}
	.profile{
		padding-top: 40px;
	}
	.ab-card .card-body .guruh-item .row .type, .ab-card .card-body .guruh-item .row .name{
		font-size: 12px;
		height: 20px;
		padding: 1px 5px;
	}
	.ab-card .card-body .guruh-item{
		width: 203px;
		height: 153px;
		padding: 11px 16px;
	}
	.ab-card .card-body{
		padding: 10px;
		justify-content: space-around;
	}
	.ab-card{
		min-height: 383px;
	}
	.ab-card .card-head{
		padding: 10px;
	}
	.ab-card .card-head .title h4{
		font-size: 16px;

	}
	.juft{
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.hello.nav-form h2{
		max-width: 160px !important;
	}
}
@media (max-width: 566px){
	
	.res-none{
		display:none;
	}
	.step ul{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	





	.my-card.imtihon .card-head img, .my-card.davomad .card-head img{
		width: 41px !important;
		height: 45px !important;
	}
	.dashb .content .my-card .card-head img{
		padding-top: 5px;
	}
	.my-card.homework{
		padding: 0 !important;
		padding-right: 8px !important;
	}
	.my-card.homework .card-head img, 
	.my-card.shikoyat .card-head img,
	.my-card.mock .card-head img{
		padding-top: 0!important;
		width:87px !important;
		height: 87px !important;
	}  
	.my-card .card-title{
		font-size: 14px;
	}
	 .my-card .card-body ul li p{
		 font-size: 12px;
	 }
	.my-card .card-title{
		font-size: 16px !important;
	}
	.my-card .card-context{
		font-size: 12px;
		text-align: left !important;
	}
	.my-card.shikoyat .card-title{
		text-align: left !important;
	}
	.my-card.step ul li{
		/* width: 26px; */
		height: 12px;
	}
	.davomad .card-body, .imtihon .card-body{
		padding: 5px;
	}
	.my-card.imtihon .card-title, .my-card.davomad .card-title{
		font-size: 14px !important;
	}
	.my-card.imtihon, .my-card.davomad{
		height:80px;
	}
	.clubs .my-card .card-head img{
		width: 41px !important;
		height: 48px !important;
	}
	.clubs .my-card .card-body{
		padding: 5px;;
	}
	.my-card.shikoyat{
		height: 120px;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: center;
	}
	.my-card.shikoyat .card-head{
		padding:12px;
	}
	.my-card.shikoyat .card-head img{
		height: 87px !important;
		padding-top: 0;
		width:87px !important;
	}
	.my-card.shikoyat .card-body{
		/*padding: 10px;*/
	}
	.my-card.group{
		height: 83px;
		/* padding-top: 10px !important; */
		padding-bottom: 10px;
	}
	.my-card.group ul{
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	.my-card.group ul li img{
		width:12px;
		height: 12px;
	}
	.social-links .content-title{
		font-size: 16px;
	}
	.social-links .telegram-toggle .dropdown-menu{
		top: 10px !important;
	}
	.social-links ul li a img{
		width: 32px;
		height:32;
	}
}
@media (max-width: 665px){
	/*.my-wrapper .my-navbar-nav{
		order:2;
	}*/
	
	.my-card.stats-mobile .card-body .name-stats{
		width:auto;
		padding:2px;
		height: auto;
		font-size: 12px;
	}
	.my-card.stats-mobile .card-body .numb-stats{
		height:auto;
		padding:2px;
		width: auto;
		margin-left: 0;
		font-size: 12px;
	}
/*
	.my-wrapper .my-nav ul li a span{
		display: block !important;
		font-size: 12px;
		text-align: center;
	}.my-wrapper .my-nav ul li{
	}
	.my-wrapper .my-nav ul li a.active{
		color: var(--secondary-color);
	}
	.my-wrapper .my-nav ul li a{
		padding:18px 0;
		flex-direction: column;
		width: inherit !important;
		height: auto !important;
	}
	.my-wrapper .my-nav ul li a.active svg path, 
	.dropdown-toggle:hover svg path,
	.my-wrapper .my-nav ul li a:hover svg path{
		stroke: var(--secondary-color);
	}
	.my-wrapper .my-nav ul li a.active, 
	.dropdown-toggle:hover, 
	.my-wrapper .my-nav ul li a:hover{
		background:none;
		color: var(--secondary-color);
	}
	.my-wrapper .my-nav .dropdown-toggle{
		display: flex;
		flex-direction: column;
		width: initial;
		height: auto;
		align-items: center;
	}
	.my-wrapper .my-nav .dropdown-toggle span{
		color:var(--gray);
		font-size: 12px;
		font-family: 'Roboto';
	}
	.my-wrapper .my-nav .dropdown-toggle:active span,
	.my-wrapper .my-nav .dropdown-toggle:hover span{
		color:var(--secondary-color);
	}*/
	.social-links{
		padding-bottom: 100px;
	}
	.res-none-nav{
		display:none !important; 
	}
	.res-block{
		display: block;
	}
	.avatar .dropdown-menu{
		left: 0 !important;
	}
	.my-wrapper h2{
		font-size: 18px !important;
	}
	.my-wrapper .dashb{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.res-order{
		height: auto !important;
		order: -3;
		width: calc(100% / 2 - 10px) !important;
	}
	.res-order img{
		display: none;
	}
	.my-card .card-body h2{
		font-size: 18px;
	}
	.mock-list{
		width: 100% !important;  
	}
	.my-card .card-body ul li, .my-card .card-body h3{
		font-size: 14px !important;
	}
	.my-card.res-order{
		margin-top: 8px !important;
	}
	.my-card .card-body ul li img {
		width: 15px;
	}
	.my-card.mock{
		flex-direction: row-reverse;
		height: 120px;
		padding-right: 15px;
		align-items: center;
	}
	.my-card.mock .card-head img{
		width: 92px !important;
		height:92px !important;
		padding-top: 0 !important;
	}
	.my-card.mock .card-body .card-title{
		text-align: center;
		width:70%;
		padding-top: 5px;
	}
}
@media (max-width: 767px){
	.login-account{
		padding: 40px 0 0 0;	
	}
	.sm-content-start{
		justify-content: start !important;
	}


	/*
	.my-nav ul li.res-none-nav{
		display: none;
	}
	.my-nav ul li.res-block{
		display: block;
	}
	
	.my-wrapper .my-nav ul li a span{
		display: block !important;
		font-size: 12px;
		text-align: center;
	}
	.my-wrapper .my-nav ul li a.active{
		color: var(--secondary-color);
	}
	.my-wrapper .my-nav ul li a{
		padding:18px 0;
		flex-direction: column;
		width: inherit !important;
		height: auto !important;
	}
	.my-wrapper .my-nav ul li a.active svg path, 
	.dropdown-toggle:hover svg path,
	.my-wrapper .my-nav ul li a:hover svg path{
		stroke: var(--secondary-color);
	}
	.my-wrapper .my-nav ul li a.active, 
	.dropdown-toggle:hover, 
	.my-wrapper .my-nav ul li a:hover{
		background:none;
		color: var(--secondary-color);
	}
	.my-wrapper .my-nav .dropdown-toggle{
		display: flex;
		flex-direction: column;
		width: initial;
		height: auto;
		align-items: center;
	}
	.my-wrapper .my-nav .dropdown-toggle span{
		color:var(--gray);
		font-size: 12px;
		font-family: 'Roboto';
	}
	.my-wrapper .my-nav .dropdown-toggle:active span,
	.my-wrapper .my-nav .dropdown-toggle:hover span{
		color:var(--secondary-color);
	}*/
	.social-links{
		padding-bottom: 100px;
	}
	.mygroups{
		flex-direction: row-reverse;
		align-items: center;
		padding: 0 10px 0 0;
	}








	 .lang .dropdown-toggle{
		border-radius: 45px !important;
	}
	.lang .dropdown button{
		width: 64px;
		height:32px;
	} /*
	.my-nav ul li .dropdown-menu{
		left: -6px !important;
		top: -2px !important;
	}
	.my-wrapper .my-nav{
		position: fixed;
		top: auto;
		overflow-y: inherit;
		bottom: 0;
		left: 0;
		padding-top: 5px;
		z-index: 4;
		padding: 0 !important;
		background-color: white !important;
	}
	.my-wrapper .my-nav{
		width: 100%;
		height: 80px !important;
	}*/
	.login-account .container{
		width: 100%;
	}
	.login{
		width: 100%;
		padding-top: 20px;
		padding-bottom: 47px;
		padding-left: 24px;
		padding-right: 24px;
	}
	.login-account .head-img.create-page{
		width: 190px;
	}
	.head-img{
		width: 190px;
		margin-bottom: 20px;
	}
	.avatar .dropdown-menu{
		transform: translate3d(-120px, 50px, 0) !important;
	}
	.login-form{
		border-radius: 40px 40px 0 0;
    box-shadow: 0px 16px 30px rgb(0 0 0 / 30%);
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0;
    margin-right: 0;
	}
	.login .title-login.title-links{
		text-align: left;
		display: flex;
	}
	.login .title-login.title-links h1.reg{
		color: #7E7E82;
		margin-left: 20px;
	}
	.login .title-login h1.reg::after{
		content: none;
	}
	.login .title-login.title-links h1 a{
		color: #7E7E82;
		font-size: 22px;
		width: fit-content;
		position: relative;
	}
	.login .title-login.title-links h1 a.active{
		color: var(--black);
	}
	.login .title-login.title-links h1 a.active::after{
		position: absolute;
		content: '';
		bottom: -4px;
		width: 100%;
		height: 4px;
		border-radius: 2px;
		background-color: #FA8C16;
		transition: .3s;
		left: 0;
	}
	.login h1.res-none{
		display: none;
	}
	.login .title-login.title-links.d-none{
		display: flex !important;
		color:#7E7E82;

	}
	.my-wrapper{
		padding-top: 0 !important;
	}
	.title-login.title-links h1 a{
		position: relative;
	}
	.title-login.title-links h1 a::after{
		content: '';
		position: absolute;
		bottom: -3px;
		height: 4px;
		border-radius: 2px;
		background-color: var(--main-color);
		left: 0;
		width: 0;
		transition: .4s;
	}
	.login .title-login.title-links h1:hover a{
		color: var(--black);
	}
	.login .title-login.title-links h1:hover a::after{
		width: 100%;
	}
	.login.create .title-login .d-none::after{
		content: none;
	}
	.login.create .title-login .d-none.reg{
		color: #080817;
	}
	.login.create .title-login .d-none.reg::after{
		content: '';
	}
	.login-create .head-img{
		margin-bottom: 0;
	}/*
	.my-wrapper .my-nav ul{
		display: flex;
		justify-content: space-around;
		
		margin:0 auto;
		width: 100%;
		height: 88px;
	    align-items: center;
	    border-radius: 45px 45px 0 0 ;
	    box-shadow: 3px 6px 50px rgb(0 0 0 / 10%);
	}
	.my-wrapper .my-nav ul hr{
		display: none;
	}*/
	.my-wrapper .logotype{
		display: none;
	}

	.res-block.all-nav{
		display: block;
	}
/*
	.my-wrapper .my-nav ul li{
		margin-left: 8px;
	}
	.my-wrapper .my-nav ul li a{
		width: 45px;
		display: flex;align-items: center;justify-content: center;
		border-radius: 45px !important;
		height: 45px;
	}
	.my-wrapper .my-nav ul li a svg{
		margin-right: 0;	
	}
	.my-wrapper .my-nav ul li a span{
		display: none;
	}*//*
	.avatar{
		display: none;
	}*/
	.row.res-marg{
		margin-top: 10px !important;
	}
	.my-wrapper .my-nav{
		position: fixed;
		border-right: none;
		width: 100%;
		z-index: 100;
		background-color: white;
		transform: translateX(800px);
		transition: .4s;

	}
	.my-wrapper .my-nav .head-nav{
		display: flex !important;
	}
	.my-wrapper .head-nav .avatar{
		width: 42px;
		height:42px;
	}
	.my-wrapper .head-nav h4{
		color: var(--black);
		font-family: 'RobotoBold';
	}
	.my-nav-mobile{
		transform: translateX(0) !important;
		position: fixed;
	    bottom: 0;
	    z-index: 150;
	    background: white;
	    width: 100%;
	    list-style: none;
	    display: block !important;
	    left: 0;
	    bottom: 0;
	    box-shadow: 3px 6px 50px rgb(0 0 0 / 10%);
	    border-radius: 40px 40px 0 0 ;
	    height: 83px;
	}
	.my-nav-mobile ul{
		justify-content: space-around;
		width: 100%;
		display: flex;
		height: 100%;
		list-style: none;
		align-items: center;
	}
	.my-nav-mobile ul li a{
		display: flex;
		flex-direction: column;
		text-align: center;
		color: var(--gray);
		width: inherit;
	}
	.my-nav-mobile ul li a span{
		font-family: 'Roboto';
	    font-size: 12px;
	    color: var(--gray);
	}
	.my-nav-mobile ul li a.active svg path{
		stroke: var(--secondary-color);
	}
	.my-nav-mobile ul li a.active span{
		color: var(--secondary-color);
	}
	.my-nav-mobile ul li a svg{
		margin:0 auto;
	}
	.my-wrapper .my-nav.opened{
		transform: translateX(0);
		padding-bottom: 75px;
	}
	.my-wrapper .my-nav ul li a{
		width: auto;
	}

	.my-wrapper .avatar{
		margin-right: 10px;
		width: 36px;
		height: 36px;

	}
	.align-center{
		align-items: center;
	}
	.my-wrapper .dashb {
		padding-top: 30px !important;
		padding-right: 24px !important;
		padding-left: 24px !important;
	}
	.hello h2{
		max-width: 180px;
		font-size: 24px !important; 
	}
	.hello.res-size23 h2{
		font-size: 23px !important;
	}
	.hello.res-size20 h2{
		font-size: 20px !important;
	}
	.my-card{
		margin-top: 24px !important; 
	}
	
	/*
	.card.res-order{
		margin-top: 8px !important;
	}*/
	/*Attend*/

	.dashb.attend .forms .my-control{
		width: -webkit-fill-available !important;
	}
	.dashb .forms .my-control{
		width: -webkit-fill-available !important;
	}
	.res-left.text-right
	{
		margin-top: 15px;
		text-align: left !important;
	}
	.forms{
		padding-top: 20px;
	}


	.table-con.homework .table-head{
		display: none;
	}
	.table-con.homework .table-body{
		box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);
	    border-radius: 20px;
	    /* height: 88px; */
	    border-top: 0;
	    display: flex;
	    justify-content: flex-start;
	    flex-wrap: wrap;
	    width: auto;
	    margin-top: 20px;
	    height: auto;
	}
	.table-con.homework .my-table{
		border-spacing: 0;
	}
	.table-con.homework .my-table .table-body td{
		width: initial;
	}

	.home-modal .modal-dialog{
		max-width: 100%;
	}
	.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(-8px, 0);
	}
	.homework.attend  .row.mx-0.form-group.align-center{
		width: 100%;
	}
	.homework.attend .my-form-btn{
		width: 100%;

	}
	.homework.attend .my-control{
		width: 100%;
	}
	.homework.table-con td:first-child{
		display: none;
	}
	.homework.table-con .table-body{
		justify-content: space-between;
	}
	.juft{
		order: -1;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.title-table{
		display: none;
	}
	.kutubxona.table-con .my-table{
		padding-top: 22px;
		width: 100%;
		display: inline-table;
	}
	.kutubxona.table-con .my-table td:first-child{
		display: none;
	}
	.natija.table-con .my-table.b-right td:first-child{
		display: none;
	}
	.natija.table-con .my-table{
		-webkit-border-horizontal-spacing: 4px;
	}
	.natija.table-con .table-head{
		display: none;
	}
	.natija.table-con .table-body{
	    display: flex;
	    margin-top: 24px;
	    flex-wrap: wrap;
	    height: auto;
	    padding: 12px;	
	    justify-content: space-between;
    }
	.natija.table-con .table-body:first-child{
		margin-top: 0;
	}
    .natija.table-con .my-table.table th, .table td {
    padding: .5rem;
    vertical-align: top;
    width: max-content;
	}
	.natija.maosh .table .table-body td{
		width: 100%;
	}
	.ab-sm-visible{
		display: inline-block;
	}
	.ab-sm-hidden{
		display: none;
	}
	.table-con.maosh .title-table{
		display: block;
		padding: 10px 0 10px 0;
	}
	.natija.table-con.maosh .table-body{
		margin-top: 0;	
	}
	.natija.table-con.maosh .my-table{
		margin-bottom: 0;	
	}
	.ab-sm-full{
		width: 100% !important;
	}
	.table-con.maosh .table-body.maosh-head td:first-child{
		display: none;
	}
	.table-body.maosh-head{
		padding: 12px;	
		justify-content: flex-start;
	}
	.table-body.maosh-head span{
		font-size: 14px;
	}
	.table-body.maosh-head span:first-child{
		padding-left: 6px;
	}
	.table-body.maosh-head span:last-child{
		padding-right: 6px;
	}
	.table-con.maosh .my-table td span{
		font-size: 14px;
	}
	.table-con.maosh .table-head.table-result{
		display: flex;
		box-shadow: 0px 8px 40px 0px rgba(23, 31, 70, 0.08);

	    align-items: center;
	    flex-wrap: wrap;
	    padding: 10px;
	    margin-top: 14px;
	    border:1px solid #e0e0e0;
	    border-radius:20px;	
	}

	.table-con.maosh .table-head.table-result th{
		width: 100% !important;
		text-align: center;	
		padding: 0;
	}
	.takliflar .chat{
		padding: 16px;
	}
	.takliflar .received .sms, 
	.takliflar .sended .sms{
		margin-bottom: 13px;	
	}
	.javoblar{
		margin-top: 40px;
	}
	.javoblar .accord .btn-ac{
		font-size: 14px;
	}
	.javoblar .accord .btn-ac svg{
		width: 14px;
		height: 14px;
	}
	.kutubxona .table td{
		vertical-align: middle;
	}
	.res-start{
		justify-content: flex-start !important;
	}
	.table-con.natija.maosh .title-table h4{
		font-size: 24px;
	}

	.natija.table-con .my-table.table .table-body td{
		width: calc(100% / 2 - 10px);
	}


	.content.guruhlar{
		padding-top: 30px;
	}
	.table-con.talaba.davomad th, .table-con.talaba.davomad td{
		vertical-align: middle;
		width: max-content;
		white-space: nowrap;
	}


	.nav-form .my-group:nth-child(2),
	.nav-form .my-group:nth-child(3){	
		flex-wrap: wrap !important;
		width: 100%;
	}
	.nav-form .my-group:nth-child(2) select{
		width: 100%;
		margin-left: 0;
	}

	.nav-form .my-group:nth-child(3) input{
		width: 100%;
	}
	.nav-form .my-group.col-md-12, 
	.nav-form .my-group.col-md-6{
		padding-left: 0;
		padding-right: 0;	
	}
	.hello.nav-form h2{
		max-width: 100%;
	}

	.tasmalar form .d-flex{
		flex-wrap: wrap;
	}
	 form .check-group{
		margin-left: 0;	
		margin-top: 5px;	
	}
	.home-cards .abcard{
		padding: 40px 30px;
	}
	.retention-tables-two .table,
	.retention-tables-three .table{
		display: block;
		overflow-x: scroll;
	}
	.retention-tables-two .table th,
	.retention-tables-three .table th,
	.retention-tables-three .table td,
	.retention-tables-two .table td{
		white-space: nowrap;
	}
	.sales .table.striped.res-scroll{
		display: block;
		overflow-x: scroll;
	}
	.sales .big-table-head{
		justify-content: flex-start;
	}


	.hisobot-davri{
		/*margin-top: 8px;*/
		justify-content: flex-start !important;
	}
	.hisobot-davri .davr{
		margin-left: 0;
		margin-top: 8px;
	}
	.hisobot-davri:first-child .davr:first-child{
		margin-left: 3px;
	}
	.f-wrap-res{flex-wrap: wrap;}
	.hisobotlar .hisobot-table.hisobot-four .table {
		display: inline-table;
	}

	.oyliklar .my-group .my-control{
		width: 100%;
	}
	.oyliklar .my-group{
		flex-wrap: wrap;
	}

	.teachers .my-control{
		width: 100% !important; 
	}
	.asosiy select.my-control{
		width: 100% !important;
	}
	.sm-w100{
		width: 100%;
	}
	.nav-form{
		margin-top: -40px;
	}
	.lesson-time tr td:last-child{
		width: auto;
	}
	.form-group.my-sm-3{
		margin-top: 25px
	}
	.for-teachers .teach-accord .card-body .table.mini-table{
		display: block;
		overflow-x: scroll;
	}
	.for-teachers .teach-accord .card-body .table.mini-table td{
		white-space: nowrap;
	}
	.for-teachers .title-accord{
		margin-top: 25px
	}

}
@media (max-width: 767px) and (min-width: 567px){

	/* .my-wrapper .dashb .my-card{
		width: calc(100% / 2 - 10px) !important;
	} */
	.table-con.natija .my-table .table-body td{
		width: calc(100% / 2 - 10px);
	}
	.natija.table-con .my-table.table .table-body td{
		width: calc(100% / 2 - 10px);
	}
	.my-card .card-title{
		font-size: 20px !important;
	}
	.my-card .card-body .card-context,
	.my-card .card-body ul li p{
		font-size: 14px;
	}
	.my-card.shikoyat .card-head img{
		padding-top: 0!important;
		width:87px !important;
		height: 87px !important;
	}
	.my-card.shikoyat{
		height: 167px;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: center;
		padding:0 0 0 10px !important;
	}
	
	.my-card.shikoyat .card-head{
		padding:12px;
	}
	.my-card.shikoyat .card-head img{
		height: 87px !important;
		padding-top: 0;
		width:87px !important;
	}
	.my-card.shikoyat .card-body{
		/*padding: 10px;*/
	}
	.my-card.shikoyat .card-body .card-title{
		text-align:left !important;
	}
	.my-card.shikoyat .card-body .card-context{
		text-align:left !important;
		font-size: 16px;
	}
	.my-wrapper .my-nav .dropdown-toggle span{
		color:var(--gray);
		font-size: 14px;
		font-family: 'Roboto';
	}
	.my-wrapper .my-nav ul li a span{
		display: block !important;
		font-size: 14px;
		text-align: center;
	}
	.dashb .content .my-card .card-head img{
		width: 87px;
		height: 87px;
	}
	.dashb .content .my-card.homework, .dashb .content .my-card{
		padding:0 15px 0 0;
	}
}

@media (max-width: 960px){
	/* .my-wrapper .dashb .my-card{
		width: 235px;
	} */
	.grants .btn-groups{
		margin-top: 30px
	}
	.grants .btn-groups .abbtn{
		margin-top: 4px;
		border-radius: 0;
	}
	.my-graph .btn-groups .abbtn{
		margin-top: 3px;
	}
	.w150p{
		width: 150px;
	}
	.nav-form.hello{
		margin-top: -50px;
	}
	.nav-form .my-group:nth-child(2),
	.nav-form .my-group:nth-child(3){
		margin-top: 25px;	
		flex-wrap: nowrap;
	}
	.my-card.step ul li{
		/* width: 30px; */
		width: calc(100% / 5 - 10px);
		height: 12px;
	}
	.mock-list{
		width: 90%;
	}
	.my-table{
		display: block;
		overflow-x: scroll;
	}
	.table-con.homework .my-table
	{
		display: inline-table;
		overflow:hidden;
	}
	.table-con.natija.maosh .my-table{
		overflow: hidden;
	}
	.my-form-btn{
		padding:16px 8px;
	}
	.my-nav ul li .dropdown-menu{
		overflow-y: scroll;
		min-height: 200px;
		max-height: 100vh;
	}

	.my-adminstration .table{
		display: block;
		overflow-x: scroll;
	}

	.my-adminstration .table tr th{
		white-space: nowrap;
	}

	.my-adminstration .table tr td{
		white-space: nowrap;		
	}
	.sales .big-table{
		display: block;
		overflow-x: scroll;
	}/*
	.hisobotlar .hisobot-table.hisobot-four .table tr:first-child th:first-child, 
	.hisobotlar .hisobot-table.hisobot-four .table tr td:first-child{
		padding: 21px .75rem;
	}*/
	.table-arxiv{
		overflow-x: scroll;
		display: block;
	}
	.table-arxiv tr td:last-child{
		white-space: nowrap;
	}
	.tolovlar .hisobot-table tr td:last-child{
		display: block;
		width: 100px;
	}


.sozlamalar .sozlama-table .table{
	display: block;
	overflow-x: scroll;
}

}
@media (max-width: 950px) and (min-width: 767px){
	/* .my-card{
		width: 330px;
		margin:0 auto;
	} */
	.hello .res-left{
		padding-left: 55px;
	}
	.profile{
		padding-left: 55px;
	}
	.forms .my-form-btn{
		width: -webkit-fill-available !important;
	}
	.dashb.attend{
		padding-left: 70px;
	}
}
@media (max-width: 960px)and (min-width: 767px){
	.my-wrapper .dashb {
		padding-right: 55px !important;
	}
}
@media (max-width: 1000px)and (min-width: 767px){
	
}
@media (max-width:1000px){
	.md-mt20{
		margin-top: 25px;
	}

	.my-card.mygroups{
		height: auto;
	}
	.my-card.stats{
		display: none !important;
	}
	.my-card.stats-mobile{
		display: block !important;
	}
	.my-graph .table{
		display: block;
		overflow-x: scroll;
	}
	.my-graph .graph-table td{
		white-space: nowrap;
	}
	.my-graph .graph-table th{
		white-space: nowrap;
	}
	.hisobotlar .hisobot-table .table{
		display: block;
		overflow-x: scroll;
	}
	.hisobotlar .hisobot-table .table tr td,
	.hisobotlar .hisobot-table .table tr th{
		white-space: nowrap;
	}
}
@media (max-width:1100px) and (min-width: 991px){
	.ab-card .card-body .guruh-item{
		width: auto;
		padding: 16px;
		height: auto
	}
}
@media (max-width: 1325px){
	.dashb .content.r-none{
		display: none;
	}
	.dashb .content.d-none{
		display: block !important;
	}
	/* .dashb .content .my-card {
		width: 280px;
	} */
}
@media (max-width: 1200px){

	.my-table .width150{
		display: flex;
		align-items: center;
		height: 88px;
		width: 150px;
	}
	.my-card.homework{
		padding:0 10px 0 0 !important;
	}
}
@media (max-width: 992px) and (min-width:768px){
	
}
@media (max-width: 1245px) and (min-width: 1020px){
	/* .my-wrapper .dashb .my-card{
		width: 250px;
	} */
	.dashb.attend{
		padding-left: 75px;
	}
	.dashb.payments{
		padding-left: 75px;
	}
}

@media (max-width: 1245px) and (min-width: 1000px){

	.home-cards .abcard .card-head img{
		width: 43px;
	}
	.home-cards .abcard .card-body h4{
		font-size: 19px;
	}
}
@media (min-width: 1500px){
	.for-teachers .teach-accord .card .card-header button{
		display: flex;
		align-items: center;

	}
}