@media only screen and (max-width: 1279px) {
    .features ul li h2, .focusedbrow .right h3 {font-size: 36px;}
    .features ul li p, .focusedbrow .right p {font-size: 20px;}
    .features ul li p.info {font-size: 16px;}
    .subscribe .left h3 {font-size: 36px;}
    .subscribe .left p {font-size: 20px; line-height: 34px;}
}
@media only screen and (max-width: 979px) {
    .banner {padding: 164px 0 100px;}
    .banner .left h1 {font-size: 40px;}
    .banner .left {padding: 14px 0 0;}
    .banner .left a {width: 200px; padding: 8px 0; font-size: 14px;}
    .features ul li h2 {font-size: 24px;}
    .features ul li .icon img {height: 50px;}
    .features ul li p, .focusedbrow .right p {font-size: 16px;}
    .features ul li .remark, .features ul li p.info {font-size: 14px;}
    .features ul li h2, .focusedbrow .right h3 {font-size: 28px;}
    .subscribe .left h3 {font-size: 28px;}
    .subscribe .left p {font-size: 16px; line-height: 24px;}
    .features, .focusedbrow, .subscribe {padding: 80px 0;}
    footer {font-size: 14px;}
    footer .left, footer .right ul li a {line-height: 14px;}
    footer .right span {margin: 0 0 10px;}
    .subscribe .right .submit input[type="submit"] {font-size: 14px;}
    .midWrap h1 {font-size: 40px;}
    .contactUs .left h3 {font-size: 28px; margin: 0 0 20px;}
    .contactUs .left p {font-size: 16px; line-height: normal;}
}
@media only screen and (max-width: 767px) {
    .banner .left h1 {font-size: 24px;}
    header .logo img, footer .logo img {width: 124px;}
    .banner {padding: 120px 0 100px;}
    .features ul li {width: 100%; margin:32px 0 0;}
    .features ul li:nth-child(1) {width: 100%; margin: 0;}
    .features {padding: 80px 0 0;}
    .focusedbrow .left {width: 100%; margin: 0 0 20px;}
    .focusedbrow .right {width: 100%; margin: 0; padding: 0;}
    .subscribe .left {width: 100%; margin: 0 0 20px;}
    .subscribe .right {width: 100%; margin: 0; padding: 0;}
    .features ul li h2, .features ul li p, .features ul li .remark, .features ul li .icon {margin: 0 0 12px;}
    .features ul li h2 br {display: none; margin: 0 0 12px;}
    .midWrap {padding: 120px 0 100px;}
    .midWrap h1 {font-size: 24px; margin: 0 0 20px;}
    .midWrap p {font-size: 14px; margin: 0 0 16px;}
    .contactUs .left {width: 100%; margin: 0 0 20px;}
    .contactUs .left h3 span {display: inline-block;}
    .contactUs .right {width: 100%; margin: 0; padding: 0;}
}
@media only screen and (max-width: 579px) {
    .banner .left p {font-size: 14px;}
    .banner .left a {width: 144px;}
    .banner .left {padding: 0;}
    .banner {padding: 120px 0 60px;}
    .features, .focusedbrow, .subscribe {padding: 50px 0;}
    .focusedbrow .right h3 {margin: 0 0 12px;}
    .focusedbrow .right p {margin: 0;}
}
@media only screen and (max-width: 479px) {
    header .topNav .socialMedia {margin: 0 2px;}
    header .topNav .socialMedia li {margin: 0 2px;}
    header .logo img, footer .logo img {width: 180px;}
    header .topNav {margin: 4px 0 0;}
    .banner .right {width: 100%; margin: 0 0 20px;}
    .banner .right ul li img {width: 80%;}
    .banner .left {width: 100%;}
    footer {padding: 36px 0;}
    header nav {width: 100%;}
    header nav.open {left: 0;}
}