#mobile-menu-btn {
    width: 44px;
    height: 31px;
    display: none;
    position: fixed;
    right: 10px;
    top: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 10;
}

#mobile-menu-btn span {
    display: block;
    position: absolute;
    height: 6px;
    width: 100%;
    background: #213B59;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#mobile-menu-btn.open span {
    background: #FFFFFF;
}

#mobile-menu-btn span:nth-child(1) {
    top: 0px;
}

#mobile-menu-btn span:nth-child(2), #mobile-menu-btn span:nth-child(3) {
    top: 15px;
}

#mobile-menu-btn span:nth-child(4) {
    top: 30px;
}

#mobile-menu-btn.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#mobile-menu-btn.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#mobile-menu-btn.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#mobile-menu-btn.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}


#back-btn {
    display: none;
    position: fixed;
    left: 10px;
    top: 10px;
    background: url(/images/back-icon.png) no-repeat;
    color: #FFFFFF;
    font-size: 16px;
    vertical-align: middle;
    width: 71px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    padding-left: 5px;
}

@media all and (max-device-width: 1024px) /* 1024 */ {
    body,
    .top-panel,
    .header-block,
    .advantages, .choose, .form,
    .defender, .payment, .questions,
    .review,
    .contacts, .have-ques,
    footer,
    .payment,
    .filter {
        min-width: 0 !important;
    }

    .header-block {
        background-position: center center !important;
    }

    .container {
        width: 100%;
    }

    .header-block .logo,
    .header-block .right-block,
    .payment .left-block,
    .payment .right-block,
    .questions .left-block,
    .questions .right-block,
    .header-block .title,
    .header-block .t-title,
    .form .left-block,
    .form .right-block,
    .form .right-block form,
    .review .review-block,
    .payment-form,
    .payment-step,
    .have-ques .left-block,
    .have-ques .right-block,
    .review .review-block .name,
    .review .review-block .city,
    .review-photo,
    .step-text,
    .result-view,
    .filter header.clearfix,
    .filter-bayba,
    .filter header.clearfix .select,
    .fullhdshit table,
    .someshit,
    .predlogyo,
    .cert-block,
    .item-tovar .left-item,
    .item-tovar .right-item,
    .result-item-ind,
    .top-input .input-block {
        width: auto !important;
        float: none !important;
    }

    .top-panel ul.clearfix li:hover ul.dropdown {
        display: none;
    }

    .result-item {
        width: 49%;
        margin-right: 2%;
    }

    .result-item .item-img {
        width: 100%;
    }

    .result-view .result-item:nth-child(2n) {
        margin-right: 0;
    }

    #back-btn {
        display: block;
    }

    .banner-yo {
        height: 240px !important;
    }

    .filter header.clearfix .yel-arrow {
        display: none;
    }

    .fullhdshit header {
        margin-bottom: 40px !important;

    }

    .payment .link-btn {
        display: block;
        margin: 0 auto;
        margin-top: 25px;
        float: none !important;
    }

    .filter header.clearfix .select {
        margin-bottom: 10px;
    }

    .timer {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .form {
        padding-top: 35px;
    }

    iframe {
        width: 100%;
    }

    .fullhdshit, .fullhdshit .item-img {
        width: 100% !important;
        height: auto !important;
    }

    .fullhdshit .item-img {
        width: auto !important;
        height: auto !important;
    }

    .fullhdshit .item-img {
        margin-right: 15px !important;
    }

    .fullhdshit.result-item .price {
        position: static !important;
        white-space: nowrap;
        left: auto !important;
        top: auto !important;
        float: none !important;
        display: inline-block;
    }

    .modal-block-390 {
        float: none !important;
        width: 100% !important;
    }

    #rassilky {
        width: 100%;
        left: 0 !important;
        top: 0 !important;
    }

    #payment {
        width: 100% !important;
        margin: 0 !important;
        top: 0 !important;
    }

    #formx table, #formx tr, #formx th, #formx td, #formx tbody {
        display: block;
        width: 100% !important;
    }

    .someshit {
        position: relative !important;
        right: auto !important;
        max-width: 100%;
        padding: 0 20px;
    }

    .result-item-ind {
        margin-right: 0 !important;
    }

    .filter-bayba {
        margin-right: 0 !important;
    }

    .predlogyo {
        height: auto !important;
        border: 0 !important;
        margin-left: 0 !important;
    }

    .result-item .link-btn.get-product-details {
        display: none;
    }

    .total .link-btn.get-product-details1, .result-item .link-btn.get-product-link {
        display: inline-block;
        float: none !important;
        margin: 0 !important;
    }

    .fullhdshit table {
        margin: 0 auto !important;
    }

    .lupefeli {
        margin-top: 30px !important;
        margin-bottom: 10px !important;
    }

    .predlogyo .total {
        width: 100% !important;
        position: relative !important;
        left: auto !important;
    }

    .payment-step {
        padding-left: 80px !important;
    }

    .payment-step:before {
        left: 35px !important;
    }

    .review .review-block {
        margin-left: 0;
        height: auto;
    !important;
    }

    .review .review-block .name,
    .review .review-block .city {
        text-align: center;
    }

    .review-photo {
        text-align: center;
        max-width: 100% !important;
    }

    h1#kurabah {
        font-size: 42px;
    }

    .header-block .title {
        font-size: 36px;
    }

    .header-block .s-title {
        display: none;
    }

    .header-block .t-title {
        display: none;

    }

    .avto-img, .kvadr-img, .moto-img {
        width: 100%;
        overflow: hidden;
    }

    .air-img {
        max-width: 100%;
    }

    .discover__block {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .top-panel {
        position: relative !important;
        height: auto !important;
        z-index: 20 !important;
    }

    .defender {
        height: auto;
    }

    .defender .auto-list {
        display: none;
    }

    .defender .def-block {
        position: static;
        width: 100%;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        margin-top: 20px;
    }

    .defender .auto-img {
        width: auto;
    }

    .questions .ques-cont {
        padding: 0 20px;
    }

    .questions .left-block .ques-block, .questions .right-block .ques-block {
        width: auto;
    }

    .advantages {
        height: auto;
    }

    .advantages table {
        display: block;
        padding: 30px 0;
    }

    .advantages table tbody {
        display: block;
    }

    .advantages table tr {
        display: block;
    }

    .advantages table td {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .choose {
        height: auto;
        padding: 30px 0;
    }

    #formx {
        width: auto !important;
        display: block !important;
    }

    .formx-left, .formx-right {
        display: block !important;
        width: 100% !important;
    }

    .form .left-block .text:after {
        display: none;
    }

    .form .right-block form {
        padding: 0 20px;
    }

    .payment .first-step, .payment .second-step, .payment .third-step, .payment .fourth-step {
        display: none;
    }

    .payment .left-block, .payment .right-block {
        padding: 0 20px;
    }

    .payment .right-block {
        display: none;
    }

    .payment .text {
        display: none;
    }

    .payment .third-text {
        display: block;
        width: auto !important;
        margin-top: 20px !important;
    }

    .review .review-cont {
        margin-left: 0;
        padding: 40px 0;
    }

    .form .left-block header, .form .left-block .text {
        margin-bottom: 20px;
        text-align: center;
    }

    .have-ques .left-block {
        padding-right: 0 !important;
        text-align: center !important;
    }

    .have-ques .right-block {
        padding-left: 0 !important;
    }

    .choose .choose-block {
        margin-top: 40px;
    }

    .choose .choose-img {
        display: block;
        width: auto;
        height: auto;
        text-align: center;
    }

    .contacts .right-block {
        padding-left: 0;
    }

    .header-block {
        margin-top: 0 !important;
    }

    #get-product, #get-call, #get-stoimost, #get-product fieldset, #get-call fieldset, #get-stoimost fieldset, #get-ques, #get-ques fieldset,
    #delivery, #express, #post, #payment, #pvz, #cities .modal-block, #cities, .moto-header .s-title, .moto-header .title {
        width: auto !important;
        left: auto;
        margin-left: 0;
    }

    #pvz {
        margin: 0 !important;
        top: 0 !important;
        box-sizing: border-box;
    }

    #get-call,
    #get-call fieldset, #get-product fieldset {
        width: auto !important;
    }

    #pvz {
        width: 100% !important;
    }

    .left-img {
        width: auto !important;
        float: none !important;
    }

    .left-img img {
        max-width: 100%;
    }

    .bubaleh {
        width: 100% !important;
    }

    .nav .dropdown a {
        width: auto !important;
        padding: 12px 17px 0 15px !important;
        text-transform: none!important;
    }

    .nav ul.dropdown li {
        width: auto; !important;
    }


    #privacy .title {
        font-size: 32px;
    }

    .modal .right-block {
        width: auto !important;
        float: none !important;
    }

    #get-product, #get-call, #get-stoimost, #get-ques {
        left: auto !important;
        top: 30px !important;
        margin: 0 !important;
    }

    #cities {
        top: 0px !important;
        width: 100% !important;
        left: 0 !important;
        margin: 0 !important;
    }

    #cities .city-list {
        overflow: auto;
        height: 400px;
        padding: 0 20px;
    }

    #cities .city-list li ul {
        padding: 0 0 0 10px;
    }

    .modal .link-btn {
        width: 100% !important;
    }

    #thanks,#privacy {
        width: 100% !important;
        left: auto !important;
        margin: 0 !important;
    }

    #get-ques .title {
        font-size: 32px !important;
    }

    #get-ques .info-text {
        margin-top: 0;
    }

    #get-ques .modal-block {
        padding: 18px;
    }

    #get-ques .input-block textarea {
        height: 100px;
    }

    .top-panel nav {
        display: none;
        position: fixed;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
        padding-bottom: 20px;
        background: rgba(0, 0, 0, 0.95);
        overflow: scroll;
        z-index: 1;
    }

    .top-panel nav.opened {
        display: block;
        width: 100% !important;
    }

    .top-panel .nav ul.clearfix {
        width: 100% !important;
        padding: 0 !important;
    }

    .top-panel ul.clearfix li {
        height: auto !important;
        float: none !important;
    }

    .top-panel ul.clearfix li:after {
        display: none;
    }

    .top-panel ul.dropdown {
        position: relative !important;
        padding-left: 40px !important;
        margin-top: 0 !important;
    }

    .header-block .logo p {
        display: inline-block;
    }

    .header-block .logo img {
        max-width: 100%;
    }

    #mobile-menu-btn {
        display: block;
    }

    .item-tovar {
        width: auto;
    }

    #tovarslider {
        overflow: hidden;
    }

    .bx-wrapper .bx-controls-direction a {
        z-index: 2 !important;
    }

    .top-panel ul.clearfix li a {
        height: auto !important;
    }

    .slide-item {
        margin-bottom: 20px;
    }

    .cert-wrapper {
        width: auto;
        text-align: center;
    }

    .close-btn {
        right: 0 !important;
        top: 0 !important;
    }

    .choose .choose-block {
        width: 50%;
        margin-top: 40px;
        height: 156px;
        overflow: hidden;
    }

    .contacts .left-block,
    .contacts .right-block {
        width: 50%;
    }

    .fonvan {
        left: 30px;
    }

    .fullhdshit .fastseen {
        display: none !important;
    }

    .thumbnail {
        overflow: hidden;
    }

    #post, #payment {
        width: 80%;
        margin-left: 10%;
        top: 20px;
        margin-top: 0;
    }


    .boats_sale_i p.price, .boats_section_i p.price {
        font-size: 18px;
    }

    .price-block .price-old, .price-block p.old {
        font-size: 16px;
    }

    .boats_section_i_head, .boats_sale_i_head {
        font-size: 28px;
    }

    .boats_sale_i p {
        font-size: 18px;
    }

    .discover_description, .input-block p, .condition, .product-text, .boats_sale_i p,
    .form .right-block .title,
    .header-block .right-block .city {
        font-size: 18px;
    }

    .choose-text, .defender .def-title {
        font-size: 20px;
    }

    .cs-my-modal-block-container {
        width: 100% !important;
        box-sizing: border-box;
        padding-right: 20px !important;
    }

    .cs-my-modal-block {
        width: 100% !important;
        float: none !important;
    }

    .container {
        width: 100% !important;
        box-sizing: border-box;
    }

    .description img {
        max-width: 100%;
        width: 100% !important;
        height: auto;
    }

    .right-block ul {
        max-width: 100% !important;
    }


    .back-page, .back-page + span {
        display: none !important;
    }



    .tel-block input.in-1 {
        width: 17% !important;
    }

    .tel-block input.in-2 {
        width: 27% !important;
        margin-left: 5% !important;
    }

    .tel-block input.in-3 {
        width: 46% !important;
        margin-left: 5% !important;
    }

    .parameter {
        text-align: left !important;
    }

    .parameter .parameter-text {
        display: block;
        margin: 0 0 10px 0 !important;
    }

    #privacy {
        top: 0;
    }

    .timer .title {
        position: relative;
        z-index: 1;
    }

    .kvadr-img {
        left: auto !important;
    }



    #paynow-block {

    }

    #paynow-block .pnleft {
        width: 100%;
        float: none;
    }

    #paynow-block .pnright {
        width: 100%;
        float: none;
    }
}

@media all and (max-device-width: 760px) /* 1024 */ {

    .right-block {
        padding-left: 0 !important;
    }

    .have-ques .right-block .link-btn {
        width: 100% !important;
        font-size: 28px !important;
    }

    .choose .choose-block,
    .contacts .left-block,
    .contacts .right-block,
    .product-item {
        width: 100%;
        float: none;
    }

    .fullhdshit .item-img {
        float: none !important;
        margin-right: 15px !important;
    }

    .payment .link-btn,
    .discover .link-btn {
        max-width: 100% !important;
    }

    .filter-bayba div {
        display: none;
    }

    .fullhdshit .item-table {
        width: 100% !important;
    }

    .fullhdshit .item-img img {
        max-width: 100%;
        max-height: 100%;
        width: 100% !important;
        height: auto !important;
    }

    .fullhdshit table {
        margin-left: 8px !important;
    }

    .feat-img {
        display: none;
    }

    .feat-block {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        width: 100%;
        padding-left: 50px;
        margin-bottom: 20px;
    }

    .feat-block .feat-icon {
        position: absolute;
        left: 0;
        top: 0;
    }

    .feat-block .feat-desc {
        width: 100%;
        padding: 0;
        float: none;
        text-align: left;
    }

    .car-blanket .black-title h2 {
        display: block;
        height: auto;
    }

    .econom-info {
        display: none;
    }

    .change-price {
        display: none;
    }

    .result-item {
        width: 100% !important;
        float: none;
        margin-right: 0 !important;
    }

    .result-item .item-table, .result-item .item-img {
        max-width: 100% !important;
    }

    .result-item .price {
        font-size: 18px;
    }

    .description {
        margin-right: 0 !important;
    }


    .tel-block .in-1 {
        width: 17% !important;
    }

    .tel-block .in-2 {
        width: 27% !important;
        margin-left: 5% !important;
    }


    .tel-block .in-3, .card-form .tel-block .in-3 {
        width: 46% !important;
        margin-left: 5% !important;
    }

    .have-ques .left-block {
        text-align: center !important;
        padding: 0 !important;
    }

    .top-input .input-block:first-child {
        margin-right: 0 !important;
    }

    .modal-block-390 {
        float: none !important;
        width: 100% !important;
    }

    .filter header.clearfix .select {
        position: relative !important;
        z-index: 2;
    }

    .filter header.clearfix .select.selectmodel, .filter header.clearfix .select.selectmodels {
        z-index: 1 !important;
    }
    .drop, .slct {
        width: 100% !important;
    }

    #payment tr td:first-child {
        display: none;
    }

    .header-block .title p {
        width: 100%;
    }

    .air-img {
        left: 0;
    }
}



@media all and (max-device-width: 400px) /* 1024 */ {
    .header-block .logo p {
        display: none;
    }

    #cities .city-list {
        height: 300px !important;
    }

    .tel-block input.in-3, .card-form .tel-block .in-3 {
        width: 100% !important;
        margin: 30px 0 0 0 !important;
    }

    .tel-block input.in-1 {
        width: 30% !important;
    }

    .tel-block input.in-2 {
        width: 64% !important;
        margin-left: 6% !important;
    }

    #submit {
        width: 100% !important;
        font-size: 16px !important;
    }

    .payment .link-btn {
        font-size: 18px !important;
    }


    .ds-white .ds-element {
        width: 60px !important;
        margin-right: 10px !important;
        background-size: contain !important;
    }

    .banner-yo {
        background-size: 400% !important;
    }

    .nav ul.dropdown, .nav ul.dropdown li {
        width: auto !important;
    }

    .likuha span {
        line-height: 20px;
    }
}