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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	header .main-menu > ul > li{padding: 10px;}
	header .main-menu > ul > li > a{font-size: 15px;}
	header .main-menu > ul > li.parent{background: none;}
	.advantages p {
    font-size: 14px;
    top: 30px;
    left: 80px;
	}
	.bottom-menu ul li{padding: 8px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	header .top .phone p{margin-left: 40px;}
	header .top .time, header .top .adres{
    font-size: 12px;
    padding: 10px 0;
   	background: none;
	}
	header .main-menu > ul{padding: 0; padding-top: 10px;}
	header .main-menu > ul > li{padding-bottom: 0;}
	.advantages p {
    font-size: 16px;
    top: 45px;
    left: 135px;
	}
	.filter label{padding-bottom: 10px;}
	.filter select{width: 100%; margin-bottom: 5px;}
	.description .order-btn{font-size: 14px;}
	.tabs .tabs-control li{font-size: 14px; padding: 10px 15px;}
	.content table tr th, .content table tr td{font-size: 14px;}
	.tabs .tabs-wrapper{padding: 10px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.catalog-menu{margin-bottom: 0;}
	.top{display: none;}
	.top-mobile{display: block;}
	header {max-height: 206px;}
	header .logo{padding-top: 10px; padding-bottom: 10px; text-align: center;}
	.mobile-btn{display: block;}
	header .main-menu{margin: 0 15px;}
	header .main-menu > ul{
		display: none;
		padding: 10px;
		background: #ffffff;
		border: 1px solid #b3b3b3;
		border-radius: 5px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
	}
	header .main-menu > ul > li{
		display: block;
		text-align: left;
		padding: 0;
		margin-bottom: 5px;
	}
	header .main-menu > ul > li > ul{
		display: block;
		position: relative;
		top: 0;
		left: 0;
		border-radius: 5px;
		margin: 10px;
	}
	header .top-mobile{text-align: center;}
	header .top-mobile p{
		font-family: 'Open Sans Condensed', sans-serif;font-weight:300;
		display: inline-block;
		font-size: 16px;
		line-height: 1.2;
		color: #000000;
		text-align: center;
		padding-left: 20px;
		margin: 5px 20px;
	}
	header .top-mobile .mts{background: url(../images/mts.png) left center no-repeat;}
	/*header .top-mobile .vel{background: url(../images/vel1.webp) left center no-repeat;background-size:16px;}*/
	header{border-bottom: none;}

	.call-button {text-align: center;}
	.call-button .call-btn, .consult-btn {    margin: 10px auto; float: none}

	header .main-menu > ul > li > ul {display: none !important;}

	.main-hide, .main-slider{display: none;}
	.advantages p {
    font-size: 16px;
    top: 45px;
    left: 135px;
    text-align: center;
	}
	.description .img-section{margin-bottom: 30px;}
	.catalog-menu{
		display: none;
		margin-top: 0;
		position: absolute;
		top: 45px;
		z-index: 100;
		margin-right: 15px;

	}
	.catalog-btn{
		font-family: 'Open Sans Condensed', sans-serif;font-weight:700;
		font-size: 16px;
		color: #ffffff;
		text-align: left;
		text-transform: uppercase;
		padding-left: 20px;
		display: block;
		width: 100%;
		height: 40px;
		border-radius: 5px;
		border: none;
		outline: none;
		margin: 15px 0;
		background: #1c923a;
	}
	.catalog-btn i{
		display: inline-block;
		float: right;
		padding-right: 20px;
		font-size: 20px;
	}
	.breadcrumbs {
    padding: 10px 0 20px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	footer .web-group{padding: 10px 15px;}
	.content table tr th, .content table tr td{padding: 5px;}
	.tabs .tabs-control li {
   	float: none;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    margin-bottom: 10px;
	}
	.tabs .tabs-wrapper{border-radius: 5px;}
}

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

}


/*==========  Mobile First Method  ==========*/

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

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}