@media screen and (max-width:1199px){
	
}

/*Apple iPad landscape---*/
@media screen and (max-width:1024px){
.layout-width{width:94%;}	
.project-listing li{width:24%;}
}

@media screen and (max-width:800px){
.project-listing li{width:32.3%;}
.project-listing li:nth-child(4n){margin-right:10px;}
.project-listing li:nth-child(3n){margin-right:0;}
}


/*Apple iPad portraite---*/
@media screen and (max-width:767px){
.toggleMenu{display:block;text-indent:-9999px;position:absolute;top:50%;right:20px;margin-top:-15px;z-index:2;}
.home-header{background:none;padding:0;position:absolute;}
.inner-header{padding:0;}
.logo{display:none;}
.responsive-menu .logo{position:relative;z-index:2;padding:10px;display:block;}
.nav ul{display:none;background:#696c6d;width:100%;position:absolute;top:0;left:0;padding:80px 0 0 0;z-index:1;}
.nav li{display:block;border-bottom:1px solid #838788;color:#fff;border-right:0;}
.nav li a{color:#fff;display:block;padding:10px 15px;}
.landing-page .fp-controlArrow{top:70%;}
ul.resp-tabs-list { display: none;}
h2.resp-accordion { display: block;border-bottom:1px solid #121212 !important;}
.resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;}
.resp-vtabs .resp-tabs-container {border: none;float: none;width: 100%;min-height: 100px;clear: none; }
.resp-accordion-closed {display: none !important;}
.resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
h2.resp-tab-active span.resp-arrow { -moz-border-bottom-colors: none;-moz-border-left-colors: none; -moz-border-right-colors: none;  -moz-border-top-colors: none;  border-color: -moz-use-text-color transparent #9b9797;  border-image: none;  border-style: none solid solid; border-width: medium 6px 7px;}
.resp-arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #7b7b7b; float: right;  height: 0;  margin-top: 3px;  width: 0;}
h2.resp-tab-active{background:#000 !important;border:0 !important;}
.project-listing li{width:48.7%;}
.project-listing li:nth-child(3n){margin-right:10px;}
.project-listing li:nth-child(2n){margin-right:0;}
.project-detail-thumb{top:42%;padding: 10px;}
.content-scroller{height:90px;}
.project-listing{margin:0;}
}

@media screen and (max-width:479px){
.project-listing li{width:100%;margin-right:0;float:none;}
}

