/* Больше чем 1200 */
@media (min-width: 1200px) {



    .portfolio-slider .frame ul li .slide-image {
        height: 500px;
    }


    .portfolio-slider .frame ul li {
        width: 825px;
    }

    .steps .description.type1.last {
        padding-right: 97px
    }

    .chat-dialogs-list .chat-dialog-name {
        padding-left: 0;
    }

    /** Home Steps **/
    div.step-controls a {
        margin-left: 323px;
    }

    div.step-controls a[href="#2"] {
        margin-left: 257px;
    }

    /*div.steps .list {*/
        /*width: 1250px;*/
    /*}*/
    /*div.steps {*/
        /*width: 1250px;*/
        /*margin-left: -40px;*/
    /*}*/

    div.steps .column4 {
        width: 365px;
        /*margin-left: -5px;*/
    }

    div.steps .inner {
        width: 375px;
        height: 170px;
        background-position: 0 -445px;
    }

    div.steps .inner .illustration.type1.step1 {
        left: 192px;
    }

    div.steps .inner .illustration.type1.step2 {
        left: 220px;
    }

    div.steps .inner .illustration.type1.step3 {
        left: 201px;
    }

    div.steps .inner .illustration.type2.step1 {
        left: 160px;
    }

    div.steps .inner .illustration.type2.step2 {
        left: 205px;
    }

    div.steps .inner .illustration.type2.step3 {
        left: 167px;
    }

    /** Form **/
    .form label.checkbox:before {
        content: ' ';
        width: 18px;
        height: 17px;
        background: url("../img/sprite.png") no-repeat -31px -17px;
        position: absolute;
        left: -1px;
        top: 50%;
        margin-top: -8px;

    }

    .form label.checkbox, .form label.radio {
        font-size: 12px;
        font-weight: normal;
        line-height: 20px;
    }

    /** Aside **/
    aside {
        padding-right: 0;
    }

    aside .category-list ul li a,
    aside .statistics span {
        font-size: 12px
    }

    /*header nav ul.main-nav {*/
        /*margin-left: 215px;*/
    /*}*/

    .random-portfolio-slider .frame ul li {
        width: 208px;
    }

    .quick-links .link-block a .link-title {
        font-size: 14px;
    }
    .quick-links .link-block .link-image i.fa-briefcase {
        top: 4px;
    }
    .quick-links .link-block .link-image {
        font-size: 55px;
    }
    aside .short_description {
        font-size: 14px;
    }
    aside .short_description span {
        margin-bottom: 3px;
    }
    .user-avatar-edit {
        width: 95px;
        height: 95px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /*header nav ul.main-nav {*/
        /*margin-left: 33px;*/
    /*}*/
    .ads .place a.get {
        padding: 1px 4px;
        font-size: 10px;
    }
    .portfolio-item .item-image {
        height: 160px;
    }

    .job-progress li > div > i {
        display: none;
    }

    .quick-links .link-block a .link-title {
        font-size: 14px;
    }
    .random-portfolio-slider .frame ul li {
        width: 173px;
    }

    .random-portfolio-slider .frame ul li .portfolio-item .item-image {
        height: 115px;
    }

    .random-portfolio-slider .frame ul li .portfolio-item .item-image img {
        max-height: 105px;
    }

    /*header nav ul.main-nav li{*/
        /*margin-right: 7px;*/
    /*}*/

    .chat-dialogs-list .dialog-link .avatar-small {
        width: 25px;
        height: 25px;
        max-width: none;
    }

    .chat-dialogs-list .chat-dialog-name {
        font-size: 11px;
    }
    .chat-dialogs-list .chat-dialog-name .new-message-icon {
        margin-top: -8px;
    }

    .step-controls a {
        margin-bottom: 20px;
        margin-left: 134px;
    }

    .step-controls a[href="#2"] {
        margin-left: 201px;
    }

    .steps .column4 {
        width: 360px;
    }

    .list-item-buttons > * {
        margin-top: 5px;
    }
    .list-item-buttons > *:first-child {
        margin-top: 0;
    }

    .col-xs-4.portfolio-item {
        width: 50%;
    }
    .object-categories-list .object-category {
        width: 100%;
    }
    .portfolio-slider .frame ul li {
        width: 510px;
    }

    .quick-links .link-block {
        width: 50%;
    }

    .quick-links .link-block:nth-child(n+3) {
        border-top: 1px solid #e1e0ce;
    }

    .quick-links .link-block:nth-child(2n) {
        border-right: 0;
    }
    .job-progress {
        display: none;
    }
    .user-short-info {
        display: block;
        width: 100%;
    }
    aside .short_description {
        display: block;
        width: 100%;
        padding-left: 15px;
        padding-top: 7px;
        top: 0;
    }

    .user-avatar-edit {
        width: 60px;
        height: 60px;
    }


}

@media (max-width: 1200px) {

    .aside-widget h3 {
        font-size: 20px;
    }
    .aside-widget h3 span {
        font-size: 12px;
    }

    div.main-top .but {
        font-size: 20px;
        padding: 0px 10px;
    }

    div.main-top .words {
        font-size: 27px;
        line-height: 58px;
    }

    .aside-widget h3 span {
        display: block;
        float: inherit;
        margin-top: -22px;
        margin-bottom: -12px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    .chat-dialogs-list .dialog-link .avatar-small {
        height: 35px;
        width: 35px;
        max-width: none;
    }

    .portfolio-item .item-image {
        height: 144px;
    }

}

@media (max-width: 992px) {
    div.main-top {
        padding: 5px 0;
    }

    #main-menu ul li a {
        font-size: 14px;
        padding: 0 10px;
    }


}

/* До 767 */


@media (max-width: 767px) {


    #main-menu nav {
        position: static;
    }

    .toggle-menu-btn {
        display: block;
    }

    #main-menu ul li a {
        display: block;
        border-bottom: 1px dotted #e7ebec;
    }

    .navbar-collapse.collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

    .newTable td {
        padding: 5px 2px;
        font-size: 13px;
    }

    .news .one img {
        margin-bottom: 15px;
    }
    h1, h2 {
        font-size: 20px;
    }

    footer {
        padding: 15px 15px;
    }

    footer a.cont span {
        display: none;
    }


    .UAH-line {
        display: none;
    }

    div.main-two {
        height: 275px;
    }
    .job-progress li > div > i {
        display: none;
    }

    .object-categories-list .object-category {
        width: 100%;
    }

    section.user-bar .modal-dialog, .modal-dialog {
        margin: 10px auto;
    }

    .step-controls {
        display: none;
    }
    .steps .description {
        margin-top: -50px;
    }


    /*aside {*/
    /*display: none;*/
    /*}*/
    .hidden-aside-section {
        height: 0;
        overflow: hidden;
    }

    .show-button-aside-section {
        display: block;
    }

    .chat aside .main-insets {
        min-height: 1px;
    }

    nav ul li a {
        background: transparent;
        border: 0;
    }

    .navbar-collapse {
        padding: 0;
        border: 0;
        box-shadow: none;
    }

    header nav .languages {
        float: right;
        margin: 7px 15px 0 0;
        clear: both;
    }

    header nav .languages li {
        float: left;
    }

    header nav .languages li a {
        /*padding: 7px 15px;*/
        padding: 0;
        line-height: 1;
    }

    nav ul.main-nav {
        position: static;
        padding: 0;
        float: left;
        margin: 0;
        width: 100%;
        line-height: 0;
        text-align: left;
        margin-top: 5px;
    }

    nav ul.main-nav li {
        margin-right: 0;
        padding-left: 0 !important;
        display: block;
    }

    nav ul.main-nav li a {
        width: 100%;
        padding: 15px 16px !important;
        background: transparent;
        box-shadow: none;
        border: 0;
        color: #fff;
        font-weight: normal;
        border-bottom: 1px solid rgba(255,255,255,.26);
    }

    nav ul.main-nav li a:hover {
        border: 0 !important;
        border-bottom: 1px solid #025366 !important;
        background-color: #0A7992;
        color: #fff;
    }

    nav ul.main-nav li:last-child a, nav ul.main-nav li:last-child a:hover {
        border-bottom: 0 !important;
    }

    .project-item .amount {
        margin-top: 10px;
    }
    aside {

    }
    .aside-widget {
        margin-left: 0px;
    }

    /*aside .avatar img {*/
    /*height: 95px;*/
    /*}*/
    .list-item {
        text-align: left;
        margin-bottom: 10px;
    }

    .list-view .list-row .list-item:last-child {
        margin-bottom: 0;
    }
    .list-header {
        display: none;
    }

    .chat-dialogs-list .dialog-link .col-xs-3 {
        width: 8.33333333%;
        padding-right: 0;
    }

    footer .footer-sub-menu {
        margin-bottom: 10px;
        padding: 0 15px;
    }

    #type2.steps .list .column4:first-child img {
        right: 1px;
    }
    div.steps .column4 {
        width: 451px;
        text-align: center;
    }
    .col-xs-4.portfolio-item {
        width: 50%;
    }
    .portfolio-slider .frame ul li .slide-image {
        height: 300px;
    }

    .view-edit-buttons {
        width: 100%;
        float: left;
        margin-bottom: 15px;
        text-align: right;
    }
    .job-progress {
        display: none;
    }
    .birthday-row .col-sm-3:first-child {
        padding-right: 15px;
    }
    .birthday-row .col-sm-3:last-child {
        padding-left: 15px;
    }

    .quick-links .link-block .link-image {
        padding: 0 15px;
    }
    .quick-links .link-block .link-title {
        display: none;
    }

    aside .short_description {
        font-size: 14px;
    }
    .user-sidebar-info .row-same-height {
        display: block;
    }
    .user-sidebar-info .row-same-height .col-xs-height {
        float: left !important;
        display: block !important;
    }
    .user-sidebar-info .short_description{
        padding-top: 15px;
    }
    .user-short-info {
        width: 95px;
    }
    .list-row .info-sub {
        display: block;
    }
    footer .footer-text-right {
        text-align: left;
        padding: 0 30px;
    }

    .wrapper aside .inside{
        padding-bottom: 1px;
    }
    aside .main-insets {
        padding-bottom: 1px;
    }
    .jobs-user-widget {
        width: 100%;
    }
    .breadcrumbs-block {
        padding-bottom: 1px;
    }
    .breadcrumbs-block .breadcrumb  {
        border-top: 1px solid #E8E8E8;
        padding-top: 8px;
    }
    .breadcrumbs-block .breadcrumb > li {
        display: block;
        margin-bottom: 8px;
        font-size: 14px;
    }
    .breadcrumbs-block .breadcrumb > li a {
        display: block;
        border-bottom: 0;
        font-size: 14px;
    }
    .breadcrumbs-block .breadcrumb > li + li:before{
        display: none;
    }
    .user-avatar-edit {
        margin-bottom: 15px;
    }
    .breadcrumbs-block .hidden-aside-section {
        height: 0;
        overflow: hidden;
    }

    footer .footer-nav li {
        display: block;
        margin-bottom: 8px;
    }
    footer .footer-nav li:last-child {
        margin-bottom: 0;
    }
    footer .footer-nav li a {
        display: block;
        border-bottom: 0;
        font-size: 14px;
    }
    footer .footer-nav li a:hover {
        text-decoration: underline;
    }
    footer .footer-nav-wrapper {
        margin-bottom: 10px;
        border-bottom: 1px solid white;
        padding-bottom: 3px;
    }
    footer .footer-nav-wrapper .show-button-aside-section {
        margin-bottom: 7px;
    }
    footer .footer-nav {
        padding-top: 8px;

    }

    .captcha-field-image div {
        display: inline-block;
    }

    .offer-block .row-same-height, .offer-block .row-same-height .col-xs-height {
        display: block;
        float: left !important;
        width: 100%;
    }
    .form-control, input[type="text"]{
        padding-left: 5px;
        padding-right: 5px;
    }
    select.form-control {
        padding-left: 2px;
    }

    .chat-box-error {
        padding-top: 50px;
    }
    .review-title {
        margin-top: 0;
    }
    .list-item-buttons {
        margin-top: 10px;
        text-align: left !important;
    }
    .admin-button {
        position: fixed;
        bottom: 0;
        z-index: 999;
        left: 0;
    }
    .user-alert .date {
        display: block;
        margin-bottom: 5px;
    }

    .random-portfolio-slider .frame ul li .portfolio-item .item-image {
        height: 100px;
    }
    .random-portfolio-slider .frame ul li .portfolio-item .item-image img {
        max-height: 90px;
    }

    .pagination {
        font-size: 0;
        overflow: hidden;
    }
    .pagination>li {
        position: relative;
        font-size: 12px;
        display: inline-block;
    }
    .pagination>li>a,
    .pagination>li>span {
        font-size: 12px;
        margin-right: 5px;
        line-height: 1.4em;
    }
    .pagination>li.prev>span,
    .pagination>li.prev>a,
    .pagination>li.next>span,
    .pagination>li.next>a {
        text-indent: -999px;
        width: 34px;
        position: relative;
    }
    .pagination>li.next a:before,
    .pagination>li.next span:before,
    .pagination>li.prev a:before,
    .pagination>li.prev span:before {
        content: '<';
        position: absolute;
        font-size: 15px;
        top: 50%;
        left: 50%;
        z-index: 10;
        margin-top: -8px;
        margin-left: -4px;
        text-indent: 0;
        font-weight: bold;
    }
    .pagination>li.next a:before,
    .pagination>li.next span:before {
        content: '>';
    }

    .pagination>li.next a,
    .pagination>li.next span {
        margin-right: 0;
    }
    .start-tour-button {
        display: none;
    }

    /*.user-bar > .container > .row {*/
        /*height: 31px;*/
        /*overflow: hidden;*/
    /*}*/
}

/* До 480 */
@media (max-width: 320px) {
    html, body {
        overflow: auto;
        width: auto;
    }
}
@media (max-width: 480px) {

    .myTable-small-text {
        font-size: 10px !important;
    }

    .myTable td.bank-name a,
    .myTable td {
        font-size: 13px;
    }

    h1 , h2{
        font-size: 18px;
    }

    footer a.cont {
        line-height: 36px;
    }
    .new-mobile-padding {
        padding: 5px 5px;
    }

    footer .copyright {
        margin-top: 10px;
        font-size: 10px;
    }
    footer {
        padding: 10px 15px;
    }

    .converter #date,
    .converter #bank {
        font-size: 14px;
    }

    .converter label.type > span {
        font-size: 12px;
    }

    div.main-top .words {
        font-size: 24px;
    }

    .split-buttons .but {
        margin-bottom: 5px;
    }

    header {
        min-height: 63px;
    }
    /*footer .copyright {*/
        /*text-align: center;*/
        /*margin: 0;*/
    /*}*/
    footer .social-groups {
        width: 100%;
        margin-left: 0;
        margin-top: 8px;
    }

    .navbar-header .logo-label, .navbar-header .logo-label.beta {
        right: 4px;
    }
    .portfolio-slider .frame ul li .slide-image {
        height: 250px;
    }

    .col-xs-4.portfolio-item {
        width: 100%;
    }

    .chat-dialogs-list {
        margin-bottom: 15px;
    }
    .chat-dialogs-list .dialog-link .col-xs-3 {
        width: 16.66666667%;
    }

    .navbar-brand {
        height: 100%;
        overflow: hidden;
    }

    .navbar-brand > img {
        width: 192px;
    }

    .toggle-menu-btn {
        height: 40px;
        line-height: 40px;
    }

    section.user-bar .modal-dialog, .modal-dialog {
        margin: 10px;
        width: auto;
    }

    .hidden-xxs {
        display: none !important;
    }

    #type2.steps .list .column4:first-child img {
        right: -13px;
    }
    .quick-links .link-block .link-image {
        font-size: 30px;
    }
    h1 .top-buttons {
        width: 100%;
    }

    .images-list .col-xs-3 {
        width: 33.33333333%;
    }

    .pswp__caption__center a {
        display: block;
        border: 0;
        padding: 2px 0;
    }

    .pswp__caption__center a:hover,
    .pswp__caption__center a:active {
        color: #d9d59a;
    }

    .pswp__caption__center span {
        display: none;
    }

    .quick-links .link-block .link-image i svg {
        width: 40px;
        height: 40px;
    }
    .quick-links .link-block .link-image i.si-phone svg {
        width: 32px;
    }



}

@media (min-width: 768px) {
    .col-sm-height {
        vertical-align: top;
        display: table-cell;
        float: none !important;
    }
}
@media (max-width: 370px) {

    .myTable td.bank-name a,
    .myTable td {
        font-size: 12px;
    }

    h1, h2 {
        font-size: 16px;
    }

    .converter #date,
    label.type>span{
        font-size: 12px;
    }

    .modal .but-scale {
        width: 100%;
        border: 1px solid #EBEEF0;
        background-position: 0 0;
        background-color: #F6F6F7;
        background-image: -moz-linear-gradient(top, #fafafa, #eee);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#eee));
        background-image: -webkit-linear-gradient(top, #fafafa, #eee);
        background-image: -o-linear-gradient(top, #fafafa, #eee);
        background-image: linear-gradient(to bottom, #fafafa, #eee);

        *zoom: 1;
        -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3);
        -moz-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3);
        box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3);

        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
        margin-bottom: 7px;
    }
    .modal .but-scale:last-child {
        margin-bottom: 0;
    }
    .modal .but-scale.current {
        border: 1px solid #025366;
        background-color: #0b8498;
        background-image: -moz-linear-gradient(top, #0b8397, #025e73);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0b8397), to(#025e73));
        background-image: -webkit-linear-gradient(top, #0b8397, #025e73);
        background-image: -o-linear-gradient(top, #0b8397, #025e73);
        background-image: linear-gradient(to bottom, #0b8397, #025e73);
        background-repeat: repeat-x;

    }
    .modal .but-scale:hover, .modal .but-scale:focus {
        background-position: 0 15px;
    }
    .modal .but-scale:active {
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
    }
    .modal .but-scale span {
        background: none;
        font-size: 12px;
        font-style: normal;
        line-height: 33px;
    }
    .modal .but-scale.current:after {
        display: none;
    }
    .modal-content .block .radio_choose {
        padding: 0 15px;
    }
    .captcha-field-image div {
        display: block;
    }
    .captcha-field-image .refreshCaptcha {
        display: inline-block;
        margin-bottom: 5px;
    }
    .modal .but.but-large {
        padding: 9px 10px;
        font-size: 14px;
        width: 100%;
    }
    .modal-content .block h2 {
        padding-right: 25px;
    }
    .login .col-xs-6 {
        width: 100% !important;
        text-align: left !important;
    }
    div.main-two a.sum {
        font-size: 25px;
    }
}
@media (max-width: 991px) {
    #type2.steps .list .column4:first-child img {
        right: 1px;
    }
    .bank-option {
        padding-top: 15px;
    }
    .block-to {
        padding-top: 15px;
    }

    .converter .equal .value {
        display: inline-block;
    }


    footer a.cont {
        font-size: 12px;
    }

    #news-block .random-news {
        text-align: center;
    }
}