@media screen and (max-width:1200px){
	.container {padding-left: 30px; padding-right: 30px;}
	.device{left:20%;}
	footer li{margin-right:10%;}
	.feature-content{width:55%;}
	
	
}
@media screen and (max-width:991px){
	.feature-1,.feature-2{margin-bottom:50px;}
	.device{display:none;}
	.screenshots ul li{width:50%;}
	.screenshots-intro{padding:110px 0 100px 0;}
	.feature-content{width:80%;}
	.features-slider{height:100%}
	
	.slanted-right-description {

	display: none;
	}

.slanted-left-description {
	
	display: none;

	}
	.services-hero p {
    font-size: 25px;
    line-height: 24px;
}

}

@media screen and (min-width:695px) {
	nav {
		/*width:500px; */
		right: 0px !important; 
		float: right;
		position: relative;		
	}	
	
	nav li {
		display: inline;	
		color: #000;
		text-transform: uppercase;
		font-weight: 600;
		margin-left: 35px;
	}
	
	nav li a {
		color: #b1b1b1;
		font-size: 13px;
	}
	
	.m13-short {
		display: none;	
	}
	
	span.x {
		display: none;	
	}
	
	.contact-button {
		border: 1px solid #ADADAD;
        padding: 10px;
        border-radius: 5px;

	}	
	
	.overlay {
		display: none;
	}	
	
	.credit {
		text-align: right;	
		margin-top: 30px;
	}
	
	
}

@media screen and (max-width:694px){
	
	
	
	span.x {
		display: block;	
	}
	
	nav {
		
		z-index: 2;
	    background: #000;
        display: block;
        height: 100%;
        overflow: auto;
        position: fixed;
		width: 20em;
		text-align: left;
		top: 0px;
		right: -280px;
		padding: 20px;
		
		
	}
	
	nav li {
		display: block;
		color: #fff;	
		margin-top: 5px;
	}
	
	nav li a {
		color: #fff;
		font-size: 20px;
	}
	
	
	nav li a: hover {
		color: #C50003;
	}
	
	.m13-short {
		display: block;
		width: 100px;	
		margin-bottom: 40px;
		padding-bottom: 20px;
		border-bottom: 1px solid #4C4C4C;
	}
	
	.contact-button {
		border: 0px;
        padding: 0px;
        border-radius: 0px;

	}	
	
	.feature-content{width:60%;}
	
	.credit {
		text-align: left;	
	}
}
@media screen and (max-width:640px){
	
	nav {
	top: -40px;
		
	}
	
	.use-btn{display:none;}
	footer li{display:block;text-align:left;padding:20px 0;border-bottom:dotted 1px #424242;margin-right:0!important;float:none;}
	nav{margin-top:40px;}
	.overlay ul{margin-left:0px;}
	.overlay ul li a{padding:20px 0;min-width:120px;font-size:18px;}
}
@media screen and (max-width:465px){
	.results {
		height: 160px;
	}
	
	.homepage-hero {
 	min-height: 500px;

	}
	
	.homepage-hero h1 {
		margin: 0.24em 0 1em 0;
		font-size: 24px;	
		font-weight: 600;
	}	
	
	
	.homepage-hero p {
		font-size: 15px;	
	}
	
	.menu {
		display: none;	
	}
	.cs-hero {
		min-height: 560px;
		
	}
	.showcase-bg {
  
  		min-height: 400px;
 
	}
	.myname {
		font-size: 14px;	
		display: block;
		width: 200px;
	}
	
	00

	.hero h1{font-size:40px;margin:100px 0 45px 0}
	.screenshots ul li{width:100%;min-height:100%;float:none;}
	section.video i{font-size:30px;}
	section.video h1{font-size:15px;font-weight:400;}
	section.video{padding:40px;}
	.feature-content{width:100%;text-align:center;margin-top:20px;}
	.feature-icon{display:block;margin:0 auto;}
	blockquote p{width:60%;}
	.features-slider {padding: 11% 50px 10% 50px;}
}