@media screen and (max-width:1260px){
    .content img.gallery {
        margin: 0.3% 0.5% 0.3% 0.5%;
        width: 19%;
    }
}
@media screen and (max-width:770px){
    .header{
        width: 100%;
    }
    #logo{
        top: 50px;
        left: 10px;
        background-size: 80%;
        width: 80px;
        height: 80px;
    }
    #titlebox{
        position: absolute;
        left: 100px;
        top: 60px;
    }
    .content, .account .header{
        width: 96%;
        padding: 5% 2% 60px 2%;
        margin-top: 0;
    }

    /* table */
    .content thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .content tr { border: 1px solid #ccc; }

    .content td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }

    .content td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
    .content table, .content thead, .content tbody, .content th, .content td, .content tr { 
        display: block; 
    }

    .image_gallery .padding{
        padding: 0;
    }
    .content img.gallery{
        margin: 0.6% 1% 0.6% 1%;
        width: 31%;
    }
    .main_slider{
        display: none !important;
    }
    .mobile_none, .display_mobile_none{
        display: none;
    }
    .mobile_display{
        display: block;
    }
    #linkbox{
        right: 110px;
        display: none;
    }
    #footer .text_box .web{
        display: none;
    }
    #footer .top a{
        width: 35px;
        height: 35px;
        right: 0;
    }
    #footer .top{
        position: absolute;
        margin: 0 auto;
        width: 35px;
        right: 15px;
    }
    .traveling .video_box img{
        top: 0%
    }
    .two_boxes{
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
    }
    .three_boxes{
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-gap: 5%;
        -moz-column-gap: 5%;
        -webkit-column-gap: 5%;
    }

    .size50, .div33, .div50, .div66, .div75{
        width: 100% !important;
    }
    .div50_margin{
        margin: 0;
    }
    .div25, .div20{
        width: 50%;
    }
    .listing .item .listing_box{
        height: auto;
    }
    .listing .item .listing_box img{
        top: 0px;
    }

    /* homesite */
    .meteo_smallbox .div50, .homesite .info_box .box_right .div50{
        width: 100% !important;
    }
    .homesite .info_box .box_right .box_right_basic{
        min-height: auto;
    }

    /* menu2 */
    .menu2 .item {
        width: 31%;
        margin: 1%;
    }
    .small_top_box{
        top: 130px;
        right: 15px;
    }
    .top_box{
        height: 190px;
    }
    .small_top_box .account_box{
        margin-top: 0px;
        padding: 1%;
    }
    .form_box .item1, .form_box .item2, .form_box .item3, .form_box .item4{
        width: auto !important;
    }
    #accordion-bookmarks .title{
        left: 0;
        top: -115px;
        width: 15px;
    }
    #footer .design_line{
        left: 5%;
    }
}
@media screen and (max-width:486px){

    /* traveling */
    .traveling .navigation .floatright{
        display: none;
    }
    .traveling .theme_content .floatleft{
        width: 100%;
    }
    .traveling .theme_content .floatright{
        width: 100%;
        padding-left: 0;
        border: 0;
    }

    .listing .listing_box{
        height: auto;
    }
}