@media screen and (min-width:200px) and (max-width:683px) {
	body {
		font-size: 80%;
	}
	.container {
		width: 85%;
	}
    	.service-list-slider .carousel-cell .image img {
    height: 120px;
    width: auto;
    max-width: initial;
}
.home .services h2 {
 
    font-size: 2.85em;
}
	.logo {
		width: 130px;
		float: left;
		padding: 20px 0 15px 0;
	}
	h2 {
		font-size: 2.85em;
	}
	.banner-team {
    height: 250px;
    width: 100%;
    float: left;
}
	.mobiletop h2 {
		margin: 35px 0 0 0!important;
	}
	p {
		font-size: 1.2em;
	}
	.video-image {
		width: 100%;
		height: auto;
	}
	.lang {
		width: 100px;
		float: right;
		padding: 28px 0 20px 0px;
		text-align: right;
		position: absolute;
		right: 60px;
	}
	.tjanster .feel-free li {
    min-height: 180px;
    float: left;
    position: relative;
    transform: translateY(0px);
    transition: all 0.5s ease;
    overflow: hidden;
    width: 100%;
}
	.outer {
		margin: 80px auto 0 auto;
	}
	.banner-text {
		position: relative;
		z-index: 2;
		margin: 150px 0 0 0;
		padding: 5%;
		width: 90%;
		float: left
	}
	.banner .carousel-cell {
		width: 100%;
		height: 550px;
		min-height: 550px;
	}
	.banner {
		width: 100%;
		float: left;
		margin: 0px 0 0 0;
		padding: 0;
		position: relative;
	}
	.mt-10,
	.my-10 {
		margin-top: 5rem !important
	}
	.mb-10,
	.my-10 {
		margin-bottom: 5rem !important
	}
	.banner .flickity-page-dots {
		position: absolute;
		width: 10%;
		padding: 0 0 0 0;
		margin: 0;
		list-style: none;
		text-align: right;
		line-height: 1;
		right: 20px;
		top: 20px;
		bottom: auto;
	}
	a.white {
		margin: 0 0 25px 0;
		display: inline-block;
	}
	.grid-md-4.px-5 {
		padding: 50px 15px 0 15px !important;
	}
	.feel-free li {
		width: 100%;
		min-height: 150px;
	}
	.feel-free li a {
		position: absolute;
		width: 100%;
		bottom: 15px;
		left: 35px;
		font-size: 1.8em;
		text-transform: none;
	}
	.feel-free .service-list h3 {
		padding: 0px;
	}
	.feel-free h3 {
		color: #000;
		text-transform: none;
		font-size: 2.5em;
		padding: 0 0 70px 0;
	}
	.feel-free h4 {
		font-size: 2em;
		color: #131a2c;
		padding: 0 0 25px 0;
	}
	.feel-free ul {
		width: 100%;
	}
	.feel-free a.hover {
		display: none;
	}
	.pt-10,
	.py-10 {
		padding-top: 5rem !important
	}
	.colorglo-specialist {
		background: #00adda !important;
		padding: 70px 0;
	}
	.pb-10,
	.py-10 {
		padding-bottom: 5rem !important
	}
	.colorglo-list h2 {
		padding: 0 0 25px 0;
	}
	.colorglo-list {
		width: 100%;
		padding: 0 0 50px 0;
	}
	.grid-md-4.my-3 .wpcf7 {
		padding: 0;
	}
	.colorglo-list ul {
		width: 100%;
		float: left;
		padding: 0;
	}
	.grid-md-4.my-3 .wpcf7 input {
		border: 1px solid #8e8e8e;
		padding: 15px;
		margin: 5px 0;
		background: #fffdf9;
		width: 100%;
	}
	.grid-md-4.my-3 .wpcf7 textarea {
		border: 1px solid #8e8e8e;
		padding: 15px;
		background: #fffdf9;
		width: 100%;
		margin: 5px 0;
	}
	.service-list-slider .carousel-cell {
		width: 60%;
		margin: 5% 2%;
		min-height: 220px;
	}
	.service-list-slider .carousel-cell a i {
		display: none;
	}
	.service-list-slider .carousel-cell a {
		color: #fff;
		font-size: 1.2em;
		padding: 15px 0;
		display: block;
		line-height: 1.4;
	}
	.social-link ul {
		list-style: none;
		float: left;
		padding: 15px 0;
	}
	.footer h2 {
		color: #000;
		font-size: 1.5em;
		padding: 25px 0 0 0;
	}
	.social-link li a {
		color: #666;
		font-size: 1.5em;
		padding: 0 15px 0 0;
	}
	.row.bottom-footer.mb-10 img {
		width: 210px;
	}
	.bottom-footer ul {
		margin: 20px 0
	}
	.tjanster .feel-free li a {
		position: absolute;
		width: 70%;
		bottom: 15px;
		left: 25px;
		font-size: 1.5em;
		text-transform: none;
	}
	.tjanster .feel-free li .gap a {
		position: relative;
		left: 0;
		font-size: 1em;
		margin: 15px 0 0 0;
	}
	.tjanster .feel-free li:nth-child(3) {
		display: none;
	}
	.inner-banner .service-logo {
		width: 100px
	}
	.inner-banner h2 {
		color: #000;
		font-size: 2em;
		text-transform: uppercase;
	}
	.tjanster .feel-free li:nth-child(11) {
		display: none;
	}
	.feel-free span {
		font-size: 7em;
		color: #131a2c;
		text-align: center;
		font-weight: 900;
	}
	.gap {
		padding: 50px 0;
	}
	.inner-banner {
		padding: 40px 0 40px 0;
	}
	.about {
		margin: 50px -15px;
	}
	.franchise-free h3 {
		font-size: 2.5em;
		padding: 0 0 20px 0;
	}
	.franchise-free h4 {
		font-size: 1.5em;
		font-weight: 500;
		line-height: 1.3;
		padding: 0 0 20px 0;
	}
	.feel-free.franchise-free p {
		margin: 25px 0 20px 0;
	}
	.wp-caption {
		display: inline-block;
		width: 100%!important;
		vertical-align: top;
		padding: 0;
	}
	.blog-list li {
		width: 100%;
	}
	.blog-list .text {
		padding: 25px;
	}
	.gallery li {
		float: left;
		width: 100%;
		padding: 0;
		margin: 1%;
	}
	.grid-md-6.pr-5 {
		padding: 0 15px!important;
	}
	.gallery ul {
		margin: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.gap h4 {
		font-size: 1.5em;
		line-height: 1.4;
	}
	.page-template-template-innerservices .feel-free li {
		min-height: 160px;
		float: left;
		position: relative;
		transform: translateY(0px);
		transition: all 0.5s ease;
		overflow: hidden;
		width: 100%;
	}
	.inner-banner a {
		display: block;
		text-decoration: none;
		color: #f26649;
		font-weight: 600;
		font-size: 1.5em;
	}
	.grid-md-7.contact-p {
		padding: 0 15px;
	}
	.franchise-details li {
		float: left;
		width: 100%;
		padding: 10%;
	}
	.franchise-details span {
		color: #fff;
		font-weight: 500;
		font-size: 15px;
		cursor: pointer;
		position: relative;
		top: 8px;
		left: 15px;
	}
	.franchise-details img {
		float: left;
		width: 50px;
	}
	.just-list ul {
		margin: 25px 0 25px 0;
	}
	.franchise-details p {
		color: #fff;
		font-size: 1.8em;
		font-weight: 500;
		line-height: 1.1;
		padding: 0 0 15% 0;
	}
	.franchise-details {
		padding: 20px 0 50px 0;
		width: 100%;
		float: left;
		background-color: #f3efeb;
	}
	.franchise-free.case h3 {
		padding: 25px 0% 0 0;
		color: #131a2c;
		font-size: 2em;
		line-height: 1.2;
		font-weight: 600;
	}
	.just-list a {
		text-decoration: none;
		color: #000;
		font-size: 1.3em;
		padding: 6px 15px;
		display: block;
		box-shadow: 0 0 2px 0px hsl(0deg 0% 0% / 1%);
		font-weight: 700;
	}
	.franchise-free.small h3 {
		font-size: 2.5em;
		padding: 30px 0 40px 0;
	}
}

@media screen and (min-width:684px) and (max-width:1024px) {
	body {
		font-size: 80%;
	}
	.container {
		width: 85%;
	}
	.logo {
		width: 130px;
		float: left;
		padding: 20px 0 15px 0;
	}
	h2 {
		font-size: 2.85em;
	}
	p {
		font-size: 1.2em;
	}
	.video-image {
		width: 100%;
		height: auto;
	}
	.lang {
		width: 100px;
		float: right;
		padding: 32px 0 20px 0px;
		text-align: right;
		position: absolute;
		right: 60px;
	}
	.outer {
		margin: 80px auto 0 auto;
	}
	.banner-text {
		position: relative;
		z-index: 2;
		margin: 150px 0 0 0;
		padding: 5%;
		width: 90%;
		float: left
	}
	.banner .carousel-cell {
		width: 100%;
		height: 450px;
		min-height: 450px;
	}
	.banner {
		width: 100%;
		height: 450px;
		float: left;
		margin: 0px 0 0 0;
		padding: 0;
		position: relative;
	}
	.mt-10,
	.my-10 {
		margin-top: 5rem !important
	}
	.mb-10,
	.my-10 {
		margin-bottom: 5rem !important
	}
	.banner .flickity-page-dots {
		position: absolute;
		width: 10%;
		padding: 0 0 0 0;
		margin: 0;
		list-style: none;
		text-align: right;
		line-height: 1;
		right: 20px;
		top: 20px;
		bottom: auto;
	}
	a.white {
		margin: 0 0 25px 0;
		display: inline-block;
	}
	.mobiletop h2 {
		margin: 35px 0 0 0!important;
	}
	.feel-free li {
		width: 33.3%;
		min-height: 300px;
		float: left;
		position: relative;
		transform: translateY(0px);
		transition: all 0.5s ease;
		overflow: hidden;
	}
	.feel-free h3 {
		color: #000;
		text-transform: none;
		font-size: 2em;
		padding: 0 0 70px 0;
	}
	.feel-free h4 {
		font-size: 2em;
		color: #131a2c;
		padding: 0 0 25px 0;
	}
	.feel-free ul {
		width: 100%;
	}
	.pt-10,
	.py-10 {
		padding-top: 5rem !important
	}
	.colorglo-specialist {
		background: #00adda !important;
		padding: 70px 0;
	}
	.pb-10,
	.py-10 {
		padding-bottom: 5rem !important
	}
	.colorglo-list h2 {
		padding: 0 0 25px 0;
	}
	.colorglo-list {
		width: 100%;
		padding: 0 0 50px 0;
	}
	.grid-md-4.my-3 .wpcf7 {
		padding: 0;
	}
	.colorglo-list ul {
		width: 30%;
		float: left;
		padding: 0;
	}
	.grid-md-4.my-3 .wpcf7 input {
		border: 1px solid #8e8e8e;
		padding: 15px;
		margin: 5px 0;
		background: #fffdf9;
		width: 100%;
	}
	.grid-md-4.my-3 .wpcf7 textarea {
		border: 1px solid #8e8e8e;
		padding: 15px;
		background: #fffdf9;
		width: 100%;
		margin: 5px 0;
	}
	.service-list-slider .carousel-cell {
		width: 60%;
		margin: 5% 2%;
		min-height: 400px;
	}
	.service-list-slider .carousel-cell a i {
		display: none;
	}
	.service-list-slider .carousel-cell a {
		color: #fff;
		font-size: 1.2em;
		padding: 15px 0;
		display: block;
		line-height: 1.4;
	}
	.social-link ul {
		list-style: none;
		float: left;
		padding: 15px 0;
	}
	.footer h2 {
		color: #000;
		font-size: 1.5em;
		padding: 25px 0 0 0;
	}
	.social-link li a {
		color: #666;
		font-size: 1.5em;
		padding: 0 15px 0 0;
	}
	.row.bottom-footer.mb-10 img {
		width: 210px;
	}
	.bottom-footer ul {
		margin: 20px 0
	}
	.tjanster .feel-free li a {
		position: absolute;
		width: 70%;
		bottom: 15px;
		left: 25px;
		font-size: 1.5em;
		text-transform: none;
	}
	.tjanster .feel-free li .gap a {
		position: relative;
		left: 0;
		font-size: 1em;
		margin: 15px 0 0 0;
	}
	.tjanster .feel-free li:nth-child(3) {
		display: none;
	}
	.inner-banner .service-logo {
		width: 100px
	}
	.inner-banner h2 {
		color: #000;
		font-size: 2em;
		text-transform: uppercase;
	}
	.tjanster .feel-free li:nth-child(11) {
		display: none;
	}
	.feel-free span {
		font-size: 7em;
		color: #131a2c;
		text-align: center;
		font-weight: 900;
	}
	.gap {
		padding: 50px;
	}
	.gap h2 {
		color: #df376f;
		font-size: 1.5em;
	}
	.inner-banner {
		padding: 40px 0 40px 0;
	}
	.about {
		margin: 50px -15px;
	}
	.franchise-free h3 {
		font-size: 2.5em;
		padding: 0 0 20px 0;
	}
	.franchise-free h4 {
		font-size: 1.5em;
		font-weight: 500;
		line-height: 1.3;
		padding: 0 0 20px 0;
	}
	.feel-free.franchise-free p {
		margin: 25px 0 20px 0;
	}
	.wp-caption {
		display: inline-block;
		width: 100%!important;
		vertical-align: top;
		padding: 0;
	}
	.blog-list li {
		width: 100%;
	}
	.blog-list .text {
		padding: 25px;
	}
	.gallery li {
		float: left;
		width: 48%;
		padding: 0;
		margin: 1%;
	}
	.grid-md-6.pr-5 {
		padding: 0 15px!important;
	}
	.gallery ul {
		margin: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.gap h4 {
		font-size: 1.5em;
		line-height: 1.4;
	}
	.page-template-template-innerservices .feel-free li {
		min-height: 160px;
		float: left;
		position: relative;
		transform: translateY(0px);
		transition: all 0.5s ease;
		overflow: hidden;
		width: 100%;
	}
	.inner-banner a {
		display: block;
		text-decoration: none;
		color: #f26649;
		font-weight: 600;
		font-size: 1.5em;
	}
	.grid-md-7.contact-p {
		padding: 0 15px;
	}
	.franchise-details li {
		float: left;
		width: 100%;
		padding: 10%;
	}
	.franchise-details span {
		color: #fff;
		font-weight: 500;
		font-size: 15px;
		cursor: pointer;
		position: relative;
		top: 8px;
		left: 15px;
	}
	.franchise-details img {
		float: left;
		width: 50px;
	}
	.just-list ul {
		margin: 25px 0 25px 0;
	}
	.franchise-details p {
		color: #fff;
		font-size: 1.8em;
		font-weight: 500;
		line-height: 1.1;
		padding: 0 0 15% 0;
	}
	.franchise-details {
		padding: 20px 0 50px 0;
		width: 100%;
		float: left;
		background-color: #f3efeb;
	}
	.franchise-free.case h3 {
		padding: 25px 0% 0 0;
		color: #131a2c;
		font-size: 2em;
		line-height: 1.2;
		font-weight: 600;
	}
	.just-list a {
		text-decoration: none;
		color: #000;
		font-size: 1.3em;
		padding: 6px 15px;
		display: block;
		box-shadow: 0 0 2px 0px hsl(0deg 0% 0% / 1%);
		font-weight: 700;
	}
	.franchise-free.small h3 {
		font-size: 2.5em;
		padding: 30px 0 40px 0;
	}
	.tjanster .feel-free li {
		min-height: 290px;
		float: left;
		position: relative;
		transform: translateY(0px);
		transition: all 0.5s ease;
		overflow: hidden;
		width: 50%;
	}
}

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