@media (max-width: 767px) {
	/* Header mobile */
	.header {
		padding: 15px 0 20px;
	}
	.header .container {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
	}
	.logo {
		order: 1;
		flex-shrink: 0;
	}
	.logo img {
		width: 80px;
	}
	.headerPhone {
		order: 2;
		flex: 1;
		justify-content: center;
	}
	.headerPhone span {
		display: none;
	}
	.headerPhone strong {
		font-size: 18px;
	}
	.burger-menu {
		order: 3;
		flex-shrink: 0;
	}
	.headerBtn {
		display: none !important;
	}

	/* Header sticky mobile */
	.header.sticky {
		width: calc(100% - 30px);
		top: 10px;
		padding: 10px 15px;
		min-height: auto;
		border-radius: 15px;
	}
	.header.sticky .container {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
	}
	.header.sticky .logo img {
		width: 70px;
	}
	.header.sticky .headerPhone {
		flex: 1;
		justify-content: center;
	}
	.header.sticky .headerPhone span {
		display: none;
	}
	.header.sticky .headerPhone strong {
		font-size: 16px;
		white-space: nowrap;
	}
	.header.sticky .headerBtn {
		display: none !important;
	}
	.header.sticky .burger-menu {
		flex-shrink: 0;
	}
	.header.sticky .burger-menu .bar {
		background-color: #ffffff;
	}

	.videoBanner .textBlock .btnBlock{
		display: none;
	}
	.videoBanner .videoBlock {
		margin: 0 -20px;
		padding: 0 20px;
	}
	.videoBanner .videoBlock .ipad-frame {
		margin-bottom: 20px;
	}
	.videoBanner .videoBlock .ipad-screen {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.videoBanner .videoBlock .ipad-screen video {
		width: 100%;
		height: auto;
		display: block;
		margin: 0;
	}
	.videoBanner .videoBlock .btnBlock{
		padding: 0;
	}
	.project-model-slider .imgBlock {
		margin: 30px 0 0;
	}
	.footer .container {
		text-align: center;
	}
	.burger-menu {
		position: relative;
		width: 50px;
		height: 28px;		
		cursor: pointer;	
		z-index: 1000;
	}

	.burger-menu .bar {
		background-color: #ffffff;
		height: 3px;
		width: 100%;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.burger-menu .bar:nth-of-type(2) {
		margin: 10px 0;
	}

	.burger-menu--closed .bar:nth-of-type(2) {
		transition-property: margin, height, width;
		transition-delay: 0.3s, 0.3s, 0s;
	}

	.burger-menu--opened {
		padding-top: 12px;
	}

	.burger-menu--opened .bar:nth-of-type(1) {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transition-delay: 0.3s;
		height: 4px;
	}
	.burger-menu--opened .bar:nth-of-type(2) {
		opacity: 0;
		height: 0;
		margin: -4px 0;
	}
	.burger-menu--opened .bar:nth-of-type(3) {
		-webkit-transform: rotate(-45deg);
		  transform: rotate(-45deg);
		transition-delay: 0.3s;
		height: 4px;
	}
	.mainMenu{
		background: #6DC2D3;
		display: flex;
        position: fixed;
		height: 100dvh;
        top: 0;
        right: -100%;
        height: 100%;
        width: 100%;
        z-index: 99;
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		transition: all 0.8s;
	}
	.mainMenu.active{
		right: 0;
	}
	.header .mainMenu ul {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 100%;
	}
	.header .mainMenu ul li {
		margin: 6px 0;
	}
	.header .mainMenu ul li a {
		font-size: 20px;
	}
	.ftrLogo img {
		display: inline-block;
	}
	.freDesign img {
		display: inline-block;
	}
	/* Logos carousel mobile */
	.logos-carousel .logo-item {
		min-width: 80px;
		padding: 8px 10px;
		min-height: 55px;
	}
	.logos-carousel .logo-item img {
		max-height: 45px;
	}
}

@media (max-width: 480px) {
	.header .container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.logo img {
		width: 65px;
	}
	.headerPhone strong {
		font-size: 16px;
	}
	.burger-menu {
		width: 35px;
		height: 22px;
	}
	.burger-menu .bar:nth-of-type(2) {
		margin: 7px 0;
	}
	/* Sticky mobile 480px */
	.header.sticky {
		padding: 8px 12px;
	}
	.header.sticky .logo img {
		width: 60px;
	}
	.header.sticky .headerPhone strong {
		font-size: 14px;
	}
}

@media (max-width: 360px) {
	.logo img {
		width: 55px;
	}
	.headerPhone strong {
		font-size: 14px;
	}
	.burger-menu {
		width: 30px;
		height: 20px;
	}
	.burger-menu .bar:nth-of-type(2) {
		margin: 6px 0;
	}
	/* Sticky mobile 360px */
	.header.sticky .logo img {
		width: 50px;
	}
	.header.sticky .headerPhone strong {
		font-size: 12px;
	}
}

@media (min-width: 768px) {
	body{
		font-size: 16px;
	}
	.container{
		padding-left: 30px;
		padding-right: 30px;
	}
	.bigTitle{
		font-size: 42px;
	}
	.header{
		padding: 45px 0 70px;
	}
	.videoBanner {
		margin: 0 0 80px;
	}
	.videoBanner .container{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	.videoBanner .textBlock{
		margin: 0;
		width: 38%;
	}
	.videoBanner .videoBlock {
		width: 58%;
	}
	.videoBanner .textBlock .bigTitle{
		margin: 0 0 15px;
	}
	.videoBanner .textBlock p{
		font-size: 22px;
		margin: 0 0 50px;
	}
	.videoBanner .videoBlock .btnBlock{
		display: none;
	}
	.action-primary{
		font-size: 14px;
		height: 50px;
		line-height: 50px;
		letter-spacing: 0.8px;
		padding: 0 30px;
	}
	.videoBanner .textBlock .powerText {
		margin: 0 0 32px;
	}
	.videoBanner .textBlock .powerText span {
		font-size: 12px;
		padding: 7px 16px;
	}
	.logo img {
		width: 130px;
	}
	.header .mainMenu ul li {
		margin: 0 5px 0 0;
	}
	.header .mainMenu ul li a {
		font-size: 15px;
		padding: 8px 15px;
	}
	.sectionTwo {
		padding: 0 30px;
	}
	h4 {
		font-size: 22px;
	}
	.sectionTwo .topText p {
		font-size: 16px;
	}
	.project-model {
		padding: 0 30px;
	}
	.project-model-slider .owl-carousel .item{
		border-radius: 20px;
		border: 1px solid rgba(255,255,255,0.4);
		flex-wrap: wrap;  
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 65px 30px;
	}
	.project-model-slider .textBlock{
		width: 42%;
	}
	.project-model-slider .imgBlock{
		width: 54%;
	}
	.project-model-slider .textBlock h4 {
		margin: 0 0 55px;
	}
	.project-model-slider .textBlock p {
		margin: 0 0 25px;
	}
	.project-model-slider .textBlock .btnBlock {
		margin: 62px 0 0;
	}
	.project-model-slider .owl-carousel .owl-dots {
		margin-top: 48px;
	}
	.sectionTwo .blackBlock {
		border-radius: 40px;
		padding: 80px 0 0;
	}
	.sectionTwo .topText {
		margin: 0 0 50px;
	}
	.promoter-section {
		padding: 80px 0 140px;
	}
	.promoter-section .container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.promoter-section .leftBlock {
		margin: 0;
		width: 42%;
	}
	.promoter-section .leftBlock h4{
		font-size: 17px;
		margin: 0 0 55px;
	}
	.promoter-section .rightBlock {
		width: 52%;
	}
	.quality4kSection .container {
		padding: 0 30px;
	}
	.quality4kSection {
		padding-bottom: 100px;
		margin-top: -40px;
	}
	.quality4kSection .owl-carousel .item {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.quality4kSection .item.firstSlide .imgBlock {
		margin-bottom: 0;
		margin-right: 4%;
		width: 62%;
	}
	.quality4kSection .item.firstSlide .textBlock {
		width: 34%;
	}
	.quality4kSection .item.allSlide .imgBlock{
		margin-bottom: 0;
		margin-right: 4%;
		text-align: right;
		width: 54%;
	}
	.quality4kSection .item.allSlide .textBlock{
		width: 42%;
	} 
	.quality4kSection .owl-carousel .owl-dots {
		margin-top: 0;
		position: absolute;
		bottom: 10%;
		padding-left: 32%;
	}
	.nosRealSection {
		margin: 0 0 90px;
	}
	.nosRealSection .imgBlock img {
		border-radius: 30px;
		box-shadow: 0 0 40px rgba(109, 194, 211, 1);
		max-width: 1260px;
		width: 80%;
	}
	.nosRealSection h2 {
		margin: 80px 0 12px;
	}
	.nosRealSection h4 {
		margin: 0 0 38px;
	}
	.nosRealSection ul {
		gap: 20px;
		margin: 0 0 38px;
	}
	.nosRealSection ul li{
		font-size: 14px;
		letter-spacing: 0.8px;
		padding: 12px 34px;
	}
	.nosRealSection .linkWrap a{
		font-size: 18px;
	}
	.confianceBlock {
		padding: 0 30px;
	}
	.confianceBlock .innerBlock {
		border-radius: 40px;
		padding: 80px 30px 100px;
	}
	.confianceBlock .innerBlock h3 {
		font-size: 32px;
		margin: 0 0 50px;
	}
	.footer {
		padding: 70px 0 100px;
	}
	.footer .container {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ftrLogo {
		border-right: 1px solid #ffffff;
		margin-bottom: 0;
		margin-right: 2.5%;
		padding-right: 2.5%;
	}
	.ftrPhone {
		margin-bottom: 0;
		margin-right: 2.5%;
	}
	.ftrPhone strong {
		font-size: 30px;
	}
	ul.ftrLinks {
		margin: 0 3% 0 0;
	}
	.ftrbtn {
		margin-bottom: 0;
		margin-right: 3%;
	}
	.ftrbtn a {
		font-size: 13px;
		height: 42px;
		line-height: 42px;
		padding: 0 15px;
	}
	.freDesign img{
		width: 120px;
	}
	.owl-carousel button.owl-dot {
		margin: 0 8px;
		height: 15px;
		width: 15px;
	}
	.owl-carousel button.owl-dot.active {
		width: 50px;
	}
	.promoter-section .leftBlock h3 {
		font-size: 32px;
		margin: 0 0 42px;
	}
	.burger-menu{
		display: none !important;
	}
}

@media (min-width: 1025px) {
	.container{
		padding-left: 50px;
		padding-right: 50px;
	}
	.project-model {
		padding: 0 50px;
	}
	.confianceBlock .innerBlock {
		padding: 80px 50px 110px;
	}
}

@media (min-width: 1350px) {
	body{
		font-size: 17px;
	}
	.container{
		padding-left: 80px;
		padding-right: 80px;
	}
	.bigTitle{
		font-size: 48px;
	}
	.videoBanner .textBlock p{
		font-size: 25px;
		margin: 0 0 60px;
	}
	.action-primary{
		font-size: 16px;
		height: 55px;
		line-height: 55px;
		padding: 0 38px;
	}
	.videoBanner .textBlock .powerText {
		margin: 0 0 42px;
	}
	.videoBanner .textBlock .powerText span {
		font-size: 14px;
		padding: 7px 23px;
	}
	.logo img {
		width: auto;
	}
	.header .mainMenu ul li {
		margin: 0 24px 0 0;
	}
	.header .mainMenu ul li a {
		font-size: 18px;
		padding: 8px 18px;
	}
	.sectionTwo {
		padding: 0 50px;
	}
	h4 {
		font-size: 25px;
	}
	.project-model {
		padding: 0 70px;
	}	
	.project-model-slider .owl-carousel .item{
		padding: 80px 50px;
	}
	.sectionTwo .blackBlock .container {
		padding: 0 120px;
	}
	.sectionTwo .blackBlock {
		padding: 100px 0 0;
	}
	.sectionTwo .topText {
		margin: 0 0 65px;
	}
	.promoter-section {
		padding: 90px 0 180px;
	}
	.promoter-section .leftBlock h4{
		font-size: 20px;
		margin: 0 0 65px;
	}
	.quality4kSection .container {
		padding: 0 50px;
	}
	.quality4kSection {
		padding-bottom: 170px;
		margin-top: -65px;
	}
	.nosRealSection .imgBlock img {
		border-radius: 40px;
		box-shadow: 0 0 60px rgba(109, 194, 211, 1);
	}
	.nosRealSection {
		margin: 0 0 110px;
	}
	.nosRealSection h2 {
		margin: 110px 0 12px;
	}
	.nosRealSection ul {
		margin: 0 0 44px;
	}
	.nosRealSection ul li{
		font-size: 15px;
		padding: 14px 36px;
	}
	.nosRealSection .linkWrap a{
		font-size: 20px;
	}
	.confianceBlock {
		padding: 0 50px;
	}
	.confianceBlock .innerBlock {
		padding: 80px 70px 110px;
	}
	.confianceBlock .innerBlock h3 {
		font-size: 38px;
		margin: 0 0 60px;
	}
	.footer {
		padding: 90px 0 130px;
	}
	.ftrLogo {
		margin-right: 4%;
		padding-right: 4%;
	}
	.ftrLogo img {
		width: 125px;
	}
	.ftrPhone {
		margin-right: 3.5%;
	}
	.ftrPhone strong {
		font-size: 40px;
	}
	ul.ftrLinks {
		margin: 0 3.5% 0 0;
	}
	.ftrbtn {
		margin-right: 3.5%;
	}
	.ftrbtn a {
		padding: 0 23px;
	}
	.freDesign img{
		width: 160px;
	}
	.sectionTwo .topText p {
		font-size: 18px;
	}
	.promoter-section .leftBlock h3 {
		font-size: 37px;
		margin: 0 0 52px;
	}
}

@media (min-width: 1600px) {
	body{
		font-size: 18px;
	}
	.container{
		padding-left: 110px;
		padding-right: 110px;
	}
	.bigTitle{
		font-size: 56px;
	}
	.videoBanner .textBlock p{
		font-size: 28px;
		margin: 0 0 72px;
	}
	.sectionTwo {
		padding: 0 80px;
	}
	h4 {
		font-size: 28px;
	}
	.sectionTwo .topText p {
		font-size: 22px;
	}
	.project-model {
		padding: 0 90px;
	}
	.project-model-slider .owl-carousel .item{
		padding: 80px 60px;
	}
	.sectionTwo .blackBlock .container {
		padding: 0 150px;
	}
	.promoter-section .leftBlock h4{
		font-size: 22px;
		margin: 0 0 78px;
	}
	.quality4kSection .container {
		padding: 0 80px;
	}
	.nosRealSection {
		margin: 0 0 145px;
	}
	.nosRealSection ul {
		gap: 25px;
	}
	.nosRealSection ul li{
		font-size: 16px;
		padding: 16px 40px;
	}
	.nosRealSection .linkWrap a{
		font-size: 22px;
	}
	.confianceBlock {
		padding: 0 80px;
	}
	.confianceBlock .innerBlock {
		padding: 90px 90px 140px;
	}
	.confianceBlock .innerBlock h3 {
		font-size: 42px;
	}
	.ftrLogo {
		margin-right: 5%;
		padding-right: 5%;
	}
	.ftrLogo img {
		width: 138px;
	}
	.ftrPhone {
		margin-right: 4.5%;
	}
	.ftrPhone strong {
		font-size: 46px;
	}
	ul.ftrLinks {
		margin: 0 4% 0 0;
	}
	.ftrbtn {
		margin-right: 5%;
	}
	.freDesign img{
		width: auto;
	}
	.promoter-section .leftBlock h3 {
		font-size: 42px;
	}
}

@media (min-width: 1900px) {	
	.container{
		padding-left: 140px;
		padding-right: 140px;
	}
	.bigTitle{
		font-size: 62px;
	}
	.videoBanner .textBlock p{
		font-size: 30px;
	}
	h4 {
		font-size: 30px;
	}
	.project-model {
		padding: 0 125px;
	}
	.project-model-slider .owl-carousel .item{
		padding: 80px 70px;
	}
	.sectionTwo .blackBlock .container {
		padding: 0 200px;
	}	
	.confianceBlock .innerBlock {
		padding: 90px 140px 140px;
	}	
}