/*mobile*/
@media only screen and (max-width: 600px) {
	.social-head img{
		width: 3em;
		transition: all 0.5s;
	}
}

@media (min-width: 768px) {	
    .hamburgers-box {
        width: auto;
    }
	.headbar-top{
		padding: 1rem 0;
	}
	.social-head{
		text-align: right;
	}
    .navbar-brand {
        width: 100%;
        padding: 0;
		text-align: left;
    }
    .navbar-expand-md .navbar-collapse {
        width:100%;
		margin:0rem 0;
    }
	.navbar-expand-md .navbar-nav{
		width:100%;
	}
	.title-contact {
		font-size: 1.7rem;
	}
	.line-box, .tel-box {
		font-size: 1.5rem;
	}
	.img-qrcode {
		width: 8em;
	}
	.title-box p {
		font-size: 1.9rem;
	}
	.title-box a {
		font-size: 1.5rem;
	}
	.img-gally {
		width: 93%;
	}
	.img-gally h1{
		font-size: 21px;
	}
	.service-box{
		margin: 2rem auto 1rem;
	}
	.service-box h1 {
		font-size: 1.5rem;
	}
	.service-box ul li {
		font-size: 1.3rem;
	}
	.img-box h1, .detail-service {
		font-size: 1.1rem;
	}
	.footer{
		font-size: 19px;
		padding: 5% 0 2%;
	}
	.footer h1 {
		font-size: 1.7rem;
	}
	.footer p {
		font-size: 21px;
	}
	.copyright-box{
		font-size: 21px;
		padding:1.5% 0;
	}
	#back-to-top {
		left: auto;
		right: 0;
	}
	#back-to-top a {
		transform: rotate(-90deg);
	}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){
	.navbar-brand img{
		width: 300px;
	}
	.social-head img{
		width: auto;
	}
	.img-box h1, .detail-service {
		font-size: 1.2rem;
	}
	.footer {
		font-size: 18px;
		padding: 5% 0 3%;
	}
	.img-box h1, .detail-service {
		font-size: 1.3rem;
	}
	.content-box2{
		padding-bottom: 7%;
	}
	.title-box {
		margin: 3rem auto 1rem;
	}
	.title-box p {
		font-size: 2.2rem;
	}
	.footer {
		font-size: 22px;
	}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    .container{
        max-width: 1230px;
    }
	.line-box img, .tel-box img {
		width: auto;
	}
	.img-qrcode {
    	width: auto;
		margin: 4rem auto 2rem;
	}
	.title-box p {
		font-size: 43px;
	}
	.title-box a {
		font-size: 1.7rem;
	}
	.img-gally h1 {
		font-size: 25px;
	}
	.service-box ul li {
		font-size: 25px;
		padding: 15px 0;
	}
	.service-box h1 {
		font-size: 33px;
	}
	.detail-service{
		font-size: 25px;
	}
	.img-box h1{
		font-size: 25px;
	}
	.img-box .img-gally h1{
		font-size: 27px;
	}
	.line-color{
		width: 93%;
		margin: 2rem auto;
	}
	.detail-service{
		margin-top: 4rem;
	}
	.detail-service p {
		margin: 3rem auto 0;
	}
	.footer h1 {
		font-size: 2.5rem;
	}
	.footer .contact-footer h1 {
		font-size: 1.9rem;
		margin: .7rem auto;
	}
	.footer p {
		font-size: 30px;
	}
	#back-to-top {
		bottom: 15rem;
	}
	.title-box {
		margin: 3rem auto 3rem;
	}
	.title-contact{
		margin: 3rem auto;
	}
	.contact-box1 {
		padding: 3% 0;
	}
	.line-box, .tel-box {
		font-size: 46px;
	}
	.title-contact {
		font-size: 40px;
	}
	.footer {
		font-size: 25px;
	}
	.title-footer {
		margin: 0 auto 3rem;
	}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1600px) { 
	.container{
		max-width: 1440px;
	}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1900px) {
}