@media (max-width: 767px) {
	
		.indexAbout,.indexSolution,.indexMore,.indexContact,.modTitle{
			padding: 0 1.25rem;
		}
		.indexContact p {
		    font-size: 24px;
		}
		.indexContact a{
			font-size: 16px;
			padding: 10px 16px;
		}
		
		
		.centerYear span {
		    font-size: 16px;
		    width: 60px;
		    height: 60px;
		    margin-left: -30px;
		    margin-top: 1.3125rem;
		    line-height: 60px;
		    border-radius: 30px;
		}
		.centerYear::after {
		    width: 80px;
		    height: 80px;
		    border-radius: 40px;
		    top: 10px;
		    margin-top: 0;
		    margin-left: -40px;
		}
		.recordYear{
			font-size: 16px;
		}
		.centerYear{
			height: 5rem;
		}
		.recordEvent{
			top: 1.625rem;
		}
		.introText, .comLogo{
			font-size: 1rem;
			display: block;
		}
		.comLogo img{
			width: 2.5rem;
		}
		.with25,.with20{
			width: 150px;
		}
		.recordYear img{
			width: 100px;
		}
		.year::after{
			height: 15.5rem;
			top: 2.25rem;
		}
		
		
		
		.tabs_menu ul li span{
			padding: 1rem;
			font-size: 12px;
			font-weight: bold;
		}
		.productView a, .productDown a{
			font-size: .8rem;
			padding: .6rem 1.5rem;
		}
		.productView a i, .productDown a i{
			font-size: .8rem;
		}
		.productSolutionText h3{
			font-size: 1.5rem;
		}
		.productSolutionText p{
			font-size: .8rem;
		}
		
		
		.dateFiltering,.dateMonth, .dateCustomize, .dateItem{
			display: block;
		}
		.dateMonth,.dateBox{
			margin: 0;
		}
		
		
		.serviceDownload{
			display: block;
		}
		.menu_list,
		.menu_list ul li.hover span, 
		.menu_list ul li.active span,
		.menu_list ul li span{
			width: auto;
		}
		.menu_list{
			border-right:none;
		}
		.tabs_box{
			padding: 0;
			padding-bottom: 1.25rem;
		}
		
		
		
		.newsBox{
			border: 0;
			border-bottom: 1px solid #DEDEDE;
		}
		
		
		.contactInfo_box input{
			margin-bottom: 0.625rem;
		}
    }