@media screen and (max-width:768px){
	
	#name_category{
		width:70%;
		margin:auto;
		margin-top:-10px;
		margin-bottom:10px;
		padding:7px 0;
		background:#7f8c8d;
		font-size:128%;
		text-align:center;
		vertical-align:center;
		color:#eaf2f8;
		position:sticky;
		top:40px;
	}
	
	#name_category::first-letter{
		text-transform:capitalize;
	}
	
	#krosh_mastera{
		width:70%;
		margin:5px auto;
		padding:5px 0;
		background: #cecece;
        font-size: 115%;
        font-family: sans-serif;
        text-align: center;
        vertical-align: center;
        color: #000;
		text-decoration:none;
		display:block;
	}
	
	.blockmasters{
	width:47%;
	height:130px;
	margin:5px auto;
	margin-left:7px;
	margin-right:1%;
	padding:0;
	border:2px solid #1e90ff;
	border-radius:5px;
	display:inline-block;
	position:relative;
	box-shadow:0 5px 5px #000000;
	/*background:#010101;*/
	}
	
	.avatarinfo{
	width:110px;
	height:120px;
	margin:5px;
	border-radius:5px;
	object-fit:cover;
	position:absolute;
	background:#778899;
	}
	
	#login_user{
	margin:5px 50px;
	padding:0;
	color:#000000;/*#00a2eb*/
	display:inline-block;
	position:absolute;
	top:0;
	left:110px;
	font-size:110%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	/* -------- ICONS ---------*/
	
	.star_user{
	width:35px;
	height:35px;
	position:absolute;
	bottom:3px;
	left:8px;
	display:none;
	}
	
	.otziv_user{
	width:35px;
	height:35px;
	position:absolute;
	bottom:3px;
	left:93px;
	display:none;
	}
	
	.stazh_user{
	width:35px;
	height:35px;
	position:absolute;
	bottom:3px;
	left:240px;
	display:none;
	}
	
	/*-------------------------------*/
	.reiting{
	margin:0;
	padding:0;
	font-size:180%;
	position:absolute;
	bottom:3px;
	left:49px;
	color:#ffbf44;
	font-weight:500;
	display:none;
	}
	
	.otziv{
	margin:0;
	padding:0;
	font-size:180%;
	position:absolute;
	bottom:3px;
	left:135px;
	color:#708090;
	display:none;
	}
	
	#green_otziv{
	color:#00ff00;
	display:none;
	}
	
	#red_otziv{
	color:#ff0000;
	display:none;
	}
	
	
	.stazh{
	margin:0;
	padding:0;
	font-size:180%;
	position:absolute;
	bottom:3px;
	left:280px;
	color:#ff8c00;
	display:none;
	}
	
	.about_m{
	width:50%;
	height:70px;
	margin:0 10px 0 330px;
	padding:5px;
	border:1px solid #fefefe;
	border-top:1px solid #708090;
	color:#2f3f3e;
	position:absolute;
	left:5px;
	bottom:5px;
	overflow:hidden;
	font-size:130%;
	/*background:#ff3300;*/
	display:none;
	}
	
	.info_user {
        width: 50%;
        position: absolute;
        left: 125px;
        top: 50px;
        font-size: 110%;
        text-align: left;
        /*background:#ff1100;*/
        display:block;
    }

    .info_user tr th {
        width:10px;
		margin:0;
        color:#abb2b9;
        vertical-align:top;
    }

    .info_user tr td {
        width: 600px;
        padding-left: 10px;
        color: #1b2631;
        font-weight: 600;
        word-break: break-all;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        /*background:#ff5500;*/
    }

	
/*=======СТИЛИ ЛИЧНЫЙ КАБИНЕТ=======*/
	
	#no_avatar{
	width:20%;
	height:200px;
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;
	left:40%;
	}
	
	#login_lk{
	text-align:center;
	font-size:300%;
	color:#31AFEA;
	}
	
	#obolochka{
	width:200px;
	height:38px;
	background:#aeaeae;
	position:absolute;
	right:5px;
	top:1px;
	}
	
	#krug_avatar{
	width:34px;
	height:34px;
	background:#ffffee;
	border-radius:50px;
	position:absolute;
	right:3px;
	top:2px;
	}
	
	#img_krug_avatar{
	width:36px;
	height:auto;
	position:absolute;
	right:-1px;
	top:6px;
	}
	
		/* CSS rabota */
	
	.blockmasters_rabota{
		width: 98%;
        height: 130px;
        margin: 5px auto;
        padding: 0;
        border: 1px solid #ff5500;
        border-radius: 5px;
        position: relative;
        box-shadow-bottom: 5px 0 15px #000000;
		z-index:-1;
	}
	
	.avatarinfo_rabota{
		width: 50px;
        height: 50px;
        margin: 2px;
        border-radius: 5px;
        position: absolute;
	}
	
	#login_user_rabota{
		margin: 0;
        padding: 0;
        color: #000000;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 70px;
        font-size: 110%;
        font-weight: 600;
	}
	
	.info_user_rabota{
		width:auto;
        position: absolute;
        left: 60px;
        top: 20px;
        font-size: 80%;
        text-align: left;
        /*background:#ff1100;*/
        display:block;
	}
	
	.info_user_rabota tr th {
        width:10px;
        color:#abb2b9;
        vertical-align:top;
    }

    .info_user_rabota tr td {
        width:150px;
        padding-left: 10px;
        color: #1b2631;
        font-weight: 600;
        word-break: break-all;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        /*background:#ff5500;*/
    }
	
	    #dob_obyav {
        width: 26%;
        margin: 10px auto;
        margin-top: 10px;
        padding: 4px 0;
        border-radius: 10px;
        font-size: 190%;
        font-weight: 900;
        text-align: center;
		text-decoration:none;
        color: #fff;
        background: #00e200;
        display: block;
        position: sticky;
        bottom: 10px;
        left: 37%;
        z-index: 1;
    }

    #mod_win {
        width: 100%;
        height: 100%;
        margin: auto;
        padding: 0;
        border-radius: 0px;
        background: rgba(0,0,0,0.6);
        color: #000;
        text-align: center;
        font-size: 110%;
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
	
	#mod_dop{
		width:80%;
		height:30%;
		margin:auto;
		border-radius:10px;
		background:#808080;
		color:#fff;
		font-size:120%;
		position:absolute;
		top: 0;
        right: 0;
        bottom: 0;
        left: 0;
	}
	
	#mod_win:target{
		display:block;
		z-index:1;
	}
	
}