@media only screen and (max-width: 1366px) {
    #main-nav>ul>li {
        padding: 14px 4px
    }
}

@media only screen and (min-width: 751px) {
    #main-nav {
        display: block !important
    }
}

@media only screen and (max-width: 750px) {
    html {
        font-size: 14px
    }

    .mobile-button {
        display: block !important
    }

    .conTextTop2,
    .conTextTop {
        font-size: 36px;
        margin-bottom: 20px
    }

    .conTextTop {
        margin-top: -80px;
    }

    .conTextTop2 {
        margin-top: -50px;
    }

    .conText {
        font-size: 36px
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    #main-nav {
        position: absolute;
        width: 100%;
        top: 59px;
        left: 0;
        background: #06a786;
        z-index: 20;
        display: none;
        box-shadow: 0 3px 16px rgba(47, 83, 109, .12)
    }

    #main-nav .menu {
        display: block;
        width: 100%
    }

    #main-nav .menu li {
        width: 100%;
        padding: 14px
    }

    #main-nav .menu li a {
        display: inline-block
    }

    #footer {
        padding: 50px 2%
    }
}