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

	:root {
	  --menu-height: 50px;
	}
	header .top-menu {
		font-size: 20px;
	}
	header .phone{
		font-size: 25px;
	}
	header .phone:before{
		top: 11px;
	}
	header .logo {
	    margin-top: -25px;
	}
	.top-menu > div:nth-child(3){
		justify-content: flex-end;
		padding-right: 0;
	}
	.menu-link, .top-menu .phone{
		font-size: 19px;
	}
	.top-menu .phone:before{
		width: 20px;
		height: 20px;
		left: 20px;
		top: 16px;
	}
	break.animal_icon{
		-ms-flex-preferred-size: 100%;
		    flex-basis: 100%;
		width: 0px; 
		height: 0px; 
		overflow: hidden;
	}
	#footer_index .container:before{
		width: 460px;
		height: 405px;
		top: -330px;
	}
}

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

	:root {
	  --menu-height: 40px;
	}
	.top-menu > div:nth-child(3) a{
		margin-left: 10px;
	}
	.top-menu .logo{
		margin-top: -17px;
		width: 147px;
		height: 75px;
	}
	.menu-link, .top-menu .phone{
		font-size: 13px;
	}
	.top-menu .phone:before{
		left: 9px;
		top: 10px;
	}
	.menu_sm_moved{
		left: -140px;
	}
	.menu_sm_moved:before{
		left: 150px;
	}
	.submenu_dc_item{
		height: 110px;
		width: 120px;
	}
	.point_item{
		flex: 0 1 50%;
	}
	header .top-menu {
		font-size: 16px;
	}
	header .top-menu .top-menu-buttons > div{
		padding: 0;
	}
	header .phone{
		font-size: 21px;
	}
	header .phone:before{
		width: 25px;
	    height: 25px;
	    left: -19px;
	}
	header .logo {
	    margin-top: -18px;
	    width: 150px;
	}
	header .menu-link{
		padding: 0 5px;
	}
	#slogan{
		margin-top: 20px;
	}
	#slogan h1{
		font-size: 34px;
	}
	#footer{
	    height: 205px;
	}
	label.tab_label{
		padding:15px 10px;
	}
	#contacts .contacts_form{
		border: none;
	}
	#footer_index .container:before{
		width: 350px;
		height: 310px;
		top: -253px;
	}

}
@media only screen and (max-width : 768px) {
	:root {
	  --menu-height: 30px;
	}
	body.body_index{
		min-height: 700px;
	}
	#footer_index{
		height: 195px;
	}
	.top-menu{
		height: 60px;
	}	
	.top-menu ul{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.top-menu ul li{
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 50%;
		        flex: 1 1 50%;
	}
	.top-menu ul li:nth-child(1){
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
	.top-menu ul li:nth-child(2){
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.top-menu ul li:nth-child(3){
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.top-menu ul li:nth-child(4){
		-webkit-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4;
	}
	.menu-link, .top-menu .phone{
		font-size: 14px;
	}
	.top-menu .logo{
		margin-top: -10px;
		margin-left: -30px;
	}
	.top-menu > div:nth-child(3) a{
		position: relative;
	}
	.top-menu .phone:before{
		top: initial;
	}
	.top-menu .phone:before{
		/* content: none; */
	}
	#footer_index{
		padding-top: 50px;
	}
	#footer_index .container:before{
		width: 370px;
		height: 326px;
		top: -315px;
	}
	header .top-menu {
		font-size: 12px;
	}
	header .top-menu .top-menu-buttons > div{
		padding: 0;
	}
	header .phone{
		font-size: 16px;
	}
	header .phone:before{
		width: 20px;
	    height: 20px;
	    left: -16px;
	    top: 6px;
	}
	header .logo {
	    margin-top: -18px;
	    width: 120px;
	}
	header .menu-link{
		font-size: 14px;
	}
	header .top-menu > div:nth-child(3) a{
		font-size: 14px;
	}
	
	#slogan h1{
		font-size: 28px;
	}
	#footer{
	    height: 305px;
	}
	#about .about_text_container{
		padding: 2em 2em;
	}
	#product .main_photo img{
		width: 50%;
	}
	#product .add_photos{
		text-align: center;
	}
	#product .add_photos img{
		width: 50%;
		-o-object-fit: contain;
		   object-fit: contain;
	}
	header .top-menu > div:nth-child(3) a{
		margin:0;
	}
	header .top-menu > div:nth-child(3){
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	.point_item{
		flex: 0 1 100%;
		text-align: center;  
	}
}
@media only screen and (max-width : 576px) {
	.top-menu {
		display: none;
	}
	.point_item{
		flex: 0 1 100%;
		text-align: center;	
	}
	.menu-mobile{
		display: block;
	}
	#footer_index .container:before{
		width: 320px;
		height: 284px;
		top: -279px;
	}
	#slogan h1{
		font-size: 26px;
    	text-align: center;
	}
	#slogan{
		margin-top: 20px;
	}
	.products-slider{
		max-width: 250px;
    	margin: auto;
	}
}
@media only screen and (max-width : 540px) {
	
	.site_name{
		font-size: 38px;
	}
	label.tab_label{
		padding:10px 5px;
		font-size: 14px;
	}
	label.tab_label{
		padding:10px 5px;
		font-size: 14px;
		width: 23%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	input[name="tabs"]:checked + label{
		width: 50%;
		height: auto;
	}
	label.tab_label{
		margin: 0 0 -4px;
	}
	.owl-prev{
		left: 0;
	}
	.owl-next{
		right: 0;
	}
}