@media screen and (max-width:800px) {
    #welcome .sec01 .unslider-nav {
        left: 0;
        right: 0;
        margin: auto
    }
}

@media screen and (max-width:620px) {
    #welcome .sec01 .s1_title {
        width: 100%
    }
}

@media screen and (max-width:500px) {
    #welcome .sec01 .s1_title {
        font-size: 32px
    }
    #welcome .sec01 .tour {
        width: 170px
    }
    #welcome .sec01 .right_link {
        width: 100%;
        height: auto;
        margin: 285px 0 0 0;
        text-align: center
    }
    #welcome .sec01 .right_link .right_col02 {
        text-align: left
    }
    #welcome .sec01 .right_link .title {
        font-size: 16px
    }
}

@media screen and (max-width:400px) {
    #welcome .sec01 .s1_title {
        font-size: 24px
    }
    #welcome .sec01 .tour {
        font-size: 16px;
        width: 160px
    }
}

@media screen and (max-width:350px) {
    #welcome .sec01 .option1,
    #welcome .sec01 .option2 {
        margin: 10px 20px
    }
}

@media screen and (max-width:340px) {
    #welcome .sec01 .right_link {
        padding: 10px
    }
    #welcome .sec01 .right_link .title {
        padding: 0 10px 0 10px
    }
    #welcome .sec01 .right_link .title {
        font-size: 14px
    }
    #welcome .sec01 .right_link .date {
        padding: 0 0 0 10px;
        font-size: 14px
    }
}

@media screen and (max-width:310px) {
    #welcome .sec01 .option1 {
        display: block;
        margin: 10px;
        width: 150px;
        margin: 0 auto 10px auto
    }
    #welcome .sec01 .option2 {
        display: block;
        margin: 10px;
        width: 150px;
        margin: 0 auto 10px auto
    }
    #welcome .sec01 .tour {
        margin: auto
    }
    #welcome .sec01 .s1_title {
        font-size: 20px
    }
}

@media screen and (max-width:1090px) {
    .sec_sl .resp {
        display: block;
        margin: -13px 0 0 0
    }
    #welcome .sec02 .decor_line {
        margin: -13px 0 0 0
    }
    #welcome .sec_sl .init {
        display: none
    }
    #welcome .sec_sl .row .link::after {
        display: none
    }
    #welcome .sec_sl .row .img {
        border-left: solid 5px #fff
    }
    #welcome .sec_sl .slick-next::before {
        content: ''
    }
    #welcome .sec_sl .slick-prev::before {
        content: ''
    }
    #welcome .sec_sl .slick-next {
        background-image: url(../img/arrow3.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 24px;
        height: 20px;
        margin: 0 10px 0 0
    }
    #welcome .sec_sl .slick-prev {
        background-image: url(../img/arrow4.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 24px;
        height: 20px;
        margin: 0 0 0 10px
    }
    .sec_sl .link {
        margin: 20px 10px 15px 10px
    }
    #tourtype .sec_sl .link {
        margin: 0
    }
    .sec_sl {
        background: transparent;
        border: none
    }
    .sec_sl .resp .row {
        position: relative
    }
    .sec_sl .sub_menu {
        position: relative;
        z-index: 500
    }
    .sec_sl .resp .row:after {
        position: absolute;
        left: 0;
        background: #433e3b;
        width: 100%;
        content: '';
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 50;
        border-bottom: solid 5px #fff;
        border-top: solid 5px #fff;
        height: 47px
    }
}

@media screen and (max-width:320px) {
    .sec_sl .title {
        font-size: 14px
    }
}

@media screen and (max-width:1300px) {
    #welcome .card .badge {
        right: 0
    }
}

@media screen and (max-width:1220px) {
    #welcome .card .card_img {
        max-width: 100%
    }
    #welcome .sec02 .col02 .sub_col01 {
        width: calc(100% - 560px);
        margin: 5px -2px 0 0
    }
    #welcome .sec02 .col02 .sub_col02 {
        width: 560px
    }
    #welcome .sec02 .form2 .icon {
        position: absolute;
        left: 0;
        top: -50px
    }
}

@media screen and (max-width:1180px) {
    #welcome .sec02 .col02 .sub_col02 {
        width: 500px;
        margin: 0 -3px 0 0
    }
    #welcome .sec02 .col02 .sub_col01 {
        width: calc(100% - 500px)
    }
}

@media screen and (max-width:1120px) {
    #welcome .card .date {
        padding: 15px 5px 10px 5px;
        font-size: 14px
    }
    #welcome .card .place_info {
        font-size: 14px
    }
}

@media screen and (max-width:1100px) {
    #welcome .card .place br {
        display: none
    }
    #welcome .card .place_info {
        vertical-align: top
    }
    #welcome .sec02 .col02 .sub_col02 {
        width: 400px;
        margin: 30px 0 0 0
    }
    #welcome .sec02 .col02 .sub_col01 {
        width: calc(100% - 400px)
    }
    #welcome .card .card_title {
        margin: -2px 0 0 0
    }
    #welcome .sec02 .card .info_content {
        font-size: 12px
    }
    #welcome .card .price {
        padding: 5px 0 5px 10px;
        font-size: 14px
    }
}

@media screen and (max-width:950px) {
    #welcome .sec02 .col01 {
        display: none
    }
    #welcome .sec02 .form .row3,
    #welcome .sec02 .form .row2 {
        display: inline-block;
        vertical-align: middle
    }
    #welcome .sec02 .form .row2 {
        width: 200px
    }
    #welcome .sec02 .form .row3 {
        width: calc(100% - 200px)
    }
    #wm_search_form .search_form .column_2 {
        width: 50%;
        display: inline-block;
        vertical-align: middle
    }
    #welcome .sec02 .form .row1 {
        display: none
    }
    #welcome .sec02 .form {
        width: 100%;
        text-align: center;
        margin: 20px 0 20px 0
    }
    #welcome .sec02 .form2 {
        display: none
    }
    #welcome .sec02 .col01::after {
        display: none
    }
    #welcome .sec02 .col02 {
        width: 100%
    }
    #welcome .sec02 .card {
        margin: 20px 5px 0 35px
    }
    #welcome .sec02 .col02 .sub_col02 {
        width: 530px;
        margin: 0
    }
    #welcome .sec02 .col02 .sub_col01 {
        width: calc(100% - 530px);
        margin: 0 -2px 0 0
    }
}

@media screen and (max-width:850px) {
    #welcome .sec02 .form2 {
        width: calc(50% - 100px)
    }
}

@media screen and (max-width:820px) {
    #welcome .sec02 .col02 .sub_col02 {
        width: 400px
    }
    #welcome .sec02 .col02 .sub_col01 {
        width: calc(100% - 400px)
    }
}

@media screen and (max-width:750px) {
    #welcome .sec02 .form2 {
        width: calc(50% - 50px);
        margin: 20px
    }
}

@media screen and (max-width:710px) {
    #welcome .sec02 .form2 {
        width: calc(50% - 25px);
        margin: 20px 10px 20px 10px
    }
    #welcome .torzs .t_01 {
        width: 150px
    }
}

@media screen and (max-width:670px) {
    #welcome .sec02 .col02 .sub_col01,
    #welcome .sec03 .col02 .sub_col01 {
        width: 100%;
        max-width: 600px;
        border: 0 none
    }
    #welcome .sec02 .col02 .sub_col02 {
        width: 100%;
        max-width: 600px
    }
    #welcome .card .card_title {
        width: 100%
    }
    #welcome .card .badge {
        right: 0;
        top: auto;
        bottom: 0
    }
}

@media screen and (max-width:650px) {
    #welcome .sec02 .form2 {
        width: 70%
    }
}

@media screen and (max-width:600px) {
    #welcome .sec02 .form2 {
        width: 80%
    }
    #welcome .sec02 .form .row2,
    #welcome .sec02 .form .row3 {
        width: 100%
    }
}

@media screen and (max-width:530px) {
    #welcome .sec02 .form2 {
        width: 300px
    }
    #welcome .card .badge {
        width: 80px
    }
    #welcome .sec02 .box2 {
        width: 150px
    }
    #welcome .sec01 .tour {
        font-size: 16px
    }
}

@media screen and (max-width:500px) {
    #welcome .torzs {
        padding: 20px 10px
    }
    #welcome .torzs .t_02 {
        width: calc(100% - 150px)
    }
}

@media screen and (max-width:430px) {
    #welcome .card .card_title {
        font-size: 14px
    }
}

@media screen and (max-width:380px) {
    #welcome .torzs .t_01 {
        display: none
    }
    #welcome .torzs .t_02 {
        width: 100%
    }
    #welcome .torzs .t_02 .tzs0 {
        text-align: center
    }
}

@media screen and (max-width:350px) {
    #welcome .card .badge {
        width: 80px;
        right: auto;
        left: -30px
    }
}

@media screen and (max-width:330px) {
    #welcome .sec02 .form,
    #welcome .sec02 .form2 {
        width: 260px
    }
}

@media screen and (max-width:300px) {
    #welcome .card .badge {
        width: 60px
    }
    #welcome .sec03 .card .card_title {
        width: 100%
    }
    #welcome .card_title {
        font-size: 13px
    }
}

@media screen and (max-width:1230px) {
    #welcome .sec03 .boots {
        display: none
    }
    #welcome .sec03 .col02 {
        width: calc(100% - 100px);
        margin: 90px 50px 0 50px
    }
    #welcome .sec03 .card_title {
        width: 100%
    }
    #welcome .sec03 .travelcard .sub_col01,
    #welcome .sec03 .travelcard .sub_col02,
    #welcome .sec02 .travelcard .sub_col01,
    #welcome .sec03 .travelcard .sub_col02 {
        vertical-align: middle
    }
    #welcome .sec03 .col01 .box {
        width: 100%
    }
    #welcome .sec03 .card {
        position: relative;
        margin: 40px 0 0 0
    }
}

@media screen and (max-width:1120px) {
    #welcome .sec03 .card .date {
        width: calc(50% - 10px);
        padding: 10px 5px 10px 5px
    }
    #welcome .sec03 .card .place {
        width: calc(50% - 10px);
        padding: 5px
    }
    #welcome .sec03 .card .place_info br {
        display: none
    }
}

@media screen and (max-width:920px) {
    #welcome .sec03 .col02 {
        width: calc(100% - 70px);
        margin: 90px 35px 0 35px
    }
    #welcome .card .info_content {
        padding: 10px 20px 20px 0
    }
}

@media screen and (max-width:890px) {
    #welcome .sec03 .card .date {
        width: 100%;
        padding: 5px
    }
    #welcome .sec03 .card .place {
        width: 100%
    }
    #welcome .sec03 .sub_col02 {
        width: 450px
    }
    #welcome .sec03 .col02 .sub_col01 {
        width: calc(100% - 450px);
        margin: 5px 0 0 0
    }
}

@media screen and (max-width:830px) {
    #welcome .sec03 .col02 .sub_col01 {
        width: 100%;
        margin: 0
    }
    #welcome .sec03 .card .img {
        top: -4px
    }
    #welcome .sec03 .card .card_title {
        width: 100%
    }
    #welcome .card .badge {
        right: 0;
        bottom: 0;
        top: auto
    }
    #welcome .sec03 .info_header {
        margin: 0 0 0 0;
        width: 100%
    }
    #welcome .card .info_content {
        padding: 10px 20px 20px 20px
    }
    #welcome .sec03 .info_content::after {
        top: 0;
        left: -15px
    }
    #welcome .sec03 .sub_col02 {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:600px) {
    #welcome .card .badge {
        right: -20px;
        bottom: -20px;
        top: auto;
        width: 80px
    }
}

@media screen and (max-width:400px) {
    #welcome .sec03 .card .card_title {
        font-size: 16px;
        padding: 5px 10px 0 40px
    }
    #welcome .sec03 .box2 {
        width: 150px
    }
}

@media screen and (max-width:370px) {
    #welcome .sec03 .card .card_title {
        font-size: 14px;
        padding: 10px 10px 0 40px
    }
}

@media screen and (max-width:350px) {
    #welcome .sec03 .card .card_title {
        width: 100%
    }
    #welcome .sec03 .card .card_title::after {
        display: none
    }
    #welcome .sec03 .info_header {
        width: 100%
    }
    #welcome .sec03 .col02 {
        width: calc(100% - 35px);
        margin: 90px 0 0 35px
    }
    #welcome .sec03 .sub_col02 {
        width: 100%
    }
}

@media screen and (max-width:290px) {
    #welcome .sec03 .card .card_title {
        font-size: 13px
    }
    #welcome .card .card_title {
        font-size: 13px
    }
}

@media screen and (max-width:980px) {
    #welcome .sec04 .content {
        padding: 20px 20px 20px 20px
    }
    #welcome .sec04 .name_place {
        padding: 10px;
        text-align: center
    }
    #welcome .sec04 .mref_star {
        margin: 10px auto 0;
        text-align: center
    }
    #welcome .img_place {
        width: 100%;
        text-align: center
    }
    #welcome .sec04 .ref_img {
        left: auto;
        position: relative
    }
    #welcome .sec04 .q1 {
        left: 15px
    }
    #welcome .sec04 .q2 {
        right: 30px
    }
}

@media screen and (max-width:700px) {
    #welcome .sec04 .col01,
    #welcome .sec04 .col02 {
        width: 100%
    }
}

@media screen and (max-width:550px) {
    #welcome .sec04 .col01,
    #welcome .sec04 .col02 {
        width: 100%
    }
    #welcome .sec04 .content {
        padding: 10px 20px 10px 20px
    }
}

@media screen and (max-width:450px) {
    #welcome .sec06 .img {
        max-height: 200px;
        margin: 0 auto
    }
    #welcome .sec06 .sub_col02 {
        width: calc(100% - 10px);
        margin: 0 5px
    }
}

@media screen and (max-width:1320px) {
    #welcome .slick-slider {
        width: calc(100% - 35px);
        margin: auto
    }
    #welcome .sec05 .slick-prev {
        left: 0;
        margin: 20px 0 0 0;
        z-index: 1000
    }
    #welcome .sec05 .slick-next {
        right: 0;
        margin: 20px 0 0 0;
        z-index: 1000
    }
}

@media screen and (max-width:770px) {
    #welcome .sec05 .box .title {
        width: calc(100% - 100px);
        left: 40px
    }
}

@media screen and (max-width:610px) {
    #welcome .sec05 .line .col01 {
        width: 220px
    }
    #welcome .sec05 .more {
        margin: 0 0 0 5px
    }
}

@media screen and (max-width:590px) {
    #welcome .sec05 .line .col02 {
        width: calc(100% - 220px)
    }
}

@media screen and (max-width:560px) {
    #welcome .sec05 .line .col01 {
        padding: 10px 0 0 10px;
        font-size: 14px;
        width: 170px
    }
    #welcome .sec05 .more {
        font-size: 14px
    }
    #welcome .sec05 .line .col02 {
        width: calc(100% - 170px)
    }
}

@media screen and (max-width:460px) {
    #welcome .sec05 .link {
        margin: 0
    }
    #welcome .sec05 .line .col01 {
        font-size: 12px;
        width: 145px
    }
    #welcome .sec05 .line .col02 {
        width: calc(100% - 145px)
    }
    #welcome .sec05 .more {
        font-size: 12px
    }
    #welcome .sec05 .content {
        padding: 20px 40px 20px 40px
    }
}

@media screen and (max-width:390px) {
    #welcome .sec05 .line .col01 {
        font-size: 10px;
        width: 125px;
        padding: 10px 5px 0 5px
    }
    #welcome .sec05 .line .col02 {
        width: calc(100% - 125px)
    }
    #welcome .sec05 .more {
        font-size: 10px
    }
    #welcome .sec05 .line .col01::after {
        display: none
    }
}

@media screen and (max-width:370px) {
    #welcome .sec05 .box .title {
        width: 100%;
        left: 0;
        text-align: center
    }
    .travelcard .normal_price {
        font-size: 26px
    }
}

@media screen and (max-width:330px) {
    #welcome .sec05 .link {
        display: none
    }
}

@media screen and (max-width:950px) {
    #welcome .sec06 .blog_news_col,
    #welcome .sec06 .blog_others_col {
        width: calc(100% - 60px);
        margin: 20px 40px 0 10px
    }
}

@media screen and (max-width:800px) {
    #welcome .sec06 .col01 .title {
        font-size: 16px
    }
    #welcome .sec06 .col02 .title {
        font-size: 16px;
        padding: 5px 5px 0 5px
    }
}

@media screen and (max-width:690px) {
    #welcome .sec06 .col01 .title {
        font-size: 12px
    }
    #welcome .sec06 .col02 .title {
        font-size: 12px;
        padding: 9px 5px 0 5px
    }
    #welcome .sec06 .col01 {
        width: 200px
    }
    #welcome .sec06 .col02 {
        width: calc(100% - 200px)
    }
}

@media screen and (max-width:580px) {
    #welcome .sec06 .col01 .title {
        width: 200px
    }
}

@media screen and (max-width:490px) {
    #welcome .sec06 .col01 {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto
    }
    #welcome .sec06 .col02 {
        width: 100%;
        margin: 5px 0 5px 0
    }
    #welcome .sec06 .blog_news_col,
    #welcome .sec06 .blog_others_col {
        width: 100%;
        margin: 20px 0 0 0
    }
}

@media screen and (max-width:950px) {
    #welcome .sec07 .col01,
    #welcome .sec07 .col02 {
        width: 100%
    }
    #welcome .sec07 .sub_col02::after {
        display: none
    }
}

@media screen and (max-width:750px) {
    #welcome .sec07 .sub_col01 {
        width: 100%
    }
    #welcome .sec07 .sub_col02 {
        width: 100%
    }
    #welcome .sec07 .credit {
        margin: 10px 0 0 0
    }
}

@media screen and (max-width:1230px) {
    #welcome .sec03 .col01 {
        width: 100%;
        position: relative;
        top: -30px;
        max-width: 600px;
        margin: 0 auto;
        display: block
    }
    #welcome .sec03 .col02 {
        width: calc(100% - 100px);
        margin: 0 50px 0 50px
    }
}

@media screen and (max-width:680px) {
    #welcome .sec03 .col01 {
        width: calc(100% - 20px)
    }
}

@media screen and (max-width:550px) {
    #welcome .sec03 .col02 {
        width: calc(100% - 70px);
        margin: 0 35px 0 35px
    }
}

@media screen and (max-width:470px) {
    #welcome .sec03 .col02 {
        width: calc(100% - 50px);
        margin: 0 0 0 35px
    }
}

@media screen and (max-width:1170px) {
    #footer .col01 {
        width: 200px
    }
    #footer .col02 {
        width: calc(100% - 400px)
    }
}

@media screen and (max-width:1100px) {
    #footer .col01 {
        width: 170px
    }
    #footer .col02 {
        width: calc(100% - 340px)
    }
}

@media screen and (max-width:1010px) {
    #footer .sub_col01::after {
        right: 0
    }
    #footer .col01 {
        width: 150px
    }
    #footer .col02 {
        width: calc(100% - 300px)
    }
}

@media screen and (max-width:965px) {
    #footer .col02 {
        width: calc(100% - 150px);
        border-right: none
    }
    #footer .sub_col01::after {
        bottom: -15px;
        height: 140px
    }
}

@media screen and (max-width:810px) {
    #footer .col01 {
        display: none
    }
    #footer .col02 {
        width: 100%;
        border-left: none
    }
}

@media screen and (max-width:660px) {
    #footer .sub_col01 {
        width: 100%;
        border-bottom: solid 3px #fff;
        padding: 0 0 10px 0;
        text-align: center;
        margin: 0 0 0 0
    }
    #footer .sub_col02 {
        width: 100%;
        text-align: center;
        padding: 10px 0 0 0
    }
    #footer .sub_col01::after {
        display: none
    }
}

@media screen and (max-width:400px) {
    #footer {
        font-size: 14px
    }
}

@media screen and (max-width:370px) {
    #footer {
        font-size: 13px
    }
}

@media screen and (max-width:350px) {
    #footer .sub_col02 .ml_type_a,
    #footer .sub_col02 .ml_type_b {
        width: 100%;
        text-align: center;
        border: none;
        padding: 0 10px 0 10px
    }
    #footer .sub_col01 {
        margin: 0
    }
}

@media screen and (max-width:1220px) {
    #header .mobile_menu {
        display: inline-block;
        color: #949494;
    float: right;
    margin: 8px;
    top: 12px;
    position: relative;
    font-size: 29px;
    right: 10px;
    }
    #header .second_line .col02 {
        display: none;
        width: 100%;
        color: white;
        margin: 0 auto;
        z-index: 100;
        position: absolute;
        top: 115px;
        left: 0
    }
    #header .iconzoom {
        display: none !important
    }
    #header .second_line .col02 ul li.active {
        background: #3da35e;
        opacity: .9;
        color: white
    }
    #header .second_line .col02 ul li:hover {
        background: #3da35e;
        opacity: .9;
        color: white
    }
    #header .second_line .col02 ul li {
        display: block;
        text-align: center;
        width: 100%;
        border-right: 0 none;
        border-bottom: 1px solid #ccc;
        background-color: rgba(255, 255, 255, .9);
        margin: 0 auto;
        font-size: 14px;
        color: black;
        padding: 3px
    }
    #header .menulist::before {
        display: none
    }
    #header {
        height: 95px
    }
    #header .zoom {
        padding: 16px
    }
    #header .iconzoom {
        padding: 0
    }
}

@media screen and (max-width:1000px) {
    #header .h_logo {
        height: 66px;
        padding: 5px 20px 20px 20px
    }
    #header .h_logo img {
        height: 55px
    }
    #tourtype .sec_sl .row .inner {
        padding: 0 30px
    }
}

@media screen and (max-width:810px) {
    #header .first_line .col01 {
        width: 260px
    }
    #header .first_line .col02 {
        width: calc(100% - 260px)
    }
   
    #header .lang {
        margin: 0 10px 0 10px;
        padding: 2px 0 5px 0
    }
    #header .log_reg {
        margin: 0 10px 0 10px;
        padding: 2px 0 5px 0
    }
    #header .phone,
    #header .email {
        margin: 0 5px 0 5px;
        padding: 2px 0 5px 0
    }
}

@media screen and (max-width:680px) {
    #header .first_line .col01 {
        width: 250px
    }
    #header .first_line .col02 {
        width: calc(100% - 250px)
    }
}

@media screen and (max-width:580px) {
    #header .after {
        display: none
    }
    #header .second_line .col01 {
        width: 200px
    }
}

@media screen and (max-width:550px) {
    #header .first_line .col01 {
        width: 100%;
        text-align: center
    }
    #header .first_line .col02 {
        width: 100%;
        text-align: center
    }
    #header .mobile_menu {
        margin: 9px 8px 8px 8px
    }
    #header {
        height: 116px
    }
    .subpage {
        margin: 116px 0 0 0
    }
    
    #header .link {
    	display:	none;
    }
    
    #header .mobile_social .link {
    	display:	inline-block;
    }
    
    #header .mobile_social {
	display: block;
	  position: absolute;
	  top: 74px;
	  right: 70px;
    }
}

@media screen and (max-width:525px) {
    #header .log_reg {
        display: none
    }
}

@media screen and (max-width:380px) {
    #header .second_line .col01 {
        width: 170px
    }
}

@media screen and (max-width:350px) {
    #header .first_line .col01 {
        display: none
    }
    #header .first_line .col02 {
        width: 100%;
        text-align: center
    }
    #header {
        height: 94px
    }
    #header .second_line .col02 {
        top: 94px
    }
    .subpage {
        margin: 94px 0 0 0
    }
}

@media screen and (max-width:330px) {
    #header .h_logo {
        width: 120px
    }
    #header .second_line .col01 {
        width: 120px
    }
    #header .h_logo img {
        width: 70px
    }
}

@media screen and (max-width:1000px) {
    #contact .sec01 .box04 {
        width: 200px
    }
    #contact .sec01 .box01,
    #contact .sec01 .box07 {
        width: calc(25% - 50px)
    }
    #contact .sec01 .box03,
    #contact .sec01 .box05 {
        width: calc(25% - 50px)
    }
    #contact .sec01 .box02,
    #contact .sec01 .box06 {
        display: none
    }
}

@media screen and (max-width:800px) {
    #contact .sec01 .box03,
    #contact .sec01 .box05 {
        display: none
    }
    #contact .sec01 .box01,
    #contact .sec01 .box07 {
        width: calc(50% - 100px)
    }
}

@media screen and (max-width:650px) {
    #contact .sec02 .col01,
    #contact .sec02 .col02 {
        width: 100%;
        margin: 0
    }
    #contact .sec03 .col01,
    #contact .sec03 .col02 {
        border: none;
        width: 100%
    }
}

@media screen and (max-width:500px) {
    #contact .sec01 .box01,
    #contact .sec01 .box07 {
        display: none
    }
    #contact .sec01 .box04 {
        width: 100%;
        padding: 20px 0
    }
    #contact .sec01 .box {
        height: auto
    }
}

@media screen and (max-width:400px) {
    #contact .c {
        float: none
    }
    #contact .btn {
        width: 100%;
        margin: 0
    }
}

@media screen and (max-width:1240px) {
    #rolunk .sec04 .fa-quote-left {
        top: -40px;
        left: 5px
    }
}

@media screen and (max-width:1000px) {
    #rolunk .sec01 .col01,
    #rolunk .sec01 .col02 {
        width: 100%
    }
    #rolunk .sec01 .content {
        padding: 10px
    }
}

@media screen and (max-width:850px) {
    #rolunk .sec04 .col01,
    #rolunk .sec04 .col02 {
        width: 100%;
        border: none
    }
    #rolunk .sec04 .ref_desc {
        width: 100%
    }
    #rolunk .sec04 .fa-quote-right {
        right: 10px
    }
}

@media screen and (max-width:600px) {
    #rolunk .sec01 .front {
        max-width: calc(100% - 20px);
        padding: 10px 0 10px 0
    }
}

@media screen and (max-width:500px) {
    #rolunk .sec04 .box {
        margin: 0;
        padding: 10px
    }
}

@media screen and (max-width:400px) {
    #rolunk .sec04 .circle {
        width: 100%;
        background: #433e3b;
        position: relative;
        margin: 0 0 10px 0;
        border-radius: 0;
        padding: 5px;
        height: auto
    }
    #rolunk .sec04 .description {
        padding: 0;
        width: 100%
    }
    #rolunk .sec04 .date {
        position: relative;
        top: 0
    }
}

@media screen and (max-width:330px) {
    #rolunk .sec01 {
        padding: 10px 0 30px 0
    }
}

@media screen and (max-width:1200px) {
    #reg .check {
        width: 30px
    }
    #reg .aszf-box {
        width: calc(100% - 30px);
        text-align: left
    }
    input[type="checkbox"]+label::before {
        left: -5px
    }
}

@media screen and (max-width:1000px) {
    #reg .col_01 {
        padding: 12px 20px 10px 10px
    }
}

@media screen and (max-width:900px) {
    #reg .col_01 {
        padding: 10px;
        width: 100%
    }
    #reg .col_02 {
        width: 100%;
        padding: 10px
    }
    #reg .c {
        width: 500px;
        margin: 0 auto
    }
    #reg .c br {
        display: none
    }
}

@media screen and (max-width:550px) {
    #reg .c {
        width: 100%
    }
}

@media screen and (max-width:800px) {
    #repass .desc {
        text-align: justify;
        padding: 0 10px
    }
}

@media screen and (max-width:550px) {
    #repass .input {
        width: calc(100% - 40px)
    }
    #repass .button {
        width: calc(100% - 40px)
    }
}

@media screen and (max-width:1000px) {
    #blog .col_01 {
        padding: 0 25px 0 15px
    }
}

@media screen and (max-width:900px) {
    #blog .col_01 {
        width: 100%;
        padding: 10px
    }
    #blog .col_02 {
        width: 100%;
        min-height: auto;
        padding: 10px
    }
    .blog_row {
        width: 100%
    }
    #blog .fb {
        display: none
    }
    #blog .vid .next {
        max-width: 300px
    }
    .blogd .social {
        text-align: center
    }
    #blog .blog_galleries {
        width: auto
    }
    #blog .comment_row .t0 {
        width: calc(100% + 10px)
    }
}

@media screen and (max-width:750px) {
    .blogd .img_div img {
        max-width: 300px;
        margin: 0 auto;
        float: none
    }
    .blogd .t0 {
        text-align: center
    }
    .blogd .cats {
        text-align: center
    }
}

@media screen and (max-width:550px) {
    #blog .col_01 {
        padding: 30px 10px 10px 10px
    }
    .blog_row .coo1 {
        width: 100%
    }
    .blog_row .img_div img {
        margin: 0 auto 20px auto;
        max-width: 300px
    }
    .blog_row .coo2 {
        width: 100%;
        padding: 0 10px 0 10px
    }
}

@media screen and (max-width:450px) {
    #op .name_input_div .m_col {
        width: 100%
    }
    #blog .gallerycol {
        width: 80%
    }
}

@media screen and (max-width:350px) {
    .blog_row {
        width: auto
    }
    #blog .col_01 {
        padding: 30px 0 10px 0
    }
    .blog_row .img_div img {
        max-width: 200px
    }
    #blog ul.pagination {
        padding: 0 10px 0 10px
    }
    .blogd .img_div img {
        max-width: 250px
    }
    .blogd .intro {
        padding: 10px
    }
    #blog .comment_row .row .desc {
        padding: 0 10px
    }
    #blog .comment_row .row .details {
        padding: 0 10px
    }
    #op .t0 {
        font-size: 12px
    }
}

@media screen and (max-width:330px) {
    #blog .col_01 {
        padding: 0 0 10px 0
    }
}

@media screen and (max-width:1000px) {
    #rolunk .sec01 {
        padding: 10px 0 30px 0
    }
}

@media screen and (max-width:800px) {
    .extra_popup {
        width: calc(100% - 60px)
    }
}

@media screen and (max-width:750px) {
    #login_popup .btn {
        width: 100%
    }
    #login_popup .facebook_button {
        width: 100%
    }
}

@media screen and (max-width:600px) {
    .extra_popup .col_01 {
        width: calc(100% - 100px)
    }
    .extra_popup .col_01::after {
        width: 100px;
        right: -100px
    }
    .extra_popup .col_02 {
        width: 100px
    }
    .extra_popup .col_01::before {
        width: 100px;
        right: -100px
    }
}

@media screen and (max-width:450px) {
    .extra_popup .col_01::after {
        display: none
    }
    .extra_popup .col_01::before {
        display: none
    }
    .extra_popup .col_01 {
        width: 100%
    }
    .extra_popup .col_02 {
        display: none
    }
    .extra_popup .close-popup {
        background: #e99c25 none repeat scroll 0 0
    }
}

@media screen and (max-width:360px) {
    #login_popup .facebook_button span {
        display: none
    }
}

@media screen and (max-width:320px) {
    #login_popup .facebook_button {
        font-size: 12px;
        padding: 10px 5px
    }
    #login_popup .btn {
        font-size: 11px
    }
}

@media screen and (max-width:600px) {
    #gallery .gal_name {
        font-size: 14px
    }
}

@media screen and (max-width:600px) {
    #gallery .gal_name {
        font-size: 10px
    }
}

@media screen and (max-width:350px) {
    #keptar .img {
        max-width: 100%;
        padding: 10px
    }
}

@media screen and (max-width:1100px) {
    #td .rowb.hasznos .tree {
        max-width: 230px
    }
}

@media screen and (max-width:880px) {
    #td .sec01 .line .c0 {
        margin: 0 10px
    }
    #td .sec01 .infos {
        width: 300px
    }
    #td .sec01 .line {
        width: calc(100% - 300px)
    }
    #td .sec01::after {
        right: 0;
        width: 300px
    }
    #td .sec01 .infos .t0 {
        font-size: 20px
    }
    #td .sec01 .infos .t1 {
        font-size: 18px
    }
}

@media screen and (max-width:850px) {
    #td .rowb.description .desc table td {
        padding: 0 10px
    }
    #td .torzs .t_01 {
        width: 150px
    }
    #td .torzs .t_02 {
        width: calc(100% - 150px)
    }
}

@media screen and (max-width:760px) {
    #td .sec01 .line .circ {
        height: 80px;
        width: 80px
    }
    #td .sec01 .line .circ01 img {
        max-width: 40px
    }
    #td .sec01 .line .circ02 {
        font-size: 36px;
        line-height: 85px
    }
    #td .sec01 .line .circ03 {
        font-size: 36px;
        line-height: 85px
    }
    #td .sec01 .line .t1 {
        font-size: 10px
    }
    #td .prices .p_01,
    #td .prices .p_02 {
        width: 100%;
        padding: 10px 20px
    }
    #td .scol01,
    #td .scol02 {
        width: 100%;
        padding: 0 0 20px 0
    }
}

@media screen and (max-width:670px) {
    #td .rowb.hasznos .tree {
        display: none
    }
    #td .rowb.hasznos .desc {
        padding: 10px
    }
}

@media screen and (max-width:670px) {
    #td .sec01 .infos {
        width: 250px
    }
    #td .sec01 .line {
        width: calc(100% - 250px)
    }
    #td .sec01::after {
        width: 250px
    }
}

@media screen and (max-width:640px) {
    #td .rowb.description .desc table td {
        font-size: 13px
    }
    #td .rowb.description .desc table li {
        padding: 0 0 0 0
    }
}

@media screen and (max-width:620px) {
    #td .sec01 .line {
        width: 100%;
        margin: 40px auto
    }
    #td .sec01::after {
        display: none
    }
    #td .sec01 .infos {
        width: 100%;
        background: rgba(67, 62, 59, .8)
    }
    #td .sec01 .infos br {
        display: none
    }
    #td .sec01 .infos .t1 {
        padding: 0 0 20px 0
    }
}

@media screen and (max-width:600px) {
    #td .sec02 .leader .col_01 {
        width: 100%
    }
    #td .sec02 .leader .col_02 {
        width: 100%;
        padding: 10px 10px 0 10px
    }
    #td .sec02 .leader .t0 {
        text-align: center
    }
    #td .torzs .t_01 {
        display: none
    }
    #td .torzs .t_02 {
        width: 100%
    }
}

@media screen and (max-width:460px) {
    #td .media_div .vids iframe {
        width: 100%;
        height: auto
    }
    #td .media_div .m0 {
        margin: 0 auto 20px
    }
}

@media screen and (max-width:440px) {
    #td .rowb.description .desc table td {
        font-size: 10px
    }
}

@media screen and (max-width:400px) {
    #td .rowb .desc {
        padding: 5px
    }
}

@media screen and (max-width:380px) {
    #td .sec01 .line .c0 {
        margin: 0 5px
    }
    #td .sec01 .line .circ {
        height: 60px;
        width: 60px
    }
    #td .sec01 .line .circ01 img {
        max-width: 30px
    }
    #td .sec01 .line .circ02 {
        line-height: 65px
    }
    #td .sec01 .line .circ03 {
        line-height: 60px
    }
    #td .sec01 .line .t1 {
        padding: 5px;
        font-size: 9px
    }
}

@media screen and (max-width:360px) {
    #td .prices .p_01,
    #td .prices .p_02 {
        padding: 10px 0
    }
    #td .current_gallery {
        width: calc(100% - 40px)
    }
}

@media screen and (max-width:330px) {
    #td .button_alert_01 {
        width: 100%
    }
    #td .media_div .m0 {
        line-height: 1.5
    }
}

@media screen and (max-width:1177px) {
    #turalist .col02 {
        position: relative;
        z-index: 3000
    }
    #turalist .col01,
    #turalist .col02 {
        width: 100%;
        display: block;
    }
    #turalist .col01 {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0
    }
    #turalist .rp02 {
        display: inline-block;
        width: 50%;
        vertical-align: top
    }
    #turalist .rp01 {
        display: none !important
    }
    #turalist {
        position: relative;
        padding: 0 0 500px 0
    }
    #turak .search_form .row1 {
        display: none
    }
    #turak .search_form .column_2 {
        width: 50%
    }
    #turalist .rp01 {
        padding: 0 10px 0 0
    }
    #turalist .rp02 {
        padding: 0 0 0 10px
    }
    #turak .search_form .intro {
        margin: 0 auto 4px
    }
    #turalist .travelcard {
        margin: 60px 20px 0 40px;
        width: calc(100% - 60px)
    }
    #turalist .travelcard .sub_col01 {
        vertical-align: middle
    }
}

@media screen and (max-width:967px) {
    #turalist .travelcard .sub_col01 {
        width: calc(100% - 300px);
        position: relative
    }
    #turalist .travelcard .img {
        top: -12px
    }
    #turalist .travelcard .sub_col02 {
        width: 300px
    }
    #turalist .travelcard .card_title {
        width: 100%
    }
}

@media screen and (max-width:889px) {
    #turalist .rp01 {
        width: 60%
    }
    #turalist .rp02 {
        width: 40%
    }
}

@media screen and (max-width:720px) {
    #turalist .rp01,
    #turalist .rp02 {
        width: 100%;
        display: block;
        padding: 0
    }
}

@media screen and (max-width:500px) {
    #turak .search_form .column_2,
    #wm_search_form .search_form .column_2 {
        width: 100%
    }
}

@media screen and (max-width:854px) {
    #turak .prior-sector .box {
        min-width: 280px;
        margin: 0 auto 20px
    }
}

@media screen and (max-width:698px) {
    #turalist .travelcard .sub_col01,
    #turalist .travelcard .sub_col02 {
        width: 100%
    }
    #turalist .travelcard .sub_col01 {
        border-bottom: 0;
        border-left: 0;
        border-right: 0
    }
}

@media screen and (max-width:481px) {
    #turak .torzs .t_01 img {
        display: none
    }
    #turak .torzs .t_02 {
        width: 100%
    }
    #turalist .travelcard {
        margin: 60px 20px 0 20px;
        width: calc(100% - 40px)
    }
}

@media screen and (max-width:800px) {
    #calendar_content .travelcard .sub_col01,
    #calendar_content .travelcard .sub_col02 {
        width: 100%
    }
    #calendar_content .travelcard .sub_col01 {
        border-bottom: 0;
        border-left: 0;
        border-right: 0
    }
}

@media screen and (max-width:900px) {
    #gallery .gal_name {
        font-size: 14px
    }
    #gallery .current_gallery {
        min-width: 290px
    }
    #gallery {
        text-align: center
    }
}

@media screen and (max-width:1000px) {
    #uf_menu {
        padding: 10px 0
    }
    #hasznos .col01 {
        width: 200px;
        font-size: 14px
    }
    #hasznos .col02 {
        width: calc(100% - 200px);
    }
    #uf_menu .link {
        font-size: 14px;
        padding: 10px
    }
}

@media screen and (max-width:635px) {
    .useful_menu {
        display: block;
        position: fixed;
        left: 0;
        top: 121px;
        width: 101px;
        background: #3da35e;
        color: #fff;
        text-align: center;
        line-height: 1.5;
        cursor: pointer;
        padding: 1px;
        font-size: 15px;
        text-transform: uppercase;
        z-index: 6000
    }
    
    #uf_menu {
        left: -300px;
        position: relative;
        background: #ededed;
        width: 300px;
        position: fixed;
        top: 148px
    }
    
    #uf_menu {
        background: #ededed;
        opacity: 0
    }
    
    #hasznos .open {
        width: 300px;
        opacity: 1;
        left: 0;
        z-index: 5000;
        box-shadow: 0 0 10px #3b3b3b;
        position: fixed;
        top: 148px
    }
    #hasznos .col01 {
        display: block;
        width: 0;
        height: 0;
        position: relative
    }
    
    #hasznos table {
    	width: 100%;
    }
    
    #hasznos .col02 {
        width: 100%;
        display: block;
        padding: 10px;
    }
    
    #hasznos #tools td {
    	font-size: 13px;
    }
    
    #hasznos #tools td p{
    	font-size: 13px;
    }
    
    #hasznos #tools .desc p{
    	font-size: 13px !important;
    }
    
    #hasznos .content {
        padding: 0 10px 10px 10px
    }
    
    #hasznos .fa-circle {
        display: none
    }
}

@media screen and (max-width:830px) {
    #videok .vid-div {
        width: 100%
    }
    #videok {
        text-align: center
    }
}

@media screen and (max-width:550px) {
    .popup_img_col,
    .popup_int_col {
        width: 100%
    }
    .popup_img {
        max-width: 260px
    }
}

@media screen and (max-width:946px) {
    #td .sec01 .infos .t0 {
        font-size: 20px
    }
    #td .sec01 .line .circ {
        width: 80px;
        height: 80px;
        line-height: 80px
    }
    #td .sec01 .line .c0 {
        margin: 0 10px
    }
}

@media screen and (max-width:810px) {
    #td .sec01 .infos,
    #td .sec01 .line {
        width: 100%
    }
    #td .sec01 .line,
    #order #td .sec01 .line {
        margin: 20px auto
    }
    #td .sec01::after {
        display: none
    }
    #td .sec01 .infos .t0,
    #td .sec01 .infos .t1 {
        background: rgba(67, 62, 59, .8);
        padding: 5px
    }
    #td .sec01 .infos .t0,
    #order #td .sec01 .infos .t0 {
        margin: 0 auto;
        font-size: 16px
    }
    #order .a1 {
        display: none
    }
}

@media screen and (max-width:406px) {
    #td .sec01 .line .circ {
        width: 60px;
        height: 60px;
        line-height: 60px
    }
    #td .sec01 .line .c0 {
        margin: 0 2px
    }
}

@media screen and (max-width:845px) {
    #td .prices .p_01,
    #td .prices .p_02 {
        width: 100%
    }
    #td .prices .action_table {
        padding: 10px
    }
}

@media screen and (max-width:1180px) {
    #td .rowb.hasznos .tree {
        display: none
    }
    #td .rowb.hasznos .desc {
        padding: 10px
    }
}

@media screen and (max-width:770px) {
    #td .rowb.description .desc table td {
        width: 100% !important;
        height: auto !important;
        display: block;
        font-size: 14px !important
    }
}

@media screen and (max-width:813px) {
    #order_prog .m_col {
        height: 60px;
        width: 60px;
        line-height: 60px;
        margin: 0 30px
    }
    #order_prog .m_col::before {
        width: 60px;
        left: -60px
    }
}

@media screen and (max-width:588px) {
    .oline .input_div {
        width: 100%;
        margin: 0 auto 15px
    }
}

@media screen and (max-width:480px) {
    #order_prog .m_col {
        margin: 0 10px
    }
    #order_prog .m_col::before {
        width: 20px;
        left: -20px
    }
}

@media screen and (max-width:900px) {
    .oline .pbox .col003 {
        width: 100%
    }
    .oline .pbox .col001 {
        width: 50%
    }
    .oline .pbox .col002 {
        width: 40%
    }
}

@media screen and (max-width:590px) {
    .oline .pbox .col001,
    .oline .pbox .col002 {
        width: 100%
    }
}

@media screen and (max-width:669px) {
    #order #step4 .bottom .column__1,
    #order #step4 .bottom .column__2 {
        width: 100%;
        padding: 0
    }
}

@media screen and (max-width:929px) {
    #profile .col001 {
        width: 200px
    }
    #profile .col002 {
        width: calc(100% - 200px)
    }
}

@media screen and (max-width:727px) {
    #profile.personal .col_d1,
    #profile.personal .col_d1_ {
        width: 100%
    }
    #profile.personal .col_d1 {
        padding: 0 0 10px 0
    }
}

@media screen and (max-width:781px) {
    #profile_mobile_menu {
        position: absolute;
        width: 40px;
        height: 35px;
        right: 99px;
        background: #3da35e;
        display: block;
        top: 45px;
        color: white;
        text-align: center;
        line-height: 36px;
        font-size: 20px;
        cursor: pointer
    }
    #profile .col001 {
        position: absolute;
        width: 100%;
        text-align: center;
        padding: 0;
        z-index: 9995;
        top: 95px;
        display: none
    }
    #profile .col001 .link {
        display: block;
        text-align: center;
        width: 100%;
        border-right: 0 none;
        border-bottom: 1px solid #ccc;
        background-color: rgba(255, 255, 255, .9);
        margin: 0 auto;
        font-size: 14px;
        color: black;
        line-height: 1.5;
        padding: 3px
    }
    #profile .col001 .link.active {
        border-bottom: 1px solid #ccc
    }
    #profile .col002 {
        width: 100%
    }
}

@media screen and (max-width:550px) and (min-width:350px) {
    #profile_mobile_menu {
        top: 65px
    }
}

@media screen and (max-width:580px) {
    #profile.orders .table td {
        display: block;
        border: 0 none
    }
    #profile.orders .header {
        display: none
    }
    #profile.orders .table td:last-child {
        border-bottom: 1px solid black
    }
}

@media screen and (max-width:656px) {
    #profile.personal .links a,
    #profile.personal .links #delete_profile {
        display: block;
        padding: 3px 0
    }
    #profile.personal .links span {
        display: none
    }
}

@media screen and (max-width:798px) {
    #td .rowb .colwhy1,
    #td .rowb .colwhy2 {
        width: 100%
    }
    #td .rowb .colwhy2 {
        margin: 20px auto 0
    }
}

@media screen and (max-width:1070px) {
    #hasznos #tools .row .col_01,
    #hasznos #tools .row .col_02 {
        width: 100%;
        display: block
    }
    
    #hasznos #tools .row .col_02 {
    	padding:	30px 0 0 0;
    }
    	
    #hasznos #tools .row {
        padding: 0 0 40px 0;
        border-bottom: 1px solid black
    }
    #hasznos #tools .row .col_01 img {
        margin: 0 auto 20px;
        display: block;
        width: 300px
    }
}

@media screen and (max-width:695px) {
    #td_top .z0 {
        font-size: 23px
    }
    #td_top .z2 {
        margin: 180px 0 0 0
    }
    #td_top .circbr {
        display: block
    }
    #td_top .z2 .circ {
        height: 80px;
        width: 80px
    }
    #td_top .z2 .circ02 {
        font-size: 35px;
        line-height: 80px
    }
    #td_top .z2 .circ04 {
        padding: 13px 0
    }
    #td_top .z2 .t1 {
        font-size: 14px
    }
    #td_top .z2 .c0 {
        margin: 0 10px 10px;
        width: 40%
    }
    #td_top .z2 {
        margin: 120px 0 0 0
    }
    #td_top .z2 .circ03 {
        line-height: 80px
    }
}

@media screen and (max-width:471px) {
    #td_top .z2 .t1 {
        font-weight: 400;
        font-size: 13px
    }
    #td_top .z2 {
        margin: 80px 0 0 0
    }
}

@media screen and (max-width:800px) {
    #hasznos #tools table td {
        display: block;
    }
}

@media screen and (max-width:400px) {
    #td .rowb.description .desc table li {
        width: 300px;
    }
}

@media screen and (max-width:700px) {
    .instabox {
        width: 50%;
    }
    .instabox .end {
        padding: 20px;
    }
}

@media screen and (max-width:500px) {
	#tourtype,
	.breadcrumbs {
		display:	none;	
	}
	
	#td_top_mobile {
		display:	block;
	}
	
	#td_top .inner {
		display:	none;
	}
	
	#td_top {
		height: 300px;
	}
	
	#td #top_img_slider {
		height: 300px;
	}
	
	#td #top_img_slider li {
		height: 300px;
	}
	
	#td_bottom_fixed {
		display:	block;
	}
	
	#td .button_alert_01 {
		display:	none;
	}
	
	#td .button_alert_01.button_alert_01_erdeklodom {
		display:	block !important;
	}
	
	#td .media_div .vids {
		display:	none;
	}
	
	#media_div_mobile {
		display:	block;
	}
	
	#td .scol01 {
		padding: 0;
	}
	
	#td .scont {
		padding:	0;
	}
	
	#td .path {
		display:	none;
	}
	
	#path_mobile {
		display:	block;
	}
		
	#mobile_why {
		display:	block;
		line-height: 1.5;
		text-align: justify;
	}
	
	#td .hasznos {
		display:	none;
	}
	
	#mobile_attr {
		display:	block;
		line-height: 1.5;
		text-align: justify;
		margin: 0 auto 30px;
		font-size: 13px;
		padding: 0 0 0 10px;
	}
	
	#mobile_attr .ma1 {
		margin: 0 auto 10px;
		font-size: 13px;
		font-weight: bold;
	}
	
	#mobile_attr ul li {
		list-style-type: disc;	
	}
	
	#td .event_row {
		display:	none
	}
	
	#mobile_event {
		display:	block;
	}
	
	#mobile_event .em_slider .img-div img {
		max-width: 100%;
		max-height: 200px;
	}
	
	#td .description {
		display:	none;
	}	
	
	#td .program {
		display:	none;
	}	
	
	#refdiv {
		display:	none;
	}
	
	#mobile_ref {
		display:	block;
	}
	
	#mobile_description {
		display:	block;
	}
	
	
	#mobile_description ul li {
		list-style-type: disc;	
		padding: 0 0 0 10px;
		list-style-position: inside;
	}
	
	#turak .prior-sector .box,
	#turalist .travelcard {
		display:	none;
	}
	
	#turak .mobile_prior_box {
		display:	block;
	}
	
	#nsf {
		display:	none;
	}
	
	#nsf_top {
		display:	block;
	}
}

@media screen and (max-width:800px) {
	#new_search_form .row2 {
		width:	100%;
		padding:10px 0 0 0;
		text-align: center;
	}

	#new_search_form .row3 {
		width:	calc(100%);
	}
}


@media screen and (max-width:610px) {
	#nsf .nsf_col_01 {
		width:	100%;
		padding: 0 10px 10px;
	}
	
	#nsf .nsf_col_02 {
		width:	100%;
		padding: 0 10px 10px;
	}
}

@media screen and (max-width:900px) { 
	#welcome .sec01 .mobile_slider_img {
		display:	block;
		margin: 0 auto;
		max-width: 100%;
	}
	
	#welcome .slider_img {
		display:	none;
	}
	
	#welcome .sec01 .unslider-nav {
		bottom: 2px;
		background: #e4e4e4;
    	padding: 5px 0;
	}
	
	#welcome .sec01 .right_link {
		max-width: 100%;
		width: 100%;
		position: relative;
		color: #fff;
		background: #3da35e;
		padding: 10px;
		height: auto;
		margin: 0px 0 0 0;
		z-index: 1000;
		top: -20px;
	}


	#welcome .sec01 .right_link:before {
		display: none;
	}

	#welcome .sec01 .right_link:after {
		display: none;
	}
	
	.sec_sl {
		margin: 10px auto 0;
	}

}