@media screen and (max-width:480px) {
    #name_category {
        width:96%;
        margin:0 auto;
		margin-top:-17px;
        padding: 7px 0;
		border-radius:10px;
        background: #212f3d;
		box-shadow:0px 0px 5px #000;
        font-size: 120%;
        font-family: sans-serif;
        text-align: center;
        vertical-align: center;
        color: #eaf2f8;
        position: sticky;
        top: 40px;
        z-index:0;
    }

    #name_category::first-letter {
        text-transform: capitalize;
    }
	
	#name_pod_category {
        width:32%;
        margin:0 auto;
		margin-top:-17px;
		margin-bottom:15px;
        padding: 7px 0;
		border-radius:5px;
        background: #212f3d;
		box-shadow:0px 0px 5px #000;
        font-size: 120%;
        font-family: sans-serif;
        text-align: center;
        vertical-align: center;
        color: #eaf2f8;
        position:relative;
        top:15px;
		z-index:1;
    }
	
	#krosh_mastera{
		width:96%;
		margin:0 auto;
		margin-top:5px;
		padding:5px 0;
		border-radius:10px;
		background: #3498db;
		box-shadow:0px 0px 5px #000;
        font-size: 120%;
        font-family: sans-serif;
        text-align: center;
        vertical-align: center;
        color: #000;
		text-decoration:none;
		display:block;
	}

    .blockmasters {
        width: 98%;
        height: 114px;
        margin: 5px auto;
        padding: 0;
        border: 1px solid #00a2eb;
        border-radius: 5px;
		display:block;
        position: relative;
        box-shadow-bottom: 5px 0 15px #000000;
		z-index:-1;
    }

    .avatarinfo {
        width: 100px;
        height: 110px;
        margin: 2px;
		object-fit:cover;
        border-radius: 5px;
        position: absolute;
    }

    #login_user {
        margin: 0;
        padding: 0;
        color: #000000;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 120px;
        font-size: 110%;
        font-weight: 600;
    }

    /* -------- 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;
        padding: 5px;
        border: 1px solid #fefefe;
        border-top: 1px solid #708090;
        color: #2f3f3e;
		text-decoration:none;
        position: absolute;
        right:-100px;
        bottom: 5px;
        overflow: hidden;
        font-size: 90%;
        /*background:#ff3300;*/
        display:none;
    }

    .info_user {
        width: 50%;
        position: absolute;
        left: 110px;
        top: 30px;
        font-size: 100%;
        text-align: left;
        /*background:#ff1100;*/
        display:block;
    }

    .info_user tr th {
        width:10px;
        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;*/
    }

    /*----СПИСОК КАТЕГОРИЙ МАСТЕРОВ----*/
    .select_bukva {
        width: 30px;
        height: 30px;
        margin: 50px 5px;
        padding: 2px;
        border: 1px solid #cecece;
        border-radius: 3px;
        box-shadow: 2px 2px 5px #000000;
        float: left;
        color: #ff6633;
        display: inline;
        font-size: 180%;
        text-align: center;
    }

    .select_bukva:hover {
        width: 38px;
        height: 38px;
        margin: 46px 1px;
        background: #85B83A;
        color: #ffffff;
        box-shadow: inset 2px 2px 5px #ffffff, inset -2px -2px 5px #ffffff, 2px 2px 5px #000000;
        font-size: 220%;
        text-align: center;
    }

    .select_bukva:active {
        width: 30px;
        height: 30px;
        margin: 50px 5px;
        background: #85B83A;
        color: #ffffff;
        box-shadow: inset 2px 2px 5px #ffffff, inset -2px -2px 5px #ffffff, 2px 2px 5px #000000;
        font-size: 180%;
        text-align: center;
    }

    #list_cat_masters {
        margin-top: 80px;
    }

    /*
	.kategoriya{
	width:21%;
	height:auto;
	margin:9px 1%;
	padding:3px 4px;
	border:1px solid #2e4053;
	border-radius:5px;
	background-color:#ffffee;
	/*background-image:  url(/images/logotip.png);*/
    /* background-size:200px auto;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;
	color:#000000;
	font-size:140%;
	font-weight:500;
	display:inline-block;
	/*float:left;*/
    /*opacity:0.8;
	box-shadow:2px 2px 2px #708090;
	z-index:-1;
	}
	
	.kategoriya:hover{
    color:#ffffff;
    background:#000000;
    box-shadow:3px 3px 15px #ffffff;
	}
	
	.kategoriya:active{
    color:#ffffff;
    background:#32cd32;
    border:1px solid #32cd32;
	}
	
	.kolichestvo{
	margin:0;
	padding:0;
	border-bottom:1px solid #95a5a6;
	font-size:90%;
	color:#9acd32;
	/*box-shadow:inset 0 -90px 100px -100px #ff5500;*/
    /*}
	
	.kolichestvo:hover{
	color:#9acd32;
	}
	
	.bukva{
    margin:20px 0 0 20px;
    padding:0;
    display:block;
    color:#ff4500; /*00b93d*/
    /* }
	
	.bukva:target{
    color:#85b83a;
    border-bottom:1px solid #85b83a;
	}
	
	#bukva_b:target{
	}
	
	#list_cat_masters #bukva a{
	text-decoration:none;
	}
	
	/*=======СТИЛИ ЛИЧНЫЙ КАБИНЕТ=======*/
    #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: 17%;
        margin: 10px auto;
        margin-top: 10px;
        padding: 1px 0;
        border-radius: 10px;
        font-size: 175%;
        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;
	}
}