/*---------------------------------------------------------
Theme Name: Mars | Multipurpose Parallax Responsive Coming Soon and Under Construction Template
Theme URI: http://mars.grapestheme.com/
Author: Grapestheme
Author Email: grapestheme@gmail.com
Author URI: http://themeforest.net/user/Grapestheme
Description: Mars | Multipurpose Parallax Responsive Coming Soon and Under Construction Template
Version: 1.0
License: ThemeForest Regular & Extended License
License URI: http://themeforest.net/licenses/regular-extended
---------------------------------------------------------*/

/* ===================================
    Responsive Media Query // Non-Mobile First Method
====================================== */

/*==========  Extra Large Desktop ==========*/
@media only screen and (min-width:1920px) {

    /* ===================================
        Home Section
    ====================================== */
    /* Style For Layer Img Scale */
    .level-3 svg,.level-2 svg,.level-1 svg {
        -webkit-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -ms-transform:scale(1.5,1.5);
        transform:scale(1.5);
    }

    /* ===================================
        Default Page Style
    ====================================== */
    section.section {
      position:relative;
      padding:100px 0 110px;
      overflow:hidden;
    }
}

/*==========  Extra Large Desktop ==========*/
@media only screen and (min-width:1400px) and (max-width:1919px) {

    /* ===================================
        Home Section
    ====================================== */
    /* Style For Layer Img Scale */
    .level-3 svg,.level-2 svg,.level-1 svg {
        -webkit-transform:scale(1.5);
        -moz-transform:scale(1.5);
        -ms-transform:scale(1.5,1.5);
        transform:scale(1.5);
    }

    /* ===================================
        Default Page Style
    ====================================== */
    section.section {
        position:relative;
        padding:90px 0 100px;
        overflow:hidden;
    }
}


/*==========  Desktop And Tablet ==========*/
@media (min-width:1024px) and (max-width:1199px) {

    /* ===================================
        Home Section
    ====================================== */
    /* Object Positioning For Level-3 */
    .level-3.object-4 {
        left:300px;
    }
}

/* ==========  Mobile And Tablet  ==========*/
@media (min-width:992px) and (max-width:1023px) {

    /* ===================================
        Home Section
    ====================================== */
    /* Object Positioning For Level-3 */
    .level-3.object-4 {
        left:300px;
    }
}

/* ========== Mobile And Tablet ========== */
@media (min-width:768px) and (max-width:991px) {
    /* ===================================
        Home Section
    ====================================== */
    #home ul li .main_content .home-big-text {
        font-size:66px;
        line-height:76px;
    }

    /* ===================================
        Default Page Style
    ====================================== */
    .scrollToTop {
        display:none !important;
    }

    /* ===================================
        Service Section
    ====================================== */
    #service .service-box .service-info {
        padding:0 10px;
    }

    /* ===================================
        Contact Section
    ====================================== */
    #contact .page-section #googlemap {
      height:350px;
    }

    #contact .page-section .contact-form {
        text-align:center;
        max-width:100%;
    }
}

/*==========  Mobile  ========== */
@media (min-width:640px) and (max-width:767px) {
    /* ===================================
        Helper Class
    ====================================== */
    .scrollToTop {
        bottom:70px !important;
    }
    .sm-no-border{
        border:none !important;
    }
    h6 {
        margin-bottom: 50px;
    }

    /* ===================================
        Home Section
    ====================================== */
    #home ul li .main_content .home-big-text {
        font-size:54px;
        line-height:64px;
    }
    #home ul li .main_content .home-sub-text {
        font-size:20px;
    }
    #home ul li .main_content .home-info-text {
        font-size:20px;
    }

    /* ===================================
        Default Page Style
    ====================================== */
    section .title-container .section-title {
        font-size:26px;
    }
    section .title-container .section-sub-title {
        font-size:18px;
        max-width:470px;
    }

    /* ===================================
        Countdown Section
    ====================================== */
    #countdown .number-container {
        margin:10px auto;
    }

    /* ===================================
        Service Section
    ====================================== */
    #service .service-box {
        max-width:470px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:50px !important;
    }

    #service .service-box .service-info {
        padding:0 20px;
    }

    /* ===================================
        Portfolio Section
    ====================================== */
    #portfolio .gallery li {
        display:block;
        float:left;
        width:50%;
    }

    /* ===================================
        About Section
    ====================================== */
    #about .team-container {
        max-width:470px;
        margin:0 auto 50px;
        text-align:center;
    }

    /* ===================================
        Contact Section
    ====================================== */
    #contact .page-section {
        margin-top:0px;
    }

    #contact .page-section #googlemap {
      height:350px;
    }

    #contact .page-section .contact-form {
        text-align:center;
        max-width:100%;
    }

    /* ===================================
        Subscribe Section
    ====================================== */
    #subscribe .subscribe-form {
        width:50%;
    }

    /* ===================================
        Under Construction
    ====================================== */
    .under-construction-form{
        width:60%;
    }
}


@media (min-width:480px) and (max-width:639px) {

    /* ===================================
        Helper Class
    ====================================== */
    .scrollToTop {
        bottom:70px !important;
    }
    .sm-no-border{
        border:none !important;
    }
    h6 {
        margin-bottom:50px;
    }

    /* ===================================
        Header Class
    ====================================== */
    .header .save-date .save-date-btn {
        font-size:20px;
        padding:18px 20px;
    }
    .header .save-date .save-date-btn i {
        margin:0;
    }

    .header .save-date .save-date-btn span {
        display:none;
    }

    /* ===================================
        Home Section
    ====================================== */
    #home ul li .main_content .home-big-text {
        font-size:42px;
        line-height:52px;
    }

    #home ul li .main_content .home-sub-text {
        font-size:18px;
    }

    #home ul li .main_content .home-info-text {
        font-size:18px;
    }

    /* ===================================
        Default Page Style
    ====================================== */
    section .title-container .section-title {
        font-size:26px;
    }
    section .title-container .section-sub-title {
        font-size:16px;
        max-width:470px;
    }

    /* ===================================
        Countdown Section
    ====================================== */
    #countdown .number-container {
        margin:10px auto;
    }

    /* ===================================
        Service Section
    ====================================== */
    #service .service-box {
        max-width:470px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:50px !important;
    }

    #service .service-box .service-info {
        padding:0 20px;
    }

    /* ===================================
        Portfolio Section
    ====================================== */
    #portfolio .gallery li {
        float:none;
        clear:both;
        text-align:center;
        width:100%;
    }

    /* ===================================
        About Section
    ====================================== */
    #about .team-container {
        max-width:470px;
        margin:0 auto 50px;
        text-align:center;
    }

    /* ===================================
        Contact Section
    ====================================== */
    #contact .page-section {
        margin-top:0px;
    }

    #contact .page-section #googlemap {
      height:350px;
    }

    #contact .page-section .contact-form {
        text-align:center;
        max-width:100%;
        padding:40px 40px;
    }

    /* ===================================
        Subscribe Section
    ====================================== */
    #subscribe .subscribe-form {
        width:50%;
    }

    /* ===================================
        Under Construction
    ====================================== */
    .under-construction-form{
        width:60%;
    }
 }


/*==========  Mobile  ==========*/
@media (min-width:360px) and (max-width:479px) {

    /* ===================================
        Helper Class
    ====================================== */
    .scrollToTop {
        bottom:70px !important;
    }
    .sm-no-border{
        border:none !important;
    }
    h6 {
        margin-bottom:50px;
    }

    .float-left{
        float:none;
        clear:both;
    }

    /* ===================================
        Header Class
    ====================================== */
    .header .save-date .save-date-btn {
        font-size:20px;
        padding:18px 20px;
    }
    .header .save-date .save-date-btn i {
        margin:0;
    }

    .header .save-date .save-date-btn span {
        display:none;
    }

    /* ===================================
        Home Section
    ====================================== */
    #home ul li .main_content .home-big-text {
        font-size:34px;
        line-height:34px;
    }

    #home ul li .main_content .home-sub-text {
        font-size:16px;
    }

    #home ul li .main_content .home-info-text {
        font-size:16px;
    }

    /* Object Positioning For Level-2 */
    .level-2.object-1 {
        display:none;
    }

    /* Object Positioning For Level-3 */
    .level-3.object-2 {
        display:none;
    }
    .level-3.object-5 {
        display:none;
    }

    /* ===================================
        Default Page Style
    ====================================== */
    section .title-container .section-title {
        font-size:26px;
    }
    section .title-container .section-sub-title {
        font-size:16px;
        max-width:350px;
    }

    /* ===================================
        Countdown Section
    ====================================== */
    #countdown .number-container {
        margin:10px auto;
    }

    /* ===================================
        Service Section
    ====================================== */
    #service .service-box {
        max-width:350px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:50px !important;
    }

    #service .service-box .service-info {
        padding:0 20px;
    }

    /* ===================================
        Portfolio Section
    ====================================== */
    #portfolio .gallery li {
        float:none;
        clear:both;
        text-align:center;
        width:100%;
    }

    /* ===================================
        About Section
    ====================================== */
    #about .team-container {
        max-width:350px;
        margin:0 auto 50px;
        text-align:center;
    }

    /* ===================================
        Contact Section
    ====================================== */
    #contact .page-section {
        margin-top:0px;
    }

    #contact .page-section #googlemap {
      height:350px;
    }

    #contact .page-section .contact-form {
        text-align:center;
        max-width:100%;
        padding:40px 20px;
    }

    /* ===================================
        Subscribe Section
    ====================================== */
    #subscribe .subscribe-form {
        display:block;
        width:80%;
        margin:0px auto 30px;
    }

    /* ===================================
        Footer Section
    ====================================== */
    #footer {
        text-align:center;
    }
    .footer-social {
        float:none !important;
        clear:both;
    }

    /* ===================================
        Error Page
    ====================================== */
    .main_content .error-big-text {
        font-size:120px;
        line-height:120px;
        margin:0;
    }

    .main_content .error-sub-text {
      font-size:14px;
    }

    /* ===================================
        Under Construction
    ====================================== */
    .under-construction-form{
        width:80%;
    }
    #under-construction-countdown .number-container .icon-lg {
        font-size:36px !important;
    }
}

/*==========  Mobile  ==========*/
@media (min-width:320px) and (max-width:359px) {

    /* ===================================
        Helper Class
    ====================================== */
    .scrollToTop {
        bottom:70px !important;
    }
    .sm-no-border{
        border:none !important;
    }
    h6 {
        margin-bottom:50px;
    }

    .float-left{
        float:none;
        clear:both;
    }

    /* ===================================
        Header Class
    ====================================== */
    .header .save-date .save-date-btn {
        font-size:20px;
        letter-spacing:0px;
        padding:18px 20px;
    }
    .header .save-date .save-date-btn i {
        margin:0;
    }

    .header .save-date .save-date-btn span {
        display:none;
    }

    /* ===================================
        Home Section
    ====================================== */
    #home ul li .main_content .home-big-text {
        font-size:30px;
        line-height:40px;
    }

    #home ul li .main_content .home-sub-text {
        font-size:16px;
    }

    #home ul li .main_content .home-info-text {
        font-size:14px;
    }

    /* Object Positioning For Level-2 */
    .level-2.object-1 {
        display:none;
    }

    /* Object Positioning For Level-3 */
    .level-3.object-2 {
        display:none;
    }
    .level-3.object-5 {
        display:none;
    }

    /* ===================================
        Default Page Style
    ====================================== */
    section .title-container .section-title {
        font-size:26px;
    }
    section .title-container .section-sub-title {
        font-size:16px;
        max-width:350px;
    }

    /* ===================================
        Countdown Section
    ====================================== */
    #countdown .number-container {
        margin:10px auto;
    }

    /* ===================================
        Service Section
    ====================================== */
    #service .service-box {
        max-width:350px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:50px !important;
    }

    #service .service-box .service-info {
        padding:0 20px;
    }

    /* ===================================
        Portfolio Section
    ====================================== */
    #portfolio .gallery li {
        float:none;
        clear:both;
        text-align:center;
        width:100%;
    }

    /* ===================================
        About Section
    ====================================== */
    #about .team-container {
        max-width:350px;
        margin:0 auto 50px;
        text-align:center;
    }

    /* ===================================
        Contact Section
    ====================================== */
    #contact .page-section {
        margin-top:0px;
    }

    #contact .page-section #googlemap {
      height:350px;
    }

    #contact .page-section .contact-form {
        text-align:center;
        max-width:100%;
        padding:40px 20px;
    }

    /* ===================================
        Subscribe Section
    ====================================== */
    #subscribe .subscribe-form {
        display:block;
        width:80%;
        margin:0px auto 30px;
    }

    /* ===================================
        Footer Section
    ====================================== */
    #footer {
        text-align:center;
    }
    .footer-social {
        float:none !important;
        clear:both;
    }

    /* ===================================
        Error Page
    ====================================== */
    .main_content .error-big-text {
        font-size:120px;
        line-height:120px;
        margin:0;
    }

    .main_content .error-sub-text {
      font-size:14px;
    }

    /* ===================================
        Under Construction
    ====================================== */
    .under-construction-form{
        width:80%;
    }
    #under-construction-countdown .number-container .icon-lg {
        font-size:36px !important;
    }
}

/*==========  Low Screen Size Mobile  ==========*/
@media (max-width:319px) {

     /* ===================================
        Helper Class
    ====================================== */
    .scrollToTop {
        bottom:70px !important;
    }
    .sm-no-border{
        border:none !important;
    }
    h6 {
        margin-bottom:50px;
    }
    .float-left{
        float:none;
        clear:both;
    }

    /* ===================================
        Header Class
    ====================================== */
    .header .save-date .save-date-btn {
        font-size:20px;
        letter-spacing:0px;
        padding:18px 20px;
    }
    .header .save-date .save-date-btn i {
        margin:0;
    }
    .header .save-date .save-date-btn span {
        display:none;
    }

    /* ===================================
        Home Section
    ====================================== */
    #home ul li .main_content .home-big-text {
        font-size:30px;
        line-height:40px;
    }
    #home ul li .main_content .home-sub-text {
        font-size:16px;
    }
    #home ul li .main_content .home-info-text {
        font-size:14px;
    }
    /* Object Positioning For Level-2 */
    .level-2.object-1 {
        display:none;
    }

/* Object Positioning For Level-3 */
    .level-3.object-2 {
        display:none;
    }
    .level-3.object-5 {
        display:none;
    }

    /* ===================================
        Default Page Style
    ====================================== */
    section .title-container .section-title {
        font-size:26px;
    }
    section .title-container .section-sub-title {
        font-size:16px;
        max-width:350px;
    }

    /* ===================================
        Countdown Section
    ====================================== */
    #countdown .number-container {
        margin:10px auto;
    }

    /* ===================================
        Service Section
    ====================================== */
    #service .service-box {
        max-width:350px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:50px !important;
    }
    #service .service-box .service-info {
        padding:0 20px;
    }

    /* ===================================
        Portfolio Section
    ====================================== */
    #portfolio .gallery li {
        float:none;
        clear:both;
        text-align:center;
        width:100%;
    }

    /* ===================================
        About Section
    ====================================== */
    #about .team-container {
        max-width:350px;
        margin:0 auto 50px;
        text-align:center;
    }

    /* ===================================
        Contact Section
    ====================================== */
    #contact .page-section {
        margin-top:0px;
    }
    #contact .page-section #googlemap {
      height:350px;
    }
    #contact .page-section .contact-form {
        text-align:center;
        max-width:100%;
        padding:40px 20px;
    }

    /* ===================================
        Subscribe Section
    ====================================== */
    #subscribe .subscribe-form {
        display:block;
        width:80%;
        margin:0px auto 30px;
    }

    /* ===================================
        Footer Section
    ====================================== */
    #footer {
        text-align:center;
    }
    .footer-social {
        float:none !important;
        clear:both;
    }

    /* ===================================
        Error Page
    ====================================== */
    .main_content .error-big-text {
        font-size:120px;
        line-height:120px;
        margin:0;
    }
    .main_content .error-sub-text {
      font-size:14px;
    }

    /* ===================================
        Under Construction
    ====================================== */
    .under-construction-form{
        width:80%;
    }
    #under-construction-countdown .number-container .icon-lg {
        font-size:36px !important;
    }
}