/*     Айпад планшет
 * ------------------------------------ */

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

.block-nav-content{
	max-width: 100%;
}
.main-navigation {
	max-width: 100%;
}
.main-navigation a {
	font-size: 13px;
}

.site-branding-front{
	height: 600px;
	}
.block-header-front{
	max-width: 100%;
	height: 600px;
}
.block-site-desc{width: 550px;}	
.elem-social a{
	width: 60px;
	height: 60px;
}
.elem-social i{
	font-size: 28px;
	margin: 15px;
}
#vk{margin: 0px 0 0 100px;}
#in{margin: -15px 0 0 50px;}
#yt{margin: -15px 0 0 100px;}
#wa{margin: 0px 0 0 50px;}
#tg{margin: -15px 0 0 100px;}
#ml{margin: -15px 0 0 50px;}
#tl{margin: -15px 0 0 100px;}

.btn{
	padding: 10px 15px;
	width: 200px;
}
.block-header-cont{
	bottom: 60px;
	max-width: 100%;
}	
.cont-base{
	justify-content: space-around;
}
.item-u, .item-k{
	margin: 0 15px;
	width: 200px;
}	
.item-develop-1, 
.item-develop-2,
.item-develop-3, 
.item-develop-4,
.item-develop-5{
	width: 450px;	
}
.item-develop-2{
	margin-top: -60px;
	left: 35%;
}
.item-develop-4{
	margin-top: -60px;
	left: 45%;
}
.stage{
	height: 550px;
	width: 100%;
	grid-template-rows: 1fr 50px 1fr 50px 1fr;
}
@keyframes arrow-drive{
	from{
	opacity: 1;
	top: 26%;
	left: 2%;		
	}
	11.1%{
		top: 26%;
		left: 49%;
		transform: rotate(0deg);
	}
	22.2%{
		top: 26%;
		left: 95%;
		transform: rotate(0deg);
	}
	22.3%{
		top: 26%;
		left: 95%;
		transform: rotate(90deg);
	}
	33.3%{
		top: 59%;
		left: 95%;
		transform: rotate(90deg);
	}
	33.4%{
		top: 59%;
		left: 95%;	
		transform: rotate(180deg);
	}
	44.4%{
		top: 59%;
		left: 49%;	
		transform: rotate(180deg);
	}
	55.5%{
		top: 59%;
		left: 2%;	
		transform: rotate(180deg);		
	}
	55.6%{
		top: 59%;
		left: 2%;	
		transform: rotate(90deg);	
	}
	66.6%{
		top: 92%;
		left: 2%;	
		transform: rotate(90deg);	
	}
	66.7%{
		top: 92%;
		left: 2%;	
		transform: rotate(0deg);			
	}
	77.7%{
		top: 92%;
		left: 49%;	
		transform: rotate(0deg);	
	}
	88.8%{
		top: 92%;
		left: 95%;	
		transform: rotate(0deg);
		opacity: 1;
	}
	90%{
		top: 92%;
		left: 95%;	
		transform: rotate(0deg);
		opacity: 0;
	}
	99%{opacity: 0;}
	to{
	opacity:1;
	}
.item-calc-link p{
	left: 90px;
}
.item-know{
	width: 70px;
}
.item-know-group-name{
	width: 240px;
}
div[id^="item-news-"] h4{
	margin: 0px 20px;
	top: 20%;
	font-size: 16px;
}	
.front-base-contact{
	max-width: 90% !important;
	margin: 10px auto !important;
	padding: 0px 10px !important;
}
.base-map{
	max-width: 100%;
	justify-content: space-around;
}
}
/*     Айпад портрет, телефон планшет
 * ------------------------------------ */

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

.menu-toggle{
	position: relative;
	left: 30px;
	background: transparent;
	color: #fff;
	font-size: 36px;
	padding: 0px 20px;
	border: none;
	}
	.menu-toggle:hover{
		color: darkgray;
	}	
.main-navigation.toggled a {
	font-size: 18px;
}	
.main-navigation.toggled li {
		margin: 25px 0px 20px 60px;
	}	

#ajaxsearchliteres1{
	left: 100px !important;
}
.site-branding-front{
	height: 500px;
	}
.block-header-front{
	height: 500px;
}
.block-header-front .block-logo {
	width: 50px;
	float: none;
	margin-left: 20%;
	margin-top: 10px;
	margin-right: 0;
	
}
.block-header-front .block-site-title h1{
	clear: both;
	top: 40px;
	left: 60px;
}	
.block-site-desc{
	width: 380px;
	top: 50px;
	left: 40px;
	padding: 10px;
}
.block-site-desc p{
	font-size: 14px;	
}	
.elem-social a{
	width: 50px;
	height: 50px;
}
.block-header-elem{
	width: 200px;
	display: block;
	height: 300px;
	top: 70px;
	left: 490px;
}
.elem-social{
	margin-left: 0px;
	height: auto;
}
.elem-social i{
	font-size: 24px;
	margin: 12px;
}
#vk{margin: 0px 0 0 100px;}
#in{margin: -12px 0 0 60px;}
#yt{margin: -12px 0 0 100px;}
#wa{margin: 0px 0 0 60px;}
#tg{margin: -12px 0 0 100px;}
#ml{margin: -12px 0 0 60px;}
#tl{margin: -12px 0 0 100px;}
.block-header-cont{
	bottom: 65px;
	max-width: 750px;
}	
.item-u, .item-k{
	margin: 0 10px;
	width: 170px;
	padding: 7px 15px;
}		
.front-base-hello-content img{
	width: 140px;
}
.front-base-hello-content h2{
	left: 30%;
}	
.hello-txt{
	width: 90%;
	margin: 20px 20px;
}	
.hello-txt h5{
	font-size: 16px;
}
.hello-txt p{
	font-size: 14px;
	line-height: 24px;
}
.link-hello{
	position: relative;
	margin: 90px auto 0px;
}
.front-base-doing{
	margin: 30px 10px;
	justify-content: space-around;
	flex-wrap: wrap;
}
.item-doing{
	width: 44%;
	margin: 15px;
}
.link-doing a{
	display: block;
	width: 200px;
	}	
	
.item-advant{
	margin: 15px auto;
}
.item-develop-1, 
.item-develop-2,
.item-develop-3, 
.item-develop-4,
.item-develop-5{
	width: 400px;	
}
.item-develop-1, 
.item-develop-3,
.item-develop-5{
	left: 10px;
}
.item-develop-2,
.item-develop-4{
	margin-top: -10px;
	left: 30%;
}
.num-st{
	height: 50px;
	margin: 5px 10px 10px 10px;
	font-size: 44px;
}
.item-stage h6{
	width: 90%;
	clear: none;
	margin: 10px 5px;
	font-size: 14px;
}
	#itemst1, #itemst2,
#itemst3, #itemst4,
#itemst5, #itemst6,
#itemst7, #itemst8,
#itemst9{
	text-align: center;
}
.front-base-includ{
	max-width: 100%;
	height: 630px;
}
.includ-line-dot{
	transform: skewX(10deg);
}
.includ-line-dot li{
	transform: skewx(-10deg);
	margin: 20px 0px 40px -7px;
}
.item-includ-right,
.item-includ-left{
	width: 240px;}
#item-includ-1{
	left: 105px;}
#item-includ-3{
	left: 130px;}
#item-includ-5{
	left: 165px;}
#item-includ-7{
	left: 180px;}
#item-includ-9{
	left: 200px;}	
#item-includ-2{
	right: 130px;}
#item-includ-4{
	right: 110px;}
#item-includ-6{
	right: 80px;}
#item-includ-8{
	right: 60px;}
	
.front-base-time{
	justify-content: space-around;
}
.item-time-1,
.item-time-2,
.item-time-5,
.item-time-6{
		width: 45%;
	}
.item-time-3,
.item-time-4{
		width: 90%;
	}
.item-time-4,
.item-time-link{order: 1;}	
.item-time-txt{
	width: 85% !important;
	margin: 60px auto 20px;
	padding: 20px;
}
div[class^="item-time-"] i{
	font-size: 40px;
	width: 70px;
	height: 55px;
	top: 20px;
}
.item-time-txt h4{
	margin-top: 20px;
}
.item-time-txt h6{
	margin: 5px 10px;
}
.item-time-txt h5{
	font-size: 18px;
	margin: 10px 0px 5px;
}	
.item-time-slogan{
	width: 100% !important;
	text-align: center;
	top: 0px;
	margin: 10px 0px 10px;
	left: 0px;
}
.item-time-slogan h4{
	font-size: 26px;
}
.item-time-link{
	margin-top: 10px;
}
.item-time-link a{
	margin: 10px auto 0px;
}	
div[class^="item-calc-"]{
	width: 90%;
	margin: 20px auto;
}
.item-calc-img{order: -1;}
.item-calc-img img{
	display: block;
	width: 350px;
	left: 20%;
	border: 1px solid grey;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.item-calc-txt ul{
	display: block;
	list-style-type: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
}
.item-calc-link{
	background: rgba(250,233,54,0.6);	
	padding: 10px 0px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	}
.item-calc-link p{
	font-size: 20px;
	text-align: center;
	margin: 0px auto;
	left: 0px;
}
.item-calc-btn a{
	margin: 0px auto;
	color: #fff;
	left: 00px;
}
.item-group-1,
.item-group-2{
	flex-direction: column;
	transform: none;
}
.item-singly{
	width: 70%;
	margin: 20px auto;
	transform: perspective(30vw) rotateX(5deg);
}	
.item-bags{
	flex-shrink: 0;
	flex-basis: 46%;
	height: 200px;
	margin: 20px 10px;
}	
#know-art{
	padding-top: 30px;
	padding-bottom: 30px;
	}
.front-art-know header{
	top: 20px;
	height: auto;
}
.item-know-group-name{
	width: 100%;
	padding-top: 10px;
}
.item-know-group-name p{
	text-align: center;
	font-size: 16px;
	}
.item-know-group{
	justify-content: space-around;
}
.item-know{
	width: 60px;
}
.item-know p{
	font-size: 12px;
}	
.front-base-fl{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.item-profi{
	margin: 5px auto;
}
.item-flru,
.item-webl{
	margin: 10px auto;
}	

.block-news-1,
.block-news-2,
.block-news-3{
		width: 100%;
	}
#item-news-1,
#item-news-2,
#item-news-5,
#item-news-6{
	height: 200px;
}
#item-news-3,
#item-news-4{
	height: 300px;
}
#item-news-8,
#item-news-9{
	width: 50%;
	height: 200px;
}
#item-news-7{
	width: 100%;
	height: 300px;
	}	
.item-contact a{
	width: 50px;
	height: 50px;
}
.item-contact i{
	font-size: 26px;
	margin: 12px;}
.link-contact .btn{
	width: 130px;
	padding: 10px 10px;
	}
.site-info p,
.item-map a{font-size: 12px;}
	
.arhive-content-item{
	margin: 20px 5px;
	width: 100%;
	height: 260px;
}	
.entry-footer{
	flex-direction: column;
	padding: 5px 10px;
}
.entry-footer h6{

	width: 100%;
	margin: 5px;
}	
#h-cat{
	border-right: none;
}
#h-tag{
	margin-left: 5px;
}
#custom_html-4 .widget-title{
	position: absolute;
	left: 0;
	margin: 110px auto 10px;
	z-index: 1;
	text-align: center;
	width: 100%;
}
.autor-block{
	margin: 70px auto 40px !important;
	width: 90%;	
}
.autor-block img{
	display: block;
	margin: 0px auto;
	top: -60px;
	width: 250px;
	position: relative;
	float: none;
}
.autor-txt{
	width: 100%;
	margin-top: 0px;
	left:0;
}
.autor-txt p{
	margin-top: 0px;
}
.autor-btn{
	width: 100%;
	margin: 20px auto 10px;
}
.entry-header{
	width: 95%;
	}
.base-recent-post{
		flex-wrap: wrap;
	}
.item-recent-post{
	width: 47%;
	height: 120px;
	margin: 0px 10px 10px;
}
.block-cat h2{
	font-size: 26px;
}
.post-navigation nav{
	margin: 0px 10px !important;
}
.post-navigation .nav-links{
	flex-direction: column;
}
.nav-previous,
.nav-next{
	width: 100%;
}
.nav-next{
	border-left: none;
	border-top: 1px dashed;
}
.arhive-portfolio-item{
	width: 45%;
	margin: 20px 10px;
	}	
.header-portfolio-img{
	width: 300px;
	}
.specific-base{
	flex-direction: column;
	}
.item-specific-txt{
	width: 95%;
	margin: 0px auto 20px;
}
.item-specific-img{
	width: 80%
	}
}
/*     Телефон портрет
 * ------------------------------------ */

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

#ajaxsearchliteres1{
	width: 90% !important;
	left: 10px !important;
}	
.block-header-front{
	height: 500px;
}	

.block-header-front .block-site-title h1{
	clear: both;
	top: 30px;
	left: 20px;
	font-size:46px;
}	
.block-site-desc{
	width: 250px;
	left: 10px;
	padding: 0px;
}
.elem-social a{
	width: 46px;
	height: 46px;
}
.block-header-elem{
	top: 70px;
	left: 265px;
}
.elem-social{
	margin-left: 0px;
}
.elem-social i{
	font-size: 22px;
	margin: 11px;
}
#vk{margin: 0px 0 0 100px;}
#in{margin: -7px 0 0 65px;}
#yt{margin: -7px 0 0 100px;}
#wa{margin: 7px 0 0 65px;}
#tg{margin: -7px 0 0 100px;}
#ml{margin: -7px 0 0 65px;}
#tl{margin: -7px 0 0 100px;}
.block-header-cont{
	bottom: 65px;
	max-width: 420px;
}	
.cont-base{
	justify-content: space-between;
}
.item-u, .item-k{
	margin: 0 10px;
	width: 120px;
	padding: 7px 0px;
}	
.nav-category{
		margin: 0px 10px;;
		padding: 0px;
	}
#topmenu li,
#topmenu2 li,
#topmenu3 li{
	display: inline-block;
	box-sizing: border-box;
	margin: 5px 2px;
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #eee;
	list-style: none;
	padding: 2px 5px;
	box-shadow: -3px 3px 5px rgba(0,0,0,0.4); 
}
.front-base-hello-content img{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 100px;
	margin: 0 1px 5px 0;
	float: left;
}
.front-base-hello-content h2{
	position: relative;
	left: 120px;
	width: 50%;
}
.hello-txt{
	width: 90%;
	top: 30px;
	margin: 10px auto;
	left: 20px;
	height: auto;
	border: 1px solid;
	background: rgba(197,197,197,0.3);
	padding: 10px 20px 40px 10px;
	text-align: left;
	clear: both;
}
.hello-txt h5{
	box-sizing: border-box;
	display: inline-block;
	width: 70%;
	left:70px;
	clear: both;
	font-size: 16px;
	color: #FAE936;
}
.hello-txt p{
	font-size: 13px;
	line-height: 20px;
	text-align: justify;
}
.item-doing{
	width: 85%;
}
.link-doing{
	width: 100%;
	margin: 0;
	justify-content: space-around;
	flex-wrap: wrap;
}
.link-doing a{
	width: 200px;
	margin: 15px auto;
}	
.item-advant{
	width: 90%;
}
.develop-i{
	display: block;
	width: 50px;
	height: 50px;
	top: 0px;	
}
.develop-i i{
	font-size: 18px;
	padding-top: 10px;
	width: 40px;
	height: 30px;
	top: 2px;
	left: 2px;
	
}
.item-develop-1, 
.item-develop-2,
.item-develop-3, 
.item-develop-4,
.item-develop-5{
	position: relative;
	display: block;
	width: 100%;
	padding: 10px 5px;
	margin: 0px !important;
	left: 0;
	top: 0px;
}
.item-develop-txt{
	position: relative;
	display: block;
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
}
.item-develop-txt h5,
.item-develop-txt h6{
	display: block;
}
.item-develop-txt h6{
	position: relative;
	font-weight: normal;
	margin-top: 50px;
}
.item-develop-txt h5{
	position: absolute;
	font-size: 18px;
	left: 65px;
	top: -50px;
	border-bottom: 1px dashed;
}
.item-develop-txt h4{
	display: block;
	font-size: 16px;
	font-weight: normal;
	color: #FAE936;
	font-style: normal;
	margin-top: 10px !important;
}
.item-develop-txt .more{
	text-align: right;
	margin-top: -10px;
	margin-bottom: 15px;
}
.stage{
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	height: auto;
	width: 100%;
}
.item-stage{
	margin: 5px 5px;
	height: auto;
	}
#itemst1, #itemst2,
#itemst3, #itemst4,
#itemst5, #itemst6,
#itemst7, #itemst8,
#itemst9{
	border: 1px solid;
	width: 100%;
	height: 100%;
	margin: 0;	
	border-radius: 5px;
	text-align: center;
	position: relative;
	background: #eee;
	z-index: 2;
}
.vac,
.arrow-road,
.arrow-road-vert{
	display: none;
}	
#is1, #is2, #is3, #is4 {order: -1;}
#is6, #is7, #is8, #is9{order: 1;}	
.num-st{
	height: 100%;
	margin: -2px 10px 10px 10px;
	font-size: 40px;
}
.item-stage h6{
	width: 95%;
	clear: none;
	margin: 5px 5px 10px 0px;
	text-align: left;
}
#itemar9{
	top: 50px;
	left: 90%;
	transform: rotate(90deg);
}

@keyframes arrow-drive-mob{
	from{	opacity: 1;}
	11.1%{top: 17%;}
	22.2%{top: 28%;}
	33.3%{top: 38%;}
	44.4%{top: 48%;}
	55.5%{top: 59%;}
	66.6%{top: 69%;}
	77.7%{top: 79%;	}
	88.8%{top: 89%; opacity:1;}
	99.9%{top: 89%;opacity: 0;}
	to{opacity:1;}
}
#itemar9{	animation: arrow-drive-mob 45s infinite 4s;}

.includ-line{display: none;}
.includ-group{
	width: 100%;
	margin: 10px auto;
	top: 0px;
}
.item-includ-right,
.item-includ-left{
	width: 80%;
	margin: 20px 5px 15px;
}
#item-includ-1,
#item-includ-3,
#item-includ-5,
#item-includ-7,
#item-includ-9{
	left: 0px;}	
#item-includ-2,
#item-includ-4,
#item-includ-6,
#item-includ-8{
	right: -50px;}	
	
.item-time-1,
.item-time-2,
.item-time-5,
.item-time-6,
.item-time-3,
.item-time-4{
		width: 100%;
	}
.item-time-txt{
	width: 85% !important;
	margin: 30px auto 15px;
	padding: 20px;
}
div[class^="item-time-"] i{
	top: 10px;
	left: -5px;
}	
.item-time-txt h4{
	margin-top: 0px;
}
.item-time-slogan{
	margin: 20px 0px 20px;
}	
.item-calc-img img{
	width: 100%;
	left: 0;
}
.item-calc-txt li,
.item-calc-txt ul{
		box-sizing: border-box !important;
	padding: 0;
	}
.item-calc-link{
	width: 120% !important;
	padding: 10px;
	}
.item-calc-link p{
	font-size: 18px;
}
.item-calc-btn a{
	margin: 0px auto;
	color: #fff;
	left: 00px;
}	
.item-singly{
	width: 100%;
	margin: 20px auto;
	transform: perspective(30vw) rotateX(5deg);

}
.item-singly a{
	padding: 20px 10px 30px;
}
.link-singly{
	padding: 0px 10px;
	flex-wrap: wrap;
	}
	.link-singly a{
	margin: 0px auto 10px;	
	}
.item-bags{
	flex-basis: 95%;
	height: 150px;
	margin: 20px auto;
}
.front-base-bags{
	margin: 0px 5px !important;
}	
	#know-base{
		padding: 10px 1px;
	}
.item-know{
	margin: 10px 2px;
	width: 35px;
}
.item-know p{
	font-size: 8px;
}	
div[id^="item-news-"]{
		width: 100% !important;
	height: 150px !important;
	}
.front-base-contact{
	max-width: 100% !important;
	flex-wrap: wrap;
	margin: 5px 0px 10px 15px !important;
}
.item-contact a{
	width: 35px;
	height: 35px;
}
.item-contact i{
	font-size: 20px;
	margin: 8px;}
.link-contact{
		width: 100%;
	}
	.link-contact a{
		margin: 10px auto;
	}
.link-contact .btn{
	width: 130px;
	padding: 5px 10px;
	left: -15px;
	}
.item-map a{font-size: 10px;}	
@keyframes animate {
    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }
    100%{
        transform: translateY(-1400px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

#item-header-date{
	top: 25px;
	left: 30px;
	font-size: 12px;
}
#post-views-category{
	float: right;
	right: 20px;
	top: 5px;
	box-sizing: border-box;
}
.item-header h4{
	position: relative;
	display: block;
	top: 10%;
	font-size: 16px;
	padding: 10px 30px 5px;
}
.cat-tag h6{
	display: block;
	font-weight: normal;
	font-size: 12px;
}
.entry-footer a{
	font-size: 12px;
}
.autor-btn{
		flex-direction: column;
	}
.autor-btn a{
	margin: 10px auto;
	}	
.entry-header{
	width: 90%;
	}
.entry-header-title{
	margin: 20px 15px 45px !important;
}
.entry-header-title h1{
		font-size: 20px;
	}
.entry-header-tag{
		flex-direction: column;
		padding: 10px 15px;
	
	}
.entry-header-tag a{
	color: #fff;
	font-weight: normal;
	font-size: 12px;
}
.item-recent-post{
	width: 100%;
	height: 120px;
	margin: 0px 10px 10px;
}
.block-cat{
	top: 35px;
	left: 40px;
}
.block-cat h2{
	font-size: 20px;
}
.arhive-portfolio-item{
	width: 95%;
	margin: 20px 10px;
	height: 250px;
	}
.item-meta-portfolio{
	height: 50px;
}

.item-header-portfolio h4{
	font-size: 20px;
}
.portfolio-tag{
	top: 120px;
	padding: 15px;
}

.portfolio-tag h6{
	margin-right: 15px;
	font-size: 12px;
}
#tag-title{
	box-sizing: border-box;
	margin-left: 20px;
	font-size: 18px;
	margin-top: 10px !important;
}
.single-header-portfolio{
		flex-direction: column;
	margin-bottom: 0px;
	}
.header-portfolio-img{
	width: 90%;
	}
#item-header-date-portfolio {
		top: 15px !important;
	}
.header-portfolio-meta{
	width: 90%;
	margin-top: 0px;
}
	.specific-base{
		margin: 0px 10px;
	}
.item-specific-img{
	width: 90%;
}
}
/*     Маленький телефон
 * ------------------------------------ */

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

.menu-toggle{
	left: 10px;
	font-size: 30px;
	}
.main-navigation.toggled a {
	font-size: 16px;
}	
.main-navigation.toggled li {
		margin: 20px 0px 20px 60px;
	}	

.site-branding-front{
	height: 400px;
	}
.block-header-front{
	height: 400px;
}
.block-header-front .block-logo {
	width: 40px;
	margin-top: 0px;
}
.block-header-front .block-site-title h1{
	clear: both;
	top: 30px;
	left: 20px;
	font-size:34px;
}	
.block-site-desc{
	width: 200px;
	top: 30px;
	left: 10px;
	padding: 0px;
}
.block-site-desc p{
		font-size: 12px;
	}
.elem-social a{
	width: 30px;
	height: 30px;
}
.block-header-elem{
	top: 60px;
	left: 190px;
}
.elem-social{
	margin-left: 0px;
}
.elem-social i{
	font-size: 16px;
	margin: 6px;
}
#vk{margin: 0px 0 0 93px;}
#in{margin: -5px 0 0 65px;}
#yt{margin: -5px 0 0 93px;}
#wa{margin: 10px 0 0 65px;}
#tg{margin: -5px 0 0 93px;}
#ml{margin: -5px 0 0 65px;}
#tl{margin: -5px 0 0 93px;}
.block-header-cont{
	bottom: 45px;
	max-width: 320px;
}	
.cont-base{
	justify-content: space-between;
}
.item-u, .item-k{
	margin: 0 10px;
	width: 120px;
	padding: 7px 0px;
	font-size: 12px;
}	

}