@media screen and (max-width: 1359px) {
    .sdgall .owl-nav button.owl-prev {
        left: 5%;
    }

    .sdgall .owl-nav button.owl-next {
        right: 5%;
    }
}

@media screen and (max-width: 1280px) {
    .btn {
        padding: 15px 40px;
    }

    .service_detail .viname .vimore {
        right: 10%;
    }

    .priceitem {
        display: flex;
    }

    .service_price .prlink {
        float: none;
        width: 100%;
        max-width: 308px;
        top: 0;
    }

    .sdgall .owl-nav button.owl-prev {
        left: 30px;
    }

    .sdgall .owl-nav button.owl-next {
        right: 30px;
    }
}

@media screen and (max-width: 1199px) {
    /*.siname {font-size: 16px;line-height: 20px;text-transform: uppercase;color: #3C4656;margin-bottom: 15px;}
    .sistat {font-size: 12px;line-height: 24px;letter-spacing: 0.08em;}
    .sicompit, .siexp {font-size: 14px;line-height: 23px;letter-spacing: 0.04em;color: #626A78;margin: 20px 0 0 0;}
    .sipropval{margin: 10px 0 0 0;}
    .stafdescr {padding: 20px 18px;}*/
    .wrap {
        width: 86%;
    }

    #topmenu {
        width: 61%;
    }

    .service_detail {
        overflow-x: hidden;
    }

    .service_detail .sdbann {
        margin-right: 30px;
    }

    .service_detail .sdname h1 {
        margin-top: 60px;
        font-size: 40px;
        line-height: 48px;
    }

    .service_top_right .btn {
        padding: 15px 24px;
    }

    .service_detail .viname .vimore {
        right: 0%;
    }
}

@media screen and (max-width: 1160px) {
    .msectitem:hover .msectprev {
        height: 100px;
    }

    .sdgall .owl-nav button {
        border-color: #fff;
    }

    .sdgall .owl-nav button.owl-prev {
        left: 160px;
    }

    .sdgall .owl-nav button.owl-next {
        right: 160px;
    }

    .sdgall .owl-nav button span {
        color: #fff;
    }
}

@media screen and (max-width: 1095px) {
    .wrap {
        width: 90%;
    }

    .clubhtext {
        width: 65%;
    }

    .sdname.black {
        font-size: 80px;
        line-height: 74px;
    }

}

@media screen and (max-width: 1024px) {
    .wrap {
        width: 90%;
    }

    .logo {
        width: 14%;
        margin-right: 1.7%;
        padding: 5px 0 0 0;
    }

    .mainmenu > li {
        margin-right: 2.8%;
    }

    .prod_item a:hover + .prod_pic {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    header {
        width: inherit;
        height: 64px;
    }

    .mobmenucall {
        position: relative;
        background: url(img/mobmcall.png) no-repeat center;
        width: 18px;
        height: 12px;
        float: right;
        padding: 10px 0;
    }

    .mobcall.btn.transp {
        padding: 0;
        text-align: center;
        font-size: 12px;
        position: absolute;
        left: 40%;
        width: 30%;
        padding: 5px 0;
        top: 14px;
        display: block;
        background: #fff;
        color: #000;
    }

    #topmenu {
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        width: auto;
        padding: 50px 3% 20px 3%;
        bottom: 0;
        background: url(img/mobmenu.png) no-repeat right top -50px #10161c;
        z-index: 3147483678;
    }

    .mainmenu > li {
        margin-right: 0;
        display: block;
    }

    .topphone {
        display: none;
    }

    .header {
        padding: 16px 0;
        z-index: 11111111111111;
    }

    .logo {
        width: 16%;
        margin-top: 0px;
    }

    .mainmenu > li.isparent:hover .submenu {
        display: none;
        opacity: 1;
        visibility: visible;
        padding: 50px 3% 20px 3%;
    }

    .submenu {
        display: none;
        opacity: 1;
        visibility: visible;
        transition: 0.5s;
        position: fixed;
        left: 0;
        background-color: #10161c;
        padding: 50px 3% 20px 3%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(img/mobmenu.png) no-repeat right top -50px #10161c;
        z-index: 2;
    }

    .submenu li a:after {
        width: 10px;
        height: 17px;
        position: absolute;
        bottom: auto;
        right: -20px;
        opacity: 1;
        top: 50%;
        overflow-y: hidden;
        overflow-y: auto;
    }

    .submenu li {
        margin-right: 0;
        float: none;
        width: auto;
    }

    .mainmenu > li > a {
        display: inline-block;
        position: relative;
    }

    .mainmenu > li > a::after {
        display: block;
        width: 18px;
        height: 12px;
        background: url(img/smarr.png) no-repeat right center;
        position: absolute;
        top: 18px;
        right: -20px;
        content: "";
    }

    .submenu li.mobmcall {
        background: url(img/mobmcall.png) no-repeat;
        width: 18px;
        height: 12px;
        position: absolute;
        right: 3%;
        margin: 0;
        top: 25px;
    }

    .submenu.level2, .submenu.level3 {
        max-width: 100%;
        background: none;
        position: relative;
        left: 0;
        margin-left: 0;
        padding-top: 20px;
    }

    .mainmenu > li.isparent:hover .submenu.level2,
    .mainmenu > li.isparent:hover .submenu.level3 {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .mainmenu > li .submenu.level2 a,
    .mainmenu > li .submenu.level3 a {
        padding: 8px 0;
    }

    .mainmenu > li .submenu.level1 {
        overflow-y: scroll;
    }

    .mainmenu .submenu li.isparent > a::after {
        display: none;
    }

    .sdname, .sdname h1 {
        font-size: 54px;
        line-height: 72px;
    }

    .flithead {
        padding-right: 30px;
    }

    .wrap.inducatarea {
        margin-bottom: 60px;
    }

    #topmenu .close_menu {
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 30px;
        right: 30px;
        z-index: 999;
        cursor: pointer;
    }

    .close_menu::before {
        width: 25px;
        height: 1px;
        position: absolute;
        top: 7px;
        left: 0;
        background: #fff;
        transform: rotate(-45deg);
        content: '';
        transition: 0.2s linear;
    }

    .close_menu::after {
        width: 25px;
        height: 1px;
        position: absolute;
        top: 7px;
        left: 0;
        background: #fff;
        transform: rotate(45deg);
        content: '';
        transition: 0.2s linear;
    }

    .service_detail .sdhead {
        flex-direction: column;
    }

    .service_detail .sdbann {
        width: 100%;
        max-width: none;
        height: 300px;
        /*position: absolute;
        z-index: -1;*/
    }

    .service_top_right {
        width: 100%;
    }

    .service_top_right .wrap {
        padding: 0 20px;
        box-sizing: border-box;
    }

    .service_top_right .sdsing {
        padding: 40px 0;
    }

    .service_top_right .sdsing .wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .service_top_right .btn {
        margin: 0 10px;
    }

    .medprops .wrap {
        flex-wrap: wrap;
    }

    .service_detail .sdmpritem {
        width: 50%;
    }

    .service_banner {
        margin-bottom: 40px;
    }

    .service_detail .seo_text {
        margin-bottom: 65px;
    }

    .service_detail + .aboutcform {
        padding: 60px 0;
    }

    .service_banner .wrap img {
        object-fit: cover;
    }

    .service_price .pricehead,
    .price_page .pricehead {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .service_price .pricename,
    .price_page .pricename {
        width: 25%;
        margin-right: 5%;
    }

    .service_price .prprice,
    .price_page .prprice {
        width: 15%;
        margin-right: 2%;
    }

    .service_price .prclubprice,
    .price_page .prclubprice {
        width: 15%;
    }

    .service_price .prlink {
        width: 20%;
    }

    .price_page .prlink {
        width: 200px;
    }

    .auctions_page .auction_item .pic img {
        height: 100%;
    }

    .auctions_page .pic {
        float: none;
        margin-left: 0;
        margin-bottom: 30px;
    }

    .service-form-left .formleft {
        flex-direction: column;
    }

    .service-form-left .afbf_submit_block .formright {
        width: auto;
    }

    .home_video {
        margin-bottom: 0;
    }

    .service_detail .sdgitem {
        height: 480px;
        background-size: cover;
    }
}

@media screen and (max-width: 998px) {
    .advantitem {
        width: 47%;
        margin-right: 6%;
    }

    .advantitem:nth-child(3n) {
        width: 47%;
        margin-right: 6%;
    }

    .advantitem:nth-child(2n) {
        margin-right: 0;
    }


}

@media screen and (max-width: 977px) {
    /*.logo {width: 16%;padding: 2px 0 0 0;}
    #topmenu {width: 65%;}
    .topphone a{font-size: 14px;letter-spacing:0;}
    .mainmenu > li{margin-right: 2.8%;}*/
    .vicolleft {
        width: 20%
    }

    .vicolright {
        width: 80%;
    }

    .vitabhead li {
        letter-spacing: -0.1em;
        margin-right: 2%
    }
}

@media screen and (max-width: 940px) {
    .sdname.black {
        font-size: 70px;
        line-height: 62px;
    }
}

/*
@media screen and (max-width:911px){
	.topphone{margin-left: -2%;}
}*/
@media screen and (max-width: 878px) {
    /*.logo {width: 14%;margin-top: 7px;}
    .mainmenu > li {margin-right: 2%;}
    .mainmenu > li:last-child{margin-right: 0%;}*/
    #mainsect {
        padding: 30px 0 0px 0;
    }

    #club {
        padding: 30px 0 30px 0;
    }

    #mainabout {
        padding: 60px 0 60px 0;
    }

    #mainreviews {
        padding: 0px 0 00px 0;
    }

    .blogitem {
        width: 48%;
        margin-right: 4%;
    }

    .blogitem:nth-child(2n) {
        margin-right: 0;
    }

    .blogitem:nth-child(3n) {
        margin-right: 4%;
    }

}

@media screen and (max-width: 800px) {
    .mpartarea {
        width: 94%;
    }

    .clubhtext {
        width: 100%;
    }

    .sdname.black {
        font-size: 60px;
        line-height: 52px;
    }

    .footcont {
        display: block;
    }

    .footleft {
        width: 100%;
        padding-bottom: 40px;
    }

    .footright {
        width: 100%;
        float: none;
    }

    .sdmprdescr br {
        float: left;
    }

    .sdmpritem {
        float: left;
        width: 45%;
        margin-right: 8%;
    }

    .sdmpritem:nth-child(2n) {
        margin-right: 0;
    }

    .medprops.bot .sdmpritem {
        margin-bottom: 40px;
    }

    .msectitem {
        width: 47.5%;
    }

    .msectitem:nth-child(3n) {
        margin-right: 4.85%;
    }

    .msectitem:nth-child(2n) {
        margin-right: 0;
    }

    .ccname {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 0.13em;
    }

    .ccname span:after {
        opacity: 1;
        bottom: -1px;
        background: url(img/ccarr.png) no-repeat 100%/cover;
        width: 7px;
        height: 12px;
    }

    .ccimg img {
        max-width: 90%;
    }

    #club {
        overflow: hidden;
    }

    .clubcardarea {
        padding: 40px 0 0 0;
    }

    .owl-carousel.clubcardarea {
        width: 120%;
    }

    #mainabout {
        padding: 40px 0 40px 0;
    }

    /*.mpartarea{display:block;}*/
    .siname {
        font-size: 16px;
        line-height: 20px;
        text-transform: uppercase;
        color: #3c4656;
        margin-bottom: 15px;
    }

    .sistat {
        font-size: 12px;
        line-height: 24px;
        letter-spacing: 0.08em;
    }

    .sicompit, .siexp {
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 0.04em;
        color: #626a78;
        margin: 20px 0 0 0;
    }

    .sipropval {
        margin: 10px 0 0 0;
    }

    .stafdescr {
        padding: 20px 18px;
    }

    .bloglistarea {
        background: transparent !important;
    }

    .blogname {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 0.13em;
        text-transform: uppercase;
    }

    .blogldescr {
        padding: 23px 5%;
        height: auto;
    }

    .blogitem {
        width: 100%;
        margin: 0 0 30px 0;
        box-shadow: 0px 1px 12px 3px rgba(29, 31, 34, 0.1);
    }

    .blogimg, .blogitem:hover .blogldescr {
        filter: none;
    }

    .blogname {
        height: auto;
    }

    .popup {
        width: 70%;
        left: 15%;
        top: 10%;
    }

    #mainsteps {
        padding: 50px 0;
    }

    .serv_pic {
        width: 30%;
        height: 150px;
        margin-right: 20px;
    }

    .serv_pic img {
        height: 150px;
    }

    .service_detail .under_medprops {
        margin-bottom: 40px;
    }

    .service_detail .sdvariants {
        margin: 40px 0;
    }

    .price_page .priceitem, .service_detail .priceitem {
        position: relative;
        flex-wrap: wrap;
        padding-bottom: 80px;
    }

    .price_page .pricearea, .service_price .pricearea {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .price_page .prclubprice, .service_detail .prclubprice {
        width: 25%;
    }

    .price_page .pricename, .service_price .pricename {
        flex: 1;
    }

    .price_page .prlink {
        width: 100%;
        max-width: 220px;
        position: absolute;
        top: auto;
        left: 50%;
        bottom: 0;
        margin-top: 20px;
        margin-left: -110px;
        text-align: center;
    }

    .service_price .prlink {
        width: 100%;
        max-width: none;
        position: absolute;
        top: auto;
        bottom: 0;
        left: auto;
        margin-top: 20px;
        margin-left: auto;
        text-align: center;
    }

    .effect_proc_wrap .btn_wrap {
        margin-bottom: 70px;
    }

    .service_banner {
        height: auto;
        margin-bottom: 70px;
    }

    .service_banner .wrap {
        padding: 70px 50px;
        box-sizing: border-box;
    }

    .service_detail .sdbody {
        padding: 0;
    }

    .auctions_page .auction_item {
        width: 48%;
    }
}

@media screen and (max-width: 720px) {
    .sdname.black, .sdname, .sdname h1 {
        font-size: 50px;
        line-height: 60px;
    }
}

@media screen and (max-width: 705px) {
    .advbpict {
        display: none;
    }

    .advmobbpict {
        display: block;
    }

    .advbitem {
        background: transparent;
        box-shadow: none;
    }

    .maimg {
        float: none;
        padding: 0 0 24px 0;
        width: 100%;
    }

    .matext {
        float: none;
        width: 100%;
    }

    .matext .blocktitle {
        display: none;
    }

    .clubdescr {
        top: 0;
    }

    .vitabhead li {
        font-size: 12px;
    }

    .conttitle {
        font-size: 60px;
        line-height: 58px;
    }

    .pricetitle, .pricetitle h1 {
        font-size: 5rem;
    }

    .price_page .pricearea {
        padding: 10px 0;
    }

    .mob.prtitle {
        display: block;
        text-transform: uppercase;
        color: #949caa;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .service_price .pricehead, .price_page .pricehead {
        display: none;
    }

    .service_price .prprice, .service_detail .prclubprice, .service_price .pricename,
    .price_page .prprice, .price_page .prclubprice, .price_page .pricename {
        width: auto;
    }
}

@media screen and (max-width: 639px) {
    .logo {
        width: 100px;
    }

    .footcont {
        display: block;
    }

    .footleft {
        width: 100%;
    }

    .footright {
        padding-top: 30px;
    }

    #footer {
        padding: 40px 0 20px 0;
    }

    .btn {
        text-align: center;
    }

    .blocktitle {
        font-size: 22px;
    }

    /*.sdbann {height: 210px;}*/
    .mobvinimg {
        display: block;
    }

    .viname h2 {
        float: left;
        width: 50%;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 0.01em;
        text-transform: uppercase;
    }

    .viname {
        overflow: hidden;
        padding: 0px 0%;
    }

    .vicolleft {
        display: none;
    }

    .vicolright {
        float: none;
        width: 100%;
    }

    .vibody {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: hidden;
        overflow-y: hidden;
        overflow-y: auto;
        z-index: 100;
        margin: 0;
        border-radius: 0;
        padding: 30px 4%;
    }

    .vibname {
    }

    .vibname h3 {
        margin-right: 10%;
        font-size: 17px;
        line-height: 25px;
        letter-spacing: 0.02em;
        font-weight: 500;
    }

    #videobann {
        height: 450px;
        overflow: hidden;
    }

    #videobann video, #videobann .vbimg {
        height: 100%;
        width: auto;
    }

    #videobann .vblink {
        text-align: center;
    }

    .vblogo {
        width: 100%;
        margin-bottom: 25%;
    }

    .vbbody {
        bottom: auto;
        top: 10%;
    }

    .btn.transp {
        display: block;
        text-align: center;
        background: #fff;
        color: #000;
    }

    .sdmprimg {
        height: 40px;
    }

    .sdmprimg img {
        display: block;
        height: 100%;
    }

    .sdmprdescr {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.02em;
    }

    .sdthemebg {
        display: none;
    }

    .sddettext {
        width: 100%;
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 0.04em;
    }

    /*.sdbann img {position: absolute;right: 0;top: 0;width:300%;}*/
    .sdsing {
        position: static;
        padding: 30px 0;
    }

    .sdsing .btn {
        padding-right: 0;
        padding-left: 0;
        display: block;
        margin-bottom: 20px;
    }

    .sdbody .medprops {
        padding-top: 0;
    }

    .servdetail.gray {
        background: #fff;
    }

    .sdtext {
        padding: 0 0 40px 0;
    }

    .sdbody {
        padding: 0 0 40px 0;
    }

    .sdsingcall {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.01em;
        color: #3c4656;
        width: auto;
    }

    .medprops.bot {
        padding-top: 0;
    }

    .medprops.bot .sdmpritem:nth-child(4n) {
        width: 100%;
        margin-right: 0;
    }

    .sdbann, .clubbann {
        height: 450px;
    }

    .sdname {
        font-size: 40px;
        line-height: 39px;
        letter-spacing: 0.01em;
    }

    /*.sdname h1, .clubname h1 {font-size: 60px;line-height: 68px;}*/
    .sdname.black, .sdname, .sdname h1, .clubname h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .pricetitle {
        font-size: 40px;
        line-height: 39px;
        letter-spacing: 0.01em;
        margin: 10px 0 0 0;
    }

    .msectitem, .msectitem:nth-child(3n) {
        width: 100%;
        margin-right: 0;
        float: none;
        box-shadow: 0px 0px 25px rgba(15, 16, 16, 0.16);
    }

    .msectitem:hover {
        box-shadow: 0px 0px 25px rgba(15, 16, 16, 0.16);
    }

    .stepitem {
        float: none;
        width: 100%;
        margin: 0 0 40px 0;
    }

    .msectitem:hover .msectprev {
        opacity: 0;
        visibility: hidden;
        height: 0;
        padding-bottom: 0;
    }

    .msectmoblink {
        display: inline-block;
        font-size: 10px;
        line-height: 24px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #626a78;
        background: url(img/msectmoblink.png) right top 7px no-repeat;
        padding-right: 15px;
        margin-bottom: 30px;
    }

    .msectitem:hover .msectimg img {
        top: 0;
    }

    .msectdescr {
        padding: 30px 5% 0 9%;
    }

    .maimg {
        float: none;
        padding: 0;
        width: 100%;
    }

    .matext {
        float: none;
        width: 100%;
    }

    .matext .blocktitle {
        display: none;
    }

    .maimg .blocktitle.mob {
        display: block;
    }

    .mamore span:after {
        opacity: 1;
    }

    .mpartarea {
        display: block;
    }

    .mpitem {
        width: 32%;
        display: inline-block;
        margin-bottom: 35px;
    }

    #mainreviews {
        padding: 0px 0 0px 0;
    }

    #mainabout {
        padding: 0px 0 50px 0;
    }

    .staffarea {
        display: block;
    }

    .stafitem {
        margin-right: 0;
        width: 100%;
    }

    .stafitem img {
        width: 100%;
    }

    .simoremob {
        display: block;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #10161c;
        text-decoration: none;
        display: inline-block;
        margin-top: 40px;
    }

    .simoremob span {
        position: relative;
        display: inline-block;
    }

    .simoremob span:after {
        content: "";
        position: relative;
        bottom: 0px;
        background: url(img/ccarr.png) no-repeat 100%/cover;
        width: 7px;
        height: 12px;
        display: inline-block;
        position: relative;
        left: 10px;
    }

    .aboutstaff {
        padding: 40px 0;
    }

    #mainsteps {
        padding: 50px 0 0;
    }

    #advbann {
        padding: 0px 0 80px 0;
    }

    .maprev {
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 0.04em;
    }

    .mamore {
        margin-top: 30px;
    }

    .mamore span:after {
        background: url(img/ccarr.png) no-repeat 100%/cover;
        width: 7px;
        height: 12px;
        bottom: 0px;
        right: -10px;
        opacity: 1;
    }

    #mainpartners {
        padding: 20px 0;
    }

    .owl-carousel.revarea {
        width: 100%;
    }

    .owl-carousel.revarea .owl-dots {
        display: block;
        text-align: center;
    }

    .owl-carousel.revarea .owl-nav {
        display: none;
    }

    .owl-carousel.clubcardarea .owl-dots {
        display: none;
    }

    .stafdescr {
        box-shadow: none;
    }

    .stafitem {
        box-shadow: 0px 3px 15px rgba(15, 16, 16, 0.16);
    }

    .clubcardarea.full {
        padding-bottom: 60px;
    }

    .clubhtext {
        display: none;
    }

    .clubhtext.mob {
        display: block;
    }

    .clubname {
        font-size: 40px;
        line-height: 31px;
        letter-spacing: 0.01em;
        text-transform: uppercase;
    }

    .clubcardarea.full .clubcard {
        float: none;
        width: 100%; /*text-align: left;*/
    }

    .clubcardarea.full .ccimg:before {
        opacity: 1;
        width: 51%;
        bottom: 34%;
        left: 26%;
    }

    .clubcardarea.full .ccimg {
        text-align: center;
        display: none;
    }

    .clubcardarea.full .clubcard:first-child .ccimg {
        display: block;
    }

    .clubcardarea.full .ccname {
        display: inline-block;
        width: 40%;
        text-align: left;
    }

    .clubcardarea.full .ccname.title {
        display: block;
        width: 100%;
    }

    .clubcardarea.full .cclink {
        display: inline-block;
        padding: 10px 0;
    }

    .aboutslogan {
        position: static;
        padding: 20px 0;
    }

    .aboutsrext {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.01em;
    }

    .aboutbody {
        padding: 20px 0 0 0;
    }

    .aboutdetail {
        padding: 20px 0;
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 0.04em;
        color: #10161c;
    }

    .alcol {
        float: none;
        width: auto;
    }

    .arcol {
        float: none;
        width: auto;
    }

    .aboutadv {
        padding: 0px 0 0 0;
    }

    .advantitem, .advantitem:nth-child(3n) {
        width: 100%;
        margin-right: 0;
    }

    .advantdescr {
        height: auto;
        float: right;
        width: 84%;
        padding: 0;
    }

    .advantimg {
        width: 15%;
        float: left;
    }

    .aboutabt {
        display: none;
    }

    .aboutabt.mob {
        display: block;
    }

    .aboutgal {
        padding: 0;
    }

    .aboutabt.mob .maprev h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .owl-carousel.abgalarea .owl-nav {
        display: none;
    }

    .vacarea {
        padding: 20px 0 0 0;
    }

    .vacitem {
        display: block;
        margin-bottom: 20px;
    }

    .vacname {
        background: url(img/vacarrgray.png) right 14px center no-repeat;
        color: #3c4656;
    }

    .vacitem:hover .vacname {
        background: url(img/vacarr.png) right 14px center no-repeat;
        color: #fff;
    }

    .vacdescr {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        padding: 30px 20px 70px 20px;
    }

    .vacclose {
        right: 20px;
    }

    .aboutcform {
        padding: 40px 0;
    }

    .fbform, .afbf_submit_block .wrap {
        display: block;
    }

    .formleft {
        width: 100%;
    }

    .formright {
        width: 100%;
    }

    .afbf_submit_block {
        padding: 25px 0 0 0;
    }

    .aboutcform .btn {
        padding: 15px 0;
        display: block;
        width: 99%;
        height: 56px;
        border-radius: 4px;
    }

    .afbf_submit_block .wrap {
        width: 100%;
    }

    .afbf_submit_block .formleft {
        display: none;
    }

    .formright .afbf_inputtext_bg {
        background: transparent;
        border: 0;
    }

    .formright .file {
        position: static;
        color: #fff;
        text-align: center;
        display: block;
        border: 1px solid #fff;
        padding: 15px 0;
        margin: 25px 0 0 0;
        border-radius: 4px;
    }

    .afbf_inputtext_bg .afbf_textarea {
        border: 1px solid #c4c4c4;
    }

    .formright .file label {
        color: #fff;
        background: url(img/filew.png) left center no-repeat;
    }

    .pricearea {
        padding: 45px 0;
    }

    .pricehead {
        display: none;
    }

    .pricename, .prlink {
        float: none;
        width: auto;
        margin: 0;
    }

    .priceitem {
        box-shadow: 0px 1px 7px 2px rgba(29, 31, 34, 0.14);
        margin-bottom: 30px;
        padding: 25px 5%;
        background: #fff;
    }

    .prlink .btn {
        color: #fff;
        padding: 15px 0;
        background: #10161c;
        border: 1px solid #10161c;
    }

    .priceitem:hover {
        background: #fff;
    }

    /*.pricename h3 {font-size: 16px;line-height: 20px;letter-spacing: 0.06em;}*/
    .prseans {
        margin-bottom: 25px;
    }

    .prprice {
        float: left;
        width: auto;
    }

    .prclubprice {
        float: right;
        width: auto;
    }

    .prlink {
        clear: both;
        padding: 25px 0 0 0;
    }

    .vitabhead {
        display: none;
    }

    .mob.vtsubtitle {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.13em;
        text-transform: uppercase;
        display: block;
        color: #626a78;
        margin-bottom: 25px;
    }

    .vitabitem {
        display: block;
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 0.04em;
        color: #10161c;
    }

    .vitabitem {
        margin-bottom: 50px;
    }

    .vitabs {
        padding: 32px 0 0px 0;
    }

    .sdname.black {
        font-size: 40px;
        line-height: 31px;
        letter-spacing: 0.01em;
        text-transform: uppercase;
        color: #3c4656;
    }

    .sdgall .aboutgal {
        display: block;
    }

    .sdgall > .wrap {
        display: none;
    }

    .conttitle {
        font-size: 50px;
        line-height: 48px;
    }

    .contimg {
        display: none;
    }

    #map {
        margin: 60px 0 0 0;
    }

    .pcontacts {
        padding: 40px 0 40px 0;
    }

    .blogmoremob {
        display: block;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #626a78;
        text-decoration: none;
        display: inline-block;
        margin-top: 20px;
    }

    .blogmoremob span {
        position: relative;
        display: inline-block;
    }

    .blogmoremob span:after {
        content: "";
        position: relative;
        bottom: 0px;
        background: url(img/ccarr.png) no-repeat 100%/cover;
        width: 7px;
        height: 12px;
        display: inline-block;
        position: relative;
        left: 10px;
    }

    .blogdname {
        font-size: 40px;
        line-height: 50px;
    }

    .blogbann {
        height: auto;
        overflow: hidden;
    }

    .blodgdate {
        font-size: 20px;
        line-height: 30px;
        text-shadow: 1px 1px 1px #000;
    }

    .popup {
        width: 90%;
        left: 5%;
    }

    .serv_item {
        flex-direction: column;
    }

    .serv_pic, .services_page .serv_pic {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .services_page .serv_pic img {
        height: auto;
    }

    .serv_descr, .prod_item, .serv_level2_item, .services_page .serv_descr {
        width: 100%;
    }

    .serv_level2_item:first-child {
        margin-bottom: 30px;
    }

    .service_detail .sdsing .wrap {
        justify-content: space-around;
    }

    .service_detail .sdsing .btn {
        margin: 0;
        padding: 15px 20px;
    }

    .service_detail .servdetail, .service_detail .sdgall {
        margin-bottom: 30px;
    }

    .service_detail .sdtext.no_gal {
        margin-top: -40px;
    }

    .service_detail .sdgall > .wrap {
        display: flex;
    }

    .service_detail .sdmpritem {
        width: 100%;
        max-width: none;
    }

    .service_detail .under_medprops {
        margin: 0 0 50px;
    }

    .service_detail .sdvariants .h2 h2 {
        margin-bottom: 50px;
    }

    .service_detail .varitem {
        width: 100%;
        margin-bottom: 25px;
        margin-right: 0;
    }

    .service_detail .viname h2 {
        width: 90%;
    }

    .service_detail .prclubprice {
        flex: 1;
    }

    .service_banner .wrap {
        width: 100%;
        margin: 0;
    }

    .service_detail .priceitem,
    .price_page .priceitem {
        padding-bottom: 100px;
    }

    .service_price .prlink {
        width: auto;
        left: 20px;
        right: 20px;
        bottom: 20px;
    }

    .price_page .prlink {
        bottom: 20px;
    }
}

@media screen and (max-width: 540px) {
    .siname {
        font-size: 19px;
        line-height: 42px;
        text-transform: uppercase;
        color: #3c4656;
        margin-bottom: 15px;
    }

    .sistat {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.08em;
    }

    .sicompit, .siexp {
        font-size: 17px;
        line-height: 26px;
        letter-spacing: 0.04em;
        color: #626a78;
        margin: 37px 0 0 0;
    }

    .sipropval {
        margin: 10px 0 0 0;
    }

    .stafdescr {
        padding: 50px;
    }

    .singdescr .btn {
        display: block;
        text-align: center;
    }

    .conttitle {
        font-size: 50px;
        line-height: 48px;
    }

    .service_detail .priceitem {
        padding-bottom: 20px;
    }

    .service_price .pricename {
        width: 100%;
        flex: auto;
    }

    .service_price .prprice, .service_detail .prclubprice {
        width: 45%;
        flex: auto;
    }

    .service_price .prlink {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 0 auto;
    }

    .abtit.blocktitle {
        text-align: center;
    }

    .service-form-left,
    .aboutcform .btn {
        width: 100%;
    }

    .service-form-right {
        position: relative;
        left: 0;
        top: 0;
        margin-top: 50px;
        text-align: center;
    }

    .service-form-left .afbf_item_pole {
        margin-right: 0;
    }

    .find_way {
        margin-top: 10px;
    }

    .conttitle, .conttitle h1 {
        font-size: 3rem;;
    }

    .aboutbody p.alcol br {
        display: none;
    }

    .advantsarea {
        padding-top: 0;
    }

    .aboutadv .blocktitle {
        margin-top: 0;
    }

    .aboutvacancy h2 {
        margin-bottom: 0;
    }

    .advantsarea {
        padding-bottom: 30px;
    }

    .service_banner {
        margin-bottom: 0;
    }

    .medprops .wrap {
        gap: 20px;
    }

    .medprops .sdmprimg {
        margin-bottom: 0;
        display: flex;
        align-items: center;
    }

    .medprops .sdmpritem {
        align-items: center;
    }

    .medprops {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .viname-container {
        flex: 1;
    }

    .service_detail .viname {
        flex-direction: row;
        gap: 20px;
    }

    .viname-container h2 {
        float: none;
    }

    .service_detail .viname .vimore {
        top: 6px;
    }
}

@media screen and (max-width: 502px) {
    .vblogo {
        margin-bottom: 40%;
    }

    #videobann video, #videobann .vbimg {
        margin-left: -50%;
    }

    .owl-carousel.clubcardarea {
        width: 150%;
    }

    .sdname.black, .sdname, .sdname h1, .clubname h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .auctions_page .auction_item {
        width: 100%;
        max-width: 245px;
        margin: 0 auto 50px;
        text-align: center;
    }
}

@media screen and (max-width: 440px) {

    .mobcall.btn.transp {
        left: 42%;
    }

    .service_detail .sdname h1 {
        margin-top: 36px;
        font-size: 25px;
        line-height: 36px;
    }

    .service_top_right .advants li {
        width: 100%;
        margin-right: 0;
    }

    .service_detail .sdsing .wrap {
        flex-direction: column;
    }

    .service_detail .sdsing .btn {
        width: 80%;
    }

    .service_detail .sdsing .btn:first-child {
        margin-bottom: 20px;
    }

    .service_detail .sdgitem {
        height: 360px;
    }

    /*.service_detail .sdtext {padding-top: 60px;}*/
    .service_detail .under_medprops {
        margin-bottom: 60px;
    }

    .service_detail .prprice {
        margin-right: 20px;
    }

    .service_detail .sddettext h2, .service_detail .gal_title .blocktitle,
    .service_detail .sdvariants .h2 h2, .service_price h2, .effect_proc_wrap h2 {
        margin-bottom: 30px;
        font-size: 26px;
    }

    .service_price .pricearea {
        margin-bottom: 60px;
        padding-bottom: 0;
    }

    .proc_list .owl-dots {
        margin-top: 20px;
    }

    .service_banner .wrap {
        padding: 50px 30px;
    }

    .service_detail .gal_title {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 420px) {
    .viname h2 {
        width: 68%;
    }

    .stepdescr {
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 0.04em;
    }

    .stepname {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 0.13em;
    }

    .maprev {
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 0.04em;
    }

    .owl-carousel.staffarea .owl-stage-outer {
        padding: 0;
        margin: 0;
    }

    .clubcardarea.full .ccname {
        padding-right: 5%;
        width: 46%;
    }

    /*.clubcardarea.full .cclink{width: 46%;}*/
    .clubcardarea.full .cclink .btn {
        display: block;
        padding: 15px 0px;
    }

    .clubcardarea.full .ccname span:after {
        right: -10px;
    }

    .advantdescr {
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 0.04em;
        color: #10161c;
    }

    .aboutabt.mob .maprev h3 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.01em;
        color: #10161c;
        padding: 20px 0 0 0;
    }

    .vacname {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 0.03em;
        padding: 21px 0px 23px 20px
    }

    .vactext {
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 0.04em;
        color: #10161c;
    }

    .prseans {
        font-size: 10px;
        line-height: 25px;
        letter-spacing: 0.02em;
    }

    .prprice {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.04em;
    }

    .mob.prtitle {
        font-size: 10px;
        line-height: 24px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #949caa;
    }

    .mob.vtsubtitle {
        font-size: 13px;
    }

    .conttitle {
        font-size: 40px;
        line-height: 39px;
    }

    .sdname, .sdname.black {
        font-size: 30px;
        line-height: 30px;
        padding: 10px 0 0 0;
    }

    .conttitle, .clubname {
        font-size: 30px;
        line-height: 30px;
        padding: 10px 0 0 0;
    }

    .popitle {
        font-size: 16px;
    }

    .fmul li {
        width: 48%;
        margin-right: 1%;
    }

    .fmul li a {
        font-size: 11px;
    }
}

@media screen and (max-width: 380px) {
    .siname {
        font-size: 16px;
        line-height: 20px;
        text-transform: uppercase;
        color: #3c4656;
        margin-bottom: 15px;
    }

    .sistat {
        font-size: 12px;
        line-height: 24px;
        letter-spacing: 0.08em;
    }

    .sicompit, .siexp {
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 0.04em;
        color: #626a78;
        margin: 20px 0 0 0;
    }

    .sipropval {
        margin: 10px 0 0 0;
    }

    .stafdescr {
        padding: 20px 18px;
    }

    .popitle {
        font-size: 15px;
    }

    .popbody {
        padding: 18px 10px;
    }

}