@media screen and (min-width: 400px) and (max-width: 700px){
	
}

@media screen and (min-width: 400px) and (max-width: 700px){
	header {
		height: 100px;
	}
	header .head a.logo {
		width: 210px;
	}
	header .head span.bars {
		width: 25px;
		padding: 15px;
	}
	header .head{
		padding: 0 15px;
	}
	
	.slide {
		height: auto;
	}
	.slide .slide_content h1 {
		font: normal 28px /*'Gothic'*/;
	}
	.slide .slide_content {
		position: static;
		font: normal 16px /*'Roboto'*/;
		right: 30%;
		bottom: 45px;
		padding: 45px 30px;
		width:100%;
		box-sizing: border-box;
		max-width: 100%;
		background: #ffffffa3;
	}
	
	.info_block {
		padding: 65px 25px;
	}
	.info_block_content h2 {
		font: normal 28px /*'Gothic'*/;
	}
	.info_block_content .short_text {
		font: normal 16px /*'Roboto'*/;
		line-height: 25px;
	}
	.info_block_content .boxs .box .icon {
		width: 40px;
		height: 40px;
		padding: 35px;
	}
	.info_block_content .boxs .box .info {
		font: normal 14px /*'Roboto'*/;
		width: 100%;
	}
	.info_block_content .boxs .box {
		width: calc(50% - 20px);
		margin: 10px;
	}
	
	.contact_form {
		padding: 75px 25px;
	}
	.contact_form_content h3 {
		font: normal 28px /*'Gothic'*/;
		margin: 0 0 35px 0;
	}
	.contact_form_content .columns {
		display: block;
		max-width: 380px;
		width: 100%;
		margin: 0 auto;
	}
	.contact_form_content .columns .column {
		width: 100%;
		margin: 0;
	}
	.contact_form_content .columns .column .field:last-child {
		margin: 0 0 15px 0;
	}
	.contact_form_content .columns .column .field {
		margin: 0 0 15px 0;
	}
	.contact_form .buttons {
		grid-gap: 15px;
	}
	.contact_form .field input::-webkit-input-placeholder {
		font: normal 14px /*'Roboto'*/;
	}
	.contact_form .field textarea::-webkit-input-placeholder {
		font: normal 14px /*'Roboto'*/;
	}
	.contact_form .field input, .contact_form .field textarea {
		padding: 15px 20px;
	}
	.contact_form .buttons input {
		padding: 15px 20px;
	}
	
	.checkers .checker_box .text_checker .text h3 {
		font: normal 22px /*'Gothic'*/;
	}
	.checkers .checker_box .text_checker .text {
		font: normal 14px/21px /*'Roboto'*/;
		padding: 25px 0px;
	}
	.checkers .checker_box {
		display: flex;
	}
	.checkers .checker_box .grafic_checker {
		width: 60%;
	}
	.checkers .checker_box .text_checker {
		width: 60%;
	}
	.checkers .checker_box:nth-child(2n) .grafic_checker{
		order: 1;
	}
	.checkers .checker_box:nth-child(2n) .text_checker{
		order: 2;
		width: 60%;
	}
	.checkers {
		padding: 45px 0;
	}
	.checkers .checker_box .grafic_checker .grafic img{
		border-radius: 500px 500px 500px 0px;
		overflow: hidden;
	}
	.checkers .checker_box {
		margin: 0 0 25px 0;
	}
	.checkers .checker_box:last-child {
		margin: 0 0 0 0;
	}
	
	.footer .footer_text {
		font: normal 15px/20px /*'Roboto'*/;
		text-align: center;
	}
	.footer .footer_content .footer_logo {
		max-width: 150px;
		margin: 0 auto;
	}
	.footer .footer_content .left, .footer .footer_content .right {
		width: 70%;
	}
	.footer .footer_content .left {
		margin: 0 0 25px 0;
	}
	
	
	
	.navigation.active {
		left: 15%;
	}
	.navigation {
		width: 85%;
	}
	.navigation .close_navigation{
		width: 35px;
		height: 35px;
	}
	.navigation ul {
		list-style: none;
		margin: 0;
		padding: 35px 20px;
	}
	.navigation ul li a {
		font: normal 17px/23px /*'Roboto'*/;
	}
	
	
	.page .page_head h1 {
		font: normal 28px /*'Gothic'*/;
	}
	.page .page_head {
		display: block;
	}
	.page .page_head .page_search {
		margin: 15px 0 0 0;
	}
	
	
	.popup_wrapper{
		align-items: flex-start;
	}
	
	.video_list{
		grid-template-columns: 1fr;
		grid-column-gap: 0px;
		grid-row-gap: 50px;
	}
	
	.login_wrapper {
		padding: 75px 30px;
	}








		
	.i_table table {
		min-width: auto;
		display: block;
		width: 100%;
		font: normal 15px/21px /*'Roboto'*/;
		overflow: visible;
	}
	.i_table table tbody{
		display: block;
		width: 100%;
	}
	.i_table table tbody tr{
		display: block;
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 15px 0;
		padding: 10px;
		background: #ffffff;
		border-radius: 10px;
		box-shadow: 3px 3px 3px #0000001a;
	}
	.i_table table tr:nth-child(2n) {
    	background: #ffffff;
	}
	.i_table table tbody tr:first-child{
		display: none;
	}
	.i_table table tbody tr td{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 5px;
		border:  none;
	}
	.i_table table tbody tr td.name{
		color: #333333;
	}
	.i_table table tbody tr td.prop{
		color: #e94f36;
	}
	.i_table table td.add_table_obj span {
	    padding: 10px;
	}

	.i_table table td div.controls {
	    justify-content: flex-start;
	}
	.i_table table td div.controls span {
	    width: 25px;
	}
	.i_table table td div.controls a {
	    width: 25px;
	}
	.i_table{
	    font: normal 13px /*'Roboto'*/;
	}
	.i_table table td.add_table_obj {
	    text-align: center;
	}
	.i_table table td.add_table_obj span {
		width: 100%;
		box-sizing: border-box;
	    padding: 10px;
	    border-right: none;
	}
}