/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1194px) {
    
	.main_header {padding-top: 180px;}
    .site_nav {
        float: none;
        margin: 0 auto 30px;
    }
    .user_block {
        float: none;
        margin: 0 auto 20px;
        width: 210px;
    }
    .lk_link {
        float: none;
        margin: 0 auto;
    }
    .phone_block {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .worktime {padding-left: 0;}
    .callback {margin-left: 0;}
    .main_banner {max-width: 1200px;}
    .main_banner {
        float: none;
        margin: 0 auto 30px;
    }
    .slider_wrap {
        float: left;
        width: 50%;
    }
    .slider {
        float: none;
        margin: 0 auto;
    }
    .week_product {
        width: 50%;
        float: right;
    }
    .about_block {
        float: none;
        width: 100%;
        padding-bottom: 50px;
    }
    .a_links {
        float: none;
        width: 100%;
    }
    .b_block {margin: 0 auto;}
    .logo_block {
        position: relative;
        left: 0;
        margin: 0 auto 10px;
    }
    .f_nav {
        float: none;
        padding: 0;
        text-align: center;
    }
    .f_block {
        width: 100%;
        float: none;
        text-align: center;
    }
    .f_contacts {padding: 0;}
    .designer:before {
        left: 50%;
        margin-left: -23px;
    }
    .left_sidebar, .right_sidebar, .content_right, .content_left {
        float: none;
        width: 100%;
    }
    .right_sidebar .bl_list li {
        width: 25%;
        float: left;
    }
    .content_left {padding-bottom: 50px;}
    .top_image img {width: 100%;}
	
	#verh_str {display: block;}
	.sidebar_menu {display: none;}
	#catal  {cursor: pointer;}
}

@media only screen and (max-width : 1030px) {
    .prod_list li, .bl_list li, .catalog_list li, .right_sidebar .bl_list li, .see_also_list li {width: 50%;}
    .sort {
        position: relative;
        margin: 0 auto 20px;
    }
    .text_image {
        float: none;
        margin-right: 0;
        padding-bottom: 20px;
    }
	
	.examenator {width: 100%!important;}
}

@media only screen and (max-width : 1023px) {

}

@media only screen and (max-width : 855px) {
    .info_table_wrap {overflow: scroll;}
}
@media only screen and (max-width : 830px) {
    .tovar_slider {
        margin: 0 auto 30px;
        float: none;
    }
    .pr_info {
        float: none;
        margin: 0 auto;
    }


}
/* Medium Devices, Desktops */
@media only screen and (max-width : 800px) {
    .catalog_inner {padding-left: 0;}
    .catalog_inner:before {display: none;}
    .catalog_lists ul, .catalog_lists fieldset {
        width: 100%;
        float: none;
        padding-right: 0;
    }
	.podcatalog > li {
		width: 100%;
	}
    .about_block, .files_wrap {padding-left: 0;}
    .title_full_width span {margin-left: 0;}
     
}

@media only screen and (max-width : 760px) {
    .lk_coll {
        width: 100%;
        float: none;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .form_label {
        height: auto;
        padding-bottom: 12px;
    }
    .lk_form .clear {padding-bottom: 10px;}
    .lk_form .padd_bott {padding-bottom: 40px;}
    .ch_coll {
        padding-top: 0;
        margin-top: -10px;
        padding-bottom: 10px;
    }
    .calendar_ico {display: block;}
    .lk_form {padding-bottom: 45px;}
    .cart_table_wrap {
        width: 290px;
        margin: 0 auto 29px;
    }
    .cart_table thead {display: none;}
    .cart_table td {display: block;}
    .cart_table col {display: none;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 629px) {
    .slider_wrap {
        width: 100%;
        padding-bottom: 30px;
        float: none;
    }
    .week_product {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .a_links, .a_links li {
        float: none;
        width: 100%;
    }
    .prod_list li, .bl_list li, .catalog_list li, .right_sidebar .bl_list li , .see_also_list li {
        width: 100%;
        float: none;
    }
}

@media only screen and (max-width : 530px) {
    .pr_info {width: 100%;}
    .pr_box .float_l, .pr_box .float_r {
        width: 100%;
        float: none;
    }
    .pr_bott .pr_price {
        float: none;
        text-align: center;
        width: 100%;
        padding-bottom: 10px;
        padding-left: 0;
    }
    .pr_bott .spinner {
        float: none;
        text-align: center;
        display: block;
        padding-bottom: 15px;
    }
    .pr_bott .pr_buy {
        float: none;
        padding: 0;
        text-align: center;
    }
    .write_feedback {padding-bottom: 30px;}
    .write_feedback .float_l, .write_feedback .float_r {
        float: none;
        width: 100%;
    }
    textarea {height: 100px;}
	.sposob_dost 
		{
			width: 404px;
		}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .site_menu li {
        display: block;
        padding-bottom: 4px;
        padding-right: 0;
        text-align: center;
    }
    .site_menu li:before {display: none;}
    .main_banner {
        padding: 20px 15px;
    }
    .mb_title {font-size: 34px;}
    .simple_list, .number_list, .content_left .simple_list {padding-left: 10px;}
    .total .blue_butt {position: relative;}
    .quote {padding-left: 20px;}
		.sposob_dost 
		{
			width: 101px;
		}
	#podskaz
	{
	width: 290px;
	}
}

/* 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 */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

.w40percent {width: 40%;}
.w60percent {width: 60%;}

@media (max-width: 768px) {
  .w40percent,
  .w60percent {
    width: 100%;
  }
}