@media screen and (max-device-width: 450px){
/*-----global-----*/
p, span, a {font-size: 50px;}
h2 {font-size: 65px;}
h3 {font-size: 60px;}
h1 {font-size: 65px;}
.row-svk {flex-wrap: wrap;}
.btn-std {font-size: 50px; padding: 30px 70px; width: 70%; display: block; margin: 0 auto;}
/*-----hidden-----*/
.top-nav ul {display: none;}
header .logo {display: none;}
.f-menu {display: none;}
/*--------leftmenu--------*/
#simple-menu>p {font-size: 55px;}
.burger .line {width: 80px; height: 10px; margin: 10px;}
.sidr {width: 660px!important;}
header .sidr.left {left: -660px;}
header .sidr ul li a {font-size: 70px; margin-bottom: 100px;}
header .sidr .personal {width: 90%; font-size: 50px;}
header .sidr .politics {font-size: 40px; margin: 100px auto;}
header .sidr .social .row-svk {width: 90%; margin-top: 200px;}
header .sidr .social a {width: 150px; height: 150px;}
/*------main------*/
 body {   background: #e0e0e0;}
.main-choice {background: url(/bitrix/templates/bitrix_temp/images/mobile-back.jpg) no-repeat; background-size: cover;} 
.main-choice h2 {margin-top: 100px;}
.main-choice .item {width: 90%; margin-bottom: 50px;}
.main-choice .item .images {height: 750px; margin-top: 30px;}
.main-choice .item .line {margin: 50px auto;}
.back-none {height: auto;}
/*------beauty/medical------*/
header {height: 160px;}
.o-slider h1 {margin-top: 200px;}
.o-slider li {height: 1000px;}
.controls ol {margin-bottom: -80px; top: -100px;}
.o-slider span p img {width: 100%; margin-top: 0;}
.about .image {width: 90%}
.about .text {padding: 50px; text-align: justify;}
.about a img {width: 90px; height: 90px; margin-left: 50px;}

.specpredl .row {display: flex; flex-direction: column-reverse;}
.specpredl .col-xs-7{width: 100%}
.specpredl .col-xs-5{width: 100%}
.specpredl .btn-std {display: block;}

.uslugi .row {display: flex; flex-wrap: wrap; justify-content: space-between;}
.uslugi .col-xs-4 {width: 50%; order: 1;}
.uslugi .col-xs-3 {width: 50%; order: 2; float: right;}
.uslugi .col-xs-5 {width: 100%; order: 3; min-height: 1540px}

.uslugi .us-name {text-align: center; font-size: 60px;}
.us-block {padding: 50px;}
.uslugi .pricelist .p-list {overflow: hidden;}

.uslugi .pricelist .main-price {margin-top: 50px;}
.uslugi .pricelist .main-price p {font-size: 40px;}

.zapis .btn-std{font-size: 50px; top: 130px;}
.zapis .z-form {height: 400px;}
.zapis .zz-form {height: 400px;}

.spec-slider {display: none;}
.spec-slider-mobile {display: block!important;}
.specialist .btn-std {margin-top: 70px}
.specialist .item-spec b{font-size: 60px!important;}
.specialist .item-spec small {font-size: 50px!important;}

footer .social .row-svk {width: 100%;}
footer .social a {width: 150px; height: 150px;}
footer .social a img {margin-top: 30px;}

.specialist .numericControls {margin-top: 70px; margin-bottom: 0px; display: none;}

.mobile {display: block!important}
.antimobile {display: none!important;}

.news-list .item-spec {width: 50%!important}
.news-list .item-spec b {font-size: 60px;}
.news-list .item-spec small {font-size: 45px}

.news-detail  {margin-top: 130px!important; margin-bottom: 50px!important;}
.news-detail .col-xs-6 {width: 100%; text-align: center;}
.news-detail img {float: none!important}
.news-detail h3 {font-size: 70px!important}
.back-news {margin-bottom: 70px!important;}

.razrab {margin-top: 170px!important; font-size: 80px!important}

.gallery {margin-top: 170px!important}
.gallery a {width: 50%!important; height: 370px!important}

.contacts {margin-top: 100px!important}
.contacts .item {width: 100%!important;}
.contacts .item .name {justify-content: center; margin-left: 0!important} 
.contacts .item .kont {margin-left: 200px; margin-top: 50px}
.contacts .kont img {width: 130px; border-radius: 30px!important; margin-right: 50px!important}
.contacts .kont p {margin: 0}
.contacts .container>p {font-size: 30px!important}
.ymaps-2-1-76-copyright__link {display: none;}

.contacts .mf-text {font-size: 50px;width: 400px}
.contacts .mf-name {display: flex; width: 100%; align-items: center;}
.contacts .mf-email {display: flex; width: 100%; align-items: center;}
.contacts form .cons-in {font-size: 50px;  display: block;  }
.contacts form .btn-std {display: block; width: 80%!important}

.callback-modal {width: 100%!important;}
.callback-modal .callback-modal__headline {font-size: 70px; margin-bottom: 60px}
.callback-modal .cons-in {font-size: 50px; display: block; border: 1px solid var(--general-color)}
.callback-modal .mf-text {font-size: 50px;width: 400px}
.callback-modal .mf-name {display: flex; width: 100%; align-items: center;}
.callback-modal .mf-email {display: flex; width: 100%; align-items: center;}
.callback-modalform .cons-in {font-size: 50px;  display: block;  }
.callback-modal form .btn-std {display: block; width: 80%!important; margin-top: 50px}

.mfp-content .mfp-close {
    font-size: 140px!important;
    right: 40px;top: 20px;
    background: none!important;
    color: #444444!important;
}

.callback-modal__form input {font-size: 50px; width: 100%!important; margin: 10px}
.callback-modal__form select { font-size: 50px; margin: 10px}


.bx-authform {margin-top: 240px!important}
.bx-authform input {font-size: 50px!important;}
.bx-authform label {font-size: 50px!important}
.bx-authform-label-container {font-size: 50px;}
.bx-authform-input-container input[type="text"], .bx-authform-input-container input[type="password"] {font-size: 50px!important; padding: 10px!important;height: auto}
#USER_REMEMBER {transform: scale(3); top: -10px; position: relative; left: -10px}
.bx-authform-link-container a {font-size: 40px!important}
.bx-authform-link-container {font-size: 10px; width: 100%; color: transparent; line-height: 1 }

.bx-authform {width: 80%!important; max-width: 80%;}
.bx-authform-note-container, .bx-authform-content-container {font-size: 40px; margin: 40px 0}

.bx-captcha img{width: 800px; height: auto; margin-bottom: 40px}
.bx-authform-description-container {font-size: 40px}



.bx-auth-profile {margin-top: 150px!important}
.bx-auth-profile li {font-size: 40px}
.bx-auth-profile .col-xs-3 {width: 50%}
.bx-auth-profile .col-xs-9 {width: 50%}
.bx-auth-profile  #step1 p  {width: 50%!important; display: block; font-size: 1em}
.bx-auth-profile #step1 span{display: block!important; width: 50%!important; font-size: 1em}
.bx-auth-profile .step1 .row-svk {flex-wrap: wrap;}
.bx-auth-profile .balance input {font-size: 60px}
.bx-auth-profile .balance p {margin: 0;}
.bx-auth-profile .balance {padding: 25px!important;}
.bx-auth-profile .last-visit input {font-size: 2em!important}

.bx-auth-profile #step2 tr {flex-wrap: wrap;}
.bx-auth-profile #step2 input {border: 1px solid grey; width: 100%;}
.bx-auth-profile #step2 .profile-table td {width: 100%}


}

@media screen and (max-device-width: 1360px){
    .top-nav ul li {display: none;}
    .top-nav ul .pers {display: block;}
    .top-nav ul .tel {display: block;}

}