

@media only screen and (max-width : 1240px) {/****************************************************************************** 1240 */
.top,
.top-menu,
.main,
.footer-wrap {
	padding: 0px 20px;
	box-sizing: border-box;
}
.top-txt {
	width: auto;
	padding: 1px 0px;
	border: none;
}
form.top-search {
	right: 20px;
	width: calc(100% - 270px);
}
ul.menu li ul li {
	width: 270px;
}

.slide-txt {
	left: 20px;
	top: 50%;
	transform: translate(0%, -50%);
}
.slide h3 {font: 800 56px/62px Manrope;}

.bestsellers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.bestsellers-item, .bestsellers-item:nth-child(1), .bestsellers-item:nth-child(4), .bestsellers-item:nth-child(6) {width: 282px; height: 294px; margin: 12px;}
.bestsellers-item span, .bestsellers-item:nth-child(1) span, .bestsellers-item:nth-child(4) span, .bestsellers-item:nth-child(6) span {top: auto; bottom: 24px; text-align: center;}
.bestsellers-item img, .bestsellers-item:nth-child(1) img, .bestsellers-item:nth-child(4) img, .bestsellers-item:nth-child(6) img {top: 24px; left: 50%; transform: translate(-50%, 0%); max-height: 180px;}
.bestsellers-item:nth-child(6)::after {
	top: -44px;
	left: auto;
	right: -130px;
}
.bestsellers-item:nth-child(6)::before {background: url(../images/bestsellers-bg.png) bottom center no-repeat;}


.telegram {height: 184px;}
.telegram::before {
	left: -18px;
	width: 266px;
	height: 207px;
}
.telegram p {
	width: calc(100% - 430px);
	margin-top: 26px;
	margin-left: 240px;
	font: 600 16px/21px Manrope;
}
.telegram a.a-button {
	width: 116px;
	height: 32px;
	margin-top: 16px;
	margin-left: 240px;
	font: 700 10px/32px Manrope;
}
.telegram .telegram-qr {
	margin: 18px;
	width: 146px;
	height: 146px;
}
.telegram-qr::before {
	top: 107px;
	left: -140px;
	width: 121px;
	height: 34px;
}

.footer-menus, .footer-buttons {padding: 0px;}
.footer-menus {flex-wrap: wrap; justify-content: space-around;}
.footer-menus div {order: 2}
.footer-menus div:last-child {
	width: 100%;
	max-width: 100%;
	order: 1;
	margin-bottom: 48px;
	padding-bottom: 24px;
	border-bottom: solid 1px #404045;
}
.footer-buttons {justify-content: space-around;}
.footer-letter {width: auto;}

.content {margin-bottom: 48px;}
.breadcrumbs, .content-block {
	margin: 48px 0px;
}
.banner-about {flex-wrap: wrap; height: auto; padding: 24px; gap: 0;}
.banner-about-ttl {width: 100%;}
.banner-about-ico {width: 100%; justify-content: space-around;}
.banner-about-item h4 {margin-top: 16px;}
.banner-about2 {flex-wrap: wrap; padding: 37px 0px;}
.banner-about2 h3 {width: 100%; text-align: center;}
.banner-about2-txt {width: 100%; justify-content: space-around;}

.patsientam .banner-about {height: auto;}

.history-left, .history-right {width: 50%;}
.history-line {flex-direction: column;}

.file-list {justify-content: center;}

.cols-2-4 {flex-direction: column;}

}




@media only screen and (max-width : 1100px) {/****************************************************************************** 1100 */
header {position: absolute; left: 0; top: 0;}

.top-wrap {background: #19191a;}
.header-space {height: 112px;}
a.logo {width: 195px; height: 78px; background: url(../images/logo-dark.png) center left no-repeat;}
.top-contacts {margin-left: auto; width: 395px;}
.top-txt {display: none;}
a.top-contacts-tel {	color: #fff;}
a.top-contacts-form:hover {background: #fff;}
.top-contacts-search {float: left; margin-left: 20px; background-position-y: bottom;}
form.top-search {	background: #19191a;}
.menu-mob {display: block;}


.top-menu-wrap {background: #fff; display: none;}
.top-menu {height: auto; padding: 0px}
ul.menu {
	flex-direction: column;
	justify-content: space-between;
	height: auto;
	padding: 24px 40px;
	box-sizing: border-box;
}
ul.menu li a {
	height: 49px;
	margin-bottom: 16px;
	padding: 0px 32px;
	box-sizing: border-box;
	background: #19191A;
}
ul.menu li.parent span {
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	display: block;
	background: #19191A url(../images/ico-parent.png) center center no-repeat;
	cursor: pointer;
}
ul.menu li.active.parent span {
	rotate: 90deg;
}

ul.menu li.parent ul.podmenu li a,
ul.menu li.parent ul.menu-product li a {
	margin-bottom: 0px;
}
ul.menu li.parent ul.podmenu,
ul.menu li.parent ul.menu-product {
	position: static;
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}
ul.menu li.parent ul.menu-product {
	width: 100%;
	height: 500px;
}
ul.menu li.parent  ul li {width: 320px;}
ul.menu li.parent ul.podmenu li:first-child {margin-top: 6px}
ul.menu li.parent ul.podmenu li:last-child {margin-bottom: 24px}
ul.menu li.parent ul.menu-product > li  {
	width: 100%;
	margin-bottom: 20px;
}
ul.menu li.parent ul.podmenu,
ul.menu li.parent ul.menu-product {height: 0; overflow: hidden;}
ul.menu li.parent.active ul.podmenu,
ul.menu li.parent.active ul.menu-product {height: auto;}

.news {flex-direction: column;}
a.news-item {width: 100%; height: 200px;}

.blog {justify-content: center;}
a.blog-item {min-width: 330px; height: 290px;}

.history-img span {
	right: 5px;
	top: auto;
	bottom: 15px;
	width: 200px;
	padding: 5px 10px;
	background: rgba(244, 244, 245,0.7);
	border-radius: 5px;
}

.contacts-col {flex-wrap: wrap;}
.contacts-map {width: 100%;}

.banner-patsientam-2 {justify-content: flex-start;}
.banner-patsientam2-img {width: 260px;}

.product .gray-block {padding: 48px 20px;}
.banner-product-2 {
	flex-direction: column;
	align-items: center;
	gap: 48px;
}
.banner-product-2-1 {width: 100%}
.banner-product-2-2 {width: 50%}
.banner-product-2 h4 {
	padding: 14px;
	height: auto;
}

.content-width2 {padding-left: 0;}

.block-list-number {flex-direction: column; align-items: center;}
.block-list-number-item {width: 50%;}

.table-prod-xffxx {padding: 0px 14px;}
.table-prod-xffxx > thead td {display: none;}
.table-prod-xffxx tr {display: flex; flex-wrap: wrap; width: 100%;}
.table-prod-xffxx td {display: flex; justify-content: center; align-items: center; width: 50%;}
.table-prod-xffxx td:first-child, .table-prod-xffxx td:last-child {width: 100%;}
.table-prod-xffxx td:first-child {padding-top: 24px; font: 700 20px/26px Manrope; border-top: solid 1px #bbb;}
.table-prod-xffxx tr:first-child td:first-child {border-top: none;}
.table-prod-xffxx .table-in tr {display: table-row;}
.table-prod-xffxx .table-in td {display: table-cell; font: 400 16px/24px Manrope; border-top: none; padding-top: 14px;}


}




@media only screen and (max-width : 960px) {/****************************************************************************** 960 */
#slider .banner-ekran {display: none;}
#slider .banner-plan {display: block;}
.slide-txt {
	top: 85px;
	transform: none;
}

.footer-buttons {
	flex-direction: column; 
	height: auto; 
	padding: 48px 0px;
	gap: 24px;
}
.footer-form, .footer-form-txt {
	float: none;
	width: 250px;
}
.footer-form-txt {margin-bottom: 24px;}
a.footer-letter-form, .subscription-form {width: 250px;}

.banner-about2-txt {font: 600 108px/90% Manrope;}

table.table-training td:nth-child(1) {width: 20%}
table.table-training td:nth-child(2) {width: 20%}
table.table-training td:nth-child(3) {width: 30%}
table.table-training td:nth-child(3) img {
	float: none;
	margin-bottom: 14px;
}

.banner-patsientam-2 {
	flex-direction: column;
	align-items: center;
	gap: 0;
}
.banner-patsientam2-txt {
	width: auto;
	padding-top: 24px;
}
.banner-patsientam-3 {flex-direction: column; padding: 37px 0px;}
.banner-patsientam-3 h2 {width: 100%; margin-bottom: 24px;}

.img-block-left img {max-width: calc(40% - 12px);}

.banner-patsientam-4 {
	height: 439px;
	background-position-x: right 40%;
}

.cols-2-960 {flex-direction: column;}
.cols-2-960 > div {width: 100%;}

.banner-product-2-1 div {flex-wrap: wrap;}
.banner-product-2 a {
	flex-direction: row;
	justify-content: space-between;
	width: calc(33% - 3px);
	min-height: auto;
	padding: 8px 8px 8px 18px;
	text-align: left;
}
.banner-product-2 a span {width: 60%;}
.banner-product-2-2 a {width: 70%;}


.banner-expert-info {flex-direction: column;}
.banner-expert-img {width: 100%;}
.banner-expert-txt {width: 100%; border-top: none;}
.banner-expert-txt h3 {margin-top: 24px;}

.block-link-rose a,
.block-link-rose span {width: calc(50% - 12px);}

.product-review  {flex-direction: column;}
.product-review div  {width: 100%;}
.product-review div:nth-child(2)  {display: flex; flex-direction: column; align-items: center;}
.product-review div.product-review-buttons {width: 525px;}
.product-review div.product-review-buttons a {width: 50%; box-sizing: border-box;}
.product-review div.product-review-gao {width: 525px; justify-content: space-between;}
.product .cols-1x2 {flex-direction: column;}
.product .cols-1x2 div {width: 100%;}

.img-list-cols2 {gap: 24px;}
.img-list-cols2 .img-list-item {width: 100%;}
.img-list-col3 {flex-wrap: wrap;}
.img-list-col3 .img-list-item {width: 100%; flex-direction: row;}
.img-list-col4 {flex-wrap: wrap;}
.img-list-col4 .img-list-item {width: 100%; flex-direction: row;}
.img-list-number span {top: 12px;}

.table-cols-x6 .table-cols-wrap {
	flex-wrap: wrap;
	max-width: 450px;
}
.table-cols-x6 .table-col {
	width: calc(100% /3);
}

}




@media only screen and (max-width : 768px) {/****************************************************************************** 768 */
.top-txt {display: none;}
.slider-wrap, #bestsellers, #advantages, #news, #telegram {margin-bottom: 48px;}
.telegram {
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}
.telegram::before, .telegram p, .telegram a.a-button, .telegram .telegram-qr {margin: 0px;}
.telegram::before, .telegram p {order: 1}
.telegram .telegram-qr {order: 2}
.telegram a.a-button {order: 3}
.telegram::before {
	position: static;
	width: 100%;
	height: 211px;
	margin-top: -45px;
	background-position: center bottom;
	background-size: contain;
	border-bottom: solid 1px #fff;
}
.telegram p {
	width: 100%;
	padding: 0px 24px;
	box-sizing: border-box;
	font: 500 16px/24px Manrope;
	text-align: center;
}
.telegram a.a-button {
	display: block;
	width: 197px;
	height: 53px;
	margin-bottom: 23px;
	font: 700 16px/53px Manrope;
}
.telegram .telegram-qr {
	width: 180px;
	height: 180px;
}
.telegram-qr::before {
	top: 34px;
	left: 90%;
	transform: scaleX(-1) rotate(80deg);
}

.footer-menus div:nth-child(2) {
	width: 100%;
	margin-bottom: 48px;
	padding-bottom: 24px;
	border-bottom: solid 1px #404045;
}
.footer-menus div:nth-child(1),
.footer-menus div:nth-child(3) {order: 3}

.cols-2 {flex-direction: column;}
.cols-2 > div {width: 100%;}

.history {flex-direction: column;}
.history-left, .history-right {width: 100%;}
.history-img {height: 263px; overflow: hidden;}
.history-img img {left: 0; bottom: auto; 	top: 0;}

.training-block {flex-wrap: wrap;}
.training-block ul {order: 1; width: 100%}
.training-block a {order: 2}

.banner-patsientam-1 {background-position-x: 60%}
.banner-patsientam-1 p {font: 700 26px/32px Manrope;}

.img-block-left {flex-direction: column; align-items: flex-start;}
.img-block-left img {max-width: 100%;}

.column-2 {column-count: 1;}
.product-menu a {width: calc(50% - 12px);}

.search-item {width: 100%;}

.block-list-number-item {width: 100%;}

.img-list-col3 .img-list-item {flex-direction: column;}

}




@media only screen and (max-width : 767px) {/****************************************************************************** 767 */
.slide-txt {
	top: 10%;
}

.banner-about {padding: 28px 24px 4px 24px;}
.banner-about-ico {flex-direction: column;}
.banner-about-item {
	width: 100%; 
	display: flex; 
	align-items: center;
	gap: 24px;
	margin-bottom: 24px;
}
.banner-about2-txt {flex-direction: column; gap: 31px; align-items: center;}
.banner-about2-txt div {width: 280px;}
.predstavitelstva .tabs-content ul {column-count: 2;}

.banner-patsientam-1 {
	height: 457px;
	background-size: cover;
	background-position-x: 60%;
}
.banner-patsientam-1 p {
	top: 24px;
	left: 20px;
	width: 60%;
	padding: 10px;
	font: 700 20px/26px Manrope;
	background: rgba(0,0,0,0.5);
	border-radius: 12px;
}

.banner-patsientam-4 {
	height: auto;
	padding: 24px;
	background: #7fffb9;
}

.banner-product-2 a {width: calc(50% - 5px);}
.banner-product-2-2 {width: 70%}
.banner-product-2-2 a {width: 80%}

}



@media only screen and (max-width : 720px) {/****************************************************************************** 720 */
.top-contacts {width: 80px;}
a.top-contacts-tel,a.top-contacts-form {display: none;}
.top-menu-contacts  {display: flex;}
.top-menu-contacts a.top-contacts-tel,
.top-menu-contacts a.top-contacts-form {display: block;}

#tabs .tabs {flex-direction: column; align-items: center}
#tabs .tabs li {width: 70%;}

table.table-full {
	width: 70%;
	margin: 0 auto;
}
table.table-full th {display: none;}
table.table-full td,
table.table-full td:nth-child(1),
table.table-full td:nth-child(2),
table.table-full td:nth-child(3),
table.table-full td:nth-child(4),
table.table-full td:nth-child(5) {
	display: block;
	width: 100%;
	padding: 16px 16px 8px 16px;
}
table.table-full td:nth-child(1) {font-weight: 700}
table.table-full td:last-child {padding-bottom: 24px;}

.lectors {
	width: 70%;
	margin: 0 auto;
}
.lector-item {flex-direction: column;}
.lector-img, .lector-txt {width: 100%;}

.training-block ul {flex-direction: column; gap: 24px}
.training-block ul li {width: 100%;}

.banner-product-1 {flex-direction: column; gap: 24px}
.banner-product-1 h2 {width: 100%;}
.banner-product-1-txt {width: 100%;}

.img-list-col4 .img-list-item {flex-direction: column;}

.table-prod-xfxx {padding: 0px 14px;}
.table-prod-xfxx thead {display: none;}
.table-prod-xfxx tr {display: flex; flex-wrap: wrap; width: 100%;}
.table-prod-xfxx td {display: flex; align-items: center; flex-grow: 1; order: 1;}
.table-prod-xfxx td:nth-child(2)  {order: 2; width: 100%; border-bottom: solid 1px #bbb;}
.table-prod-xfxx tr:last-child td:nth-child(2)  {border: none;}
.table-prod-xfxx td:nth-child(2) span {width: 100%;}

.table-dual  {width: 51%}
.table-dual tr {display: flex; flex-wrap: wrap; }
.table-dual .table-in tr {display: table-row;}
.table-dual td {min-width: 51%}
.table-dual .table-in td {width: auto;}
.table-dual  td:first-child {border-top: solid 1px #bbb;}
.table-dual  tr:first-child td:first-child {border-top: none;}
.table-dual  .table-in td {border: none;}


}



@media only screen and (max-width : 600px) {/****************************************************************************** 600 */
.slide-txt {
	top: 20px; 
	width: calc(100% - 40px);
}
.slide h3 {
	margin-bottom: 8px;
	font: 800 40px/44px Manrope;
}

a.logo {
	width: 129px;
	height: 40px;
	background: url(../images/logo-mob.png) top left no-repeat;
}
.top, .header-space {height: 77px;}
form.top-search {
	height: 77px;
	width: calc(100% - 40px);
}
ul.menu li ul.menu-product {column-count: 1;}
ul.menu li.active ul.menu-product {margin-bottom: 24px}

.main h1 {
	font: 700 32px/39px Manrope;
	margin-bottom: 24px;
}
.page404-txt h1 {
	font: 800 164px/150px Manrope;
}
.main h2 {
	font: 700 26px/32px Manrope;
	margin-bottom: 24px;
}
#telegram h2 img {
	width: 24px;
	height: 24px;
	margin: -5px 0px 0px 3px;
}
a.link-all.link-desktop {display: none;}
a.link-all.link-mobile {display: block;}

.lector-block {flex-direction: column;}

.banner-patsientam2-txt, .banner-patsientam2-txt div {width: 100%;}
.banner-patsientam2-txt div {margin-bottom: 24px;}

.banner-product-2-1 div {flex-direction: column; align-items: center;}
.banner-product-2-1 a, .banner-product-2-2 a {width: 260px}
.banner-product-2-2 {width: 100%}

.banner-expert {padding-left: 0;}
.banner-expert-info::before {display: none;}

.block-link-rose {gap: 14px;}
.block-link-rose a,
.block-link-rose span {min-height: auto; width: 100%;}

.product-review div .product-review-buttons {width: 100%;}
.product-review div .product-review-gao {width: 100%;}

.img-list-item {flex-direction: column;}

.table-prod-xfx {padding: 0px 14px;}
.table-prod-xfx thead {display: none;}
.table-prod-xfx tr {display: flex; flex-wrap: wrap; width: 100%;}
.table-prod-xfx td {display: flex; align-items: center; flex-grow: 1; order: 1;}
.table-prod-xfx td:nth-child(2)  {order: 2; width: 100%; border-bottom: solid 1px #bbb;}
.table-prod-xfx tr:last-child td:nth-child(2)  {border: none;}
.table-prod-xfx td:nth-child(2) span {width: 100%;}

.table-prod-xffxx td {width: 100%;}

}



@media only screen and (max-width : 480px) {/****************************************************************************** 480 */
#slider .banner-plan {display: none;}
#slider .banner-mob {display: block;}
.slide-txt {top: auto; bottom: 52px;}
#slider .owl-dots  {
	display: flex;
	justify-content: end;
	box-sizing: border-box;
	padding-right: 20px;
}

h1 {
	font: 700 32px/39px Manrope;
}
a.news-item {height: 280px;}

.footer-menus div:nth-child(1) {
	width: 100%;
	margin-bottom: 48px;
	padding-bottom: 24px;
	border-bottom: solid 1px #404045;
}
.footer-menus div:nth-child(3) {width: 100%; order: 4}
.footer-buttons {align-items: start;
	flex-direction: column; 
	height: auto; 
	padding: 48px 0px;
	gap: 24px;
}
.footer-form, .footer-form-txt, .footer-letter, .subscription-form, a.footer-letter-form  {width: 100%;}

.banner-about-item {flex-direction: column; align-items: start;}
.banner-about2 h3 {font: 700 26px/32px Manrope; text-align: left;}
.banner-about2-txt div {width: 100%;}

a.blog-item {width: 100%; min-width: auto; height: 280px;}

.history-img {height: 327px;}
.history-img img {left: 25%; top: 92px;}
.history-img span {
	left: 24px; 
	top: 24px; 
	bottom: auto;
	width: calc(100% - 48px);
	padding: 0;
	background: none;
}
.history-img:after {
	content: '';
	position: absolute;
	left: 24px;
	bottom: 42px;
	width: 124px;
	height: 50px;
	padding: 5px 10px;
	background: url(../images/logo-light.png) top left no-repeat;
	background-size: contain;
}

.predstavitelstva .tabs-content ul {column-count: 1;}
#tabs .tabs li {width: 100%;}

.file-list-item {
	width: 100%;
	margin-bottom: 0px;
}

table.table-full {width: 100%;}
.lectors {width: 100%;}

.product-menu a {width: 100%;}

.product-review div.product-review-buttons {flex-direction: column; align-items: center}
.product-review div.product-review-buttons a {width: 300px;}
.product-review div.product-review-gao {flex-direction: column; align-items: flex-start; gap: 16px; width: 300px;}
.product-review div.product-review-gao p {width: 300px;}
.is-ii-active {padding: 48px 24px 16px 24px;}

.table-cols-x6 .table-col {width: calc(100% /2);}

.table-min {padding: 8px;}
.table-min td {padding: 8px;}

}
