@media screen and (max-width: 1460px){
	.start .container {
    	padding-top: 60px;
	}
	.text-block h1 {
    	font-size: 40px;
	}
	.bg-support .left-text h1 {
	    font-size: 40px;
	}
	body{
		font-size: 16px;
	}
	.start .big-btn {
    	margin-top: 30px;
	}
	.start .text-block p {
    	margin: 15px 0;
	}
	.sector-1 {
    	width: 418px;
    	height: 391px;
	}
	.sector-2{
    	background: #2e5d75;
    	width: 433px;
    	height: 400px;
    	position: absolute;
    	top: 75px;
	}
	.sector-4 {
    	width: 377px;
    	height: 417px;
    	top: 35px;
    	left: 102px;
	}
	.sector-3 {
    	width: 282px;
    	height: 235px;
	}
	.start {
    	min-height: 830px;
	}
	.bg-cool .row {
    	padding-top: 60px;
	}
	.left-text h1 {	
    	font-size: 40px;
	}
	.left-text .big-btn {
    	margin-top: 30px;
	}
	.sector-11 {
    	width: 483px;
    	height: 493px;
	}
	.sector-33 img {
    	width: 432px;
    	height: 403px;
    	margin-left: 45px;
	}
	.sector-33{
		background: transparent;
	}
	.sector-22 {
    	background-color: #364c56;
    	width: 388px;
    	height: 360px;
	}
	.sector-44 {
    	top: 430px;
	}
	.cool {
    	height: 680px;
	}
	.life {
    	padding-top: 80px;
    	padding-bottom: 80px;
	}
	.right-text h1 {
    	font-weight: 400;
    	font-size: 40px;	
	}
	.right-text p {
    	margin-bottom: 15px;
	}
	.happiness {
    	padding: 100px 0;
    	margin-bottom: 100px;
	}
	.left-happiness h1 {
    	font-weight: 400;
    	font-size: 40px;
	}
	.left-happiness .btn {
    	margin-top: 30px;
	}
	.firt-hap-img {
    	width: 358px;
    	height: 379px;
	}
	.second-hap-img {
    	width: 415px;
    	height: 423px;
	}
	.fourth-hap-img {
    	top: 353px;
    	width: 310px;
    	min-height: 103px;
	}
	.third-hap-img {
    	width: 418px;
    	height: 440px;
	}
	.title {
    	margin: 0;
    	padding: 20px 0;
    	text-align: center;
    	font-weight: 600;
    	font-size: 32px;
	}
	form input, form textarea {
	    padding: 8px;
	    font-size: 14px;
	}
	form .big-btn {
    	padding: 10px 30px;
	}
	form {
    	width: 420px;
    	padding: 15px;
	}
	.wrapper {
    	min-height: calc(100vh - 344px);
	}
}
@media screen and (max-width: 1290px){
	.lang{
	    position: absolute;
	    top: 85px;
	    right: 10px;
	    cursor: pointer;
	}
	.language{
	    display: none;
	    position: absolute;
	    top: 130px;
	    right: 10px;
	    cursor: pointer;
	}
}
@media screen and (max-width: 1200px){
	body{
		overflow-x: hidden;
	}
	.container, .row{
    	max-width: 100%;
    	padding: 0 10px;
    	box-sizing: border-box;
	}
	.login {
    	right: 10px;
	}
	footer .container{
		padding: 40px 10px;
	}
	footer .telegram {
    	right: 10px;
	}	
}
@media screen and (max-width: 992px){
	.start .container {
		flex-wrap: wrap;
	}
	.pic-block {
		width: 550px;
    	max-width: 500px;
    	min-height: 550px;
    	margin: 0 auto;
    	order: 2;
    	padding-bottom: 200px;
	}
	.text-block {
		width: 550px;
    	max-width: 500px;
    	margin: 0 auto;
    	padding-bottom: 100px;
    	order: 1;
	}
	.row, .container{
		flex-wrap: wrap;
	}
	.left-text {
		width: 500px;
		max-width: 500px;
		margin:  0 auto;
    	padding-top: 0px;
	}
	.bg-cool .pic-block {
		margin-top: 90px;
		padding-bottom: 0px;
	}
	.bg-cool {
    	margin-bottom: 70px;
	}
	.list-life {
    	width: 550px;
    	max-width: 500px;
    	margin: 0 auto;
	}
	.life .right-text {
    	width: 550px;
    	max-width: 500px;
    	margin: 0 auto;
    	padding-top: 100px;
	}
	.left-happiness {
    	width: 550px;
    	max-width: 500px;
    	margin:  0 auto;
    	order: 2;
	}
	.img-happines {
    	width: 550px;
    	max-width: 500px;
    	margin:  50px auto 150px auto;
    	height: 450px;
    	order: 1;
	}
	.happiness {
    	margin-bottom: 50px;
	}
	.bg-support .pic-block{
		display: none;
	}
	.bg-support {
    	height: 600px;
	}
	.support{
		height: 600px;
	}
	.bg-support .row {
    	padding-top: 60px;
	}
}
@media screen and (max-width: 768px){
	.block-why {
    	width: 48%;
    	margin: 20px auto;
	}
	.why{
		margin-top: -150px;
		margin-bottom: 100px;
	}
	.login .btn3{
		width: 70px;
	}
	.login .btn-or{
		width: 120px;
	}
	form{
		max-width: 90%;
	}
	.bg-support .row{
		padding: 0px;
		padding-top: 60px;
	}
	.bg-support {
    	height: 530px;
	}
	.support{
		height: 530px;
	}
	.login .btn{
		padding: 14px 0px;
		font-size: 12px;
		margin-left: 5px;
	}
	.telegram {
    	top: 8px;
    	right: 240px;
	}
	.youtube {
    	top: 8px;
    	right: 290px;
	}
}
@media screen and (max-width: 500px){
	.wrapper{
		padding-top: 30px;
	}
	.block-why {
    	width: 60%;
    	padding: 10px;
	    min-height: 150px;
	    text-align: center;
	    background-image: linear-gradient(#af6c64, #364c56);
	    color: #fff;
	    margin: 15px auto;
	}
	.block-why i {
    	font-size: 30px;
    	color: #fff;
	}
	.text-block h1 {
    	font-size: 30px;
	}
	.bg-support .left-text h1 {
	    font-size: 30px;
	}
	body{
		font-size: 14px;
	}
	.start .big-btn{
		display: block;
		margin: 50px auto 30px auto;
	}
	.pic-block{
		width: 100%;
		transform: scale(0.7);
		margin-left: -70px;
		margin-top: -130px;
		padding-bottom: 120px;
	}
	.left-text h1 {
    	font-size: 30px;
	}
	.left-text .big-btn {
		display: block;
	    margin: 40px auto 0 auto;
	}
	.bg-cool .pic-block{
		margin-left: 0px;
		margin-top: 30px;
	}
	.left-text .big-btn {	
 	   margin: 60px auto 0 auto;
	}
	.life {
    	padding-top: 0px;
	}
	.name-list {
    	font-size: 18px;
	}
	.right-text h1 {
    	font-size: 30px;
	}
	.img-happines {
		transform: scale(0.7);
		margin-top: -100px;
		margin-bottom: 20px;
	}
	.left-happiness h1 {
    	font-size: 30px;
	}
	.left-happiness .big-btn{
		display: block;
    	margin: 40px auto;
	}
	.happiness{
		margin-bottom: 0px;
	}
	.logo img {
    	height: 35px;
    	margin-top: 7px;
	}
	.why{
		margin-top: -150px;
		margin-bottom: 70px;
	}
	.wrapper{
		background: transparent;
	}
	.btn-group .big-btn{
		font-size: 14px;
		padding: 14px 10px;
	}
	.title {
    	font-size: 24px;
	}
	.block-why p i {
    	font-size: 14px;
	}
	.block-why h3 {
    	margin: 15px 0 0 0;
	}
	.left-text {
    	max-width: 100%;
	}
	.life ul li {
    	font-size: 14px;
	}
	.telegram {
		font-size: 26px;
	    top: 70px;
	    right: 55px;
	    color: #e06f62;
	}
	.youtube {
		font-size: 26px;
    	top: 70px;
	    right: 90px;
	    color: #e06f62;
	}
	footer .youtube {
    	color: #fff;
	}
	footer .telegram {
    	color: #fff;
	}
}