@media (min-width: 1201px) {

}


@media (min-width: 1300px) {
    .container {
        max-width: 1240px;
    }
}

@media screen and (max-width: 1024px) {
    
    .ptop-info_item, .ptop-info_item:last-child {
        border: 1px solid #E8E8E8;
        padding: 10px;
        border-radius: 5px;
        width: 49%;
        margin-right: 1%;
        margin-bottom: 5px;
    }
    
    .p-top_title {
        margin-bottom: 10px;
        width: 100%;
    }
    
    .p-top {
        border: none;
        padding: 0;
    }
    
    .ptop-info {
        width: 100%;
    }

    .sidetotal {
        padding: 15px;
    }

    .sidetotal-price {
        font-size: 30px;
    }

    .createrequest-flex {
        padding: 30px;
    }

    .header-katalog_wrap {
        display: none;
    }

    header#header #topnav {
        display: none;
    }
    a.openMenu {
        display: flex;
        margin-left: 20px;
    }
    li.hide.mm-listitem {
        display: block !important;
    }
    nav#topnav {
        transition: 1s;
        z-index: 1000;
        left: -500px;
        max-width: 500px;
        display: block;
    }

    nav#topnav.mm-menu_opened {
        left: 0;
    }
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
        min-height: unset !important;
        transform: none;
    }
    ul.toplist.mm-listview {
        display: block;
    }

    ul.child-list.mm-listview {
        display: block;
    }
    .header-city {
        flex-grow: 1;
    }

    .header-katalog_wrap {
        display: none;
    }





    .content {
        width: 100%;
    }
    .container {
        max-width: 100%;
    }
    .profile-right .bt,
    .box .bt {
        font-size: 14px;
    }
    ul.lkmenu {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    ul.lkmenu li {
        width: 23%;
    }

    ul.lkmenu li.lkmenu-head {
        width: 100%;
    }

    ul.lkmenu li.logout-li {
    
    }
}
@media screen and (max-width: 992px) {
    ul.lkmenu li {
        width: 48%;
    }
    .header-search {
        display: none;
    }
    .logo {
        flex-grow: 1;
    }
    a.notif-link {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    
    .messages-left {
        width: 30%;
    }
    
    .messages-right {
        /*width: 70%;*/
    }
    
    div#modalMasterAnketa .modal-body {
        padding: 30px;
    }
    .reg-title {
        font-size: 25px;
    }    
  
    select.mserv-price {
        width: 200px;
    }
    
    .mserv-price {
        font-size: 12px;
        padding: 5px;
    } 
    
    .mserv-table td:nth-child(2) {
        white-space: nowrap;
    }
    
    
    .ptop-info_item {
        font-size: 16px;
    }
    
    .fileimg-add.js_add-service {
        margin-bottom: 0;
    }
    
    .mserv-table {
        font-size: 14px;
    }
    
    .profile-field {
        padding: 0 15px;
    }
    
    .profile-head {
        font-size: 16px;
        padding: 25px 15px;
    }
    
    .mserv-table td {
        font-size: 14px;
    }
    
    .table-head_btns .bt {
        margin-left: 0;
        width: 100%;
        margin-top: 10px;
    }

    .success-request_head {
        font-size: 25px;
    }

    .success-request_bottom {
        font-size: 18px;
    }

    .success-request_top svg, .error-request_top svg {
        width: auto;
        height: 100px;
    }

    .success-request_btn {
        padding: 15px 0;
    }

    .sidetotal {
        /* display: none; */
        margin-top: 30px;
    }

    .createrequest-flex form {
        width: 100%;
    }
    .form-head {
        font-size: 18px;
    }

    .createrequest-flex {
        margin-bottom: 50px;
    }

    .title {
        font-size: 25px;
    }
    .title.lktitle {
        font-size: 18px;
    }
    .loginbox {
        padding: 50px 15px;
    }
    .login-wrap {
        width: 100% !IMPORTANT;
    }
    .catstab-wrap .login-wrap.mr-15px {
        margin-right: 0;
    }
    .login-input {
        font-size: 14px;
    }
    .ava-img img {
        width: 80px;
        height: 80px;
    }

    .ava {
        margin-right: 15px;
    }

    .profile-content {
        width: calc(100% - 95px);
    }

    .title {
        margin-bottom: 20px;
    }

    .box {padding: 20px;}

    .btns-wrap .bt,
    .box .bt {
        font-size: 14px;
    }
    .btns-wrap .bt {
        margin-bottom: 10px;
    }
    .master-item {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 767px) {
    
    .cr-right {
        width: 100%;
    }

    .prodlist-table td {
        padding: 10px;
        font-size: 14px;
    }

    .table-wrap {
        overflow-x: auto;
    }
    .table-wrap::-webkit-scrollbar-track{background-color:#fff}
    .table-wrap::-webkit-scrollbar{height:5px}
    .table-wrap::-webkit-scrollbar-thumb{background-color:#CEB876}

    .prodlist-table thead td {
        white-space: nowrap;
    }

    a.notif-link {
        color: #CEB876;
        border: 1px solid #CEB876;
        padding: 10px 15px;
        margin: 1px;
        flex-grow: 1;
        text-align: center;
    }

    .notif-links {
        border: none;
    }

    a.notif-link.active::before {
        opacity: 0;
    }

    a.notif-link.active {
        background: #CEB876;
        color: #fff;
    }

    .prodtotal-price {
        font-size: 30px;
    }

    .prodtotal-btn {
        padding: 10px;
        font-size: 16px;
    }

    .header-auth {
        display: none;
    }
    .header-btn {
        display: none;
    }
    .logo img {
        width: 180px;
    }
    ul.lkmenu li {
        width: 100%;
    }
    ul.lkmenu {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    .transaction-left, .transaction-right {
        width: 100%;
    }
    .notifications-left, .notifications-right {
        width: 100%;
    }
    .profile-left {
        width: 100%;
    }

    .profile-right {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .profile-right .profile-item {
        width: 49%;
    }

    .profile-right .profile-item:last-child {
        width: 100%;
    }
    .logo img {
        width: 150px;
    }
    .header-lang {
        font-size: 13px;
        margin-right: 15px;
    }

    .lang-active img {
        margin-right: 2px;
    }

    body.lk-page {
        padding-top: 100px;
    }

}
 


@media screen and (max-width: 580px) {
    
.audio-wrap audio {
    width: 100%;
}

.login-wrap.audio-wrap {
    flex-wrap: wrap;
}    

.range-half {
    width: 100%;
    flex-wrap: wrap;
} 

span.range-half_head {
    width: 100%;
}  

.prodtotal {
    padding: 0 30px;
}
    
    
.profile-item_social .input-label {
    width: 100%;
}

.profile-item_social .input-wrap {
    flex-wrap: wrap;
}    

.messages-left {
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
    border: 1px solid #E5E5E5;
    background: #fff;
    border-bottom-width: 10px;
}
 

.messages-right {
    width: 100%;
    background: #fff;
}

.messages-wrap {
    border: none;
} 

.messages-box .font20 {
    font-size: 14px;
}

.messages-box .font14 {
    font-size: 12px;
}

.messages-box.messages-box_gray {
    padding: 10px 30px;
}    


 
.fieldset {
    padding: 0 25px;
}

.constructor-head {
    padding: 0 25px 25px;
}

.form-head {
    padding: 0 25px 25px;
}  
      
.createrequest-flex {
    padding: 0;
}


.notif-links {
    padding: 0;
}

.lktitle-wrap {
    padding: 0;
    padding-bottom: 15px;
}

.request-remove {
    text-align: left;
} 
table.transaction-table td:first-child {
    padding-left: 15px;
}

table.transaction-table thead td {
    font-size: 14px;
    white-space: nowrap;
}


}



 



@media screen and (max-width: 480px) {
    
    .createrequest-flex {
        margin-bottom: 0;
    }
    
    .ptop-info_item, .ptop-info_item:last-child {
        width: 100%;
    }
    
    .lkmenu-link2 {
        max-width: unset;
    }
        
    .modal-title {
        font-size: 30px;
    }

    .master-item {
        width: 100%;
    }
    div.cattab-btn {
        flex-grow: 1;
    }

    .cattab-btn {
        flex-grow: 1;
        margin: 1px;
        width: auto;
    }
    body.login-page .layout-content {
        display: block;
        padding-bottom: 130px;
    }
    .profile-right .profile-item {
        width: 100%;
    }
    .profile-content {
        width: 100%;
    }
    a.header-phone {
        font-size: 13px;
        margin-right: 10px;
    }
    
    .header-lang {
        margin-right: 0;
    }
    
    .lang-active img {
        width: 16px;
    }
    
     
    
    .fieldset {
        padding: 0 20px;
    }
    
    .title-bonus_right {
        justify-content: unset;
    }
    
    .title-bonus_right .login-input {
        width: 100%;
        max-width: unset !important;
    }
    
    .title-bonus_right form {
        width: 100%;
        max-width: 240px;
    }
    
    
}