@media only screen and (max-width:2000px) {
#navigation .navigation_close	{ top:-20px; }
}
@media only screen and (max-width: 1200px) {/*
#our-work #carousel > div				{ width:100% !important; height:auto;}
#our-work #carousel .project1		{ width:17% !important; height:auto;}
#our-work #carousel .project1 .image1	{ width:50%;}
#our-work #carousel .project1 .image2	{ width:40%; right:15%; left:auto !important;}
#our-work #carousel .project1 .image3	{ width:30%; right:0px; left:auto !important;}
#our-work #carousel .project1 .info	{ width:100%; top:50px; left:50%; }
#our-work #carousel .project1 .info h3 	{ font-size:21px; line-height:normal;}

#our-work #carousel .project1			{ z-index:-9;}	
#our-work #carousel .project1 .info		{ z-index:-9;}
#our-work #carousel .project1.prj_2		{ z-index:9999;}
#our-work #carousel .project1.prj_2 .info	{ z-index:9999; background:#dbdbdb;}
#our-work #carousel .project1 .info		{ width:52%; left:auto !important; right:0; width:40%;}*/
#popup-works .work-slider .work-carousel-slide { width:990px;}
}

@media only screen and (max-width: 1180px) {
.container				{ width:100%; padding:0 2%; box-sizing:border-box; }
#popup-works .container	{ width:970px;}
#popup-works .work-slider .work-carousel-slide { width:990px;}

/*
#our-work #carousel .project1		{ width:100%;  height:auto; overflow:hidden;}

#our-work #carousel .project1 .image1	{ width:11%;}
#our-work #carousel .project1 .image2	{ width:11%;}
#our-work #carousel .project1 .image3	{ width:11%;}
#our-work #carousel .project1 .image4	{ width:11%;}
#our-work #carousel .project1 .info	{ right:5px; width:15%;}*/

#our-work						{ width:100%; margin:0 auto;}

#navigation img					{ margin:0 auto 50px;}
#navigation a					{ font-size:25px; line-height:30px;}


#what-we-do .content				{ width:100%; margin:0 auto; }
#what-we-do a.select-content.active h3, #what-we-do a.select-content.active span.band	{ display:block;}

.caroufredsel_wrapper			{ width:100% !important; margin:0 auto;}	

#navigation .navigation_close	{ top:10px; right:25px;}
}

@media only screen and (max-width: 1200px) {

.badges.plan		{ background-position:230px 0; top:11px; left:-5px;}
.plan .gear 			{ top:-15px;}

.badges.fusion		{ background-position:130px 0; top:22px; left: -6px; }
.fusion .gear 		{ top:-15px;}

.badges.develop		{ background-position:0 -99px; top:40px; left:-14px;}
.develop .gear 		{ top:-15px;}

.badges.launch		{ background-position:232px -102px; top:55px; left:-19px;}
.launch .gear 		{ top:-18px; left:-17px;}

.badges.monitor		{ background-position:131px -99px; left:11px; top: 48px;}
.monitor .gear 		{ top:-15px;}	
dl					{ padding-right:20px;}
}	



@media only screen and (max-width: 1150px) {

.badges.plan		{ background-position:230px 0; top:-7px; left:2px;}
.plan .gear 			{ top:-15px;}

.badges.fusion		{ background-position:130px 0; left: -13px; top: -22px;}
.fusion .gear 		{ top:-15px;}

.badges.develop		{ background-position:0 -99px; top:-28px; left:-8px;}
.develop .gear 		{ top:-15px;}

.badges.launch		{ background-position:232px -102px; top:-41px; left:-22px;}
.launch .gear 		{ top:-18px; left:-17px;}

.badges.monitor		{ background-position:131px -99px; top:-46px; left:-18px;}
.monitor .gear 		{ top:-15px;}	
}

@media only screen and (max-width: 1100px) {

.badges .discover	{ top:-7px; left:-5px; }
.badges.plan		{ background-position:230px 0; top:-7px; left:2px;}
.badges.fusion		{ background-position:130px 0; left: -19px; top: -25px;}
.badges.develop		{ background-position:0 -99px; top:-28px; left:-8px;}
.badges.launch		{ background-position:232px -102px; top:-40px; left:-26px;}
.badges.monitor		{ background-position:131px -99px; top:-46px; left:-18px;}	
}

@media only screen and (max-width: 1075px) {

.badges .discover	{ top:-7px; left:-5px; }
.badges.plan		{ background-position:230px 0; top:-7px; left:9px;}
.badges.fusion		{ background-position:130px 0; left: -19px; top: -25px;}
.badges.develop		{ background-position:0 -99px; top:-28px; left:-8px;}
.badges.launch		{ background-position:232px -102px; top:-40px; left:-26px;}
.badges.monitor		{ background-position:131px -99px; top:-46px; left:-18px;}	
}

@media only screen and (max-width: 1050px) {
.badges.plan		{ left:16px; top:-8px;}
.badges.fusion		{ left: -17px; top: -21px;}
.badges.develop 		{ left: 1px; top: -24px;}
.badges.launch 		{ left: -33px; top: -35px;}
.badges.monitor		{ left:-15px; top:-40px;}	
dl					{ padding:0 20px;}

}	
@media only screen and (max-width: 1024px) {
.badges.discover { left: -8px; top: -2px;}
.badges.develop { left: 5px; top: -23px;}
.badges.launch { left: -29px; top: -33px;}
.badges.monitor { left: -6px; top: -40px;}
	
#our-work .da-slider { height:590px;}

/*Start Popup responsive for tab -7-4-2016 */
#popup-works .container { width:960px;}
#popup-works .work-slider .work-carousel-slide { width:970px;}
#popup-works .carousel-works-action { margin-top: -45px;}
/*End Popup responsive for tab -7-4-2016 */
}

@media only screen and (max-width: 1000px) {
#home-intro .container > div	{ padding:30px 0;}	
#home-intro h2.title			{ font-size:30px; line-height:35px; margin-bottom:30px;}
#home-intro h2.title small		{ font-size:28px;}
#home-intro  p				{ font-size:15px; line-height:22px; margin-bottom:15px;}


#our-process .para_2			{ padding-top:30px;}
#our-process .content		{ padding-top:40px;}
#careers h2.title			{ font-size:30px; line-height:35px; margin-bottom:30px;} 
#careers p					{ font-size:15px; line-height:22px; margin-bottom:15px;}

#get-in-touch				{ padding-top:30px;} 
#get-in-touch input, #get-in-touch textarea	{ margin-bottom:10px;}
#get-in-touch form .row		{ margin-bottom:0px;}
#get-in-touch h2.title		{ font-size:30px; line-height:35px; text-align:center;}
#get-in-touch h4				{ margin:20px 0; text-align:center;}
#get-in-touch .content		{ margin-top:30px; text-align:center;}	
#footer-credits				{ padding:20px 0; }
#footer-credits address, #footer-credits span	{ text-align:center; margin:15px 0;}

.badges						{ height:98px; width:81px;}
#home img					{ margin:120px auto 0; left:0px; right:0px;  }
#navigation img					{ margin:0 auto 40px;}
#navigation a					{ font-size:20px; line-height:25px;}

#what-we-do .para_1				{ height:auto;}
#what-we-do .content				{ text-align:center; background:#fff;}
#what-we-do a.select-content.active::before	{ display:none;}
#what-we-do a.select-content::before			{ display:none;}
#what-we-do a.select-content:nth-child(4):after	{ display:none;}
#what-we-do a.select-content:nth-child(1):after 	{ display:none;}
#what-we-do a.select-content.active span.band		{ display:none;}
#what-we-do a.select-content.active h3			{ display:inline-block; vertical-align:middle;}
#what-we-do a.select-content				{ padding-top:0px;}
#what-we-do .container					{ padding:10px 0 0 0;}
.para_1 h2.title							{ font-size:30px; margin-top:10px; margin-bottom:20px;}

#what-we-do #strategy					{ display:block; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}
#what-we-do #strategy .icons				{ vertical-align:middle; display:inline-block;}
#what-we-do #strategy h3					{ vertical-align:middle; display:inline-block;}		
#what-we-do #strategy.active .icons		{ vertical-align:middle; display:inline-block;}
#what-we-do #strategy.select-content		{ display:block; text-align:center; height:auto;}

#what-we-do #creative					{ display:block; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}
#what-we-do #creative .icons				{ vertical-align:middle; display:inline-block;}	
#what-we-do #creative h3					{ vertical-align:middle; display:inline-block;}					
#what-we-do #creative.active .icons		{ vertical-align:middle; display:inline-block;}
#what-we-do #creative.select-content		{ display:block; text-align:center; height:auto;}

#what-we-do #development						{ display:block; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}
#what-we-do #development .icons				{ vertical-align:middle; display:inline-block;}	
#what-we-do #development h3					{ vertical-align:middle; display:inline-block;}					
#what-we-do #development.active .icons		{ vertical-align:middle; display:inline-block;}
#what-we-do #development.select-content		{ display:block; text-align:center; height:auto;}


#what-we-do #marketing						{ display:block; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #ccc;}
#what-we-do #marketing .icons				{ vertical-align:middle; display:inline-block;}	
#what-we-do #marketing h3					{ vertical-align:middle; display:inline-block;}					
#what-we-do #marketing.active .icons			{ vertical-align:middle; display:inline-block;}
#what-we-do #marketing.select-content		{ display:block; text-align:center; height:auto;}

/*.icons										{ width:175px; height:50px;}*/

#what-we-do #marketing				{ position:relative; padding-bottom:40px;}
#what-we-do #marketing::after 		{ background:url("../images/aht_actv_bg2.png") no-repeat scroll center center;  content: ""; position:absolute; bottom:-1px; left:0px; right:0px; margin:0 auto;  width:100%; height:32px; display:block;}
}	


@media only screen and (max-width: 999px) {
.badges.plan		{ left: 22px; top: -15px;}
.badges.fusion		{ left: -15px; top: -39px;}
.badges.develop 		{ left: 10px; top: -51px;}
.badges.launch 		{ top: -76px; left:-27px;}
.badges.monitor		{ left: -8px; top: -91px;}

.da-slide .info h3 { font-size:18px; margin-top:0;}
.da-slide .info p { font-size:12px; margin:0 0 5px;}	
#popup-works .container	{ width:830px;}
#popup-works .work-slider .work-carousel-slide { width:860px;}
}	

@media only screen and (max-width: 940px) {
iframe { max-width: 100%; max-height: 515px;}
.badges.discover 	{ left:-12px; top:-8px;}	
.badges.plan		{ left:24px; top:-22px;}
.badges.fusion		{ left:-22px; top:-45px;}
.badges.develop		{ left: 17px; top: -58px;}
.badges.launch 		{ left: -29px; top: -79px;}
.badges.monitor		{ left: 5px; top: -92px;}
#popup-works .work-header > div { clear:both; overflow:hidden;}
}
@media only screen and (max-width: 860px) {
.badges.discover 	{ left: -19px; top: -13px;}
.badges.plan		{ left: 30px; top: -27px;}
.badges.fusion 		{ left: -27px; top: -49px;}
.badges.develop 		{ left: 22px; top: -63px;}
.badges.monitor 		{ left: 18px;    top: -96px;}
#popup-works .container	{ width:800px;}
#popup-works .work-slider .work-carousel-slide { width:830px;}
}	

@media only screen and (max-width: 820px) {
.badges.discover 	{ left: -27px;    top: -17px;}
.badges.plan 		{ left: 33px;    top: -30px;}
.badges.fusion 		{ left: -36px;    top: -52px;}
.badges.develop 		{ left: 27px;    top: -67px;}
.badges.launch 		{ left: -39px;    top: -84px;}
.badges.monitor		 { left: 22px;    top: -102px;}
dl					{ padding:0 28px;}
#popup-works .container	{ width:700px;}
#popup-works .work-slider .work-carousel-slide { width:730px;}
#popup-works .work-slider .work-carousel-slide img 	{ max-width:80%;}
#popup-works .pagination { padding-top:0px;}

}

@media only screen and (max-width: 768px) {
#home-intro .container > div	{ padding:20px 0;}		
#home-intro h2.title			{ font-size:25px; line-height:30px; margin:20px 0 15px;}
#home-intro h2.title small		{ font-size:25px;}
#home-intro  p				{ font-size:14px; line-height:22px; }

#our-process h2 				{ font-size:25px; line-height:30px; }
#our-process .para_2			{ padding-top:20px;}
#our-process .content		{ padding-top:30px;}
#our-process .content dt		{ font-size:18px; line-height:25px;}
#our-process .content .left-column dt.first	{ padding-bottom:10px;}
#our-process .content .right-column dt.first	{ padding:70px 0 10px 0;}
#our-process .content dd		{ height:auto; font-size:15px;}


#careers h2.title			{ font-size:25px; line-height:30px; margin:20px 0 15px;}
#careers p					{ font-size:14px; line-height:22px; }
#careers a					{ font-size:18px; }

#get-in-touch .content		{ margin-top:20px;}	
#get-in-touch h2.title		{ font-size:25px; line-height:30px;}
#get-in-touch hr				{ margin:20px 0;}
#footer-credits				{ padding:18px 0;}
#footer-credits address, #footer-credits span	{ text-align:center; margin:10px 0;}

#navigation a					{ font-size:18px; line-height:25px;}

#what-we-do #strategy h3						{ font-size:20px; line-height:25px;}
#what-we-do #creative h3						{ font-size:20px; line-height:25px;}	
#what-we-do #development h3					{ font-size:20px; line-height:25px;}
#what-we-do #marketing h3					{ font-size:20px; line-height:25px;}
#what-we-do .content							{ padding:0 0 20px 0;}	
#what-we-do .content h3						{ margin-bottom:20px; margin-top:50px; font-size:20px;}	
#what-we-do  p 								{ font-size:15px; line-height:20px; margin:0 0 10px 0;}
#what-we-do .content h4						{ padding:0px;}
#what-we-do .content .list li					{ font-size:15px;}
#what-we-do b, #what-we-do strong				{ font-size:14px;}

/*
#our-work #carousel .project1 .image1		{ left:0px !important; right:0px !important; margin:0 auto; top:10px !important; text-align:center; width:100%; position:relative;}
#our-work #carousel .project1 .image2		{ left:0px !important; right:0px !important; margin:0 auto; top:10px !important; text-align:center; width:100%; position:relative;}
#our-work #carousel .project1 .image3		{ left:0px !important; right:0px !important; margin:0 auto; top:10px !important; text-align:center; width:100%; position:relative;}
#our-work #carousel .project1 .image4		{ left:0px !important; right:0px !important; margin:0 auto; top:10px !important; text-align:center; width:100%; position:relative;}
#our-work #carousel .project1 .info			{ left:0px !important; right:0px !important; margin:0 auto; top:10px !important; text-align:center; width:100%; position:relative;}	*/

#what-we-do #creative h3						{ padding-left:10px;}
#what-we-do #creative:hover .icons 			{ background-position: -108px -66px;}
#what-we-do #development:hover .icons		{ background-position:-214px -67px;}
#what-we-do #marketing:hover .icons			{ background-position:-306px -62px;}	

.fancybox-overlay							{/*z-index:99999999 !important*/}

.badges.discover 							{ left: -27px; top: -13px;}
.badges.develop 								{ left: 24px; top: -71px;}
.badges.fusion 								{ left: -37px; top: -56px;}
.badges.launch 								{ left: -47px; top: -94px;}
.badges.monitor 								{ left: 14px; top: -112px;}

/*Start Popup responsive for tab -7-4-2016*/
#popup-works .pagination 							{ margin: 0; padding: 0; width: 100%; bottom:60px;}
/* Slider */
/*End Popup responsive for tab -7-4-2016 */

#our-work .da-slider { height: 437px;}
#popup-works .pagination { padding-top:5px;}
#popup-works .work-slider { padding-bottom:30px;}
}

@media only screen and (max-width: 767px) {
	iframe { max-width: 100%; max-height: 375px;}
.container-fluid {overflow-x:hidden !important;}
.fancybox-wrap.fancybox-desktop { overflow-y:hidden !important;}
.fancybox-opened .fancybox-skin { box-shadow: 0px !important; -webkit-box-shadow: 0px !important; -moz-box-shadow: 0px !important;}
#home { background: url(../images/home-bg.png) no-repeat center top; min-height: 480px; background-size: cover;}  
#home canvas { display: none;}  
#home img {    margin: 70px auto 0;    left: 0px;    right: 0px;    }
.icons { background-image: url(../images/iconsMobile.png); width: 98px !important;  height: 60px !important; }
#what-we-do #strategy.active .icons { background-position: -3px -60px; height: 70px !important; }
#what-we-do #strategy .icons { background-position: -3px 10px; height: 70px !important; }

#what-we-do #creative.active .icons {background-position: -105px -60px; width:110px !important; }
 #what-we-do #creative .icons {background-position: -110px 10px; }
#what-we-do #development.active .icons  {background-position: -213px -60px; }
#what-we-do #development .icons  {background-position: -213px 4px; }
#what-we-do #marketing.active .icons {background-position: -320px  -60px; height: 70px !important }
#what-we-do #marketing .icons {background-position: -305px 5px; }
#our-work h2.title { padding: 20px 0;}

#our-work { background: #dbdbdb url('../images/our-work-bg.png') center -100px no-repeat;}
#our-process .para_2 { height: auto; padding: 20px 0 40px;}
#our-work .content { height: auto; min-height: 400px;}

#home #open-menu {   width: 35px;}
#home #open-menu span { height: 5px; margin-top: 5px;}
.noscroll 	{ overflow-y:inherit;}

.info .da-arrows { width:100px;}

#popup-works .container	{ width:630px;}
#popup-works .work-slider .work-carousel-slide { width:660px;}
#our-process .row.content 	{position:relative;}
#our-process .center-column  {width: 132px; left: 50%; margin-left: -65px; position: absolute; top: 62px; }
#our-process .right-column 	{ float:right;}

.slider-wrapper { display:none !important;}
#da-slider { display:none !important;}

.mobileSliderMainWrap {display:block;}
.mobileSliderPic {text-align:center;}
.mobileSliderPic img {max-width:100%; display:inline-block;}
#popup-works_wrapper {display:none !important;}

.para {background-attachment:scroll !important;}
#what-we-do .para_1 {background-image: url('../images/what-we-do-bg1-mob.jpg') !important; background-position: right top !important; background-size: 152% 55% !important;}
#our-process .para_2 {background-image: url('../images/our-process-bg-mob.jpg') !important;}
#careers .para_3 {background-image: url('../images/careers-bg-mob.jpg') !important;}
}

@media only screen and (max-width: 760px) {
#home-intro .container > div	{ padding:10px 0;}	
#home-intro h2.title			{ font-size:20px; line-height:25px; margin:10px 0 10px;}
#home-intro h2.title small		{ font-size:20px;}	
#home-intro  p				{ margin-bottom:12px;}

#careers h2.title			{ font-size:20px; line-height:25px; margin:10px 0 10px;}
#careers p					{ font-size:13px; line-height:22px; }
#careers a					{ font-size:15px; }

#get-in-touch .content		{ margin-top:15px;}	
#get-in-touch h2.title		{ font-size:20px; line-height:25px;}
#get-in-touch p 				{ font-size:15px; line-height:22px; margin-bottom:10px;}
#get-in-touch h4				{ font-size:16px;}
#get-in-touch ul li			{ font-size:15px; }
#get-in-touch ul li a			{ font-size:15px;}
#footer-credits				{ padding:15px 0;}
#footer-credits address, #footer-credits span	{ font-size:12px;}
#navigation a				{ font-size:15px; line-height:20px;}

#our-process .row.content 	{position:relative;}
#our-process .center-column  {width: 132px; left: 50%; margin-left: -65px; position: absolute; top: 62px; }
#our-process .right-column 	{ float:right;}

}
@media only screen and (min-width: 640px) {
#popup-works_background{display:none!important;}
.content > #popup-works_wrapper.popup_wrapper.popup_wrapper_visible{display:none!important;}
}

@media only screen and (max-width: 640px) {	
#home img					{ width:50%; }
#home-intro h2.title			{ font-size:20px;} 
#home-intro h2.title small		{ font-size:18px;}

#our-process .content .right-column dt.first	{ padding-left:25px;}
#our-process .content dt		{ font-size:13px; line-height:20px; padding-left:25px;}
#our-process .content .right-column dt.first	{ padding-left:0px;}
#our-process .content dt				{ padding-left:0px;}
#our-process .content .rd_mr			{ display:block; font-size:14px; line-height:17px; margin:5px auto 0;}
#our-process .content dd				{ height:auto; display:none;}
	
#footer-credits				{ padding:10px 0;}
#footer-credits address, #footer-credits span	{ font-size:11px; margin:8px 0;}	

#what-we-do #strategy h3						{ font-size:15px; line-height:20px;}
#what-we-do #creative h3						{ font-size:15px; line-height:20px;}	
#what-we-do #development h3					{ font-size:15px; line-height:20px;}
#what-we-do #marketing h3					{ font-size:15px; line-height:20px;}

#popup-works_wrapper{overflow:visible!important; position:relative!important; display:none !important; opacity:1!important; visibility:visible!important; }
#popup-works_wrapper .caroufredsel_wrapper,#popup-works{visibility:visible!important; display:none !important; opacity: 1!important;}

#popup-works_background{display:none!important;}
.caroufredsel_wrapper{width:100%!important;}
#our-work .content > .caroufredsel_wrapper{display:none!important;}
#carousel-works,#popup-works #carousel-works > div,.caroufredsel_wrapper,#work-carousel-1,#popup-works .work-slider .work-carousel-slide,#popup-works,#work-carousel-2{width:100%!important;}
#popup-works .work-slider .work-carousel-slide img{max-width:100%!important; width:auto; }

#popup-works .pagination 	{ display: block !important; margin: 0px 0 0 0; padding: 0;	bottom:inherit;}

#popup-works_wrapper .work-slider{margin:0 auto!important;}
#popup-works .carousel-works-action a.work-right {
    background-position: right -43px!important;
    font-size: 0 !important;
    height: 43px !important;
	padding: 0 !important;
	float: none !important;
}
#popup-works .carousel-works-action a.work-left {
   background-position: 0 0!important;
    font-size: 0!important;
    height: 43px!important;
	padding: 0!important;
}

.carousel-works-action .col-md-3:first-child {
    float: left !important;
    margin-left: 0px;
    padding: 0 !important;
    width: 40px !important;
}
.carousel-works-action .col-md-3:last-child {
    float: right !important;
    margin-right: 0px;
    padding: 0 !important;
    width: 40px !important;
}

.work-description .col-md-8,.work-description h5			{display:none;}
#popup-works .work-header .btn-close-popup				{display:none;}
.work-description ul										{text-align:center; padding:0;}
.work-description ul li 									{list-style:none; display:inline-block; vertical-align:middle;}
.view_work												{display:block;}
.carousel-works-action									{text-align:center;}
.carousel-works-action .col-md-3:first-child				{float:left; width:38px;}
.carousel-works-action .col-md-3:last-child				{float:right; width:38px;}
.carousel-works-action .col-md-6							{display:inline-block; vertical-align:top; width:100%; max-width:186px; margin:0 auto; padding:0; }
#popup-works .carousel-works-action .col-md-6 a			{ background: #d9534f; border-color: #d43f3a; color: #fff;  padding: 10px 23px; font-size: 14px; margin:0;}
#popup-works .work-header > div 							{ border-bottom:none;}

#popup-works .carousel-works-action						{ margin: 20px 0 0 0;}
#popup-works .work-description > div 						{ padding-top: 0;}

#popup-works_wrapper #work-1 .work-header,#popup-works_wrapper #work-2 .work-header {margin:0 0 0 0!important;}
#popup-works_wrapper #work-1 .work-header h3,#popup-works_wrapper #work-2 .work-header h3{text-align:center;  float: none !important; font-size:16px; margin:0 0 10px 0;}
#work-1 .work-description ul li,#work-2 .work-description ul li {
    font-size: 14px;
    line-height: 16px;
}
#our-work{padding-bottom:20px;}

#carousel-works{height:inherit!important;}

#popup-works .work-slider .work-carousel-slide             	{position:relative;}
#popup-works .work-slider .work-carousel-slide img		{position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
#work-carousel-1,#work-carousel-2						{padding:0 10px!important;}

#popup-works .work-slider .btn-slider-left, 
#popup-works .work-slider .btn-slider-right				{display:none!important;}

#popup-works .work-slider .work-carousel-slide .slider-image-4,
#popup-works .work-slider .work-carousel-slide .slider-image-3,
#popup-works .work-slider .work-carousel-slide .slider-image-2,
#popup-works .work-slider .work-carousel-slide .slider-image-1 { margin-top: 0;}

#popup-works .work-slider .work-carousel-slide,
#popup-works .work-slider								{ display: block; height: 506px; margin:0;}
body{background-color: #dbdbdb;}

/*
#what-we-do #marketing.select-content		{width:95.8%;}*/
#what-we-do									{ overflow:hidden;}
#what-we-do #strategy						{ overflow:hidden;}
#what-we-do #creative						{ overflow:hidden;}
#what-we-do #development						{ overflow:hidden;}
#what-we-do #marketing						{ overflow:hidden; border-bottom:1px solid #ffffff;}
/*#our-work.row 							{ margin-left:-15px !important; margin-right:-15px !important;}*/

#navigation .navigation_close				{ right:10px; }	
.btn-close-popup							{ font-size:35px;}	
#our-work h2.title							{ font-size:25px; padding:32px 0px; vertical-align:middle;}

#what-we-do .content h3						{ margin-bottom:10px; margin-top:12px;}
#our-work h2.title							{ padding:35px 0px;}
.btn.btn-danger.view_work					{ display:none !important;}
/*#what-we-do .para_1 							{background-position: -550px 0;}
#our-process .para_2 						{background-position: 0 0;}
#careers .para_3 							{ background-position:-895px 0; height: 270px; padding: 30px 0 0;}*/
.popupSliderWrap 							{ height:590px;}
dl {padding: 0;}

#our-process .content dt 						{ padding-top:40px;}
#our-process .content .right-column dt.first    { padding-top:50px;}
#our-process .center-column 					{ left: 50%; margin-left: -68px; padding: 20px 0 0; position: absolute !important; top: 26px; width: 164px !important;}

#our-process .badges 						{ background-image: url('../images/icons_process_mob.png'); width: 48px; height: 48px; margin: 1px 16px;}
#our-process .gear 							{ background: rgba(0, 0, 0, 0) url("../images/icons_process_mob.png") no-repeat scroll 0 -110px; width: 66px; height: 66px; left: -10px; top: -10px;}

#our-process .badges.discover 				{background-position: 0 0; left: 10px; top: -10px;}
#our-process .discover.gear    				{top:-10px;}

#our-process .badges.plan 					{ background-position: -55px 0; left: -31px; top: 38px; }
#our-process .plan .gear 						{ top:-10px;}
 
#our-process .badges.fusion 					{ background-position: -111px 0;  left: 4px; top: 30px;}
#our-process .fusion .gear 					{ top:-10px;} 

#our-process .badges.develop 				{ background-position: 0 -55px; left: -37px; top: 78px;}
#our-process .develop .gear 					{ top:-10px;} 

#our-process .badges.launch 					{ background-position: -55px -55px; left: -2px; top: 70px;}
#our-process .launch .gear 					{left: -9px; top:-10px;} 

#our-process .badges.monitor 				{ background-position: -111px -55px; left: -42px; top: 118px;}
#our-process .monitor .gear 					{ top:-10px;} 

.fancybox-inner .badges.discover, 
.fancybox-inner .badges.plan, 
.fancybox-inner .badges.fusion, 
.fancybox-inner .badges.develop, 
.fancybox-inner .badges.launch, 
.fancybox-inner .badges.monitor 				{ top:0; left:0;}
#popup-works_wrapper { background-color:inherit !important;}

/*Start Popup responsive for tab -7-4-2016*/
#popup-works .container { width:auto;}
/*End Popup responsive for tab -7-4-2016 */


.carousel-works-action a.work-left, .carousel-works-action a.work-right {display:block !important;}

#popup-works_wrapper { z-index:999 !important;}

}	
@media only screen and (max-width: 639px) 	{
.popupSliderWrap 							{ height:640px;}
iframe { max-width: 100%; max-height: 335px;}
/*#our-process .para_2 						{ background-position: 0px 0;}
#careers .para_3 							{ background-position: -695px 0;}*/
}
@media only screen and (max-width: 400px) 	{	
.icons										{ width:62%;}
iframe { max-width: 100%; max-height: 225px;}
/*#our-process .para_2 						{ background-position: -456px 0;}*/
}