/******************* Responsive ****************/
@media only screen and (max-width:1800px) {}
@media only screen and (max-width:1600px) {}
@media only screen and (max-width:1500px) {
.middleWrapper{width:1200px;}
.space{margin:15px 0;}
article{min-height:650px;}
.space-content .wrapper{width:100%;}


.innerpages .bannerText{min-width:350px;}
}
@media only screen and (max-width:1200px) {
.middleWrapper{width:100%; padding:0 50px;}
ul.socialTags li a, .space-content .wrapper p, ul.navUL li a{font-size:1.6em;}
.space-content .wrapper h2, ul.tabUL li a, ul.workUL li p, .bannerText p{font-size:1.8em}
.bannerText p{font-size:1.7em; line-height:2em}
a.visitSite{right:-250px;}
.space-content .wrapper p{font-size:1.6em}
.innerpages .bannerText h2{font-size:5em}
.topDesc .middleWrapper p{font-size:1.6em}
.space-img h2, .bannerText h2{font-size:4em}
ul.brandUL li{width:75px; margin:5px;}

}
@media only screen and (max-height:710px) {}
@media only screen and (max-width:1360px) {}
@media only screen and (max-width:1279px) {}
@media only screen and (max-width:1024px) {}
@media only screen and (max-width:1023px) {
	.middleWrapper{width:100%; padding:0 25px;}
	ul.navUL li{margin:0 0 0 15px}
	.bannerText h2{font-size:3.0em}
	.bannerText h2 span{font-size:2em;}
	.space-content .wrapper{padding:0 50px;}
	.space-content .wrapper h2{font-size:1.8em;}
	.space-content .wrapper p{font-size:1.6em;}
	.space-img h2{font-size:3.5em; right:50px;}
	.space-img.spaceRight h2{left:50px;}
	ul.brandUL li{width:65px;}
	.clientsWraper .space-img h2{top:100px;}
	.innerpages article.banner01, .innerpages article.banner02{height:450px;}
	.innerpages article.banner01 .bannerText, .innerpages article.banner02 .bannerText{height:100%;}
	.bannerText.arrow.active:after{ height:25%;}
	.bannerText.arrow.active:before{bottom:25%;}
	.topDesc .middleWrapper{width:80%; padding:50px 0;}
	ul.socialTags li a, .topDesc .middleWrapper p{font-size:1.6em; }
	ul.socialTags li{margin:0 5px;}
	.tabDetails .websiteDiv, .tabDetails .videoW, .tabDetails .brandIdentity{width:100%;}
	ul.tabUL li a{font-size:1.8em}
	ul.socialMediaWrap li{padding:5px;}
	
	footer{display:table}
	footer .space-img img{height:auto; width:100%;}
	footer .space-content{padding:20px 0;}
	.contactWrapper{height:100vh;}
	.tabDetails .videoW iframe{height:400px;}
	ul.tabUL li a:hover:after{width:0; left:50%;}
	ul.tabUL li a:active:after{width:100%; left:0;}
	
	a.visitSite{font-size:1.4em; right:-150px;}
	a.visitSite:hover{background:#fff; color:#000;}
	a.visitSite:active{background:#535864; color:#fff;}
	.innerpages .bannerText h2{font-size:4em}
}
@media only screen and (max-width:767px) {
	article{min-height:200px; height:auto;}
	.space-content, .space-img{height:auto; width:100%;}
	.space-img{height:200px;}
	.weDoWrapper .space-img{background-position:right bottom; background-size:auto 100%; background-repeat:no-repeat; background-color:#000;}
	footer .space-content, .space-content{padding:50px 0;}
	.space-img h2{font-size:3em; right:auto; left:50px; text-align:left; top:30px;}
	.brandsWrapper .space-img{background-position:0 0;}
	.space-content .wrapper{padding:0 25px}
	ul.brandUL li{width:50px;}
	footer{height:auto}
	header nav{position:fixed; width:100%; height:100vh; background:#1d2129; left:100%; top:0; padding:60px 25px; opacity:0; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;  transition:all ease 0.3s;}
	header nav.navActive{left:0; opacity:1;}
	ul.navUL li{width:100%; margin:10px 0;}
	ul.navUL li a{font-size:2.2em; }
	header .container{padding:15px 0;}
	a.space-logo img{width:110px;}
	a.menu{display:block; color:#9c9c9c; font-size:1.8em; position:absolute; right:20px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); padding:0 25px 0 0;}
	a.menu span:after{width:20px; height:1px; background:#9c9c9c; content:''; display:block; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
	a.menu span:before{width:1px; height:20px; background:#9c9c9c; content:''; display:block; position:absolute; right:10px; top:50%; -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); display:none; }
	
	a.menu.active span:after{-webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}
	a.menu.active span:before{display:block;}
	
	ul.workUL li p{font-size:1.6em;}
	ul.workUL li p, ul.workUL li a:hover p{left:20px; top:20px;}
	ul.workUL li a:hover img{-webkit-transform:scale(1.01,1.01); -moz-transform:scale(1.01,1.01); transform:scale(1.01,1.01);}
	ul.workUL li a:active img{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
	
	.tabDetails .videoW iframe{height:350px;}
	
	a.visitSite{right:-100px;}
	.servicesWrapper, .clientsWraper, .contactWrapper{height:auto; padding:50px 0 0 0}
	.servicesWrapper{margin:0}
	.servicesWrapper .space-img h2, .clientsWraper .space-img h2{top:30px;}
}
@media only screen and (max-width:640px) {
	.firstSlide{background:url(../images/mobiles-kma-01.jpg) no-repeat center bottom !important; background-size:cover !important;}
	.secondSlide{background:url(../images/mobiles-kma-02.jpg) no-repeat center bottom !important; background-size:cover !important;}
	.thirdSlide{background:url(../images/mobiles-kma-03.jpg) no-repeat center bottom !important; background-size:cover !important;}
	.bannerText{height:auto; top:auto; bottom:0px; padding:50px 50px;}
	.innerpages .bannerText{height:100%; bottom:auto; top:0}
	.shareStory{display:none;}
	ul.workUL li{width:100%;}
	ul.workUL li p, ul.workUL li a:hover p{top:auto; bottom:20px;}
	.innerpages .bannerText{width:100%; max-width:100%; }
	.innerpages .bannerText.arrow{width:auto}
	.bannerText p{font-size:1.6em; line-height:1.4em}
	
	.innerpages article.banner02, .innerpages article.banner01{height:350px;}
	.innerpages article.banner01 .bannerText{height:100%;}	
	.bannerText.arrow.active:after{ height:20%;}
	.bannerText.arrow.active:before{bottom:20%;}
	ul.socialTags li a, .topDesc .middleWrapper p{font-size:1.4em}
	.tabWrapper{padding:40px 0}
	ul.tabUL{padding:0 0 20px 0;  display:none;}
	.tabDetails{display:block !important; margin:40px 0 0 0;}
	.tabDetails:first-child{margin:0}
	.tabDetails .brandIdentity img{margin:25px 0 0 0;}
	.tabDetails .brandIdentity img:first-child{margin:0}
	.tabDetails h2{display:block; width:100%; float:left; text-align:center; font-size:2.4em; color:#fff; margin:0 0 15px 0;}
	.tabDetails .videoW iframe{height:250px;}
	ul.socialTags{display:inline-block; padding:15px 0 0 0;}
	ul.socialTags li{float:none; display:inline-block; margin-bottom:10px;}
	ul.socialTags li a{height:35px; line-height:35px; float:left; padding:0 25px; min-width:135px; display:block }
	.topDesc .middleWrapper{width:100%; padding:40px 15px 30px 15px;}
	.middleWrapper{padding:0 15px;}
	a.visitSite{right:auto; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
	.home .bannerText{left:50%; min-width:100%;}
	.bannerText{padding:50px 25px}
	.space-img h2, .space-img.spaceRight h2{left:25px;}
	.bannerText h2{font-size:2.4em; letter-spacing:5px}
	.bannerText h2 span{font-size:1.8em}
	.space-content .wrapper p, .space-content .wrapper h2{letter-spacing:0.5px;}
	.workArticle .middleWrapper{padding:0}
	ul.socialMediaWrap li{width:100%; margin:5px 0; padding:0;}
	footer .space-content .wrapper p{font-size:1.4em}
}
@media only screen and (max-width:520px) {}
@media only screen and (max-width:420px) {}
@media only screen and (max-width:360px) {
	ul.brandUL li{width:40px;}
	.space-content .wrapper p{font-size:1.6em;}
	.space-content{padding:40px 0 25px 0;}
	.space-img h2{left:0; padding:0 25px;}
	.space-img.spaceRight h2{left:0;}
	.space-img{height:175px;}
	.weDoWrapper .space-img{background-size:50% auto}
	article{overflow:hidden;}
	ul.socialMediaWrap li{width:100%; padding:5px 0}
	
}
@media only screen and (max-width:359px){
	.innerpages.workBanner .bannerText{width:100%}
	.innerpages .bannerText{min-width:50px;}
	.innerpages .bannerText.arrow{width:100%}
	.bannerText.arrow p{font-size:1.5em}
	.bannerText h2{font-size:2.2em; letter-spacing:3px}
	.bannerText h2 span{font-size:1.6em}
	.space-img h2{font-size:2.6em; }
	.space-content .wrapper h2{font-size:1.6em}
	.space-content .wrapper p{font-size:1.5em;}
}