/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199.98px) {
	.logo-box img, .f-logo img{
		width: 100px;
	}

	span.free-call {
		display: none;
	}

	section.time-graphic {
		overflow: hidden;
	}

	.btn-catalog, .btn-config {
		font-size: 12px;
		white-space: nowrap;
		line-height: 40px;
	}

	.btn-config {
		padding-left: 30px;
	}

	.btn-config i {
		font-size: 16px;
		left: 5px;
	}

	.btn-catalog {
		padding-left: 39px;
	}

	nav ul.menu li a {
		font-size: 12px;
		line-height: 40px;
	}

	nav ul.menu li {
		margin: 0;
	}

	.contacts-page .soc ul li img {
		width: 40px;
	}

	.shem__item img {
		height: 90px;
	}

	.shem__item {
		line-height: 90px;
	}

	.shem__item:before {
		width: 35px;
		height: 17px;
		margin-left: 40px;
	}

	span.vigoda__title {
		font-size: 19px;
	}

	.vigoda__item ul li {
		font-size: 14px;
	}

	.vigoda__item ul li:before {
		top: 6px;
	}

	.vigoda__item {
		padding: 15px;
		padding-bottom: 130px;
		padding-top: 40px;
	}

	.vigoda__footer button {
		margin-top: 15px;
	}

	.why__item {
		font-size: 16px;
	}

	.cloud span {
		right: 95%;
		padding: 15px;
	}

	.menu-catalog .wrapper>ul>li>ul {
		width: 710px;
	}

	#header_catalog_menu>ul>li>ul>li>a {
		font-size: 12px;
	}

	nav ul.menu li a.ico-star:before {
		font-size: 10px;
		margin-top: -1px;
	}

	.bannerArenda h1 {
		font-size: 37px;
	}

	p.bannerArenda__desc span {
		font-size: 40px;
	}

	p.bannerArenda__desc {
		font-size: 24px;
	}

	.bannerArenda__footer p {
		font-size: 14px;
	}

	.bannerArenda__footer a {
		white-space: nowrap;
		font-size: 13px;
	}

	.checkList h3 {
		font-size: 19px;
	}

	.checkList img {
		width: 147px;
		left: 5px;
	}

	.checkList p {
	}

	.bgIm h2 {
		font-size: 47px;
		line-height: 55px;
	}

	.bgIm p {
		font-size: 36px;
	}

	.bgIm__form h3 {
		font-size: 25px;
	}

	.bgIm__form form p span {
		font-size: 19px;
	}

	.bgIm__form ul li span {
	}

	.bgIm {
		padding: 100px 40px;
	}

	.circul {
		width: 400px;
		height: 400px;
	}

	.circul .circul__item {
		width: 250px;
		font-size: 14px;
	}

	.circul .circul__item:nth-of-type(3) {
		top: 30px;
		left: -255px;
	}

	.circul .circul__item:nth-of-type(4) {
		right: -255px;
		top: 30px;
	}

	.circul .circul__item:nth-of-type(6) {
		right: -255px;
		bottom: 30px;
	}

	.circul .circul__item:nth-of-type(1) {
		left: -255px;
		bottom: 30px;
	}

	.circul .circul__item:nth-of-type(2) {
		left: -310px;
	}

	.circul .circul__item:nth-of-type(5) {
		right: -310px;
	}

	.feedback-arenda h2 {
		font-size: 27px;
	}

	.feedback-arenda .btn {
		margin-top: 15px;
	}

	.bannerKomp__item {
		margin: 10px 0;
	}

	.otsrochka h2 {
		font-size: 28px;
		margin-bottom: 30px;
	}

	.kassaBig__item {
		min-height: 385px;
	}

	.evotorBanner h2 {
		font-size: 32px;
	}

	.evotorBanner h2 span {
		font-size: 24px;
	}

	.kassaBig-green .kassaBig__item {
		min-height: 427px;
	}

	.mediaTop__item {
		font-size: 14px;
	}

	.mediaTop__item b {
		font-size: 14px;
	}

	.komplectBg h2 {
		font-size: 45px;
	}

	.gifImg img {
		height: 340px;
	}

	.comin__item {
		min-height: auto;
	}

	.aniBanner div {
		display: none;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991.98px) {
	.top-panel {
		position: relative;
	}

	.btn-catalog, .btn-config {
		font-size: 15px;
		line-height: 40px;
		padding: 0;
		padding-left: 40px;
	}

	.mobile-cat-btn {
		font-size: 15px;
		padding: 0;
		padding-left: 40px;
		line-height: 40px;
		border: 0;
	}

	.btn-config i {
		font-size: 21px;
	}

	nav ul.menu {
		display: none;
		background: #fff;
		margin: 0;
		text-align: left;
	}

	nav ul.menu li {
		text-align: left;
		padding: 0 15px;
	}

	nav ul.menu li a {
		line-height: normal;
		display: block;
		border-bottom: 1px solid #edeeef;
		padding: 10px 0;
		font-size: 14px;
	}

	nav ul.menu li:before, nav ul.menu li:after {
		display: none;
	}

	nav ul.menu li:last-of-type a {
		border: 0;
	}

	.about-nav {
		margin-bottom: 30px;
	}

	.contacts-page .soc ul li img {
		width: auto;
	}

	.shem__item img {
		height: 60px;
	}

	.shem__item:before {
		width: 25px;
		height: 12px;
		margin-left: 35px;
	}

	.shem__item span {
		font-size: 13px;
	}

	.shem__item {
		line-height: 60px;
	}

	.why__item {
		font-size: 18px;
	}

	span.vigoda__title {
		font-size: 14px;
	}

	.vigoda__item ul li {
		font-size: 11px;
	}

	.vigoda__item ul li:before {
		top: 4px;
	}

	.vigoda__item ul li {
		padding-left: 12px;
	}

	.vigoda__footer {
		font-size: 14px;
	}

	.vigoda__item img {
		padding: 0 30px;
	}

	.cloud {
		display: inline-block;
		margin-left: 255px;
		margin-top: 30px;
	}

	.bot-line {
		margin-top: 30px;
	}

	.mobile-cat-btn:before {
		content: '\f0ca';
		position: absolute;
		left: 15px;
		top: 50%;
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		font-size: 18px;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}

	nav {
		display: none;
	}

	.top-panel__menu {
		display: block;
	}

	.col-lg-hidden {
		display: none;
	}

	.top-panel {
		text-align: left;
	}

	.phone-box {
		margin-left: 0;
		margin-right: 15px;
	}

	.city-box.dib {
		margin-right: 15px;
	}

	.bannerArenda__footer a {
		font-size: 16px;
	}

	.bannerArenda__footer {
		margin-bottom: 40px;
	}

	.bannerArenda {
		text-align: center;
	}

	.bannerArenda h1 {
		margin-bottom: 15px;
	}

	p.bannerArenda__desc {
		margin-bottom: 30px;
	}

	.checkList img {
		left: 55px;
		width: auto;
	}

	.checkList h3 {
		font-size: 24px;
	}

	.checkList p {
		font-size: 16px;
	}

	.bgIm {
		padding: 40px;
		background: linear-gradient(to top, #070c32, #732e65);
	}

	.bgIm h2 br {
		display: none;
	}

	.bgIm__form {
		padding: 25px;
	}

	.circul .circul__item {
		position: relative;
		left: 0 !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		margin-left: 80px;
		-webkit-transform: translate(0) !important;
		-ms-transform: translate(0) !important;
		transform: translate(0) !important;
		min-height: 60px;
		margin-bottom: 30px;
		text-align: left;
		width: auto;
		display: flex !important;
		align-items: center;
	}

	.circul .circul__item:before {
		left: -80px !important;
		right: auto;
	}

	.circul__img {
		display: none;
	}

	.circul {
		width: 100%;
		height: auto;
		border: 0;
	}

	.circul .circul__item br {
		display: none;
	}

	.feedback-arenda h2 br {
		display: none;
	}

	.bannerKomp h1 {
		font-size: 53px;
	}

	.bannerKomp p {
		font-size: 30px;
	}

	.bannerKomp__bot .btn {
		margin-top: 30px;
	}

	.bannerKomp {
		background: #f7f7f7;
	}

	.otsrochka img {
		display: none;
	}

	.kassaBig__item {
		min-height: auto;
		margin: 0 auto;
		margin-bottom: 30px;
		max-width: 400px;
		display: block;
	}

	.evotorBanner h2 {
		margin-top: 30px;
	}

	span.evotorBanner__price {
		text-align: left;
	}

	.evotorBanner .btn {
		float: left;
	}

	.kassaBig-green .kassaBig__item {
		min-height: auto;
	}

	.mediaTop__item img {
		margin-bottom: 15px;
	}

	.mediaTop__item {
		margin-bottom: 30px;
	}

	.komplect__list {
		padding: 30px;
	}

	.gifImg__itemLeft, .gifImg__itemRight {
		max-width: 200px;
		padding: 15px;
	}

	.gifImg__itemLeft p, .gifImg__itemRight p {
		font-size: 14px;
	}

	.gifImg__itemLeft:before {
		display: none;
	}

	.gifImg__itemLeft:after {
		display: none;
	}

	.gifImg__itemRight:before {
		display: none;
	}

	.gifImg__itemRight:after {
		display: none;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767.98px) {
	.home-slide .slick-slide .slide-image {
		min-height: 284px !important;
	}

	.home-slide {
		margin-bottom: 0;
	}

	.header {
	}

	.page a.btn.btn-green.w-100.text-center {
		margin-top: 30px;
	}

	.partner .slick-slide {
		padding: 0 15px;
	}

	.why__item span {
		font-size: 16px;
	}

	.page {
		overflow: hidden;
	}

	.shem__item img {
		height: auto;
	}

	.shem__item span {
		font-size: 16px;
	}

	.shem__item {
		margin-bottom: 80px;
	}

	.shem__item:before {
		width: 35px;
		height: 18px;
		margin: 0;
		left: 50%;
		margin-left: -15px;
		top: 100%;
		margin-top: 25px;
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		background-size: contain;
		background-repeat: no-repeat;
	}

	.why__item img {
		width: 70px;
	}

	.vigoda__item {
		padding: 15px;
		padding-bottom: 130px;
	}

	.vigoda .card {
		display: block;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	span.vigoda__title {
		font-size: 19px;
	}

	.vigoda__item ul li {
		font-size: 16px;
		padding-left: 20px;
	}

	.vigoda__footer {
		font-size: 16px;
	}

	.vigoda__item ul li:before {
		top: 8px;
	}
	.icon-hdr-wrapper .nav-icon-box {
		width: 75px;
	}

	.icon-hdr-wrapper .nav-icon-box {
		float: left;
	}

	.bannerArenda__footer p br {
		display: none;
	}

	.bannerArenda__footer p {
		margin-top: 20px;
		display: block;
		font-size: 16px;
	}

	.checkList img {
		display: none;
	}

	.checkList p {
		font-size: 20px;
		text-align: center;
	}

	.checkList h3 {
		text-align: center;
	}

	.bgIm__form form input {
		margin-bottom: 10px;
	}

	.bannerKomp h1 {
		font-size: 6vw;
		line-height: 1.4;
	}

	.bannerKomp p {
		font-size: 4vw;
	}

	.otsrochka h2 br {
		display: none;
	}

	.kassaBig__head img {
		display: block;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.evotorBanner h2 {
		font-size: 4vw;
	}

	.evotorBanner h2 span {
		font-size: 3vw;
	}

	.komplectBg h2 {
		font-size: 7vw;
	}

	.komplectBg h2 span b {
		font-size: 10vw;
	}

	.gifImg img {
		position: relative;
		top: 0;
		left: 0;
		bottom: 0;
		-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
		display: block;
		margin: 0 auto;
	}

	.gifImg__itemLeft, .gifImg__itemRight {
		max-width: 100%;
		min-height: auto;
	}

	.gifImg {
		padding-top: 0;
	}

	.formOrange h2 {
		font-size: 5vw;
	}

	.formOrange input {
		margin-bottom: 15px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 575.98px) {

	.btn-config i {
		margin: 0;
	}

	.header {
		padding-bottom: 0;
	}

	.phone-box:before {
		top: 2px;
	}

	section.crumbs {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	footer {
		text-align: center;
		padding-bottom: 0;
	}

	.hidden-sm {
		display: none;
	}

	.cloud span:before, .cloud span:after {
		right: -40px;
		top: 45px;
		border: 15px solid transparent;
		border-top: 30px solid #d5d7d5;
	}

	.cloud span:after {
		border-top: 30px solid white;
		top: 45px;
		right: -33px;
	}

/* 
	.icon-hdr-wrapper .nav-icon-box {
		width: 50px;
		line-height: 48px;
	}

	.icon-hdr-wrapper .nav-icon-box a {
		line-height: 48px;
		width: 50px;
	} */

	.bannerArenda h1 {
		font-size: 30px;
	}

	p.bannerArenda__desc {
		font-size: 20px;
	}

	p.bannerArenda__desc span {
		font-size: 30px;
	}

	.bannerKomp {
		margin-top: 30px;
	}

	.formOrange p br {
		display: none;
	}

	.home-slide .slick-slide .slide-image {
		background-size: contain !important;
		background-repeat: no-repeat !important;
		min-height: 220px !important;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 479.98px) {
	.logo-box img, .f-logo img{
		width: 100%;
		max-width: 94px;
	}
	.xs-hide{
		display: none;
	}
	.header__top{
		height: 42px;
		min-height: auto;
	}
	.btn-config, .mobile-cat-btn {
		padding-left: 38px;
		font-size: 12px;
		width: calc(100% + 15px);
	}

	.form-page input {
		width: 100%;
	}

	.footer_bottom p {
		font-size: 12px;
	}

	.soc h3 {
		display: block;
		margin: 0;
		font-size: 24px;
		margin-bottom: 15px;
	}

	.soc {
		display: block;
	}

	.soc ul li {
		margin: 0;
		margin-right: 5px;
	}

	a.all-link {
		position: relative;
		right: auto;
		top: auto;
		margin-bottom: 15px;
		display: block;
	}

	.news-block h2 {
		margin-bottom: 15px;
	}

	.vigoda__item {
		padding-top: 40px;
	}

	.thanks h1 {
		font-size: 30px;
		line-height: 40px;
		margin-top: 30px;
		margin-bottom: 15px;
	}

	.cloud {
		margin-left: 0;
	}

	.cloud span {
		right: 0;
		left: 0;
		position: relative;
		margin-bottom: 20px;
		width: 100%;
	}

	.cloud span:before, .cloud span:after {
		display: none;
	}

	.city-box b {
		display: none;
	}

	.city-box.dib {
		position: absolute;
		left: -24px;
		width: 40px;
		height: 40px;
		background: #028e7f;
		top: -10px;
		text-align: center;
		margin: 0;
	}

	.phone-box {
		margin-right: 0;
	}

	.phone-box a:before {
		display: none;
	}

	.phone-box a {
		padding-left: 0;
	}

	.top-panel {
		padding-left: 24px;
		padding-right: 24px;
	}

	.city-box_list_domain.list_domain__open {
		top: 40px;
	}

	.bannerArenda {
		padding: 20px;
	}

	.bannerArenda h1 {
		font-size: 22px;
	}

	p.bannerArenda__desc {
		font-size: 16px;
	}

	p.bannerArenda__desc span {
		font-size: 24px;
	}

	.checkList p {
		font-size: 15px;
	}

	.bgIm h2 {
		font-size: 30px;
		line-height: 40px;
	}

	.bgIm {
		padding: 20px;
	}

	.bgIm p {
		font-size: 26px;
	}

	.bgIm__form ul li span {
		font-size: 20px;
	}

	.bgIm__form h3 {
		font-size: 20px;
	}

	.bgIm__form form {
		padding: 15px;
		margin: 0 -15px;
		margin-bottom: -15px;
	}

	.bgIm__form {
		padding: 15px;
	}

	.feedback-arenda h2 {
		font-size: 23px;
	}

	.feedback-arenda .wrapper {
		padding: 20px;
	}

	.bannerKomp__bot .col-xl-3.col-6 {
		width: 100%;
		display: block;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.komplect__list {
		padding: 15px;
	}

	.komplect ul li {
		padding: 10px;
		padding-right: 115px;
		margin: 0;
	}

	.komplect ul li:nth-of-type(2n) {
		background: #eee;
	}

	.komplect ul li span {
		right: 10px;
	}

	.gifImg img {
		height: auto;
		width: auto;
	}

	.comin__item {
		padding: 15px;
		margin: 0;
	}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1199.98px) {
	a.autom img {
		width: 198px;
	}
}