@media (min-width:0px) and (max-width:767px){
	.navbar { top:-190px;}
	.header-right ul li { font-size:12px;}
	.sign-up { width:100px;}
	.sign-up a { background-size:100% 100%; width:100px;}
	.header-right ul li { padding-left:7px;}
	.header-right { margin-top:20px;}
	.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top:18% !important;}
	.box-1 { width:33.2%; margin:auto;}
	.box-2 { width:100% !important; margin:auto !important;}
	.work-des { padding-right:0px;}
	.blog-box-1 { width:100%; margin-right:0px !important; margin-bottom:20px;}
	.blog-title { padding-top:125px;}
	.test-section { background:#f0f0f0;}
	.name-test { font-size:12px;}
	.follow-us { width:90%; margin:auto; padding-bottom:20px; border-right:0px;}
	.payment-footer { padding-left:0px !important; padding-bottom:20px; width:90%; margin:auto;}
	.so-icon-se { padding-left:0px !important; width:90%; padding-bottom:20px; margin:auto;}
	.footer-logo { padding-left:0px !important; width:90%; margin-top:0px; text-align:center; padding-bottom:20px;}
	.text-banner { font-size:30px;}
	.text-slider { top:6px !important;}
	.work-title { margin-right:0px !important;}
	.right-video { margin:30px 0px;}
	.navigation:before { background:#313131 !important; height:250px !important;}
	.vocher-image { width:50%;}
	.vocher-image img { width:100%;}
	.footer-logo { width:50%;}
	.footer-logo img { width:90%;}

	.contain-about { margin-top:0px !important;}
	.navbar-right { margin-bottom:0px !important;}
	.landmark-contact { width:100%;}
	.center-box { padding-bottom:0px;}
	.icon-contact { width:100%; padding-left:0px; padding-bottom:10px; padding-top:0px;}

	.left-test { width:100%;}
	.left-test img { width:93%; padding:0px 0px 3px 0px;}
	.right-test { background:#f7f7f7; border-radius:3px 3px 0px 0px; margin:20px 0px 0px 0px; padding:10px 0px 0px 0px; width:100%;}

	.title-payment { width:100%;}
	.unit-pay { width:34%;}
	.street-pay { width:62%;}
	.name-contact { font-size:11px;}

	.right-pay { margin-left:0px;}
}


@media (min-width:768px) and (max-width:1179px){
	.navigation ul li { padding-right:1px !important; font-size:15px !important;}
	.navigation { margin-top:5px !important;}
	.work-des { line-height:21px; font-size:12px; padding:17px 20px 12px 0;}
	.blog-box-1 { margin-right:15px; width:31.9%;}
	.right-side { width:73%;}
	.bullet-text { line-height:20px; font-size:12px; width:81%;}
	.payment-footer { padding-left:15px !important;}
	.last1-box1 img { width:90%;}
	.footer-logo img { width:100%;}
	.work-title { margin-right:20px !important;}
	.vocher-image { width:23%;}
	.footer-logo { width:16%;}
	.vocher-image { margin:0px; height:114px; padding-left:0px !important;}
	.vocher-image img { margin:0px 10px; width:87%;}
	.center-box { padding-left:10px; padding-right:10px;}
	.number-contact h3 { font-size:12px;}
	.icon-contact { width:37%;}
	.land-contact { padding:10px;}
	.address-contact li { font-size:12px; line-height:17px; font-weight:normal;}
	.center-box { width:38%;}
	.landmark-contact { width:25%;}

	.left-test { width:32%;}
	.right-test { width:65%; padding:10px 0 0 10px; background-size:100% 100%;}
	.des-test { padding:3px 0 10px 10px; font-size:13px;}
	.name-contact { font-size:13px;}
	.right-pay { margin-left:20px;}
	.sho-center { width:55%; padding-top:5px;}
	.sho-right { padding-top:5px;}
	.sho-left { width:25%;}
	.sho-left img { width:100%;}
	.price-pay { font-size:13px;}
	.pro1-name-pay { font-size:12px;}
	.product-name-pay { font-size:12px;}
}