@media(max-width:1200px){
    #menu {
        position:fixed;
        top:0px;
        max-width:100%;
        width:300px;
        height:100vh;
        z-index:10;
        padding-top:80px;
        visibility:hidden;
        right:-300px;
        transition:all 300ms ease-in;
    }
    .menu-close {
        position:absolute;
        width:40px;
        height:40px;
        right:10px;
        top:10px;
        cursor:pointer;
    }
    .menu-close:before,.menu-close:after {
        position:absolute;
        width:30px;
        height:4px;
        background:#fff;
        content:'';
        left:5px;
        top:18px;
    }
    .menu-close:after {
        transform:rotateZ(45deg);
        -moz-transform:rotateZ(45deg);
        -webkit-transform:rotateZ(45deg);
        -ms-transform:rotateZ(45deg);
        -o-transform:rotateZ(45deg);
    }
    .menu-close:before {
        transform:rotateZ(-45deg);
        -moz-transform:rotateZ(-45deg);
        -webkit-transform:rotateZ(-45deg);
        -ms-transform:rotateZ(-45deg);
        -o-transform:rotateZ(-45deg);
    }
    #menu.menu-show {
        right:0px;
        visibility:visible;
    }
    #menu .mn-main {
        display:block;
        width:auto;
        float:none;
    }
    .head-list {
        display:none;
    }
    .head-icon.menu-icon {
        display:inline-block;
    }
    
    #baner {
        width:100%;
    }
    .steps {
        width:100%;
        padding:30px 0px 0px 10px;
        
    }
    .steps .art .txt {
        padding:0px 10px 0px 0px;
    }
    .steps .art {
        float:left;
        width:33.33%;
    }
    .head-item {
        margin-top:18px;
    }
    .head-right {
        margin-top:10px;
    }
    #search-box {
        display:block;
    }
    .search-bar {
        text-align:center;
    }
    .search-right {
        float:none;
        text-align:center;
        padding:20px 0px;
    }
    .foot .foot-top {
        box-sizing:border-box;
        padding-left:20px;
    }
}
@media(max-width:1000px){
    .head-item.phone-icon {
        display:none;
    }
    #creator-left {
        width:100%;
    }
    #creator-center {
        width:100%;
    }
}
@media(max-width:900px){ 
    .foot .foot-top,.foot .foot-bottom {
        width:100%;
        box-sizing:border-box;
        padding:0px 20px;
    }
    .small-cats .cat {
        width:12.5%;
    }
    .small-cats .cat-box {
        margin:0px 2px;
    }
    
}
@media(max-width:800px){ 
    .order-cart-prod-head {
        display:none;
    }
    .order-cart-prod .prod-col-a,.order-cart-prod .prod-col-b {
        width:100%;
    }
    .order-cart-prod .prod-col1 {
        border:none;
    }
    .order-cart-prod .prod-col-a {
        border-bottom:1px solid #ddd;
    }
    .order-cart-prod  {
        flex-direction: column;
    }
    #order-form .col1, #order-form .col2 {
        width:100%;
    }
    .col-content {
        border:none;
    }
    .price-box {
        font-size:16px;
    }
    #total-cost {
        font-size:34px;
        display:block;
        padding:10px 0px;
    }
}

@media(max-width:700px){ 
    .ph {
        width:50%;
    }
    .head-item.mail-icon {
        display:none;
    }
    .steps .art .img {
        width:100%;
    }
    .steps .art .txt {
        width:100%;
        padding-top:20px;
    }
    .head-icon {
        padding:45px 5px 0px 5px;
        
    }
    .cat, .inspire {
        width:25%;
    }
    .param-panel-left,.param-panel-right {
        width:100%;
    }
}
@media(max-width:600px){ 
    .search-bar .search-inp {
        width:95%;
        margin:10px 0px;
    }
    .search-bar #search {
        width:100%;
        margin:0px;
    }
    .search-bar .own-upload-box,.search-bar .favourite-btn {
        padding:45px 0px 10px 0px;
        display:block;
        text-align:center;
        margin:0px;
    }
    .search-bar .own-upload-box:before,.search-bar .favourite-btn:before {
        left:50%;
        margin-left:-20px;
        top:0px;

    }
    .tabs .group-item {
        font-size:14px;
        padding:10px 10px;
    }
    .cat, .inspire {
        width:33.33%;
    }
    .foot-col {
        width:100%;
        box-sizing:border-box;
    }
    .small-cats .cat {
        width:20%;
    }
    .pagination .p,.pagination .dot {
        display:none;
    }
    .field label {
        width:100%;
        padding-bottom:2px;
    }
    .field .input {
        width:100%;
    }
    .creator-param-size label {
        display:block;
        padding-bottom:3px;
    }
    #cart-btn {
        font-size:16px;
    }
    .fld-13 {
        width:100%;
    }
    #order-form .col-content {
        padding:0px 3px;
    }
}
@media(max-width:400px){ 
    .order-cart-prod .prod-cnt {
        padding:20px 3px;
    }
    .ph {
        width:100%;
    }
    .foot-contact strong {
        font-size:26px;
    }
    .foot .foot-icon {
        font-size:16px;
    }
    .head-icon {
        padding:45px 10px 0px 10px;
        
    }
    .cat, .inspire {
        width:50%;
    }
    #logo {
        float:none;
        width:120px;
        margin:0 auto;
        display:block;
    }
    .head-right {
        float:none;
        display:block;
        text-align:center;
    }
    
}
@media(max-width:400px){ 
    .steps .art {
        width:50%;
    }
    .small-cats .cat {
        width:25%;
    }
    
    .steps .art:nth-child(3) {
        display:none;
    }
}