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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	header.header {
		background-position: -15% center
	}
	.headMenu ul li {
		padding-right: 35px;
		font-size: 20px
	}
	.headMenu ul > ul {
		margin-left: 232px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.headMenu ul li {
		padding-right: 18px;
		font-size: 18px
	}
	.callForm {
		width: 100%
	}
	.gallery {
		text-align: center
	}
	.headMenu ul > ul {
		top: 81px;
		margin-left: 183px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	header.header {
		background-color: #fff;
		background-image: none;
		height: auto
	}
	h1 {
		font-size: 30px
	}
	.logoBlock {
		text-align: center;
		padding-top: 15px
	}
	.headMenu {
		margin-top: 0
	}
	.headMenu ul li {
		padding: 25px 0;
		padding-right: 25px;
		font-size: 18px
	}
	.headMenu ul {
		display: none
	}
	.headMenu ul li {
		width: 100%;
		padding: 0
	}
	.headMenu ul li a, .headMenu ul li span {
		width: 100%;
		display: inline-block;
		padding: 25px 0;
		font-size: 16px
	}
	.togMenu > span.on {
		color: #fff;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.25)
	}
	.rightBlock {
		padding-left: 0
	}
	.zamerButton {
		position: static;
		display: block;
		background-image: none;
		background: linear-gradient(to bottom, #addd00, #8fbb00, #addd00);
		height: auto;
		width: 100%;
		text-align: center;
		color: #fff!important;
		margin-bottom: 15px;
	}
	.lnxScrollToTop {
		width: 35px!important;
		height: 35px!important;
		line-height: 35px!important
	}
	.lnxScrollToTopArrow {
		font-size: 15px!important;
	}
	.headMenu ul > ul {
		display: none;
		position: static;
		top: 0;
		width: auto;
		background-color: rgba(189, 210, 52, 0.8);
		z-index: 9999;
		margin-left: 0;
	}
	.headMenu ul > .hid.active {
		display: none;
	}
	.headMenu .hidxs li a {
		padding: 12px 0!important;
	}
	.headMenu .hidxs li {
		padding: 5px 0;
		padding-left: 10px;
	}
	.pageBlock p img {
		max-width: 100%;
	}
	.headContact p span {
		padding-left: 0
	}
}

@media only screen and (max-width : 485px) {
	body {
		margin-bottom: 142px;
	}
	.company {
		width: 100%;
		text-align: center
	}
	.ssWidget {
		width: 100%;
		margin-top: 20px;
		text-align: center
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.togMenu a {
		padding: 20px 0;
		font-size: 20px
	}
	.lbImage {
		min-height: 85px;
		width: 125px
	}
	.leftBlockItem {
		padding-right: 0
	}
	.leftBlockItem > a span {
		font-size: 14px
	}
	.callForm .fline span {
		display: inline-block;
		width: 100%;
		margin-bottom: 5px
	}
	.callForm .fline input, .callForm .fline textarea {
		display: inline-block;
		width: 100%
	}
}

/* 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) {

}