/*----------------------------*/
/* Media queries for device compalability
/*----------------------------*/
@media only screen and (max-width: 768px){
	.logo{
	float: left;
	width: auto;
	height: 33px;
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 90px;
	margin-left: 0;
}
.partnersImg{
	margin:0 auto; width:100%; height: auto; display:block;
	}
#featuresContent{
	width:100%;
	}
#featuresContent .features{
	margin-right:10px;
	}	
.company-overview{
	/*margin:0 auto;*/ width:100%; display:block;
	}		
.companyoverview-text{
	width:90%;
	/*float:left;*/
	height:auto;
	padding:9px 10px;
	border:1px solid #D2D2D2;
	
	border-radius:6px;
	display:block;
	/*cursor:pointer;*/
	/*height:auto;*/
	font-size:13px;
	line-height:18px;
	background-color:#fff;
	
	}	
#pageForm .emailer {background:#ccc; color:#505050; font-size:12px; height:32px; padding:0 5px; width:150px; float:left;  border:1px solid #999;}
	 #pageForm input[type="submit"]{height:34px; width:80px; font-size:15px; color:#fff; background:rgba(0,0,0,.5); border:none; cursor:pointer; padding:0 5px; text-indent:0;}
#footer{ margin-top:-0;}	
.#featuresContent .partners{
	margin-top:50px;
	}	

.menu .active{ border-bottom: 1px solid #ccc; color:#303030;}
.headerTop {min-height:134px;}
a.menu-link {background-color: #fff;color: #FFFFFF; display: inline;margin:1% 2% 0 0; padding: 4px 8px; position: relative; text-align: left; text-indent: -9999px; border-bottom:none; margin-top:50px;}
a.menu-link span{ border: 1px solid #303030;  display: block; margin: 4px auto;  position: relative;text-align: center;width: 17px;}	
.menu {clear: both;min-width: inherit;float: none;}
.menu, .menu > ul ul {overflow: hidden;max-height: 0;}
.menu > li > ul.sub-menu {padding: 0px;border: none;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;}
.menu.active, .menu > ul ul.active {max-height: 55em; border-bottom:none;}
.menu ul {display: inline;}
.menu > ul {border-top: 1px solid #808080;}
.menu li, .menu > ul > li {display: block;}
.menu ul li a {color: #000;display: block;padding: 0.8em;border-bottom: 1px solid #ccc;position: relative;}
.menu li.has-submenu > a:after {content: "-";position: absolute;top: 0;right: 0;display: block;font-size: 1.5em;padding: 0.55em 0.5em;}
.menu li.has-submenu > a.active:after {	content: '+';}
.menu ul ul > li a {height:20px;padding: 13px 18px 8px 20px;-webkit-transition: background-color 0s ease-out;  -moz-transition: background-color 0s ease-out;-ms-transition: background-color 0s ease-out;-o-transition: background-color 0s ease-out;transition: background-color 0s ease-out;}
.menu ul ul > li a:hover{ border-bottom:1px solid #ccc;}
.menu ul ul, .menu ul ul ul {display: inherit;position: relative;left: auto; top:auto;box-shadow: none; border:none;}
.menu ul li:hover > .active li:last-child a{ border-bottom:none;}

.testmonials{
	width:96%;
	height:auto;
}
.left{
	width:45%;
	height:auto;
	float:left;
	border-bottom:1px solid #999;
}
.right{
	width:45%;
	height:auto;
	float:right;
}

.resources{
	width:90%;
	float:left;
	padding:9px 10px;
	border:1px solid #D2D2D2;
	margin-right:5px;
	border-radius:6px;
	display:block;
	cursor:pointer;
	min-height:70px;
	height:auto;
	}
	
.resources p a{
	font-size:13px;
	}
	

.resourcesPro{
	width:90%;
	float:left;
	padding:9px 10px;
	border:1px solid #D2D2D2;
	margin-right:5px;
	border-radius:6px;
	display:block;
	cursor:pointer;
	height:auto;
	margin-bottom:30px;
	
	}
	
.resourcesPro p a{
	font-size:13px;
	}
#blog .sidebar{
	width: 98%;
	margin-top: 120px;
	float: none;
	
}


}

/********************* Ipad MINI Horizontal*************************/
@media only screen and (min-width: 480px) and (max-width:956px)   {
#blog .sidebar img{
	width: 98%;
	margin-top: 100px;
	float:none;
	
}
.features{
	margin-right:10px;
	}
	.partnersImg{
	margin:0 auto; width:100%; height: auto; display:block;
	}
#pageForm .emailer {background:#fff; color:#505050; font-size:12px; height:32px; padding:0 5px; width:190px; float:left; border:1px solid #999;}
	 #pageForm input[type="submit"]{height:34px; width:80px; font-size:15px; color:#fff; background:rgba(0,0,0,.5); border:none; cursor:pointer; padding:0 5px; text-indent:0;}	

.#featuresContent .partners{
	margin-top:50px;
	}	
	 
.container{ width:480px;}
#headerWrapper header{ height:auto;}

/*------------Navigation----------------*/
	.headerTop .container{ width:inherit; }
	a.menu-link{ margin: 2% 2% 0 0;}
	
/*------------Feature Box----------------*/	
	.featBox{ width:320px;  margin:0 auto;}
	.featBox li{ margin:0 15px 25px 15px; width:100%;}
	.featBox li:last-child{ margin-bottom:0;}
	.title{ z-index:9999;}
	
	
/*----------------Recent Work-----------------------*/	
	.jcarousel-skin-tango { width: 460px;}
	
/*------------Our Clients----------------*/
	.our-clients{ height:80px;}
	.our-clients ul{ width:auto; margin:0 auto;}
	.our-clients ul li{margin: 6px 5;width:auto; }

	/*------------Footer----------------*/
	.container .left-coln,.container .right-coln, footer #footer-bottom .foot-contact, footer #footer-bottom .get-in-touch, 
	#footer-bottom .foot-logo, #footer-bottom .get-in-touch .inner{ float:none; margin:0 auto; width:460px!important; overflow:hidden;}
	#footer-bottom .get-in-touch .inner{ margin:0 auto 10px;}
	
	.container .right-coln .slideShow{ height:200px;}
	.container .right-coln{ margin-top:45px;}
	#footer-bottom .foot-logo{ text-align:left;}
	footer #footer-bottom .foot-contact, footer #footer-bottom .get-in-touch{ border:none; border-bottom:1px solid rgba(255,255,255,.3); height:auto; margin:15px auto; padding:0;}
	
/*-------------Internal Page Formating---------------*/	
	#headerWrapper .int-header{ height:auto; padding-bottom:0;}
	.text .sub-title{ font-size:15px; line-height:20px; width:80%;}
	
	/*---------Company---------*/
	#meet-our-team { width:225px; margin:0 auto;}
	.heading .our-stat{ width:auto;}
	.text-content{ width:460px;}
	
	/*------------Progress Bar------------*/
		.percentage{ margin: 35px auto 0; width:380px; float:none; overflow:hidden;}
		.percentage li { width:370px;}
		
	/*------------Services------------*/
		#services{ margin-right:0;}	
	
	/*------------Clients--------------*/
		#clients .clientsLogo{ float:none; width:460px; margin:0 auto;} 
		#clients .clientsLogo ul{ margin:0 -50px 0 0; overflow:hidden;}
		#clients .clientsLogo li{ margin:0 50px 33px 0;}
		#clients .testimonials section{ border:none;}
		#clients .left-coln, #clients .right-coln { height:200px; border-bottom:1px solid #EDEDED;}
		#clients .right-coln{ margin-top:35px;}
	
	/*--------------Pricing Table---------------*/
		#pricing .boxContainer1{ width:250px;}
		#pricing .boxContainer1 .box{ width:245px;}
		#pricing .boxContainer1 .boxCenter{ width:245px; margin:23px 0;}
		#pricing .boxContainer2{ width:250px;}
		#pricing .boxContainer2 .box{ width:245px;}
		#pricing .boxContainer2 .boxCenter{ width:245px; margin:23px 0;}
	
	/*--------------Portfolio---------------*/
		.portfolioNav{ margin:0 auto 35px;  width: 460px;}
		.portfolioFilter{border-bottom:1px solid #eee; width:inherit; float:none;}
		.portfolioFilter a{ text-align:center;  padding: 8px;}
		.portfolioContainer{ margin:0 auto;  text-align:center;}
		.portfolioWrapper{ width:290px; margin:0 auto;}
		.portfolioContainer .overlay .details-lrg{top:40px!important;}
		.portfolioContainer article{ width:290px; height:185px; margin:0 0 31px 0;}
		.portfolioNav .share-links{ margin: 0 auto; float:none; overflow: hidden; padding: 9px 0 2px; text-align: center; width: 130px;}
		
		/*---------- Portfolio inner--------------*/
		.portfolio-inner figure{ width:460px; float:none; margin:0 auto; height:350px;}
		.portfolio-inner{ margin-bottom:30px;}
		.portfolio-inner .details{ margin:0 auto; width:435px; float:none;}
	
	/*---------------Contact Us------------------*/
	.contact-left-frm, .form-field, .contact-right-frm, .contact-left-frm form, #contact .leftAlign{float: none;  width: inherit; overflow:hidden; } 
	.contact-left-frm { margin: 0 auto; overflow: hidden; width:460px; }
	#contact form, .contact-left-frm form, .contact-right-frm{  margin: 0 auto 60px; width:460px; padding:10px 0 0; }
	#contact .form-field{ margin: 0 auto 15px; width:435px;}
	#contact input{ width:97%;}  textarea{ width:97%;}
	#contact address{ width:94%; margin:0 0 0 8px;}
	.contact-left-frm input[type="submit"]{ float:left; margin:0 0 0 4px;}
	
	.black-bar a{ font-size:20px;}
	
	.featured-work .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:-30px;}
	.featured-work .bx-wrapper .bx-pager{ text-align:center;}
	
.testmonials{
	width:100%;
	height:auto;
	float:left;
}
.left{
	width:96%;
	height:auto;
	float:left;
	margin-left:2%;
	border-bottom:1px solid #999;
}
.right{
	width:96%;
	height:auto;
	float:left;
	margin-left:2%;
}
.resources{
	width:90%;
	float:left;
	padding:9px 10px;
	border:1px solid #D2D2D2;
	margin-right:5px;
	border-radius:6px;
	display:block;
	cursor:pointer;
		
	}
	
.resources p a{
	font-size:13px;
	}

.company-overview{
	/*margin:0 auto;*/ width:100%; display:block;
	}	
.companyoverview-text{
	width:90%;
	float:left;
	height:auto;
	padding:9px 10px;
	border:1px solid #D2D2D2;
	
	border-radius:6px;
	display:block;
	/*cursor:pointer;*/
	/*height:auto;*/
	font-size:13px;
	line-height:18px;
	background-color:#fff;
	
	}		

		
}



 

/********************* Iphone Vertical*************************/
@media only screen and (min-width: 320px) and (max-width: 479px)   {
	
	.#featuresContent .partners{
	margin-top:50px;
	}	
	.features{
	margin-right:10px;
	}
	.partnersImg{
	margin:0 auto; width:100%; height: auto; display:block;
	}
	
	.container{ width:320px; }
	#headerWrapper header{ height:auto;}
	
	/*------------Navigation----------------*/
	.headerTop .container{ width:inherit; }
	a.menu-link{ margin: 3% 2% 0 0;}
	
	/*------------Feature Box----------------*/	
	.featBox{ width:100%;  margin:0 auto;}
	.featBox li{margin:0 0px 25px 0px; width:100%;}
	.featBox li:last-child{ margin-bottom:0;}
	.title{ z-index:9999;}
	
	.heading li {background: url("../images/ddir-arrow.html") no-repeat scroll 148px 300px transparent;}

	/*--------------Recent Work-------------------*/
	.jcarousel-skin-tango{ width:280px;}
	
	/*------------Our Clients----------------*/
	.our-clients{ height:80px;}
	.our-clients ul{ width:auto; margin:0 auto;}
	.our-clients ul li{margin: 6px 25px; width:auto;}
	
	/*------------Footer----------------*/
	.container .left-coln,.container .right-coln, footer #footer-bottom .foot-contact, footer #footer-bottom .get-in-touch, 
	#footer-bottom .foot-logo,#footer-bottom .get-in-touch .inner{ float:none; margin:0 auto; width:290px; overflow:hidden;}
	#footer-bottom .get-in-touch .inner{ margin:0 auto 10px;}
	
	.container .left-coln li .description{  float: left; width: 63%;}
	.container .left-coln:before{ display:none;}

	.container .right-coln{ margin-top:45px;}
	.container .left-coln{ width:90%;}
	
	#footer-bottom .foot-logo{ text-align:left;}
	footer #footer-bottom .foot-contact, footer #footer-bottom .get-in-touch{
	height: auto;
	margin: 15px auto;
	padding: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

	#footer-top .slideShow .bx-controls-direction {   height: 26px; bottom:12px;}
	/*-------------Internal Page Formating---------------*/	
		
		/*-------------Company---------------*/	
		#innerHeader{ height:auto;}
		#meet-our-team { width:225px; margin:0 auto;}
		.text .sub-title{
	font-size: 18px;
	line-height: 20px;
	width: 90%;
}
		.heading .our-stat{ width:auto;}
		.text-content{ width:290px;}
		
		/*------------Progress Bar------------*/
		.percentage{ margin: 35px auto 0; width:270px; float:none; overflow:hidden;}
		.percentage li { width:250px;}
		
		/*------------Services------------*/
		#services{ margin-right:0;}
		
		/*------------Clients--------------*/
		
		.clientsLogo li{ margin:0 20px 33px;}
		#clients .testimonials section{ border:none;}
		#clients .left-coln, #clients .right-coln { height:200px; border-bottom:1px solid #EDEDED;}
		#clients .right-coln{ margin-top:35px;}
		
		/*--------------Pricing Table---------------*/
		#pricing .boxContainer1{ width:250px;}
		#pricing .boxContainer1 .box{ width:245px;}
		#pricing .boxContainer1 .boxCenter{ width:245px; margin:23px 0;}
		#pricing .boxContainer2{ width:250px;}
		#pricing .boxContainer2 .box{ width:245px;}
		#pricing .boxContainer2 .boxCenter{ width:245px; margin:23px 0;}
		
		/*--------------Portfolio---------------*/
		.portfolioFilter a{ width:100%;}
		.portfolioContainer article{ width:290px; height:185px; margin:0 0 31px 0;  }
		.portfolioWrapper{ width:290px; margin:0 auto;}
		
		.portfolioContainer .overlay .details-lrg{top:40px!important;}
		.portfolioContainer{ margin:0 auto;}
		.portfolioNav .share-links{ margin: 0 auto; float:none; overflow: hidden; padding: 9px 0 2px; text-align: center; width: 130px;}
		
		/*---------- Portfolio inner--------------*/
		.portfolio-inner figure{ width:290px; float:none; margin:0 auto; height:250px;}
		.portfolioFilter a{ border-bottom:1px solid #eee; text-align:center;   padding: 8px 10px 8px;}
		.portfolio-inner{ margin-bottom:30px;}
		.portfolio-inner .details{ margin:0 auto; width:290px; float:none;}
		
		/*---------------Contact Us------------------*/
	.contact-left-frm, .form-field, .contact-right-frm, .contact-left-frm form, #contact .leftAlign{float: none;  width: inherit; overflow:hidden; } 
	.contact-left-frm { margin: 0 auto; overflow: hidden; width:290px; }
	
	#contact form, .contact-left-frm form, .contact-right-frm{  margin: 0 auto 60px; width:290px; padding:10px 0 0; }
	#contact .form-field{ margin: 0 auto 15px; width:290px;}
	#contact input{ width:93%;}  textarea{ width:93%;}
	#contact address{ width:94%; margin:0 0 0 8px;}
	.contact-left-frm input[type="submit"]{ float:left; margin:0 0 0 4px;}

	.black-bar a{ font-size:12px;}

	/*(Option for HOME PAGE)-*/ 
	
	.featured-work .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:-30px;}
	.featured-work .bx-wrapper .bx-pager{ text-align:center;}
	
	.bloghome article .description{ width: 68%; margin-left: 10px; float:left;} 
.testmonials{
	width:100%;
	height:auto;
	margin-left:2%;
	
}
.left{
	width:98%;
	height:auto;
	float:left;
	border-bottom:1px solid #999;
	margin-bottom:10px;
}
.right{
	width:98%;
	height:auto;
	float:left;
}
.left img{
	float:left;
}
.right img{
	float:left;
}

.resources{
	width:90%;
	float:left;
	padding:9px 10px;
	border:1px solid #D2D2D2;
	margin-right:5px;
	border-radius:6px;
	display:block;
	cursor:pointer;
	
	}
	
.resources p a{
	font-size:13px;
	}
.company-overview{
	/*margin:0 auto;*/ width:100%; display:block;
	}		
}

@media only screen and (max-width: 924px){
.bloghome article{ width:100%; }
.features{
	margin-right:10px;
	}
	.partnersImg{
	margin:0 auto; width:100%; height: auto; display:block;
	}
.company-overview{
	/*margin:0 auto;*/ width:100%; display:block;
	}	
.companyoverview-text{
	width:90%;
	float:left;
	height:auto;
	padding:9px 10px;
	border:1px solid #D2D2D2;
	
	border-radius:6px;
	display:block;
	/*cursor:pointer;*/
	/*height:auto;*/
	font-size:13px;
	line-height:18px;
	background-color:#fff;
	
	}			
.resources{
	width:90%;
	float:left;
	padding:9px 10px;
	border:1px solid #D2D2D2;
	margin-right:5px;
	border-radius:6px;
	display:block;
	cursor:pointer;
	margin-bottom:5px;
	}
	
.resources p a{
	font-size:13px;
	}

}

@media only screen and  (max-width: 480px) {
.article-block{ width:95%}
.bloghome article{  margin-left:auto; margin-right:auto; }
.features{
	margin-right:10px;
	}
.partnersImg{
	margin:0 auto; width:auto; height: auto; display:block;
	}
.testmonials{
	width:100%;
	height:auto;
	margin-left:2%;


}
.left{
	width:98%;
	height:auto;
	float:left;
	margin:auto;
	border-bottom:1px solid #999;
	margin-bottom:10px;
}
.right{
	width:98%;
	height:auto;
	float:left;
	margin:auto;
}
.left img{
	float:left;
}
.right img{
	float:left;
}

.resources{
	width:90%;
	float:left;
	padding:9px 10px;
	border:1px solid #D2D2D2;
	margin-right:5px;
	border-radius:6px;
	display:block;
	cursor:pointer;
	
	}
	
.resources p a{
	font-size:13px;
	}
.company-overview{
	/*margin:0 auto;*/ width:100%; display:block;
	}	
.companyoverview-text{
	width:90%;
	float:left;
	height:auto;
	padding:9px 10px;
	border:1px solid #D2D2D2;
	
	border-radius:6px;
	display:block;
	/*cursor:pointer;*/
	/*height:auto;*/
	font-size:13px;
	line-height:18px;
	background-color:#fff;
	
	}	
}

/*----------------------------*/
/* Media queries for device compalability
/*----------------------------*/