@media only screen and (min-width : 1024px) and (max-width : 1151px) {.header-right{right:125px;}	}
@media only screen and (min-width : 1px) and (max-width : 999px) {	div.content{width:95%;}		header > div.inner{width:100%;}	header > div.inner,	#main_banner, 	section#container,	section#banner-page,	#inner_banner, 	.inner,	.footerNav	{width:100%;}	footer > div.inner{width:98%;}	.exp > span{font-size:22px;}}
@media(min-width:768px) and (max-width:999px){ header{width:100%;}	nav{margin-top:93px; width:613px;}	nav > ul > li > a{padding:0 13px;}	.header-right{height:93px; right:70px;}	section#banner{height:284px;}	section#banner > div.inner{width:100%;height:284px; overflow:hidden;}	#main_banner{width:724px; overflow:hidden; height:284px;}	#main_banner > img{width:724px !important;height:284px !important;}	section#container{width:95%;}	section.service-box > article.service-post{width:28.3%; height:270px;}	section.service-box > article.service-post > div.icon{top:-40px;}ul.portfolio > li{width:228px; height:210px;}	ul.portfolio > li div.thumb{height:150px; width:228px;}	ul.portfolio > li div.details{width:100%;}	ul.portfolio > li div.thumb{overflow:visible;}	ul.portfolio > li div.details{width:208px;}.small-box{width:44%; height:210px;}	#promotion-box > div.inner{width:98%;}	ul#qpi-technology{width:600px;}	ul#qpi-technology > li{width:90px;}	.quote-box{width:143px;}.quote-box p{font-size:16px;}.quote-box > a{font-size:16px;}	div.about-us{width:365px;}	.footerNav{width:95%; padding:10px;}.footerNav > ul > li{margin-bottom:10px;}	div.recent{width:340px;}.footer-contact{clear:both; text-align:center; width:100%;}#leftCol{width:398px;}#contactform p select{width:300px;}#contactform p textarea{width:400px;}.home-post-content{width:58%;}}
@media only screen and (min-width : 1px) and (max-width : 767px){header{height:176px;}	div.header-warper{background-image:none;}	.header-right	{top:0px;height:30px;width:100%;}.header-right > div.right,.search-box,.ul#socialize{display:none;}	nav{float:none;left:154px;margin-top:0;position:absolute;top:95px;width:67%;}	nav > ul{display:none;}	nav select{display:block;background:#fff;border:solid 1px #ddd;width:460px;padding:5px 10px;position:absolute;top:40px;	left:-150px;}	.search-box input[type="text"]{width:93px;}	section#banner{display:none;}	section.service-box > article.service-post{float:left;margin:0 10px 50px 10px;width:92%;}	section.service-box > article.service-post:last-child{margin:0 10px 0 10px;}	section.service-box > article.service-post > div.icon{top:-44px; left:-2px;}	ul.portfolio > li{float:none;margin:10px 20px;width:93%;}	ul.portfolio > li div.thumb{width:100%;}	ul.portfolio > li div.thumb > img{display:block; width:100%;}	ul.portfolio > li div.details{width:100%;}	.home-content{padding:20px; width:90%; overflow:hidden;}	article.left,	article.right		{float:none;}	.small-box{width:87%; margin:10px;height:auto;}	section#tag-service{overflow:hidden;}	ul#qpi-technology{width:100%;}	.quote-box{float:left;clear:both;margin:0;width:100%;}	div.about-us,	div.recent,	.footer-contact	{float:none; margin-right:0; padding:10px; width:90%;}.footer-contact{text-align:center;}	#swifttagcontainerg90yj1z9v5{display:none;}	#leftCol,#right-col,#rightCol		{float:none; width:90%; padding:20px;}	.side-box, .service_links{float:none; width:100%;}		article.cat-post > div.thumb{width:95%; float:none; margin-right:0; margin-bottom:15px;}	a.zoom span{height:100%; width:100%;}	article.detail div.thumb, article.portfolio div.thumb{width:100%;}	#contactform { width:95% !important; margin:0 auto;}	#contactform p textarea{width:100%;}	#experience-box{display:none;}	#contactform p select,	#contactform p input.inpt[type="text"],	#contactform p textarea	{width:95% !important;}	#contactform fieldset ul > li { margin:0 6px 10px 0;}	.home-post-content{width:100%; float:none;}	div.home-box {clear: both;float: none;height: auto;margin: 20px 0;width: 92%;}}
@media only screen and (min-width : 1px) and (max-width : 479px){header{height:224px;}div.topNav > ul > li > a{color:#fff;}nav{float:none;right:0;width:48%;}.search-box{display:none !important;}nav select{top:85px;}section.service-box > article.service-post > div.icon{top:-44px; left:2px;}.topNav{position:absolute;top:135px;right:20px; width:293px;}.small-box{width:82%; height:auto;}#leftCol,#right-col,#rightCol	{float:none; width:90%; padding:20px;}#contactform p select,#contactform p input.inpt[type="text"],#contactform p textarea{width:80%;}}
@media screen and (min-width: 320px)and (max-width: 479px){ nav select{width:310px;}section.service-box > article.service-post{width:88%;}ul.portfolio > li{width:90%; height:auto;}ul.portfolio > li div.thumb{width:100%; height:auto; overflow:visible;}ul.portfolio > li div.thumb > img{display:block; width:100%;}ul.portfolio > li div.details{width:93%; height:auto;}a.view-all{float:none; clear:both;}.home-content{padding:20px; width:85%;}#leftCol,	#right-col,#rightCol{float:none; width:85%; padding:20px;}.breadcrumb { display:none !important;}#contactform fieldset ul > li{ width:95% !important;}#contactform input[type="text"] { width:100% !important;}}
@media screen and (min-width: 240px)and (max-width: 319px){header{height:238px;}nav{width:auto;}nav select{width:230px;top:100px;}section.service-box > article.service-post{width:83%; height:auto;}ul.portfolio > li{width:88%; height:auto;}ul.portfolio > li div.thumb{width:100%; height:auto; overflow:visible;}ul.portfolio > li div.thumb > img{display:block; width:100%;}ul.portfolio > li div.details{width:90%; height:auto;}.topNav{position:absolute;top:135px;right:20px; width:210px;}.small-box{width:75%; height:auto;}.small-box p{text-align:left;}a.view-all{float:none; clear:both;}.home-content{padding:20px; width:80%;}#leftCol,	#right-col,#rightCol{float:none; width:80%; padding:20px;}}