@media screen and (max-width:1200px){
	.device{left:20%;top:-36px;}
	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%}
}
@media screen and (max-width:680px){
	.feature-content{width:60%; margin: 0 auto;}
}
@media screen and (max-width:640px){
	.use-btn{display:none;}
	footer li{display:block;text-align:left;padding:20px 0;border-bottom:dashed 1px #c7cacc;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:12px;}
	#ball img { width:53%; }
	
/* ==========================================================================
Navigation
========================================================================== */
	
.nav-toggle {
    position: absolute;
    top: -30;
    right: 30px;
    z-index: 999999;
    padding: 0 65px 16px 0px;
    cursor: pointer;
}	
	
.wp2 {width:100%}	
	
}


@media screen and (max-width:465px){
.hero h1{font-size:40px;margin:100px 0 45px 0}
.hero {position: relative;padding: 60px 0 60px 0;min-height: 500px;background:url(../images/slider4.jpg) no-repeat center center;background-size: cover;color: #fff;}
	.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;}
	#ball img { width:63%; }
	
.feature-content{margin: 0 auto; width: 100%;}


/* ==========================================================================
Navigation
========================================================================== */
.nav-toggle {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 999999;
    padding: 5px 65px 16px 0px;
    cursor: pointer;
}
.nav-toggle:focus {
    outline: none;
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    content: '';
    position: absolute;
    display: block;
    width: 35px;
    height: 5px;
    border-radius: 1px;
    background: #fff;
    cursor: pointer;
}
.nav-toggle span:before {
    top: -10px
}
.nav-toggle span:after {
    bottom: -10px
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.nav-toggle.active span {
    background-color: transparent
}
.nav-toggle.active span:before, .nav-toggle.active span:after {
    top: 0
}
.nav-toggle.active span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-toggle.active span:after {
    top: 10px;
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
}
.navicon {
    position: relative;
    height: 26px;
}
.navicon p {
    margin: 1px 50px 0 0
}
.navicon-fixed {
    position: fixed;
    top: 59px;
    right: 143px;
}

#about { margin-top:80px;}
#about h1 { font-size:3.5em; font-weight:100; color:#555;}
#about h2 { font-size:1.7em; font-weight:100;}
#about p { font-size:1.2em; line-height:1.2em;}
#about img { width:100%;}

.feature-content ul { margin-left:3em; text-align:left;}
.feature-content li {}
.feature-icon img { margin-bottom:20px;}

#business h1 { margin-bottom:1em; font-size:3.5em; font-weight:100; color:#555;}
#business h2 { font-size:1.7em; font-weight:100;}

#recruit { margin:0 auto; width:96%;}
#recruit h1 { margin-bottom:1em; font-size:3.5em; font-weight:100; color:#555;}
#recruit h2 { font-size:1.7em; font-weight:100;}

#company h1 { margin-bottom:1em; font-size:3.5em; font-weight:100; color:#555;}
#company h2 { font-size:1.7em; font-weight:100;}

.contact dl { margin:20px 0 0 0; padding:20px; width:98%; font-size:15px; border:none; font-weight:100; font-family: 'Josefin Sans', sans-serif;}

h4.h4_contact { margin:0 0 1em 2em; font-size:30px; color:#fff; font-weight:100; font-family: 'Josefin Sans', sans-serif;}
h4.h4_contact a {font-size:30px; color:#fff; text-decoration: none;}

.gmap { margin-top:270px;}

.wp2 {width:100%}

}