@media screen and (max-width: 1150px)
{
		.container {padding: 0 3px;}
		.table-content {display: block; height: auto!important; overflow-x: scroll; width: 100%;}
		#toTop {right: 0!important;bottom:0!important; padding: 5px!important;}


		.header {text-align: center; padding-left: 20px;}
		.header .slogan {display: none;}
		.header .logo {text-align: left; display: table-cell;}
		.header .logo img {max-width: 100%; max-height: 100%;}
		.header .contacts {font-size: 1.5rem!important; text-align: center; display: table-cell; vertical-align: middle; right: auto; left: auto; top: auto; position: relative;}
		.header .contacts .phone a {text-decoration: underline; font-size: 1.5rem!important;}
		.header .call_order {text-align: right; display: table-cell; vertical-align: middle; right: auto; left: auto; top: auto; position: relative;}

		.footer .footer_menu {display: none;}
}
@media screen and (max-width: 1000px)
{
		 body, input {font-size: 1rem!important; line-height: 1rem;}
		.paging a, .paging span {font-size: 1rem!important; line-height: 1rem;}
		 h1 {font-size: 1.5rem; line-height: 1.5rem}
		 h2 {font-size: 1.3rem; line-height: 1.3rem}
		 h3 {font-size: 1.2rem; line-height: 1.2rem}

		.table-content tr td {padding: 5px;}
		.table-content th {padding: 10px 10px;}
		.main_menu {font-size: 0.7rem; top: auto; bottom: auto; position: relative; top: auto!important;}

		/*!!!*/
		.footer {height: 100px;} .content_container {padding-bottom: 80px}
		.footer .footer_text {display: none;}
		.footer .call_order {display: none;}
        .footer .dev {display: none;}
        .footer .social {top: 40px;}
        .footer .contacts {top: 40px;}

        .noadapt .col.w20 {width: 20%!important;}
        .noadapt .col.w25 {width: 25%!important;}
        .noadapt .col.w33 {width: 33.3%!important;}
        .noadapt .col.w40 {width: 40%!important;}
        .noadapt .col.w50 {width: 50%!important;}

        .col.w20 {width: 25%;}
        .col.w25 {width: 33.3%;}
        
        ul.items {  
            justify-content: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -ms-justify-content: center;
        }
}
@media screen and (max-width: 800px)
{
    body { background:rgba(255, 255, 255, 1);}
    .page_content {
        -webkit-box-shadow: none;
        -moz-box-shadow:    none;
        box-shadow:         none;
    }
	.header {border-bottom: 2px solid #233c72; padding-left: 80px;}
	.header .logo img {max-width: 80%; max-height: 80%;}

	.main_menu {display: none;}
	.main_menu {position: relative; box-shadow: none; height: auto;}
    .main_menu li {display: block; width: 100%!important; border-radius: 4px; font-size: 0.8rem;  margin: 3px 0;}
    .main_menu ul.sub {position: relative;}
    .main_menu .item_home {display: none;}


	.slider {margin-top: 0!important;}

	.mobile_menu_button {display: block!important;}

}
@media screen and (max-width: 700px)
{
    .header .call_order {display: none;}
    .note {padding: 10px;}
    .order_table .img img {display: none;}
    .order_table .kol_buttons input {width: 100%!important;}

    .col.w20 {width: 33.3%;}
    .col.w25 {width: 33.3%;}
    .col.w33 {width: 50%;}
}
@media screen and (max-width: 600px)
{
	.slider {display: none;}

	.col.w20 {width: 50%;}
	.col.w25 {width: 50%;}
}
@media screen and (max-width: 500px)
{
    .table-content tr td {padding: 0px; font-size: 0.8rem;}
    .table-content th {padding: 5px 2px;}

    .header {padding-left: 60px;}
    .header .logo {display: block; width: 100%; text-align: center;}
    .header .logo img {max-height: 80px; padding: 5px 0;}
    .header .contacts {display: none;}

    .footer .social {display: none;}


}
@media screen and (max-width: 450px)
{
    .col.w20 {width: 100%;}
    .col.w25 {width: 100%;}
    .col.w33 {width: 100%;}
    .col.w50 {width: 100%;}

}
@media screen and (max-width: 400px)
{
	.popup {max-width: 98%; box-sizing: border-box;left:0!important; margin-left: 1%!important;}
	.table-content td {padding: 2px!important; font-size: 0.8rem !important}

}

/*Мобильное меню - кнопка*/
.mobile_menu_button {
    position: absolute; height: 50px; width: 50px;
    background-color: #FFFFFF;
    z-index: 999;
    left: 10px;
    top: 10px;
    display: block;
    background: url('/pics/mobile_menu.png') no-repeat 0 0;
    //opacity: 0.7;
    //-webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.2);
    //-moz-box-shadow:    0px 2px 4px 0px rgba(50, 50, 50, 0.2);
    //box-shadow:         0px 2px 4px 0px rgba(50, 50, 50, 0.2);
}
.mobile_menu_button.active {opacity: 1; background: url('/pics/mobile_menu.png') no-repeat 0 -50px; }

.mobile_content .phone {margin: 10px 0;}
.mobile_content .phone a {text-decoration: underline;}