nav a#pull {
    display: none;
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    nav {
        width: 100%;
        margin: 0px 0px 0px 0px;
        text-align: center;
        float: inherit;
    }

    nav ul {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
        width: 100%;
        background: #3e3e3e;
    }

    nav ul li {
        background: none;
        line-height: normal;
        display: block;
        margin: 0px;
        padding: 0px;
        float: inherit;
        padding: 0px 0px 0px 0px;
        font-size: 11px;
        color: #E7BD13;
    }

    nav ul li a {
        display: block;
        padding: 8px 0px !important;
        height: auto;
        line-height: normal;
        font-size: 14px;
        margin: 0px;
        color: #E7BD13;
        height: auto;
        width: auto;
        border-bottom: 7px solid #3e3e3e;
    }

    nav ul li a.active {
        background: none;
        border-bottom: none;
    }

    nav a {
        text-align: left;
        width: 100%;
        text-indent: 10px;
        text-decoration: none;
        font-size: 16px;
        color: #8a8a8a;
        height: 40px;
    }

    nav a:hover {
        background: none;
        ccolor: #3da335;
        text-decoration: none;
    }

    nav ul {
        display: none;
        height: auto;
    }

    nav a#pull {
        display: block;
        width: 100%;
        position: relative;
        background: #3e3e3e;
        margin: 0px 0 0px 0;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 40px;
        height: 40px;
    }

    nav a#pull:after {
        content: "";
        background: url(../images/nav-icon.png) no-repeat;
        width: 25px;
        height: 20px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    nav a#pull {
        display: block;
    }

    .top_main {
        width: 95%;
    }

    .top_logo {
        width: 45%;
    }

    .top_logo img {
        width: 100%;
    }

    .top_right {
        width: 53%;
        margin: 13px 0px 0 0;
    }

    .top_phone h1 {
        font-size: 32px;
    }

    .top_phone {
        width: 80%;
        margin: 0 0 0 -2px;
    }

    .menu_main {
        width: 100%;
    }

    .menu_bg {
        padding: 0px;
    }

    .menu_main ul li {
        float: none;
        padding: 0px;
    }

    .get {
        width: 95%;
    }

    .get_text {
        width: 48%;
    }

    .get_1 {
        width: 24%;
        margin: 0px 5px 0px 0px;
    }

    .get_intp {
        width: 100%;
    }

    .get_listting {
        width: 100%;
    }

    .get_btn {
        width: 24%;
        margin: -5px;
    }

    .body_main {
        width: 95%;
    }

    .body_left {
        width: 48%;
        margin: 0 0 40px 0;
    }

    .body_right {
        width: 48%;
        float: right;
    }

    .youtube img {
        width: 100%;
    }

    .body_oring {
        width: 95%;
    }

    .orgin {
        width: 32%;
        margin: 0 14px 0px 0;
    }

    .orgin img {
        width: 100%;
    }

    .orgin_right {
        width: 32%;
    }

    .orgin_right img {
        width: 100%;
    }

    .orgin_test {
        width: 29%;
    }

    .orgin_btn {
        margin: -4px 0 0 0;
    }

    .orgin_btn1 {
        margin: -3px 0 0 0;
    }

    .orgin_test h4 {
        margin: 13px 10px;
    }

    .footer_main {
        width: 95%;
    }

    .footer_left {
        width: 48%;
    }

    .footer_right {
        width: 48%;
    }

    .footer_center {
        width: 95%;
    }

    .footer_copy {
        width: 100%;
        text-align: center;
        margin: 0 0 10px 0;
    }

    .copy_right {
        width: 86%;
    }

    /*-------------  all page --------*/
    .air_left {
        width: 48%;
    }

    .air_img img {
        width: 100%;
    }

    .air_right {
        width: 48%;
    }

    .case_left {
        width: 40%;
    }

    .case_left img {
        width: 100%;
    }

    .case_right {
        width: 55%;
    }

    .thankyou {
        width: 95%;
    }

    .contact {
        width: 100%;
        margin: 0 0 25px 0;
    }

    .contact_intp {
        width: 94%;
    }

    .contact_ta {
        width: 94%;
    }

    .maps_left {
        width: 32%;
        margin: 0 14px 30px 0;
    }

    .maps_right {
        width: 32%;
    }

    .maps img {
        width: 100%;
    }

    #wpcf7-f46-o1 {
        float: right;
        width: 50%;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    nav {
        width: 100%;
        margin: 0px 0px 0px 0px;
        text-align: center;
        float: inherit;
    }

    nav ul {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
        width: 100%;
        background: #3e3e3e;
    }

    nav ul li {
        background: none;
        line-height: normal;
        display: block;
        margin: 0px;
        padding: 0px;
        float: inherit;
        padding: 0px 0px 0px 0px;
        font-size: 11px;
        color: #E7BD13;
    }

    nav ul li a {
        display: block;
        padding: 8px 0px !important;
        height: auto;
        line-height: normal;
        font-size: 14px;
        margin: 0px;
        color: #E7BD13;
        height: auto;
        width: auto;
        border-bottom: 7px solid #3e3e3e;
    }

    nav ul li a.active {
        background: none;
        border-bottom: none;
    }

    nav a {
        text-align: left;
        width: 100%;
        text-indent: 10px;
        text-decoration: none;
        font-size: 16px;
        color: #8a8a8a;
        height: 40px;
    }

    nav a:hover {
        background: none;
        ccolor: #3da335;
        text-decoration: none;
    }

    nav ul {
        display: none;
        height: auto;
    }

    nav a#pull {
        display: block;
        width: 100%;
        position: relative;
        background: #3e3e3e;
        margin: 0px 0 0px 0;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 40px;
        height: 40px;
    }

    nav a#pull:after {
        content: "";
        background: url(../images/nav-icon.png) no-repeat;
        width: 25px;
        height: 20px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    nav a#pull {
        display: block;
    }

    .top_main {
        width: 95%;
    }

    .top_logo {
        width: 100%;
    }

    .top_logo img {
        width: 100%;
    }

    .top_right {
        width: 86%;
        margin: 20px 40px 0 0;
    }

    .top_phone h1 {
        font-size: 32px;
    }

    .top_phone {
        width: 80%;
        margin: 0 0 0 -2px;
    }

    .menu_main {
        width: 100%;
    }

    .menu_bg {
        padding: 0px;
    }

    .menu_main ul li {
        float: none;
        padding: 0px;
    }

    .get {
        width: 95%;
    }

    .get_text {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .get_1 {
        width: 100%;
        margin: 0px;
    }

    .get_intp {
        width: 100%;
    }

    .get_listting {
        width: 100%;
    }

    .get_btn {
        width: 100%;
        float: left;
        padding: 15px 0;
    }

    .body_main {
        width: 95%;
    }

    .body_left {
        width: 100%;
        float: none;
        margin: 0 0 40px 0;
    }

    .body_right {
        width: 100%;
        float: none;
        margin: 0 0 25px 0;
    }

    .youtube img {
        width: 100%;
    }

    .body_oring {
        width: 95%;
    }

    .orgin {
        width: 100%;
        float: none;
        margin: 0 0px 25px 0;
    }

    .orgin img {
        width: 100%;
    }

    .orgin_right {
        width: 100%;
        float: none;
    }

    .orgin_right img {
        width: 100%;
    }

    .orgin_test {
        width: 95%;
    }

    .orgin_btn {
        margin: 146px 0 0 0;
    }

    .orgin_btn1 {
        margin: 122px 0 0 0;
    }

    .body_bg {
        background: url(../images/body_bg.jpg) #373737 center top no-repeat;
    }

    .footer_main {
        width: 95%;
    }

    .footer_left {
        width: 100%;
        float: none;
        margin: 0 0 35px 0;
    }

    .footer_right {
        width: 100%;
        float: none;
    }

    .footer_center {
        width: 95%;
    }

    .footer_copy {
        width: 100%;
        text-align: center;
        margin: 0 0 10px 0;
    }

    .copy_right {
        width: 100%;
    }

    /*-------------  all page --------*/
    .air_left {
        width: 100%;
        float: none;
        margin: 0 0 25px 0;
    }

    .air_img img {
        width: 100%;
    }

    .air_right {
        width: 100%;
        float: none;
    }

    .case_left {
        width: 100%;
        float: none;
    }

    .case_left img {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .case_right {
        width: 100%;
        float: none;
    }

    .thankyou {
        width: 95%;
    }

    .contact {
        width: 100%;
        margin: 0 0 25px 0;
    }

    .contact_intp {
        width: 96%;
    }

    .contact_ta {
        width: 96%;
    }

    .maps_left {
        width: 100%;
    }

    .maps_right {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .maps img {
        width: 100%;
    }

}

@media only screen and (max-width: 479px) {

    nav {
        width: 100%;
        margin: 0px 0px 0px 0px;
        text-align: center;
        float: inherit;
    }

    nav ul {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
        width: 100%;
        background: #3e3e3e;
    }

    nav ul li {
        background: none;
        line-height: normal;
        display: block;
        margin: 0px;
        padding: 0px;
        float: inherit;
        padding: 0px 0px 0px 0px;
        font-size: 11px;
        color: #E7BD13;
    }

    nav ul li a {
        display: block;
        padding: 8px 0px !important;
        height: auto;
        line-height: normal;
        font-size: 14px;
        margin: 0px;
        color: #E7BD13;
        height: auto;
        width: auto;
        border-bottom: 7px solid #3e3e3e;
    }

    nav ul li a.active {
        background: none;
        border-bottom: none;
    }

    nav a {
        text-align: left;
        width: 100%;
        text-indent: 10px;
        text-decoration: none;
        font-size: 16px;
        color: #8a8a8a;
        height: 40px;
    }

    nav a:hover {
        background: none;
        ccolor: #3da335;
        text-decoration: none;
    }

    nav ul {
        display: none;
        height: auto;
    }

    nav a#pull {
        display: block;
        width: 100%;
        position: relative;
        background: #3e3e3e;
        margin: 0px 0 0px 0;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 40px;
        height: 40px;
    }

    nav a#pull:after {
        content: "";
        background: url(../images/nav-icon.png) no-repeat;
        width: 25px;
        height: 20px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    nav a#pull {
        display: block;
    }

    .top_main {
        width: 95%;
    }

    .top_logo {
        width: 100%;
    }

    .top_logo img {
        width: 100%;
    }

    .top_right {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .top_phone h1 {
        font-size: 21px;
        margin: 10px 0 4px 0;
    }

    .top_phone {
        width: 75%;
        margin: 0 0 0 -2px;
    }

    .menu_main {
        width: 100%;
    }

    .menu_bg {
        padding: 0px;
    }

    .menu_main ul li {
        float: none;
        padding: 0px;
    }

    .get {
        width: 95%;
    }

    .get_text {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .get_1 {
        width: 100%;
        margin: 0px;
    }

    .get_intp {
        width: 100%;
    }

    .get_listting {
        width: 100%;
    }

    .get_btn {
        width: 100%;
        float: left;
        padding: 15px 0;
    }

    .body_main {
        width: 95%;
    }

    .body_left {
        width: 100%;
        float: none;
        margin: 0 0 40px 0;
    }

    .body_right {
        width: 100%;
        float: none;
        margin: 0 0 25px 0;
    }

    .youtube img {
        width: 100%;
    }

    .body_oring {
        width: 95%;
    }

    .orgin {
        width: 100%;
        float: none;
        margin: 0 0px 25px 0;
    }

    .orgin img {
        width: 100%;
    }

    .orgin_right {
        width: 100%;
        float: none;
    }

    .orgin_right img {
        width: 100%;
    }

    .orgin_test {
        width: 95%;
    }

    .orgin_btn {
        margin: 60px 0 0 0;
    }

    .orgin_btn1 {
        margin: 36px 0 0 0;
    }

    .body_bg {
        background: url(../images/body_bg.jpg) #373737 center top no-repeat;
    }

    .footer_main {
        width: 95%;
    }

    .footer_left {
        width: 100%;
        float: none;
        margin: 0 0 35px 0;
    }

    .footer_right {
        width: 100%;
        float: none;
    }

    .footer_center {
        width: 95%;
    }

    .footer_copy {
        width: 100%;
        text-align: center;
        margin: 0 0 10px 0;
    }

    .copy_right {
        width: 100%;
    }

    /*-------------  all page --------*/
    .air_left {
        width: 100%;
        float: none;
        margin: 0 0 25px 0;
    }

    .air_img img {
        width: 100%;
    }

    .air_right {
        width: 100%;
        float: none;
    }

    .case_left {
        width: 100%;
        float: none;
    }

    .case_left img {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .case_right {
        width: 100%;
        float: none;
    }

    .thankyou {
        width: 95%;
    }

    .contact {
        width: 100%;
        margin: 0 0 25px 0;
    }

    .contact_intp {
        width: 93%;
    }

    .contact_ta {
        width: 93%;
    }

    .maps_left {
        width: 100%;
    }

    .maps_right {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .maps img {
        width: 100%;
    }

}