@media all and (max-width: 1100px) {
    #header, #page, .footer-stat, #footer, .offices {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media all and (max-width: 1050px) {
    .logo {
        position: absolute;
        width: 160px;
        z-index: 999999;
    }

    #wrapper {
        padding-bottom: 6px;
    }

    .title {
        font-size: 50px;
    }

    #feature h1 {
        font-size: 65px;
    }

    #feature h2 {
        font-size: 26px;
    }

    .offices h1 {
        font-size: 50px;
    }

    .offices h2 {
        font-size: 24px;
    }
}

@media all and (max-width: 950px) {
    .pop-enq {
        top: 180px;
    }

    .title {
        font-size: 44px;
    }

    .lex {
        width: 40%;
        margin: 20px 5% 12px;
    }

    #feature h1 {
        font-size: 58px;
    }

    #feature h2 {
        font-size: 24px;
    }

    .offices h1 {
        font-size: 46px;
    }

    .offices h2 {
        font-size: 22px;
    }
}

@media all and (max-width: 880px) {
    .lefter2 {
        float: left;
        width: 45%;
        display: block;
        margin-top: 0px;
        margin-right: 40px;
    }

    .title {
        font-size: 40px;
    }

    .lefter {
        display: none;
    }

    #Quote {
        width: 45%;
    }

    #page .facil ul {
        margin-left: 30px;
    }

    .vide {
        width: 46.5%;
    }

    #feature h1 {
        font-size: 50px;
    }

    #feature h2 {
        font-size: 22px;
    }

    .offices h1 {
        font-size: 42px;
    }

    .offices h2 {
        font-size: 20px;
    }
}

@media all and (max-width: 768px) {
    #wrapper {
        position: unset;
        margin-top: 0px;
    }

    .sere {
        margin: 20px 2% 0;
        width: 45%;
    }

    .hiden {
        display: block;
    }

    .title {
        font-size: 36px;
    }

    .testi-speak, .testi-speak2 {
        float: left;
        width: 90%;
        padding-right: 0%;
        margin-left: 5%;
        border-right: 0px;
        margin-bottom: 40px;
    }

    .lightbox {
        top: 10%;
        left: 10%;
        right: 5%;
    }

    .pop-enq {
        top: 150px;
    }

    .foot {
        width: 45%;
        margin-right: 2%;
    }

    .foot2 {
        width: 50%;
        margin-right: 0%;
    }

    .foot3 {
        width: 100%;
        float: left;
    }

    .dest {
        float: none;
        display: block;
        clear: both;
        margin: auto;
        text-align: center;
    }

    .deviceImg {
        display: block;
        text-align: center;
        margin: auto;
        float: none;
        width: 170px;
        margin-top: 20px;
        vertical-align: top;
    }

    #newAppBanner h2 {
        display: block;
        margin: auto;
        float: none;
        padding: 10px 20px;
    }

    .vide {
        width: 80%;
        margin: 0 8% 20px;
    }

    #footer {
        padding-bottom: 70px;
    }

    #newAppBanner {
        padding: 0 20px;
    }

    #feature h1 {
        font-size: 44px;
    }

    #feature h2 {
        font-size: 20px;
    }

    .offices h1 {
        font-size: 38px;
    }

    .offices h2 {
        font-size: 18px;
    }
}

@media all and (max-width: 600px) {
    .form-detail {
        display: none;
    }

    #feature h1 {
        font-size: 40px;
    }

    #feature h2 {
        font-size: 18px;
    }

    .formcontrol {
        float: left;
        width: 100%;
    }

    .pop-enq {
        top: 120px;
    }

    .lex {
        width: 70%;
        margin: 20px 15% 12px;
    }

    .foot, .foot2 {
        width: 90%;
        margin-right: 0%;
        margin-left: 5%;
    }

    #footer p {
        text-align: center;
    }

    .addr {
    }

    #Quote, .addr {
        width: 90%;
        padding: 0 0px;
        float: left;
        margin-right: 0px;
        margin-left: 5%;
    }
}

@media all and (max-width: 500px) {
    #page .facil ul {
        margin-left: 0px;
    }

    .sere {
        margin: 20px 9% 0;
        width: 80%;
    }
}