@media screen and (max-width: 1024px) {
 .banner {
 min-height: 620px;
 }
 .nav-toggle {
 display: block;
}
 .navigation {
 position: fixed;
 background-color: #000;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 99999;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
 transition: opacity 0.5s, visibility 0s 0.5s;
}
 .navigation .primary-nav {
 position: relative;
 top: 45%;
 -moz-transform: translateY(-45%);
 -ms-transform: translateY(-45%);
 -webkit-transform: translateY(-45%);
 transform: translateY(-45%);
}
 .navigation li {
 display: block;
 margin-bottom: 20px;
}
 .navigation a {
 display: block;
 font-size: 14px;
 margin: 0;
 text-align: center;
}
 .overview-video iframe {
 width:290px;
 height:163px;
}
 .flex-control-nav {
 bottom: 20px;
}
}
@media screen and (max-width: 768px) {
    .banner {
        min-height: 520px;
    }

    #banner {
    text-align:center;
    }
    .header-overlay .banner-text {
    padding-top: 30%;
    }
    .header-overlay .banner-text h1 {
    margin-top:70px;
    font-size: 33px;
    line-height:36px;
    }
    .header-overlay .banner-text p {
    font-size: 18px;
    width: 80%;
    }
    .banner-img {
    margin:auto;
    }
    .banner-btn a img {
    max-height: 100px;
	margin-bottom: 20px;
    }
    #overview {
    text-align:center;
    }
        
    .overview-content p {
    padding-right:0px;
    }
    #features {
    text-align:center;
    }
    .features1-content {
    margin-top: 5%;
    }
    .left {
    text-align:center;
    }
    .middle {
    padding-left:0px;
    margin:auto;
    margin-top:5%;
    margin-bottom:5%;
    }

    .row h2.section-title {
        font-size: 20px;
        padding: 0 5%;
        box-sizing: border-box;
    }
    
    .features2-content h2.section-title {
        font-size: 20px;
        padding: 0 5%;
        box-sizing: border-box;
    }

    .features2-content {
    margin-top:0px;
    }
    .features3 img {
    padding-left:0px;
    }
    .footer .footer-col {
    margin-bottom: 50px;
    }
}

@media screen and (max-width: 320px) {
    .banner-text {
    padding-top: 55%;
    }
    .subscribe-form input[type=text] {
    width:65%;
    }
    .subscribe-form input[type=submit] {
    width: 35%;
    }
}