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

}

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

}

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

    .h_mobile {
        display: none !important;
    }
    .h_descktop {
        display: block;
    }
    body {
        font-size: 4vw;
        position: relative;
        float: left;
    }
    .top_line input, .top_line a, .top_line a:visited, .top_line a:hover {
        font-size: 3vw;
    }
    .top_line div {
        margin: 0 2% 0 0;
        padding: 0 0 0 2%;
    }
    .top_line img {
        height: 14px;
        margin: 3px;
    }
    .top_line form {
        display: inline-block;
    }
    .top_line input[type=text] {
        width: 50px;
    }
    .top_line input {
        min-height: 18px;
    }

    .top_orange {
        padding: 2% 5%;
    }
    .logo {
        float: left; width: 50%;
    }
    .logo img {
        width: 100%;
    }
    .nav-icon {
        display: inline-block; float: right;
        cursor: pointer;
        font-size: 30px; color: #fff;
        z-index: 999;
        margin: 2%;
        width: 25px !important;
        height: 23px !important;
        webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .nav-icon .item {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #fff;
        border-radius: 9px;
        -webkit-transition: 0.25s ease-in-out;
        -moz-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
    }
    .nav-icon .item--top {
        top: 0;
    }
    .nav-icon .item--middle {
        top: 9px;
    }
    .nav-icon .item--bottom {
        bottom: 2px;
    }
    nav {
        position: absolute;
        z-index: 99; left: -100%; top: 65px;
        width: 100%; height: 95%;
        background: rgba(255, 255, 255, 0.95);
        padding: 0 0 100px 0;
    }
    nav ul {
        list-style: none;
    }
    nav ul li {
        width: 90%;
        padding: 7px 0;
    }
    nav ul li a, nav ul li a:visited, nav ul li a:hover {
        color: #000;
        padding: 15px 15px;
        font-size: 4vw;
        font-weight: bold;
    }
    nav ul li:last-child a, nav ul li:last-child a:visited, nav ul li:last-child a:hover {
        border: none;
    }
    nav ul li a.cr_item {
        color: #999;
        border-bottom: none;
        font-weight: bold;
    }

    nav ul li ul {
        display: block;
        position: static;
        background-color: transparent;
        box-shadow: none;
    }
    nav ul li ul li {
        text-align: right;
    }
    nav ul li ul li a, nav ul li ul li a:visited, nav ul li ul li a:hover {
        color: #000;
        padding: 0;
        font-size: 3.5vw;
        font-weight: normal;
    }

    nav ul li ul li:last-child a, nav ul li ul li:last-child a:visited, nav ul li ul li:last-child a:hover {
        border: none;
        font-weight: normal;
    }
    nav ul li ul li a.cr_item {
        color: #999;
        border-bottom: none;
        font-weight: bold;
    }

    main {
        padding: 3%;
    }
    .main_left {
        float: right; width: 100%;
    }
    .main_right {
        float: right; width: 100%;
    }

    main div h2 {
        font-size: 5vw;
        margin: 0 0 1vw 0;
    }
    main div img, .main_left div img {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .home_1,.home_2,.home_3,.home_4,.home_5 {
        padding: 3vw 5%;
    }
    .dot_form {
        line-height: 6vw;
    }
    .dot_form label {
        font-size: 3vw;
    }

    header .slider_form {
        position: static;
        width: 94%;
        margin: 3%;
        float: left;
    }
    header .dot_title, .slider_form .dot_title {
        font-size: 5vw;
    }
    header .dot_form_fd input[type=text], .slider_form .dot_form_fd input[type="text"] {
        height: 5vw;
    }

    footer {
        padding: 1%;
        font-size: 2vw;
    }
    footer div {
        display: flex !important;
        justify-content: center;
        align-items: center;

        float: left; width: 33%; height: 70px;
        padding: 1%;
        border-left: 1px dotted #777;
    }
    footer div img {
        width: auto; height: 15px;
        margin: 3px;
    }
    footer div.footer_full {
        height: auto;
    }

    .cont_f_name {
        width: 90%;
        margin: 0; padding: 2% 2% 1% 2%;
        vertical-align: top;
        text-align: left;
        font-weight: bold;
    }
    .cont_f_field {
        width: 90%;
        margin: 0;
        padding: 1% 0 2% 0;

    }

    .top_line div.no_border {
        border: none;
    }
}

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

}