/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.wrap, .service_block, .content, .brands_block, .address_block {
		width: 90%;
	}
	.container {
		width: 100%;
		min-width: 100%;
	}
	.jcarousel-control-next {
		right: 0px;
	}
	.jcarousel-control-prev {
		left: -22px;
	}
	.main_menu:after {
		right: 0px;
	}
	.address_block {
		padding: 0px;
	}
	.content {
		padding-left: 0px;
		padding-right: 0px;
	}
	.header .phone_box {
		width: 245px;
	}
	.header .work_box {
		width: 187px;
	}
	.header .address_box {
		width: 239px;
	}
	.header .logo {
		width: 142px;
	}
	.header .phone_box .phone span {
		font-size: 25px;
	}
	.footer .copyright {
		font-size: 16px;
		width: 25%;
	}
	.footer .right_box {
		width: 70%;
	}
	.main_slider {
		width: 100%!important;
	}
	.main_menu .menu_list {
		width: 100%;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.service_block td {
		display: block;
		float: left;
		width: 28%;
	}
	.service_block table {
		width: 100%;
	}
	.img_wrap {
		display: block;
		float: left;
		margin: 0 0 30px;
	}
	.address_block {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.service_block .service_item {
		overflow: visible;
	}
	.footer .copyright {
		width: 16%;
	}
	.footer .right_box {
		width: 81%;
	}
	.footer .phone span, .footer .address {
		font-size: 14px;
	}
	.main_menu .menu_link {
		font-size: 14px;
	}
	.header .logo {
		width: 125px;
	}
	.header .address_box {
		width: 135px;
	}
	.header .work_box {
		width: 185px;
	}
	.header .phone_box {
		width: 165px;
	}
	.header .phone_box .phone span {
		font-size: 17px;
	}
	.header .logo {
		margin: 23px 0 0 0px;
	}
	.footer .copyright {
		width: 100%;
	}
	.footer .right_box {
		width: 100%;
	}
	.footer {
		height: 94px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.service_block td {
		width: 43%;
	}
	.audioc, .videoc {
		width: 50%!important;
	}
	.header .work_box {
		width: 200px;
	}
	.header .phone_box .phone span {
		font-size: 17px;
	}
	.main_slider, .main_menu:after {
		display: none;
	}
	.header .address_box {
		display: none;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 600px) {
	.main_menu .menu_list {
		display: none;
	}
	.audioc, .videoc {
		width: 100%!important;
	}
	.menu{display:none;height: 300px;overflow-x: auto;}
	 
	.mobile-menu{display:block;margin: 14px 0;}
	 
	nav{margin:0;
	background:none;}
	 
	.menu li{display:block;
	margin:0;}
	 
	.menu li a {background:#ffffff;
	color:#797979;
	border-top:1px solid #e0e0e0;
	border-left:3px solid #ffffff;}
	 
	.menu li a:hover, .menu li:hover > a{
	background:#f0f0f0;
	color:#797979;
	border-left:3px solid #f00;}
	 
	/*level 2 and 3 - make same width as all items*/
	.menu li ul {display:block;
	position:relative;
	top:0;
	left:0;
	width:100%;}
	 
	.menu ul ul {left:0;}
	audio {
		width: 100%!important;
	}
	.ad-menu {
		z-index: 1002;
		position: relative;
		display: block!important;
	}
	.ad-menu li {
	    width: 100%!important;
	}
	.ad-menu ul {
	  display: none;
	}
	
	.work_box, .header .delim {
		display: none;
	}
	.header .phone_box .phone span {
		font-size: 15px;
	}
	.header .phone_box {
		width: 150px;
	}
	.address_block .address_box .text {
		font-size: 12px;
	}
	.footer .right_box {
		display: none;
	}
	.service_block td {
		width: 215px;
	}
	.service_block table tbody tr {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}

.service_block td {
	display: block;
	float: left;
}
.brands_block {
	margin: 20px auto!important;
}
.ad-menu {
	display: none;
}
.ad-menu *:focus,.ad-menu *::before,.ad-menu *::after {
  outline: 0;
  box-sizing: content-box; /*это свойство обязательно*/
}

.service_block td {
	height: 100%;
}
audio {
	width: 100%;
}
.audioc {
	float: left; 
	width: 33%;
}
.videoc {
	float: left;
	width: 33%;
}
/* МЕНЮ */
.menu{display:block;}
 
.menu li{display: inline-block;
position: relative;
z-index:100;}
 
.menu li a {font-weight:600;
text-decoration:none;
padding:11px;
display:block;
color:#000;
 
-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}
 
.menu li a:hover, .menu li:hover > a{color:#ffffff;
background:#ccc;}

/* hide the second level menu */
.menu ul {display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
top: 43px;
left: 0px;
background: #ffffff;
}
 
/* display second level menu on hover */
.menu li:hover > ul{ display: block;}
 
.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
 
.menu ul li a {font-size:12px;
font-weight:normal;
display:block;
color:#797979;
border-left:3px solid #ffffff;
background:#ffffff;}
 
.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;
border-left:3px solid #9CA3DA;
color:#797979;
}
/* change level 3 menu positions */
.menu ul ul {left: 149px;
	top: 0px;
}
.menu_icon {
	background-image: url(../img/style/mmm.png);
	width: 32px;
	height: 18px;
	display: inline-block;
	margin: 0 5px 0 0;
}
.mobile-menu {
	color: #fff;
}