/* ========================================================================== */


/* ============= RESPONSIVE CODE FOR PORTRAIT MOBILE ========================= */


/* ========================================================================== */

@media only screen and (min-width: 100px) and (max-width: 479px) {
    /***
    * Responsive section introduce
    */
    .section-introduce-contact-us {
        margin-top: 56px;
    }
    /***
    * Responsive section banner
    */
    .section-banner {
        margin-top: 55px;
    }
    .section-banner .item-caption {
        display: none;
    }
    .title-section h3 {
        padding-left: 0;
    }
    .title-section p {
        padding-left: 0;
    }
    .contact-information {
        margin: auto;
        margin-bottom: 10px;
    }
    /***
    * Responsive section Intro
    */
    .section-introduce-contact-us h3 {
        padding-left: 0;
    }
    .section-introduce-contact-us p {
        padding-left: 0;
    }
    /***
    * Responsive section Contact Information
    */
    .title-section h3 {
        padding-left: 0;
    }
    .title-section p {
        padding-left: 0;
    }
    .contact-information {
        margin: auto;
        margin-bottom: 10px;
    }
    /***
    * Responsive section Other Question
    */
    .content-other-question p {
        margin: auto;
        margin-bottom: 10px;
    }
    .main-form {
        margin-top: 45px;
    }
    .main-form .left-side-form,
    .main-form .right-side-form {
        padding: 0 15px;
    }
    .btn-send-msg {
        width: 100%;
    }
    .main-form .form-contact .special-input input {
        width: 68%;
    }
    .col-xs-6 {
        width: 100%;
    }
}