@media screen and (max-width:1200px){
	.device{left:20%;top:-36px;}
	footer li{margin-right:10%;}
	.feature-content{width:55%;}
    .mt3 { margin-top: 1.85em }
}
@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%}
    .width {width: 86%; float: none; margin-left: 10%;}
    .m-pad-intro { padding: 0 20px; }
    #announcement #dialog { height: 290px; }
    .right { float: none; }
    .left { float: none; }
}
@media screen and (max-width:680px){
	.feature-content{width:60%;}
    .m-hide {display: none;}
}
@media screen and (max-width:640px){
	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;}
    .hero h2 {font-size: 1.5em;}
    .hero p {font-size: 18px;}
	.overlay ul{margin-left:0px;}
	.overlay ul li a{padding:20px 0;min-width:120px;font-size:12px;}
    .nav-wrapper { height: 90px; }
    .logo { height: 70px; margin-top: 10px;}
    .navicon p { margin: 1px 50px 10px 0 }
    .features-slider { padding: 11% 40px 10% 40px; }
    .features p { font-size: 1.2em; }
    .map-bg { padding: 1% 40px 8% 40px; height: 380px; }
    .map p { font-size: 1.2em; }
    .m-hide { display: none; }
    .mobile-only { display: block!important; }
    .video-img { width: 100%!important; }
    #map-canvas { height: 300px; }
    #announcement #dialog { width: 90%; margin: 0 5%; height: 310px; }
}
@media screen and (max-width:465px){
    .seamless-pth {  }
	.hero h1{font-size:32px;margin:80px 0 45px 0; padding: 0 30px;}
	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;}
	.features-slider {padding: 11% 50px 10% 50px;}
    .map-bg { height: 430px; }
    #lunch ul li {font-size: 1em;}
    #lunch h1 {font-size: 1.8em;}
    #dim-sum ol li { font-size: 1em; }
    #dim-sum h1 { font-size: 1.8em; }
    #appetizer ul li {font-size: 1em;}
    #appetizer h1 {font-size: 1.8em;}
    #soup ul li {font-size: 1em;}
    #soup h1 {font-size: 1.8em;}
    #noddles ul li {font-size: 1em;}
    #noddles h1 {font-size: 1.8em;}
    #main ul li {font-size: 1em;}
    #main h1 {font-size: 1.8em;}
    #dessert ul li {font-size: 1em;}
    #dessert h1 {font-size: 1.8em;}
    #announcement h1 { font-size: 1.4em; }
    #announcement p { font-size: 1.1em; line-height: 1.4em; }
}
@media screen and (max-width:320px) {
    #announcement #dialog { height: 340px; }
}

@media screen and (max-device-width : 1024px) {
    .hero {
        background-attachment: scroll;
    }
}