@media (max-width: 1199px) {

.arrowEtap {
	display: inline-block;
	width: 35px;
	text-align: center;
	vertical-align: middle;
}

.contactsWrap {
	text-align: left;
	width: 340px;
	margin-left: calc(50% - 170px);
}

.contact {
	display: block;

}

.emailContact {
	float: none;
	margin-bottom: 40px;
}

.phoneContact {
	margin-bottom: 40px;
}

.timeContact {
	float: none;
}


}

@media (max-width: 991px) {
	

header {
	height: 50px;
}

.headerWrap {
	height: 50px;
}

.insideHeadWrap {
	height: 50px;
}


	


header .buttonWrap {
	padding: 0;
	text-align: right;
}

.burger {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	vertical-align: middle;
	background-color: #ee3a43;
	display: inline-block;
	margin-left: 10px;
	position: relative;
	text-align: left;
}

.burger::after {
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url(../images/menu.png) no-repeat;
	margin-top: 11px;
	margin-left: 11px;
	position: absolute;
}

header .button {
	position: relative;
	vertical-align: middle;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-image: none;
	background-color: #ee3a43;
	border-bottom: 0;
	cursor: pointer;
	user-select: none;
	text-align: center;
	box-sizing: border-box;
}

header .button h4 {
	display: none;
}

header .button::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/svg/phone-receiver.svg) no-repeat;
	filter: invert(100%);
	margin-top: 9px;
}

header .button:hover {
	background-image: none;
}

header .button:active {
	border-bottom: 0;
	transform: translateY(0px);
}

header .blick {
	display: none;
}



.sliderWrap {
	width: calc(100% - 100px);
	margin-left: 50px;
}

.prevSvg {
	fill: #d37436;
	height: 35px;
	cursor: pointer;
	position: absolute;
	margin-left: 15px;
}

.nextSvg {
	fill: #d37436;
	height: 35px;
	cursor: pointer;
	transform: rotate(180deg);
	position: absolute;
	margin-left: calc(100% - 50px);
}

.arrowEtap {
	display: none;
}

.etap {
	margin-bottom: 50px;
}

.etapyWrap {
	padding-bottom: 0;
}

.practicCard6::after {
	top: 0;
	margin-top: calc(-50% - 29px);
}
	

}


@media (max-width: 767px) {

h1 {
	font: 30px MuseoMed;
	padding-top: 50px;
	text-align: center;
}

.sec1 {
	min-height: 900px;
	position: relative;
}

.sec1 h2 {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.button2 {
	margin-left: calc(50% - 140px);
}

.devBgWrap {
	margin-top: 265px;
	height: 700px;
}

.devBg {
	background: url(../images/sec1bg.png) no-repeat;
	background-position: left bottom;
	margin-left: calc(50% - 500px);
	width: 1061px;
	height: 480px;
	position: relative;
}

.circle2 {
	margin-top: 150px;
}


.devushka {
	position: absolute;
	width: 261px;
	height: 450px;
	background: url(../images/devushka.png) no-repeat;
	background-size: contain;
	margin-top: 29px;
	margin-left: 390px;
}

.whiteGradient {
	background-image: linear-gradient( 180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	height: 100px;
	position: absolute;
	display: inline-block;
	width: 100%;
}

.playButton {
	background-image: linear-gradient( 90deg, rgb(238,58,67) 0%, rgb(238,147,58) 100%);
	box-shadow: 0px 10px 18px 0px rgba(255, 151, 129, 1);
	width: 100px;
	height: 100px;
	position: absolute;
	border-radius: 50%;
	margin-left: calc(50% - 75px);
	margin-top: 520px;
	text-align: center;
}

h3 {
	text-align: center;
	padding-top: 50px;
	font: bold 24px MuseoMed;
	color: black;
}

.priznak svg {
	display: none;
}

.priznak1 .priznak::after {
	content: "1";
	color: white;
	font: bold 20px MuseoMed;
	line-height: 40px;
}

.priznak2 .priznak::after {
	content: "2";
	color: white;
	font: bold 20px MuseoMed;
	line-height: 40px;
}

.priznak3 .priznak::after {
	content: "3";
	color: white;
	font: bold 20px MuseoMed;
	line-height: 40px;
}

.priznak4 .priznak::after {
	content: "4";
	color: white;
	font: bold 20px MuseoMed;
	line-height: 40px;
}

.rukzakType {
	width: 50%;
	height: 130px;
}

.typeRekanken {
	width: 100%;
}

.typeMini .typeImg {
	background-size: 50px;
}

.typeClassic .typeImg {
	background-size: 65px;
}

.typeBig .typeImg {
	background-size: 70px;
}

.typeNo2 .typeImg {
	background-size: 65px;
}

.typeRekanken .typeImg {
	background-size: 65px;
}

.centerChar {
	width: 50px;
	margin: 0 15px;
}

.priznakWrap:hover .priznakImg {
	width: 0;
	height: 0;
	transform: translateY(-0) translateX(-0);
}

@keyframes uvelich {
    0% {width: 0; height: 0; transform: translateY(0) translateX(0);}
    80% {width: 0; height: 0; transform: translateY(-0) translateX(-0);}
    100% {width: 0; height: 0; transform: translateY(-0) translateX(-0);}
}

.infoWrap {
	width: 260px;
	margin-left: -200px;
	text-align: left;
}

.shopWrap {
	text-align: center;
}

.charsWrap {
	text-align: left;
	width: 100%;
}

.colorsWrap {
	text-align: left;
}

.expandChars {
	font: 16px Museo;
	color: #0075c3;
	padding-top: 20px;
	display: inline-block;
}

.expandCharsTrue {
	display: block !important;
}

.arrowChar {
	transform: rotate(90deg) translateY(-9px) translateX(1px);
	display: inline-block;
	font: 16px Museo;
	color: #0075c3;
}

.sec9 .button2 {
	margin-left: 0;
}

.sec11 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.contactsWrap {
	width: 260px;
	margin-left: calc(50% - 130px);
}

.contact {
	text-align: center;
}

.contactInfo {
	text-align: center;
}

.contactIcon {
	margin-bottom: 10px;
}

.emailContact {
	margin-bottom: 25px;
}

.phoneContact {
	margin-bottom: 25px;
}

.footer {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}

.footer .logo {
	vertical-align: baseline;
	padding-right: 0px;
}

.footer .button {
	vertical-align: baseline;
	float: none;
	margin-top: 15px;
}

.footerInfo {
	max-width: 100%;
	width: 100%;
}

.footer .button {
	margin-top: 25px;
	margin-bottom: 25px;
}

.elouBagImg {
	width: 260px;
}

.priznak1 {
	margin-left: calc(54%);
	margin-top: 155px;
}

.priznak2 {
	margin-left: calc(37%);
	margin-top: 310px;
}

.priznak3 {
	margin-left: calc(44% + 10px);
	margin-top: 5px;
}

.priznak4 {
	margin-left: calc(48%);
	margin-top: 80px;
}

.vopros {
	padding-left: 12px;
}

.vopros h6 {
	font-size: 14px;
}

.sliderWrap {
	width: calc(100% - 50px);
	margin-left: 25px;
}

.prevSvg {
	fill: #d37436;
	height: 35px;
	cursor: pointer;
	position: absolute;
	margin-left: 1px;
}

.nextSvg {
	fill: #d37436;
	height: 35px;
	cursor: pointer;
	transform: rotate(180deg);
	position: absolute;
	margin-left: calc(100% - 36px);
}

.sliderDate {
	font-size: 12px;
}

.photoCard {
	height: 52vw;
}

.blackMask {
	height: 52vw;
}

.mask h6 {
	font-size: 24px;
	line-height: 60px;
}

.soglasen {
	font-size: 11px;
	padding-left: 7px;
}

}