@charset "utf-8";
/* CSS Document */

@media (max-width: 640px) {
	.loading-anim{
		width:316px;
		height:316px;
    
	}
	.slogan{

		font-size: 3rem;
		line-height: 5rem;
	
	}

	.loading-anim .border i,.loading-anim .border u{
		width:6px !important;
		height:6px !important;
	}
	.loading-anim .in{
		width:36%;
		height:36%;
		left:32%;
		top:32%;
	}
	.loading-anim .mid{
		width:32%;
		height:32%;
		left:34%;
		top: 34%;
		font-size:12px !important;
	}
	h1, .h1, h1.huge, .h1.huge, h1.big, .h1.big{
		font-size:24px !important;
	}
	p, .p{
		font-size:14px !important;
		padding-left: unset !important;
	}
	.title p {
		margin-bottom: 16px !important;
	}
	form label, form .label{
		font-size:16px;
	}
	form input[type="text"], form input[type="name"], form input[type="email"], form input[type="password"], form input[type="tel"], form textarea, form select{
		padding:8px 5px;
		font-size:14px;
		font-weight: normal;
		color: #333;
	}
	.button{
		font-size:16px;
	}
	.navigation li:after{
		width:10px;
		height:10px;
	}
	.margin-top-6{
		margin-top: 20px !important;
	}
	.loading-anim .out6{
		display: none;
	}
	.container .wrap:not(.noSpaces), .container .wrap.spaceWrap, .container .wrap .spaceWrap{
		padding:15px;
	}
	.container .wrap-box {
	    padding: calc(0% + 30px) calc(6% + 15px) !important;
	}
	.slide .content .container .wrap .title .circle .num {
        padding-right: 20px;
        font-size: 12px;
	}
	.link-box {
        display: flex;
		flex-direction: column;
        justify-content: space-between;
	}
	.box-content {
        /*height: 360px;*/
        height: auto;
        overflow: hidden;
        /*margin-bottom: 40px;*/
    }
    .more {
        bottom: -30px;
        left: 0;
    }
    .title {
        font-size: 20px;
    }
    .synr{
		margin:60px 0 0 0;
		width:95%;
		padding:10px 1px;
	}
	.synr li,.synr li:nth-child(4),.synr li:nth-child(5){
		width:99%  !important;
		margin:0 0 30px 0  !important;
		height:120px;
	}
	.synr li p{
		font-size:16px   !important;
	}
    
}