@media(max-width: 1900px){

    .dashboard .card-new
    {
        width: 30%;
    }

    .dashboard .card-new.half-size
    {
        width: 14.3%;
    }
}

@media(min-width: 1845px){

    .dashboard .card-new > .content > .line > .title
    {
        font-size: 19px;
    }
}

@media(max-width: 1845px){

    .widget-container.services-settings .widget-page.services-wrapper.hotel-services-page > .list > .wrapper > .item 
    {
        width: 25%;
    }

    .widget-container.services-settings .widget-page.services-wrapper
    {
        padding: 10px 5px;
    }

    .widget-container.services-settings .widget-page.services-wrapper > .list > .wrapper > .item
    {
        width: 50%;
    }
}

@media (max-width: 1700px){

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title > .photo
    {
        height: 135px;
        padding: 15px 15px 18px 15px;   
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body 
    {
        height: calc(100% - 135px);
    }

    /*.widget-container.services-settings .widget-page.services-wrapper
    {
        padding: 10px 5px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title
    {
        max-width: 290px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.services 
    {
        min-width: calc(100% - 290px);    
    }

    .widget-container.services-settings .widget-page.services-wrapper > .list > .wrapper > .item
    {
        width: 50%;
    }*/

    .constructor-main .themes-wrapper .catalog-buttons-block .list-item .item .wrapper .text
    {
        font-size: 17.5px;
    }

    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn
    {
        margin: 0px -7px;
    }

    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .btn
    {
        margin: 0px 7px;
    }

    .widget-analitycs .charts-wrapper.charts-list-type-events .item-list-wrapoer .item-list .item .wrapper .title 
    {
        top: auto;
        bottom: 8px;
        font-size: 23px;
        width: calc(100% - 165px);
    }

    .widget-analitycs .charts-wrapper.charts-list-type-events .item-list-wrapoer .item-list .item .wrapper .params-wrapper
    {
        width: calc(100% - 70px);   
    }

}

@media (min-width: 1600px){

    .wrap .Widget-Block .main-cont .item-list .item .data-count .column
    {
        width: 50%!important;
    }
}

@media (max-width: 1600px){

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item
    {
        width: 33.333%;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item, 
    .item.catalog-sortable-helper
    {
        width: 33.333%;
    }

    .catalog-tree-edit .tree-container
    {
        padding-right: 20px;
    }

    .catalog-tree-edit .support-block
    {
         max-width: calc(100% - 820px);   
    }

    .catalog-tree-edit .support-block .text-block
    {
        font-size: 14px;
    }

    .constructor-main .themes-wrapper .catalog-buttons-block .list-item .item
    {
        width: 33.333%;
    }

    .constructor-main .themes-wrapper .catalog-buttons-block .list-item .item:last-child
    {
        display: none;
    }

    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .basket-block .btn .value .text
    {
        display: none;
    }

    .constructor-main .edit-container .content .container
    {
        padding-top: 65px;
    }

    .constructor-main .edit-container .btn-header
    {
        /*top: 125px;*/
        top: 105px;
        width: 78px;
        height: 78px;
    }

    .constructor-main .edit-container .btn-header .circle
    {
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
    }

    .constructor-main .edit-container header .main .left-block
    {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;

        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; 
    }

    .constructor-main .edit-container header .main .left-block .logo
    {
        height: 96px;
        margin-top: -9px;
        width: 220px;   
    }

    .constructor-main .edit-container header .main .list-btn .btn.choose-language .wrapper .icon
    {
        width: 50px;
        height: 50px;
        border: none;
    }

   .constructor-main .edit-container header .main .list-btn .btn:not(.choose-language)
    {
        display: none;
    }

    .constructor-main .edit-container header nav.mobile .burger
    {
        display: block;
        position: absolute;
        cursor: pointer;
        height: 43px;
        width: 56px;
        margin-top: 3px;
        margin-left: -10px;
        z-index: 50;
    }

    .constructor-main .edit-container header nav.mobile .burger .hamburger 
    {
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .constructor-main .edit-container header nav.mobile .burger .hamburger span 
    {
        display: block;
        background: #fff;
        width: 36px;
        height: 3px;
        position: relative;
        top: 10px;
        left: 10px;
    }

    .constructor-main .edit-container header nav.mobile .burger .hamburger span:nth-child(2) 
    {
        margin: 7px 0;
    }


     .constructor-main .edit-container header nav.mobile > * 
    {
        display: none;
    }

    .constructor-main .edit-container header .main
    {
        float: right;
        width: -webkit-calc(100% - 50px);
        width: -moz-calc(100% - 50px);
        width: -ms-calc(100% - 50px);
        width: calc(100% - 50px);
        height: 100px;
        padding-left: 15px;
        padding-bottom: 10px;

        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;

        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        justify-content: space-between;
        -webkit-justify-content: space-between;

    }

    .constructor-main .edit-container header .mobile
    {
        display: block;
        width: 50px;
        border-bottom: 1px solid #688192;
        padding: 15px 0px 15px 0px;
        height: 100px;
    }

    .slider-container .slider-content 
    {
        width: calc(100% + 24px);
        margin-left: -12px;
    }

    .slider-container .slider-content .slider-item
    {
        margin: 0px 12px 24px 12px;
        float: left;
        width: 120px;
        height: 120px;    
    }

    .dictionary-index .list-group.category-block
    {
        width: 100%;
        overflow: hidden;
        height: 41px;
        padding-left: 0px;
    }

    .dictionary-index .list-group.category-block.open
    {
        height: auto;
    }

    .dictionary-index .list-group.category-block h4
    {
        width: 100%;
        float: left;
        margin: 0px;
        height: 40px;
        padding: 0px 10px 0px 15px;
        font-size: 19px;
        border: 1px solid #ddd;
        border-bottom: none;
        line-height: 1.15;
        position: relative;

        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;

        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }

    .dictionary-index .list-group.category-block h4:after
    {
        content: "\f107";
        font-family: FontAwesome;
        position: absolute;
        top: 4px;
        right: 12px;
        font-size: 27px;
        z-index: 2;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .dictionary-index .list-group.category-block.open h4:after
    {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .wrap .Widget-Block .main-cont .item-list .item .data-count .column:before
    {
        width: 190px;
    }

    .wrap .Widget-Block .main-cont .item-list .item .data-count .column
    {
        width: 100%!important;
        padding-left: 15px;
    }

    .wrap .Widget-Block .main-cont .item-list .item .action-cont
    {
        width: 100px;
    }

    .wrap .Widget-Block .main-cont .item-list .item .data-count 
    {
        width: calc(100% - 100px);
    }
    
    .edit-model-wrapper .lang-selecet
    {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        font-size: 17px;
    }


    .wrap [data-app="image.control"] .cont-for-image
    {
        float: left;
        margin-top: 20px;
        padding: 0px 3px;
    }

    [data-app="image.control"] .cont-for-image
    {
        float: left;
        margin-top: 20px;
    }

    .wrap [data-app="image.control"] .cont-for-image .item.item-image,
    [data-app="image.control"] .cont-for-image .item
    {
        /*margin: 0px 12px 24px 12px;*/
        float: left;
        width: 120px;
        height: 120px;
    }

    .wrap [data-app="image.control"] .control-panel
    {
        /*padding: 0px;*/
    }

    .wrap [data-app="image.control"] .control-panel .select-control,
    .wrap [data-app="image.control"] .control-panel .tag-control
    {
        width: auto;
        /*padding-right: 10px;*/
    }

    .wrap [data-app="image.control"] .control-panel .tag-control .title, 
    .wrap [data-app="image.control"] .control-panel .select-control .select-count 
    {
        width: auto;
        float: left;
        /*padding: 8px 15px 6px 0px;*/
        line-height: 1.3;
        margin-top: 0px;
    }

    .wrap [data-app="image.control"] .control-panel .image-control
    {
        /*width: 100%;*/
    }

    .dictionary-index .row .col-md-2 
    {
        min-width: 0px;
        width: 100%;
        max-width: 400px;
    }

    .dictionary-index .row .col-md-10
    {
        max-width: none;
        width: 100%;
    }

    .index-page .table > thead > tr > th
    {
        font-size: 13.5px;
    }

    .index-page .table .img_table
    {
        width: 90px;
    }

    .login-page .login-wrapper .wrapper
    {
        float: none;
    }

    .edit-model-wrapper .Dictionary-form .column-layouts .group-layouts.fieldset-form
    {
        float: left;
        width: 100%;
        padding: 0px 6px 15px 6px;  
        -webkit-box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.15);
        margin-bottom: 35px;
    }

    .wrap > .container
    {
        width: 100%;
        max-width: none;   
        padding: 20px 15px;
    }

    .wrap > .container div
    {
        float: left;
    }

    .wrap > .container .Select--multi,
    .wrap > .container .Select--multi div 
    {
        float: none;
    }

    .wrap .container .dashboard
    {
        width: calc(100% + 24px);
        margin-left: -12px;
    }

    .wrap .container .dashboard .card 
    {
        width: calc(25% - 24px);
        margin: 0px 12px 24px 12px;
    }

    .wrap .container .dashboard .card .icon
    {
        padding: 15px 10px;
    }

    .wrap .container .dashboard .card .icon i 
    {
        font-size: 70px;
    }

}

@media (max-width: 1500px){

    .widget-container.services-settings .widget-page.services-wrapper.hotel-services-page > .list > .wrapper > .item 
    {
        width: 33.333%;
    }

    .report-orders-create-wrapper
    {
        padding-bottom: 8px;
    }

    .report-orders-create-wrapper .report-orders-create .btn-wrapper .btn
    {
        margin-bottom: 12px;
    }

    .report-orders-create-wrapper .report-orders-create .preview
    {
        display: none;
    }

    .report-orders-create-wrapper .report-orders-create .btn-wrapper .order-sum 
    {
        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;
        margin: 8px 7.5px 12px 7.5px;
    }


    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn:not(.pull-right) .btn:last-child
    {
        display: none;
    }

    .constructor-main .edit-container .header .list .button
    {
        margin-right: 20px;
    }

    .app-toolbar .toolbar-container h1
    {
        font-size: 28px;
    }

    .wrap .container .dashboard .card .icon i 
    {
        font-size: 65px;
    }

    .app-toolbar .toolbar-container form
    {
        width: auto;
    }

    .app-toolbar .toolbar-container form label
    {
        padding-right: 12px;
        font-size: 18px;
        font-weight: normal;
        text-shadow: 0px 0px;
        padding-top: 5px;     
    }
}

@media (min-width: 1430px){

    .dashboard .card-new > .content > .line > .title
    {
        font-size: 16px;
    }
}

@media (max-width: 1430px){

    .dashboard .card-new
    {
        width: 48%;
    }

    .dashboard .card-new.half-size
    {
        width: 23%;
    }
}

@media (max-width: 1400px){

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item
    {
        width: 33.333%;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper .text, 
    .item.catalog-sortable-helper > .wrapper .text
    {
        font-size: 17px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper, 
    .item.catalog-sortable-helper > .wrapper
    {
        border-bottom: none;
        min-height: 0px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .info > .wrapper, 
    .item.catalog-sortable-helper > .info > .wrapper
    {
        border: 1px solid #fff;
        border-top: none;    
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .info, 
    .item.catalog-sortable-helper > .info
    {
        bottom: -50px;
        height: 50px;
        padding: 0px 15px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper
    {
        margin-top: 0px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper, 
    .item.catalog-sortable-helper > .actions > .wrapper
    {
        border: 1px solid #fff;
        border-bottom: none;    
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions, 
    .item.catalog-sortable-helper > .actions
    {
        top: -39px;
        padding: 0px 15px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item, 
    .item.catalog-sortable-helper 
    {
        width: 33.333%;
        margin: 40px 0px 80px 0px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .text
    {
        font-size: 18px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .check-view .wrapper
    {
        width: 55px;
        height: 55px;
    }

    /*.widget-container.services-settings .widget-page.services-wrapper .item .block.title
    {
        max-width: 230px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.services 
    {
        min-width: calc(100% - 230px);    
    }*/

    .publication-maker .widget-wrapper.images-widget .item,
    .file-sortable-helper 
    {
        width: 25%;
    }

    /*.performance_places_block > .wrapper .place-item .body-block table .color-value
    {
        width: 34px !important;
        height: 34px !important;
    }*/

    .performance_places_block > .wrapper .place-item .photo-block 
    {
        width: 100px;
        height: 100px;
    }

    .performance_places_block > .wrapper .place-item .body-block 
    {
        width: calc(100% - 120px);
    }

    .catalog-tree-edit .support-block
    {
        max-width: none;
        width: calc(100% - 40px);
        z-index: 70;
    }

    .catalog-tree-edit .support-block .text-block
    {
        font-size: 15px;
    }

    /*.wrap [data-app="image.control"] .control-panel .tag-control
    {
        width: 100%;
        padding-right: 0px;
    }*/

    /*.wrap [data-app="image.control"] .control-panel .tag-control .title
    {
        width: 60px;
    }

    .wrap [data-app="image.control"] .control-panel .tag-control > .select
    {
        width: calc(100% - 60px);
        max-width: 700px;
    }

    .wrap [data-app="image.control"] .control-panel .tag-control > .select select
    {
        width: 100%;
    }
    */
}

@media (max-width: 1300px){

    /*.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper
    {
        margin-top: 0px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper, 
    .item.catalog-sortable-helper > .actions > .wrapper
    {
        border: 1px solid #fff;
        border-bottom: none;    
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions, 
    .item.catalog-sortable-helper > .actions
    {
        top: -39px;
        padding: 0px 15px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item, 
    .item.catalog-sortable-helper 
    {
        width: 33.333%;
    }*/

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper .text, 
    .item.catalog-sortable-helper > .wrapper .text
    {
        /*font-size: 17px;*/
    }

    .report-orders-create-wrapper .report-orders-create .from .form-inp.select 
    {
        width: calc(33.33% - 15px);
    }

    .report-orders-create-wrapper .report-orders-create .from
    {
        width: 100%;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .action-wrapper
    {
        bottom: 6px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .title
    {
        font-size: 23px;
        bottom: 6px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list 
    {
        width: calc(100% + 20px);
        margin-left: -10px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item
    {
        padding: 0px 10px;
    }

    .app-toolbar .toolbar-container h1
    {
        width: 100%;
        margin-bottom: 10px;
    }

    .constructor-main .themes-wrapper .burger
    {
        margin-right: 7px;
    }

    .constructor-main .edit-container .btn-header
    {
        top: 115px;
        width: 68px;
        height: 68px;
    }

    .constructor-main .edit-container .btn-header .circle
    {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button
    {
        /*max-height: none;*/
    }

    .constructor-main .edit-container .content .container 
    {
        padding-top: 55px;
    }

    .constructor-main .edit-container .content
    {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 15px 20px 0px 20px;
    }

    .app-toolbar.toolbar-with-menu .toolbar-container .toolbar-action-wrapper
    {
        margin-top: 0px;
        float: left;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }

    .constructor-main .edit-container
    {
        /*padding: 10px 20px;*/
    }

    .constructor-main .edit-container .header
    {
        padding: 10px 0px;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper .edit-panel
    {
        /*padding: 10px 15px 5px 15px;    */
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper
    {
        /*padding: 0px 10px;*/
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons
    {
        /*width: calc(100% + 20px);
        margin-left: -10px;*/
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item
    {
        /*padding: 0 10px;
        margin-bottom: 20px;*/
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button .title 
    {
        /*width: calc(100% - 88px);*/
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button .photo
    {
        /*width: 88px;*/
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button .title
    {
        /*font-size: 21px;*/
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button
    {
        /*height: 90px;*/
    }

    .constructor-main .edit-container .content .wrapper-head h1
    {
        /*font-size: 35px;*/
    }

    .constructor-main .edit-container .content .wrapper-head .logo-block .title-block
    {
        /*height: 48px;*/
    }

    .constructor-main .edit-container .header .photo 
    {
        /*width: 220px;
        height: 93px;*/
    }

    .constructor-main .edit-container .header .select-language
    {
        width: 38px;
        height: 38px;
    }

    .constructor-main .edit-container .header .list .button
    {
        font-size: 16px;
        padding: 9px 25px;
    }

    .app-toolbar:not(.toolbar-with-menu) .toolbar-container .toolbar-action-wrapper
    {
        float: left;
        width: 100%;
    }

    .app-toolbar .toolbar-container
    {
        display: block;
    }

    .app-toolbar
    {
        display: block;
    }

    .app-toolbar .toolbar-container form
    {
        margin-top: 0px;
    }

    .app-toolbar .toolbar-container form .form-group
    {
        display: inline-block;
        margin: 0;
        vertical-align: middle;   
    }

    .app-toolbar .toolbar-container form .form-group .form-control
    {
        width: auto;
    }

    .app-toolbar .toolbar-container .btn-flat
    {
        margin-top: 0px;
        margin-left: 0px;
    }

    .app-toolbar:not(.toolbar-with-menu) .toolbar-container h1 
    {
        width: 100%;
        margin-top: 6px;
        margin-bottom: 18px;
    }

    .app-toolbar.toolbar-with-menu .toolbar-container h1 
    {
        margin-top: 8px;
    }

    .app-toolbar
    {
        padding-bottom: 12px;
    }

    .list-group.category-block
    {
        width: 100%;
        max-width: 400px;
        border-left: 3px solid #5bc0de;
        padding-left: 10px;
        overflow: hidden;
        height: 41px;
    }


    .list-group.category-block
    {
        width: 100%;
        overflow: hidden;
        height: 41px;
        padding-left: 0px;
    }

    .list-group.category-block.open
    {
        height: auto;
    }

    .list-group.category-block h4
    {
        width: 100%;
        float: left;
        margin: 0px;
        height: 40px;
        padding: 0px 10px 0px 15px;
        font-size: 19px;
        border: 1px solid #ddd;
        border-bottom: none;
        line-height: 1.15;
        position: relative;

        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;

        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }

    .list-group.category-block h4:after
    {
        content: "\f107";
        font-family: FontAwesome;
        position: absolute;
        top: 4px;
        right: 12px;
        font-size: 27px;
        z-index: 2;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .list-group.category-block.open h4:after
    {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .category-list-wrapper
    {
        width: 100%;
        padding-right: 0px;
    }

    .gridview-wrapper
    {
        float: left;
        width: 100%;
    }

    .gridview-wrapper,
    .category-list-wrapper + .gridview-wrapper,
    .index-page .category-list-wrapper + .gridview-wrapper
    {
        width: 100%;
        padding-top: 10px;
    }


    .wrap .Widget-Block .main-cont .item-list .item .data-count 
    {
        width: calc(100% - 80px);
    }

    .wrap .Widget-Block .main-cont .item-list .item .action-cont 
    {
        width: 80px;
    }

    .wrap .Widget-Block .main-cont .item-list .item .data-count .column:before
    {
        width: 150px;
    }

    .wrap .container .dashboard .card 
    {
        width: calc(33.333% - 24px);
    }

    .wrap .container .dashboard .card .icon
    {
        padding: 15px 0px;
    }

    .wrap .container .dashboard .card .icon i 
    {
        font-size: 60px;
    }
}

@media (max-width: 1261px){

    .dashboard .card-new
    {
        width: 47%;
    }

    .dashboard .card-new.half-size
    {
        width: 22.4%;
    }
}

@media (max-width: 1240px){

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .text
    {
        font-size: 20px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title > .photo
    {
        height: 145px;
        /*padding: 15px 15px 18px 15px;   */
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body 
    {
        height: calc(100% - 145px);
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title
    {
        width: 50%;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.services
    {
        width: 50%;
    }

    .widget-container.services-settings .widget-page.services-wrapper > .list > .wrapper > .item 
    {
        width: 100%;
    }

    .dashboard .card-new > .content > .line > .title
    {
        font-size: 18px;
    }
}

@media (max-width: 1200px){

    .widget-container.services-settings .widget-page.services-wrapper.hotel-services-page > .list > .wrapper > .item 
    {
        width: 50%;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item
    {
        width: 50%;
    }

    /*.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item
    {
        width: 33.333%;
    }*/

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item, 
    .item.catalog-sortable-helper
    {
        width: 50%;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper .text, 
    .item.catalog-sortable-helper > .wrapper .text
    {
        font-size: 19px;
    }

    /*.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .check-view .wrapper
    {
        width: 55px;
        height: 55px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title
    {
        max-width: 290px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.services 
    {
        min-width: calc(100% - 290px);    
    }*/

    .report-orders-view-wrapper .report-orders-view .title h1
    {
        font-size: 30px;
    }

    .report-orders-view-wrapper .report-orders-view .header .btn-wrapper 
    {
        width: 100%;
    }

    .publication-maker .widget-wrapper.images-widget .item,
    .file-sortable-helper 
    {
        width: 20%;
    }

    .content-wrapper .publication-maker .panel
    {
        width: 100%;
    }

    #performance-connect_to_places
    {
        width: 100%;
    }

    .performance-update .Performance-form form fieldset
    {
        width: 100%;
        float: left;
    }

    .widget-analitycs .charts-wrapper .charts-doughnut-item
    {
        width: 100%;
        padding: 0px;
        margin-bottom: 50px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item
    {
        width: 50%;
    }

    .providers-tab .providers-wrapper,
    .services-tab .services-wrapper,
    .catalog-tree-edit .tree-container
    {
        max-width: none;
        width: 100%;
    }

    .services-tab .services-wrapper .filter ul li
    {
        padding: 8px;
        font-size: 17px;
    }

    .constructor-main .themes-wrapper .burger
    {
        top: 2px;
    }

    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .basket-block .btn .head
    {
        display: none;
    }

    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .basket-block .btn .value span
    {
        padding: 0px;
    }

    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .basket-block .btn img
    {
        width: 24px;
        margin-right: 0.4rem;
        position: relative;
        top: -1px;
    }

    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .btn
    {
        padding: 0.55em 1.5em;
    }

    .constructor-main-wrapper .constructor-main .toolbar-with-menu .toolbar-container h1
    {
        max-width: none;
    }

    .constructor-main-wrapper .constructor-main .toolbar-with-menu .toolbar-container .toolbar-action-wrapper
    {
        max-width: none;
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }


    .wrap [data-app="image.control"] .control-panel .page-control, [data-app="image.control"] .control-panel .page-control
    {
        margin-left: 4px;
        margin-right: 10px;
    }

    .wrap [data-app="image.control"] .control-panel .action-wrapper .btn
    {
        float: left;
        margin: 0px 4px;
    }

    .wrap [data-app="image.control"] .control-panel .action-wrapper
    {
        padding-left: 60px;
    }

    .upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item
    {
        width: 155px;
        height: 210px;
    }

    .app-toolbar .toolbar-container h1
    {
        font-size: 28px;
        /*margin-bottom: 20px;*/
    }

    .wrap .category-update,
    .wrap .category-update .category-form,
    .wrap .category-update form,
    .wrap .category-update form > div
    {
        float: left;
        width: 100%;
    }

    .wrap form .column-layouts.col-lg-8 
    {
        float: left;
        width: 100%;
    }

    .wrap form .column-layouts.col-lg-8
    {

    }


    .MarketCategory-form form > div
    {
        width: 100%;
    }

    .wrap .action-bar 
    {
        right: 20px;
        bottom: 20px;
    }

    .index-page .table > thead > tr > th,
    .index-page .table > thead > tr > td
    {
        padding: 8px 12px;
    }

    .index-page .table .form-control
    {
        min-width: 90px;
    }

    .grid-view
    {
        width: 100%;
        overflow-x: auto;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

    .grid-view .summary
    {
        padding: 8px 15px;
    }

    .index-page .table > thead > tr > th,
    .index-page .table > thead > tr > td
    {
        white-space: nowrap;
    }

    .login-page h1
    {
        margin-top: 0px;
    }

    .login-page .login-wrapper .wrapper
    {
        width: 500px;
    }

    .login-page .login-wrapper .wrapper form
    {
        margin-top: 10px;
    }

    .login-page .login-wrapper .wrapper form .form-group label
    {
        width: 100%;
        padding: 0px;
        margin: 0px;
        margin-bottom: 6px;
    }

    .login-page .login-wrapper .wrapper form .form-group .col-lg-9
    {
        width: 100%;
    }

}

@media (max-width: 1100px){

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects 
    {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: -ms-calc(100% + 30px);
        width: calc(100% + 30px);

        height: -webkit-calc(100% + 30px);
        height: -moz-calc(100% + 30px);
        height: -ms-calc(100% + 30px);
        height: calc(100% + 30px);

        margin-left: -15px;
        margin-top: -30px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item
    {
        padding: 0px 15px;
        margin: 30px 0px 0px 0px;
    }

    .toolbar-container .loader-container 
    {
        width: 44px;
        height: 44px;
        position: fixed;
        left: 50%;
        right: auto;
        margin-left: -22px;
        z-index: 10;
        top: 65px;
    }

    .report-orders-create-wrapper .report-orders-create .btn-wrapper
    {
        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0px;
    }

    .report-orders-create-wrapper .report-orders-create .btn-wrapper .order-sum-wrapper
    {
        width: 100%;
        margin: 8px 0px 10px 0px;
    }

    .report-orders-create-wrapper .report-orders-create .btn-wrapper .order-sum
    {
        margin-bottom: 12px;
    }

    .report-orders-create-wrapper .report-orders-create .btn-wrapper .btn
    {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
    }

    .report-orders-create-wrapper .report-orders-create .from .form-inp.select 
    {
        width: calc(50% - 15px);
    }

    .toolbar-container .loader
    {
        width: 40px;
        height: 40px;
        background-color: white;
        border-radius: 50%;
        -webkit-box-shadow: 0px 4px 17px 1px rgba(0, 0, 0, 0.47);
        box-shadow: 0px 4px 17px 1px rgba(0, 0, 0, 0.47);
    }

    .constructor-main .themes-wrapper .catalog-buttons-block .list-item .item:nth-last-child(2)
    {
        display: none;
    }

    .constructor-main .themes-wrapper .catalog-buttons-block .list-item .item
    {
        width: 50%;
    }

    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn:not(.pull-right) .btn:first-child
    {
        display: none;
    }

    .constructor-main .edit-container header .main .list-btn
    {
        padding: 0px;
    }

    .constructor-main .edit-container header .main .left-block
    {
        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;

        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .constructor-main .edit-container header .main .left-block .data .weather .icon img
    {
        max-width: 100%;
    }

    .constructor-main .edit-container header .main .left-block .data .weather .icon
    {
        width: 95px;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        padding-top: 4px;
        padding-left: 10px;
        font-size: 52px;

        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;

        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        justify-content: center;
        -webkit-justify-content: center;
    }

    .constructor-main .edit-container header .main .left-block .data .weather .text .city
    {
        top: 0.25em;
        padding-left: 0.45rem;
        font-size: 25px;
    }

    .constructor-main .edit-container header .main .left-block .data .weather .text .t .sub 
    {
        font-size: 50%;
        position: relative;
        top: 3px;
        left: 1px;
    }

    .constructor-main .edit-container header .main .left-block .data .weather .text .t
    {
        font-size: 30.5px;
    }

    .constructor-main .edit-container header .main .left-block .data .weather
    {
        padding: 0px;
        display: block;
        min-height: 0px;
    }

    .constructor-main .edit-container header .main .left-block .data
    {
        padding: 0px 0px 0px 95px;
        position: relative;
    }

    .constructor-main .edit-container header .main .left-block .data .time 
    {
        width: 100%;
        padding: 0px;
        margin: 0px;
        min-height: 0px;
        border: none;
        font-size: 30.5px;
        font-weight: 400;
        position: relative;
        top: 0px;
        line-height: 1;
        margin-bottom: 8px;
        margin-top: -8px;
    }

    .constructor-main .edit-container header .main
    {
        padding-left: 10px;
        padding-bottom: 10px;
    }






    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button,
    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper
    {
        width: calc(100% - 38px);
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .arrow-wrapper
    {
       /* width: 45px;
        position: absolute;
        top: 0px;
        right: 10px;
        height: 100%;*/
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .arrow-wrapper
    {
        width: 42px;
        height: 77px;
        position: absolute;
        right: 6px;
        top: 50%;
        margin-top: -38.5px;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .arrow-wrapper .arrow
    {
        width: 37px;
        height: 37px;
        margin-left: 3px;
        border-radius: 50%;
        background-color: rgba(66, 205, 162, 0.77);
        border-color: #42cca2;
        
        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;

        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        justify-content: center;
        -webkit-justify-content: center;

    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .arrow-wrapper .arrow .fa
    {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .arrow-wrapper .arrow.arrow-up
    {
        margin-bottom: 3px;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .arrow-wrapper .arrow:hover,
    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .arrow-wrapper .arrow:focus
    {
        background-color: rgba(66, 205, 162, 0.9);
        -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item:first-child .arrow-wrapper .arrow.arrow-up
    {
        display: none;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item:nth-last-child(2) .arrow-wrapper .arrow.arrow-down
    {
        display: none;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item:first-child .arrow-wrapper,
    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item:nth-last-child(2) .arrow-wrapper
    {
        height: 37px;
        margin-top: -18.5px;
    }



    .container .tooltip
    {
        display: none;
    }

    .catalog-tree-edit .tree-container:before
    {
        top: 45px;
    }

    .catalog-tree-edit .tree-container .item .body .item.new .handle
    {
        left: -17px;
        width: 36px;
        top: 8px;
    }

    .catalog-tree-edit .tree-container .item.new .handle
    {
        background-color: transparent;
        top: 8px;
    }

    .catalog-tree-edit .tree-container .item.new .handle .arrow,
    .catalog-tree-edit .tree-container .item .body .item.new .handle .arrow
    {
        border: 2px solid #00bea4;
        background-color: #fff;
        color: #00bea4;
        position: relative;
    }

    .catalog-tree-edit .tree-container .item.new .handle .arrow:hover
    {
        background-color: rgb(225, 255, 251);
        color: #00bfa5;
    }

    .catalog-tree-edit .tree-container .item.new .handle .arrow.arrow-up:before
    {
        content: "";
        position: absolute;
        width: 2px;
        background-color: #00bea4;
        height: 6px;
        top: 100%;
        left: 50%;
        margin-left: -1px;
    }

    .catalog-tree-edit .tree-container .item.child .handle .arrow
    {
        width: 33px;
        height: 33px;
    }

    .catalog-tree-edit .tree-container .item.child .handle 
    {
       left: -15px;
       width: 33px;
       height: auto;
       top: 3px;
       padding: 0px;
       -webkit-box-shadow: none;
       box-shadow: none;
    }

    .catalog-tree-edit .tree-container .item.active 
    {
        -webkit-transform: translate(0px, -3px);
        -ms-transform: translate(0px, -3px);
        -o-transform: translate(0px, -3px);
        transform: translate(0px, -3px);
    }

    .catalog-tree-edit .tree-container .item .handle .arrow 
    {
        display: block;
        border-radius: 50%;
        background-color: #ddd;
        width: 36px;
        height: 36px;
        font-size: 15px;
        color: #777;
        border: 2px solid transparent;

        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;

        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        justify-content: center;
        -webkit-justify-content: center;
    }

    .catalog-tree-edit .tree-container .item .handle .arrow:hover
    {
        color: #323232;
        background-color: #ccc;
    }

    .catalog-tree-edit .tree-container .item .handle .arrow.arrow-up
    {
        margin-bottom: 4px;
    }

    .catalog-tree-edit .tree-container .item.active .handle .arrow
    {
        -webkit-box-shadow: 0 15px 23px 0 rgba(0,0,0,0.2),0 10px 55px 0 rgba(0,0,0,0.15);
        box-shadow: 0 15px 23px 0 rgba(0,0,0,0.2),0 10px 55px 0 rgba(0,0,0,0.15);    
    }

    .catalog-tree-edit .tree-container .item .handle
    {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0px;
        border-radius: 0px;
        width: 40px;
        height: auto;
        left: -28px;
        top: 8px;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .catalog-tree-edit .tree-container .item.active .handle 
    {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .catalog-tree-edit .tree-container .item .handle .fa-bars
    {
        display: none;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button .title 
    {
        /*width: calc(100% - 95px);*/
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button .photo
    {
        /*width: 95px;*/
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item
    {
        width: 50%;
    }

    .catalog-tree-edit .tree-container .item
    {
        padding-left: 35px;
    }

    .catalog-tree-edit .tree-container
    {
        width: 100%;
        padding-right: 20px;
        min-width: 0px;
    }

    .modal.image-select-dialog:not(.normal-modal) .modal-dialog
    {
        width: 100% !important;
        margin: 0px;
    }

    .wrap .container .dashboard .card .icon
    {
        padding: 12px 0px;
    }

    .wrap .container .dashboard .card .icon i 
    {
        font-size: 55px;
    }

    .dashboard .card-new > .content > .line > .title
    {
        font-size: 16px;
    }

}

@media (max-width: 1050px){

    .dashboard .card-new > .icon
    {
        width: 27%;
    }

    .dashboard .card-new > .content
    {
        width: 73%;
    }
}

@media (min-width: 1000px){

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title,
    .providers-tab .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .sub-service .item
    {
        font-size: 14px;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title .circle
    {
        /*width: 25px;
        height: 25px;
        margin-top: -13px;*/
    }

}

@media (max-width: 1000px){
    .content-wrapper.type-widgets .view-widgets-wrapper .widgets-redactor > .body > .wrapper .publication-maker > .panel
    {
        border: none;
        padding: 0px;
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper 
    {
        width: -webkit-calc(100% + 20px);
        width: -moz-calc(100% + 20px);
        width: -ms-calc(100% + 20px);
        width: calc(100% + 20px);
        height: -webkit-calc(100% + 20px);
        height: -moz-calc(100% + 20px);
        height: -ms-calc(100% + 20px);
        height: calc(100% + 20px);
        margin: 0px -10px;
        /*margin-top: -20px;*/
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item, 
    .item.catalog-sortable-helper
    {
        padding: 0px 10px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions, 
    .item.catalog-sortable-helper > .actions,
    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .info, 
    .item.catalog-sortable-helper > .info
    {
        padding: 0px 10px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper .text, 
    .item.catalog-sortable-helper > .wrapper .text
    {
        font-size: 16px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title
    {
        width: 55%;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.services
    {
        width: 45%;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.header-filter, 
    table.table-mobile > thead > tr.header-filter
    {
        width: 100%;
        margin: 0px; 
        position: relative;
        z-index: 5;
        background-color: #fff;

    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.filters, 
    table.table-mobile > thead > tr.filters
    {
        overflow: hidden;
        max-height: 0px;
        -webkit-transition: max-height 0.25s;
        -o-transition: max-height 0.25s;
        transition: max-height 0.25s;
        padding: 0px;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.header-filter + tr.filters, 
    table.table-mobile > thead > tr.header-filter + tr.filters
    {
        padding: 0px;
        margin-top: -2px;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead.open-filter > tr.header-filter + tr.filters, 
    table.table-mobile > thead.open-filter > tr.header-filter + tr.filters
    {
        padding: 10px 0px;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead.open-filter > tr.filters, 
    table.table-mobile > thead.open-filter > tr.filters
    {
        max-height: 4000px;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.header-filter td, 
    table.table-mobile > thead > tr.header-filter td
    {
        width: 100%;
        text-align: center;
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        cursor: pointer;
        border-radius: 1px;
        -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        font-size: 13px;
        padding: 8px 14px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
        box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
        color: #fff;
        text-transform: uppercase;
        background-color: #2196f3;
        border-color: #2196f3;
        cursor: pointer;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead.open-filter > tr.header-filter td, 
    table.table-mobile > thead.open-filter > tr.header-filter td
    {
        background-color: #64b6f7;
        border-color: #64b6f7;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.header-filter td:before, 
    table.table-mobile > thead > tr.header-filter td:before
    {
        display: none;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.header-filter td .title, 
    table.table-mobile > thead > tr.header-filter td .title
    {
        /*font-size: 18px;*/
        float: left;
        padding-right: 10px;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.header-filter td .icon, 
    table.table-mobile > thead > tr.header-filter td .icon
    {
        float: left;
        font-size: 22px;
        height: 18px;
        line-height: 1;
        position: relative;
        top: -3px;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.header-filter td .icon .fa, 
    table.table-mobile > thead > tr.header-filter td .icon .fa
    {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform:  rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead.open-filter > tr.header-filter td .icon .fa, 
    table.table-mobile > thead.open-filter > tr.header-filter td .icon .fa
    {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform:  rotate(180deg);
        transform: rotate(180deg);
    }

    .report-orders-view table.table-mobile tfoot
    {
        float: left;
        /*width: 100%;*/
        display: block;
        width: calc(100% + 15px);
        margin: 0px -7.5px 10px -7.5px;
    }

    .report-orders-view table.table-mobile tfoot > *
    {
        margin: 0px 7.5px 15px 7.5px;
    }

    .report-orders-view table.table-mobile tfoot tr.row-tr
    {
        border: none;
        padding: 0px;
        width: auto;
        padding: 0px;
        float: left;
        margin: 0px 7.5px 6px 7.5px;
        padding-top: 8px;
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-box-align: flex-end;
        -webkit-flex-align: flex-end;
        -ms-flex-align: flex-end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;    
    }

    .report-orders-view table.table-mobile tfoot tr.row-tr td
    {
        width: auto;
        padding: 0px;
        font-size: 14px;
    }

    .report-orders-view table.table-mobile tfoot tr.row-tr td:first-child
    {
        float: left;
        padding-right: 10px;
        line-height: 1.25;
        margin-bottom: 5px;
    }

    .report-orders-view table.table-mobile tfoot tr.row-tr td + td
    {
        float: left;
        font-size: 19px;
        line-height: 1;
        /* width: 100%; */
        margin-bottom: 5px;
        padding-right: 3px;
    }

    .report-orders-view table.table-mobile tfoot tr.row-tr td:before
    {
        display: none;
    }
    
    .index-page .gridview-wrapper > .grid-view > table,
    table.table-mobile 
    {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .index-page .gridview-wrapper > .grid-view > table tbody tr,
    table.table-mobile tbody tr
    {
        padding: 10px 0px;
        -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1), 0 4px 10px 0 rgba(0,0,0,0.1);
        box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1), 0 4px 10px 0 rgba(0,0,0,0.1);
    }

    .publication-maker .widget-wrapper.images-widget .item 
    {
        width: 25%;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .title
    {
        font-size: 20px;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title .circle
    {
        width: 24px;
        height: 24px;
        font-size: 17px;
        margin-top: -12px;
        padding-top: 3px;
    }

    .services-tab .services-wrapper .filter .btn, 
    .providers-tab .providers-wrapper .filter .btn
    {
        display: block;
        width: 100%;
        text-align: center;
        outline: none;
    }

    .services-tab .services-wrapper .filter .btn .fa, 
    .providers-tab .providers-wrapper .filter .btn .fa
    {
        float: none;
        display: inline-block;
        padding-right: 0px;
        padding-left: 6px;
        font-size: 21px;
        position: relative;
    }

    .services-tab .services-wrapper .filter .btn .fa:before, 
    .providers-tab .providers-wrapper .filter .btn .fa:before
    {
        position: absolute;
        top: -16px;
        left: 4px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .services-tab .services-wrapper .filter.open .btn .fa:before, 
    .providers-tab .providers-wrapper .filter.open .btn .fa:before
    {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .services-tab .services-wrapper .filter ul, 
    .providers-tab .providers-wrapper .filter ul
    {
        display: block;
    }

   .providers-tab .providers-wrapper .filter ul li,
   .services-tab .services-wrapper .filter ul li
    {
        padding: 0px 10px;
        font-size: 14px;
        overflow: hidden;
        max-height: 0px;
        -webkit-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
    }

    .providers-tab .providers-wrapper .filter.open ul li,
    .services-tab .services-wrapper .filter.open ul li
    {
        padding: 7px 10px;
        max-height: 500px;
    }

    .providers-tab .providers-wrapper .filter ul li.active,
    .services-tab .services-wrapper .filter ul li.active
    {
        padding: 7px 10px;
        max-height: 500px;
    }

    .dropdown-menu
    {
        left: auto;
        right: 0px;
        max-width: 100%;
    }

   .wrap .Widget-Block .main-cont .item-list .item .data-count
   {
        line-height: 1.3;
        padding: 15px 0px;
   }

   .wrap .Widget-Block .main-cont .item-list .item .data-count .col-md-4
    {
        padding-top: 5px;
        padding-bottom: 12px;
    }   


    .wrap .Widget-Block .main-cont .item-list .item .data-count > div
    {
        width: 100%;
        height: auto;
    }

    .OrderAutoRent-form .group-layouts
    {
        width: 100%;
    }

    .OrderAutoRent-form .group-layouts .col-lg-6
    {
        width: 100%;
    }

    .wrap .OrderExcursion-form fieldset .col-lg-6
    {
        width: 100%;
    }

    .wrap .OrderExcursion-form .Widget-ExcursionDateView > div,
    .wrap .OrderExcursion-form .Widget-ExcursionDateView .col-lg-3.pull-right
    {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .constructor-main .edit-container .background-block
    {
        position: absolute;
        left: 0px;
    }

    .constructor-main .edit-container .btn-header 
    {
        top: 115px;
    }

    .constructor-main .edit-container .theme-container
    {
        padding-left: 230px;
    }

    .constructor-main .edit-container .theme-container > .wrapper
    {
        padding: 10px 20px 6px 20px;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp
    {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .placeholder
    {
        width: 100%;
        margin-bottom: 3px;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .tab-select,
    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .btn-block
    {
        width: 100%;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .tab-select li,
    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item
    {
        padding: 4px 22px 6px 22px;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .btn-block button
    {
        padding: 5px 22px;
    }



    .wrap [data-app="image.control"] .control-panel .page-control, [data-app="image.control"] .control-panel .page-control
    {
        margin-bottom: 4px;
    }

    footer .container
    {
        padding: 0px 20px;
    }

    /*.dictionary-index .list-group.category-block
    {
        width: 100%;
        overflow: hidden;
        height: 41px;
        padding-left: 0px;
    }

    .dictionary-index .list-group.category-block.open
    {
        height: auto;
    }

    .dictionary-index .list-group.category-block h4
    {
        width: 100%;
        float: left;
        margin: 0px;
        height: 40px;
        padding: 0px 10px 0px 15px;
        font-size: 19px;
        border: 1px solid #ddd;
        border-bottom: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        line-height: 1.15;
        position: relative;
    }

    .dictionary-index .list-group.category-block h4:after
    {
        content: "\f107";
        font-family: FontAwesome;
        position: absolute;
        top: 4px;
        right: 12px;
        font-size: 27px;
        z-index: 2;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .dictionary-index .list-group.category-block.open h4:after
    {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }*/

    .wrap [data-app="image.control"] .control-panel .select-control
    {
        width: 100%;
        padding-right: 0px;
        margin-right: 0px;
    }

    .wrap [data-app="image.control"] .control-panel .page-control
    {
        max-width: 100%;
        margin-right: 0px;
    }

    .head-top
    {
        padding-right: 0px;
    }

    .index-page .gridview-wrapper .list-filters-grid
    {
        display: block;
        width: 100%;
    }

    .index-page .gridview-wrapper .list-filters-grid .list-input,
    .index-page .gridview-wrapper .list-filters-grid .list-select
    {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-bottom: 5px;
    }

    .index-page .gridview-wrapper .list-filters-grid .list-input .item
    {
        width: 33.333%;
        padding: 0px 10px;
        margin-bottom: 14px;
        min-width: 190px;
    }

    .index-page .gridview-wrapper .list-filters-grid .list-select .item
    {
        width: auto;
        padding: 0px 10px;
        margin-bottom: 14px;
    }


    .index-page .gridview-wrapper .list-filters-grid .list-input .item .wrapper,
    .index-page .gridview-wrapper .list-filters-grid .list-select .item .wrapper
    {
        width: 100%;
    }

    .index-page .gridview-wrapper .list-filters-grid .list-input .item .wrapper .head
    {
        width: 100%;
        margin-bottom: 5px;
    }

    .index-page .gridview-wrapper .list-filters-grid .list-input .item .wrapper .form-control
    {
        width: 100%;
        float: left;
    }

    .index-page .gridview-wrapper .list-filters-grid .list-select .item .wrapper .btn-group
    {
        float: left;
    }

    .index-page .gridview-wrapper .list-filters-grid .list-select .item .wrapper .btn-group button,
    .index-page .gridview-wrapper .list-filters-grid .list-select .item .wrapper .btn-group button:focus
    {
        float: left;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #fff;
        padding-top: 2px;
    }

    .index-page .gridview-wrapper .list-filters-grid .list-select .item .wrapper .btn-group .multiselect-selected-text
    {
        border-bottom: 1px dashed #337ab7;
        color: #337ab7;
    }


    .table-striped > tbody > tr:nth-of-type(odd)
    {
        background-color: #fff;
    }

    .index-page .grid-view
    {
        border: none;
    }

    .index-page .grid-view .summary 
    {
        padding: 8px 15px;
        padding: 0px;
        margin-bottom: 10px;
    }

    .index-page .gridview-wrapper > .grid-view > table,
    table.table-mobile
    {
        border: none;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead,
    table.table-mobile > thead
    {
        width: 100%;
        float: left;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr,
    table.table-mobile > thead > tr
    {
        padding: 0px;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr:first-child,
    table.table-mobile > thead > tr:first-child
    {
        display: none;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.filters,
    table.table-mobile > thead > tr.filters
    {
       padding: 10px 0px;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.filters > td,
    table.table-mobile > thead > tr.filters > td
    {
        width: 50%;
        padding: 6px 15px;
        /*min-height: 50px;*/
        /*padding: 3px 12px;*/
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.filters > td:nth-child(even) .select-box,
    table.table-mobile > thead > tr.filters > td:nth-child(even) .select-box
    {
        left: auto;
        right: 0px;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.filters > td > *,
    table.table-mobile > thead > tr.filters > td > *
    {
        /*width: 50%;*/
        float: left;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.filters > td .form-control,
    table.table-mobile > thead > tr.filters > td .form-control
    {
        /*width: calc(100% - 110px);*/
        width: 100% !important;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.filters > td:before,
    table.table-mobile > thead > tr.filters > td:before
    {
        content: attr(data-title);
        /*float: left;
        margin-bottom: 3px;
        color: #7d7d7d;
        padding-right: 16px;
        width: 110px;
        white-space: normal;*/
            white-space: normal;
        line-height: 1.25;
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.87);
        font-size: 14px;
        float: left;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.filters > td .form-control,
    table.table-mobile > thead > tr.filters > td .form-control
    {
        /*margin-top: -6px;*/
    }

    .index-page .gridview-wrapper > .grid-view > table,
    .index-page .gridview-wrapper > .grid-view > table > tbody,
    table.table-mobile,
    table.table-mobile > tbody
    {
        float: left;
        width: 100%;
        display: block;
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr,
    table.table-mobile > * > tr
    {
        float: left;
        width: 100%;
        display: block;
        border: 1px solid #e1e1e1;
        margin-bottom: 18px;
        padding-left: 28px;
        position: relative;
        padding: 10px 0px 0px 0px;
        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap:   wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap:  wrap;
        flex-wrap: wrap;
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td.image ~ td:not(.action),
    table.table-mobile > * > tr > td.image ~ td:not(.action)
    {
        /*width: calc(33.333% - 30px);
        float: right;*/
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td,
    table.table-mobile > * > tr > td
    {
        float: left;
        display: block;
        /*width: 33.333%;*/
        /*display: flex;
        justify-content: center;
        flex-direction: column;*/
        border: none;
        width: 50%;
        font-size: 15px;
        width: 50%;
        padding: 6px 15px;
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td:before,
    table.table-mobile > * > tr > td:before
    {
        content: attr(data-label)":";
        /*width: 100%;
        float: left;
        margin-bottom: 3px;
        color: #7d7d7d;
        font-size: 11px;*/
        white-space: normal;
        line-height: 1.25;
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.87);
        font-size: 14px;
        float: left;
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td.image,
    table.table-mobile > * > tr > td.image
    {
        /*width: 90px;*/
        /*padding: 0px;*/
        /*padding-right: 6px;*/
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td.image:before,
    table.table-mobile > * > tr > td.image:before
    {
        display: none;
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td.image .img_table,
    table.table-mobile > * > tr > td.image .img_table
    {
        width: 100%;
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td.serial,
    table.table-mobile > * > tr > td.serial
    {
        width: 28px;
        padding: 8px 0px;
        text-align: center;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td.serial:before,
    table.table-mobile > * > tr > td.serial:before
    {
        display: none;
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td.action,
    table.table-mobile > * > tr > td.action
    {
        width: 100%;
        padding-bottom: 2px;
        border-top: 1px solid #e1e1e1;
        margin-top: 8px;
        padding: 6px 15px;
    }


    .index-page .gridview-wrapper .table .table-actions-group
    {
        width: 100%;
        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;
        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap:   wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap:  wrap;
        flex-wrap: wrap;
        margin: 0px;
    }

    .index-page .gridview-wrapper .table .table-actions-group a 
    {
        margin: 4px;
        float: left;
    }

    .index-page .gridview-wrapper .table .table-actions-group a .btn-action
    {
        margin: 0px;
    }


    .index-page .gridview-wrapper > .grid-view > table > * > tr > td.serial ~ td.action,
    table.table-mobile > * > tr > td.serial ~ td.action
    {
        width: calc(100% + 28px);
        margin-left: -28px;
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td.action:before,
    table.table-mobile > * > tr > td.action:before
    {
        display: none;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.filters > td .range-date,
    .index-page .gridview-wrapper > .grid-view > table > thead > tr.filters > td .range-date .value-box,
    table.table-mobile > thead > tr.filters > td .range-date,
    table.table-mobile > thead > tr.filters > td .range-date .value-box
    {
        width: 100%;
        float: left;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.filters > td .range-date .value-box .value,
    table.table-mobile > thead > tr.filters > td .range-date .value-box .value
    {
        width: auto;
        cursor: pointer;
    }

    .nav-menu 
    {
        width: 230px;
    }

    .nav-menu + div 
    {
        float: right;
        width: calc(100% - 230px);
    }

    .wrap .container .dashboard .card 
    {
        width: calc(50% - 24px);
        height: 160px;
    }

    .wrap .container .dashboard .card .icon
    {
        padding: 20px 0px 5px 6px;
    }

    .wrap .container .dashboard .card .icon i 
    {
        font-size: 60px;    
    }

    .dashboard .card-new.half-size
    {
        width: 21.9%;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker
    {
        width: 100%;
    }
}

@media (max-width: 950px){

    .dashboard .card-new
    {
        width: 97%;
    }

    .dashboard .card-new.half-size
    {
        width: 47%;
    }
}
a
@media (max-width: 930px){

    .dashboard .card-new.half-size
    {
        width: 46%;
    }
}

@media (max-width: 900px){

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .groups .toggled span, 
    .item.catalog-sortable-helper > .actions > .wrapper > .groups .toggled span
    {
        display: none;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .groups, 
    .item.catalog-sortable-helper > .actions > .wrapper > .groups 
    {
        padding: 0px 0px 0px 5px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .groups .toggled, 
    .item.catalog-sortable-helper > .actions > .wrapper > .groups .toggled
    {
        width: 35px;
    }

    /*.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper .text, 
    .item.catalog-sortable-helper > .wrapper .text
    {
        font-size: 18px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item, 
    .item.catalog-sortable-helper
    {
        width: 100%;
    }*/

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title > .photo 
    {
        height: 130px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body 
    {
        height: calc(100% - 130px);
    }

    /*.widget-container.services-settings .widget-page.services-wrapper .item .block.title
    {
        max-width: 260px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.services 
    {
        min-width: calc(100% - 260px);    
    }*/

   .fieldset-form.fieldset-performance .col-lg-6.col-md-6
    {
        width: 100%;
        margin-bottom: 10px;
    }

    .fieldset-form.fieldset-performance .col-lg-6.col-md-6 + .performance_places_block
    {
        margin-top: 5px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .title 
    {
        font-size: 23px;
        bottom: 8px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .action-wrapper
    {
        bottom: 10px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list 
    {
        width: 100%;
        margin-left: 0px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item 
    {
        width: 100%;
        padding: 0px;
    }

    .head-top .action-block .languages .item.select-language .icon
    {
        margin-right: 0px;
    }

    .head-top .action-block .languages .item.select-language .text
    {
        display: none;
    }

    .constructor-main .themes-wrapper .catalog-buttons-block .list-item
    {
        padding: 25px 5px;
    }

    .constructor-main .themes-wrapper .catalog-buttons-block .list-item .item
    {
        padding: 0px 10px;
    }

    .constructor-main .themes-wrapper .header-block .list-nav .nav
    {
        padding-left: 15px;
    }

    .constructor-main .themes-wrapper .container .radio-block
    {
        display: none;
    }

    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn 
    {
        margin: 0px -4px;
    }

    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .btn
    {
        padding: 0.55em 1.2em;
        margin: 0px 4px;
        font-size: 17px;
    }

    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn:not(.pull-right) .btn:nth-last-child(2)
    {
        /*display: none;*/
    }

    .constructor-main-wrapper .constructor-main .toolbar-with-menu .toolbar-container .toolbar-action-wrapper
    {
        -webkit-box-align: flex-end;
        -webkit-flex-align: flex-end;
        -ms-flex-align: flex-end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }

    .connect-services .providers-wrapper > .item > .body-wrapper > .title-wrapper
    {
        padding-right: 60px;
    }

    .connect-services .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper
    {
        padding-right: 60px;
    }

    .connect-services .providers-wrapper > .item
    {
        height: auto;

        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;

        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;

        -webkit-align-items: center;
        align-items: center;
    }

    .connect-services .providers-wrapper > .item > .image-wrapper
    {
        width: 150px;
        height: 100px;
        padding: 0px;
    }

    .connect-services .providers-wrapper > .item > .body-wrapper
    {
        width: -webkit-calc(100% - 150px);
        width: -moz-calc(100% - 150px);
        width: -ms-calc(100% - 150px);
        width: calc(100% - 150px);
        width: calc(100% - 150px);

        padding-left: 20px;
        padding: 0px 15px;
        line-height: 1.1;
        min-height: 100px;

        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;

        /*justify-content: center;
        -webkit-justify-content: center*/

        -webkit-align-content: center;
        align-content: center;

        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }



    .connect-services .services-wrapper .item .header-wrapper .open-btn-wrapper span
    {
        width: 45px;
        height: 45px;
        font-size: 33px;
    }

    .connect-services .services-wrapper .item > .header-wrapper > .header-body-wrapper > .title 
    {
        padding-left: 20px;
        padding: 0px 15px;
        width: 100%;
        min-height: 65px;
        line-height: 1.1;
        
        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;

        /*justify-content: center;
        -webkit-justify-content: center;*/

        -webkit-align-content: center;
        align-content: center;

        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .connect-services .services-wrapper .item .header-wrapper .open-btn-wrapper 
    {
        width: 55px;
        padding: 0px;
        padding-top: 8px;
    }

    .connect-services .services-wrapper .item > .header-wrapper > .header-body-wrapper
    {
        width: -webkit-calc(100% - 125px);
        width: -moz-calc(100% - 125px);
        width: -ms-calc(100% - 125px);
        width: calc(100% - 125px);
    }

    .connect-services .services-wrapper .item > .header-wrapper > .image-wrapper
    {
        width: 70px;
        height: 70px;
        padding: 3px 3px 3px 5px;
    }

    .connect-services-dialog.modal .modal-dialog .modal-content
    {
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    .connect-services-dialog.modal .modal-dialog
    {
        max-width: 100%;
        margin: 0px;
        width: 100%;
        height: 100%;
    }

    .wrap [data-app="image.control"] .control-panel .action-wrapper 
    {
        padding-left: 0px;
        padding-bottom: 6px;
    }

    .wrap [data-app="image.control"] .control-panel .btn-add
    {
        bottom: -40px;
    }

    .wrap [data-app="image.control"] .control-panel .page-control
    {
        margin-left: 0px;
    }

    .upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item 
    {
        width: 145px;
        height: 200px;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button,
    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper
    {
        width: calc(100% - 42px);
    }

    .constructor-main .edit-container .header
    {
        padding-bottom: 20px;
    }

    .constructor-main .edit-container .content
    {
       padding: 0px 20px;
    }

    .constructor-main .edit-container .content .container h1
    {
        padding: 40px 0px;
    }

    .constructor-main .edit-container .btn-header
    {
        /*top: 10px;
        width: 58px;
        height: 58px;*/
        margin-left: -30px;
        top: 120px;
        width: 60px;
        height: 60px;
    }

    .constructor-main .edit-container .btn-header .fa
    {
        font-size: 32px;
    }

    .constructor-main .edit-container .btn-header .circle,
    .constructor-main .edit-container .btn-header:hover .circle
    {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .app-toolbar.toolbar-with-menu .toolbar-container .toolbar-action-wrapper
    {
        margin-top: 0px;
        margin-bottom: 4px;
    }

    .app-toolbar.toolbar-with-menu .toolbar-container .toolbar-action-wrapper form
    {
        float: left;
        width: 100%;
    }

    .app-toolbar.toolbar-with-menu .toolbar-container .toolbar-action-wrapper
    {
        float: left;
        width: 100%;
    }

    .app-toolbar.toolbar-with-menu .toolbar-container h1 
    {
        width: 100%;
        margin-top: 6px;
        margin-bottom: 10px;
    }

    .constructor-main-wrapper .constructor-main .toolbar-with-menu .toolbar-container h1
    {
        margin-bottom: 12px;
    }

    .constructor-main-wrapper .constructor-main .toolbar-with-menu .toolbar-container h1
    {
        margin-bottom: 12px;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper
    {
        padding: 0px 7px;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons  
    {
        width: calc(100% + 14px);
        margin-left: -7px;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item 
    {
        padding: 0 7px;
        margin-bottom: 15px;
    }

    .constructor-main .edit-container .content .wrapper-head .logo-block
    {
         margin: 30px 0px 25px 0px;   
    }

    .constructor-main .edit-container .header
    {
        min-height: 0px;
    }

    .constructor-main .edit-container .content .wrapper-head .logo-block .title-block.with-weather,
    .constructor-main .edit-container .content .wrapper-head .logo-block .title-block.with-time
    {
        width: 50%;
        float: left;
    }

    .constructor-main .edit-container .content .wrapper-head .logo-block .title-block
    {
        height: 45px;
    }

    .constructor-main .edit-container .content .wrapper-head .logo-block .logo
    {
        width: 100%;
        max-width: none;
    }


    .constructor-main .edit-container .header .photo
    {
        width: 195px;
    }

    .constructor-main .edit-container .content .wrapper-head h1
    {
        font-size: 33px;
        margin-bottom: 45px;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button .photo
    {
        /*width: 82px;*/
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button .title
    {
        /*font-size: 20px;*/
        /*width: calc(100% - 82px);*/
    }

    .app-toolbar .toolbar-container h1
    {
        margin-bottom: 15px;
    }

    .app-toolbar .toolbar-container .toolbar-action-wrapper form label
    {
        font-size: 17px;
        margin-bottom: 3px;
    }

    .catalog-tree-edit .app-toolbar .toolbar-container .toolbar-action-wrapper
    {
        padding-left: 0px;
    }

    .app-toolbar .toolbar-container .toolbar-action-wrapper
    {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }

    .app-toolbar .toolbar-container .btn-flat
    {
        width: calc(50% - 10px);
        margin-right: 10px;
    }

    .app-toolbar .toolbar-container .toolbar-action-wrapper form:not(:only-child)
    {
        width: calc(50% - 10px);
        margin-left: 10px;
        margin-bottom: 0px;
    }

    .app-toolbar .toolbar-container .toolbar-action-wrapper form:not(:only-child) .form-group
    {
        width: 100%;
        margin-bottom: 0px;
    }

    .app-toolbar .toolbar-container .toolbar-action-wrapper form:not(:only-child) select
    {
        width: 100%;
    }

    .app-toolbar .toolbar-container .toolbar-action-wrapper form:not(:only-child) label
    {
        width: 100%;
        padding: 0px;
        display: none;
    }

    .User-form form .field-user-currency_id,
    .User-form form .field-user-type,
    .User-form form .field-user-sub_type
    {
        width: 100%;
    }

    .wrap .category-update .category-form form .row .col-lg-6
    {
        padding: 0px;
    }

    .wrap .Widget-Block .main-cont.not-empty
    {
        padding: 0px;
    }

    .wrap .Widget-Block .footer-toolbar
    {
        padding: 0px;
        padding-bottom: 15px;
    }

    .wrap .fieldset-form > div 
    {
         padding: 0px 15px; 
    }

    .wrap .MultiUploadFile,
    .wrap .fieldset-form .MultiUploadFile
    {
        padding: 0px 15px 15px 15px;
    }

    .wrap .MarketCategoryType-form .column-layouts .fieldset-form > div 
    {
        width: 100%;
    }

    .wrap [data-app="image.control"] .control-panel .tag-control .title, 
    .wrap [data-app="image.control"] .control-panel .select-control .select-count 
    {
        /*width: 100%;
        float: left;
        padding: 0px 0px 6px 0px;
        line-height: 1.2;
        margin-bottom: 4px;*/
    }

    .wrap [data-app="image.control"] .control-panel .tag-control > .select 
    {
        /*width: 100%;*/
        /*max-width: 700px;*/
    }

    .index-page .gridview-wrapper .list-filters-grid .list-input,
    .index-page .gridview-wrapper .list-filters-grid .list-select
    {
        width: calc(100% + 14px);
        margin-left: -7px;
    }

    .index-page .gridview-wrapper .list-filters-grid .list-input .item
    {
        width: 33.333%;
        padding: 0px 7px;
        min-width: 170px;
    }

    .index-page .gridview-wrapper .list-filters-grid .list-select .item
    {
        padding: 0px 7px;
    }

    .index-page .gridview-wrapper .list-filters-grid .list-input .item .wrapper .head
    {
        font-size: 13.5px;
    }
}

@media (max-width: 800px){

   .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects
    {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: -ms-calc(100% + 30px);
        width: calc(100% + 30px);

        height: -webkit-calc(100% + 30px);
        height: -moz-calc(100% + 30px);
        height: -ms-calc(100% + 30px);
        height: calc(100% + 30px);

        margin-left: -15px;
        margin-top: -30px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item
    {
        padding: 0px 15px;
        margin: 30px 0px 0px 0px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item .text-block 
    {
        padding: 22px 22px 26px 22px;
    }

    .widget-container.services-settings .widget-page.catalogs-page 
    {
        min-height: 0px;
        padding: 25px 20px 30px 20px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper .text, 
    .item.catalog-sortable-helper > .wrapper .text
    {
        font-size: 15px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item, 
    .item.catalog-sortable-helper
    {
        width: 50%;
    }


   /* .widget-container.services-settings .widget-page.services-wrapper .item .block.title
    {
        max-width: 290px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.services 
    {
        min-width: calc(100% - 290px);    
    }*/

    .head-top .action-block .item.back-to .text .title 
    {
        display: none;
    }

    .report-orders-view-wrapper .report-orders-view .title h1 
    {
        font-size: 28px;
        margin-bottom: 26px;
    }

    .report-orders-create-wrapper
    {
        margin-bottom: 20px;
    }

    .multiselect-native-select .btn-group .multiselect-container.dropdown-menu
    {
        right: auto;
        left: 0px;
    }

    .wrap .sub-toolbar .pagination-wrapper 
    {
        width: 100%;
        text-align: center;
    }

    .wrap .sub-toolbar .pagination-wrapper .pagination
    {
        float: none;
        display: inline-block;
        margin: 6px 0px 2px 0px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .action-wrapper 
    {
        bottom: 8px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .title 
    {
        font-size: 20px;
        bottom: 6px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .image-wrapper
    {
        margin-right: 12px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .params-wrapper
    {
        width: calc(100% - 67px);   
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list 
    {
        width: calc(100% + 20px);
        margin-left: -10px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item 
    {
        width: 50%;
        padding: 0px 10px;
    }

    .head-top .action-block .user .icon
    {
        margin-right: 0px;
    }

    .head-top .action-block .user.item .text
    {
        display: none;
    }

    .catalog-tree-edit .support-block 
    {
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: auto;
        height: auto;
        overflow-y: auto;
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        z-index: 105;
        display: none;
    }

    .catalog-tree-edit .support-block.open 
    {
       right: 0px;
       display: block; 
    }

    .catalog-tree-edit .support-block .text-block
    {
        font-size: 14px;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .sub-service .item
    {
         margin: 2px 6px 3px 0px;   
    }

    .providers-tab .providers-wrapper .item .action-block
    {
        margin-top: -24px;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper
    {
        padding-top: 0px;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .title-wrapper
    {
        font-size: 18px;
        width: 100%;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .main-service
    {
        font-size: 17px;
        width: 100%;
    }

    .services-tab .services-wrapper .item .body-wrapper .child-wrapper .item
    {
        padding-left: 40px;
    }

    .nav-menu
    {
        min-height: 0px !important;
        height: 100vh;
    }

    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn:not(.pull-right) .btn:first-child 
    {
        display: block;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item:first-child .select-color
    {
        margin-left: -100px;
    }


    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .tab-select li,
    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item
    {
        padding: 4px 28px 6px 28px;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .btn-block button
    {
        padding: 5px 28px;
    }


    .constructor-main .edit-container .theme-container
    {
        padding-left: 0px;
    }

    .constructor-main .edit-container .btn-header
    {
        /*top: 135px;*/
    }

    .wrap.app-wrapper.main-container-wrapper
    {
        margin-bottom: -50px;
    }

    .exclude-objects-wrapper .exclude-objects
    {
        min-width: 0px;
    }

    .modal.bootstrap-dialog.upload-dialog.type-primary .modal-dialog
    {
        width: 100%!important;
        left: 0px!important;
        margin: 0px;
    }

    .constructor-main .edit-container .content
    {
        /*margin-bottom: -20px;*/
    }

    .app-toolbar .toolbar-container .toolbar-action-wrapper form:only-child
    {
        margin-top: 5px;
    }

    .constructor-main .edit-container 
    {
        padding: 20px;
    }

    div.modal.excursion-date-helper__modal__book .modal-dialog .modal-content,
    div.modal.excursion-date-helper__modal__calendar .modal-dialog .modal-content
    {
        padding-bottom: 85px;
    }

    div.modal.excursion-date-helper__modal__book .modal-dialog,
    div.modal.excursion-date-helper__modal__calendar .modal-dialog
    {
        max-width: 100%;
        left: 50%;
        margin-left: -300px;    
        min-width: 600px;
    }

    .wrap .modal:not(.normal-modal) .modal-dialog
    {
        width: 100% !important;
        margin: 0px;
    }


    .wrap [data-app="image.control"] div
    {
        /*margin-bottom: 10px;*/
    }

    .head-top .action-block 
    {
        max-width: calc(100% - 245px);
    }

    .head-top .logo-block
    {
        width: 245px;
        padding: 1px 15px 2px 65px;
    }

    .head-top .logo-block a
    {
        max-width: 100%;
        max-height: 100%;
    }

    .nav-menu
    {
        position: fixed;
        top: 0px;
        width: 400px;
        left: -400px;
        max-height: 100vh;
        overflow-y: auto;
        /*z-index: 45;*/
        z-index: 90;
        -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
        -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
        transition: 0.3s cubic-bezier(.55,0,.1,1);
    }

    body.show-mobile-menu .nav-menu 
    {
        left: 0px;
    }

    .nav-menu + div 
    {
        float: left;
        width: 100%;
    }


   .head-top .burger
    { 
        display: block;
        width: 42px;
        height: 42px;
        position: absolute;
        top: 2px;
        left: 15px;
        cursor: pointer;
        z-index: 15;
    }
    
    .head-top .burger:before,
    .head-top .burger:after
    {
        content: "";
        width: 44px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        left: 0px;
        -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
        -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
        transition: 0.3s cubic-bezier(.55,0,.1,1);  
    }

    .head-top .burger:before
    { 
        top: 27px;
    }

    .head-top .burger:after
    { 
        top: 17px;
    }

    body.show-mobile-menu .head-top .burger:before
    { 
        top: 22px;
        left: 3px;
        width: 39px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    body.show-mobile-menu .head-top .burger:after
    { 
        top: 22px;
        left: 3px;
        width: 39px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

   /* .wrap > .container 
    {
        padding: 25px 20px;
    }*/

    /*.wrap .sub-toolbar .button-wrapper .date-range-widget-wrapper div > div > div
    {
        display: none;
    }

    .wrap .sub-toolbar .button-wrapper .date-range-widget-wrapper div > div > div:first-child
    {
        display: block;
        border: 1px solid #43cda2;
        margin-bottom: 12px;
        height: 36px !important;
        color: #fff;
    }


    .wrap .sub-toolbar .button-wrapper .date-range-widget-wrapper,
    .wrap .sub-toolbar .button-wrapper .date-range-widget-wrapper div
    {
        width: 100% !important;
        float: left;
    }

    .wrap .sub-toolbar .button-wrapper .date-range-widget-wrapper input
    {
        float: left;
        width: 100% !important;
        color: #fff!important;
        font-size: 14px !important;
        text-align: center;
    }*/

    .wrap .sub-toolbar
    {
        padding: 12px 20px;
    }

    .wrap .sub-toolbar .button-wrapper
    {
        overflow: hidden;
        max-height: 0px;
        padding: 0px;
        -webkit-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
    }

    .wrap .sub-toolbar.open .button-wrapper
    {
        padding: 12px 0px 0px 0px;
        max-height: 1800px;
        overflow: initial;
    }

    .wrap .sub-toolbar .btn-open 
    {
        display: block; 
        border: 1px solid #43cda2;
        min-height: 36px;
        padding: 7px 20px 6px 20px;
        margin-top: 6px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
        box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
        text-align: center;
        width: 100%;
    }

    .wrap .sub-toolbar .btn-open *
    {
        float: none;
        display: inline-block;
    }

    .wrap .sub-toolbar .btn-open .icon
    {
        padding-left: 12px;
    }

    .wrap .sub-toolbar .button-wrapper .btn-tabs.type-select .list, .wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list
    {
        right: auto;
        left: 0px;
    }

}

@media (max-width: 700px){

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper .text, 
    .item.catalog-sortable-helper > .wrapper .text
    {
        /*font-size: 18px;*/
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item, 
    .item.catalog-sortable-helper
    {
        /*width: 100%;*/
    }

    .head-top .action-block .dropdown.regions
    {
        padding: 4px 8px;   
        margin: 0px; 
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.filters > td, 
    table.table-mobile > thead > tr.filters > td
    {
        width: 100%;
    }

    .report-orders-create-wrapper .report-orders-create .order-sum .value
    {
        float: right;
        text-align: right;
        margin-bottom: 7px;
        padding: 0px;
    }

    .report-orders-create-wrapper .report-orders-create .btn-wrapper .order-sum-wrapper
    {
        margin: -15px 0px 16px 0px;
    }

    .report-orders-create-wrapper .report-orders-create .btn-wrapper .order-sum
    {
        width: calc(100% - 15px);
        border-bottom: 1px solid #e0e0e0;
        padding: 12px 0px 3px 0px;
        display: block;
        margin: 0px 7.5px;
    }

    .report-orders-create-wrapper .report-orders-create .btn-wrapper .order-sum:last-child
    {
        border: none;
    }

    .report-orders-create-wrapper .report-orders-create .btn-wrapper .btn
    {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
    }

    .report-orders-create-wrapper .report-orders-create .btn-wrapper
    {
        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0px;
    }

    .report-orders-create-wrapper .report-orders-create .from .form-inp.date 
    {
        /*width: 100%;
        margin: 0px;*/
    }

    .report-orders-create-wrapper .report-orders-create .from .form-inp.date .select-daterange-mobile-wrapper  
    {
        width: calc(100% + 24px);
        margin-left: -12px;
        margin-right: -12px;
    }

    .report-orders-create-wrapper .report-orders-create .from .form-inp.date .select-daterange-mobile-wrapper > div 
    {
        width: calc(50% - 24px);
        margin: 0px 12px 12px 12px;
    }

    .report-orders-create-wrapper .report-orders-create .from .form-inp.date .select-daterange-mobile-wrapper > div > div
    {
        width: 100% !important;
    }

    .report-orders-create-wrapper .report-orders-create .from .form-inp.date label 
    {
        float: left;
        width: 100%;
    }

    .report-orders-create-wrapper .report-orders-create .from .form-inp.select,
    .report-orders-create-wrapper .report-orders-create .from .form-inp.date
    {
        width: calc(100% - 15px);
    }

    .performance_places_block > .wrapper
    {
        padding: 0px;
        background-color: #fff;
    }

    .wrap .sub-toolbar .button-wrapper .date-range-widget-wrapper div > div > div
    {
        display: none;
    }

    .wrap .sub-toolbar .button-wrapper .date-range-widget-wrapper div > div > div:first-child
    {
        display: block;
        border: 1px solid #43cda2;
        margin-bottom: 12px;
        height: 36px !important;
        color: #fff;
    }


    .wrap .sub-toolbar .button-wrapper .date-range-widget-wrapper,
    .wrap .sub-toolbar .button-wrapper .date-range-widget-wrapper div
    {
        width: 100% !important;
        float: left;
    }

    .wrap .sub-toolbar .button-wrapper .date-range-widget-wrapper input
    {
        float: left;
        width: 100% !important;
        color: #fff!important;
        font-size: 14px !important;
        text-align: center;
    }

    .wrap .sub-toolbar
    {
        padding: 12px 20px;
    }

    .wrap .sub-toolbar .button-wrapper
    {
        overflow: hidden;
        max-height: 0px;
        padding: 0px;
        -webkit-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
    }

    .wrap .sub-toolbar.open .button-wrapper
    {
        padding: 12px 0px 8px 0px;
        max-height: 1800px;
        overflow: initial;
    }

    .wrap .sub-toolbar .btn-open 
    {
        display: block; 
        border: 1px solid #43cda2;
        min-height: 36px;
        padding: 7px 20px 6px 20px;
        margin-top: 6px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
        box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
        text-align: center;
        width: 100%;
    }

    .wrap .sub-toolbar .btn-open *
    {
        float: none;
        display: inline-block;
    }

    .wrap .sub-toolbar .btn-open .icon
    {
        padding-left: 12px;
    }


    .widget-analitycs .charts-wrapper.charts-list-type-object .item-list-wrapoer .item-list .item > .wrapper .image-wrapper 
    {
        width: 86px;
        height: 86px;
    }

    .widget-analitycs .charts-wrapper.charts-list-type-object .item-list-wrapoer .item-list .item .wrapper .params-wrapper 
    {
        width: calc(100% - 98px);
    }

    .providers-tab .providers-wrapper > .item > .image-wrapper
    {
        width: 130px;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper
    {
        width: -webkit-calc(100% - 130px);
        width: -moz-calc(100% - 130px);
        width: -ms-calc(100% - 130px);
        width: calc(100% - 130px);   
    }

     .providers-tab .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .main-service
    {
        font-size: 15px;
    }

    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn:not(.pull-right) .btn:first-child 
    {
        display: none;
    }

    .constructor-main .edit-container 
    {
        padding: 20px 15px;
    }


    .connect-services .providers-wrapper > .item > .body-wrapper 
    {
        width: -webkit-calc(100% - 120px);
        width: -moz-calc(100% - 120px);
        width: -ms-calc(100% - 120px);
        width: calc(100% - 120px);
    }

    .connect-services .providers-wrapper > .item > .image-wrapper 
    {
        width: 120px;
        height: 80px;
    }

    .connect-services .providers-wrapper > .item > .body-wrapper > .title-wrapper
    {
        font-size: 19px;
        margin-bottom: 3px;
    }

    .connect-services .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .main-service
    {
        font-size: 17px;
        padding-top: 0px;
        margin-bottom: 3px;
    }

    .connect-services .providers-wrapper .seporator,
    .connect-services .services-wrapper .item.status-bar
    {
        width: 100%;
        padding: 15px;
    }

    .connect-services .providers-wrapper .seporator:first-child span 
    {
        width: 100%;
        margin-bottom: 4px;
        padding-top: 0px;
    }

    [data-app="image.control"] .cont-for-image
    {
        width: calc(100% + 20px);
        margin-left: -10px;
    }

    .wrap [data-app="image.control"] .cont-for-image .item.item-image, 
    [data-app="image.control"] .cont-for-image .item
    {
        margin: 10px;
    }

    .catalog-tree-edit .tree-container .item .body .item.new 
    {
        padding-left: 35px;
    }

    .constructor-main .edit-container .content 
    {
        margin-bottom: -25px;
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 0px 15px;
    }

    .app-toolbar.toolbar-with-menu .toolbar-container h1
    {
        margin-bottom: 8px;
    }

    .app-toolbar .toolbar-container .toolbar-action-wrapper form:only-child
    {
        margin-top: 10px;
    }


    footer .container
    {
        padding: 0px 15px;
    }

    .catalog-tree-edit .tree-container .item .header .settings .remove-block .ico
    {
        color: #ced0d2;    
    }

    .catalog-tree-edit .app-toolbar .toolbar-container .toolbar-action-wrapper
    {
        padding-left: 0px;
    }

    .app-toolbar .toolbar-container h1
    {
        margin-bottom: 6px;
    }

    .catalog-tree-edit .tree-container .item .header,
    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper
    {
        font-size: 18px;
    }

    .services-tab .services-wrapper .item.child > .header-wrapper > .header-body-wrapper
    {
        font-size: 14px;
    }

    .app-toolbar
    {
        padding: 12px 15px 12px 15px;     
    }

    .catalog-tree-edit .app-toolbar
    {
        /*padding: 12px 15px 35px 15px;   */
    }

    .catalog-tree-edit .tree-container:before
    {
        left: 24px;
    }

    .catalog-tree-edit .tree-container .item
    {
        padding-left: 18px;
    }

    .catalog-tree-edit .tree-container
    {
        padding: 20px 15px 0px 35px;   
    }

    .catalog-tree-edit .tree-container .item:hover > .handle 
    {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
    }

    .modal.image-select-dialog [data-app="image.control"] .control-panel.one-select-mode .page-control
    {
        margin-bottom: 15px;
    }

    .modal.image-select-dialog [data-app="image.control"] .control-panel .tag-control .title
    {
        width: 100%;
        padding: 5px 0px;
    }

    .image-select-dialog .modal-dialog .modal-body .bootstrap-dialog-body .bootstrap-dialog-message [data-app="image.control"] .control-panel .tag-control .title
    {
        width: auto;
        padding: 7px 7px 0px 0px;
    }

    .modal.image-select-dialog [data-app="image.control"] .control-panel .tag-control
    {
        width: 100%;
    }

    .modal.image-select-dialog [data-app="image.control"] .control-panel
    {
        padding: 15px 0px;
    }

    .Order-form table.cart-table
    {
        border: none;
    }

    .Order-form table.cart-table thead
    {
        width: 100%;
        float: left;
    }

    .Order-form table.cart-table thead tr
    {
        padding: 0px;
    }

    .Order-form table.cart-table thead tr:first-child
    {
        display: none;
    }

    .Order-form table.cart-table thead tr.filters
    {
       padding: 10px 0px 5px 0px;
    }

    .Order-form table.cart-table thead tr.filters td
    {
        width: 50%;
        /*min-height: 50px;*/
        /*padding: 3px 12px;*/
    }

    .Order-form table.cart-table thead tr.filters td > *
    {
        width: 50%;
        float: left;
    }

    .Order-form table.cart-table thead tr.filters td:before 
    {
        content: attr(data-title)":";
        float: left;
        margin-bottom: 3px;
        color: #7d7d7d;
        /*width: auto;*/
        padding-right: 16px;
        width: 50%;
        white-space: normal;
    }

    .Order-form table.cart-table thead tr.filters td .form-control
    {
        /*margin-top: -6px;*/
    }

    .Order-form table.cart-table
    {
        float: left;
        display: block;
    }

    .Order-form table.cart-table tbody
    {
        float: left;
        width: 100%;
        display: block;
    }

    .Order-form table.cart-table tr
    {
        float: left;
        width: 100%;
        display: block;
        border: 1px solid #e1e1e1;
        /*margin-bottom: 18px;*/
        padding-left: 12px;
        position: relative;
    }

    .Order-form table.cart-table tr td.image ~ td:not(.action)
    {
        width: calc(50% - 45px);
        float: right;
    }

    .Order-form table.cart-table tr td
    {
        float: left;
        display: block;
        width: 33.333%;
        line-height: 1.2;
        min-height: 70px;
        /*display: flex;
        justify-content: center;
        flex-direction: column;*/
        border: none;
    }

    .Order-form table.cart-table tr td:before 
    {
        content: attr(data-label)":";
        width: 100%;
        float: left;
        margin-bottom: 3px;
        color: #7d7d7d;
    }

    .Order-form table.cart-table tr td.image 
    {
        width: 90px;
        padding: 0px;
        margin-top: 12px;
        padding-right: 6px;
    }

    .Order-form table.cart-table tr td.image:before
    {
        display: none;
    }

    .Order-form table.cart-table tr td.image img
    {
        width: 100%;
    }

    .Order-form table.cart-table tr td.action
    {
        width: 100%;
        padding-bottom: 2px;
        border-top: 1px solid #e1e1e1;
    }

    .Order-form table.cart-table tr td.serial ~ td.action
    {
        width: calc(100% + 28px);
        margin-left: -28px;
    }

    .Order-form table.cart-table tr td.action:before
    {
        display: none;
    }

    .wrap .Widget-Block .main-cont .item-list .item .data-count 
    {
        width: calc(100% - 70px);
    }

    .wrap .Widget-Block .main-cont .item-list .item .action-cont 
    {
        width: 70px;
    }

    .head-top .action-block .item
    {
        font-size: 13px;
        margin: 0px;
        padding: 2px 10px;
    }

    .head-top .action-block .user
    {
        padding: 2px 9px;
    }

    .head-top .action-block 
    {
        max-width: calc(100% - 230px);
    }

    .head-top .logo-block
    {
        width: 230px;
    }

}

@media (max-width: 650px){


    /*.wrap .sub-toolbar .button-wrapper .DateRangePicker .DateRangePicker__picker
    {
        position: fixed;
        top: 0px;
        left: 0px;
        width: calc(100vw - 40px);
        height: 100%;
        background-color: #fff;
    }

    .wrap .sub-toolbar .button-wrapper .DateRangePicker *
    {
        max-width: 100%;
    }*/

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .title 
    {
        font-size: 25px;
        bottom: 8px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .action-wrapper
    {
        bottom: 10px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list 
    {
        width: 100%;
        margin-left: 0px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item 
    {
        width: 100%;
        padding: 0px;
    }


    .constructor-main .edit-container header .main .list-btn .btn.choose-language .wrapper .icon
    {
        width: 33px;
        height: 33px;
        border: 1px solid #fff;
    }

    .constructor-main .edit-container .btn-header
    {
        /*top: -27px;
        margin: 0px;
        width: 54px;
        height: 54px;
        left: auto;
        right: 5px;*/
        top: 17px;
        margin: 0px;
        width: 54px;
        height: 54px;
        left: 67%;
    }

    .constructor-main .edit-container .btn-header .fa 
    {
        font-size: 30px;
    }

    .constructor-main .edit-container .content .container h1
    {
        padding: 0px;
        margin: 40px 0px;
    }

    .constructor-main .edit-container header .main .left-block
    {
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: -ms-calc(100% - 40px);
        width: calc(100% - 40px);
    }

    .constructor-main .edit-container header .main .left-block .data .weather .icon 
    {
        width: 75px;
        font-size: 50px;
    }

    .constructor-main .edit-container header .main .left-block .data
    {
        margin: 0px;
        padding: 0px 0px 0px 80px;
        position: absolute;
        top: 150px;
        left: 30px;
        right: 30px;
    }

    .constructor-main .edit-container header .main .list-btn,
    .constructor-main .edit-container header .main .list-btn .btn.choose-language
    {
        margin: 0px;
    }

    .constructor-main .edit-container header .main .left-block .data .time
    {
        font-size: 23.5px;  
    }

    .constructor-main .edit-container header .main .left-block .data .weather .text .t
    {
        font-size: 23.5px;  
    }

    .constructor-main .edit-container header .main .left-block .data .weather .text .city
    {
        font-size: 20px;
        top: 0.155em;   
    }

    .constructor-main .edit-container header .main .choose-language .icon 
    {
        width: 33px;
        height: 33px;
        border: 1px solid #fff;
    }

    .exclude-objects-wrapper .exclude-objects > .item .body-wrapper 
    {
        width: -webkit-calc(100% - 228px);
        width: -moz-calc(100% - 228px);
        width: -ms-calc(100% - 228px);
        width: calc(100% - 228px);
    }

    .exclude-objects-wrapper .exclude-objects > .item .action-wrapper > span
    {
        font-size: 25px;
    }

    .exclude-objects-wrapper .exclude-objects > .item .action-wrapper 
    {
        height: 50px;
        width: 50px;
        top: 12px;
        margin-top: 0px;
        right: 5px;
    }

    .exclude-objects-wrapper .exclude-objects > .item .image-wrapper 
    {
        width: 170px;
        height: 100px;
    }

    .exclude-objects-wrapper .exclude-objects > .item .body-wrapper .text span
    {
        margin-bottom: 7px;
    }
}

@media (max-width: 600px){

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper .text, 
    .item.catalog-sortable-helper > .wrapper .text 
    {
        font-size: 19px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper, 
    .item.catalog-sortable-helper > .wrapper
    {
        max-height: 180px;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item, 
    .item.catalog-sortable-helper 
    {
        width: 100%;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .text 
    {
        font-size: 18px;
    }

    /*.widget-container.services-settings .widget-page.services-wrapper .item .block.title
    {
        max-width: 260px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.services 
    {
        min-width: calc(100% - 260px);    
    }*/

    .content-wrapper .publication-maker .panel .panel-body .tabs-wrapper .tabs-label
    {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .content-wrapper .publication-maker .panel .panel-body .tabs-wrapper .tabs-label .item 
    {
        border: 1px solid #ccc;
        border-radius: 6px;
        padding: 5px 12px;
        margin-bottom: 6px;
        width: 34px;
        height: 32px;
        padding: 0px;
    }

    .content-wrapper .publication-maker .panel .panel-body .tabs-wrapper .tabs-content 
    {
        width: 100%;
        border: none;
        padding: 8px 0px 0px 0px;
    }

    .publication-maker .widget-wrapper.images-widget .item 
    {
        width: 33.33%;
    }

    .content-wrapper .publication-maker .panel,
    .fieldset-form
    {
        margin-bottom: 30px;
    }

    .performance_places_block > .wrapper .place-item .photo-block 
    {
        width: 90px;
        height: 90px;
        margin-right: 15px;
    }

    .performance_places_block > .wrapper .place-item .body-block 
    {
        width: calc(100% - 105px);
    }

    .head-top .action-block .item.back-to
    {
        padding: 2px 5px;
    }

    .head-top .action-block .item.back-to .icon
    {
        /*display: none;*/
    }

    .head-top .action-block .item.back-to .text .title
    {
        display: none;
    }

    .providers-tab .providers-wrapper .seporator strong
    {
        padding-right: 0px;
    }

    .app-toolbar.toolbar-with-menu .toolbar-container .menu-wrapper ul
    {
        width: -moz-calc(100% + 24px);
        width: -ms-calc(100% + 24px);
        width: calc(100% + 24px);
        margin-left: -12px;   
    }

    .app-toolbar.toolbar-with-menu .toolbar-container .menu-wrapper ul li
    {
        padding: 0px 12px;
        font-size: 17px;
        margin-top: 8px;
    }

    .modal.map-dialog .form-control
    {
        margin-right: 0px;
        margin-left: 0px !important;
        min-width: 100%;
        margin-bottom: 5px;
    }

    .modal:not(.normal-modal) .modal-dialog 
    {
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
        margin: 0px;
    }

    .modal-dialog
    {
        max-width: 100% !important;
        margin: 0px;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item:first-child .select-color
    {
        margin-left: -96px;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .tab-select li,
    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item
    {
        padding: 4px 22px 6px 22px;
        min-width: 155px;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .btn-block button
    {
        padding: 5px 22px;
        min-width: 155px;
    }

    .connect-services .services-wrapper .item .body-wrapper .child-wrapper .item 
    {
        padding-left: 30px;
    }

    .catalog-tree-edit .tree-container .item .body .item.new 
    {
        padding-left: 30px;
    }

    .catalog-tree-edit .tree-container .item .body:before
    {
        top: 50px;
        bottom: 80px;
    }

    .catalog-tree-edit .tree-container .item.active .body
    {
        padding-left: 0px;
        margin-left: -28px;
        width: calc(100% + 28px);    
    }

    .catalog-tree-edit .tree-container .item.child
    {
        padding-left: 30px;
    }

    .catalog-tree-edit .tree-container .item.child:first-child
    {
        margin-top: 22px;
    }

    .catalog-tree-edit .tree-container .item .header
    {
        margin-bottom: 22px;
    }

    .catalog-tree-edit .tree-container .item.exist.active .header .count-wrapper .count-child 
    {
        /*bottom: -42px;
        font-size: 11px;
        padding-top: 9px;
        left: 9px;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);*/
        top: auto;
        bottom: 0px;
        left: auto;
        right: 0px;
        -webkit-transform: translate(-10px, 44px) scale(1.5);
        -ms-transform: translate(-10px, 44px) scale(1.5);
        -o-transform: translate(-10px, 44px) scale(1.5);
        transform: translate(-10px, 44px) scale(1.5);

        -webkit-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
    }

    .catalog-tree-edit .tree-container .item .body
    {
        padding-left: 35px;
    }

    .catalog-tree-edit .tree-container .item .header
    {
        font-size: 16.5px;
        padding: 14px 12px 10px 12px;
    }

    .services-tab .services-wrapper .item .body-wrapper .child-wrapper .item
    {
        padding-left: 20px;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper
    {
        font-size: 16.5px;    
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper
    {
        min-height: 46px;
    }

    .catalog-tree-edit .tree-container .item .header .image-wrapper,
    .services-tab .services-wrapper .item > .header-wrapper > .image-wrapper .image
    {
        width: 46px;
        height: 46px;  
    }

    .catalog-tree-edit .tree-container .item .header .count-wrapper
    {
        width: 46px;
        height: 46px;
    }

    .catalog-tree-edit .tree-container .item .header .title
    {
        min-height: 46px;
    }

    div.modal.excursion-date-helper__modal__book .modal-dialog,
    div.modal.excursion-date-helper__modal__calendar .modal-dialog
    {
        left: 0px;
        right: 0px;
        margin: 0px;
        height: 100%;
        top: 0px;    
        min-width: 100%;
    }

    div.modal.excursion-date-helper__modal__book .modal-dialog .modal-content,
    div.modal.excursion-date-helper__modal__calendar .modal-dialog .modal-content
    {
        width: 100%;
        height: 100%;
        max-height: 100%;
        overflow: auto;
        padding-bottom: 105px;
    }



    .index-page .gridview-wrapper > .grid-view > table > thead > tr.filters > td:nth-child(even) .select-box,
    table.table-mobile > thead > tr.filters > td:nth-child(even) .select-box,
    .select-box
    {
        position: fixed;
        z-index: 50;
        left: 50%;
        right: auto;
        margin-left: -125px;
        top: 50%;
        margin-top: -70px;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.filters > td,
    table.table-mobile > thead > tr.filters > td
    {
        width: 100%;
        /*padding: 6px 15px;*/
    }

    .wrap .Widget-Block .main-cont .item-list .item .data-count 
    {
        width: calc(100% - 60px);
    }

    .wrap .Widget-Block .main-cont .item-list .item .action-cont 
    {
        width: 60px;
    }

    .edit-model-wrapper .lang-selecet
    {
        margin-bottom: 0px;
    }

    .edit-model-wrapper .lang-selecet > .title 
    {
        padding-right: 0px;
        margin-bottom: 12px;
        width: 100%;
    }

   /* .edit-model-wrapper .lang-selecet a 
    {
        margin-bottom: 28px;
        margin-right: 0px;
        margin-left: 6px;
    }*/

    .edit-model-wrapper .lang-selecet a 
    {
        margin-bottom: 28px;
        padding-right: 0px;
        margin-right: 5px;
        margin-left: 0px;
    }


    .head-top .action-block .user
    {
        max-width: 165px;
        text-align: left;
        line-height: 1.1;    
    }

    .head-top .action-block .user .text,
    .head-top .action-block .languages .item.select-language .text
    {
        padding-top: 3px;
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td.image ~ td:not(.action),
    table.table-mobile > * > tr > td.image ~ td:not(.action)
    {
        /*width: calc(50% - 45px);*/
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td,
    table.table-mobile > * > tr > td
    {
        width: 50%;
    }

    .login-page .login-wrapper .wrapper
    {
        width: 100%;
    }

    .wrap .container .dashboard 
    {
        width: calc(100% + 20px);
        margin-left: -10px;
    }

    .wrap .container .dashboard .card 
    {
        width: calc(50% - 20px);
        margin-bottom: 20px;
        margin: 0px 10px 20px 10px;
    }

    .wrap .container .dashboard 
    {
        width: 100%;
        margin-left: 0px;
    }

    .wrap .container .dashboard .card 
    {
        width: 100%;
        margin-bottom: 20px;
        margin: 0px;
        margin-bottom: 22px;
        height: 150px;
    }
}

@media (max-width: 550px){

    .widget-container.services-settings .widget-page.services-wrapper.hotel-services-page .item .block.title .block-body > .info > .text 
    {
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .widget-container.services-settings .widget-page.services-wrapper.hotel-services-page > .list > .wrapper > .item 
    {
        width: 100%;
        height: auto;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title > .photo 
    {
        height: 135px;
        /*padding: 15px 15px 18px 15px;*/

    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body 
    {
        height: calc(100% - 135px);
    }

    /*.widget-container.services-settings .widget-page.services-wrapper .item .block.title > .photo 
    {
        height: 110px;
        padding: 15px 15px 20px 15px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title
    {
        max-width: 220px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.services 
    {
        min-width: calc(100% - 220px);    
    }*/

    .head-top .action-block 
    {
        max-width: calc(100% - 70px);
    }

    .head-top .logo-block 
    {
        display: none;
    }

    .fieldset-form.fieldset-performance > .control .form-control
    {
        width: 100%;
        margin-right: 0px;
        margin: 0px 0px 10px 0px;
        min-width: 0px;
    }

    .head-top .action-block .languages .item.select-language,
    .head-top .action-block .item.user
    {
        padding: 2px 5px;
    }


    .constructor-main .edit-container .content .container
    {
        padding-top: 30px;
    }

    .constructor-main .edit-container .content .container h1
    {
        margin-top: 50px;
        padding-top: 18px;
        margin-bottom: 40px;
        line-height: 1.3;
    }

    .upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item 
    {
        width: 135px;
        height: 200px;
        margin: 10px 8px;
    }

    .constructor-main .edit-container .header .select-language
    {
        max-width: none;
        width: calc(100% - 195px);
        text-align: right;
        margin-bottom: 7px;
    }

    .constructor-main .edit-container .header .list
    {
        max-width: none;
        width: calc(100% - 195px);     
        text-align: right;
    }

    .constructor-main .edit-container .header .list .button
    {
        float: right;
        display: block;
        margin: 0px;
        margin-bottom: 6px; 
    }


    .Order-form table.cart-table tr td
    {
        width: 100%;
        min-height: 0px;
    }

    .Order-form table.cart-table tr td.image ~ td:not(.action) 
    {
        width: calc(100% - 90px);
        padding-left: 20px;
    }

    .wrap .Widget-Block .main-cont .item-list .item .data-count .column:before
    {
        width: 140px;
    }

    .wrap .Widget-Block .main-cont .item-list .item .data-count 
    {
        width: calc(100% - 52px);
    }

    .wrap .Widget-Block .main-cont .item-list .item .action-cont 
    {
        width: 52px;
    }

    .wrap form .control .btn,
    .wrap .fieldset-form .MultiUploadFile .control .btn,
    .wrap .Widget-Block .footer-toolbar .btn
    {
        margin: 0px;
        margin-bottom: 10px;
        width: 100%;
    }

    .index-page .gridview-wrapper > .grid-view > table > thead > tr.filters > td,
    table.table-mobile > thead > tr.filters > td
    {
        width: 100%;
        min-height: 0px;
        padding: 3px 12px;
        margin-bottom: 10px;
    }


    .index-page .gridview-wrapper .list-filters-grid .list-input .item
    {
        width: 50%;
    }

    .dashboard .card-new > .content > .line > .title
    {
        width: 80%;
    }

    .dashboard .card-new > .content
    {
        // width: 60%;
    }

    .dashboard .card-new > .icon
    {
        padding: 20px;
    }

    .dashboard .card-new.half-size
    {
        width: 100%;
    }

}

@media (max-width: 500px){

    .wrap .row.widget.daterange-selector-widget form .col-lg-4 .control-label 
    {
        padding-right: 8px;
        min-width: 38px;
    }

    .wrap .row.widget.daterange-selector-widget form .col-lg-4
    {
        width: 100%;
        max-width: none;
    }

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper .text, 
    .item.catalog-sortable-helper > .wrapper .text 
    {
        font-size: 18px;
    }

    .widget-container.services-settings .widget-page.services-wrapper > .list > .wrapper > .item
    {
        height: auto;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .check-view .wrapper 
    {
        /*width: 50px;
        height: 50px;
        margin: 12px 0px 4px 0px;*/
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail .action .btn
    {
        width: 100%;
        min-width: 0px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail .action
    {
        /*margin-top: 26px;*/
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail .row-info
    {
        padding: 9px 0px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail 
    {
        padding: 0px 12px 12px 12px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .text
    {
        /*margin-bottom: 5px;*/
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title > .photo 
    {
        height: 95px;
        padding: 12px 12px 16px 12px;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.title
    {
        /*width: 100%;
        max-width: none;*/
        width: 100%;
        max-width: none;
        /*height: 320px;*/
        height: auto;
    }

    .widget-container.services-settings .widget-page.services-wrapper .item .block.services
    {
        width: 100%;
        min-width: none;
    }

    .widget-container.services-settings .widget-page.services-wrapper > .list > .wrapper > .item > .wrapper
    {
        display: block;
    }

    .widget-container.services-settings .widget-page.services-wrapper 
    {
        padding: 10px 0px;
    }

    .Select--multi .Select-menu-outer
    {
        width: 100%;
    }

    .Select--multi .Select-control
    {
        width: 100%;
        min-width: 0px;
    }

    .index-page .gridview-wrapper > .grid-view > table tbody tr,
    table.table-mobile tbody tr
    {
        padding: 0px;
    } 

    .index-page .gridview-wrapper > .grid-view > table tbody tr td:before,
    table.table-mobile tbody tr td:before
    {
        text-align: left;
        float: left;
        padding-right: 35px;
        margin: 0px;
        padding-top: 0px;
    }

    .index-page .gridview-wrapper > .grid-view > table tbody tr td,
    table.table-mobile tbody tr td
    {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        border-bottom: 1px solid #e1e1e1;
        padding: 8px 12px;
        text-align: right;
        line-height: 1.2;
        font-size: 14px;
    }

    .index-page .gridview-wrapper > .grid-view > table tbody tr td:last-child,
    table.table-mobile tbody tr td:last-child
    {
        border-bottom: none;
    }

    .report-orders-view-wrapper .report-orders-view .header
    {
        width: 100%;
        margin: 0px;
    }

    .report-orders-view-wrapper .report-orders-view .header .btn-wrapper > .btn, 
    .report-orders-view-wrapper .report-orders-view .header .btn-wrapper > .dropdown
    {
        /*width: 100%;*/
        /*margin: 0px 0px 10px 0px;*/
    }

    .report-orders-view-wrapper .report-orders-view .header .btn-wrapper .btn:first-child:not(:last-child):not(.dropdown-toggle) 
    {
        /*width: calc(100% - 25px);*/
    }

    .report-orders-view-wrapper .report-orders-view .title h1 
    {
        font-size: 26px;
        margin-bottom: 26px;
        margin-top: -2px;
    }

    .report-orders-view-wrapper .report-orders-view .header .btn-wrapper
    {
        margin-bottom: 10px;
    }

    .report-orders-view-wrapper .report-orders-view .header .order-sum, 
    .report-orders-view-wrapper .report-orders-view .header .order-count
    {
        width: 100%;
        padding-top: 0px;
        /*margin: 0px 0px 12px 0px;*/
    }

    .report-orders-view-wrapper 
    {
        padding: 0px 10px;
    }

    .wrap > .container .index-view.index-page 
    {
        padding: 0px 10px;
    }


    /*.performance_places_block > .wrapper .place-item .body-block table thead
    {
        display: none;
    }

    .performance_places_block > .wrapper .place-item .body-block table 
    {
        float: left;
        display: block;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .performance_places_block > .wrapper .place-item .body-block table tbody
    {
        float: left;
        display: block;
        width: 100%;
    }

    .performance_places_block > .wrapper .place-item .body-block table tr 
    {
        float: left;
        width: 100%;
        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;
        -webkit-box-align: flex-start;
        -webkit-flex-align: flex-start;
        -ms-flex-align: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .performance_places_block > .wrapper .place-item .body-block table tr:last-child
    {   
        margin-bottom: 0px;
    }

    .performance_places_block > .wrapper .place-item .body-block table tr td
    {
        float: left;
        border: none;
        padding: 0px;
    }

    .performance_places_block > .wrapper .place-item .body-block table tr td:nth-child(1)
    {
        width: 100%;
        margin-bottom: 5px;
    }

    .performance_places_block > .wrapper .place-item .body-block table tr td:nth-child(2)
    {
        width: 34px;
        margin-left: 10px;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
    }

    .performance_places_block > .wrapper .place-item .body-block table tr td:nth-child(3)
    {
        width: calc(100% - 44px);
    }*/


    .performance_places_block > .wrapper .place-item .photo-block 
    {
        width: 100px;
        height: 100px;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .performance_places_block > .wrapper .place-item .body-block 
    {
        /*width: 100%;*/
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .performance_places_block > .wrapper .place-item .body-block table
    {
        margin-bottom: 0px;
    }

    .performance_places_block > .wrapper .place-item
    {
        padding-bottom: 0px;
    }

    .performance_places_block > .wrapper .place-item .body-block table th 
    {
        border: none;
        border-top: 1px solid #ddd;
        border-bottom: none;
    }

    .widget-analitycs .charts-wrapper.charts-common
    {
        /*height: 550px;*/
        margin-bottom: 60px;
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .action-wrapper 
    {
        bottom: 8px;
    }

    .widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .title 
    {
        font-size: 20px;
        bottom: 6px;
    }

    .catalog-tree-edit .btn-support
    {
        width: calc(100% - 30px);
        margin: 12px 15px 0px 0px;
    }

    .providers-tab .providers-wrapper .filter,
    .services-tab .services-wrapper .filter
    {
        margin-left: 15px;
        width: calc(100% - 30px);   

    }

    .wrap .sub-toolbar 
    {
        width: 100%;
        padding: 12px 15px;
    }

    .wrap .sub-toolbar .button-wrapper
    {
        width: 100%;
    }

    .app-toolbar .toolbar-container .toolbar-action-wrapper form label
    {
        display: none;
    }

    .wrap .sub-toolbar .button-wrapper .title
    {
        display: none;
    }

    .providers-tab .providers-wrapper
    {
        padding: 15px 0px;
    }

    .providers-tab .providers-wrapper .seporator
    {
        padding: 0px 22px;    
    }

    .providers-tab .providers-wrapper > .item
    {
        margin-bottom: -1px;
    }

    .providers-tab .providers-wrapper .item .status-block
    {
        right: 5px;
        top: 5px;
        font-size: 9px;
        padding: 4px 6px;    
    }


    .providers-tab .providers-wrapper .item .action-block
    {
        width: 44px;
        height: 44px;
        margin-top: -22px;
        right: 5px;

    }

    .providers-tab .providers-wrapper > .item > .image-wrapper
    {
        width: 85px;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper 
    {
        width: -webkit-calc(100% - 85px);
        width: -moz-calc(100% - 85px);
        width: -ms-calc(100% - 85px);
        width: calc(100% - 85px);
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper
    {
        padding-right: 45px;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .title-wrapper
    {
        padding-right: 100px;
    }

    .app-toolbar.toolbar-with-menu .toolbar-container .menu-wrapper ul li
    {
        font-size: 15px;
    }

    .nav-menu
    {
        width: 100%;
        left: -100%;
    }

    .constructor-main .themes-wrapper .catalog-buttons-block .list-item .item .wrapper .text 
    {
        font-size: 20px;
    }

    .constructor-main .themes-wrapper .catalog-buttons-block .list-item .item
    {
        width: 100%;
    }

    .constructor-main .themes-wrapper .catalog-buttons-block .list-item .item:nth-last-child(3) 
    {
        display: none;
    }

    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn:not(.pull-right) .btn
    {
        display: none;
    }


    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item.open .select-color .close-btn
    {
        display: block;
    }


    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .tab-select,
    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .btn-block
    {
        margin-bottom: 6px;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .placeholder
    {
        margin-bottom: 2px;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .tab-select li,
    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .btn-block button,
    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item
    {
        min-width: 0px;
        margin: 2px;
    }

      .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .btn-block button
    {
        width: 175px;
        max-width: 100%;
        justify-content: center;
        -webkit-justify-content: center;
    }


    .constructor-main .edit-container .btn-header
    {
        top: 75px;
        margin-left: -26px;
        width: 52px;
        height: 52px;
        left: 50%;
        right: auto;
    }

    .constructor-main .edit-container header .main
    {
        height: 65px;
        position: relative;
    }

    .constructor-main .edit-container header .main .left-block .logo
    {
        width: 155px;
        height: 65px;
        padding-right: 0px;
        top: 0px;
        left: 5px;  
    }

    .constructor-main .edit-container header .main .left-block .logo img
    {
        width: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .constructor-main .edit-container header .mobile
    {
        padding: 0px 0px 15px 0px;
        height: 65px;
        position: relative;
    }

    .constructor-main .edit-container header .main .left-block .data
    {
        margin: 0px;
        padding: 0px 0px 0px 80px;
        position: absolute;
        top: 150px;
        left: -50px;
        right: 0px;
    }    

    .constructor-main .edit-container .content .container
    {
        padding-top: 100px;
    }

    .constructor-main .edit-container .content .container h1
    {
        margin-top: 50px;
        padding-top: 0px;
    }

    .exclude-objects-wrapper .exclude-objects > .item .body-wrapper 
    {
        width: -webkit-calc(100% - 205px);
        width: -moz-calc(100% - 205px);
        width: -ms-calc(100% - 205px);
        width: calc(100% - 205px);
    }

    .exclude-objects-wrapper .exclude-objects > .item .image-wrapper 
    {
        width: 150px;
        height: 100px;
    }

    .connect-services .providers-wrapper > .item > .body-wrapper > .connect-btn-wrapper
    {
        width: 45px;
        height: 45px;
    }

    .connect-services .providers-wrapper > .item > .body-wrapper > .title-wrapper
    {
        padding-right: 42px;
    }

    .connect-services .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper
    {
        padding-right: 42px;
    }

    .connect-services .providers-wrapper > .item > .body-wrapper > .connect-btn-wrapper
    {
        right: 5px;
    }

    .connect-services .providers-wrapper .seporator.filter .form-inp
    {
        width: 100%;
        margin-bottom: 5px;
    }


    .image-select-dialog .modal-dialog .modal-body .bootstrap-dialog-body .bootstrap-dialog-message [data-app="image.control"] .control-panel .tag-control
    {
        width: 100%;
        /*margin-left: 0px;*/
    }

    .modal.image-select-dialog [data-app="image.control"] .control-panel .tag-control .title
    {
        width: 100%;
        padding: 0px;
        margin-bottom: 4px;    
    }

    .wrap [data-app="image.control"] .control-panel .select-control .select-count
    {
        width: 100%;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .arrow-wrapper .arrow .fa
    {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }


    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .arrow-wrapper
    {
        right: -3px;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button .photo
    {
        width: 100px;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button .title 
    {
        font-size: 19.5px;
        width: calc(100% - 100px);
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button .photo
    {
        width: 100px;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons
    {
        width: 100%;
        margin-left: 0px;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item
    {
        width: 100%;
        padding: 0px;
    }

    .constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper
    {
        padding: 0px;
    }

    .constructor-main .edit-container .content .wrapper-head .logo-block 
    {
        /*padding: 0px 10px;*/
    }

    .constructor-main .edit-container .content .wrapper-head .logo-block .title-block.with-weather
    {
        background-position: top left;
    }

    .constructor-main .edit-container .content .wrapper-head .logo-block .title-block.with-time
    {
        background-position: top right;
    }

    .catalog-tree-edit .tree-container
    {
        margin-bottom: 30px;
    }

    .app-toolbar
    {
        padding-bottom: 15px;
    }

    .catalog-tree-edit .app-toolbar
    {
        padding-bottom: 20px;
    }

    .catalog-tree-edit .tree-container .item .header .settings
    {
        margin-right: -8px;
        margin-bottom: -4px;    
    }

    .catalog-tree-edit .tree-container .item .header .image-wrapper
    {
        width: 52px;
        height: 52px;  
        margin-right: 0px;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper
    {
        min-height: 52px;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .image-wrapper .image
    {
        width: 52px;
        height: 52px;     
    }

    .services-tab .services-wrapper .item > .header-wrapper > .image-wrapper
    {
        margin-right: 0px;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper 
    {
        font-size: 16.5px;
        max-width: none;
        width: -webkit-calc(100% - 100px);
        width: -moz-calc(100% - 100px);
        width: -ms-calc(100% - 100px);
        width: calc(100% - 100px);
        padding-left: 15px;
        font-size: 20px;
        margin-bottom: 5px;
        min-height: 52px;
        -ms-word-break: break-word;
        word-break: break-word;
    }

    .services-tab .services-wrapper .item.parent > .header-wrapper > .header-body-wrapper 
    {
        color: #3bbb93;
        text-transform: uppercase;
    }

    .services-tab .services-wrapper .item .action-block
    {
        width: 45px;
        height: 45px;
    }

    .catalog-tree-edit .tree-container .item .header .count-wrapper 
    {
        width: 52px;
        height: 52px;
    }

    .catalog-tree-edit .tree-container .item .header .title 
    {
        max-width: none;
        width: calc(100% - 52px);
        padding-left: 15px;
        font-size: 20px;
        margin-bottom: 5px;
        min-height: 52px;
        -ms-word-break: break-word;
        word-break: break-word;
    }

    .app-toolbar .toolbar-container .toolbar-action-wrapper form,
    .app-toolbar .toolbar-container .toolbar-action-wrapper form:not(:only-child)
    {
        width: 100%;
        margin: 0px 0px 12px 0px;
    }

    .app-toolbar .toolbar-container .toolbar-action-wrapper form:only-child
    {
        width: 100%;
        margin: 0px;
    }

    .app-toolbar .toolbar-container .toolbar-action-wrapper form:only-child .form-group
    {
        width: 100%;
        margin-bottom: 0px;
    }

    .app-toolbar .toolbar-container .toolbar-action-wrapper form:only-child select
    {
        width: 100%;
    }

    .app-toolbar .toolbar-container .toolbar-action-wrapper form:only-child label
    {
        width: 100%;
        padding: 0px;
    }

    .app-toolbar .toolbar-container .btn-flat
    {
        width: 100%;
        margin: 0px 0px 12px 0px;  
    }

    .app-toolbar .toolbar-container .toolbar-action-wrapper
    {
        display: block;
    }

    .wrap .Widget-Block .main-cont .item-list .item .data-count .column:before
    {
        width: 100%;
        margin-bottom: 4px;
        color: #777;
    }

    .wrap [data-app="image.control"] .control-panel
    {
        /*padding-top: 0px;*/
    }

    .wrap .bottom-panel button
    {
        font-size: 12px;
        padding: 4px 8px;
        font-size: 13px;
    }

    .wrap .bottom-panel button .fa
    {
        padding-right: 4px;
        font-size: 15px;
        position: relative;
        top: 1px;
    }

    .wrap > .container 
    {
        padding: 25px 5px;
    }

    .head-top .action-block .user .icon
    {
        /*display: none;*/
    }

    .head-top .action-block .user
    {
        /*max-width: 110px;*/
        /*max-width: calc(100% - 86px);    */
        max-width: none;
    }

    .head-top .action-block 
    {
        max-width: calc(100% - 55px);
        /*max-width: none;*/
    }

    .head-top .logo-block 
    {
        /*width: 190px;
        padding: 4px 4px 2px 74px;*/
        display: none;
    }


    .index-page .gridview-wrapper > .grid-view > table > * > tr > td.image ~ td:not(.action),
    table.table-mobile > * > tr > td.image ~ td:not(.action)
    {
        /*width: calc(100% - 90px);*/
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td,
    table.table-mobile > * > tr > td
    {
        width: 100%;
        padding: 5px 10px 0px 10px;
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td:before,
    table.table-mobile > * > tr > td:before
    {
        float: none;
        width: auto;
        padding-right: 5px;
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td.action,
    table.table-mobile > * > tr > td.action
    {
        margin-top: -1px;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker
    {
        width: 100%;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item
    {
        min-width: 100px;
    }

    .constructor-main .edit-container .edit-wrapper
    {
        z-index: 52;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item .select-color .wrapper:before,
    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item .select-color .wrapper:after
    {
        display: none;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item .select-color
    {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        z-index: 50;
        background-color: rgba(0, 0, 0, 0.8);
        margin: 0px;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item:first-child .select-color
    {
        margin: 0px;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item .select-color
    {
        display: none;

        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        justify-content: center;
        -webkit-justify-content: center;   
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item.open .select-color
    {
        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item.open .select-color .sketch-picker
    {
        border-radius: 0px !important;
    }

    .services-tab .services-wrapper
    {
        padding: 15px 0px;
    }

    .services-tab .services-wrapper .item .body-wrapper .child-wrapper .item
    {
        padding-right: 0px;
    }

    .services-tab .services-wrapper .item .header-wrapper
    {
        margin-bottom: -1px;
        padding: 15px 10px;
    }

    .services-tab .services-wrapper .item.parent
    {
        margin-bottom: 10px;
    }

    .services-tab .services-wrapper .item .body-wrapper .child-wrapper .item
    {
        padding-left: 0px;
    }

    .services-tab .services-wrapper .item.child > .header-wrapper > .image-wrapper 
    {
        margin-left: 7px;
    }

    .services-tab .services-wrapper .item.child > .header-wrapper > .image-wrapper .image
    {
        width: 30px;
        height: 30px;
    }

    .report-orders-view-wrapper .report-orders-view .header
    {
        margin-bottom: 10px;
    }
}

@media (max-width: 450px){


    .report-orders-view-wrapper .report-orders-view .header
    {
        width: 100%;
        margin: 0px;
    }

    .report-orders-view-wrapper .report-orders-view .header .btn-wrapper > .btn, 
    .report-orders-view-wrapper .report-orders-view .header .btn-wrapper > .dropdown
    {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .report-orders-view-wrapper .report-orders-view .header .btn-wrapper .btn:first-child:not(:last-child):not(.dropdown-toggle) 
    {
        width: calc(100% - 25px);
    }

    .report-orders-view-wrapper .report-orders-view .title h1 
    {
        font-size: 26px;
        margin-bottom: 26px;
        margin-top: -2px;
    }

    .report-orders-view-wrapper .report-orders-view .header .btn-wrapper
    {
        margin-bottom: 10px;
    }

    .report-orders-view-wrapper .report-orders-view .header .order-sum, 
    .report-orders-view-wrapper .report-orders-view .header .order-count
    {
        width: 100%;
        padding-top: 0px;
        margin: 0px 0px 12px 0px;
    }


    

    .publication-maker .widget-wrapper.images-widget .item 
    {
        width: 50%;
    }

    .wrap .sub-toolbar .button-wrapper > button 
    {
        margin-right: 0px;
        width: 100%;
    }

    .head-top .action-block .notifications .notific-panels .divider
    {
        padding: 0px 15px;
    }

    .head-top .action-block .notifications .notific-panels .divider .action-wrapper
    {
        padding-right: 0px;
    }

    .head-top .action-block .notifications .notific-panels
    {
        width: 100%;
        padding: 0px;
    }

    .wrap .sub-toolbar .btn-open .icon 
    {
        position: relative;
        left: 10px;
        width: 12px;
        height: 14px;
        padding: 0px;
        display: inline-block;
    }

    .wrap .sub-toolbar .btn-open .icon .fa
    {
        position: absolute;
        font-size: 20px;
        top: 0px;
        left: 0px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.3s cubic-bezier(.55,0,.1,1);
        -o-transition: all 0.3s cubic-bezier(.55,0,.1,1);
        transition: all 0.3s cubic-bezier(.55,0,.1,1);
    }

    .wrap .sub-toolbar.open .btn-open .icon .fa
    {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .wrap .sub-toolbar.open .button-wrapper
    {
        padding: 12px 0px 0px 0px;    
    }

    .wrap .sub-toolbar .button-wrapper .pagination-wrapper .pagination
    {
        float: none;
        display: inline-block;
    }

    .wrap .sub-toolbar .button-wrapper .pagination-wrapper
    {
        width: 100%;
        text-align: center;
        padding-top: 5px;
    }

    .wrap .sub-toolbar .button-wrapper .date-range-widget-wrapper
    {
        text-align: center;
    }

    .wrap .sub-toolbar .button-wrapper .btn-tabs .btn, 
    .wrap .sub-toolbar .button-wrapper .btn-tabs .btn-flat
    {
        float: left;
        width: 100%;
    }

    .wrap .sub-toolbar .button-wrapper .btn-tabs .btn-title,
    .wrap .sub-toolbar .button-wrapper .btn-tabs .list
    {
        float: left;
        width: 100%;
        font-size: 15px;
        padding: 0px;    
    }

    .wrap .sub-toolbar .button-wrapper .btn-tabs.type-select-native .btn-title span
    {
        float: left;
        width: 100%;
        font-size: 15px;
        padding: 0px;    
    }

    .wrap .sub-toolbar .button-wrapper .btn-tabs.type-select-native .btn-title
    {
        display: block;
    }

    .wrap .sub-toolbar .button-wrapper .btn-tabs.type-select-native .btn-title select
    {
        float: left;
        width: 100%;
        max-width: 100%;
    }

    .wrap .sub-toolbar .button-wrapper .btn-tabs.type-select-native .btn-title span
    {
        float: left;
        width: 100%;
        font-size: 15px;
        padding: 0px;    
        margin-bottom: 3px;
    }

    .wrap .sub-toolbar .button-wrapper > div 
    {
        float: left;
        width: 100%;
        margin: 0px 0px 12px 0px;
    }

    .exclude-objects-wrapper .exclude-objects > .item .body-wrapper .text span
    {
        margin-bottom: 5px;
    }

    .exclude-objects-wrapper .exclude-objects > .item .action-wrapper
    {
        right: 10px;
    }

    .exclude-objects-wrapper .exclude-objects > .item
    {
        padding: 10px 15px;
    }

    .exclude-objects-wrapper .exclude-objects > .item .image-wrapper 
    {
        width: 200px;
        height: 120px;
        padding: 0px;
    }

    .exclude-objects-wrapper .exclude-objects > .item .body-wrapper 
    {
        width: 100%;
        padding: 6px 0px 0px 0px;
    }

    .connect-services .providers-wrapper > .item > .body-wrapper > .title-wrapper,
    .connect-services .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper
    {
        padding-right: 0px;
    }

    .connect-services .providers-wrapper > .item > .body-wrapper > .connect-btn-wrapper
    {
        width: 50px;
        height: 50px;
        right: 12px;
        margin-top: 0px;
        top: 42px;
    }

    .connect-services .providers-wrapper > .item  
    {
        width: 100%;
        display: block;        
        padding: 10px 15px;
    }

    .connect-services .providers-wrapper > .item > .image-wrapper 
    {
        width: 160px;
        height: 100px;
    }

    .connect-services .providers-wrapper > .item > .body-wrapper 
    {
        width: 100%;
        min-height: 0px;
        padding: 12px 0px 0px 0px;
    }

    .connect-services .services-wrapper .item .body-wrapper .child-wrapper .header-body-wrapper .title
    {
        font-size: 18px;
        padding: 0px;
    }

    .connect-services .services-wrapper .item .header-wrapper .header-body-wrapper .title
    {
        font-size: 19px;
        padding-right: 0px;
        padding-left: 12px;
    }

    .connect-services .services-wrapper .item .body-wrapper .child-wrapper .item 
    {
        padding-left: 10px;
    }

    .constructor-main .edit-container .content .wrapper-head h1
    {
        font-size: 30px;
    }

    .dashboard .card-new
    {
        width: 96%;
    }

    .constructor-main .edit-container .header .list
    {
        width: 100%;
        margin-top: 15px;
    }

    .constructor-main .edit-container .header .list .button
    {
        float: left;
        width: 100%;
        margin-bottom: 12px;
        font-size: 21px;
        padding: 13px 10px 14px 10px;
    }
}

@media (min-width: 400px){

    .performance_places_block > .wrapper .place-item .body-block table .color-value
    {
        width: 34px !important;
        height: 34px !important;
    }

}

@media (max-width: 400px){

    .widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper .text, 
    .item.catalog-sortable-helper > .wrapper .text 
    {
        font-size: 17px;
    }

    .head-top .action-block .dropdown.regions 
    {
        padding: 4px 5px;
    }

    .head-top .action-block .item
    {
        padding: 2px 6px;
    }

    .head-top .action-block .languages .item.select-language .icon,
    .head-top .action-block .user .icon
    {
        width: 26px;
        height: 26px;
    }

    .head-top .action-block .notifications .item
    {
        padding: 0px 2px 1px 2px;   
    }

    .head-top .action-block .languages .item.select-language, 
    .head-top .action-block .item.user 
    {
        padding: 2px 2px;
    }


    .report-orders-create-wrapper .report-orders-create .btn-wrapper .btn
    {
        width: 100%;
    }

    .publication-maker .widget-wrapper.images-widget .item 
    {
        width: 100%;
    }

    .performance_places_block > .wrapper .place-item .select-block .place-select
    {
        padding-right: 8px;
    }

    .performance_places_block > .wrapper .place-item > .close-btn
    {
        font-size: 33px;
        width: 30px;
        height: 35px;
    }

    .performance_places_block > .wrapper .place-item .body-block table thead
    {
        float: left;
        width: 100%;
    }

    .performance_places_block > .wrapper .place-item .body-block table thead tr 
    {
        float: left;
        width: 100%;
        padding: 10px 18px 10px 10px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .performance_places_block > .wrapper .place-item .body-block table thead tr th
    {
        padding: 0px;
        text-align: left;
    }

    .performance_places_block > .wrapper .place-item .body-block table thead th:nth-child(1)
    {
        width: calc(100% - 100px);
        margin-bottom: 0px;
        padding: 0px;
        padding-right: 12px;
        line-height: 1.3;
    }

    .performance_places_block > .wrapper .place-item .body-block table thead th:nth-child(3)
    {
        width: 100px;
        margin-bottom: 0px;
        padding: 0px;
        line-height: 1.3;
    }


    .performance_places_block > .wrapper .place-item .body-block table th:nth-child(2) 
    {
        display: none;
    }

    .performance_places_block > .wrapper .place-item .body-block table .color-value
    {
        width: 100% !important;
        height: 100% !important;
    }

    .performance_places_block > .wrapper .place-item .body-block table 
    {
        float: left;
        display: block;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .performance_places_block > .wrapper .place-item .body-block table tbody
    {
        float: left;
        display: block;
        width: 100%;
    }

    .performance_places_block > .wrapper .place-item .body-block table tr 
    {
        float: left;
        width: 100%;
        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;
        /*-webkit-box-align: flex-start;
        -webkit-flex-align: flex-start;
        -ms-flex-align: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;*/
        justify-content: space-between;
        -webkit-justify-content: space-between;
        margin-bottom: 0px;
        position: relative;
        padding-right: 50px;
        padding: 10px 18px 10px 10px;
        border-bottom: 1px solid #ddd;
    }

    .performance_places_block > .wrapper .place-item .body-block table tbody tr:last-child
    {   
        margin-bottom: 0px;
        border: none;
    }

    .performance_places_block > .wrapper .place-item .body-block table tr td,
    .performance_places_block > .wrapper .place-item .body-block table thead th
    {
        float: left;
        border: none;
        padding: 0px;
        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;
        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .performance_places_block > .wrapper .place-item .body-block table tr td:nth-child(1)
    {
        width: calc(100% - 100px);
        margin-bottom: 0px;
        padding-right: 12px;
        line-height: 1.3;
    }

    .performance_places_block > .wrapper .place-item .body-block table tr td:nth-child(2)
    {
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        z-index: 3;
        width: 8px;
    }

    .performance_places_block > .wrapper .place-item .body-block table tr td:nth-child(3)
    {
        width: 100px;
    }



    .performance_places_block > .wrapper .place-item .select-block .date-select .add-block .btn
    {
        margin: 0px;
        float: left;
        width: 100%;
    }

    .performance_places_block > .wrapper .place-item .select-block .date-select .add-block
    {
        width: 100%;
        display: block;
    }

    .performance_places_block > .wrapper .place-item .select-block .date-select .add-block input
    {
        width: 100%;
        margin-bottom: 10px;
    }

    .performance_places_block > .wrapper .place-item .select-block .date-select .add-block
    {
        display: block;
    }

   /* .performance_places_block > .wrapper .place-item .body-block table td:nth-child(3) 
    {
        max-width: 88px;
    }

    .performance_places_block > .wrapper .place-item .body-block table td input
    {
        padding: 0px 7px;
    }*/

    .providers-tab .providers-wrapper > .item > .body-wrapper > .title-wrapper
    {
        font-size: 14px;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .main-service
    {
        font-size: 13px;
        padding-top: 0px;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper 
    {
        width: -webkit-calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -ms-calc(100% - 90px);
        width: calc(100% - 90px);
    }

    .app-toolbar.toolbar-with-menu .toolbar-container .menu-wrapper ul 
    {
        width: -moz-calc(100% + 20px);
        width: -ms-calc(100% + 20px);
        width: calc(100% + 20px);
        margin-left: -10px;
    }

     .app-toolbar.toolbar-with-menu .toolbar-container .menu-wrapper ul li
    {
        font-size: 14px;
        padding: 0px 10px;
    }



    .wrap [data-app="image.control"] .control-panel .tag-control > .select
    {
        width: 100%;
    }

    .wrap [data-app="image.control"] .control-panel .tag-control > .select .multiselect-native-select
    {
        width: 100%;
    }

    .wrap [data-app="image.control"] .control-panel .tag-control > .select .multiselect-native-select select
    {
        width: 100%;
    }

    .wrap [data-app="image.control"] .control-panel .tag-control .title
    {
        width: 100%;
    }




    .wrap [data-app="image.control"] .control-panel .tag-control .btn-group,
    .wrap [data-app="image.control"] .control-panel .tag-control .btn-group .btn
    {
        width: 100% !important;
        margin: 0px 0px 4px 0px;
    }

    .wrap [data-app="image.control"] .control-panel .image-control
    {
        width: 100% !important;

    }

    .catalog-tree-edit .tree-container .item.exist.active .header .count-wrapper .count-child 
    {
        -webkit-transform: translate(-6px, 44px) scale(1.4);
        -ms-transform: translate(-6px, 44px) scale(1.4);
        -o-transform: translate(-6px, 44px) scale(1.4);
        transform: translate(-6px, 44px) scale(1.4);
    }

    footer
    {
        padding-top: 14px;
        padding-bottom: 8px;
    }

    footer p
    {
        width: 100%;
        float: left;
        margin-bottom: 8px;
    }

    /*footer p a
    {
        color: #b4bcc8;
        text-decoration: underline;
    }

    footer p a:hover
    {
        text-decoration: none;
    }*/

    .catalog-tree-edit .tree-container .item .header .title .header-title
    {
        line-height: 1.2;
    }

    .catalog-tree-edit .tree-container .item .header .title .header-title .value
    {
        padding-right: 10px;
    }

    .catalog-tree-edit .tree-container .item .header 
    {
        font-size: 16.5px;
        padding: 20px 12px 10px 12px;
    }

    .catalog-tree-edit .tree-container .item .header .image-wrapper
    {
        width: 42px;
        height: 42px;  
        margin-right: 0px;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper
    {
        min-height: 42px;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .image-wrapper .image
    {
        width: 42px;
        height: 42px;    
    }

    .catalog-tree-edit .tree-container .item .header .count-wrapper 
    {
        width: 42px;
        height: 42px;
    }

    .catalog-tree-edit .tree-container .item .header .title 
    {
        width: calc(100% - 42px);
        padding-left: 12px;
        font-size: 18px;
        min-height: 42px;
    }

    .Order-form table.cart-table tr
    {
        padding-bottom: 6px;
    }

    .Order-form table.cart-table tr td.image
    {
        width: 120px;
        margin-bottom: 6px;
    }

    .Order-form table.cart-table tr td
    {
        width: 100%;
        min-height: 0px;
    }

    .Order-form table.cart-table tr td.image ~ td:not(.action) 
    {
        width: 100%;
        padding: 6px 10px 6px 0px;
    }

    .wrap .control-panel .select-control .btn,
    .wrap [data-app="image.control"] .control-panel .select-control .dropdown,
    .wrap [data-app="image.control"] .control-panel .select-control, 
    .wrap [data-app="image.control"] .control-panel .tag-control,
    .wrap [data-app="image.control"] .control-panel .image-control .btn
    {
        width: 100%;
        margin: 0px;
        padding-right: 0px;
    }

    .wrap [data-app="image.control"] .control-panel .action-wrapper .btn
    {
        margin: 0px;
    }

    .wrap [data-app="image.control"] .control-panel .action-wrapper
    {
        width: 100%;
        margin: 0px;
    }

    .index-page .gridview-wrapper .list-filters-grid .list-input
    {
        width: 100%;
        margin-left: 0px;
    }

    .index-page .gridview-wrapper .list-filters-grid .list-input .item
    {
        width: 100%;
        padding: 0px;
        min-width: 0px;
    }

    .index-page .gridview-wrapper .list-filters-grid .list-select
    {
        width: calc(100% + 8px);
        margin-left: -4px;
    }

    .index-page .gridview-wrapper .list-filters-grid .list-select .item
    {
        padding: 0px 4px;
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td.image,
    table.table-mobile > * > tr > td.image
    {
        /*padding-right: 0px;*/
        /*margin-bottom: 4px;*/
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td,
    table.table-mobile > * > tr > td
    {
        padding-left: 2px;
    }

    .index-page .gridview-wrapper > .grid-view > table > * > tr > td.image ~ td:not(.action),
    table.table-mobile > * > tr > td.image ~ td:not(.action)
    {
        width: 100%;
        /*padding-left: 0px;*/
    }

    .dashboard .card-new
    {
        width: 95%;
    }

    .wrap [data-app="image.control"] .control-panel
    {
        padding: 10px 15px;
    }

    .services-tab .services-wrapper .item .body-wrapper .child-wrapper .item
    {
        /*padding-left: 12px;*/
    }

}

@media (max-width: 350px){

    .constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .basket-block
    {
        display: none;
    }

    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .tab-select li,
    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp .btn-block button,
    .constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item
    {
        width: 100%;
    }

    .exclude-objects-wrapper .exclude-objects > .item .image-wrapper 
    {
        width: 185px;
        height: 100px;
    }

    .connect-services .providers-wrapper > .item > .image-wrapper 
    {
        width: 185px;
    }

    .connect-services .services-wrapper .item.status-bar button,
    .connect-services .providers-wrapper .seporator.status-bar .btn
    {
       width: 100%;
       margin-top: 10px;
    }

    .connect-services .services-wrapper .item.status-bar .pull-right,
    .connect-services .providers-wrapper .seporator.status-bar .pull-right
    {
        width: 100%;
    } 

    .connect-services .services-wrapper .item.status-bar,
    .connect-services .providers-wrapper .seporator.status-bar
    {
        padding: 15px;
    }

   .app-toolbar .toolbar-container .btn-add
    {
        bottom: -30px;
    }

    .range-date.open .select-box .btn.btn-danger
    {
        margin-left: 0px;
    }

    .list-group.category-block .list-group-item .btn.btn-list-right
    {
        width: auto;
    }

    .head-top .burger:before, .head-top .burger:after
    {
        width: 42px;
    }

}