/***** SMARTPHONES *****/
@media all and (max-width: 640px){
	.stat{ border:none; }
    .media-list .media .media-body{width:100%;}
    ul.media-list .media-image{margin-bottom:15px;}
    
}

@media all and (min-width: 641px){
	.reveal-modal, dialog {
    left: 0;
    margin: 0 auto;
    max-width: 55.5556rem;
    right: 0;
    width: 80%;
}
    
    .app-imgs{max-width:45%;}
    
    
}



@media all and (max-width: 767px){
.mobile-toggle {width:100%;display: block; cursor: pointer; font-size: 40px; top: 15px; color: #444; z-index: 200;}	
	.mobile-toggle em{ right:15px;position:absolute; }
	.menu{ margin: 0px; }
	.menu li{ float: none; margin: 0px 0px 11px 0px; }
	#navigation{ position: fixed !important; background: #rgba(255,255,255,0.9) !important; top: 0px; padding-top: 73px; max-height: 50px;  }
	#navigation .text-center{ text-align: left !important; }
	#logo{ display: none; }
	#mobile-logo {opacity: 0.8;    width: 100px;left:15px;position:absolute; top:-5px;	}
	.headline{ margin-bottom: 11px; }
	.headline-logo{ display: none; }
	.content-divider{ /*display: none;*/ }
	
	#clients{ display: none; }
	
	.stat{ margin-bottom: 22px;}
	.slide-content{ padding-top: 150px !important; }
	.title-upper{ display: none; }
	.title-icon{ display: none; }
	
	.bg-cover{ background-attachment: scroll !important; }
	
	.page-title h1{ font-size: 48px; }
	
	
	.process-phase{ text-align: center; }
	.phase-icon{ margin: 0px 0px 22px 0px; display: inline-block; float: none !important; }
	.phase-text{ float: none; min-width: 100%; }
		
	.project-slider{ margin-bottom: 22px; }
	.filters li{ margin-right: 11px; }
	
	#home-slider .slides li h1{ font-size: 68px; letter-spacing: 0px; right: 0px; }
	#home-slider .slides li p{ font-size: 1em; }
	#home-slider .slides li .btn{ display: none; }
	#home-slider .slides li{ background-size: cover !important; }
	
	.testimonials-slider h1{ font-size: 38px; }
	
	.pricing-table{ margin-bottom: 44px; }
  .project {
		float:none;
		display:block;  
  }
    .responsive-table{overflow:auto;}
    #navigation{overflow:hidden;}
    .hero-header h1{font-size:75px;}
    
}


/***** TABLETS PORTRAIT & LANDSCAPE *****/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

	#home-slider .slides li{ background-size: cover !important; }
	.bg-cover{ background-attachment: scroll !important; }
	.post-single-footer{ background-attachment: scroll !important; }
	
}

@media (min-width : 768px) and (max-width : 1024px) {
    #home-slider .slides li h1{font-size:115px;}
}


/***** PORTRAIT TABLETS *****/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	.project{ width: 50%; }
	.headline { font-size: 130px; letter-spacing: 20px; }
	.process-phase{ text-align: center; }
	.phase-icon{ margin: 0px 0px 22px 0px; display: inline-block; float: none !important; }
	.phase-text{ float: none; min-width: 100%; }

	#blog-preview-holder .post-link .medium-6{ width: 100% !important; }
    
}

/** ADDITIONAL FEATURES **/

@media all and (max-width: 1250px){
  .post-preview h2{ font-size: 24px; }
}






@media all and (max-width: 800px){
    .bottle-desc-1 p, .bottle-desc-2, .bottle-desc-3, .bottle-desc-3 ul li{font-size:13px;line-height:18px;}
    .bottle-text-box-cutlass .bottle-desc-1 p{font-size:13px;}
}

@media all and (min-width: 801px){
 
}
@media all and (min-width: 981px){
	 .cutlass-boxx{
    	padding-left:70px;
    }
   
}
@media all and (max-width: 980px){
     .bottle-desc-1 p{
    	font-size:13px;
    }
}