@media screen and (min-width: 200px) and (max-width: 683px) {
	body {
		font-size: 80%;
	}
	
	#navigate ul ul li {
		
		width: 100% !important;
	}
	
	ul.open {
		height: 75vh;
		overflow-x: scroll !important;
	}
	
	ul.sub-menu.open {
		height: auto !important;
		padding: 0 !important;
	}
	
	#navigate ul ul li a {
		justify-content: center !important;
	}
	
	.container {
		width: 85%;
	}
	
	.floating-pop {
		width: 100%;
		max-width: 100%;
		border-top-right-radius: 0;
	}
	
	.home .banner {
		width: 100%;
		height: inherit;
	}
	
	.home .pricing .tabs-nav {
		flex-direction: column;
		align-items: center;
	}
	
	.home .pricing .tab-switcher {
		padding: 10px;
	}
	
	.home .pricing .tab-container .price-list li {
		flex: 1 0 100%;
		max-width: 100%;
	}
	
	.home .lessons-booking .tabs-nav {
		flex-direction: column;
		align-items: center;
	}
	
	.home .lessons-booking .lesson {
		flex: 1 0 100%;
		max-width: 100%;
	}
	
	.home .lessons-booking .lesson .products-grid .product {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	.home .lessons-booking .lesson .products-grid .product .button {
		margin-top: 15px!important;
	}
	
	.home .services.home-location li {
		height: auto;
		min-height: inherit;
		padding: 25px;
	}
	
	div.logo {
		width: 70px;
		float: left;
		display: block;
		padding: 15px 0;
	}
	
	#navigate li.logo {
		display: none;
	}
	
	.banner {
		width: 100%;
		height: 550px;
	}
	
	.banner .carousel-cell {
		width: 100%;
		height: 550px;
		min-height: 550px;
	}
	
	.banner-text h2 {
		font-size: 2.5em;
	}
	
	.page-id-802 .grid-md-12.p-5 {
		padding: 15px !important;
	}
	
	.woocommerce-checkout input#addButton {
		margin: 15px 10px 15px 0;
	}
	
	div#customer_details {
		max-width: 100%;
		width: 100%;
		float: left;
		padding: 0;
	}
	
	div#order_review {
		max-width: 100%;
		width: 100%;
		float: left;
		padding: 2.5%;
	}
	
	.banner h1 {
		font-size: 2.5em;
		z-index: 2;
		margin: 200px 0 0 0;
	}
	
	.banner .flickity-page-dots {
		position: absolute;
		width: 100%;
		bottom: 80px;
		padding: 0 0 0 0;
		margin: 0;
		list-style: none;
		text-align: LEFT;
		line-height: 1;
		right: 0;
	}
	
	.services li {
		width: 100%;
		min-height: 200px;
		background-position: center center !important;
	}
	
	.price a {
		padding: 15px 50px;
		font-size: 1.2em;
		margin: 5px;
	}
	
	.rating h2 {
		color: #000;
		padding: 25px 0;
		display: block;
		font-size: 2em;
	}
	
	.rating .flickity-prev-next-button {
		width: 50px;
		height: 50px;
	}
	
	h2 {
		font-size: 3em;
	}
	
	
	.icon-area li {
		width: 100%;
		border: 1px solid #dedede;
		float: left;
		vertical-align: top;
		margin: -1px;
		background: #fff;
		font-size: 5em;
		font-weight: 800;
		position: relative;
		line-height: 1;
		padding: 30% 0;
	}
	
	.icon-area ul {
		padding: 27% 10% 0 10%;
		display: block;
		float: left;
		width: 100%;
	}
	
	.icon-area li span {
		font-size: 20%;
		font-weight: 800;
		display: block;
	}
	
	.accordain .left {
		width: 100%;
		float: left;
		background: #fff;
	}
	
	.accordain .right {
		width: 100%;
		float: left;
		background: transparent;
		overflow: visible;
		position: relative;
		left: 0;
		padding: 0;
	}
	
	.ring a {
		color: #000;
		font-size: 2.5em;
		font-weight: 800;
	}
	
	.ring h3 {
		color: #000;
		font-size: 1.5em;
		padding: 20px 0 0 0;
	}
	
	.grid-md-3.ft-menu {
		border-right: 0;
	}
	
	.footer .grid-md-8.pl-5.my-5.ml-5 {
		padding: 30px 15px !important;
		margin: 0rem !important;
	}
	
	.footer .grid-md-4.my-10 {
		padding: 50px 15px 0 15px !important;
		margin: 0rem !important;
	}
	
	.footer .grid-md-8.my-10 {
		padding: 10px 15px !important;
		margin: 0rem !important;
	}
	
	.footer .grid-md-8.ml-5.pl-5.privacy {
		padding: 30px 15px !important;
		margin: 0rem !important;
	}
	
	.inner.sagar .icon-area ul {
		max-width: 100%;
		margin: 0 auto;
		float: none;
	}
	
	.inner.sagar .icon-area li {
		font-size: 100%;
		text-align: left;
		background: #ffffff;
		width: 100%;
		margin: 5% 7%;
		padding: 250px 5% 5% 5%;
		counter-increment: carousel-cell;
		box-shadow: 0 0 8px 7px rgb(0 0 0 / 10%);
		top: 0 !important;
	}
	
	.inner.sagar .icon-area li::before {
		display: none;
	}
	
	.inner .icon-area li {
		width: 100%;
		float: left;
		vertical-align: top;
		margin: 1.5% 1.5% 100px 1.5%;
		background: #f3ece5;
		font-size: 12em;
		font-weight: 800;
		position: relative;
		line-height: 0.9;
		padding: 15% 0;
		border-radius: 10px;
		color: #df3336;
		border: 0;
	}
	
	.inner .icon-area center {
		top: -49px;
	}
	
	
	.mb-6, .my-6 {
		margin-bottom: 20px !important;
	}
	
	.mt-6, .my-6 {
		margin-top: 20px !important;
	}
	
	.mb-8, .my8 {
		margin-bottom: 30px !important;
	}
	
	.mt-8, .my-8 {
		margin-top: 30px !important;
	}
	
	
	.mt-10, .my-10 {
		margin-top: 50px !important;
	}
	
	.mb-10, .my-10 {
		margin-bottom: 50px !important;
	}
	
	.rating.with-ring h2 a {
		color: #fff;
		font-size: 1.2em;
		font-weight: 800;
		padding: 5px 0 45px 0;
	}
	
	.footer {
		width: 100%;
		float: left;
		background: #1e1d1d;
		padding: 75px 0;
	}
	
	.bg-beg {
		background: #f3ece5;
		margin: 5em 0em;
		border-radius: 10px;
		overflow: hidden;
	}
	
	.rating.with-ring {
		box-shadow: inset 0px 340px #e03336;
	}
	
	.inner.priser .icon-area li {
		width: 48%;
		font-size: 4em;
		padding: 10% 0;
	}
	
	.inner.priser .icon-area li span {
		font-size: 24%;
	}
	
	.inner .icon-area a {
		font-size: 41%;
		color: #df3336;
		display: block;
	}
	
	.tele-phone {
		display: block;
	}
	
	.home .new-banner-text h1 {
		font-size: 3em;
		margin: 45% 0 0 0;
	}
	
	.services.booking h3 {
		font-size: 1.8em;
	}
	
	.services.booking li {
		width: 100%;
		min-height: 200px;
		margin: 1% 0 50px 0;
	}
	
	.services.booking {
		padding: 50px 0 50px 0;
	}
	
	.banner-bottom.kullen-traffic {
		text-align: center;
	}
	
	.banner-bottom.kullen-traffic .pr-5 {
		padding-right: 0 !important;
	}
	
	.banner-bottom.kullen-traffic .grid-md-8 {
		padding-left: 0 !important;
	}
	
	.services.new-services .btn-outline.price a {
		padding: 10px 60px;
		
	}
	
	.services.new-services .btn-outline.price {
		flex-wrap: wrap;
		transform: translateY(0);
	}
	
	.rating h4 {
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}
	
	.accordain.new-accordian .left img {
		height: 50vh;
	}
	
	.accordain.new-accordian {
		padding: 0 0 80px 0;
	}
	
	.row.news h3 a {
		font-size: 20px;
	}
	
	.fivity {
		width: 50%;
	}
	
	div#kontakt .flex {
		align-items: flex-start;
	}
	
	.map-address {
		padding: 10px 0 20px 0;
	}
	
	.row.news img {
		height: 180px;
	}
	
	.active-location ul li {
		margin: 0 10px 0 0;
	}
	
	.active-location ul li a.active-block {
		padding: 5px 10px;
	}
	
	.location-cont {
		padding: 0 0 50px 0;
	}
	
	.location-book .btn-outline.price {
		transform: translate(0px);
		flex-wrap: wrap;
		z-index: 0;
	}
	
	.location-book .btn-outline.price a {
		width: 100%;
		font-size: 1.5em;
	}
	
	.new-footer .footer-logo-block {
		flex-wrap: wrap;
	}
	
	.vanliga li {
		width: 100%;
	}
	
	.location-banner .container {
		width: 95%;
	}
	
	.active-location ul {
		padding: 0 0 50px 0;
		
	}
	
	.active-location ul li a {
		padding: 10px 10px;
		font-size: 1.1em;
	}
	
	.location-book .container {
		width: 100%;
	}
	
	.location-cont h2 {
		font-size: 2.3em;
		padding: 10px 0 0 0;
	}
	
	.floating-pop {
		background: transparent;
		box-shadow: none;
	}
	
	.location-cont p {
		font-size: 1.4em;
	}
	
	.location-cont h2 span {
		padding: 0 0 12px 0;
	}
	
	.location-pages .header.bgcolor {
		background-color: #000;
	}
	
	.location-pages .header.bgcolor #navigate > ul > li > a {
		color: #fff;
	}
	
	#navigate ul ul, #navigate ul ul ul {
		transform: translateX(0);
		padding: 0 0 0 0;
	}
	
	.inner .pricing-table ul{
		grid-template-columns: 1fr;
	}
	
	.background-gradient .woocommerce table.shop_table,
	.background-gradient .woocommerce .cart_totals table.shop_table,
	.background-gradient .woocommerce .cart_totals table.shop_table,
	.background-gradient .woocommerce .woocommerce-checkout-review-order table.shop_table{
		padding: 10px 20px;
	}
	
	.woocommerce .cart_totals table.shop_table td {
		font-size: 20px;
	}
	
	.woocommerce-cart .background-gradient .row > .p-5 {
		padding: 2rem!important;
	}
	
	.background-gradient .woocommerce tr, .woocommerce th, .woocommerce-checkout .amount {
		font-size: 18px;
	}
	
	.woocommerce-checkout .cqoc_product_name {
		font-size: 15px;
	}
}


@media screen and (min-width: 684px) and (max-width: 1023px) {
	body {
		font-size: 80%;
	}
	
	.container {
		width: 85%;
	}
	
	div.logo {
		width: 70px;
		float: left;
		display: block;
		padding: 15px 0;
	}
	
	#navigate li.logo {
		display: none;
	}
	
	.banner {
		width: 100%;
	}
	
	.home .pricing .tabs-content {
		padding: 30px;
	}
	
	.home .pricing .tab-container .price-list li {
		flex: 1 0 calc(50% - 10px);
		max-width: calc(50% - 10px);
		padding: 25px;
	}
	
	.home .pricing .tab-container a.button {
		margin-top: 45px;
	}
	
	.home .pricing .tab-container .price-list li form .btn {
		font-size: 13px;
	}
	
	.home .lessons-booking .lesson {
		flex: 1 0 100%;
		max-width: 100%;
	}
	
	.banner .carousel-cell {
		width: 100%;
		height: 550px;
		min-height: 550px;
	}
	
	.banner h1 {
		font-size: 3.8em;
		z-index: 2;
		margin: 300px 0 0 0;
	}
	
	.banner .flickity-page-dots {
		position: absolute;
		width: 100%;
		bottom: 80px;
		padding: 0 0 0 0;
		margin: 0;
		list-style: none;
		text-align: LEFT;
		line-height: 1;
		right: 0;
	}
	
	.accordain.new-accordian a {
		margin: 5% 0 5% 5%;
	}
	
	.services li {
		width: 100%;
		min-height: 200px;
		background-position: center center !important;
	}
	
	.price a {
		padding: 15px 50px;
		font-size: 1.2em;
		margin: 5px;
	}
	
	.rating h2 {
		color: #000;
		padding: 25px 0;
		display: block;
		font-size: 2em;
	}
	
	.rating .flickity-prev-next-button {
		width: 50px;
		height: 50px;
	}
	
	h2 {
		font-size: 3em;
	}
	
	
	.icon-area li {
		width: 100%;
		border: 1px solid #dedede;
		float: left;
		vertical-align: top;
		margin: -1px;
		background: #fff;
		font-size: 5em;
		font-weight: 800;
		position: relative;
		line-height: 1;
		padding: 30% 0;
	}
	
	.icon-area ul {
		padding: 27% 10% 0 10%;
		display: block;
		float: left;
		width: 100%;
	}
	
	.icon-area li span {
		font-size: 20%;
		font-weight: 800;
		display: block;
	}
	
	.accordain .left {
		width: 100%;
		float: left;
		background: #fff;
	}
	
	.accordain .right {
		width: 100%;
		float: left;
		background: transparent;
		overflow: visible;
		position: relative;
		left: 0;
		padding: 0;
	}
	
	.ring a {
		color: #000;
		font-size: 2.5em;
		font-weight: 800;
	}
	
	.ring h3 {
		color: #000;
		font-size: 1.5em;
		padding: 20px 0 0 0;
	}
	
	.grid-md-3.ft-menu {
		border-right: 0;
	}
	
	.footer .grid-md-8.pl-5.my-5.ml-5 {
		padding: 30px 15px !important;
		margin: 0rem !important;
	}
	
	.footer .grid-md-4.my-10 {
		padding: 50px 15px 0 15px !important;
		margin: 0rem !important;
	}
	
	.footer .grid-md-8.my-10 {
		padding: 10px 15px !important;
		margin: 0rem !important;
	}
	
	.footer .grid-md-8.ml-5.pl-5.privacy {
		padding: 30px 15px !important;
		margin: 0rem !important;
	}
	
	.inner.sagar .icon-area ul {
		max-width: 100%;
		margin: 0 auto;
		float: none;
	}
	
	.inner.sagar .icon-area li {
		font-size: 100%;
		text-align: left;
		background: #ffffff;
		width: 100%;
		margin: 5% 7%;
		padding: 250px 5% 5% 5%;
		counter-increment: carousel-cell;
		box-shadow: 0 0 8px 7px rgb(0 0 0 / 10%);
		top: 0 !important;
	}
	
	.inner.sagar .icon-area li::before {
		display: none;
	}
	
	.inner .icon-area li {
		width: 100%;
		float: left;
		vertical-align: top;
		margin: 1.5% 1.5% 100px 1.5%;
		background: #f3ece5;
		font-size: 12em;
		font-weight: 800;
		position: relative;
		line-height: 0.9;
		padding: 6% 0;
		border-radius: 10px;
		color: #df3336;
		border: 0;
	}
	
	.inner .icon-area center {
		top: -49px;
	}
	
	.row.news h3 a {
		font-size: 17px;
	}
	
	.accordain.new-accordian .left img {
		height: 50vh;
	}
	
	.mb-6, .my-6 {
		margin-bottom: 20px !important;
	}
	
	.mt-6, .my-6 {
		margin-top: 20px !important;
	}
	
	.mb-8, .my8 {
		margin-bottom: 30px !important;
	}
	
	.mt-8, .my-8 {
		margin-top: 30px !important;
	}
	
	
	.mt-10, .my-10 {
		margin-top: 50px !important;
	}
	
	.mb-10, .my-10 {
		margin-bottom: 50px !important;
	}
	
	.rating.with-ring h2 a {
		color: #fff;
		font-size: 1.2em;
		font-weight: 800;
		padding: 5px 0 45px 0;
	}
	
	.footer {
		width: 100%;
		float: left;
		background: #1e1d1d;
		padding: 75px 0;
	}
	
	.bg-beg {
		background: #f3ece5;
		margin: 5em 0em;
		border-radius: 10px;
		overflow: hidden;
	}
	
	.container-big .bg-beg .grid-md-5 {
		height: 350px;
	}
	
	.rating.with-ring {
		box-shadow: inset 0px 340px #e03336;
	}
	
	.inner.priser .icon-area li {
		width: 48%;
		font-size: 4em;
		padding: 10% 0;
	}
	
	.inner.priser .icon-area li span {
		font-size: 25%;
	}
	
	.inner .icon-area a {
		font-size: 41%;
		color: #df3336;
		display: block;
	}
	
	.location-pages .header.bgcolor {
		background-color: #000;
	}
	
	.location-book .btn-outline.price a {
		width: 55%;
	}
	
	.footer-logo-block img {
		width: 50%;
	}
	
	.inner .pricing-table ul{
		grid-template-columns: 1fr;
	}
	
	.background-gradient .woocommerce tr, .woocommerce th {
		font-size: 20px;
	}
	
	.background-gradient .woocommerce .cqoc_product_name {
		font-size: 15px;
	}
	
	.background-gradient .woocommerce .cart_totals table.shop_table,
	.background-gradient .woocommerce .woocommerce-checkout-review-order table.shop_table {
		padding: 20px 25px;
	}
	
	.background-gradient .woocommerce table.shop_table,
	.background-gradient .woocommerce .cart_totals table.shop_table,
	.background-gradient .woocommerce .cart_totals table.shop_table,
	.background-gradient .woocommerce .woocommerce-checkout-review-order table.shop_table{
		padding: 20px 25px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1500px) {
	/* 	#navigate > ul > li > a {
				padding: 14px 12px 14px 12px!important;
		} */
	/* 	li.logo {
			width:18%!important;
		} */
	.icon-area li {
		font-size: 6em;
		
	}
	
	body {
		font-size: 80%;
	}
	
	.inner.intensivkurs .icon-area center {
		top: -20px;
		
	}
	
	.inner .icon-area li {
		
		font-size: 10em;
		
	}
	
	
}

@media screen and (min-width: 1280) and (max-width: 1860) {
	.home .new-banner-text {
		text-align: center;
		margin: 15% 0 0 0;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}