@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1200px) {	
	.container { width:970px;}
	#welcome .welcome .block { width:880px; background-size:100% auto;}
	#contact .contact .form { max-width:880px;}
	#footer .top .block .left span { font-size:20px;}
	#footer .top .block .left { font-size:18px;}
	#footer .top .block .right .image-detail p { font-size:14px;}	
	#sub-banner .sub-banner .side img { width:61px;}
	#sub-banner .sub-banner  { padding-left:61px;}
	#banner .banner .side { width:60px;}
	#banner .banner { padding-left:60px;}
}
@media only screen and (max-width: 992px) {	
	.container { width:750px;}
	.mobile-show { display:block;}
	.mobile-hide { display:none;}
	
	#header .header .right { display:none;}
	#header .header .logo { position:static; text-align:center;}
	#header .header .logo img { max-width:102px;}
	#header .header .navigation-icon { display:block; left:15px;}
	#header .header.sticky .logo img { display:none;}
	#header .header.sticky .logo img.small { display:inline-block;}
	#header .header .inquery { display:block; right:15px;}
	#welcome { padding:30px 0 60px;}
	#welcome .welcome .block { background:none; padding:0; margin:0; float:none; width:auto; height:auto; text-align:center;}
	#welcome .welcome .block .text { max-width:100%; text-align:left;}
	#welcome .welcome .block h1 { font-size:22px;}
	#services .services .image { display:none;}
	#services .services .detail { float:none; width:100%; padding:25px 15px;}
	#services .services .detail h2,
	#services .services .detail .list,
	#services .services .detail .more { max-width:750px; margin-left:auto; margin-right:auto;}
	#services .services .detail h2 { font-size:22px;}
	#services .services .detail .list .row .icon { width:40px;}
	#services .services .detail .list .row .icon-detail { padding-top:7px;}
	#footer .top .block .left:after { display:none;}
	#footer .top .block { padding:20px 0;}
	#footer .top .block .left { font-size:16px; padding:0; float:none;}
	#footer .top .block .left span { font-size:18px; line-height:normal;}
	#footer .top .block .right { float:none; margin:25px 0;}	
	#footer .top .block .right .image { width:60px;}
	#footer .top .block .right .image-detail { padding-left:15px;}
	#footer .top .block .right .image-detail p { max-width:205px;}
	#footer .top { text-align:center;}
	#footer .top .block { text-align:left; display:inline-block;}
	#footer .bot { padding:15px 0;}
	#footer .bot .block .left { float:none; text-align:center;}
	#footer .bot .block .right { float:none; text-align:center;}
	#header .header { box-shadow:0 0 5px rgba(0,0,0,0.5);}
	#services .services .detail .list { margin-top:15px;}
	#services .services .detail .list .row + .row { margin-top:10px;}
	#services .services .detail .more { margin-top:15px;}
	#footer .bot .block { padding:0;}
	#backtotop { margin-right:10px; bottom:10px;}
	#welcome .welcome .block h1 { margin-top:15px;}
	#welcome .welcome .block .text { margin-top:10px;}
	#sub-banner .sub-banner { padding:0;}
	#sub-banner .sub-banner .side { display:none;}	
	#sub-banner .sub-banner .image .text p { padding:0 15px;}
	#sub-banner .sub-banner .image .text h3 { font-size:26px;}
	#sub-banner .sub-banner .image .text p { font-size:16px;}
	#about .about h1 { font-size:22px;}
	#about .about .profile .image { float:none;}
	#about .about .profile .image-detail { overflow:visible; padding:20px 0 0 0;}
	#about .about .profile .image-detail .list .row p { width:70px;}
	#about .about .profile .image-detail .highlight .visit p { display:block; line-height:normal;}
	#about .about .profile .image-detail .highlight .visit a { padding:0 15px; margin:10px 0 0 0;}
	#about { padding-bottom:50px;}
	#contact-detail { padding:30px 0 50px;}
	#contact-detail .contact .top .left { float:none; width:100%;}
	#contact-detail .contact .top .right { float:none; width:100%; margin-top:30px;}
	#contact-detail .contact .top .right h2 { padding-bottom:15px;}
	#service-detail .boxes .box .image { float:none !important; width:auto; text-align:center;}
	#service-detail .boxes .box .image-detail { float:none !important; width:100% !important; padding:20px 0 0 0 !important;}
	#service-detail .boxes .box .image-detail .text { max-width:100%;}
	#service-detail .caption h1 { font-size:22px;}
	#service-detail .caption p { font-size:16px;}
	#service-detail .boxes .box .image-detail .text p { font-size:16px; line-height:normal;}
	#service-detail .boxes .box .image-detail .text p br { display:none;}
	#service-detail .boxes .box .image-detail .text { margin:20px 0;}
	#service-detail .boxes .box .image-detail .visit p { display:block;}
	#service-detail .boxes .box .image-detail .visit a { margin:0;}
	#service-detail .boxes .box .image-detail .title h2 { font-size:20px;}
	.enquiry-popup { padding:25px 15px;}
	#banner .banner { padding:0;}
	#ninja-slider .caption span { display:none;}
	#ninja-slider .caption { font-size:18px;}
	#header .header.sticky .logo { box-shadow:none;}
	#about .about .profile .image-detail .list .row p { padding-top:5px;}
	#about .about .profile .image-detail .list .row span { font-size:18px;}
	
	#thankyou { padding:60px 0 50px 0;}
	#thankyou h2 { font-size:20px;}
	.social { display:none;}
	.social_f  { display:block;}
	#welcome .welcome .block h1 { max-width:100%;}
}
@media only screen and (min-width: 768px) {	
}
@media only screen and (max-width: 767px) {
	.container { width:100%; padding:0 15px; }
}
@media only screen and (max-width: 640px) {	
}
@media only screen and (max-width: 600px) {
	#service-detail .boxes .box .image-detail .list.half ul { width:100%;}
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {	
}
@media only screen and (max-width: 320px) {
}