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

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

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.nav{width:100%;}
	.menu ul{float:none;}
	.menu ul li{height:40px;}
    .FluidText{height: auto;}
    .repairs_card {float: none;margin: 20px auto;}
    .repairs_block{margin: 10px auto;}
    .main_ul{float: none;margin:30px auto;}
    .first_img{float: none;margin: 0 auto;}
    /*.tel_form:first-child{display: none}*/
    .two_forms{width:482px;margin: 20px auto;}
    .arguments_wrapp{width: 384px;}
    .arguments_wrapp li{margin: 0 10px;}
    .ourwork_wrapp{width:760px;}
    .ourwork_wrapp li:last-child{display: none;}
    .main_ul_delivery{float:none;margin: 10px auto; width: 372px;}
    .servicesMainImg{float: none;}
    .imgAndUlwrap{width:528px;margin:10px auto;}
    .wrap_deliveryRightBlock {float:none;margin:10px auto;}
    .deliveryLeftBlock{margin:10px auto;}
    .surpris_form_long{display: none;}
    .slogo{display: none;}
    .reviews_text{height: auto;padding-bottom: 5px;}
    .otziv{width:630px;height: auto;margin: 20px auto;outline: none;}
    .reviews_text{width: 498px;height: auto}
    .diagnosticsMainImg{float: none;}
    .bmap_form_long{height: auto;padding-bottom: 10px;}
    .bmap_form_long textarea{width: 100%;padding-bottom: 10px;}
    .bmap_form_long input {margin:5px 0;}
    .wrap_table_s{float:none;width:90%; margin:0 auto;}
    .wrap_table_s table{width:100%;}
    .wrap_table{float:none;width:90%; margin:0 auto;}
    .wrap_table table{width:100%;}
    .rightCards{display: none;}
    .content_text{float:none;width:100%;}
    .serviseMainBlock form{float:none;margin:25px auto 0 auto;}
    .tableAndCards{margin:0;}
    .wrap_main_ul{float: none;}
    .emRepairsMainImg{float: none;margin:0 auto;width: 440px;}
    #FluidText{height: auto;padding-bottom: 10px;}
    .centerText

.wrap_main_ul {
overflow: visible;
}

.first_img{float:left;height:260px;width:100%;background:url('../img/main_img.png') no-repeat;margin:20px 0 25px 0;}
.second_img{float:left;height:260px;width:100%;background:url('../img/second_img.png') no-repeat;margin:20px 0 25px 0;}
.third_img{float:left;height:260px;width:100%;background:url('../img/third_img.png') no-repeat;margin:20px 0 25px 0;}
.fourth_img{float:left;height:260px;width:100%;background:url('../img/fourth_img.png') no-repeat;margin:20px 0 25px 0;}
.fifth_img{float:left;height:260px;width:100%;background:url('../img/fifth_img.png') no-repeat;margin:20px 0 25px 0;}
.tablet_img{float:left;height:260px;width:100%;background:url('../img/tablet.png') no-repeat;margin:20px 0 25px 0;}

.wrap_main_ul {width: 100%;}

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



	
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

td {
font-size:13px;
}

.transform-section .transform-item {
width: 100%;
}

	.nav {position: relative;min-height: 40px;}
	.nav ul {height:auto;width: 180px;padding: 5px 0;position: absolute;top: 0;left: 0;border: solid 1px #aaa;background: #fff url(images/icon-menu.png) no-repeat 10px 11px;border-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,.3);}
	.menu ul li {display: none; margin: auto;}
	.menu .current {display: block;}
	.menu a {display: block;padding: 0 40px;text-align: center;}
	.menu .current a {background: none;color: #fff;}
	.menu ul{height:auto;}
	/* При наведении указателя мыши на меню*/
	.menu ul:hover {background-image: none;}
	.menu ul:hover li {display: block;margin: 0 0 5px;}}
    .every_client{display: none;}
    
   
    .fourth_block_list{line-height: 2;}
    .fourth_block_list li{padding: 5px 0 5px 50px; margin:10px 0;}
    .ourwork_wrapp li{width:110px;}
    .bmap_form_long p{ line-height: 25px;}

	/* Меню справа */
	.menu.right ul {left: auto;right: 0;}
}

@media only screen and (max-width : 640px){
    .bmap_form input{
        display: block;
        margin:10px auto;
    }
    .deliveryLeftBlock{
        width:320px;
        margin: 0 auto;
    }
    .bmap_form{
        height: auto;
        width:300px;
        margin:20px auto;
    }
    .bmap_form textarea{
        width:266px;
    }
    .otziv{width:100%;height: auto;margin: 20px auto;outline: none;}
    .reviews_text{width: 100%;height: auto}
    .wrap_img{display: none;}
    .reviews_buttons{width:260px}
    .reviews_buttons input{width:120px}
    .greyForm textarea{ width:61%}
    }

@media only screen and (max-width : 530px){
	.surpris_form{display:none;}
	.minicard_block{width:275px;}
	.name_mail input {display:block;margin:10px auto;}
	.komment_form textarea{width:230px;height:140px;}
	.komment_form{height:auto;width:75%;border:none;}
	.prise_remont{width:244px;}
	.tel_form_onas{width:92%;}
    .content .gallery-1{width:160px;float: none;margin:0 auto;}
    #kontacts_baner{display: none;}
    .up_button{display: none;}
    .firs_block{width:310px;margin:10px auto;}
    .first_img{background-size: 100%;width:290px;height: 135px;}
    .tel_form {width:310px;height: 210px;}
    .diagnosticsMainImg{width: 320px;height: 220px; background-size:100%; }
    .imgAndUlwrap{width:320px;}
    .wrap_main_ul{margin: 0}
    .bmap_form_long{text-align: center}
    .bmap_form_long textarea{min-width: 265px;text-align:center;}
    .emRepairsMainImg{width: 320px;height: 220px; background-size:100%; }
    .servicesMainImg{width: 320px;height: 220px; background-size:100%; }
    .accessoriesMainImg{float: none;width: 320px;height: 220px; background-size:100%; }
    }	
    .greyForm textarea{ width:50%}
    .greyFormInp input{ width:42%}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .ourwork_wrapp {width: 260px;}
    .arguments_wrapp{width: 200px;}
    .repairs_img{display: none}
    .repairs_card{width:234px; height: 300px;}
    .contacts_buttons{width: 320px;}
    .contactsMainBlock input{width:150px;}
    .serviseMainBlock form{width:90%}
    .wrap_table{width:100%;}
    .buttonUpWrapp{display: none;}
    .greyForm textarea{ width:50%}
    .greyFormInp input{ width:40%}
        }
/* 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 (max-width :560px) {

.ul_footer_block ul{width: 100%;text-align: center;}
.footer_list_second{margin-top: 0;}

}

@media only screen and (max-width :604px) {
.greyForm {height:inherit;}
.greyForm textarea {width: 94.5%;}
.greyForm .greyFormInp {height: inherit;}
.greyForm .bottom_buttonGrey {float: left;margin: 5px 15px 14px 15px;}
.greyFormInp input {width: 91%;}
}

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

.about {display:none;}
.logo{width:100%; margin:0 auto;text-align: center;}
.zakaz_button{width:100%;margin: 20px 0 10px;height: inherit;}
.z_button{margin:10px;}
.header {height: inherit;}

.footer_contacts{width: 100%;}
.footer{height: inherit;}
.ul_footer_block{width: 100%;}

.footer-logo{height:36px;width:179px;color:#fff;margin: 20px auto 0;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.menu ul{text-align:center;}
	
}
























@media only screen and (max-width: 992px){
.ourwork_wrapp {
    display: flex;
    flex-wrap: wrap;
}}


@media only screen and (max-width: 992px)
{
.reviews_text {
    width: 100%;
    height: auto;
}}


@media only screen and (max-width: 992px)
{
.otziv {
    width: 100%;
    height: auto;
    margin: 20px auto;
    outline: none;
}}

@media only screen and (max-width: 992px)
{
.wrap_img {
    display: none;
}
}

@media only screen and (max-width: 480px){
.ourwork_wrapp {
    width: 287px;
    }}

.ourwork_wrapp li {
    width: 123px;
}

  
    @media (max-width: 768px){
.zakaz_button {
            margin: 0;
        margin-top: -15px;
        }
    
    .namberCompany {
    font-size: 16px;
    width: 100%;
}
    
    .zakaz_button .z_button {
    margin-top: 5px;
}
    
    .logo img {
     padding-top: 0;
}
    
    .logo img {
    height: 30px;
}
    
    .mobile-menu {
    padding: 5px;
}
    
    #touch-menu img{

  margin-right:5px;
}
    
    
    
    
    
    
    
    
        .otstup {
    height: 172px;
}
    
    .main_ul {
    width: 285px;
}
    
    .main_ul {
    font-size: 11px;
}
    
    .tel_form {
    width: 322px;
    height: 241px;
}
    .wrap_table table {
    font-size: 11px;
}
    
    table td {
    font-size: 11px;
    padding: 15px 10px;
}
    
    .contacts_ul li {
    margin: 0;
}
    
    
    .contacts_buttons input {
    width: 156px;
    padding: 10px 5px;
}}
    
   @media only screen and (max-width: 530px){
.diagnosticsMainImg {
    width: 357px;
    height: 200px !important;
    background-size: contain !important;
        }
    
    table a {
    font-size: 11px;
}}
    
    @media only screen and (max-width: 640px){
.bmap_form {
    width: 100%;
        }}

@media only screen and (max-width: 768px){
.menu ul li {
    display: block;
    margin: auto;
    }}

@media (max-width: 768px){
.contacts_buttons input {
    font-size: 12px;
    }}

@media (max-width: 768px){
.tel_form {
    width: 322px;
    height: 261px;
    }}

.deliveryLeftBlock {
    width: 100%;
    max-width: 600px;
}

.wrap_deliveryRightBlock {
    height: 939px;
}

@media only screen and (max-width: 992px){
.main_ul_delivery {
    width: 100%;
    font-size: 12px;
    }}

@media only screen and (max-width: 992px){
.tableAndCards {
    margin: 0 15px;
    }}

@media only screen and (max-width: 768px){
.transform-section .transform-item {
    width: 50%;
    }

}

.transform-section .transform-item a img {
    width: 50%;
}

@media only screen and (max-width: 768px){
.footer-logo {
    width: 134px;
    }}

@media only screen and (max-width: 480px){
.contactsMainBlock input {
    width: 188px;
    }}


@media only screen and (max-width: 480px){
.repairs_card {
    width: 234px;
    height: 400px;
    }}

@media only screen and (max-width: 992px){
.surpris_form_long {
     display: block; 
    }}

@media only screen and (max-width: 530px){
.imgAndUlwrap {
    width: 320px;
}}

@media (max-width: 425px){
.imgAndUlwrap p {
    float: none !important;
    height: 185px;
    background-size: 320px;
    padding-right: 15px;
    }}



@media only screen and (max-width: 768px) {
    .zakaz_button {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .logo_text {
        display: flex;
        justify-content: center;
            gap: 3px;
    }

    .logo .z_button {
        display: initial;
    }

        .logo {
            height: 115px;
        }
}

@media only screen and (max-width: 500px) {
    .header_contacts p, .namberCompany{
            font-size: 12px;
    }
}