@media(min-width:10px){
    .min1000{
        display:none;
    }
    .min800 {
        display:none;
    }
    .min640 {
        display:none;
    }
    .min0 {
        display:block;
    }
}
@media(min-width:640px){
    .min1000{
        display:none;
    }
    .min800 {
        display:none;
    }
    .min640 {
        display:block;
    }
    .min0 {
        display:none;
    }
}
@media(min-width:800px){
    .min1000{
        display:none;
    }
    .min800 {
        display:block;
    }
    .min640 {
        display:none;
    }
    .min0 {
        display:none;
    }
    .col-md-2 {
        width: 16.666666666666664%;
        float: left;
    }
    .col-md-10 {
        width: 83.33333333333334%;
        float: left;
    }
}
@media(min-width:1000px){
    .min1000{
        display:block;
    }
    .min800 {
        display:none;
    }
    .min640 {
        display:none;
    }
    .min0 {
        display:none;
    }
}

.visible {
    display:none;
}
.hidden {
    display:block !important;
    visibility: visible !important;
}

@media(max-width:900px){

    section p, section h1, section h2, section h3, section h4, section h5, section h6 {
        margin: 1% 3%;
    }

    #Sec614 svg {
        fill: #fff;
        /* width: 35px; */
        /* height: 100%; */
    }

    .box svg {
        width:100%;
        height: 100%;
        /* margin-left: -540px; */
    }

    .box.transparent {
        display: none !important;
    }

    .box.transparent #logo-text {
        width: 90%;
        left: 5%;
        top: 50px;
    }

    #cookie_note p {
        font-size: 0.6rem;
    }

    #logo-text img {
        width: 90%;
        margin: auto;
    }

    #logo-text-main {
        width: 100%;
        left: 0;
        /* top: 100px; */
        display: flex;
        align-content: flex-start;
        flex-wrap: wrap;
    }
    #logo-text-main img {
        width: 100%;
    }
    .sw-abs {
        left: 5%;
        width: 90%;
        top: 230px;
    }

    .gscroll-block {
        width: 100% !important;
    }

    .gscroll-block img {
        width: 1000px !important;
    }

    .nav-feed {
        display: none;
    }

    #gotopid349 {
        padding-top: 0;
    }

    #Sec615 {
        padding-top: 50px;
    }

    h2.big-h2 {
        font-size: 2.725rem;
    }
    .slider-galery {
        width: 100%;
        margin: auto;
        position: relative;
    }

    .slick-slider .slick-prev {
        right: auto !important;
        left: 10px !important;
        bottom: 10px;
        top: auto;
        width: 40px;
        height: 40px;
    }

    .slick-slider .slick-next {
        left: auto !important;
        right: 10px !important;
        bottom: 10px;
        top: auto;
        width: 40px;
        height: 40px;
    }

    .slick-track {
        height: auto;
    }

    .slick-slider .icon-s svg path {
        fill: #313131;
    }

    .tizerbox img {
        width: 100%;
        height: auto;
        position: relative;
    }

    .tizerbox-text-block {
        position: relative;
    }

    .tizerbox-desc-block {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: auto;
        top: auto;
        bottom: 12px;
        right: 0;
        background: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: .8rem;
    }

    .tizerbox-desc-block h2, .tizerbox-desc-block p {
        color: #313131;
        padding-left: 55px;
        padding-right: 55px;
        margin-left: 0;
        margin-right: 0;
    }

    .text-block-2 {
        top: 70px;
    }

    .text-block-2 h2 {
        color: #fff;
        font-size: 1em;
    }

    .mapsvg2 {
        position: absolute;
        text-align: center;
        width: 100%;
        padding: 0;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }

    .mapsvg2 .maps {
        position: absolute;
        width: 100%;
        height: 700px;
        display: flex;
        overflow-x: auto !important;
    }

    .mapsvg2 .description3 {
        position: relative;
        top: 710px !important;
        left: 5% !important;
        width: 90%;
        border: #ddd 1px solid;
    }

    .description3 .modal-map img {
        width: 50% !important;
    }

    .description3 .modal-map-text {
        width: 50%;
    }

    .description3 .modal-map-text h3 {
        font-size: .9rem;
    }

    .modal-map-text p {
        font-size: .7rem;
    }

    .mapT .mapsvg2 .maps img{
        opacity:0;
        position:absolute;
        top:auto;
        left:auto;
        width:20%;
        height:20%;
        transition: 1s cubic-bezier(0.5, 0, 0.5, 1);
    }

    .mapT.changed .mapsvg2 .maps img{
        opacity:0.5;
        top:auto;
        left:auto;
        width:200%;
        height:200%;
    }

    .mapT.active .mapsvg2 .maps img, .mapT.min .mapsvg2 .maps img {
        opacity: 1;
        top: auto;
        left: 0;
        width: 732px;
        height: 700px;
    }

    .mapsvg2 svg {
        position: absolute;
        z-index: 1000;
        height: 700px;
        width: 732px;
        left: 0;
        top: auto;
    }

    .mapsvg {
        position: relative;
        text-align: center;
        padding: 0;
        width: 100%;
        overflow: auto !important;
    }

    .maps2 .description {
        display: none;
        position: relative;
        background: #ffffff;
        color: #3a453b;
        border: 1px solid #ddd;
        padding: 20px;
        box-sizing: border-box;
        width: 90%;
        right:auto;
        top:auto;
        margin: 5px auto;
    }

    .mapsvg svg {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 700px;
    }

    .mapsvg img {
        width: 700px;
    }

    #gotopid312 h2, #gotopid315 h2 {
        font-size: 2rem;
    }

    .desc-pam h2 {
        font-size: 1.4rem !important;
        margin: 10px 0 20px;
    }

    #gotopid351 {
        display: none;
    }

    div#Sec634 {
        position: relative;
        top: 0;
        width: 100%;
    }

    .text-block-2 .tb-flex {
        width: 95%;
    }

    .text-block-2 .svg-nav {
        padding-top: 10px;
        width: 100px !important;
        ;
    }
    .text-block-2 svg {
        height: 40px;
        width: 40px;
    }

    .cd-slider {
        height: 24rem;
    }

    .cd-slider h2 {
        font-size: 2.75rem;
    }

    .cd-slider nav {
        position: absolute;
        display: flex;
        top: 320px;
        right: 0;
        left: auto;
        flex-direction: row;
    }

    .cd-slider .prev1, .cd-slider .next1 {
        margin: 0 5px;
        width: 42px;
        height: 42px;
        top: 0;
        left: auto;
        position: relative;
    }

    .cd-slider .prev1:hover, .cd-slider .next1:hover {
        border: 1px solid #4f566b;
    }

    .cd-slider .prev1:hover svg, .cd-slider .next1:hover svg {
        fill: #4f566b;
    }

    .cd-slider .counter {
        margin-right: 20px;
    }
    .cd-slider .icon-s {
        width: 40px;
        height: 40px;
    }

    .cd-slider .content {
        padding: 0.25rem 0 0 0;
    }

    .cd-slider .content p {
        padding: 5px 0px;
        text-align: left;
        font-size: .7rem;
    }

    .cd-slider-min {
        overflow: auto;
        justify-content: flex-start !important;
    }

    .table-up {
        display: none;
    }

    div#Sec596 {
        position: relative;
        height: auto;
        width: 100%;   
    }

    #mat-box {
        height: auto !important;
        position: relative;
        overflow: hidden;
    }

    #gotopid312 {
        /* height: 650px; */
    }

    .desc-pam {
        padding-left: 10px;
        padding-top: 0px;
        width: 100%;
    }

    .feed-pam {
        position: relative;
        width: 100%;
        padding-top: 10px;
    }

    h3.price-pam {
        font-size: 1.5rem;
    }

    circle.pathsvg2 {
        r: 5 !important;
    }


    .plansvg {
        position: relative;
        width: 100%;
        max-width: none;
        padding: 0;
        height: auto;
        margin: auto;
        display: flex;
        flex-direction: column;
    }

    .plansvg img {
        width: 100%;
        margin: auto;
    }

    .plansvg svg {
        position: absolute;
        width: 100%;
        top: 0;
        margin: auto;
    }

    .description2 {
        top: auto !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
        position: relative !important;
        width: 90% !important;
    }

    .plansvg .description2 .modal-svg {
        color: #000;
        border: #dddddd 1px solid;
        padding: 10px;
    }

    #lineDescr, #lineDescr2 {
        display: none !important;
    }

    .plansvg .modal-svg img {
        margin: 0;
        width: 100%;
        height: auto;
    }

    #mat-box2 {
        position: relative !important;
        height: auto !important;
    }

    #mat-top {
        position: relative !important;
        height: auto !important;
    }

    .item-material:nth-child(1) {
        margin: 5px;
        /* width: 30%; */
    }

    .item-material:nth-child(n+2) {
        /* width: 70%; */
    }

    .item-material h3 {
        font-size: 1.2rem;
    }

    .item-material p {
        font-size: .7em;
        padding-top: 7px;
    }

    .cont-feed {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .cont-feed h2 {
        font-size: 2rem;
    }

    .cont-feed p {
        margin: 20px 20px 10px;
    }

    .cont-feed form {
        margin-top: 0px;
    }

    .cont-feed .request {
        display: flex;
        width: 100%;
        text-align: right;
        margin-right: 10%;
        margin-bottom: 10px;
        align-items: flex-end;
        flex-direction: column;
    }

    .cont-feed .table {
        width: 100% !important;
    }

    .cont-feed .request p {
        width: 100%;
    }

    footer .nav-top-show {
        display: none !important;
    }

    .m_news table, .m_wysiwyg table {
        min-width: auto;
        width: 100%;
        margin: 20px 0;
        padding: 10px;
    }

    .pathsvg2.clicked {
        fill: #354238;
    }

    .mod_bakery_item_img_f {
        border: none;
        width: 100%;
    }

    .post_title {
        font-size: .8rem;
    }

    .date_title {
        width: 100%;
        float: right;
    }

    .title-section {
        margin: 1% 0;
        min-width: auto;
        width: 90%;
    }

    .img-content {
        width: 90%;
    }

    .main_td_f {
        display: block;
    }

    .logo-menu-box {
        display: flex;
        position: absolute;
        bottom: 0;
        padding: 40px 30px 80px;
        text-align: center;
        width: 100%;
        flex-direction: column;
    }

    .logo-menu-box .btn-zakaz-top {
        display: block;
        background: none;
        border-radius: 0;
        width: 220px;
        margin: auto;
    }

    .logo-menu-box img {
        margin: 20px 0;
        padding: 20px 30px;
    }

    .logo-menu-box .phone-title {
        margin-bottom: 20px;
        letter-spacing: 2px;
        font-size: 1.4rem;
    }

    .mod_bakery_main_td_f {
        text-align: center;
        width: 100%;
        border-bottom: #f60 1px solid;
        padding: 20px;
    }

    .text-content {
        width: 100%;
    }

    .btn-zakaz-top {
        display: none;
        /* background: #ffb000; */
        border-radius: 3px;
        z-index:1000;
    }

    .btn-black {
        display: block;
        top: 180px;
        bottom: auto;
    }
    .tel-out-text {
        padding: 10px 0;
    }

    .table-scroll {
        overflow: auto;
    }

    .special-blok {
        padding: 5px 40px;
        width: 100%;
    }

    .callbacks_tabs li{
        width: 15px
    }

    #specialButton img {
        width: 30px;
        margin: 0 10px 0 0;
        float: left;
    }

    #specialButton .special-text {
        margin: 10px 0 0 0;
        color:#fff;
        text-align: left;
    }

    .ontop {
        bottom: 65px;
        z-index:200px;
    }

    #gotopid37 {
        padding-top: 50px;
        background: #fff;
        position: relative;
        height: 880px;
        margin-bottom: 0 !important;
    }

    .gotopage_blank {
        padding-top: 50px;
    }

    .footer-block-3 .header-buttons {
        width: 90%;
        margin: auto;
        float: none;
    }

    footer {
        /* padding-bottom: 80px; */
    }

    .footer-block-2.col-md-3 {
        text-align: center;
    }

    .m_wysiwyg .h3 {
        font-size: 1rem;
    }

    .item-footer.item-1 img {
        width: 200px;
    }

    .copyrigth {
        text-align: left;
        margin-top: 10px;
    }

    .item-footer.item-2 h3 {
        margin: 0;
    }

    footer .item-2 .h4 {
        color: #4f566b;
        font-size: 2rem;
    }

    .item-footer.item-3 {
        display: none;
    }

    .slick-dots li {
        width: 5px !important;
        height: 5px !important;
        margin: 0 2px !important;
    }

    .slick-dots li button {
        width: 10px !important;
        height: 10px !important;
        padding: 2px !important;
    }

    .slick-dots li button:before {
        font-size: 5px !important;
        width: 10px !important;
        height: 10px !important;
    }

    .btn-zakaz .col-md-2 {
        text-align: center;
        width: 10%;
        display: inline-block;
    }

    .btn-zakaz .col-md-10 {
        text-align: left;
        width: 85%;
        display: inline-block;
    }

    .contacts .col-md-4 {
        width: 100%;
    }

    .ss-footer {
        float: none;
        width: 90%;
        margin: auto;
        text-align: center;
    }

    .logo-footer {
        display: none;
    }

    .loop_header1, .loop-header1 {
        width: 100% !important;
        margin: 10px 0;
    }

    p:empty {
        display:none;
    }

    .akcii-banners img {
        width: 90%;
        min-width: 0px;
    }

    .slider-title {
        bottom: 10px;
        font-size: 1em;
        left: 10px;
    }

    .t-box-item {
        width: 90%;
        background: none !important;
    }

    .navigation .logo .h6,
    .navigation .logo .h5 {
        display: none;
    }

    .banner {
        top: 85px;
        text-align:center;
        padding: 10px;
    }

    .banner img {
        float: none;
        margin-right: 0px;
    }

    .banner p {
        font-size: .8rem;
    }


    #prices, .prices {
        margin: 0;
    }

    .slick-dots {
        bottom: 10px !important;
    }

    .slick-dotted.slick-slider {
        height: 300px !important;
    }

    .slick-prev,
    .m_guestbook .slick-prev {
        left: -15px !important;
    }

    .slick-next,
    .m_guestbook .slick-next {
        right: -15px !important;
    }

    .m_guestbook h2 {
        font-size: 1.4rem !important;
    }

    .nav-top-show {
        display: block !important;
        opacity: 1 !important;
    }

    .footer-block-3 {
        margin-bottom: 60px;
    }

    .portfolio img {
        height: 80px !important;
    }

    .t-item-card {
        height: auto;
        position: inherit;
        margin: 10px 5px;
    }

    .t-item-card-bottom {
        position: inherit;
        bottom: 0px;
        width: 100%;
    }

    .step-num:before {
        display:none;
    }

    .bounceInRight {
        position: inherit;
    }

    section p, h1, h2, h3, h4, h5, h6 {
        margin: 0 3%;
    }

    .geo-text p {
        margin: inherit;
    }

    .m_wysiwyg h1, .m_wysiwyg h2, .m_wysiwyg h3, .m_wysiwyg h4 {
        margin: 2% 5%;
    }

    blockquote {
        margin: 3px 0 20px 4%;
    }

    blockquote p,
    blockquote h4,
    blockquote h3,
    blockquote h2,
    blockquote h1 {
        margin: 2% 3%;
    }

    h1 {
        font-size: 1.8em;
    }

    h2 {
        font-size: 1.6em;
    }

    h3 {
        font-size: 1.4em;
    }

    .title-section h4 {
        margin-left: 20%;
        margin-top: -10px;
    }

    .bl-contact-item {
        width: 95%;
    }

    .bl-work-item {
        width: 95%;
    }

    ol {
        margin: 0 3% 0 5%;
    }

    li.dropdown:hover > .dropdown-menu {
        position: inherit;
        width: 100%;
        text-align: right;
    }

    .menu3{
        /* background: none;*/
        background: rgba(255,255,255, 1);
        position:fixed;
        width:100vw;
        height:100vh;
        right:0px;
        top:0px;
        z-index:10001 !important;
    }
    .menu3 .popup-close{
        display: block;
        left: 5px;
        top: 7px;
        right: auto;
    }

    .nav-menu {
        background: none;
        height: 0;
    }

    .form-content form {
        margin: 0 20px;
    }

    .collect-serv-unit {
        display: block;
        text-align: center;
    }

    .collect-serv-unit img {
        float: none !important;
    }

    .collect-serv-unit h3 {
        text-align:center !important;
    }

    .h2-title {
        margin-bottom: 40px;
    }

    .tizerbox,
    .t-flex-box:nth-child(even) {
        /* width: 90vw !important; */
        /* margin: 5px; */
        height: auto;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #393939;
        margin-top: 30px;
    }
    
    .tizerbox .t-item-text-bottom a {
        display: flex;
        font-size: .8rem;
        align-items: center;
        margin: 10px 3%;
    }

    .tizerbox .t-item-text-flex {
        display: flex;
        font-size: .8rem;
        align-items: center;
    }

    .tizerbox .t-item-text-bottom svg {
        display: unset;
    }

    .tizerbox .t-item-2 p {
        font-size: .8rem;
        margin-top: 10px;
    }

    

    .tizerbox-cv {
        width: 100%;
        /* height: 250px; */
        margin: 10px 0 !important;
    }

    .tizerbox-sp-title {
        width: 320px;
    }
    .tizerbox-sp img {
        width:320px;
    }

    .service-title-cv h3 {
        font-size: .8em;
    }

    .service-title-cv p {
        font-size: .7em;
    }

    .item-slide {
        width: 100% !important;
        margin: 10px;
    }

    .t-important {
        background: linear-gradient(180deg, #afadb2, #fff);
        display: block;
        max-width: 100%;
        overflow: hidden;
    }

    .t-box {
        width: 100%;
        height: auto;
        text-align: left;
        border-right: none;
        border-bottom: 1px dotted #fff;
        position: relative;
    }

    .t-box-item h2 {
        padding: 0 !important;
        margin: 1% !important;
        font-size: 1.2rem;
    }

    .t-box-item h3 {
        padding: 0 !important;
        margin: 1% !important;
        color: #dc091c;
        width: 50%;
        display: inline-block;
        font-size: 1.6rem;
        font-weight: 600;
    }

    .t-box-item a {
        display: inline-block;
        width: 40%;
    }

    .t-box-item .btn-zakaz {
        margin: 5px;
        padding: 8px 18px !important;
        font-size: .8rem;
    }

    .about {
        margin-top: 10px;
        display: flex;
        flex-direction: column;
    }

    .about .about-item p {
        font-size: .8rem;
        margin-top: 10px;
        margin-left: 5%;
        margin-right: 5%;
    }

    .about-item-img {
        margin-top: 20px;
    }

    .about-item-button a {
        display: flex;
        align-items: center;
        flex-direction: row;
        font-size: .8rem;
        font-weight: 400;
        color: #fdcd82;
        text-transform: uppercase;
    }

    .right-box .btn-zakaz {
        width: 45%;
        display: inline-block;
        margin: 0;
        font-size: .8rem;
    }


    .menu-footer .col-md-2 {
        width: 25%;
        display: block;
        padding: 10px 3px;
    }

    .mf-item p {
        line-height: 1.1;
        color: #fff;
        font-size: .5rem;
        margin: 5px 0 0 0;
        width: 100%;
    }

    .box-img-content {
        display: none;
    }

    .box-text-content {
        width:95%;
    }


    .header-form {
        height: 33px;
        width: 100%;
        position: relative;
        top: auto;
        left: 0px;
        padding: 0 0 20px 0;
    }

    .windowWindow {
        left: 0 !important;
        top: 0px !important;
        width: 90% !important;
        height: 100%;
        border-radius: 0px !important;
        border-right: #1a1a1a 1px solid  !important;
        z-index: 1000 !important;
    }

.windowSheet {
    background: #373737 !important;
}

    .windowBody {
        max-height: 100% !important;
        height: 100%;
        padding: 15px 10px !important;
    }

    .windowBody .table {
        width: 100% !important;
    }

    .windowBody h2 {
        margin: 0 0 10px !important;
        color: #9b9b9b !important;
        position: relative;
        top: 0px;
        left: 0px;
        font-size: 1.4rem;
    }

    .windowBody h4 {
        margin-top: 40px;
        font-size: 0.7rem;
        text-transform: uppercase;
    }

    .button-zakaz {
        display:none;
    }

    .tizerbox .button-zakaz,
    .tizerbox-g .button-zakaz
    {
        display:block;
    }

    .left_cell {
        width: 100%;
    }
    .right_cell {
        width: 100%;
    }
    .table_cell {
        display: inline-block;
        margin-top: 5px;
    }

    .option.table_cell.right_cell {
        margin-left: 12%;
    }


    .callbacks_tabs {
        bottom: 0;
        width: 100%;
        left: 50%;
        z-index: 990;
        text-align: center;
        transform: translateX(-50%);
    }

    .callbacks_tabs a:after {
        border: 2px solid #4b4953;
        background: #4b4953;
        height: 10px;
        width: 10px;
        border-radius: 50%;
    }
    .callbacks_here a:after {
        border: 2px solid #d10017;
        background: #d10017;
    }
    .visible {
        display:block;
    }
    .hidden {
        display:none !important;
        visibility: hidden !important;
    }
    /* ����� ��������� */
    .multiobject {
        border-top: #ff8e00 1px solid;
        text-align: center;
    }

    .object-map {
        width: 95%;
        display: block;
        margin: 5px;
    }
    .navigation {
        margin: 0 !important;
        /* position: absolute !important; */
        text-align: right !important;
        border-bottom: none;
        z-index:999;
        /* background: rgba(255, 249, 247, 0.8); */
        height: 60px;
        padding: 0 0 0 0 !important; /* ���� ���� ������� ������ */
    }

    h3.slogan {
        position: relative;
        margin-top: 20px !important;
        left: unset;
        right: unset;
        font-style: italic;
    }

    .arrow-down {
        /* position: absolute; */
        /* bottom: 70px; */
        width: 100%;
        text-align: center;
    }

    .logo-box {
        width: 100%;
    }

    .logo {
        top: 0;
        position: absolute;
        left: 0;
        text-align: left;
        width: 85%;
    }
    .logo h5 {
        display: none;
    }
    .logo a {
        height: 60px;
    }

    .logo img {
        height: 90%;
        /* margin-top: 20px; */
        padding: 5px;
        /* margin-left: 15px; */
        width: auto;
    }

    .logo-box p {
        font-size: 1rem;
    }

    .t-ico-item, .t-ico-3item {
        width: 90%;
    }
    .navigation .menu1 {
        margin-top: 100px;
    }

    .navigation .menu1, .navigation .menu3 {
        width: 100%;
        /*position: absolute;
        top: 89px;
        right: 0;*/
        margin-top: 0;
        display: none;
        margin-right: 0;
        background: #1a1a1a;
        z-index: 1000 !important;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .menu1 ul, .menu3 ul {
        width: 100%;
        max-height: 75vh;
        overflow: auto;
        background: #1a1a1a;
        z-index: 1000;
        float: right;
        margin: 0 0 0 0;
        opacity: 1;
        margin-top: 50px;
        border-radius: 0 !important;
        padding: 0 0 0 0 !important;
    }

    .name-title h1 {
        margin: 1% 5%;
        width: 100%;

    }

    .name-title h1 {
        margin: 1% 5%;
        font-size: 1.4rem;
        border-bottom: 1px dotted #f00;
    }

    .logo-text, .logo-icon, .logo-icon-text {
        /* display: none; */
        margin: 3px 60px;
    }

    .onas-text {
        right: -20px;
    }

    .name-title p {
        margin: 0 5%;
    }

    .nav-btn {
        display: none;
    }

    .nav-tel {
        display: none;
    }

    .page-name {
        top: unset;
        bottom: 0;
        left: 0;
        width: 80%;
    }

    .page-name h2 {
        font-size: 1rem;
    }

    .page-name p {
        font-size: .6rem;
    }
    .menu-ldd {
        box-shadow: none;
        text-align: left;
    }

    .name-title {
        position: absolute;
        top: 10px;
        width: 100%;
        padding: 10px;
    }

    .slide-txt {
        position: relative;
        top: 100px;
    }

    .tel-out {
        position: relative;
        bottom: 9px;
    }

    .menu1 a, .menu3 a {
        color:#ffffff;
        font-size: 1rem;
    }
    .menu3 {
        margin-left: 0px;
    }

    .button_menu {
        display: inline-block;
        width:35px;
        height:45px;
        z-index: 200;

        position: absolute;
        right: 10px;
        top: 20px;
    }

    .button_menu div{
        width: 70%;
        height: 10%;
        margin-top: 10%;
        background: #fff;
    }

    .block_1, .block_2, .block_3 {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    section > div {
        /*     padding: 30px 10px 10px 10px; *//* ������� */
    }

    html, body, .container, .cbp-fbscroller, .cbp-fbscroller section {
        /* min-height: calc(100vh - 90px) !important; */
    }

    .search-block {
        display: none !important;
    }

    .gotopage {
        padding-top: 70px;
    }

    section#gotopid1 {
        padding: 20px 0 0 0;
    }

    #gotopid276 {
        /* height: 230px; */
        /* padding-top: 60px; */
    }

    /* / ����� ��������� */

    .header {
        background:none;
    }
    .slider-caption h1 {
        font-size: 28px;
        line-height:80%;
    }

    .top-grid {
        padding: 1em 0;
        margin-bottom:1em;
        height:auto;

    }
    span.menu{
        display:block;
    }

    span.menu:before{
        content: url(img/nav-icon.png) no-repeat 0px 0px;
        cursor: pointer;
        position:absolute;
        right:0;
        top: -44px;
    }
    .top-nav{
        position: relative;
        clear: both;
        width: 100%;
        margin-top: 1em;
    }
    .top-nav ul{
        display:none;
    }
    .top-nav ul li {
        display:block;
    }
    .logo {
        /* margin-top: 1em; */
    }
    .top-nav ul li a {
        width: 100%;
        margin:0;
        padding:0.7em 0;
        border-bottom:1px solid #EEE;
    }

    .top-grids {
        padding: 1.5em 0;
    }

    .bottom-grids {
        padding: 1em 0 0 0;
    }
    .bottom-grid-right{
        padding:1em 2em 0 2em;
    }
    .bottom-grid-right p{
        width:100%;
    }
    a.load-news {
        padding: 1em 0;
    }

    .tizerbox-ts {
        width: 150px;
        height: 150px;
        margin: 10px 10px 30px;
    }

    .tizerbox-ts a {
        font-size: 1em;
    }

    ul.dropdown-menu.level1 {
        max-height: calc(100vh - 200px);
        /* min-height: 200px; */
        width: max-content;
        overflow: auto;
        /* min-width: 400px; */
    }

    ul.dropdown-menu.level1,
    ul.dropdown-menu.level2 {
        background: none !important;
        min-width: unset;
        width: 95% !important;
        min-height: unset;
        box-shadow: none;
        border: none;
    }

    .nav-menu li {
        /* border-bottom: #f7fcff 1px dotted; */
    }

    .menu-ldd .caret {
        margin: 0 25px;
        border-top-color: #fff;
        border-bottom-color: #fff;
    }

}
@media(max-width:640px){

    .header {
        background:none;
        padding: 0.5em 0;
    }

    .slider-caption {
        width:50%;
    }

    .slider-caption h1 {
        font-size: 18px;
        line-height:24px;
    }

    .slider-caption p {
        display:none;
    }

    .top-grid {
        padding: 1em 0;
        margin-bottom:1em;
    }
    span.menu{
        display:block;
    }
    span.menu:before{
        content: url(img/nav-icon.png) no-repeat 0px 0px;
        cursor: pointer;
        position:absolute;
        right:0;
        top: -44px;
    }
    .top-nav{
        position: relative;
        clear: both;
        width: 100%;
        margin-top: 1em;
    }
    .top-nav ul{
        display:none;
    }
    .top-nav ul li {
        display:block;
    }
    .logo {
        /* margin-top: 1em; */
    }
    .top-nav ul li a {
        width: 100%;
        margin:0;
        padding:0.7em 0;
        border-bottom:1px solid #EEE;
    }

    .top-grids {
        padding: 1.5em 0;
    }

    .bottom-grids {
        padding: 1em 0 0 0;
    }
    .bottom-grid-right{
        padding: 1em 1em 0 1em;
    }
    .bottom-grid-right p{
        width:100%;
    }
    a.load-news {
        padding: 1em 0;
    }



    a.caption-btn {
        padding: 0.7em 1em;
    }
    .helden {
        padding: 1.5em 0;
    }
    .blog-artical {
        margin-bottom: 1em;
    }
}

@media(max-width:480px){


    .header {
        background:none;
        padding: 0.5em 0;
    }


    .top-grid {
        padding: 0.1em 0 0.5em 0;
        margin-bottom:1em;
    }
    span.menu{
        display:block;
    }
    span.menu:before{
        content: url(img/nav-icon.png) no-repeat 0px 0px;
        cursor: pointer;
        position:absolute;
        right:0;
        top: -44px;
    }
    .top-nav{
        position: relative;
        clear: both;
        width: 100%;
        margin-top: 1em;
    }
    .top-nav ul{
        display:none;
    }
    .top-nav ul li {
        display:block;
    }
    .logo {
        /* margin-top: 1em; */
    }
    .top-nav ul li a {
        width: 100%;
        margin:0;
        padding:0.7em 0;
        border-bottom:1px solid #EEE;
    }
    .slider-caption h1 {
        font-size: 20px;
    }
    .top-grids {
        padding: 1.5em 0;
    }

    .bottom-grids {
        padding: 1em 0 0 0;
    }
    .bottom-grid-right{
        padding: 1em 1em 0 1em;
    }
    .bottom-grid-right p{
        width:100%;
    }
    a.load-news {
        padding: 1em 0;
    }
    ul.pagenation {
        margin: 1em 0 2.5em 0;
    }

    .helden {
        padding: 1.5em 0;
    }
    .blog-artical {
        margin-bottom: 1em;
    }
    .helden-grids-caption-left {
        float: none;
        width:100%;
        margin-top:0em;
    }
    .helden-grids-caption-right {
        float: none;
        width:100%;
    }
    a.helden-btn {
        padding: 0.6em 1.5em;
        margin-top:1em;
    }

    a.more-btn {
        margin-top: 0em;
    }

    .content-item.left, .content-item.right {
        display: block;
    }
    .content-item .content-item_real {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
        text-align: center;
        border-right: none;
        border-bottom: 1px #ec5c5c dotted;
    }
    .content-item .number {
        content: '';
        position: relative;
        top: auto;
        right: auto;
        margin: 10px;
    }
    .content-item.right .number {
        left: auto;
    }
    .content-item.right .content-item_real {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding-right: 5%;
        padding-left: 5%;
        text-align: center;
        border-right: none;
        border-left: none;
    }
    .content-item .content-item_shadow {
        display: none;
    }

    .msg img.img-left {
        width: 100%;
        float:none;
        margin:0 0 10px;
    }
    .msg img.img-right {
        width: 100%;
        float:none;
        margin:0 0 10px;
    }

    .yt-play-icon {
        top: calc(40% - 40px);
    }
}