@media only screen and (max-width : 1200px) {
    .h-image {
        display: none;
    }
}

@media only screen and (max-width : 992px) {
    body {
        background: #e5e1de;
    }
    .h-image {
        display: none;
    }
    .main-content .bg {
        background: #FFF;
    }
    .main-content .col-md-9 {
        padding: 10px 20px 10px 20px;
    }
    header .container,
    header .row,
    header .col-md-12 {
        padding: 0;
        margin: 0;
    }
    .top-menu {
        position: relative !important;
        height: auto !important;
    }
    .top-menu ul {
        display: none;
        margin-top: 0 !important;
        padding: 6px 0 10px 0 !important;
        margin: 1px 0 90px 0 !important;
        background-color: #2d4b56;
    }
    .top-menu li {
        width: 100%;
    }
    .top-menu a {
        height: 40px !important;
        line-height: 40px !important;
        width: 100%;
        border: none !important;
        text-align: left !important;
        padding: 0 18px 0 18px !important;
    }
    .top-menu a:hover,
    .top-menu a.selected {
        background: none !important;
        text-decoration: underline;
    }
}

@media only screen and (max-width : 1020px) {
    .top-menu ul li a {
        padding: 0 24px 0 25px;
    }
    .bottom-menu ul li a {
        padding: 0 10px 0 11px !important;
    }
}

@media only screen and (max-width : 800px) {
    .listitem-carousel {
        display: none;
    }
    .bx-catalog .decor-art {
        display: none;
    }
}

@media only screen and (max-width : 700px) {
    .f-tel,
    .f-address {
        width: 100%;
        padding: 0;
        position: relative;
        text-align: center;
        background: none;
        margin-top: 18px;
    }
    .f-address {
        margin-top: 5px;
        padding-bottom: 10px;
    }
    .f-address span {
        width: auto;
    }
    .f-center {
        margin: 10px 0 0 0;
        position: relative;
    }
    .f-copy,
    .li {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin: 0;
    }
    .li {
        margin-top: 8px;
    }
    .bottom-menu ul {
        display: none;
    }
    footer .top-link {
        display: inline-block;
    }
}

@media only screen and (max-width : 670px) {
    .main-content .col-md-9 {
        text-align: center;
    }
    .bx-catalog .select-block-size,
    .bx-catalog .select-block-color {
        width: 100%;
        height: auto;
    }
    .bx-catalog .select-size-art,
    .bx-catalog .select-color-art {
        margin-left: 0;
    }
    .bx-catalog .select-color-art {
        margin-left: 19px;
    }
    .bx-catalog .user_name,
    .bx-catalog .user_email,
    .bx-catalog .user_fio,
    .bx-catalog .user_date,
    .bx-catalog .text {
        width: 262px;
        margin: 10px 0 0 0;
        padding: 0 10px 0 10px;
        border: solid 1px #808385;
    }
    .bx-catalog .max_file_text,
    .bx-catalog .img_upload,
    .bx-catalog .order-button {
        margin-left: 0;
    }
    .bx-catalog .price-table-block {
        width: auto;
        padding: 0;
    }
    .bx-catalog .price-table td {
        padding: 4px 3px 4px 3px;
    }
    .bx-catalog .summa {
        position: relative;
        top: 0;
        right: 0;
        margin: 6px;
        font-size: 26px;
        color: #2884AB;
    }
    .index-form .max_file_text {
        padding: 0 5px;
        font-size: 14px;
        text-align: center;
    }
	.index-form .item-image {
        margin: 12px 0 0 0;
    }
}

@media only screen and (max-width : 550px) {
    .costumes-page .col-xs-6,
    .zolotoy-ornament .col-xs-6,
    .kolumbarnye-plity .col-xs-6 {
        width: 100%;
    }
    footer .f-bottom {
        padding: 15px;
    }
    footer .col-md-4 {
        width: 100%;
    }
    .f-tel,
    .f-address {
        margin-top: 10px;
    }
    .f-center {
        margin: 0;
    }
    .f-link {
        margin-top: 10px;
        text-align: center;
    }
}

@media only screen and (max-width : 480px) {
    .h-logo {
        position: relative;
        top: 15px;
        left: 0;
    }
    .h-logo-text {
        position: relative;
        top: 12px;
        left: 0;
    }
    .h-tel {
        position: relative;
        display: inline-block;
        top: 14px;
        right: 0;
        background: none;
        padding: 0;
    }
    .h-address {
        width: 280px;
        height: 35px;
        line-height: 35px;
        top: 8px;
        right: 0;
        text-align: center;
        display: inline-block;
        position: relative;
        background: none;
        padding: 0;
    }
    .h-address span {
        width: auto;
        display: inline-block;
    }
    .top-menu {
        top: 8px !important;
    }
    .top-menu ul {
        margin: 1px 0 0 0 !important;
    }
    .page-art {
        font-size: 24px;
    }
    .nestandartnye-formy .row,
    .nestandartnye-formy .col-md-6 {
        padding: 0;
    }
}

@media only screen and (max-width : 400px) {
    .index-form .item-form {
		width: 280px!important;
	}
	.index-form .user_name,
    .index-form .user_email,
    .index-form .user_fio,
    .index-form .user_date,
    .index-form .text,
    .index-form .img_upload .button,
    .index-form .img_upload,
    .index-form .order-button {
        width: 100%;
    }
}

@media only screen and (max-width : 320px) {
    .bx_catalog_tile .bx_catalog_tile_ul li {
        margin-left: 21px;
    }
    .bx-catalog .select-size-art,
    .bx-catalog .select-color-art {
        width: 100%;
        margin-left: 0px;
    }
    .bx-catalog .price-table {
        border-collapse: separate;
        border-spacing: 3px;
    }
    .bx-catalog .price-table td {
        padding: 4px 3px 4px 3px;
    }
}

@media only screen and (min-width : 768px) {
    .listitem-carousel {
        display: block;
    }
}

@media only screen and (min-width : 992px) {
    .top-menu ul {
        display: block !important;
    }
}