/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    #countdown {
        padding: 15px 30px;
    }
    #countdown li {
        font-size: 24px;
        padding: 5px 20px;
    }
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #countdown {
        padding: 15px 30px;
    }
    #countdown li {
        font-size: 24px;
        padding: 5px 20px;
    }
    .about-photo {
        text-align: center;
        margin-top: 60px;
    }
    .about-photo img {
        width: 300px;
        border-radius: 30px;
    }
    .about-text {
        text-align: center;
    }
    .about-text .signature {
        float: none;
    }
    .testimonial-item .media {
        width: 35%;
    }
    .blogs .post-thumbnail {
        position: static;
    }
    .blogs .text-right {
        text-align: left;
    }
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    .mainmenu-area {
        top: 0;
    }
    .mainmenu {
        text-align: center;
    }
    .menu-bar {
        width: 30px;
    }
    .menu-bar .icon-bar {
        width: 100%;
        height: 2px;
        background-color: #ffffff;
        display: block;
        margin: 8px 0;
        border-radius: 5px;
    }
    .mainmenu li {
        display: block;
    }
    #countdown {
        padding: 15px 30px;
    }
    #countdown li {
        font-size: 18px;
        padding: 10px;
    }
    .header-title {
        font-size: 40px;
    }
    .about-photo {
        text-align: center;
        margin-top: 60px;
    }
    .about-photo img {
        width: 300px;
        border-radius: 30px;
    }
    .about-text {
        padding: 20px;
        text-align: center;
    }
    .about-text .signature {
        float: none;
    }
    .testimonial-item .media {
        width: 60%;
    }
    .blogs {
        border-radius: 0;
    }
    .blogs .post-thumbnail {
        position: static;
    }
    .blogs .text-right {
        text-align: left;
    }
    .contact-form .form-control#form-name {
        border-radius: 50px;
    }
    .contact-form .form-control#form-email {
        border-radius: 50px;
    }
    .contact-form .text-right {
        text-align: left;
    }
    .contact-form button {
        margin-bottom: 30px;
    }
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .gallery .col-xs-12,
    .team .col-xs-12 {
        width: 50%;
    }
}