@media all and (max-width: 800px) and (min-width: 300px) {
    body {
        background-color: #fff;
    }

    .wrap {
        width: 98%;
        padding: 0 1%;
    }

    .centered-btns_nav {
        left: 1%;
    }

        .centered-btns_nav.next {
            right: 1%;
        }

    .container {
        max-width: none;
        width: 100%;
    }

    header {
        padding-bottom: 10px;
        /*padding-top: 10px;*/
    }
}

@media all and (max-width: 640px) and (min-width: 300px) {
}

@media all and (max-width: 1024px) and (min-width: 801px) {
    .container {
        max-width: none;
        width: 100%;
    }

    .wrap {
        width: 98%;
        padding: 0 1%;
    }

    #nav > ul > li {
        margin: 0px;
    }

    embed {
        height: 244px;
    }
}

@media all and (max-width: 800px) {
    .container {
        max-width: 800px;
        min-width: 768px;
        width: 100%;
    }

    #nav > ul > li {
        margin: 0px;
    }

    embed {
        height: 229px;
    }

    .logo {
        margin-top: 0;
    }

        .logo img {
            width: 80%;
        }

    .tagline {
        margin-left: 0px;
        margin-top: 45px;
        font-size: 20px;
    }

    .phone {
        float: nene;
        position: absolute;
        right: 20%;
        top: 10px;
    }

    .top_email {
        float: nene;
        position: absolute;
        right: 2%;
        top: 10px;
    }

    .gotizlogo img {
        width: 80%;
        float: right;
    }

    .font30_grn {
        color: #fff;
        font-size: 16px;
    }

    .font30_gry {
        color: #fff;
        font-size: 16px;
    }

    .link20_grn {
        font-size: 16px;
        color: #fff;
    }

        .link20_grn:hover {
            color: #fff;
        }

    .middle_left {
        width: 100%;
    }

    .middle_right {
        width: 100%;
        margin-top: 10px;
    }

    .event_area {
        width: 30%;
        margin-right: 2%;
    }

    .social_area {
        width: 30%;
        margin-right: 2%;
    }

    .btn_green {
        width: 36%;
    }

    .btn_gray {
        width: 36%;
    }

    .lightbox ul li {
        width: 31%;
    }

    .form {
        width: 70%;
    }

    .roadmap object {
        width: 100%;
        height: 350px;
    }

    .sitemap_main ul li {
        float: left;
        width: 25%;
    }
}

@media all and (max-width: 768px) {
    .roadmap object {
        height: 335px;
    }
}

@media all and (max-width: 640px) {
    .Column {
        width: 100%;
        margin-bottom: 10px;
    }

    .h_part_text {
        padding: 2%;
        width: 46%;
    }

    .h_part_pic {
        float: left;
        margin-top: 0;
        width: 50%;
    }

    .font16 {
        font-size: 14x;
    }

    .centered-btns_nav {
        background: url("../images/themes_mo.png") no-repeat scroll left top transparent;
        height: 31px;
        top: 45%;
        width: 20px;
    }

    .event_area {
        width: 100%;
        margin-right: 0%;
    }

    .social_area {
        width: 100%;
        margin-right: 0%;
    }

    .btn_green {
        width: 50%;
        margin: 5px 25%;
    }

    .btn_gray {
        width: 50%;
        margin: 5px 25%;
    }

    h1 {
        text-align: center;
    }

    .event_slider {
        float: none;
        margin: 0 auto;
        width: 50%;
    }

    .social {
        text-align: center;
    }

        .social ul li {
            display: inline-block;
            float: none;
            margin-right: 10px;
            text-align: center;
        }

    .ftr_left {
        width: 100%;
    }

    .ftr_link ul {
        text-align: center;
    }

    .ftr_right {
        width: 100%;
    }

    .ftr_logo {
        text-align: center;
        width: 100%;
    }

    .copyright {
        width: 100%;
        text-align: center;
    }

    .gotizlogo {
        margin-top: 30px;
    }

    .lightbox ul li {
        width: 46%;
        margin: 2%;
    }

    .form {
        width: 70%;
        margin: 0 15%;
    }

    .roadmap object {
        height: 280px;
    }

    .contact_left {
        width: 80%;
        padding: 0 10%;
        float: left;
    }

    .contact_right {
        width: 80%;
        padding: 0 10%;
        float: left;
    }

    .about_logo {
        width: 100%;
    }

    .about_text {
        float: left;
        margin: 0 1%;
        width: 98%;
    }

    .about_img {
        float: right;
        width: 100%;
    }

    .picname {
        color: #406348;
        float: left;
        font-size: 35px;
        margin-top: 20px;
        text-align: center;
        width: 100%;
        line-height: 35px;
    }

    .sitemap_main ul li {
        float: none;
        width: 100%;
        text-align: center !important;
    }

    .form_reg {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

        .form_reg ul {
            width: 100%;
            float: left;
        }

            .form_reg ul li {
                width: 100%;
                float: left;
                margin-bottom: 10px;
            }

                .form_reg ul li:nth-child(2n) {
                    width: 100%;
                    float: right;
                    margin-bottom: 10px;
                }

                .form_reg ul li:last-child {
                    width: 100% !important;
                    float: left !important;
                    margin-bottom: 10px;
                    clear: left;
                }
}

@media all and (max-width: 480px) {
    .phone {
        right: auto;
        float: left;
        position: relative;
        clear: left;
        margin-top: 10px;
    }

    .top_email {
        clear: left;
        float: left;
        position: relative;
        right: auto;
        top: 10px;
    }

    .gotizlogo {
        margin-top: 0px;
    }

    .font30_grn {
        color: #406348;
        font-size: 16px;
    }

    .font30_gry {
        color: #406348;
        font-size: 16px;
    }

    .link20_grn {
        font-size: 16px;
        color: #406348;
    }

        .link20_grn:hover {
            color: #406348;
        }

    h1 {
        font-size: 20px;
    }

        h1 span {
            font-size: 16px;
        }

    .form {
        width: 90%;
        margin: 0 5%;
    }

    .roadmap object {
        height: 210px;
    }

    .contact_left {
        width: 100%;
        padding: 0;
        float: left;
    }

    .contact_right {
        width: 100%;
        padding: 0;
        float: left;
    }

    .projects_list {
        width: 100%;
    }

    .project_right_area {
        width: 100%;
        text-align: left;
    }

    h3 {
        font-size: 16px;
    }
}

@media all and (max-width: 360px) {
    html, body {
        font-size: 12px;
    }

    .h_part_text {
        padding: 2%;
        width: 96%;
    }

    .h_part_pic {
        width: 100%;
    }

    .logo {
        width: 100%;
        text-align: center;
    }

        .logo img {
            width: 50%;
        }

    .tagline {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .phone {
        width: 100%;
        text-align: center;
    }

    .top_email {
        width: 100%;
        text-align: center;
    }

    .gotizlogo {
        width: 100%;
        text-align: center;
        float: left;
        margin-top: 20px;
    }

        .gotizlogo img {
            float: none;
            width: 30%;
        }

    .event_slider {
        width: 100%;
    }

    .btn_green {
        width: 100%;
        margin: 5px 0;
    }

    .btn_gray {
        width: 100%;
        margin: 5px 0;
    }

    .lightbox ul li {
        width: 80%;
        margin: 2% 10%;
    }

    .row_left {
        width: 50%;
        margin-bottom: 10px;
    }

    .row_right {
        width: 100%;
    }

    .form_name {
        width: 100%;
    }

    .form_field {
        width: 100%;
    }

    .roadmap object {
        height: 155px;
    }
}

@media all and (max-width: 320px) {
    .roadmap object {
        height: 140px;
    }
}