@media only screen and (max-width: 767px){
	body{
		font-size: 62.5%;
		min-width: 0;
	}

	.block-welcome{
		height: 5rem;
	}
	
	.block-welcome p{
		line-height: 5rem;
		padding-left: 1rem;
	}
	
	.block-welcome button{
		top: 2rem;
		height: 1rem;
		line-height: 1rem;
	}

	.block-header{
		padding-top: 1rem;
	}

	.block-header header{
		height: 8rem;
	}

	.block-header header .language-header{
		position: absolute;
		right: 1rem;
		top: 1.6rem;
		font-size: 1.2rem;
	}

	.block-header header .logo-header{
		padding: 1rem;
		height: 5rem;
		width: auto;
	}

	.block-header header .navlist-header{
		position: relative;
		top: 0;
		right: 0;
	}
	
	.block-header header .navlist-header li{
		height: 3rem;
	}
	
	.block-header header .navlist-header li a{
		line-height: 3rem;
	}
	
	.block-header header .signbtn-header{
		top: auto;
		left: auto;
		right: 0;
		bottom: 0;
		width: auto;
		height: 3rem;
		line-height: 3rem;
		padding: 0 1rem;
	}

	.block-intro{
		width: auto;
	}

	.block-intro .triple-intro{
		width: 90%;
		margin: 0 auto;
		display: block;
		padding-bottom: 2rem;
	}

	.block-news .newsblock{
		width: 90%;
		margin: 0 auto;
		display: block;
		padding-bottom: 2rem;
		font-size: 1.2rem;
	}

	.block-news .newsblock:first-child{
		margin-right: auto;
	}

	.block-news{
		width: auto;
	}

	.block-footer footer{
		width: auto;
		height: auto;
		font-size: 1.2rem;
	}

	.block-footer .footer-menu-container{
		position: relative;
		line-height: 4rem;
		text-align: center;
	}

	.block-footer .footer-nav-container{
		position: relative;
		top: 0px;
		margin-left: 0;
		text-align: center;
	}

	.block-footer .footer-copyright-container{
		position: relative;
		text-align: center;
	}

	.flex-container .slides .content-comment{
		width: 100%;
		height: 40rem;
	}

	.flex-container .users-comment h2{
		top: 13rem;
		left: 1rem;
		font-size: 1.8rem;
	}

	.flex-container .users-comment .detail-comment{
		left: 0rem;
		top: 18rem;
		width: 56%;
	}

	.flex-container .users-comment p{
		font-size: 2rem;
		line-height: 2.4rem;
		padding: 1rem 4rem;
	}

	.flex-container .users-comment p:before,
	.flex-container .users-comment p:after{
		font-size: 4rem;
	}

	.flex-container .users-comment .links{
		font-size: 1rem;
		margin-left: 1rem;
	}

	.flex-container .users-comment .users-avatar{
		right: 0;
		top: 15rem;
		width: 15rem;
		height: 15rem;
	}

	.flex-container .merak-intro h2{
		bottom: 23rem;
		padding: 1rem 2rem;
		font-size: 1.5rem;
	}

	.flex-container .merak-intro p{
		top: 18rem;
		line-height: 2rem;
		padding: 1rem 2rem;
		font-size: 1.2rem;
		bottom: auto !important;
	}

	.flex-container .merak-intro .links{
		top: 24rem;
		left: 2rem;
		font-size: 1.2rem;
	}

	.flex-container .merak-intro img{
		right: 1rem;
		top: 20rem;
		width: 15rem;
	}

	.modal .modal-dialog{
		width: 90%;
		margin-top: 5rem;
	}

	.modal .modal-content{
		padding: 1rem 1rem 1rem 4rem;
		background-size: 200%;
		height: 24rem;
	}

	.modal .modal-content .users-avatar{
		width: 3rem;
		height: 3rem;
		top: 2rem;
		left: 2rem;
	}

	.modal .modal-content .close{
		top: 1rem;
		right: 1rem;
		width: 2rem;
		height: 2rem;
		font-size: 1rem;
		line-height: 2rem;
		border: none;
	}

	.modal .modal-content .close span{
		line-height: 2rem;
	}

	.modal .modal-content .close span{
		line-height: 2.6rem;
	}

	.modal .modal-content h3{
		font-size: 1rem;
		padding: 1.4rem;
	}

	.modal .modal-content p{
		font-size: 1.2rem;
		line-height: 2rem;
		overflow-y: auto;
		height: 16rem;
	}
}













