.rlgates{
	display:grid!important;
	grid-template-areas: "checks img banner"
						 "checks img banner"
						 "types colors form";
}
#sizef{
	display:flex;flex-wrap:wrap;align-items:center;	
}
#canc #sizef input{
	font-size: 1em;
    width: 70px;
    height: 25px;
}
#q_configurate div p, .ot_panel ul li, .ot_filling ul li{
	width:40px!important;
	height:28px!important;
}
.ot_panel ul li.active, .ot_filling ul li.active{
	width:42px!important;
}
.leftcol{
	grid-area:checks
}
body #canc .scorer .rightcol{
	grid-area:img;
	width:370px!important;
}
.wrapper_gorod{
	grid-area:banner;
}
.form-grid{
	grid-area:form;    
	margin-left: 3em;
    margin-top: -4em;
}
.ot_panel{
	grid-area:types;
}
.ot_filling{
	grid-area:colors;
}
.inputs{
	display:flex;flex-wrap:wrap;justify-content:space-between;
}
#canc{
	margin-top:2em;
}
#canc .scorer .phone[type="text"]{
	width:49%!important;
}

@media(max-width:1200px){
	.rlgates{
		grid-template-areas: "checks img colors"
							 "checks img colors"
							 "types img form";
	}
	.wrapper_gorod{
		display:none;
	}
	.ot_filling{
		flex-wrap:wrap;
		max-width:300px;
		margin-left:3em;
	}
	#canc .scorer .phone[type="text"]{
		width:100%!important;
	}
	#fabform{
		width:84%;
	}

}
@media(max-width:1100px){
	.rlgates{
		grid-template-areas: "checks img img"
							 "types img img"
							 "colors img img"
							 "form form form";
	}
	.ot_filling{
		flex-wrap:wrap;
		max-width:100%;
		margin-left:0;
	}
	#canc .scorer .phone[type="text"]{
		width:100%!important;
	}
	body #canc .scorer .rightcol{
		width:500px!important;
	}
	.form-grid{
		margin-top:2em;
		margin-left:0;
	}
	#fabform{
		width:100%;
	}

}
@media(max-width:992px){
	.rlgates{
		grid-template-areas: "checks img img"
							 "types img img"
							 "colors form form";
	}
	body #canc .scorer .rightcol{
		width:370px!important;
	}
}
@media(max-width:767px){
	.rlgates{
		grid-template-areas: "img"
							"types"
							 "colors"
							 "checks"
							 "form";
	}

	.rightcol {
		margin-bottom: 30px;
	}
	
	body #canc .scorer .rightcol {
		width: 90%!important;
		margin-top: 2em;
	}
	#canc .scorer .leftcol{
		width:100%;
		margin-left:0;
	}
	#sizef{
		justify-content:space-around;
	}
}
@media(max-width:400px){
	body #canc .scorer .rightcol{
		width:250px!important;
	}
	#fabform{
		width:80%;
	}
	.ot_filling, .ot_panel{
		max-width:320px;
	}
}