@media only screen and (max-width: 1200px) {
    .date-countdown{ width: 100%; }
}
@media only screen and (max-width: 992px) {
    .main-area{ position: relative; height: 200vh; }
    .right-section{ float: none; width: 100%; height: 25%; }
    .right-section .main-content{ padding: 40px 0; }
    .right-section .footer-icons > li > a > i{ height: 30px; line-height: 28px; width: 30px; }
    .left-section{ position: static; width: 100%; height: 25%; }
}
@media only screen and (max-width: 767px) {
    p{ line-height: 1.4; }
    h1{ font-size: 2.8em; line-height: 1; }
    h2{ font-size: 2.2em; line-height: 1.1; }
    h3{ font-size: 1.8em; }
}
@media only screen and (max-width: 479px) {
    body{ font-size: 12px; }
    .right-section{ padding: 0 30px; }
}
@media only screen and (max-width: 359px) {
}
@media only screen and (max-width: 290px) {
}