@media all and (max-width: 1600px){
	body{
		min-width: 100%;
		width: 100%;
		padding: 0;
		margin: 0;
	}
}

@media all and (min-width: 1200px) and (max-width: 1600px){	
	.right{
		width: auto !important;
	}
	.service li{
		float: none;
		width: 33%;
	}
	.service{
		display: flex;
	}
	#list{
		width: auto;
	}
	.service .m-title, .m-title2{
		width: 90%;
		margin-left: 0;
		box-sizing: border-box;
		left: 50%;
		transform: translate(-50%, 0);
	}
	.service img{
		width: 100%;
	}
	.contents{
		width: calc(100% - 360px) !important;
        margin: 0;
        max-width: 100%;
        float: left;
	}
}

@media all and (max-width: 1200px){
	#list{
		width: 100%;
		height: auto;
	}
}

@media all and (min-width: 960px) and (max-width: 1200px){
	.left{
		padding-left: 20px;
	}
	.right,
	.contents{
		margin-left: 340px;
		width: auto !important;
	}
	.contents{
		width: calc(100% - 340px)!important;
	}
	.cont{
		width: 98%;
		box-sizing: border-box;
		padding: 10px;
	}
	.service li{
		float: none;
		width: 33%;
	}
	.service img{
		width: 100%;
		object-fit: cover;
	}
	.service{
		display: flex;
	}
	.service .m-title, .m-title2{
		width: 100%;
		box-sizing: border-box;
		margin-left: 0;
	}
	.sertif_all{
		width: 550px;
		padding: 0;
		box-sizing: border-box;
	}
	.sertif_all .sertif_scroll,
	.sertif_all .sertif_scroll .sertif_1,
	.sertif_all .sertif_scroll .sertif_1 .ser_item{
		width: 100%;
	}
	.f_input{
		width: 300px;
	}
	.g-recaptcha{
		margin-right: 0;
	}
	.sertif_all .sertif_scroll .sertif_1 .ser_item .ser_name{
		width: 240px;
	}
	.sertif_all .sertif_scroll .sertif_1{
		width: 540px;
	}
	.sertif_all .sertif_scroll .sertif_2{
		width: 540px;
		margin-left: 120px;
	}
	.breadcrumbs{
		margin: 20px;
	}
	.cont ul{
		margin-left: 20px;
	}
	.cont .map{
		margin-bottom: 20px;
	}
}

@media all and (min-width: 960px){
	.header-mob-block{
		display: block;
	}
	.btn-buy-cert-wrap{
		display: none;
	}
}

@media all and (max-width: 960px){
	.left{
		float: none;
		width: 100%;
		box-sizing: border-box;
        padding: 20px 10px;
	}
	.right{
		margin-left: 0;
		float: none;
		box-sizing: border-box;
		padding: 0 20px;
		width: 100%!important;
		clear: both;
		min-height: auto;
	}
	.krzh{
		bottom: 10px;
	}
	.krzh_pulse{
		bottom: 20px;
	}
	.header-mob-top{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 20px;
		box-sizing: border-box;
        width: 100%;
		gap: 40px;
	}
	.menu-btn-wrap{
		display: block;
	}
	.menu-btn{
		border: none;
		background: url("/images/icon_menu.svg") no-repeat 50% 50%;
		background-size: 100%;
		width: 24px;
		height: 24px;
		cursor: pointer;
	}
	.service{
		display: flex;
		flex-wrap: wrap;
		height: auto;
		gap: 20px;
		align-items: center;
        justify-content: center;
	}
	.service li{
		float: none;
		height: 300px;
		width: 100%;
	}
	.service img{
		height: 300px;
		width: 100%;
		object-fit: cover;
	}
	.service .m-title, .m-title2{
		width: 100%;
		box-sizing: border-box;
		margin-left: 0;
	}
	.left_zapis{
		width: 100%;
		box-sizing: border-box;
		padding: 15px;
		margin: 0;
		font-size: 14px;
        font-family: 'Comic_sans_MS';
	}
	.left-form{
		margin: 20px 0;
		padding: 20px;
	}
	.left-form .modal_content{
		padding: 0;
		margin: 0;
	}
	.left-block-bottom{
		padding: 20px 20px 40px 20px;
	}
	.modal_content2{
		left: 0!important;
		top: 50%!important;
		width: 100%!important;
		height: auto!important;
		transform: translate(0, -50%);
	}
	.modal_text2{
		padding: 20px!important;
	}
	.contents{
		max-width: 100%;
	}
	.cont{
		padding: 10px!important;
		border-radius: 15px;
		min-height: auto;
		text-align: left;
	}
	.cont,
	.sertif_all,
	.sertif_all .sertif_scroll{
		width: 100%;
		box-sizing: border-box;
		padding: 0px;
	}
	table .contenttext{
		padding: 0;
	}
	.sertif_all .sertif_scroll .sertif_1 .ser_item,
	.sertif_all .sertif_scroll .sertif_1,
	.sertif_all .sertif_scroll .sertif_2{
		width: 100%;
	}
	.sertif_all .sertif_scroll .sertif_1 .ser_item .ser_name{
		width: 35%;
	}
	.sertif_all .sertif_scroll .sertif_1 .ser_item{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.f_input input.form_elem, .f_input textarea.form_elem, .f_input select.form_elem{
		width: 95%;
		box-sizing: border-box;
	}
	.f_label{
		width: 90%;
		float: none;
		text-align: left;
        padding-left: 20px;
	}
	.f_label .zvd{
		left: 0;
	}
	.sertif_all .sertif_scroll .sertif_1 .ser_item .ser_time{
		width: 75px;
	}
	.sertif_all .sertif_scroll .sertif_1 .ser_item .ser_price{
		width: 70px;
	}
	.contents table,
	.contents table *{
		font-size: 14px;
	}
	.cont p,
	.cont li{
		text-align: left;
	}
	.cont ul{
		margin-left: 20px;
	}
	.g-recaptcha{
		margin-right: 0;
		justify-content: flex-start;
	}
}

@media all and (min-width: 640px) and (max-width: 960px){
	.addr{
		margin-bottom: 20px;
	}
	.ser_form{
		width: 390px;
		margin: 0 auto;
	}
	.g-recaptcha{
        justify-content: center;
    }
}

@media all and (max-width: 640px){
	.addr{
		padding-top: 5px;
		margin-bottom: 20px;
	}
}

@media all and (max-width: 440px){
	.f_input{
		width: 95%;
		margin-left: 0;
	}
}

.clr{
	clear: both;
}
#counter a{
	color: #f2d1c3;
}
.btn-buy-cert-wrap{
	margin: 0 0 10px 0;
	text-align: center;
}
.btn-buy-cert{
	display: inline-block;
	text-decoration: none;
	border-radius: 5px;
	padding: 10px 20px;
	text-align: center;
	color: #271006;
	font-weight: bold;
	background: #dfb859;
	font-family: serif;
}
.btn-buy-cert:hover{
	background: #b3765c;
}