@media only screen and (max-width: 1600px) {
       #main2 {width: 1140px;}
       #top {font-size: 12pt;}
       body {font-size: 12pt;}
       #main_menu ul.start_page li {width: 255px;}
       #main_menu li a {width: 255px;}
       #main_menu .top_menu li {width: 280px; margin-right: 0px;}
       #main_menu .top_menu li a { font-size: 20pt;}
       #case99 a {padding: 15px 41px;}
       #case100 a {padding: 15px 67px;}
       #case101 a {padding: 15px 58px;}
       #case183 a {padding: 15px 72px;}
       .slider p {margin-top: -80px; font-size: 2.0rem; margin-left: 17%; width: auto;}
       .qq {padding-top: 5px;}
       .qq1 {width: 68%;}
       .qq01 {margin-bottom: 10px; font-size: 16pt; padding: 10px;}
       .qq2 {width: 31%;}
       .form1 {font-size: 16pt;}
       .p20 {font-size: 18pt !important;}
       .formphone {margin: 163px 0px 0px 218px; font-size: 26pt;}
       #inline2 {margin-top: 0;}
       #content .company_item .special .info_left {margin: 26px 0 0 10px;}
       #content .company_item .special .info_left p {font-size: 16pt!important;}
       #content .company_item .special .info_left span {font-size: 30pt!important;}
}
@media only screen and (max-width: 1400px) {
      #header {padding-top: 4px;}
      .logo { width: 25%;}
      .logos {display: block; width: 100%; text-align: center;}
      .logosx {display: block; width: 100%; text-align: center; font-size: 14pt;}
      .nav_search { width: 48%;}
      .contacts {width: 25%; margin: 0 10px 0 0;}
      .contacts_phone {display: block; margin-bottom: 6px;}
      .btn_callback {display: block; float: none; margin: 0 auto; width: 180px;}
      .btn_callback a {padding: 4px;}
      .hr {margin-top: 90px;}
}
@media only screen and (max-width: 1200px) {
        #main { width: 100%; }
        #main2 { width: 1140px }
        .nav_search { width: 44%;}
        .contacts {width: 28%;}
        .logos span {font-size: 34pt;}
        .logosx {font-size: 12pt;}
        .nav li a {font-size: 12pt;}
        .contacts .phone {font-size: 18pt;}
	#content .left { width: 97%; margin: 0 20px 0 10px; }
         .remont-kvartir ul li {width: 40%;}
        #footer {height: auto; }
        .left_footer { float: none; width: 100%; display: block; }
	.right_footer { float: none; width: 100%; display: block; }
        .contacts2 { float: none; width: 100%; margin-top: 5px;}
        .back_top {display: none !important;}
        .soc_fixed { position: relative; margin: 0 auto; width: 26%;}
       .soc_fixed ul li {display: inline-block;}
       .hr {display: none;}
        .carousel .owl-theme .owl-nav .owl-next {margin-top: -15%;margin-right: -4px;}
        .carousel .owl-theme .owl-nav .owl-prev {margin-top: -15%;margin-left: -4px;}
        .who_work2 .item .img:before { margin: 30px 0px 0px 100px;}  
}
 @media only screen and (max-width: 1140px) { 
        #main_menu ul.start_page { width: 100%; display: block; margin: 0 auto !important;  }
	#main_menu ul.start_page li { width: 50% !important; margin: 1px -2px 1px 0;  padding: 0; }
	#main_menu ul.start_page li:nth-child(2n) { float: right; }
	#main_menu ul.start_page li a { padding: 10px; position: relative;  display: block; width: auto; }
	#main_menu .top_menu { width:100%; display: block; margin: 0 auto !important;  }
	#main_menu .top_menu li { width: 50% !important; margin: 1px -2px 1px 0; padding: 0; }
	#main_menu .top_menu li a { display: block; width: auto; margin: 2px; padding: 17px 0; }
	#main_menu .top_menu li.current a { background-position: top right;}
	#main_menu .top_menu li a:hover { background-position: top right; }
        #main_menu .top_menu li:nth-child(2n) { float: right; }  
        #main2   {width: 100%;}
        .qq1 {width: 100%;}
        .qq2 {width: 100%;}
        #inline2 {width: 100% !important;margin: 0 auto;background-color: rgb(175, 175, 175); margin-top: 50px;}
        .formphone {position: relative;margin: 130px 40px 0 0;font-size: 34pt;float: right; width: 460px;}
        .schema-raboty-box .schema-raboty-cnt span {font-size: 16pt;}
        .article {width: 90%;}
        #send2 { float: none !important;}
        #inline {margin-top: 0;}
}          
@media only screen and (max-width: 980px) {
        .logo { width: 34%;}
        .nav_search { width: 63%; text-align: right;}
        .contacts {width: 99%;}
        .slider p {display: none;}
        .soc_fixed { float: right; margin-top: -35px; width: auto;}
        .rigght {margin: 0 auto;}
        #content .left .doc {width: 88%;}
        .article {width: 77%;}
        .phone_block {background: rgb(252, 252, 207);height: auto;}
        .phone_block .info_left {width: 100%;margin:  0px;float: none;}
        .phone_block .info_right {float: none;margin: 0px;text-align: center;width: 100%;}
        .zakaz {background: rgb(252, 252, 207);height: auto;margin: 0;width: 100%;}
        .zakaz2 {padding-top: 3%;color: black;font-size: 14pt;font-weight: bold;text-align: center;margin-left: 0px;}
        .mobile_hidden { display: none;}
     /*.hr {margin-top: 170px;}*/
	.mobile_vis { display: block;}
	table {max-width: 100% !important; margin: 0 auto; }
        #main_menu ul.start_page li {height: auto;}
	IMG { max-width: 100%;} 
	.breadcrumbs { display: none; }
        #content .middle { width: 97%; }
	#content .left_bar .name_page { /*display: none;*/ width: 100%; }
	#content .left_bar, #content .main_bar { display: block; float: none !important; width: 100% !important; }
	.left_bar p.name_page { display: none;}
	#content .left_bar .name_page { margin-top: 0; padding: 0;}
	#content .left_bar .name_page .name { line-height: 14px; height: 63px; display: table-cell; padding-left: 60px; vertical-align: middle; }
	#content .left_bar .name_page .name a { color: #fff; font-size: 14px; }
	#content .left_banner { display: none; }
	#content .company_item .company_item_contacts .map { width: 100%; height: auto; }
	#content .company_item .company_item_contacts .map iframe { width: 100% !important; }
	#content .company_item .special.mobile_vis {width: 100%  !important;background: #fcfccf;text-align: center;}
	#content .company_item .mobile_vis .discount {background: url('/skin/images/sale.png') no-repeat scroll center center transparent;padding: 60px 0px 80px;margin: 0;font-size: 38pt;color: #fff;float: left; width: 173px;text-align: center;}
        .carousel .owl-theme .owl-nav .owl-next {margin-top: -10%;margin-right: -11px;}
        .carousel .owl-theme .owl-nav .owl-prev {margin-top: -10%;margin-left: -10px;}
        .btn_callback a {padding: 14px;}
        #content .company_item .special {height: 145px;}
}
@media only screen and (max-width: 800px) {

	.mobile_hidden { display: none;}
       /* .hr {margin-top: 170px;}*/
	.mobile_vis { display: block;}
	table {max-width: 100% !important; margin: 0 auto; }
        #main_menu ul.start_page li {height: auto;}
        .h2 {font-size: 24pt;}
	IMG { max-width: 100%;} 
	.breadcrumbs { display: none; }
        #content .middle { width: 97%; }
	#content .left_bar .name_page { /*display: none;*/ width: 100%; }
	#content .left_bar, #content .main_bar { display: block; float: none !important; width: 100% !important; }
	.left_bar p.name_page { display: none;}
	#content .left_bar .name_page { margin-top: 0; padding: 0;}
	#content .left_bar .name_page .name { line-height: 14px; height: 63px; display: table-cell; padding-left: 60px; vertical-align: middle; }
	#content .left_bar .name_page .name a { color: #fff; font-size: 14px; }
	#content .left_banner { display: none; }
	#content .company_item .company_item_contacts .map { width: 100%; height: auto; }
	#content .company_item .company_item_contacts .map iframe { width: 100% !important; }
	#content .company_item .special.mobile_vis {width: 100%  !important;background: #fcfccf;text-align: center;}
        .article {width: 100%;}
        .mschema-raboty-box .mschema-raboty-item {width: 100%;margin-top: 20px;}
        .mschema-raboty-box .mschema-raboty-cnt p {max-width: 400px;}
        .comment li {width: 90%;margin: 0 auto;display: block;margin-bottom: 15px;}
        .comment-wrap {height: auto;}
       .comment  .mc-comment-body {margin-bottom: 30px;}
       .comment  {padding-left: 0;}
}

@media only screen and (max-width: 768px) {

	/*.catalog_wrap .mobile_vis { display: inline-block; width: 14px; height: 14px; border: 1px solid #4e4e4e; border-radius: 8px; cursor: pointer; font-weight: bold; line-height: 12px; text-align: center; }
	.catalog_wrap .mobile_vis:hover { color: #ff641f; border-color: #ff641f; }
	.catalog_wrap .plus { }*/
	
	#main { width: 100%; }
	.nav ul { padding: 0; }
	.nav ul li a { padding-left: 5px !important; padding-right: 5px !important; }
	#content .middle h1, #content .left h1 { font-size: 14pt; }
       .col-lg-4 { width: 100%;}
       .col-lg-5 { width: 100%;}
       .who_work .item .img:before {display:none;}
       .who_work2 .item .img:before {display:none;}
       .offset-lg-2 {margin-left: 0;}
       .who_work .item {max-width: 65%;margin: 0 auto;}
       .who_work2 .item {max-width: 65%;margin: 0 auto;}
}

@media only screen and (max-width: 667px) {

	#content .middle { width: 96%; }
	#content .middle { float: right; }
	#content .left { width: 100%; margin: 0; }
	#content .left h1 { margin-left: 10px; }
	#content .left .doc { margin: 0 10px; }
         .btn_callback  { margin-bottom: 10px;}
	/*#content .group_list td { width: 300px; }
	#content .group_list td img { max-width: 100%; }*/
        #slide {display:none;}
	#content .main_bar .company_list { padding-left: 5%; }
	#content .main_bar .company_list table { width:45%; }
	/*#content .main_bar .company_list table td { width: 100% !important; }*/
       .problem {display: block;}
       .problem1 {width: 98%;}
       .problem2 {width: 98%;}
       .schema-raboty-box {height: auto !important;}
       .schema-raboty-box .schema-raboty-group {margin-top: 0;}
       .schema-raboty-box .schema-raboty-group:before {top: 95px;height: 100%;width: 0;top: 0;bottom: 0;left: 50%;right: auto;border-bottom: 0;border-left: 2px dashed #019535;z-index: 0;}
       .schema-raboty-box .schema-raboty-group:after {content: "";display: block;height: 0;visibility: hidden;clear: both; }
       .schema-raboty-box .schema-raboty-item {float: none;width: 100%;position: relative;max-width: 31px;margin: 0 auto;height: 100px;margin-top: 28px; }
       .schema-raboty-box .schema-raboty-item.master .schema-raboty-ico {top: 0;}
       .schema-raboty-box .schema-raboty-item.master .schema-raboty-cnt {top: 0;}
       .schema-raboty-box .schema-raboty-item:last-child {/*height: auto;*/ }
       .schema-raboty-box .schema-raboty-item .schema-raboty-ico {position: absolute;right: 100%;}
       .schema-raboty-box .schema-raboty-item.right .schema-raboty-ico {right: auto;left: 100%;top:0;margin-left: 5px;}
       .schema-raboty-box .schema-raboty-item .schema-raboty-cnt {position: absolute;right: auto;left: 100%;margin-right: 0px;margin-left: 35px;text-align: left;}
       .schema-raboty-box .schema-raboty-item .schema-raboty-cnt.call {top: 0;}
       .schema-raboty-box .schema-raboty-item.right .schema-raboty-cnt {right: 100%;left: auto;top: 0;margin-right: 35px;margin-left: 0;text-align: right;}
       .schema-raboty-box .schema-raboty-ico.ico1 {top: 0;}
       .schema-raboty-box .schema-raboty-ico.ico2 {background-position: -65px 0px;}
       .schema-raboty-box .schema-raboty-ico.ico3 {background-position: -130px 0;}
       .schema-raboty-box .schema-raboty-ico.ico4 {background-position: -196px 0;width: 92px;}
       .schema-raboty-box .schema-raboty-cnt {top: 0;width: 190px;text-align: left;margin-left: 11px;}
       .schema-raboty-box .schema-raboty-cnt p {max-width: 190px;}
       .schema-raboty-box .schema-raboty-cnt span {display: block;margin: 0;line-height: 17px;}
          .formphone {margin: 79px 0px 0 0;font-size: 26pt;width: 329px;}
          .nschema-raboty-box .nschema-raboty-item {float: none;width: 100% !important;}
          .form1 ol {line-height: 1.5;margin-left: 3px;}
          .brands .item {width: 30%;}
           #content .company_item p {width: 100%;}
          .line {display:none;}

}

@media only screen and (max-width: 600px) {
         .logo { width: 99%; padding-bottom: 10px;}
        .nav_search { width: 99%; text-align: center; margin-bottom: 12px;}
        .nav ul li {padding: 3px 1px 3px 1px;}
        .contacts {width: 99%;}
        #main_menu li span {font-size: 20pt;}
	#wrapper{max-width:640px; width: auto;}
	#inline{max-width:480px; width: auto; text-align: center;}
	#inline label{display:block; margin: 10px auto;}
	#inline .txt{display:block;float:none;max-width:330px; width: 96%; margin: 10px auto;}
	#inline .txtarea{display:block;max-width:474px; width: 96%; margin: 10px auto;}
	#send{color:#fff;float:none; margin: 10px auto;}
        .remont-kvartir ul li {width: 60%;}
       .pphone {font-size: 30pt;}
       .form1 {height: auto;}
       .contacts {margin: 0;}
       .carousel .owl-theme .owl-nav .owl-next {margin-right: -15px;}
       .carousel .owl-theme .owl-nav .owl-prev {margin-left: -12px;}
       .yelowtop {border-width: 0 150px 20px 150px;}
       .yelowbottom {border-width: 0 150px 20px 150px;}
}
@media only screen and (max-width: 568px) {

	.logo { margin: 0 auto;}
	.logo img { /*width: 110%; height: 110%;*/}
	.nav_search { width: 100%; float: none; /*position: absolute;*/ top: 0; left: 0; text-align: center; }
	.nav_search .nav { width: auto; margin: 0 auto; }
	.nav_search .search_module { display: none; }
	.contacts li { width: 40%;}
	.contacts li:nth-child(1) { display: none; }
        .carousel .owl-theme .owl-nav .owl-next {margin-top: -20%;margin-right: -11px;}
       .carousel .owl-theme .owl-nav .owl-prev {margin-top: -20%;margin-left: -10px;}
       .videoItem {width: 97%;}
}

@media only screen and (max-width: 550px) {
	/*#content .group_list td { width: 200px; }*/
	/*#content .main_bar .company_list { padding-left:5%; }*/
        #content .group_list td { width: 200px; }
        #content .group_list td a { width: 200px !important; }
        #content .group_list td img { width: 200px !important; }
        .soc_fixed { margin-top: -7px;}
        .schema-raboty-box .schema-raboty-item {float: left;width: 100%;position: relative;max-width: 100%;}
        .schema-raboty-box .schema-raboty-item .schema-raboty-ico {position: relative;right: 0;left: 0;top: 0;margin-left: 0;}
.schema-raboty-box .schema-raboty-item.right .schema-raboty-ico {
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    margin-left: 0;
}
.schema-raboty-box .schema-raboty-cnt {
    width: 100%;
    position: relative;
    right: 0;
    left: 0;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
}
.schema-raboty-box .schema-raboty-item.right .schema-raboty-cnt {
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
    margin: 0 auto;
}
.schema-raboty-box .schema-raboty-item .schema-raboty-cnt {
    position: relative;
    width: 100%;
    right: 0;
    left: 0;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
}
.schema-raboty-box .schema-raboty-cnt p {
    max-width: 98%;
}
    .col-lg-4 { width: 98%;}
    .schema-raboty-box .schema-raboty-group {margin-top: -50px;}
    .schema-raboty-box {margin-bottom: 50px;}
    #ulok li {margin-left: -25px;}
}

@media only screen and (max-width: 480px) {
        #main_menu ul.start_page { width: auto; display: block; margin: 0 auto !important;  }
	#main_menu ul.start_page li { width: 100% !important; margin: 0;  padding: 0; float: none; display: block; }
	#main_menu ul.start_page li:nth-child(2n) { float: none; }
	#main_menu ul.start_page li a { padding: 10px; position: relative; width: 100px; display: block; width: auto; /*margin-left: 10px;*/ }
        #content .group_listg li {float: none;}
	#content .middle, #content .left { width: 100%; margin: 0; }
	#content .middle h1, #content .left h1 { margin-left: 10px; font-size: 20pt; }
	#content .middle .doc, #content .left .doc { margin: 0 10px; }
	#content .middle .doc p { text-align: center; }
	/*#content .middle .doc p:nth-child(2n) { float: right; }*/

	#main_menu .top_menu li { width: 100% !important; margin: 0; padding: 0; }
	
	  #content .group_list td { width: 300px; }
        #content .group_list td a { width: 300px !important; }
        #content .group_list td img { width: 300px !important; }
	
	#content .main_bar .company_list { padding-left: 5%; }
	#content .main_bar .company_list table { width: 90%; }
	/*#content .main_bar .company_list table td { width: 100% !important; }*/

	#content .company_item table { width: 100% !important;}
	#content .company_item .mobile_vis.tels .discount { float: none; display: block; margin: 0 auto; }
	#content .company_item .mobile_vis.tels p { text-align: center !important; }
        .pphone {font-size: 25pt;}
        .form1 {background-image: none;height: auto;}
        .qq {background-image: none !important;}
        .problem1 {margin: 0;padding: 0 2px 0 2px;}
        .problem2 {margin: 0;padding: 0 2px 0 2px;}
        h1 {font-size: 18pt;}
        h2 {font-size: 16pt;}
        h3 {font-size: 14pt;}
        h4 {font-size: 14pt;}
        h5 {font-size: 14pt;}
        h6 {font-size: 14pt;}
        .p20 {font-size: 14pt !important;}
        .qq01 {font-size: 14pt !important;}
        .form1 {font-size: 14pt !important;}
        .form1 ul {font-size: 14pt !important;}
        .nschema-raboty-box .nschema-raboty-cnt span {font-size: 14pt;}
        .schema-raboty-box .schema-raboty-cnt span {font-size: 14pt;}
        #inline2 {margin-top: 10px;}
}

@media only screen and (max-width: 380px) {

        /*.soc_fixed { display: none;}*/
        .pphone {font-size: 20pt;}
        .schema-raboty-box .schema-raboty-item {margin-top: 65px;}
        .form {background-image: none;margin: 0;}
        .formphone {margin: 0; font-size: 20pt; width: 100%;transform: none;text-shadow: none;height: 90px;}
        .brands .item {width: 50%;}
        .nschema-raboty-box .nschema-raboty-group {margin-top: 0;}
        .fancybox-skin {padding: 10px !important;}
}
@media only screen and (max-width: 360px) {
	
        #content .group_list td { width: 200px; }
        #content .group_list td a { width: 200px !important; }
        #content .group_list td img { width: 200px !important; }
        #inline {margin-top: -14px;}
        #inline .txtarea {height: 95px;}
}

@media only screen and (max-width: 320px) {
	 #content .group_list td { width: 200px; }
        #content .group_list td a { width: 200px !important; }
        #content .group_list td img { width: 200px !important; }
        .pphone {font-size: 16pt;}
       .yelowtop {border-width: 0 110px 10px 110px;}
       .yelowbottom {border-width: 0 150px 20px 150px;}
}

@media only screen and (max-width: 240px) {
	#content .group_list td { width: 180px; }
	#content .main_bar .company_list { padding-left: 0; }
	#content .main_bar .company_list table { width: 80%; }
	/*#content .main_bar .company_list table td { width: 100% !important; }*/
}
