@charset "utf-8";
/* CSS Document */

/************************************************************************************
MOBILE
*************************************************************************************/
@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}
@media screen and (max-width: 860px) {
	.banner {padding: 50px 0 0;width:92%;}
	.bannerLeft { float: none; width: 100%; text-align:center;}
	.headerInner{ height:auto !important;}
	.bannerRight{ float:none; margin:0 auto; top:30px;}
	.bannerLeft p{ width:100%;}
	.bannerLeft ul{ background:none;}
	.bannerNav { padding: 20px 0 30px; text-align:center;}
	.bannerNav li:first-child{padding:0 20px;}
	.bannerNav li {display: inline-block; float: none; padding:0 20px;}
	.bodyInner{ width:92%;}
	.caseStudy { text-align:center;}
	.caseStudy li{ display:inline-block; float:none;}
	.caseStudy li.last{ padding-right:27px;}
	.bodyBottomInner{ width:92%;}
	.bodyBottomInner .boxes.last { background: none; clear: both; padding: 20px 0 0; text-align: center; width: 100%;}
	.bodyBottomInner .boxes .contFormButton{ display:inline-block;}
	.bodyBottomInner .boxes { float: left;  padding: 0 5% 0 5%; width: 40%;}
	.bodyBottomInner .boxes .social-icons a{ width:48%; margin-right:2%; display:block; float:left; }
	.bodyBottomInner .boxes .social-icons a img{ margin:0 !important; width:100%;}
	.bodyBottomInner .boxes input[type="text"], .bodyBottomInner .boxes input[type="email"] { padding: 5px 3%; width: 94%;}
	
	.experience{ background:#f0efed; border:1px solid #e2e2e2; height:140px; padding:14px 30px 0;}
	.jcarousel-skin-tango .jcarousel-next-horizontal{ background:url(../images/arrow-right.png) no-repeat center; top:-10px; right:-30px;}
	.jcarousel-skin-tango .jcarousel-prev-horizontal{ background:url(../images/arrow-left.png) no-repeat center; top:-10px; left:-30px;}
	.jcarousel-skin-tango .jcarousel-next-horizontal:hover{ background:url(../images/arrow-right.png) no-repeat center; top:-10px; right:-30px;}
	.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{ background:url(../images/arrow-left.png) no-repeat center; top:-10px; left:-30px;}
	.footerInner { padding: 25px 4%;  width: 92%;}
	.headerTopInner {width: 92%;}
	nav ul{ width:92%;}
	header.inner .headerInner{ background:none;}
	ul#caseStudyList{ text-align:center;}
	ul#caseStudyList li{ float:none; display:inline-block;}
	.bodyRightInner{ width:98%;}
	/* work page */
	.bodyLeft-work{width:100%; float:none;overflow-x:scroll; overflow-y:hidden;}
	.bodyLeft{width:100%; float:none;}
	.bodyRight{background:none; float:none; margin:0 auto; padding:0px;overflow-x:scroll; overflow-y:hidden;}
	/* OUR TEAM page */
	.teamProfile li{ width:24%;}
	/* HEADER-PART START */
	.logo{width:18%;}
	.logo img{width:100%;}
	.headerTop{height:100px; background-size:cover;}
	.headerTop p{float:left;margin-left:40px;}
	.headerTop .iso{ float:none;margin:13px 0 0 35px;}
	
	}
@media screen and (max-width: 650px) {
	.bodyBottomInner .boxes { padding: 0 2%; width: 40%;}
	
	/* CLIENT LIST page */
	.client-list{width:94%;}
	.bodyLeft .image2{ width:100%;}
	
	/* OUR TEAM page */
	.teamProfile li{ width:32%;}
	/* DEVELOPMENT ENVIRONMENT page */
	.iosBox{ float:none; margin:10px auto;}
	/* HOSTING PARTNERS page */
	.hostPartner .info{width:62%;}
	/* GLOSSARY page */
    .glossary p{float:right;width:70%;margin-left:0px;}	
	.banner.innerBanner h2{font:22px/34px "Century Gothic", Arial, Helvetica, Sans-serif; text-align:center;}
	/* HEADER-PART START */
	.logo{ float:none; width:22%; margin:0 auto; text-align:center;}
	.logo img{width:100%;}
	.headerTop p{float:left;margin-left:0px;}
	.headerTop{ height:200px; background-size:cover;}
	}
	
@media screen and (max-width: 550px) {	
	/* GLOSSARY page */
    .glossary p{float:right;width:65%;margin-left:0px;}	
	
		/* REGISTER ONLINE page */
	.big_join_form .main_column{float:none !important;}
	.big_join_form .secondary_column{float:none !important;}
	.big_join_form .floor{padding: 29px 20px 21px 20px !important; margin-left:0px !important;}
	.big_join_form .add_m{margin-left:200px !important;}
	.big_join_form .main_column{width:100% !important; float:inherit !important;}
	.bodyLeft input[type="text"],
	.bodyLeft input[type="password"] {width:100%;}
	.big_join_form .secondary_column{width:100% !important;float:inherit !important;}
	
	.footerInner .botLeft{float:none; margin:0 auto;}
	.footerInner .botRight{float:none; margin:0 auto; padding:15px 0 0 0;}
}

@media screen and (max-width: 500px) {
	.bodyBottomInner .boxes.first { clear: both; float: none;  margin: 0 auto; width: 69%;}
	.bodyBottomInner .boxes{ background:none; width:100%; float:none;}
	.bodyBottomInner .boxes { background: none repeat scroll 0 0 transparent;  float: none; margin: 0 auto;  padding: 0;  width: 69%;}
	.bannerLeft p span { font-size: 33px; line-height: 38px;}
	.bannerLeft ul li { padding: 0 9px;}
	/* CLIENT LIST page */
	.client-list img{ width:28%; margin:2%;}
	
	/* OUR RESULTS page */
	.seosheet{width:92%;}
	.seosheet img{float:none; display:block; text-align:center; margin:0 auto 10px;}
	.seosheet ul{width:100%;}
	.featuredSEO { margin:10px; position:relative;}
	#body h3{ text-align:center;}
	
		/* IPHONE APPLICATION page */
	ul#iphoneGallery { width:90%;}
	ul#iphoneGallery li { width:36%;}
	ul#iphoneGallery li img {width:100%;}
	/* SPEAKER FUNCTION page */
	#body h3.orange,
	#body b.orange,
	#body h3.orange a{ text-align:left;}
	.bodyLeft .image2{ width:100%;}
	/* OUR TEAM page */
	.teamProfile li{ width:32%;}
	/* ISO CERTIFICATIONS page */
	.iosBoxSingle{float:none;}
	.iosBoxSingle img{ float:none; margin:10px auto; display:block;}
	/* HISTORY page */
	.imgleft-small{ margin:20px auto; display:block; float:none;}
	/* HISTORY page */
	.imgright{margin:20px auto; display:block; float:none;}
	.imgleft{margin:20px auto; display:block; float:none;}
	.hostPartner .info{float:none; width:100%;}
	ul.list-floatrgt { width:92%;	}
	/* GLOSSARY page */
	.glossary ul li{ background:none;margin-bottom:0.5em;display:block;overflow:hidden;border-bottom:dotted 1px #dfdfdf;}
	.glossary h4{background:url(../images/glossary.jpg) repeat; width:92%;}
    .glossary p{float:none;width:96%; clear:both; margin-left:0px;}	
	.imgleft-mid { margin:20px auto; float:none; display:block;}	
	/* HEADER-PART START */
	.logo{ float:none; width:30%; margin:0 auto; text-align:center;}
	.logo img{width:100%;}
	.headerTop{height:100%; height:200px; background-size:cover;}
	.headerTop p{float:left; margin-left:0px;}
	.headerTop .iso{ float:none;margin:13px 0 0 0px;}
	
	}
@media screen and (max-width: 400px) {
	.bannerLeft ul li:first-child{ padding-left:0px;}
	.caseStudy li { background:#f7f7f7;float: left; height:auto;  padding: 8px 3% 11px 3%;  position: relative;  width: 94%; border:1px solid #e5e5e5; border-radius:3px; margin-bottom:30px;}
	.caseStudy li img{ width:100%;}
	.caseStudy li.last { padding-right:2%;}
	.bannerNav li:first-child{padding:0 12px;}
	.bannerNav li { clear: both; float: none;  margin: 0 auto; padding: 0 12px; width: 118px;}
	.bannerRight { background:#727171; height: auto; width:70%; padding:10px;}
	#slides{ padding: 0; position: relative;}
	#slides img{ width:100%;}
	.slides_container{ width:100%;}
	.bodyBottomInner .boxes.first{ width:100%;}
	.bodyBottomInner .boxes{ width:100%;}
	.bodyInner h2{ font-size:22px !important;}
	.bannerLeft p span { font-size: 22px; line-height: 30px;}
	.bannerLeft ul li{ font-size:12px; padding:0 5px;}
	
	/* work page */
	
	/* CLIENT LIST page */
	.client-list img{ width:42%; margin:2%;}
	/* IPHONE APPLICATION page */
	ul#iphoneGallery { width:90%;}
	ul#iphoneGallery li { width:36%;}
	ul#iphoneGallery li img {width:100%;}
	/* SPEAKER FUNCTION page */
	.bodyLeft textarea { width:96%;}
	/* OUR TEAM page */
	.teamProfile li{ width:47%;}
	
	/* HEADER-PART START */
	.logo{ float:none; width:46%; margin:0 auto; text-align:center;}
	.logo img{width:100%;}
	.headerTop{height:100%; height:200px; background-size:cover;}
	.headerTop p{float:right; margin-left:37px;}
	.headerTop .iso{ float:none; margin:13px 0 0 0px;}
	
		.experience{ width:77% !important;}
	}