@media screen and (max-width: 1250px)
{
		.container {padding: 0 3px;}
		.order_table table {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; float: none;}
		.header .logo img {max-width: 100%; max-height: 100%;}
		.header .header_main, .header .phone {font-size: 2rem!important;} 
		.header .phone {margin-bottom: 10px;}
		.header .header_comment {font-size: 1.2rem!important;} 
        .header .contacts .phone a {text-decoration: underline; font-size: 2rem!important;}
		.header .call_order {display: none;}
		.footer .footer_menu {display: none;}
		
		.sort_type, .view_type {display: none;}
		.line {height: 3px;}
		
		.good_left {width: 35%;} 
		.good_right {margin-left: 35%;}
		.good_left .main_image img {max-width: 100%;}
		//.good_right .buy {width: 100%;}
		//.good_right .buy .price {width: auto!important;}
		//.good_right .buy div {float: none;text-align: left;}
		//.buy .mybtn {float: left;}
		.mininav {margin-bottom: 15px;}
		
		
}
@media screen and (max-width: 1000px)
{
		 body, input {font-size: 1rem!important; line-height: 1;}
		.paging a, .paging span {font-size: 1rem!important; line-height: 1;}
		 h1 {font-size: 1.5rem; line-height: 1;}
		 h2 {font-size: 1.3rem; line-height: 1;}
		 h3 {font-size: 1.2rem; line-height: 1;}

		.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 .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%;}
        
        .lightgallery_adaptive {
                display: flex!important;
                display: -webkit-flex;!important;
                display: -moz-flex!important;
                display: -ms-flexbox!important;
                
                justify-content: center!important;
                -webkit-justify-content: center!important;
                -moz-justify-content: center!important;
                -ms-justify-content: center!important;
                
                flex-wrap: wrap!important;
                -webkit-flex-wrap: wrap!important;
                -moz-flex-wrap: wrap!important;
                -ms-flex-wrap: wrap!important;
        }
        
        
        .good_menu {display: none;width: 100%;}
        .good_content {margin-left: 0; padding-left: 0px;}
        .show_cat {display: inline-block!important;}
}
@media screen and (max-width: 800px)
{

	.header {border-bottom: 2px solid #4a312a; padding-left: 80px;}
	.header .header_main, .header .header_comment {position: relative; top: auto; left: auto; text-align: center;}
	.header .contacts {text-align: center; position: relative; float: none!important; top: auto!important;}
	.header .contacts .email, .header .contacts .address {display: none;}
	.header .logo img {max-width: 80%; max-height: 80%; display: none;}
	.mobile_menu_button {display: block!important;}

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


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

}
@media screen and (max-width: 700px)
{
    
    //.header .contacts {float: right; top: 50px !important;}
    //.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%;}
    
    .good_left {width: 100%; padding: 0px!important;} 
    .good_right {width : 100%; margin-left: 0; padding: 0px!important;}
    .good_content.item_page {padding: 0 2%!important;}
    .buy {margin-top: 0;}
    .good_left {text-align: center;}
    
    
    
}
@media screen and (max-width: 600px)
{
	.slider {display: none;}

	.col.w20 {width: 50%;}
	.col.w25 {width: 50%;}
	
	.good_page .good_left, .good_page .good_right  {width: 100%; padding-right: 0!important;}
	.good_right h1 {text-align: center;}
	.good_page .good_right .add {text-align: center;}
	.good_page .mobile_header {display: block!important;}
	.good_page .good_right h1 {display: none;}
	
	
	.good_page .lightgallery_good .main_image {width: 70%!important;}
	.good_left .lightgallery_good {    
    	display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        
        justify-content: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;}
        
       
}
@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 {text-align: center; width: 100%; position: relative; float: auto; margin: 0 auto; top: auto!important; right: auto!important; margin-bottom: 15px;}

    .footer .rel {text-align: center;}
    .footer .contacts {margin-top: 10px; text-align: center; position: relative; top: auto; width: 100%; display: inline-block;}
    .footer .contacts .phone {text-decoration: underline;}
    .footer .contacts .phone a {color: #FFFFFF;}
    
    .header .header_comment {display: none;}
    
    .button_order {float: none!important;}
    .button_order .btn.big {display: block; margin: 10px 0;}
}
@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; padding: 20px 10px;}
	.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: 50%;
    display: block;
    background: url('/pics/mobile_menu.png') no-repeat 0 0;
    margin-top: -25px;
    //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;}