@media (min-width: 769px) and (max-width: 1024px) {
 	.site-nav a {
 		padding: 0 calc((100vw - 769px) / (1024 - 769) * (48 - 30) + 30px);
 	}

 	.smart {
 		font-size: calc((100vw - 769px) / (1024 - 769) * (80 - 60) + 60px);
 	}

 	.approach {
 		font-size: calc((100vw - 769px) / (1024 - 769) * (30 - 20) + 20px);
 		padding-bottom: calc((100vw - 769px) / (1024 - 769) * (35 - 20) + 20px);
 	}

 	.text{
 		font-size: calc((100vw - 769px) / (1024 - 769) * (20 - 14) + 14px);
 		padding-bottom: calc((100vw - 769px) / (1024 - 769) * (35 - 15) + 15px);
 	}

 	.main-description {
 		margin-top:  calc((100vw - 769px) / (1024 - 769) * (150 - 25) + 25px);
 		margin-left: calc((100vw - 769px) / (1024 - 769) * (150 - 80) + 80px);
 	}
 }

 @media (min-width: 426px) and (max-width: 768px) {
 	.main-nav{
 		height: calc((100vw - 426px) / (768 - 426) * (105 - 70) + 70px);
 	}
 	.site-nav .menu {
 		height: calc((100vw - 426px) / (768 - 426) * (85 - 50) + 50px);
 	}
 	.main-nav img{
 		width: calc((100vw - 426px) / (768 - 426) * (100 - 80) + 80%);
 	}
 	.social-nav{
 		display: none;
 	}
 	.site-nav a {
 		padding: 0 calc((100vw - 426px) / (768 - 426) * (30 - 10) + 10px);
 		margin: 0 calc((100vw - 426px) / (768 - 426) * (23 - 13) + 13px);
 		font-size: calc((100vw - 426px) / (768 - 426) * (16 - 10) + 10px);
 	}
 	.smart {
 		font-size: calc((100vw - 426px) / (768 - 426) * (60 - 40) + 40px);
 	}
 	.approach {
 		font-size: calc((100vw - 426px) / (768 - 426) * (20 - 15) + 15px);
 		padding-bottom: calc((100vw - 426px) / (768 - 426) * (20 - 10) + 10px);
 	}

 	.text{
 		font-size: calc((100vw - 426px) / (768 - 426) * (14 - 10) + 10px);
 		padding-bottom: calc((100vw - 426px) / (768 - 426) * (15 - 10) + 10px);
 	}
 	.main-description {
 		margin-top: calc((100vw - 426px) / (768 - 426) * (25 - 10) + 10px);
 		margin-left: calc((100vw - 426px) / (768 - 426) * (80 - 10) + 10px);
 	}
 	.main-description a, .feedback-btn{
 		width: calc((100vw - 426px) / (768 - 426) * (220 - 140) + 140px);
 		height: calc((100vw - 426px) / (768 - 426) * (55 - 30) + 30px);
 		font-size: calc((100vw - 426px) / (768 - 426) * (16 - 12) + 12px);
 		margin-left: calc((100vw - 426px) / (768 - 426) * (20 - 10) + 10px);
 	}

 	.main-description a:before, .feedback-btn:before{
 		width: calc((100vw - 426px) / (768 - 426) * (200 - 100) + 100px);
 		height: calc((100vw - 426px) / (768 - 426) * (55 - 30) + 30px);
 		left: calc((100vw - 426px) / (768 - 426) * ((-20) - (-10)) + (-10px))
 	}

 	.ellipse{
 		width: calc((100vw - 426px) / (768 - 426) * (445 - 215) + 215px);
 		height: calc((100vw - 426px) / (768 - 426) * (145 - 75) + 75px);
 		top: calc((100vw - 426px) / (768 - 426) * ((-80) - (-40)) + (-40px))
 	}

 	.ellipse p{
 		font-size: calc((100vw - 426px) / (768 - 426) * (36 - 18) + 18px);
 	}

 	.news{
 		height: calc((100vw - 426px) / (768 - 426) * (641 - 410) + 410px);
 	}
 }

 @media only screen and (max-width: 425px), only screen and (max-device-width: 425px) {

	.main-nav{
		height: 60px;
	}

    .main-nav img{
     	width: 100px
    }

    .social-nav {
     	display: none;
    }
     
    .main-nav .phone {
     	margin-right: 10px;
    }

    .main-nav .phone p{
     	font-size: 12px;
    }

    .main-nav--links i{
     	width: 20px;
    	height: 20px;
    }

    .ellipse {
    	width: 165px;
	    height: 55px;
	    top: -35px;
    }
    .ellipse p{
    	font-size: 14px;
    }

    .main-description{
    	margin: 5px;
    }

    .smart{
    	font-size: 26px;
	    padding-bottom: 5px;
    }

    .approach {
    	font-size: 10px;
	    padding-bottom: 5px;
    }
    .text {
    	font-size: 8px;
	    padding-bottom: 5px;
    }
    .main-description a, .feedback-btn{
    	width: 90px;
	    height: 22px;
	    font-size: 10px;
    }
    .main-description a:before, .feedback-btn:before{
	    left: -5px;
	    width: 90px;
	    height: 22px;
	   
    }

    .carousel-indicators{
    	padding-top: 0;
    	left: 25px;
    }
    .carousel-indicators li{
    	width: 5px;
    	height: 5px;
    }
    .carousel-indicators li.active:before{
    	width: 20px;
    	height: 20px;
	 	top: -7px;
	    left: -7px;
    }

    .news{
    	height: 370px;
    }

    .wpcp-single-item h2 a{
    	font-size: 14px;
    }

    .footer-nav a{
	    padding: 0 10px;
    	font-size: 10px;
    }

    .site-nav .menu {
    	display: none;
    }

    .site-nav{
    	height: 60px;
	    display: flex;
	    justify-content: flex-end;
    }

    .swiper-container {
        width: 100%;
    }

    .swiper-arrow {
        display: none !important;
    }

    .swiper-btn-next {
        right: 10px !important;
    }
    .swiper-btn-prev {
        left: 10px !important;
    }
    .swiper-btn-prev, .swiper-btn-next {
        width: 30px !important;
    }

    .owl-nav.middle-fixed {
        display: none;
    }

    .owl-carousel .owl-item {
        padding: 0 !important;
    }
    .wcps-container-312 .item {
        padding: 0 !important;
    }

    .logo-head {
        width: 190px;
    }
}