@media screen and (min-width: 2000px) and (max-width: 4000px) { 
	
	
	.section1 h1 {font-size: 46px; line-height: 56px;}
	
}


@media screen and (min-width: 1025px) and (max-width: 1209px) { 
	
	.container {width: auto; padding: 0 15px;}
	
	
	
	footer h6 {font-size: 12px;}
	
	
	
	
	
	
	
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) { 
	
	.container {width: auto; padding: 0 15px;}
	
	
	.section1 .block3 {
  
    bottom: -40px;
    left: -60px;
}
	
	
	.section1 .block4 {
 
    right: -90px;
}
	
	
	
	
	.section3 li {padding: 0 10px; box-sizing: border-box;}
	
	
	
	h5 {
    font-size: 18px;
    line-height: 24px;
}
	
	
	
	.section4 .block1 {

    left: -90px;
   
}
	
	
	.section4 .block2 {

    right: -90px;
   
}
	
	
	footer {text-align: center;}
	footer .lt {float: none;}
	
	footer .rt {float: none;}
	
	
	footer ul {float: none; margin: 30px 0 0 0;}
	
	footer ul li {float: none; display: inline-block; padding: 0 10px; margin: 0; vertical-align: middle;}
	
	
	
	
	
	.section1 h1 {font-size: 46px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
}


@media screen and (min-width: 641px) and (max-width: 767px) { 
	
	.container {width: auto; padding: 0 15px;}
	
	
	h1 {
    font-size: 44px;
    line-height: 50px;
    
}
	
	
	
	.section1 .block3 {left: 0; width: 400px;}
	
	.section1 .block4 {width: 240px;}
	
	
	
	
	.section3 li {display: block; width: auto; margin: 0 0 40px 0; padding: 0 20px;}
	
	
	.section3 li .imgw {height: auto; margin: 0 0 30px 0;}
	

	
	.section4 .block1 {
   
    left: -90px;
    top: -8px;
    width: 300px;
}
	
	.section4 .block2 {
  
    right: -50px;
    top: -10px;
}
	
	footer {text-align: center;}
	footer .lt {float: none;}
	
	footer .rt {float: none;}
	
	
	footer ul {float: none; margin: 30px 0 0 0;}
	
	footer ul li {float: none; display: inline-block; padding: 0 10px; margin: 0; vertical-align: middle;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}


@media screen and (min-width: 0px) and (max-width: 640px) { 
	
	.container {width: auto; padding: 0 15px;}
	
	
	.lt, .mt, .rt {
    float: none;
}
	
	
	header .rt {display: none;}
	
	header .lt {width: auto; text-align: center; margin: 0 0 0 40px;}
	header .lt a {font-size: 22px; line-height: 26px;}
	
	header .mt {width: 30px; position: absolute; top: 27px; left: 50%; margin: 0 0 0 -45px;}
	
	header {padding: 25px 0 25px 0;}
	
	
	h1 {font-size: 28px; line-height: 36px;}
	
	
	.section1 .hand-img	.phone {
   
    width: 291px;
  
    left: 35px;
    bottom: -60px;
}
	
	
	.section1 .hand-img {padding: 0;}
	
	
	.section1 {
    padding: 90px 0 0 0;
	}
	
	
	.layer  {height: calc(100% - 90px);}
	
	
	.section1 .block3 {
  
    top: 30px;
    left: 0;
    width: 300px;
    left: -40px;
}
	
	
	.section1 .block4 {
  
    top: 140px;
    right: 0;
    width: 200px;
    right: -10px;
}
	
	
	
	.section2 .btns span {font-size: 16px;}
	
	
	.section2 .btns {padding: 0 40px; line-height: 46px;}
	
	
	.section3 {padding: 50px 0;}
	
	
	h2 {font-size: 30px; line-height: 36px;}
	
	.section3 li {display: block; width: auto; margin: 0 0 40px 0; padding: 0 20px;}
	
	
	.section3 li .imgw {height: auto; margin: 0 0 30px 0;}
	
	
	.section4 .block1 {
   
    left: -140px;
    top: 0;
    width: 200px;
}
	
	
	.section4 .block2 {
 
    right: -150px;
    top: -20px;
    width: 280px;
    transform: rotate(-40deg);
}
	
	
	footer {text-align: center;}
	
	
	footer h6 br {display: block;}
	
	
	footer h6 span {display: none;}
	
	
	footer ul {float: none; margin: 30px 0 0 0;}
	
	footer ul li {float: none; display: inline-block; padding: 0 10px; margin: 0; vertical-align: middle;}
	
	footer .rt {float: none;}
	
	
	
	.section1 .hand-img .playbtn {
   
    left: 25%;
}
	
	
	
	
	.section2 .btns {margin: 10px;}
	
	
	
	
	
	
	
	
	
	
	
	
}