@media (max-width:1300px){
	.basic-table .main-table-page .wrap-table-main {	
		padding-top: 20px;
		padding-bottom: 0px;
		padding-right: 10px;
		padding-left: 60px;		
	}
	#doing {
		//border: 1px solid #c8c8c8;
		//height: 500px;
		height: 100%;
	}
	#meth {
		padding:0;
	}
	#easy {
		padding:0px 10px;
	}
	.main-table-page .tabl .string{
		padding-left: 15px;
	}
}

@media (max-width:1200px){
	.basic-table .main-table-page .wrap-table-main .top-options .go {
		font-size: 18px;
	}
	
	#doing {
		height: 500px;
	}
}

@media (max-width:990px) {
	// .basic-table .main-table-page .wrap-table-main {
	// 	padding-top: 20px;
	// 	padding-bottom: 0px;
		
	// }
	// .basic-table .main-table-page .wrap-table-main .top-options .go {
	// 	float:none;	
	// 	margin:0 auto;

	// }
	#smth {
		padding-top: 10px;
		padding-bottom: 10px;
		float:right;
	}

	#doing {
		height: 500px;
	}
	
}
@media (max-width: 955px) {
	.container-form .login-main-page .main-page-text {
		padding-left: 0px;
		line-height: 1.3;
		text-align: center;	
	}
}
@media (max-width: 920px) {
	
	.basic .easy {
		padding: 0px 10px !important;
	}

	.basic .easy .doing {
		height: 500px;
	}

	.basic .doing .main-page .table {
		padding:0   !important;
	}

	.basic .top-page .wrap {
		padding-bottom: 0 !important;
	}

	.basic .top-page .wrap .top-info {
		display: block !important;
	}
	
	.basic .top-page .wrap .top-info .top-info-wrap {
		float:none !important;
	}

	.basic .top-page .wrap .top-info .top-info-wrap .left-info-wrap {
		display: table !important;
		float:none !important;
	}

	.basic .top-page .wrap .top-info .top-info-wrap  .right-info-wrap {
		padding-top:15px !important;
		display: table !important;
		float:none !important;
		margin-left: 0px !important
	}
	.basic .top-page .wrap .top-info  .top-buttons {
		float:none !important;	
		margin:0px auto !important;
	}
} 

@media (max-width:830px) { 
	
	.container-form .login-main-page .login-form .login-options {
		float:none;
		margin:20px auto;
	}
	.container-form .login-main-page .login-form .form-img {
		float:none;
		margin:0px auto;
		padding: 0px 40px;
	}
	.container-form .login-main-page .login-form {
		margin-right: 0px;
	}
}

@media (max-width:800px) {
	.basic .top-page .wrap .top-line .top-title{
		font-size: 15px	!important	;
		width:80% !important;
	}
	.basic .top-page .wrap {
		padding: 30px 10px 0 30px !important;
	} 
}

@media (max-width:770px) {
	.basic-table .main-table-page .wrap-table-main .top-options .go {
		font-size: 17px;
		padding-bottom: 10px;
	}
	.basic-table .main-table-page .wrap-table-main {
		//padding-left: 25px;
		padding-bottom: 15px;
	}

	#smth {
		float:none;

	}
}

@media (max-width:550px) {
	.basic .top-page .wrap {
		padding: 30px 10px 0 15px !important;
	} 
	.basic .top-page .wrap .top-info 	{
		font-size:14px !important;
	}
	.basic .top-page .wrap .top-info .top-info-wrap .left-info-wrap {
		font-size:13px !important;
	}
	.basic .top-page .wrap .top-info .top-info-wrap .right-info-wrap {
		font-size:13px !important;
	}
	.basic .doing {
		height: 300px;
	}
	.basic .top-page .wrap .top-info  .top-buttons {
		padding-top:30px !important;
		padding-right:0px !important;
	}
	.container-form .header-logo {
		float:left;
		margin-left: 18px;	
	}
	.container-form .login-main-page .main-page-text {
		margin-left:123px;
		margin-top:15px;
		font-size: 18px;
		text-align: left;
		line-height: 1.33;
	}
}


@media (max-width:450px) {
	.side_menu .menu_list .wrap-pop-2 .pop-calendar {
		width:240px;
		height: 235px;	
	}
	.side_menu .menu_list .wrap-pop-3 .pop-menu {
		width:240px;	
	}
	.side_menu .menu_list .wrap-pop-3 .pop-menu {
		height: auto;		
	}
	.side_menu .menu_list .wrap-pop-3 .pop-menu ul {
		padding-bottom: 15px;		
	}
	.side_menu .menu_list .wrap-pop-3 .pop-menu ul li{
		padding-top: 10px;		
	}

}

@media (max-width:420px) { 
	.container-form .login-main-page .login-form .form-img {
		// width: 284px;
		// height: 181px;
	}
	
}

@media (max-width:400px) { 
	.basic .top-page .wrap .top-info .top-info-wrap .left-info-wrap .table tr td {
		vertical-align: bottom !important;
	}
}

@media (max-height:500px) {
	.side_menu .menu_list .last-icon  {
		bottom: 10px !important;
	}
}