/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #000; }
body { margin: 0; font-size: 0.8em;  font-family:Arial, verdana, Helvetica, sans-serif; }



a{text-decoration:none;}
a:hover { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
a:hover, a:active { outline: 0; }

form, ul, li, b, h1, h2, h3, h4, h5, h6{font-weight:normal; margin:0; padding:0; list-style:none;}

.clear{clear:both;}


.awards-all{position:fixed; left:0; top:0; z-index:9999}

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/* For Common Selection CLass*/
::-moz-selection { background: #3f3f3f; color: #FFF; text-shadow: none; }
::selection { background: #3f3f3f; color: #FFF; text-shadow: none; }
::-webkit-input-placeholder {color:#8d8d8d;}
:-moz-placeholder {color:#8d8d8d;}
::-moz-placeholder {color:#8d8d8d;}
:-ms-input-placeholder {color:#8d8d8d;}

@font-face {
    font-family: 'modern_no._20regular';
    src: url('fonts/mod20-webfont.eot');
    src: url('fonts/mod20-webfont-.eot#iefix') format('embedded-opentype'),
         url('fonts/mod20-webfont.woff') format('woff'),
         url('fonts/mod20-webfont.ttf') format('truetype'),
         url('fonts/mod20-webfont.svg#modern_no._20regular') format('svg');
}

@font-face {
    font-family: 'myriadPro-Regular';
    src: url('fonts/MyriadPro-Regular.eot');
    src: url('fonts/MyriadPro-Regular-.eot#iefix') format('embedded-opentype'),
         url('fonts/MyriadPro-Regular.woff') format('woff'),
         url('fonts/MyriadPro-Regular.ttf') format('truetype'),
         url('fonts/MyriadPro-Regular.svg#myriadPro-Regular') format('svg');
}

@font-face {
    font-family: 'myriadPro-Semibold';
    src: url('fonts/MyriadPro-Semibold.eot');
    src: url('fonts/MyriadPro-Semibold-.eot#iefix') format('embedded-opentype'),
         url('fonts/MyriadPro-Semibold.woff') format('woff'),
         url('fonts/MyriadPro-Semibold.ttf') format('truetype'),
         url('fonts/MyriadPro-Semibold.svg#myriadPro-Semibold') format('svg');
}

@font-face {
    font-family: 'myriadPro-bold';
    src: url('fonts/myriadpro-bold.eot');
    src: url('fonts/myriadpro-bold-.eot#iefix') format('embedded-opentype'),
         url('fonts/myriadpro-bold.woff') format('woff'),
         url('fonts/myriadpro-bold.ttf') format('truetype'),
         url('fonts/myriadpro-bold.svg#MyriadProBold') format('svg');
}


/* COMMON CLASSES FOR IMAGES AND FONTS */
.nav-in h1 a, .social a, .work_box1, .work_box2, .work_box3, .cont, a.close, nav .nav-in a, .loc-ico, #awards, .quick-contact-in ul li.chat a, .address ul li, .likeUs li.like,#awards #awww,.awww_in h3,.logobite h3{background-image:url("../images/common1.png");  background-position:center 0; background-repeat:no-repeat;}
header .headerBg3, header .headerBg31, header .headerBg32, header .headerBg4{background-image:url("../images/common2.png");  background-repeat:no-repeat;}
#creative-lab h2,#contact-us h2,  #our-work h2, #our-work .catagory, #studio h2, #team h2, .footer-in h6{background-image:url("../images/common5.png");  background-repeat:no-repeat;}

.studioBg2{background-image:url("../images/cloud2.jpg"); background-repeat:no-repeat; height:999px; } 
.contactusBg1{background-image:url("../images/news-whiteBg.png"); background-repeat:no-repeat; height:999px;}

#contact-us .contactusMap{background-image:url("../images/map.jpg"); background-repeat:no-repeat;}
.clear{clear:both;}



.close, .nav-in h1{text-indent:-9999px}

nav, footer, #lab, #contact{position:absolute; width:100%;}
.studioBg1, .studioBg2, .studioBg3, #contact-us, .headerBg2, .teamBgIn, .quick-contactBg,  .topicBg2, .headerBg3, .headerBg31, .headerBg32, .headerBg4, .contactBg, .contactusBg1, .contactusMap{position:absolute; width:100%;}
.contact-us-in, #about .about-in, .footer-in, .studio-in, .team-in, .awwward-in, .loc-ico, .catagory-in, .work-in, #awards{margin:0 auto 0 auto; width:1150px;}
nav .nav-in{margin:0 auto 0 auto; width:1130px;}



#our-work, #awwward, .address, .nav-in a, .about-in h2, .studio-in h4, #team h4, .studio-in p, .header-in h5, .contact-us-in h6, #our-work h3, .box span,#awww .awww_in a, #awards p,#awards label{font-family: 'myriadPro-Regular';}
#about ul li, .nav-in a span, #about .about-in h2 span, .studio-in h4 span, #team h4 span, .studio-in p a, #studio p.creative-note span, .contact-us-in h6 b, .header-in h5 span, .quick-contact-in ul li h3, .ins-quote ul li h3, #awwward a span{font-family: 'myriadPro-bold';}
#about ul li label, #studio h3, .studio-in h2, #contact h2, #awwward span, .catagory-in a span, #studio p, .work-in, #msgquot, a.bth, .social label, .address ul li, input, textarea, .footer-in p, .ins-quote-in ul li.header p, #creative-lab p, #awards a, .imail span, .footer-in h6{font-family: 'myriadPro-Regular';}
#our-work .catagory .catagory-in a, #our-work h3 span, #our-work .work-in h4, a.git, #creative-lab p span, .imail a, .address ul li span, .address ul li.eml a, .footer-in h6 a, #portfolio-in .box h3{font-family: 'myriadPro-Semibold';}

#contact-us h2, #our-work h2, #studio h2, #studio h3, #team h2, #creative-lab h2, .undercns{font-family: 'modern_no._20regular';}

#getintouch{ height:1px; top:0px;}
#trionndesign{position:absolute; height:1px;  top:0;}
#studiolookbooks{height:1px;  position:absolute; margin-top:-90px}
#lookbooksservices{height:1px;  position:absolute; margin-top:-90px}

/* MAIN AND CONTAINER CLASSES */
#main{width:100%;}
#container{ z-index:1020;}

/* CONTACT US PART ******************************************/

#contact-us h2{background-position:center 95px; background-position:center -1810px;}
#contact-us{z-index:9996; overflow:hidden; top:-950px; height:950px; background-color:#fff; position:absolute;}
#contact-us .contactusBg1{height:950px;  z-index:10; top:0; background-position:center 0; }
#contact-us .contactusMap{top:-500px; height:1400px; z-index:9; background-position:center -13px;}
#contact-us h2{color:#5e5e5e; top:-200px; position:relative; font-size:3.9em;  line-height:52px; z-index:10; padding:32px 0 47px 0; text-align:center !important; text-transform:uppercase}
#contact-us h2 span{color:#1a1a1a;display:block; font-size:2.2em;}

.loc-ico{display:none; width:100px; height:150px; position:relative; z-index:11; background-position:center -720px; margin:-78px auto 0 auto;}
.contact-us-in{display:none; position:relative; z-index:11; }
.contact-us-in .quick-contact{ height:152px; overflow:hidden; position:relative;}
.quick-contact-in{position:relative; z-index:50;}
a.bth{position:absolute; font-size:1.5em; color:#000; margin:-291px 0 0 886px;}
a.bth:hover{color:#ee224d;}

.quick-contact-in ul li{float:left; width:325px}
.quick-contact-in ul li.header{width:318px;}
.quick-contact-in ul li h3{color:#fff; font-size:3em; padding:57px 0 0 36px; letter-spacing:-1px}
.quick-contact-in ul li.imail{color:#fff;  padding:45px 0 0 0;  width:350px; line-height:34px; letter-spacing:-1px}
.quick-contact-in ul li.imail a{ color:#fff; font-size:2.4em;}
.quick-contact-in ul li.imail span{display:block;  letter-spacing:0;  font-size:1.6em;}
.quick-contact-in ul li.chat{padding:35px 0 0 0;}
.quick-contact-in ul li.chat a{-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size:1.2em; color:#fff; display:block; float:left; width:90px; padding:10px 7px 8px 50px; margin:0 10px 10px 0;}

.quick-contact-in ul li.chat a.skype{background-position:-76px -1344px}
.quick-contact-in ul li.chat a.skype:hover{background-position:-76px -1394px}

.quick-contact-in ul li.chat a.gPlus{background-position:-243px -1343px}
.quick-contact-in ul li.chat a.gPlus:hover{background-position:-243px -1393px}

.quick-contact-in ul li.chat a.yahoo{background-position:-415px -1345px}
.quick-contact-in ul li.chat a.yahoo:hover{background-position:-415px -1395px}

.quick-contact-in ul li.chat a.msn{background-position:-582px -1344px}
.quick-contact-in ul li.chat a.msn:hover{background-position:-582px -1394px}

.quick-contactBg{height:1042px; background-color:#d40a37; text-align:left; background-image:url("../images/headerBg2.png");  top:0px;  background-position:center 0; background-repeat:no-repeat; z-index:20;}
.contact-us-in .ins-quote{height:334px; background-color:#fff;}

.ins-quote-in ul li{float:left; padding:36px 0 0 36px; }
.ins-quote-in ul li h3{color:#343434; font-size:3em; letter-spacing:-1px}
.ins-quote-in ul li.header{width:363px;}
.ins-quote-in ul li.header p{float:left; width:280px;font-size:1.1em; color:#5e5e5e; border-bottom:1px solid #c6c6c6; margin:0; padding:8px 0 36px 0;}
.ins-quote-in ul li.header .social{margin:0 !important; padding:15px 0 0 0; clear:both;}
.ins-quote-in ul li.header .social label{display:block !important; font-size:2em; color:#5e5e5e; text-transform:none; padding:0 0 10px 0}
.ins-quote-in ul li.form{width:550px;}
.ins-quote-in ul li.form input{padding:11px 13px 9px; border:1px solid #c9c9c9; width:237px; font-size:1.2em;  float:left; margin:0 8px 8px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input, textarea{box-shadow: inset 2px 2px 2px #f5f5f5; -webkit-box-shadow: inset 2px 2px 2px #f5f5f5; -moz-box-shadow: inset 2px 2px 2px #f5f5f5; color:#666;}

.input_error{ background-color:#ffefef; color:#000 !important;}
.textbox{color:#666; }
.ins-quote-in ul li.form textarea{padding:11px 13px 9px; border:1px solid #c9c9c9; width:510px; height:70px; resize:none; font-size:1.2em; color:#666; float:left; margin:0 8px 8px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.contact-us-in h6 span a{color:#000 !important; }
.contact-us-in h6 a:hover{color:#ee224d !important; }

.gmt{ float:right !important; margin:0px 12px 0 0 !important; width:200px  !important; font-size:1.3em !important; color:#fff !important; border:none !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
	background: -moz-linear-gradient(top,  #535353 0%, #3f3f3f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#3f3f3f));
  background: -webkit-linear-gradient(top,  #535353 0%,#3f3f3f 100%);
  background: -o-linear-gradient(top,  #535353 0%,#3f3f3f 100%);
  background: -ms-linear-gradient(top,  #535353 0%,#3f3f3f 100%);
  background: linear-gradient(to bottom,  #535353 0%,#3f3f3f 100%);
  background-color:#535353;
 /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#3f3f3f',GradientType=0 ); */
  box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important;
}
.gmt:hover{cursor:pointer;
	background: -moz-linear-gradient(top,  #3f3f3f 0%, #535353 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#535353)); 
  background: -webkit-linear-gradient(top,  #3f3f3f 0%,#535353 100%); 
  background: -o-linear-gradient(top,  #3f3f3f 0%,#535353 100%); 
  background: -ms-linear-gradient(top,  #3f3f3f 0%,#535353 100%); 
  background: linear-gradient(to bottom,  #3f3f3f 0%,#535353 100%);  
  background-color:#3f3f3f;
  
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#535353',GradientType=0 ); */
}
.gmt:active{
	box-shadow: inset 2px 3px 3px #282828 !important; -webkit-box-shadow: inset 2px 2px 2px #282828 !important; -moz-box-shadow: inset 2px 2px 2px #282828 !important;
	cursor:pointer; padding:9px 10px 6px 10px;  
	background: -moz-linear-gradient(top,  #7d7d7d 0%, #535353 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7d7d), color-stop(100%,#535353)); 
  background: -webkit-linear-gradient(top,  #7d7d7d 0%,#535353 100%); 
  background: -o-linear-gradient(top,  #7d7d7d 0%,#535353 100%); 
  background: -ms-linear-gradient(top,  #7d7d7d 0%,#535353 100%); 
  background: linear-gradient(to bottom,  #7d7d7d 0%,#535353 100%);
  background-color:#535353; 
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7d7d', endColorstr='#535353',GradientType=0 ); */
}

input.focus, textarea.focus{background:#f8f8f8; color:#000 !important; }
#msgquot{position:absolute; display:none; background:#fff; z-index:10; color: #262626; line-height:30px; font-size: 1.4em;  margin:0; height:100px; padding:81px 0 9px 0px; width: 538px; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #c9c9c9;}
#msgquot span{color:#34b800}  
.process{position:absolute; display:none; background:url("../images/loader.gif") 50% 50% no-repeat; margin:22px 0 0 80px; padding:41px 25px 41px 25px; width:340px; height:60px;}

.contact-us-in h6{font-size:1.1em; text-align:left; padding:14px 34px 11px; background-color:#fff; border-top:1px solid #cccccc; border-bottom:1px solid #424242;}
.contact-us-in h6 span{float:right;}

a.close{display:block; cursor:pointer; top:16px !important; right:13px !important; float:right; background-position:-561px -65px; width:50px; height:50px;  position:absolute;}
a.close:hover{background-position:-606px -65px;}


.boxcy { position:relative; display:block;}

/* NAVIGATION PART */
nav{top:0; height:68px; overflow:hidden;  z-index:9995; border-bottom:0px solid #000; position:fixed;}

.nav-in h1{width:150px; height:69px; float:left }
.nav-in h1 a{float:left;   padding:0 !important; margin:0 !important; width:150px; height:69px; background-position:0 -120px !important;}

.nav-active{background-color:#333 !important;}
.nav-active .nav-in-link{height:69px; text-align:right;}
.nav-active .nav-in-link .nav-in-link{ text-align:left; margin:0 0 0 0;}
.nav-active .nav-in-link a{text-transform:uppercase; background-position:right -202px !important; color:#a4a4a4; display:inline-block; font-size:1.2em; padding:25px 15px 24px 15PX; margin:0 0 0 0px}
.nav-active .nav-in-link a:hover{color:#fff; background-position:right -302px !important; }
.nav-active .nav-in-link a.active{color:#fff; background-position:right -302px !important; }
.nav-active .nav-in-link #home{color:#a4a4a4;}
.nav-active .nav-in-link #home:hover{color:#fff;}

.nav-in-link{height:69px; text-align:right;}
.nav-in-link .nav-in-link{text-align:right; margin:0px 0 0 0; }
.nav-in-link a{text-transform:uppercase; background-position:right -100px !important; color:#fff; display:inline-block; font-size:1.2em; padding:25px 15px 24px 15PX; margin:0 0 0 0px}
.nav-in-link a:hover{color:#fff; background-position:right 0  !important;}
.nav-in-link a.active{color:#fff !important; background-position:right 0  !important;}

#home{text-transform:uppercase; color:#fff; font-size:1.2em; padding:25px 15px 24px 15PX; margin:0 0 0 0px}
.nav-in-link a.active{color:#fff}

/* TOP PART HEADER MAIN SECTIONS */
header{position:fixed;  width:100%; top:-1px; height:494px; overflow:hidden; z-index:300; }


header .headerBg{height:1012px; overflow:hidden; text-align:left;  top:0px; background-position:center 0; background-repeat:no-repeat;}
header .headerBg2{height:1042px; text-align:left; background-image:url("../images/headerBg2.png");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20}

header .headerBg3, header .headerBg31, header .headerBg32, header .headerBg4{height:544px; text-align:left; top:0; background-position:center 0;  background-repeat:no-repeat;}

header .headerBg3{background-position:center -55px; z-index:50; left:-180px;}
header .headerBg31{background-position:center -594px; z-index:48; display: none;}
header .headerBg32{background-position:center -1138px; z-index:46; display: none;}
header .headerBg4{background-position:-380px -1682px; z-index:60;}
/*header .headerBg5{background-image:url("../images/headerBg5.png"); z-index:60; position: absolute; top: 0px; left: 1250px; width: 550px; height: 531px;}*/
@media (max-width: 1280px) and (min-width: 1024px){
  header .headerBg4{background-position:-700px -1682px!important;}
}
@media (max-width: 1440px) and (min-width: 1280px){
  header .headerBg4{background-position:-600px -1682px!important;}
}
@media (max-width: 1600px) and (min-width: 1441px){
  header .headerBg4{background-position:-520px -1682px!important;}
}

header .header-in{height:100px; top:-140px; width:1000px;  position:relative; margin:0 auto 0 auto; padding:0 0 0 0; z-index:9999}
header .header-in h5{font-weight:normal; font-size:2em; color:#fff; padding:30px 0 30px 0; border:1px; letter-spacing:-1px; margin:0 auto 0 auto; background-position:0 0; background-repeat:repeat;  position:relative; z-index:50; text-align:center; }
header .header-in h5 span{font-size:1.6em; letter-spacing:-2px; }
header .header-in h1{margin:0 0 0 28px;  width:335px; height:130px; float:left; background-position:-8px -277px;}
header .header-in h1 a{display:block;  width:335px; height:130px; float:left;}
.header-in .tagLine{float:right; width:460px;}
.header-in h2{color:#4663c0; font-size:4.3em;  padding:13px 0 0 0; letter-spacing:-3px;}
.header-in h2 span{color:#ff4900;}
.header-in h3{ font-size:2em; color:#4e4e4e; margin:-10px 0 0 0; background-position:0px 18px;}
.header-in h3 span{display:block; color:#4e4e4e;  padding:2px 0 0 0;  font-size:22px !important; letter-spacing:0 !important}
.headerMore{background-color:#ff0000 !important; position:fixed;}

/* HEADER QUICL CONTACT PART */
#about{/*height:930px;*/ /*height:850px;*/ margin-top:543px !important; z-index:200; border:0px solid #ff0000}
#about .about-in h2{width:1000px; font-size:2.3em; color:#656464; padding:10px 0 50px 0; border-bottom:1px solid #cccccc; margin:0 auto 0 auto;  background-position:0 0; background-repeat:repeat;  position:relative; z-index:50; text-align:center;}
#about .about-in h2 .one{color:#151515;}
#about .about-in h2 .two{color:#434343; }
#about .about-in h2 .three{color:#6b6b6b; }
#about .about-in h2 span{font-size:1.4em; letter-spacing:-1px; color:#000;}
#about ul {margin:35px 0 0 0}
#about ul li{float:left; height:60px; font-size:1.9em; text-align:center; line-height:27px;}
#about ul li label{display:block; font-size:0.6em; color:#7a7a7a;}
#about ul li.m-email{width:390px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#about ul li.m-email a{color:#676767;}
#about ul li.lr{width:300px;}
#about ul li a:hover{color:#e61c3b;}
#about ul li.lr a{color:#000;}
#about ul li.lr a:hover{color:#e61c3b;}


.social{color:#676767; position:absolute; width:212px; font-size:0.6em; text-transform:uppercase; margin:0 0 0 44px;}
.social a{height:32px; width:32px; display:inline-block; margin:0 2px 0 0px; cursor:pointer;}
.social a.fb{background-position:-2px -2px;}
.social a.fb:hover{background-position:-2px -35px;}
.social a.in{background-position:-38px -2px;}
.social a.in:hover{background-position:-38px -35px;}
.social a.twt{background-position:-75px -2px;}
.social a.twt:hover{background-position:-75px -35px;}
.social a.gp{background-position:-111px -2px;}
.social a.gp:hover{background-position:-111px -35px;}
.social a.gp2{background-position:-147px -2px;}
.social a.gp2:hover{background-position:-147px -35px;}

/* HONOURS AND AWARDS */
#awards{text-align:center; background: none; background-position:center -1144px; margin-top:60px;}
#awards a{font-size:1.1em; display:block; line-height:20px; padding:50px 0 10px 0; width:460px; margin:0 auto 0 auto; color:#585858;}
#awards a span{color:#cd983a; }
#awards #awww { background-color:#fff; width:100%; margin:30px 0 35px 0;  border-top:5px solid #e40030; border-bottom:1px solid #ccc; padding:40px 0; background-position:center  -2358px;}
#awww .awww_in,#awww .logobite{ width:40%; float:left; text-align:center;}
#awww .logobite {float:right;}
.logobite h3 {background-position:-839px -1828px; height:40px; display:block;}
.awww_in h3 {background-position:-858px -1684px; height:40px; display:block;}
.awww_in h4,.awww_in h5,.logobite h4, .logobite h5 {font-family: 'myriadPro-Semibold'; font-size:1.5em; color:#000; margin:10px 0 2px;}
#awww .awww_in a, #awww .logobite a {display:inline; font-size:1.3em; color:#8f8f8f; padding:0;}
.awww_in h5,.logobite h5 {margin-top:20px;}
#awww .awww_in a:hover, #awww .logobite a:hover{color:#e61c3b;}
#awards p {font-size:1.6em; margin:0 0 5px !important; color:#585858;}
#awards p span {font-family: 'myriadPro-Semibold'; color:#000}
#awards p a { display:inline !important; font-size:1em !important; color:#E9274A;}
#awards p a:hover {color:#000;}
#awards label { font-size:1.2em; color:#b9b9b9;}

.undercns{height:370px; display:none; position:absolute; width:1000px; z-index:1000; font-size:3em; color:#fff; background-color:#000; text-align:center;}

/* OUR WORK PART */
#our-work{text-align:center; padding:90px 0 0 0; margin:0 auto 0 auto; border:0px solid #0000ff;}
#our-work h2{color:#5e5e5e;   position:relative; font-size:3.9em;  line-height:53px; z-index:10; padding:32px 0 47px 0; text-align:center !important; text-transform:uppercase}
#our-work h2{background-position:center -1811px;}
#our-work h2 span{color:#1a1a1a;display:block; font-size:2.2em;}
#our-work h3{color:#5e5e5e;  font-weight:normal !important; position:relative; font-size:2.4em;  line-height:38px; z-index:10; padding:0 0 47px 0; text-align:center !important;}
#our-work h3 span{color:#1a1a1a;display:block; font-size:1.3em; letter-spacing:-1px}
#our-work .topicBg{height:367px; overflow:hidden; position:relative; text-align:left;  top:0px; background-position:center 0; background-repeat:no-repeat;}
#our-work .topicBg2{height:1042px; text-align:left; background-image:url("../images/headerBg2.png");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20}


#our-work .catagory{ position:absolute; width:100%; z-index:100; top:0px; background-position:center 0;}
#our-work .catagory .catagory-in {height:370px;}
#our-work .catagory .catagory-in a{float:left;  height:210px; color:#fff; font-size:46px;  letter-spacing:-3px}
#our-work .catagory .catagory-in a span{display:block; margin:-14px 0 0 0; font-size:21px; letter-spacing:0px; width:260px; margin-top: 0px;}
#our-work .catagory .catagory-in a.web{width:253px; margin-top:370px; margin-left:110px !important; }
#our-work .catagory .catagory-in a.brand{width:279px; margin-top:370px; margin-left:90px !important; }
#our-work .catagory .catagory-in a.brand span{padding-left:5px !important;}
#our-work .catagory .catagory-in a.app{width:335px; margin-top:370px; margin-left:80px !important; }

#our-work .work-in{ font-size:1.4em; margin:55px auto 0 auto; color:#5c5c5c; line-height:25px; text-align:center;}
#our-work .work-in h4{font-size:2.4em; color:#000; text-align:center; letter-spacing:-1px; margin:50px 0 50px 0}
#our-work .work-in a.git{display:block; width:400px; padding:20px; font-size:1.8em; margin:0 auto 0 auto; color:#8d8d8d; border-top:1px solid #999; border-bottom:1px solid #999;}
#our-work .work-in a.git:hover{color:#e51d37; border-top:1px solid #000; border-bottom:1px solid #000;}


/* STUDIO TRIONN PART */
#studio{ border:0px solid #ff0000; padding-top:210px; position:relative;}
#studio .studio-in{border-top:1px solid transparent; z-index:300; top:0; }
.studioBg1{z-index:1; margin:120px 0 0 0; height:999px; background-position:center 0; }
.studioBg2{z-index:2; margin:120px 0 0 0; background-position:center 0;}
.studioBg3{z-index:3; margin:120px 0 0 0; background-position:center 0;}

#studio h2{color:#5e5e5e;   position:relative; font-size:3.9em;  line-height:53px; z-index:10; padding:32px 0 47px 0; text-align:center !important; text-transform:uppercase}
#studio h2{background-position:center -2034px;}
#studio h2 span{color:#1a1a1a;display:block; font-size:2.2em;}

#studio .studio-in h4{position:absolute !important; width:1000px; font-size:2.1em; color:#656464; padding:30px 0 30px 0; border:1px; letter-spacing:0; margin:0; position:relative; z-index:50; text-align:center;}
#studio .studio-in h4 span{font-size:1.4em; letter-spacing:-1px}
#studio .studio-in h4 .one{color:#151515; }
#studio .studio-in h4 .two{color:#434343; }
#studio .studio-in h4 .three{color:#6b6b6b; }
#studio .big-box{ z-index:100; width:788px; height:257px;  margin:190px 0 0 100px; position:absolute; overflow:hidden;  background-color:#f23d06;}

.servicebox{max-width: 1000px; margin: 24px auto;}
.servicebox .box{width: 44%; float: left; text-align: center; margin: 0px 0px; padding:10px 20px;}
.servicebox .box img{width:40px;}
.servicebox .box h3{font-size: 28px; color: white; font-family: 'myriadPro-Regular'; font-weight:bold;}
.servicebox .box p{font-family: 'myriadPro-Regular'; font-size: 17px; color: white;}
.clr{clear:both;}

.cont{width:788px; height:257px; position:absolute;  z-index:1000}
.cont div{ float:left; height:202px; position:absolute; margin-top:45px}
.cont div span{display:block;  float:left; background-image:url("../images/exp.png"); background-repeat:no-repeat;}
.cont .n1{width:160px;  overflow:hidden}
.cont .n1 span{height:444px;width:160px; background-position:24px -25px; margin-top:0;}
.cont .n2{width:170px;  overflow:hidden; margin-left:140px;}
.cont .n2 span{height:3206px;  width:170px; background-position:-194px -1500px; margin-top:0;}
.b0{background-position:10px -262px; height:1337px; top:0;}
.b1{display:none; position:relative; z-index:1000;}
.b2{display:none; position:relative; z-index:1000;}
.b3{display:none; position:relative; z-index:1000;}

.b1 h5 { text-align:center; text-shadow:1px 1px 1px #613200; -moz-text-shadow:1px 1px 2px #000000; -webkit-text-shadow:1px 1px 2px #000000; font-family: 'myriadPro-Regular'; font-size:2.6em; color:#fff; margin-top:36px; line-height:45px;}
.b1 h5 span.big { font-family: 'myriadPro-bold'; font-size:1.6em; letter-spacing:-2px; }
.b1 h5 span.med { font-family: 'myriadPro-Semibold'; font-size:1em; }
.b1 h5 span.small { font-family: 'myriadPro-Regular';font-size:0.7em; }
.b1 h5 span.small b {font-family: 'myriadPro-Semibold';font-size:1.1em }
.b1 h5 span.small3 { font-family: 'myriadPro-Regular'; font-size:0.8em; }

.b2 h5 { text-align:center; text-shadow:1px 1px 1px #661248; -moz-text-shadow:1px 1px 2px #000000; -webkit-text-shadow:1px 1px 2px #000000; font-family: 'myriadPro-Regular'; font-size:2.4em; color:#fff; margin-top:36px; line-height:45px;}
.b2 h5 span.big {font-family: 'myriadPro-bold'; font-size:1.5em; letter-spacing:-2px; }
.b2 h5 span.med { font-family: 'myriadPro-Semibold'; font-size:1em; }
.b2 h5 span.small { font-family: 'myriadPro-Regular'; font-size:0.7em; }
.b2 h5 span.small b { font-weight:bold; font-family: 'myriadPro-bold'; }
.b2 h5 span.small3 { font-family: 'myriadPro-Regular'; font-size:0.8em; }

.b3 h5 { text-align:center; text-shadow:1px 1px 1px #660a66; -moz-text-shadow:1px 1px 2px #000000; -webkit-text-shadow:1px 1px 2px #000000; font-family: 'myriadPro-Regular'; font-size:2.7em; color:#fff; margin-top:37px; line-height:45px; }
.b3 h5 span.big { font-family: 'myriadPro-bold'; font-size:1.5em; letter-spacing:-2px; }
.b3 h5 span.med { font-family: 'myriadPro-Semibold'; font-size:1em; }
.b3 h5 span.med2 { font-family: 'myriadPro-Semibold'; font-size:0.9em; }
.b3 h5 span.small {font-family: 'myriadPro-Regular'; font-size:0.7em; }
.b3 h5 span.small b { font-weight:bold; font-family: 'myriadPro-bold';}
.b3 h5 span.small2 { font-family: 'myriadPro-Regular';font-size:0.6em; }
.b3 h5 span.small3 { font-family: 'myriadPro-Regular'; font-size:0.8em; }

.innerBg{height:1064px; width:1229px; background-image:url("../images/innterBg.png");  top:-342px; left:-100px;position:absolute; background-position:center 0; background-repeat:no-repeat; z-index:30}
#studio .box{width:254px; height:181px; background-color:#3e3e3e;  z-index:100;position:absolute; top:806px;}
#studio .box1{margin:0 0 0 100px;}
#studio .box2{margin:0 0 0 354px; border-left:13px solid #fff;}
#studio .box3{margin:0 0 0 621px;border-left:13px solid #fff;}

.work_box1, .work_box2, .work_box3{color:#fff; height:67px; text-align:center; font-family: 'myriadPro-Semibold' !important; font-size:1.4em; font-weight:normal; padding:90px 0 0 0; margin-top:25px; }
.work_box1 span, .work_box2 span, .work_box3 span { color:#fff; font-family: 'myriadPro-Regular' !important; font-size:1em; font-weight:normal; }
.work_box1 {  background-position:38px -1586px; }
.work_box1:hover { background-position:38px -1805px; }
.work_box2 {background-position:-188px -1586px;}
.work_box2:hover { background-position:-188px -1803px; }
.work_box3 {background-position:-414px -1586px;}
.work_box3:hover { background-position:-414px -1805px; }

#studio p{margin:460px 0 100px 0;  z-index:102; position:relative; color:#4e4e4e; text-align:center; font-size:1.9em; letter-spacing:0;}
#studio p a{color:#e9274a;}
#studio p a:hover{color:#000;}

/* TRIONN TEAM PART */
#team{ border:0px solid #ff0000; padding-top:100px; position:relative;
	
	}
#team .team-in{border:0px solid #000; z-index:300; top:0;  height:750px;}
#team  h4{font-size:2.1em; color:#656464; padding:0 0 30px 0; border:1px; letter-spacing:0; margin:0; position:relative; z-index:50; text-align:center;}
#team  h4 span{font-size:1.4em; letter-spacing:-1px; color:#1A1A1A}
#team .team-in2{/*margin-left:-160px;*/ border:0px solid #000; z-index:300; top:0; position:relative;  height:850px;}

.teamBg{height:750px; border:0px solid #ff0000; overflow:hidden; position:absolute; width:100%}
/*.teamBgIn{height:1042px; text-align:left; background-image:url("http://www.trionndesign.com/images/test.jpg");  top:0px; background-position:12px -283px; background-repeat:no-repeat; z-index:20;}*/
.teamBgIn{height:750px; text-align:left; background-image:url("../images/headerBg2.png");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20;}



#team h2{color:#5e5e5e;   position:relative; font-size:3.9em;  line-height:53px; z-index:10; padding:32px 0 35px 0; text-align:center !important; text-transform:uppercase}
#team h2{background-position:center -1584px;}
#team h2 span{color:#1a1a1a;display:block; font-size:2.2em;}

#team .tBox{width:305px; height:715px; margin-top:78px;  border:0px solid #00ff00; position:absolute; z-index:100;  background-image:url("../images/team-sprite.png");
	
	
	}
#team .tp1{background-position:0 0; left:-212px;   z-index:200}
#team .tp2{background-position:-304px 0; left:-81px; z-index:200}
#team .tp3{background-position:-585px -10px; left:18px; z-index:190}
#team .tp4{background-position:-920px 0; left:120px; z-index:200}
#team .tp5{background-position:-1246px 0; left:327px; z-index:130}
#team .tp6{background-position:-1521px 0; left:417px; z-index:180}
#team .tp7{background-position:-1832px 0; left:526px; z-index:190}
#team .tp8{background-position:-2152px 0; left:637px; z-index:180}
#team .tp9{background-position:-2457px 0; left:754px; z-index:190}
#team .tp10{background-position:-2780px 0; left:878px; z-index:200}

#team .tp14{background-position:-2570px -720px; left:250px; z-index:200}
#team .tp15{background-position:-2213px -720px; left:250px; z-index:201}

#team .tp11{background-position:-688px -723px; width:570px; border:0px solid #000;  margin-top:77px; left:60px; z-index:201}
#team .tp12{background-position:-51px -719px; width:570px; border:0px solid #000;  margin-top:100px; left:-204px; z-index:200}
#team .tp13{background-position:-1361px -875px; height:413px; width:600px; border:0px solid #000;  left:530px; top:360px;  z-index:200}


/* TRIONN STUDIO CREATIVE LAB PART */
#creative-lab{border:0px solid #00ff00; padding-top:70px; position:relative; z-index:100;}
#creative-lab p{margin:10px 0 0 0; color:#696969;  text-align:center; font-size:1.6em; letter-spacing:0;}
#creative-lab p span{color:#585858;}
.creative-lab-in{width:1000px; margin:0 auto 0 auto; }
.creative-lab-in p {margin:-10px 0 0 0;}
span.space{display:block; line-height:0; font-size:0.1em; height:1px @important;}
#creative-lab h2{text-transform:uppercase; line-height: 44px;  position:relative; font-size:9.1em; letter-spacing:-7px; color:#ff0048; text-align:center; padding:0 0 35px 0; margin:70px 0 0 0;}
#creative-lab h2{ background-position:center -1577px;}
#creative-lab h2 span{  color:#000; }
#creative-lab h2 span.one{font-size:0.8em; margin:0 50px 0 -274px; letter-spacing:3px; line-height:90px;}
#creative-lab h2 span.two{margin:0 0 0 400px; font-size:0.6em; letter-spacing:1px}
#creative-lab p.creative-note{margin:0 !important;}

#lab{ overflow:hidden; position:relative; z-index:300; margin:20px 0 0 0;}
.fadein {overflow:hidden;  margin:0 auto 0 auto !important; width:2000px; height:499px;}

#headerimgs{ margin:0 auto 0 auto !important; width:100%; height:647px;}
.headerimg { background-position: center top; background-repeat: no-repeat; height:499px; position:absolute !important; width:100%; margin:0 auto 0 auto}

.fadein img{ margin:0 auto 0 -40px; position:absolute; margin:0 auto 0 auto}
.awwward-in{z-index:5555}
#awwward{padding:20px 0 20px 0;  width:1000px; line-height:44px; letter-spacing:-2px; position:absolute; font-size:3.2em; color:#000; text-align:center; margin:500px 0 0 0; z-index:5555}
#awwward span{color:#434343;}
#awwward span b{font-weight:normal; color:#000000;}
#awwward a:hover{color:#000 !important;}
#awwward a:hover span{color:#000 !important}

#awwward a{color:#000}
#awwward span.pink{color:#ff0048 !important;}

/*** Like Buttons *****/ 
.social-box-line{text-align:center; padding:0px 0 0px 0px; margin:10px 0 0 0}
.social-box-bg {  text-align:center; font-weight:normal !important}
.sl{border:none !important}

.facebook-like{padding:13px 6px 6px 8px; width:60px;}
.linked-like{padding:13px 6px 6px 8px; width:62px;}
.twt-like{padding:13px 6px 6px 8px; width:61px;}
.google-like{padding:15px 6px 6px 8px; width:63px;}

.likeUs{border:0px solid #000; right:-313px; padding:0px;  position:fixed; top:80px; height:85px; z-index:9999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }	
.likeUs li{width:78px; height:85px; float:left; margin-left:0px; text-align:center; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 0px; }

.likeUs li.like{background-position:-898px -2020px; border:0px solid #00ffff}
.likeUs li.fb-but{background-color:#3b5998;}
.likeUs li.ld-but{background-color:#0073b2;}
.likeUs li.twt-but{background-color:#00acee;}
.likeUs li.gp-but{background-color:#292929;}	


/* FOOTER CLASS  */ 
footer { z-index:150;}
.footer-in{font-size:0.8em; padding:0 0 0 0; color:#959595;}

.address{border-top:1px solid #ddd; padding:45px 0 50px 0; border-bottom:1px solid #ddd}
.address ul{margin:0 0 0 80px}
.address ul li{float:left; height:90px; padding-top:11px !important;  font-size:1.4em; color:#6d6d6d;}
.address ul li label{display:block; }
.address ul li.add{background-position:-62px -2022px; width:180px; padding:0 0 0 56px;}
.address ul li.add span{color:#000;}
.address ul li.mob{background-position:-65px -2214px; width:180px; padding:0 0 0 48px;  color:#6d6d6d !important;}
.address ul li.eml{background-position:-441px -2034px; width:186px; padding:0 0 0 63px;}
.address ul li.eml a{color:#000;}
.address ul li a:hover{color:#ee224d !IMPORTANT;}
.address ul li.sn{background-position:-438px -2212px; width:80px; padding:0 0 0 64px;}
.address ul li.sn a{color:#6d6d6d;}

.footer-in h6{text-align:center; background-position:center -2064px; font-size:3em; color:#393939; margin:55px 0 0 0}
.footer-in h6 a{background-color:#ff0048; color:#fff; font-size:1.3em; padding:12px 10px 8px 10px; width:402px; letter-spacing:-1px; display:block; margin:5px auto 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.footer-in h6 a:hover{background-color:#505050;}
.footer-in h6 span{font-size:14px}
.footer-in h6 span b{color:#ee224d !IMPORTANT;}

.footer-in .social-box-line{text-align:center !important; padding:0px 0 0px 281px; margin:10px 0 50px 0}
.footer-in .social-box-bg {  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #e9e9e9; text-align:center; font-size:1.4em !important; color:#fff;  background-color:#fff; background-position:-268px -69px;  margin:0px 7px 0 0; float:left; height:20px; text-align:center; line-height:17px;}
.footer-in p{font-size:1.3em; color:#7c7c7c; text-align:center; margin:55px 0 0 0 ; line-height:20px;}
.footer-in p span{display:block; margin:50px 0 20px 0; font-size:0.8em;}
.footer-in p a{color:#000; text-decoration:underline; text-transform:uppercase}
.footer-in p a:hover{color:#ee224d !IMPORTANT;}


/********/

.res-bg{position:fixed; display:none1; width:100%; height:100%; top:0; background:url("../images/bb.png") 0 0 repeat;z-index:9999; border:0px solid #ff0000}
.res-bg-in{width:1075px; background-color:#ff0000; height:658px; margin:80px auto 0 auto; background:url("../images/responsive.png") 0 0 repeat;}
.res-bg-in a{display:block; height:100px; width:100px; margin:20px 20px 0 0; float:right; border:0px solid #000;}

/*********/

/****************** Portfolio Part ***************************/
header.port-header {height:69px;  position:fixed !important}





#link_part {padding-top:105px; padding-bottom:20px; width:100%; position:fixed; z-index:151; background-color:#fff;}
.links_in,#book_port, #brand_port, #app_port {width:1000px; margin:0 auto;}
.links_in a { cursor:pointer; float:left; font-family:'myriadPro-Semibold'; font-size:3.4em; color:#cacaca; letter-spacing:-5px; border-bottom:7px solid #b2b2b2;  padding-bottom:18px; width:285px; margin-right:47px;}
.links_in a label{cursor:pointer}
.links_in a span  {font-family:'myriadPro-Regular'; font-size:14px; letter-spacing:0px; display:block; float:left; width:172px; margin-top:8px; line-height:17px; color:#9d9d9d;}


.links_in a label{float:left; margin:0 14px 0 0}
.links_in a span.fst { margin-right:0; }
.links_in a span.trd { margin-right:0; }  


.links_in #web-portfolio:hover,.links_in #web-portfolio.active {border-bottom:7px solid #db242d; color:#000}
.links_in #web-portfolio:hover span,.links_in #web-portfolio.active span{color:#000}

.links_in #brand-portfolio:hover,.links_in #brand-portfolio.active {border-bottom:7px solid #ffd200; color:#000}
.links_in #brand-portfolio:hover span,.links_in #brand-portfolio.active span{color:#000}

.links_in #app-portfolio:hover,.links_in #app-portfolio.active {border-bottom:7px solid #69408b; color:#000}
.links_in #app-portfolio:hover span,.links_in #app-portfolio.active span{color:#000}



#portfolio {margin-top:250px;position:relative;}
#portfolio-in{width:1000px; height:1600px; margin:0 auto 0 auto; position:relative; overflow:hidden;}

#portfolio-in .box span{ height:26px;  width:48px; float:right; text-align:center; background-color:#3f3f3f; display:inline-block; padding:11px 0;  font-size:22px; color:#fff; }
#portfolio-in .box h3{border:0px solid #000; position:absolute; margin:100px 0 0 20px; text-transform:uppercase; width:250px; float:left; font-size:1.4em; padding:10px 0 0 0; color:#767676;}
#book_port, #brand_port, #app_port{position:absolute !important; width:100%; }
#portfolio-in .box {margin:0 1px 15px 0; float: left; width:332px; overflow:hidden;}
#portfolio-in .box a{display:block; margin-top:48px;}


#book_port .view {position:absolute; padding:7px 0 4px 0; background-color:#303030; bottom:0; width:100%; text-align:center; z-index:150; margin:20% auto 0 0; border:0px solid #99f; font-family: 'myriadPro-Regular';  color:#fff; font-size:1.3em; display:none}
/*----- Web Part -----*/
#book_port{}
#book_port .part1 {height:269px;}
#book_port .part2 {height:317px;}
#book_port .part3 {height:297px;}
#book_port .part4 {height:266px;}
#book_port .part5 {height:266px;}
#book_port .part6 {height:266px;}
#book_port .part7 {height:287px;}
#book_port .part8 {height:269px;}
#book_port .part9 {height:269px;}
#book_port .part10 {height:269px;}
#book_port .part11 {height:269px;}
#book_port .part12 {height:298px;}
#book_port .part13 {height:286px;}
#book_port .part14 {height:512px;}
#book_port .part15 {height:269px;}


/*------ Brand Part --------- +48 */
#brand_port { margin:0 0 0 100%;}
#brand_port .part1 {height:214px;}
#brand_port .part2 {height:336px;}
#brand_port .part3 {height:320px;}
#brand_port .part4 {height:500px;}
#brand_port .part5 {height:540px;}
#brand_port .part6 {height:392px;}
#brand_port .part7 {height:540px;}
#brand_port .part8 {height:432px;}
#brand_port .part9 {height:392px;}


/*------ Apps Part ---------*/
#app_port { margin:0 0 0 200% }
#app_port .part1 {height:348px; width:332px !important}
#app_port .part2 {height:298px;}
#app_port .part3 {height:248px;}
#app_port .part4 {height:318px;}
#app_port .part5 {height:185px;}
#app_port .part6 {height:442px; width:332px !important}
#app_port .part7 {height:609px;}
#app_port .part8 {height:450px;}
#app_port .part9 {height:392px;}

.desktop{display:block}
.mobl{display:none}
/*********************************************/


/***********/

@media (max-width: 568px) {
	.mobl{display:block}
	.desktop{display:none}
	
	}

nav .blk_box, nav .blk_box .menu, nav .submenu,#slider, #slider .slider_in  {display:none;}
@media screen and  (min-width: 310px) and (max-width: 479px)
{
	
	header.port-header {height:49px !important;}
	
	.awards-all{display:none}
	.res-bg{display:none}
	
	.undercns{height:437px; display:none; position:absolute; width:310px; z-index:1000; font-size:3em; color:#fff; background-color:#000; text-align:center;}
	 
	 nav {overflow:visible;}
	 .nav-active{background-color:#000 !important; height:48px;}
	.nav-in-link {display:none;}
	.nav-in h1 a{height:48px !important; background-position: 0 -93px !important; background-size: 985px auto !important; -o-background-size:985px auto !important;  
  -webkit-background-size:985px auto !important;   
  -khtml-background-size:985px auto !important;   
  -moz-background-size:985px auto !important; width: 113px !important;}
	/*-------------------------- For Nevigation Part ----------------------------*/
	 nav .blk_box {background-color:#000; opacity:0.73; padding:24px 25px 24px 26px; position:fixed; z-index:1; display:block; top:0px; right:0px;}
	 nav .blk_box .menu { cursor:pointer; width:27px; position:fixed; z-index:1; border:2px solid #FFF; display:block; right:9px; top:11px; background:url("../images/menu_icon1.png") center no-repeat; height:19px;}
	 nav .submenu { width:100%; text-align:center; z-index:-1; position:fixed; padding:47px 0 0;  display:none; right:0px; top:0;  background-color:#000; opacity:0.83; }
	 nav .submenu a {display:block; color:#FFF; font-size:1.1em !important;text-transform:uppercase; padding:15px 0; border-bottom:1px solid #8c8b8b;}
	 nav .submenu a.last{border:none;}
	 nav .submenu a#home {padding:15px 0; border-bottom:1px solid #8c8b8b;}
	/*-------------------------- End Nevigation Part ----------------------------*/
	#contact-us .contactusMap{background-image:none;}
	#contact-us h2 span {font-size:2em;}
	.studioBg2{display:none !important;}
	.contact-us-in, #about .about-in, .studio-in, .awwward-in, .loc-ico, .work-in, #awards{margin:0 auto 0 auto; width:310px !important;}
	#awwward{font-size:1.6em; line-height:24px; margin-top:338px; letter-spacing:-1px;}
	#about .about-in h2{font-size:1.5em; width:700px !important;}
	#our-work h2, #studio h2, #team h2{font-size:1.7em; line-height:39px; padding:0 0 20px 0; letter-spacing:-2px; line-height:26px;
	background-position:center -720px;
	background-size: 788px auto !important;
 	-o-background-size:788px auto !important;  
  -webkit-background-size:788px auto !important;   
  -khtml-background-size:788px auto !important;   
  -moz-background-size:788px auto !important;}
		
	#creative-lab{padding-top:0;}	
	#creative-lab	h2{font-size:4.5em; background-position:center -969px; padding:10px 0 30px 0 ; line-height:17px;
	background-size: 1070px auto !important;
 	-o-background-size:1070px auto !important;  
  -webkit-background-size:1070px auto !important;   
  -khtml-background-size:1070px auto !important;   
  -moz-background-size:1070px auto !important;}
	
	#creative-lab h2 span.one{margin:0 64px 0 -109px; letter-spacing:0; font-size:0.5em; line-height:42px;}
	#creative-lab h2 span.two{margin:0 0 0 187px; font-size:0.5em;}
	#lab{margin-top:0;}

	#our-work{padding-top:90px;}
	#our-work .work-in{margin-top:20px; line-height:21px;}
	#our-work .work-in p{font-size:0.9em; margin:0 30px ;}
	#our-work .work-in h4{ font-size:1.4em !important; margin-top:15px; margin-bottom:15px; line-height:25px;}	
	#our-work .work-in a.git{font-size:1.3em !important; width:265px; padding:15px 0 15px 0;}
		
	#our-work h3{font-size:1.3em; line-height:20px;  padding:0 0 20px 0;}
/* SLIDER PART */
	#slider{height:425px; width:100%; display:block; margin:0 auto !important; }
	#slider img{width:100%; margin-top: 10px; height:340px;}
	/*#slider .slider_in { display:block; float:left; overflow:hidden; width:100%;}*/
	
/* END SLIDER PART */
	#headerimgs{height:327px; display:none;}
	#headerimgs div{
	-o-background-size:872px auto !important;  
  -webkit-background-size:872px auto !important;   
  -khtml-background-size:872px auto !important;   
  -moz-background-size:872px auto !important;
  background-size: 872px auto !important;}
  
	header{height:315px !important; overflow:hidden; z-index:300; top:-1px !important; display:block; position:relative !important;}
	header .headerBg2, header .headerBg31, header .headerBg32, header .headerBg3, .headerBg4{display:none;}
	header .headerBg{margin-top:-100px !important; height:315px;}
	header .headerBg2-1{display:block; height:315px; width:100%; background-image:url("../images/topBanner-small2.jpg");  top:0px; background-position:center -35px; background-repeat:no-repeat; z-index:20;
	-o-background-size:530px auto !important;  
  -webkit-background-size:530px auto !important;   
  -khtml-background-size:530px auto !important;   
  -moz-background-size:530px auto !important;
  background-size: 530px auto !important;}
	
	.topicBg2{display:none;}
	.topicBg2-none{height:449px; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20;}
	
	#our-work .topicBg{height:437px;}
	#our-work .catagory {background:none;}
	#our-work .topicBg .catagory-in{width:310px !important;}
	#our-work .topicBg .catagory-in a{font-size:4.7em; letter-spacing:-5px; margin-top:0px !important; height:132px; text-align:center; border-bottom:5px solid #fff;}
	#our-work .topicBg .catagory-in a span{font-size:16px;  margin:-9px 0 0 6px; font-family:'myriadPro-Semibold'; line-height:17px; }
	
	#our-work .catagory .catagory-in a.web{width:275px; margin:9px 0 0 15px !important;}
	#our-work .catagory .catagory-in a.brand{margin-left:15px!important; width:275px; margin-top:7px !important}
	#our-work .catagory .catagory-in a.app{margin-left:15px !important; width:275px; border:none;  margin-top:7px !important}
	#our-work .topicBg .catagory-in a.app span {margin-top:0px;}
	
	.cont .n1 span{background-position:14px -25px;}
	.b0{background-position:-30px -262px;}

	 #contact-us h2, #our-work .catagory{
	-o-background-size:1200px auto !important;  
  -webkit-background-size:1200px auto !important;   
  -khtml-background-size:1200px auto !important;   
  -moz-background-size:1200px auto !important;
  background-size: 1200px auto !important;}
	
	#about{margin-top:0 !important; height:955px; border:0px solid #000}
	#about .about-in h2{padding:20px 0 20px 0; width:310px !important; font-size:1.2em;}
	#about ul{margin-top:8px;}
	#about ul li{float:left; height:40px;}
	#about ul li a{font-size:0.9em}
	#about ul li label{display:none}
	#about ul li.lr{width:311px; display:none;}
	#about ul li .iq{padding-left:0; line-height:41px;}
	#about ul li.lr2{width:300px !important; padding:0px 0 0;}
	#about ul li.lr2 .social{margin-left:51px !important;  margin-top:13px;}
	
	#about ul li.m-email{width:311px; border:none;}
	#about ul li.m-email a{ line-height:41px;}
	#about ul li.lr .social{margin-left:9px; }
	#awwward{width:310px}
	
	#awards{width:310px; margin-top:85px; background-position:center -625px;
	-o-background-size:835px auto !important;  
  -webkit-background-size:835px auto !important;   
  -khtml-background-size:835px auto !important;   
  -moz-background-size:835px auto !important;
  background-size: 835px auto !important;}
	#awards a{padding:132px 0 10px; font-size:1.1em; width:310px;}
	
	#awards #awww {padding:20px 0; background-image:none; margin:25px 0;}
	#awww .awww_in, #awww .logobite {width:100%; float:left !important;}
	#awww .logobite {margin-top:20px;}
	.awww_in h3 { background-position:-908px -1684px;}
	.logobite h3 { background-position:-882px -1828px;}
	.awww_in h4, .awww_in h5, .logobite h4, .logobite h5 {font-size:1.3em; margin:0;}
	.awww_in h5, .logobite h5 {margin-top:6px !important;}
	#awww .awww_in a, #awww .logobite a {font-size:1.2em;}
	#awards p {font-size:1em;}
	#awards label {font-size:0.9em;}
	
	.servicebox .box{width: 90%; padding:5px 20px;}
	.servicebox .box img{width:15px;}
	.servicebox .box h3{font-size: 18px;}
	.servicebox .box p{font-size: 15px;}
	.teamBgIn, .teamBg, #team .team-in{height:1040px;}
	#our-work .catagory .catagory-in a{font-size: 32px; letter-spacing: -2px;}
	
	
	#about{height:180px;}	
	.b0 .n1, .b0 .n2{margin-top:0px;}
	.b0 .n2{margin-left:50px;}
	.cont div{height:200px;}	
	#team{padding:0;}
	
	.footer-in h6 a{font-size:1em; width:250px; margin-left:19px; padding: 8px 10px;}
	.footer-in p{font-size:1.3em; margin:30px 25px;}
	.footer-in ul{margin-left:10px}
	.footer-in{border:0px solid #000; width:310px;}
	.footer-in li{float:left; border:0px solid #000}
	.footer-in h6{background-position:center -2064px;  margin-top:25px !important; font-size: 2.3em;}
	
	.cont .n1 span{background-position:4px -232px !important;}
	.cont .n2 span{background-position:-211px -2983px !important;}
	
	.address{font-size:1.4em; padding:25px 0 20px;}
	.address ul li{margin-bottom:20px; font-size:1em}
	.address ul li.add, .address ul li.mob, .address ul li.eml, .address ul li.sn {margin-left:30px;} 
	.address ul li.add{width:198px; padding:0 0 0 53px; }
	.address ul li.mob{width:130px;  padding:0 0 0 55px; margin-bottom:-12px;}
	.address ul li.eml{width:200px;  padding:0 0 0 53px; }
	.address ul li.sn{width:90px;  padding:0 0 0 55px; background-position: -438px -2202px;}
	
	#studio{padding-top:110px;}
	#studio h2{background-position:center -630px; padding:0 0 10px 0;}
	#studio .studio-in h4, #team h4{width:298px; font-size:1.2em; padding:10px 0; margin-left:9px;}
	#studio p{margin:360px 0 80px; font-size:1.3em; }
	#studio .box{width:98px; height:55px; margin-top:-353px !important;}
	#studio .big-box{width:304px !important; margin-top:107px !important; height:160px; font-size:0.9em}
	#studio .big-box, #studio .box1{margin-left:3px; height: 201px; margin-top: 144px!important;}	
	#studio .box2{margin-left:101px; border-left:5px solid #fff}	
	#studio .box3{margin-left:204px; border-left:5px solid #fff}
	.b0{background-position:-5px -77px;
	background-size: 533px auto !important;
 	-o-background-size:533px auto !important;  
  -webkit-background-size:533px auto !important;   
  -khtml-background-size:533px auto !important;   
  -moz-background-size:533px auto !important; margin-left:9px;}
	.b0 .n1{width:46px;}
	.b0 .n2{margin-left:46px;}
	.b0 .n1, .b0 .n2{margin-top:27px;}
	.b0 .n1 span{background-position:-14px -101px  !important}
	.b0 .n2 span{background-position:-97px -1448px  !important}
	.b0 .n1 span, .b0 .n2 span{
	background-size: 184px 3082px !important;
 	-o-background-size:184px 3082px !important;  
  -webkit-background-size:184px 3082px !important;   
  -khtml-background-size:184px 3082px !important;   
  -moz-background-size:184px 3082px !important;}
	.b2 h5 span.big{font-size:1.3em; }
	.b1 h5 span.big, .b2 h5 span.big, .b3 h5 span.big {font-family: 'myriadPro-Regular'; font-size:1em !important; letter-spacing:1px;}
	 .b1 h5 span.med, .b2 h5 span.med, .b3 h5 span.med {font-family: 'myriadPro-Regular';}	
	 .b1 h5 span.small {font-size:0.8em;}
	#creative-lab p{font-size:1.3em}
	.b1 h5{line-height:19px !important; margin-top:10px; font-size:1.8em; padding-top:10px;}
	.b2 h5, .b3 h5{line-height:22px !important; margin-top:10px !important; font-size:1.7em !important; padding-top:10px;}
	.work_box1, .work_box2, .work_box3{margin-top:13px;  margin:0 2px 0 2px; background-image:none; padding:10px 0 0 0; font-size:1em; height:50px; line-height:17px;}
	.work_box1{background-position:25px -1578px;}
	.work_box2{background-position:-198px -1578px;}
	.work_box3{background-position:-425px -1578px;}
	.work_box1 span,.work_box2 span,.work_box3 span {display:none;}
	
	.innerBgSmall{height:1064px; width:1229px; background-image:url("../images/innterBg.png");  top:-342px; left:-100px;position:absolute; background-position:center 0; background-repeat:no-repeat; z-index:30}
	.innerBg{display:none;}
	.nav-in{width:100% !important;}
	 header .headerBg32, header .headerBg31, header .headerBg3, header .headerBg4, .headerBg2{background-size: 1384px auto !important;
 	-o-background-size:1384px auto !important;  
  -webkit-background-size:1384px auto !important;   
  -khtml-background-size:1384px auto !important;   
  -moz-background-size:1384px auto !important;
  height:365px; }
	#contact-us .loc-ico{display:none !important}
	#contact-us{height:566px;}
	#contact-us h2{font-size:1.8em; line-height:24px; padding:10px 0 16px 0;}
	.ins-quote-in ul li.header .social, .ins-quote-in ul li.header{display:none;}
	.contact-us-in .ins-quote{height:224px;}
	.contact-us-in h6{padding:10px 0 30px; text-align:center;}
	.contact-us-in h6 span {margin:3px 60px 0 0;}
	.contact-us-in .quick-contact{height:179px;}
	
	.quick-contact-in ul li {margin-left:5px; width:310px;}
	.quick-contact-in ul li h3{display:none;}
	.quick-contact-in ul li.header{ width:148px; margin:-29px 0 0; line-height:34px;}
	.quick-contact-in ul li.imail{width:305px; padding-top:20px; text-align:center; line-height: 23px !important;}
	.quick-contact-in ul li.imail a{ color:#fff; font-size:2.2em;}
  .quick-contact-in ul li.imail span{display:block;  letter-spacing:0;  font-size:0.6em !important;}
	.quick-contact-in ul li.chat{padding-top:10px;}
	.quick-contact-in ul li.chat a {margin:0px 7px 7px 0px; font-family:'myriadPro-bold';}
	.ins-quote-in ul li.header{width:263px;}
	.ins-quote-in ul li.form{width:371px; padding:14px 0 0 0px;}
	.ins-quote-in ul li.form textarea{width:293px; height:50px; padding:9px 7px 6px; font-size:1.1em;}
	.ins-quote-in ul li.form input{width:134px; padding:9px 7px 6px; font-size:1.1em;}
	.ins-quote-in ul li.form .gmt{margin-right:62px !important; width:308px !important; font-size:1.4em !important;}
	.process{margin-right:0;}
	.likeUs{display:none}
	
	.quick-contactBg{display:none;}
	.quick-contactBg-non{height:179px; position:absolute; width:100%; background-color:#d40a37; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px;  background-position:-647px -9px;  background-size: 1177px auto !important; -o-background-size:1177px auto !important;  
  -webkit-background-size:1177px auto !important;   
  -khtml-background-size:1177px auto !important;   
  -moz-background-size:1177px auto !important; background-repeat:no-repeat; z-index:20;}

/*----- Start Portfolio Part ------*/
	#link_part {padding-top:60px;}	
	.links_in {width:290px;}
	.links_in a {width:82px; font-size:1.6em; letter-spacing:-1px; margin-right:22px; padding-bottom:5px;}
	.links_in a, .links_in #web-portfolio:hover, .links_in #web-portfolio.active, .links_in #brand-portfolio:hover,.links_in #brand-portfolio.active, .links_in #app-portfolio:hover,.links_in #app-portfolio.active {border-bottom-width:4px;}
	.links_in a.tab {margin-right:0;}
	.links_in a span {font-size:12px; line-height:15px; margin-top:6px; display:none;}
	.links_in a span.fst {margin-right: 24px;}
	.links_in a span.trd {margin-right: 38px;}
	#portfolio {margin-top:115px;}
	#portfolio-in {width: 290px; height:3750px; }
	#portfolio-in .box {width:290px !important;}
	#portfolio-in .box a img {width:290px !important;}
	#portfolio-in .box h3 {font-size:1.2em;}
/*----- Web Part -----*/	
#book_port .part1 {height:444px;}
#book_port .part2 {height:289px;}
#book_port .part3 {height:332px;}
#book_port .part4 {height:444px;}
#book_port .part5 {height:480px;}
#book_port .part6 {height:348px;}
#book_port .part7 {height:478px;}
#book_port .part8 {height:383px;}
#book_port .part9 {height:348px;}
/*------ Brand Part ---------*/
#brand_port .part1 {height:446px;}
#brand_port .part2 {height:291px;}
#brand_port .part3 {height:333px;}
#brand_port .part4 {height:445px;}
#brand_port .part5 {height:480px;}
#brand_port .part6 {height:350px;}
#brand_port .part7 {height:480px;}
#brand_port .part8 {height:385px;}
#brand_port .part9 {height:350px;}


/*------ Apps Part ---------*/
#app_port .part1 {height:248px;}
#app_port .part2 {height:538px;}
#app_port .part3 {height:543px;}
#app_port .part4 {height:543px;}
#app_port .part5 {height:543px;}
#app_port .part6 {height:222px;}
#app_port .part7 {height:609px;}
#app_port .part8 {height:450px;}
#app_port .part9 {height:392px;}
/*----- End Portfolio Part ------*/
	
}


@media screen and  (min-width: 480px) and (max-width: 629px){
	
	.lr{display:none;}
	
	.awards-all{display:none}
	header.port-header {height:49px !important;}
	.res-bg{display:none}
	.undercns{height:437px; display:none; position:absolute; width:480px; z-index:1000; font-size:3em; color:#fff; background-color:#000; text-align:center;}
	.nav-in-link {display:none;}
	 nav {overflow:visible;}
	 .nav-active{background-color:#000 !important; height:48px;}
	.nav-in h1 a{height:48px !important; background-position: 0 -93px !important; background-size: 985px auto !important; -o-background-size:985px auto !important;  
  -webkit-background-size:985px auto !important;   
  -khtml-background-size:985px auto !important;   
  -moz-background-size:985px auto !important; width: 113px !important;}
	 /*-------------------------- For Nevigation Part ----------------------------*/
	 nav .blk_box {background-color:#000; opacity:0.73; padding:24px 25px 24px 26px; position:fixed; z-index:1; display:block; top:0px; right:0px;}
	 nav .blk_box .menu { cursor:pointer; width:27px; position:fixed; z-index:1; border:2px solid #FFF; display:block; right:9px; top:11px; background:url("../images/menu_icon1.png") center no-repeat; height:19px;}
	 nav .submenu { width:100%; text-align:center; z-index:-1; position:fixed; padding:47px 0 0;  display:none; right:0px; top:0;  background-color:#000; opacity:0.83; }
	 nav .submenu a {display:block; color:#FFF; font-size:1.1em !important;text-transform:uppercase; padding:15px 0; border-bottom:1px solid #8c8b8b;}
	 nav .submenu a.last{border:none;}
	 nav .submenu a#home {padding:15px 0; border-bottom:1px solid #8c8b8b;}
	/*-------------------------- End Nevigation Part ----------------------------*/
	#contact-us .contactusMap{background-image:none;}
	.studioBg2{display:none !important;}
	.contact-us-in, #about .about-in, .studio-in, .awwward-in, .loc-ico, .work-in, #awards{margin:0 auto 0 auto; width:480px !important;}
	#awwward{font-size:1.9em; line-height:30px; margin-top:339px; letter-spacing:-1px;}
	#about .about-in h2{font-size:1.5em; width:700px !important;}
	#our-work h2, #studio h2, #team h2{font-size:1.9em; line-height:39px; padding:0 0 20px 0; letter-spacing:-2px; line-height:26px;
	background-position:center -720px;
	background-size: 788px auto !important;
 	-o-background-size:788px auto !important;  
  -webkit-background-size:788px auto !important;   
  -khtml-background-size:788px auto !important;   
  -moz-background-size:788px auto !important;}
		
	#creative-lab{padding-top:0;}	
	#creative-lab	h2{font-size:5em; background-position:center -756px; padding:0 0 15px 0 ; line-height: 24px;
	background-size: 958px auto !important;
 	-o-background-size:958px auto !important;  
  -webkit-background-size:958px auto !important;   
  -khtml-background-size:958px auto !important;   
  -moz-background-size:958px auto !important;}
	
	#creative-lab h2 span.one{margin:0 62px 0 -122px; letter-spacing:0; font-size:0.6em; line-height: 43px;}
	#creative-lab h2 span.two{margin:0 0 0 202px; font-size:0.6em;}
	#lab{margin-top:0;}

	#our-work{padding-top:75px;}
	#our-work .work-in{margin-top:20px;}
	#our-work .work-in p{font-size:0.9em; margin:0 30px ;}
	#our-work .work-in h4{ font-size:1.4em !important; margin-top:20px; margin-bottom:30px;}	
	#our-work .work-in a.git{font-size:1.5em !important; width:300px; padding:10px 0 10px 0;}
		
	#our-work h3{font-size:1.5em; line-height:24px;  padding:0 0 20px 0;}
	
	#headerimgs{display:none;}
/* SLIDER PART */
	#slider{height:440px; width:100%; display:block; margin:0 auto !important; }
	#slider img{width:100%; margin-top: 10px; height:340px;}
/* END SLIDER PART */
	#headerimgs div{
	-o-background-size:872px auto !important;  
  -webkit-background-size:872px auto !important;   
  -khtml-background-size:872px auto !important;   
  -moz-background-size:872px auto !important;
  background-size: 872px auto !important;}
  
	header{height:199px !important; overflow:hidden; z-index:300; top:-1px !important; display:block; position:relative !important;}
	header .headerBg2, header .headerBg31, header .headerBg32, header .headerBg3, .headerBg4{display:none;}
	header .headerBg{margin-top:-100px !important; height:238px;}
	header .headerBg2-1{display:block; height:238px; width:100%; background-image:url("../images/topBanner.jpg");  top:0px; background-position:center -15px; background-repeat:no-repeat; z-index:20;
	-o-background-size:652px auto !important;  
  -webkit-background-size:652px auto !important;   
  -khtml-background-size:652px auto !important;   
  -moz-background-size:652px auto !important;
  background-size: 652px auto !important;}
	
	.topicBg2{display:none;}
	.topicBg2-none{height:430px; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px; background-position:-376px -99px; background-size: 1014px auto !important; -o-background-size:1014px auto !important;  
  -webkit-background-size:1014px auto !important;   
  -khtml-background-size:1014px auto !important;   
  -moz-background-size:1014px auto !important; background-repeat:no-repeat; z-index:20;}
	
	#our-work .topicBg{height:375px;}
	#our-work .catagory {background:none;}
	#our-work .topicBg .catagory-in{width:480px !important;}
	#our-work .topicBg .catagory-in a{font-size:62px; letter-spacing:-5px; margin-top:25px !important; height:70px; border-bottom:5px solid;}
	#our-work .topicBg .catagory-in a span{font-size:16px; margin:-73px 0 0 204px; line-height: 16px;}
	
	#our-work .catagory .catagory-in a.web{width:415px; margin-left:30px !important;}
	#our-work .catagory .catagory-in a.brand{margin-left:30px !important; width:415px;}
	#our-work .catagory .catagory-in a.app{margin-left:30px !important; width:415px;}
	
	
	.cont .n1 span{background-position:14px -25px;}
	.b0{background-position:-30px -262px;}

	 #contact-us h2, #our-work .catagory{
	-o-background-size:1200px auto !important;  
  -webkit-background-size:1200px auto !important;   
  -khtml-background-size:1200px auto !important;   
  -moz-background-size:1200px auto !important;
  background-size: 1200px auto !important;}
  
  .teamBgIn, .teamBg, #team .team-in{height:850px;}
	
	#about{margin-top:0 !important; height:180px; border:0px solid #000}
	#about .about-in h2{padding:20px 0 20px 0; width:420px !important; font-size:1.5em;}
	#about ul{margin-top:8px;}
	#about ul li{float:left; height:45px;}
	#about ul li a{font-size:1em}
	#about ul li label{display:none}
	#about ul li.lr{width:479px;}
	#about ul li .iq{padding-left:13px; line-height:41px;}
	#about ul li.lr2{width:370px !important; padding:0px 0 0;}
	#about ul li.lr2 .social{margin-left:136px !important;  margin-top:13px;}
	
	#about ul li.m-email{width:479px; border:none;}
	#about ul li.m-email a{ line-height:41px;}
	#about ul li.lr .social{margin-left:9px; }
	#awwward{width:480px}
	
	#awards{width:480px; margin-top:65px; background-position:center -844px;
	-o-background-size:971px auto !important;  
  -webkit-background-size:971px auto !important;   
  -khtml-background-size:971px auto !important;   
  -moz-background-size:971px auto !important;
  background-size: 971px auto !important;}
	#awards a{padding:38px 0 10px; font-size:1.1em}
	
	#awards #awww {padding:20px 0; margin:10px 0; background-position: -192px -1616px; background-size: 909px auto !important;}
	#awww .awww_in {width:45% !important;}
	#awww .logobite {width:38% !important;}
	.awww_in h3 { background-position: -773px -1401px; background-size: 1100px auto;}
	.logobite h3 { background-position: -773px -1520px; background-size: 1100px auto;}
	.awww_in h4, .awww_in h5, .logobite h4, .logobite h5 {font-size:1.2em; margin:0;}
	.awww_in h5 {margin-top:10px !important;}
	.logobite h5 {margin-top:28px !important;}
	#awww .awww_in a, #awww .logobite a {font-size:1em;}
	#awards p {font-size:1.2em; margin:0 !important;}
	#awards label {font-size:0.8em;}
	
	.footer-in h6 a{font-size:1em; width:352px; margin-left:47px;}
	.footer-in p{font-size:1.5em; margin:30px 25px;}
	.footer-in ul{margin-left:10px}
	.footer-in{border:0px solid #000; width:480px;}
	.footer-in li{float:left; border:0px solid #000}
	.footer-in h6{background-position:center -2064px;  margin-top:25px !important;}
	
	.cont .n1 span{background-position:4px -232px !important;}
	.cont .n2 span{background-position:-211px -2983px !important;}
	
	.address{font-size:1.4em; padding:25px 0 20px;}
	.address ul li{margin-bottom:20px; font-size:1em}
	.address ul li.add{width:198px; padding:0 0 0 53px; margin-left:10px; }
	.address ul li.mob{width:130px;  padding:0 0 0 55px;}
	.address ul li.eml{width:200px;  padding:0 0 0 53px; margin-left:10px; }
	.address ul li.sn{width:90px;  padding:0 0 0 55px;}
	
	.servicebox .box{width: 90%; padding:5px 20px;}
	.servicebox .box img{width:25px;}
	.servicebox .box h3{font-size: 22px;}
	.servicebox .box p{font-size: 16px;}
	.teamBgIn, .teamBg, #team .team-in{height:1040px;}
	#our-work .catagory .catagory-in a{font-size: 64px; letter-spacing: -2px;}
	
	
	#studio{padding-top:110px;}
	#studio h2{background-position:center -630px; padding:0 0 10px 0;}
	#studio .studio-in h4, #team h4{width:480px; font-size:1.3em; padding:10px 0;}
	#studio p{margin:380px 0 100px; font-size:1.3em; }
	#studio .box{width:145px; height:70px; margin-top:-350px !important;}
	#studio .big-box{width:460px !important; margin-top:145px !important; height:208px; font-size:0.9em}
	#studio .big-box, #studio .box1{margin-left:10px;}
	#studio .box2{margin-left:155px;}
	#studio .box3{margin-left:313px;width:144px !important; }
	.b0{background-position:-10px -150px;
	background-size: 823px auto !important;
 	-o-background-size:823px auto !important;  
  -webkit-background-size:823px auto !important;   
  -khtml-background-size:823px auto !important;   
  -moz-background-size:823px auto !important;}
	.b0 .n1{width:110px;}
	.b0 .n2{margin-left:33px;}
	.b0 .n1, .b0 .n2{margin-top:5px;}
	.b0 .n1 span{background-position:13px -121px !important}
	.b0 .n2 span{background-position:-112px -1725px !important}
	.b0 .n1 span, .b0 .n2 span{
	background-size: 275px 3670px !important;
 	-o-background-size:275px 3670px !important;  
  -webkit-background-size:275px 3670px !important;   
  -khtml-background-size:275px 3670px !important;   
  -moz-background-size:275px 3670px !important;}
	.b2 h5 span.big{font-size:1.3em;}
	
		
	#creative-lab p{font-size:1.3em}
	.b1 h5{line-height:30px !important;}
	.b1 h5, .b2 h5, .b3 h5{line-height:35px; margin-top:22px; font-size:2.3em;}
	.work_box1, .work_box2, .work_box3{margin-top:13px;  margin:0 5px 0 5px; background-image:none; padding:20px 0 0 0; font-size:1.1em; height:50px; line-height:17px;}
	.work_box1{background-position:25px -1578px;}
	.work_box2{background-position:-198px -1578px;}
	.work_box3{background-position:-425px -1578px;}
	
	
	.innerBgSmall{height:1064px; width:1229px; background-image:url("../images/innterBg.png");  top:-342px; left:-100px;position:absolute; background-position:center 0; background-repeat:no-repeat; z-index:30}
	.innerBg{display:none;}
	.nav-in{width:100% !important;}
	 header .headerBg32, header .headerBg31, header .headerBg3, header .headerBg4, .headerBg2 {background-size: 1384px auto !important;
 	-o-background-size:1384px auto !important;  
  -webkit-background-size:1384px auto !important;   
  -khtml-background-size:1384px auto !important;   
  -moz-background-size:1384px auto !important;
  height:365px; }
	#contact-us .loc-ico{display:none !important}
	#contact-us{height:471px;}
	#contact-us h2{font-size:1.8em; line-height:24px; padding:10px 0 16px 0;}
	.ins-quote-in ul li.header .social, .ins-quote-in ul li.header{display:none;}
	.contact-us-in .ins-quote{height:234px;}
	.contact-us-in h6{padding:14px 7px 29px;}
	.contact-us-in h6 span {float:left;}
	.contact-us-in .quick-contact{height:100px;}
	
	.quick-contact-in ul li {width:229px;}
	
	.quick-contact-in ul li h3{display:none;}
	.quick-contact-in ul li.header{ width:148px; margin:-29px 0 0; line-height:34px;}
	.quick-contact-in ul li.imail{font-size:0.8em; width:241px; padding-top:28px; margin-left:10px; line-height:20px;}
	.quick-contact-in ul li.chat{padding-top:14px;}
	.quick-contact-in ul li.chat a { padding: 9px 0 8px 33px; width: 75px; font-size: 1em; margin:0px 6px 6px 0px; }
	.quick-contact-in ul li.chat a.skype { background-position: -82px -1346px; }
	.quick-contact-in ul li.chat a.skype:hover{background-position:-82px -1394px}
	.quick-contact-in ul li.chat a.gPlus { background-position: -251px -1343px; }
	.quick-contact-in ul li.chat a.gPlus:hover{background-position:-251px -1393px}
	.quick-contact-in ul li.chat a.yahoo { background-position: -425px -1345px; }
	.quick-contact-in ul li.chat a.yahoo:hover{background-position:-425px -1395px}
	.quick-contact-in ul li.chat a.msn { background-position: -588px -1344px; }
	.quick-contact-in ul li.chat a.msn:hover{background-position:-588px -1394px}
	.ins-quote-in ul li.header{width:263px;}
	.ins-quote-in ul li.form{width:650px; padding:18px 0 0 9px;}
	.ins-quote-in ul li.form textarea{width:446px; height:50px; padding:9px 7px 6px; font-size:1.1em;}
	.ins-quote-in ul li.form input{width:211px; padding:9px 7px 6px; font-size:1.1em;}
	.ins-quote-in ul li.form .gmt{margin-right:187px !important;}
	.process{margin-right:0;}
	.likeUs{display:none}
	
	.quick-contact-in ul li.imail a{ color:#fff; font-size:2.2em;}
  .quick-contact-in ul li.imail span{display:block;  letter-spacing:0;  font-size:0.6em;}
	
	.quick-contactBg{display:none;}
	.quick-contactBg-non{height:120px; position:absolute; width:100%; background-color:#d40a37; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px;  background-position:center 0; background-repeat:no-repeat; z-index:20;}
/*----- Start Portfolio Part ------*/
	#link_part {padding-top:55px;}	
	.links_in {width:450px;}
	.links_in a {width:135px; font-size:1.8em; letter-spacing:-1px; margin-right:22px; padding-bottom:5px;}
	.links_in a, .links_in #web-portfolio:hover, .links_in #web-portfolio.active, .links_in #brand-portfolio:hover,.links_in #brand-portfolio.active, .links_in #app-portfolio:hover,.links_in #app-portfolio.active {border-bottom-width:4px;}
	.links_in a.tab {margin-right:0;}
	.links_in a span {font-size:12px; line-height:15px; margin-top:6px; display:none;}
	.links_in a span.fst {margin-right: 24px;}
	.links_in a span.trd {margin-right: 38px;}
	#portfolio {margin-top:115px;}
	#portfolio-in {width: 450px; height: 4200px;}
	#portfolio-in .box h3 {font-size:1.2em;}
/*----- End Portfolio Part ------*/
}










@media screen and  (min-width: 630px) and (max-width: 759px) {
	.awards-all{display:none}
	header.port-header {height:69px !important;}
	.res-bg{display:none}
	
	.undercns{height:220px; display:none; position:absolute; width:640px; z-index:1000; font-size:3em; color:#fff; background-color:#000; text-align:center;}
	#contact-us .contactusMap{background-image:none;}
	.studioBg2{display:none !important;}
	.contact-us-in, #about .about-in, .studio-in, .awwward-in, .loc-ico, .work-in, #awards{margin:0 auto 0 auto; width:640px !important;}
	#awwward{font-size:2.5em; line-height:37px; margin-top:230px; letter-spacing:-1px;}
	#about .about-in h2{font-size:1.5em; width:700px !important;}
	#our-work h2, #studio h2, #team h2{font-size:1.9em; line-height:39px; padding:0 0 20px 0; letter-spacing:-2px; line-height:26px;
	background-position:center -720px;
	background-size: 788px auto !important;
 	-o-background-size:788px auto !important;  
  -webkit-background-size:788px auto !important;   
  -khtml-background-size:788px auto !important;   
  -moz-background-size:788px auto !important;}
		
	#creative-lab{padding-top:0;}	
	#creative-lab	h2{font-size:5em; background-position:center -757px; padding:0px 0 20px 0 ; line-height: 24px;
	background-size: 958px auto !important;
 	-o-background-size:958px auto !important;  
  -webkit-background-size:958px auto !important;   
  -khtml-background-size:958px auto !important;   
  -moz-background-size:958px auto !important;}
	
	#creative-lab h2 span.one{margin:0 58px 0 -125px; letter-spacing:0; font-size:0.6em; line-height: 43px;}
	#creative-lab h2 span.two{margin:0 0 0 199px; font-size:0.6em;}
	#lab{margin-top:0;}

	#our-work{padding-top:90px;}
	#our-work .work-in{margin-top:20px;}
	#our-work .work-in p{font-size:0.9em; margin:0;}
	#our-work .work-in h4{ font-size:1.8em !important; margin-top:20px; margin-bottom:30px;}	
	#our-work .work-in a.git{font-size:1.5em !important; width:300px; padding:10px 0 10px 0;}
		
	#our-work h3{font-size:1.8em; line-height:29px;  padding:0 0 20px 0;}
	
	#headerimgs{height:357px}
	#headerimgs div{
	-o-background-size:872px auto !important;  
  -webkit-background-size:872px auto !important;   
  -khtml-background-size:872px auto !important;   
  -moz-background-size:872px auto !important;
  background-size: 872px auto !important;}
  
	header{height:238px !important; overflow:hidden; z-index:300; top:-1px !important; display:block; position:relative !important;}
	header .headerBg2, header .headerBg31, header .headerBg32, header .headerBg3, .headerBg4{display:none;}
	header .headerBg{margin-top:-100px !important; height:238px;}
	header .headerBg2-1{display:block; height:238px; width:100%; background-image:url("../images/topBanner.jpg");  top:0px; background-position:center -38px; background-repeat:no-repeat; z-index:20;
	-o-background-size:872px auto !important;  
  -webkit-background-size:872px auto !important;   
  -khtml-background-size:872px auto !important;   
  -moz-background-size:872px auto !important;
  background-size: 872px auto !important;}
	
	.topicBg2{display:none;}
	.topicBg2-none{height:220px; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20;}
	
	#our-work .topicBg{height:220px;}
	#our-work .topicBg .catagory-in{width:740px !important;}
	#our-work .topicBg .catagory-in a{font-size:5em; letter-spacing:-5px; margin-top:50px !important;}
	#our-work .topicBg .catagory-in a span{font-size:16px}
	
	#our-work .catagory .catagory-in a.web{width:206px; margin-left:20px !important;}
	#our-work .catagory .catagory-in a.brand{margin-left:5px !important; width:200px;}
	#our-work .catagory .catagory-in a.app{margin-left:15px !important; width:210px;}
	
	.cont .n1 span{background-position:14px -25px;}
	.b0{background-position:-30px -262px;}

	 #contact-us h2, #our-work .catagory{
	-o-background-size:1200px auto !important;  
  -webkit-background-size:1200px auto !important;   
  -khtml-background-size:1200px auto !important;   
  -moz-background-size:1200px auto !important;
  background-size: 1200px auto !important;}
	
	#about{margin-top:0 !important; height:220px; border:0px solid #000}
	#about .about-in h2{padding:20px 0 20px 0; width:580px !important; font-size:1.7em;}
	#about ul{margin-top:25px;}
	#about ul li{float:left; height:45px;}
	#about ul li a{font-size:0.8em}
	#about ul li label{display:none}
	#about ul li.lr{width:205px;}
	#about ul li .iq{padding-left:13px; line-height:41px;}
	#about ul li.lr2{width:130px !important; padding:00px 0 0;}
	#about ul li.lr2 .social{margin-left:0 !important;  margin-top:5px;}
	
	#about ul li.m-email{width:240px; padding:0px 20px}
	#about ul li.m-email a{ line-height:41px;}
	#about ul li.lr .social{margin-left:9px; }
	#awwward{width:640px}
	
	#awards{width:640px; margin-top:70px; background-position: center -844px;
	-o-background-size:971px auto !important;  
  -webkit-background-size:971px auto !important;   
  -khtml-background-size:971px auto !important;   
  -moz-background-size:971px auto !important;
  background-size: 971px auto !important;}
	#awards a{padding:36px 0 10px; font-size:1.1em}
	#awards #awww {padding:20px 0;  background-position: -324px -2385px; margin:13px 0 15px 0}
	.awww_in h3 {background-position:-924px -1684px;}
	.logobite h3 {background-position: -904px -1828px;}
	.awww_in h4, .awww_in h5, .logobite h4, .logobite h5 {font-size:1.3em; margin: 4px 0 2px;}
	.awww_in h5, .logobite h5 {margin-top:10px !important;}
	#awww .awww_in a, #awww .logobite a {font-size:1em;}
	#awards label {font-size:1em;}
	
	.footer-in h6 a{font-size:1em; width:352px; margin-left:131px;}
	.footer-in p{font-size:1.5em; margin:40px 95px;}
	.footer-in ul{margin-left:10px}
	.footer-in{border:0px solid #000; width:640px;}
	.footer-in li{float:left; border:0px solid #000}
	.footer-in h6{background-position:center -2064px;}
	
	.cont .n1 span{background-position:4px -232px !important;}
	.cont .n2 span{background-position:-211px -2983px !important;}
	
	.address{font-size:1.4em; padding:25px 0 20px;}
	.address ul li{margin-bottom:20px;  font-size:1em}
	.address ul li.add{width:220px; padding:0 0 0 53px; margin-left:80px; }
	.address ul li.mob{width:200px;  padding:0 0 0 55px;}
	.address ul li.eml{width:220px;  padding:0 0 0 53px; margin-left:80px; }
	.address ul li.sn{width:220px;  padding:0 0 0 55px;}
	
	.servicebox .box{width:43%!important;}
	.servicebox .box img{width:30px;}
	.servicebox .box h3{font-size:24px;}
	.servicebox .box p{font-size:16px;}
	
	#studio{padding-top:110px;}
	#studio h2{background-position:center -630px; padding:0 0 10px 0;}
	#studio .studio-in h4, #team h4{width:640px; font-size:1.5em; padding:10px 0;}
	#studio p{margin:380px 0 100px; font-size:1.5em; }
	#studio .box{width:184px; height:70px; margin-top:-350px !important;}
	#studio .big-box{width:580px !important; margin-top:117px !important; height:257px; font-size:0.9em}
	#studio .big-box, #studio .box1{margin-left:30px;}
	#studio .box2{margin-left:215px;}
	#studio .box3{margin-left:413px;}
	.b0{background-position:-10px -206px;
	background-size: 1013px auto !important;
 	-o-background-size:1013px auto !important;  
  -webkit-background-size:1013px auto !important;   
  -khtml-background-size:1013px auto !important;   
  -moz-background-size:1013px auto !important;}
	.b0 .n1{width:110px;}
	.b0 .n2{margin-left:70px;}
	.cont div {height:250px;}
	.b0 .n1, .b0 .n2{margin-top:5px;}
	.b0 .n1 span{background-position:13px -162px !important}
	.b0 .n2 span{background-position:-144px -2148px !important}
	.b0 .n1 span, .b0 .n2 span{
	background-size: 314px 4572px !important;
 	-o-background-size:314px 4572px !important;  
  -webkit-background-size:314px 4572px !important;   
  -khtml-background-size:314px 4572px !important;   
  -moz-background-size:314px 4572px !important;}
		
	.b1 h5, .b2 h5, .b3 h5{line-height:35px; margin-top:22px; font-size:2.3em;}
	.work_box1, .work_box2, .work_box3{margin-top:15px;  background-image:none; padding:0; font-size:1.3em;}
	.work_box1{background-position:25px -1578px;}
	.work_box2{background-position:-198px -1578px;}
	.work_box3{background-position:-425px -1578px;}
	.innerBgSmall{height:1064px; width:1229px; background-image:url("../images/innterBg.png");  top:-342px; left:-100px;position:absolute; background-position:center 0; background-repeat:no-repeat; z-index:30}
	.innerBg{display:none;}
	.nav-in{width:640px !important;}
	 header .headerBg32, header .headerBg31, header .headerBg3, header .headerBg4, .headerBg2{background-size: 1384px auto !important;
 	-o-background-size:1384px auto !important;  
  -webkit-background-size:1384px auto !important;   
  -khtml-background-size:1384px auto !important;   
  -moz-background-size:1384px auto !important;
  height:365px; }
	#contact-us .loc-ico{display:none !important}
	#contact-us{height:471px;}
	#contact-us h2{font-size:1.8em; line-height:24px; padding:10px 0 16px 0;}
	.ins-quote-in ul li.header .social, .ins-quote-in ul li.header{display:none;}
	.contact-us-in .ins-quote{height:234px;}
	.contact-us-in h6{padding:14px 25px 11px;}
	.contact-us-in .quick-contact{height:100px;}
	
	.quick-contact-in ul li h3{display:none;}
	.quick-contact-in ul li.header{ width:148px; margin:-29px 0 0; line-height:34px;}
	.quick-contact-in ul li.imail{font-size:0.9em; width:284px; padding-top:19px; margin-left:25px}
	.quick-contact-in ul li.chat{padding-top:9px;}
	.ins-quote-in ul li.header{width:263px;}
	.ins-quote-in ul li.form{width:650px; padding:18px 0 0 26px;}
	.ins-quote-in ul li.form textarea{width:572px; height:50px; padding:9px 7px 6px; font-size:1.1em;}
	.ins-quote-in ul li.form input{width:125px; padding:9px 7px 6px; font-size:1.1em;}
	.ins-quote-in ul li.form .gmt{margin-right:62px !important;}
	.process{margin-right:0;}
	.likeUs{display:none}
	
	.quick-contact-in ul li.imail a{ color:#fff; font-size:2.2em;}
  .quick-contact-in ul li.imail span{display:block;  letter-spacing:0;  font-size:1.4em !important;}
	
	.quick-contactBg{display:none;}
	.quick-contactBg-non{height:120px; position:absolute; width:100%; background-color:#d40a37; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px;  background-position:center 0; background-repeat:no-repeat; z-index:20;}
/*----- Start Portfolio Part ------*/
	#link_part {padding-top:80px;}	
	.links_in {width:600px;}
	.links_in a {width:185px; font-size:1.9em; letter-spacing:-1px; margin-right:22px; padding-bottom:8px;}
	.links_in a, .links_in #web-portfolio:hover, .links_in #web-portfolio.active, .links_in #brand-portfolio:hover,.links_in #brand-portfolio.active, .links_in #app-portfolio:hover,.links_in #app-portfolio.active {border-bottom-width:4px;}
	.links_in a.tab {margin-right:0;}
	.links_in a span {font-size:12px; line-height:15px; margin-top:6px; display:none;}
	.links_in a span.fst {margin-right: 24px;}
	.links_in a span.trd {margin-right: 38px;}
	#portfolio {margin-top:148px;}
	#portfolio-in {width: 600px; height:2035px; }
	#portfolio-in .box {width:297px !important;}
	#portfolio-in .box a img {width:297px !important;}
	
	/*----- Web Part -----*/	
#book_port .part1 {height:444px;}
#book_port .part2 {height:289px;}
#book_port .part3 {height:332px;}
#book_port .part4 {height:444px;}
#book_port .part5 {height:480px;}
#book_port .part6 {height:348px;}
#book_port .part7 {height:478px;}
#book_port .part8 {height:383px;}
#book_port .part9 {height:348px;}
/*------ Brand Part ---------*/
#brand_port .part1 {height:446px;}
#brand_port .part2 {height:291px;}
#brand_port .part3 {height:333px;}
#brand_port .part4 {height:445px;}
#brand_port .part5 {height:480px;}
#brand_port .part6 {height:350px;}
#brand_port .part7 {height:480px;}
#brand_port .part8 {height:385px;}
#brand_port .part9 {height:350px;}


/*------ Apps Part ---------*/
#app_port .part1 {height:248px;}
#app_port .part2 {height:538px;}
#app_port .part3 {height:543px;}
#app_port .part4 {height:543px;}
#app_port .part5 {height:543px;}
#app_port .part6 {height:222px;}
#app_port .part7 {height:609px;}
#app_port .part8 {height:450px;}
#app_port .part9 {height:392px;}
/*----- End Portfolio Part ------*/
}







@media screen and  (min-width: 760px) and (max-width: 980px) {
	.awards-all{display:none}
	header.port-header {height:69px !important;}
	.res-bg{display:none}
	
	.undercns{height:253px; display:none; position:absolute; width:738px; z-index:1000; font-size:3em; color:#fff; background-color:#000; text-align:center;}
	.studioBg2{display:none !important;}
	.contact-us-in, #about .about-in, .studio-in, .awwward-in, .loc-ico, .work-in, #awards{margin:0 auto 0 auto; width:760px !important;}
	
	#awwward{font-size:3.0em; line-height:37px;}
	#about .about-in h2{font-size:1.8em; width:700px !important;}
	#our-work h2, #studio h2, #team h2{font-size:2.9em; line-height:39px; padding:0 0 30px 0; background-position:center -614px;
	
		background-size: 788px auto !important;
 	-o-background-size:788px auto !important;  
  -webkit-background-size:788px auto !important;   
  -khtml-background-size:788px auto !important;   
  -moz-background-size:788px auto !important;
		
		}
		
		
	#creative-lab	h2{font-size:6.1em; background-position:center -1842px; padding:0 0 15px 0 ; line-height: 29px; }
	#creative-lab h2 span.one{margin:0 55px 0 -155px; letter-spacing:0; line-height: 61px;}
	#creative-lab h2 span.two{margin:0 0 0 255px;}
	#lab{margin-top:0;}
		
		#our-work .work-in h4{ font-size:2em !important; margin-top:40px;}	
	#our-work .work-in a.git{font-size:1.5em !important; width:300px;}
		
	#our-work h3{font-size:2.1em; line-height:29px;  padding:0 0 30px 0;}
	
	/*#studio h2{background-position:0 0;}*/
	#studio .studio-in h4, #team h4{font-size:1.8em; padding:10px 0;}
	header{height:365px !important; position:relative !important; top:-1px !important;}
	header .header-in{position:relative !important;}
	header .headerBg2, header .headerBg31, header .headerBg32, header .headerBg3, .headerBg4{display:none;}
	header .headerBg{margin-top:-100px !important; height:443px;}
	header .headerBg2-1{display:block; height:365px; width:100%;background-image:url("../images/topBanner.jpg");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20;
		
		-o-background-size:1091px auto !important;  
  -webkit-background-size:1091px auto !important;   
  -khtml-background-size:1091px auto !important;   
  -moz-background-size:1091px auto !important;
  background-size: 1091px auto !important;
		
		}
	
	.topicBg2{display:none;}
	.topicBg2-none{height:253px; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20;}
	
	
	#our-work .topicBg{height:253px;}
	#our-work .topicBg .catagory-in{width:760px !important;}
	#our-work .topicBg .catagory-in a{font-size:25px; letter-spacing:0px; margin-top:66px !important;}
	#our-work .topicBg .catagory-in a span{font-size:17px}
	
	#our-work .catagory .catagory-in a.web{width:205px; margin-left:-10px!important;}
	#our-work .catagory .catagory-in a.brand{margin-left:100px !important; width:200px;}
	#our-work .catagory .catagory-in a.app{margin-left:55px !important; width:210px;}
	
	
	.cont .n1 span{background-position:14px -25px;}
	.b0{background-position:-30px -262px;}
	
	
	 #contact-us h2, #our-work .catagory{
		-o-background-size:1384px auto !important;  
  -webkit-background-size:1384px auto !important;   
  -khtml-background-size:1384px auto !important;   
  -moz-background-size:1384px auto !important;
  background-size: 1384px auto !important;
		
		}
	
	
	
	#about{margin-top:86px !important;}
	#about ul li.lr{width:210px;}
	
	#about ul li.m-email{width:320px;}
	#about ul li.lr .social{margin-left:9px;}
	#awwward{width:780px}
	
	#awards{width:760px; margin-top:95px;}
	.awww_in h3 {background-position: -914px -1684px;}
	.logobite h3 {background-position: -884px -1828px;}
	#awww .awww_in a, #awww .logobite a {font-size:1.2em;}
	
	.footer-in ul{margin-left:10px}
	.footer-in{border:0px solid #000; width:760px;}
	.footer-in li{float:left; border:0px solid #000}
	.footer-in h6{background-position:center -2064px;}
	
	.cont .n1 span{background-position:4px -232px !important;}
	.cont .n2 span{background-position:-200px -1498px !important;}
	
	
	.address{font-size:1.2em; padding:25px 0 20px;}
	.address ul li{font-size:1.1em}
	.address ul li.add{width:160px; padding:0 0 0 48px;}
	.address ul li.mob{width:134px;  padding:0 0 0 40px;}
	.address ul li.eml{width:168px;  padding:0 0 0 53px;}
	.address ul li.sn{width:80px;;  padding:0 0 0 55px;}
	
	.footer-in h6 a{font-size:1em; width:352px; margin-left:191px;}
	#studio .studio-in h4{width:760px}
	#studio p{margin:430px 0 30px;}
	#studio .box{width:224px; height:161px; margin-top:-127px !important;}
	#studio .big-box{width:700px !important; margin-top:90px !important;}
	#studio .big-box, #studio .box1{margin-left:30px; margin-top:150px !important;}
	#studio .box2{margin-left:255px;}
	
	
	
	#studio .box3{margin-left:492px;}
	.work_box1, .work_box2, .work_box3{margin-top:15px;}
	.work_box1{background-position:25px -1578px;}
	.work_box1:hover{background-position:25px -1578px;}
	.work_box2{background-position:-198px -1578px;}
	.work_box2:hover{background-position:-198px -1578px;}
	.work_box3{background-position:-425px -1578px;}
	.work_box3:hover{background-position:-425px -1578px;}
	.innerBgSmall{height:1064px; width:1229px; background-image:url("../images/innterBg.png");  top:-342px; left:-100px;position:absolute; background-position:center 0; background-repeat:no-repeat; z-index:30}
	.innerBg{display:none;}
	.nav-in{width:768px !important;}
	 header .headerBg32, header .headerBg31, header .headerBg3, header .headerBg4, .headerBg2{background-size: 1384px auto !important;
 	-o-background-size:1384px auto !important;  
  -webkit-background-size:1384px auto !important;   
  -khtml-background-size:1384px auto !important;   
  -moz-background-size:1384px auto !important;
  height:365px; 
	}
	
	header .headerBg3{background-position:49% -11px}
	header .headerBg31{background-position:49% -388px}
	header .headerBg32{background-position:48% -768px}
		
	header .headerBg4{background-position:51% -1152px;}
			
	header{height:444px; overflow:hidden; z-index:300;}
	#about .about-in h2{padding:0 0 30px 0; width:760px; margin-top:-60px;}
	
	
	#contact-us h2{font-size:2.9em; line-height:39px; padding:20px 0 27px 0;}
	.contact-us-in .quick-contact{height:114px;}
	.quick-contact-in ul li h3{padding:52px 0 0 26px; font-size:2.2em}
	.quick-contact-in ul li.header{width:148px; margin:-29px 0 0; line-height:34px;}
	.quick-contact-in ul li.imail{font-size:0.9em; width:284px; padding-top:22px;}
	.quick-contact-in ul li.chat{padding-top:15px;}
	.ins-quote-in ul li.header{width:263px;}
.ins-quote-in ul li.form{width:410px;}
.ins-quote-in ul li.form textarea{width:370px;}
	.ins-quote-in ul li.form input{width:167px;}
	.process{margin-right:0;}
	.likeUs{display:none}
	.quick-contact-in ul li.imail a{ color:#fff; font-size:2.2em;}
  .quick-contact-in ul li.imail span{display:block;  letter-spacing:0;  font-size:1.4em;}
	
	.quick-contactBg{display:none;}
	.quick-contactBg-non{height:120px; position:absolute; width:100%; background-color:#d40a37; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px;  background-position:center 0; background-repeat:no-repeat; z-index:20;}
/*----- Start Portfolio Part ------*/	
	.links_in {width:720px;}
	.links_in a {width:225px; font-size:3em; letter-spacing:-4px; margin-right:22px;}
	.links_in a.tab {margin-right:0;}
	.links_in a span {font-size:12px; line-height:15px; width:130px;  margin-top:5px;}
	.links_in a span.fst {margin-right: 0;}
	.links_in a span.trd {margin-right: 0;}
	#portfolio {margin-top:225px;}
	#portfolio-in {width: 720px; height: 2300px; }
/*----- End Portfolio Part ------*/
}

@media screen and (max-width: 1400px) {
	
	.team-in{
	transform:scale(0.75,0.75);
-ms-transform:scale(0.75,0.75);
-webkit-transform:scale(0.75,0.75);
	}
	/*.teamBg{height:680px}*/
	
}

@media screen and (max-width: 1020px) {
	
	/*#team, #lookbooks-services, #teamTrionn{
	display:none;
	}*/
	
	
}


@media screen and  (min-width: 981px) and (max-width: 1124px) {
	
	
	.res-bg{display:block}
	a.bth{margin:-305px 0 0 746px;}	
	/*#about .about-in h2{padding:0 0 30px 0 !important; margin-top:-60px; width:900px; margin: auto;}*/
	.about-in{margin: 0 auto 0 auto; width: 760px !important;}
	#about .about-in h2 {
    padding: 0 0 30px 0;    
    margin-top: -60px;
	    font-size: 1.8em;
    width: 700px !important;
}
	#about ul li.lr {width: 210px;}
	#about ul li.m-email {width: 320px;}
	.social{width:140px;}
	
	
	.quick-contactBg{display:none;}
	.quick-contactBg-non{height:160px; position:absolute; width:100%; background-color:#d40a37; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px;  background-position:center 0; background-repeat:no-repeat; z-index:20;}
	
	
	.innerBgSmall{height:1064px; width:1229px; background-image:url("../images/innterBg.png");  top:-342px; left:-100px;position:absolute; background-position:center 0; background-repeat:no-repeat; z-index:30}
	.innerBg{display:none;}
	
	.cont .n1 span{background-position:4px -232px !important; margin-top:0 !important;}
	.cont .n2 span{background-position:-187px -1500px !important;  margin-top:0 !important;}
	
	.nav-in{width:980px !important;}
	 header .headerBg32, header .headerBg31, header .headerBg3, header .headerBg4, .headerBg2{background-size: 1634px auto !important;
 	-o-background-size:1634px auto !important;  
  -webkit-background-size:1634px auto !important;   
  -khtml-background-size:1634px auto !important;   
  -moz-background-size:1634px auto !important;
  height:444px; 
	}
	
	header .headerBg2, header .headerBg31, header .headerBg32, header .headerBg3, .headerBg4, .studioBg2{display:none;}
	header .headerBg{margin-top:-100px !important; height:443px;}
	header .headerBg2-1{display:block; height:443px; width:100%;background-image:url("../images/topBanner.jpg");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20;
		
			-o-background-size:1400px auto !important;  
  -webkit-background-size:1400px auto !important;   
  -khtml-background-size:1400px auto !important;   
  -moz-background-size:1400px auto !important;
  background-size: 1400px auto !important;
		
		}
	#our-work .catagory .catagory-in a{font-size:36px;}
	.topicBg2{display:none !important;}
	.topicBg2-none{height:367px; text-align:left; background-image:url("../images/headerBg-nonani.jpg");  top:0px; background-position:center 0; background-repeat:no-repeat; z-index:20;}
	
	/*header .headerBg3{background-position:52% 0}
	header .headerBg31{background-position:52% -447px}
	header .headerBg32{background-position:52% -897px}
		
	header .headerBg4{background-position:48% -1352px;}
		*/	
	header{height:444px; overflow:hidden; z-index:300;}
	.quick-contact-in ul li.imail a{ color:#fff; font-size:2.2em;}
  .quick-contact-in ul li.imail span{display:block;  letter-spacing:0;  font-size:0.6em;}
	
	.links_in a span { margin-top:5px;}
}