﻿#wrapper {
    width: 100%;
    max-width: 1000px;
    min-width: 320px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*media query*/
@media screen and (max-width: 999px) {
    .fg-ads-desktop,
    #top_da {
        display: none;
    }

    .top-logo {
        height: 60px;
    }

    .top-logo-img {
        background-position: initial;
    }
}

@media screen and (max-width: 900px) {

    nav.nav-main {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        position: relative;
    }

        nav.nav-main div.nav-search {
            position: initial;
        }

        nav.nav-main input {
            font-size: 16px;
        }

    #psearch {
        max-width: 400px;
        padding: 10px 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        font-size: 14px;
        border: 1px solid #aaa;
        box-shadow: 0 3px 3px rgba(0,0,0,.3), 0 6px 6px rgba(0,0,0,.1);
    }

        #psearch td {
            /*font-size: 14px;*/
        }

    nav li div.menu-item-label {
        padding: 0 0 0 15px;
        text-align: left;
    }

    nav.nav-main li.menu-item {
        line-height: 50px;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        text-align: left;
    }

    nav.nav-main ul {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    nav.nav-main .nav-mobile-menu {
        position: absolute;
        width: 100%;
        max-width: 400px;
        top: 100%;
        display: none;
    }

    nav.nav-main .menu-top {
        min-width: 125px;
        width: 100%;
        /*border: 1px solid #aaa;*/
        border-top: none;
        box-shadow: 0 3px 3px rgba(0,0,0,.3), 0 6px 6px rgba(0,0,0,.1);
    }

    nav.nav-main ul.menu-sub {
        position: static;
        max-width: 300px;
    }

    .menu-sub {
        position: initial;
    }

    nav div.nav-mobile-button {
        display: block;
    }

    nav .menu-item > a {
        text-align: left;
    }

    .sm-button-group {
        display: none;
    }

    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: initial;
    }

    .top-bar-green {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

        .top-bar-green a {
            line-height: 2;
        }

    .RadMenu_LoginBar {
        height: 40px;
    }

    .top-logo-img.ig {
        background-size: cover;
        background-position: initial;
    }
}

@media screen and (max-width: 600px) {
    #wrapper {
        padding: 0;
    }

    /* Chat boxes */

    .chat_box {
        width: initial;
        padding: 5px;
    }

        .chat_box table {
            width: 100%;
            line-height: 1.5;
        }


    .chat_time {
        font-size: 12px;
        display: block;
        background-color: #fff;
        padding: 0 0 2px 0;
        width: initial;
    }

    .chat_desc {
        width: initial;
        background-color: white;
        display: block;
        padding: 0;
    }

    .chat_wrap {
        white-space: pre-wrap; /* css-3 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        width: 100%;
    }

        .chat_wrap p {
            margin: 0;
        }

        .chat_wrap a {
            -ms-word-break: break-word;
            word-break: break-word;
        }

    .chat_author {
        font-weight: bold;
        font-family: arial;
    }
}

@media screen and (max-width: 400px) {

    nav.nav-main div.nav-search {
        -ms-flex: 1 0 auto;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        padding-right: 5px;
    }

    nav.nav-main .menu-top,
    .menu-sub {
        border: none;
    }

    nav.nav-main div input {
        width: 100%;
        padding: 0 35px 0 5px;
    }

    .nav-search-mobile-x {
        content: '';
        background: url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='#000'><path d='M19 6.4L17.6 5 12 10.6 6.4 5 5 6.4 10.6 12 5 17.6 6.4 19 12 13.4 17.6 19 19 17.6 13.4 12z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 30px;
        height: 100%;
        position: absolute;
        right: 10px;
        display: none;
        cursor: pointer;
    }

    #my_popup {
        font-size: 16px;
        padding-top: 10px;
    }
}
