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

@media (min-width: 768px) and (max-width: 991px) {
	.phone {
		margin-right: 40px;
	}
	.slider_text h2 {
		font-size: 30px;
		padding-bottom: 20px;
	}
	.slider_text p {
		font-size: 15px;
		margin-top: 15px;
	}
	.slide_button {
		margin-top: 20px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.phone {
		font-size: 13px;
		margin-top: 13px;
		padding: 0 10px 2px;
	}
	.menu li a {
		font-size: 13px;
	}
	.logo {
		margin-right: 15px;
	}
	.wrapper_img .text_overlay {
		width: 60%;
	}
	.about_us h2 {
		background-position-x: 120px;
	}
	.menu li {
		margin-right: 15px;
	}
	.slider_text {
		top: 22%;
	}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
		.slick-dots {
		bottom: 15%;
	}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.header_content {
		position: relative;
	}
	.menu {
		display: none;
		position: absolute;
		float: none;
		right: 0;
		text-align: right;
		top: 71px;
		margin: 0;
		background: rgba(0, 0, 0, 0.75);
		width: 50%;
	}
	.menu li {
		float: none;
		margin: 0;
	}
	.menu li a {
		display: block;
		padding: 15px 10px 15px 0;
	}
	.menu li:not(:last-child) {
		border-bottom: 1px solid #fff;
	}
	.about_us img {
		margin-top: 25px;
	}
	.wrapper_img .text_overlay {
		width: 70%;
	}
	.systems img {
		margin-top: 40px;
	}
	.systems.screen img {
		float: none;
	}
	.systems.technic img {
		margin-top: 55px;
		float: none;
	}
	.main_form {
		margin-top: 35px;
	}
	.service_item {
		min-height: 80px;
	}
	.menu li a:hover {
		border-bottom: none;
	}
	.contact.presscom {
		margin-top: 30px;
	}
	#form .main_form_button {
		margin-top: 55px;
	}
}

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

}
@media only screen and (max-width : 767px) {
	.header_slider .slide1 img,
	.header_slider .slide2 img,
	.header_slider .slide3 img,
	.header_slider .slide4 img {
		width: 100%;
		height: 700px;
	}
}
@media only screen and (max-width : 768px) {
	.form_fio {
		width: 100%;
	}
	.form_phone {
		width: 100%;
		margin-top: 20px;
	}
	.form_comment {
		width: 100%;
		margin-top: 20px;
		margin-right: 0;
	}
	.main_form_button {
		float: none;
	}
	.phone {
		float: left;
	}
	.logo {
		margin-right: 20px;
	}
	.menu {
		width: 100%;
	}
	.wrapper_img .text_overlay {
		width: 100%;
	}
	.partners img {
		margin-top: 30px;
	}
	.reviews {
		margin-top: 40px;
	}
	.contact {
		display: table;
		margin: 15px auto 0;
		min-width: 256px;
	}
	.slider_text {
		top: 25%;
	}
}
@media only screen and (max-width : 556px) {
	.menu {
		top: 123px;
	}
	.phone {
		margin-top: 20px;
	}
}
@media only screen and (max-width : 530px) {
	.slider_text {
		max-width: 420px;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.about_us p {
		text-align: justify;
	}
	.service_item {
		padding-left: 0;
		padding-top: 80px;
		margin-top: 20px;
	}
	.systems_text {
		padding: 85px 0 0 0px !important;
	}
	.logo {
		margin: 0;
	}
	.logo img {
		max-width: 210px;
	}
	.menu {
    top: 119px;
	}
	.services h2 {
		font-size: 45px;
		background-position-y: 20px !important;
	}
	.service_detail h2 {
		font-size: 45px;
	}
	.map_block h2 {
		font-size: 40px;
		background-position-y: 15px !important;
	}
	.about_us h2 {
		background-position-y: 0 !important;
		background-position-x: 93px;
		padding: 65px 0;
		font-size: 45px; 
	}
	.client h2 {
		font-size: 45px;
		background-position-y: 23px !important;
	}
	.contacts h2 {
		font-size: 40px;
	}
	.slider_text {
		max-width: 300px;
	}
	.slider_text h2 {
		font-size: 25px;
	}
}
@media only screen and (max-width : 460px) {
}
@media only screen and (max-width : 354px) {
	.wrapper_main h2 {
		background-position-y: 35px;
	}
}
/* 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 768px*/
@media only screen and (min-width : 768px) {
	.client .partner_block {
		min-height: 175px;
		display: flex;
    align-items: center;
	}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.mobile_button {
		display: none;
	}
	.menu {
		display: block !important;
	}
	.about_us img {
		margin-top: 229px;
	}
	.service_item {
		min-height: 160px;
	}
	.contacts .contact.presscom {
		margin-top: 231px;
	}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.slick-dots {
		bottom: 20%;
	}
}

