/****************    media    ****************/
@media (max-width:1600px){
    .page_list .none{
        background:none;
        background-color:#fff;
    }
}
@media (max-width:1200px) {
    html,body{
        font-size:14px;
    }
    .page_nav .col-lg-4{
        width:40%;
    }
    div.page_list .col-lg-2{
        float:left;
        width:16.66%;
    }
    .footer .col-lg-2{
        float:left;
        width:15%;
    }
    .footer .col-lg-2>img{
        width:90%;
    }
    .footer .col-lg-10{
        float:left;
        width:85%;
    }
    .footer .col-lg-10>.float_right>.absolute{
        left:0;
        bottom:auto;
        width:100%;
    }
    .footer .col-lg-10>.float_right>.absolute img:first-child{
        width:auto;
    }
    .footer .col-lg-10>.float_right>.absolute>img:last-child{
        margin-left:8%;
    }
}
@media (max-width:800px){
    .page_nav .col-lg-4{
        width:50%;
    }
    .modal-dialog{
        width:95%;
        margin:auto;
    }
}
@media (max-width:700px){
    .page_nav .col-lg-4{
        width:60%;
    }
    .footer{
        font-size:12px;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
        font-size:1.2rem;
    }
    .header_logo{
        margin:10px 0;
    }
    nav.page_list:hover>.none,nav.page_list+.none:hover{
        display:block;
    }
    nav.page_list{
        display:block;
    }
    .max_list.page_list{
        display:none;
    }
    .page_list .container+.none{
        display:none !important;
    }
    .footer .float_left,.footer .float_right{
        float:none;
    }
    .footer .row>div{
        width:100%;
    }
    .footer .col-lg-2>img{
        width:100px;
        margin:0 auto 35px;
        display: block;
    }
    .footer .col-lg-10>.float_left{
        width:100%;
        margin:auto;
        text-align:center;
    }
    .footer .col-lg-10>.float_right{
        width:100%;
        height:auto;
    }
    .footer .col-lg-10>.float_right .absolute{
        position:static;
        width:100%;
    }
    .footer .col-lg-10>.float_right .absolute img{
        bottom:0;
        margin:auto !important;
        display:block;
        width:auto;
        max-width:100%;
    }
    .page_top ul{
        float:none;
        font-size:.9rem;
        width:100%;
    }
    .page_top ul li{
        width:20%;
        text-align:center;
        border-color:#ddd;
        margin:1% 0;
    }
    .navbar>.container .navbar-brand.collapsed:after{
        content:'';
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
        width:5px;
        height:5px;
        position:absolute;
        right:10%;
        top:1.5rem;
        box-shadow:1px 1px 1px rgba(0,0,0,.2);
        transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -webkit-transition:all .5s;
        -moz-transform:rotate(45deg);
        -moz-transition:all .5s;
        -o-transform:rotate(45deg);
        -o-transition:all .5s;
        -ms-transform:rotate(45deg);
        -ms-transition:all .5s;
        transition:all .5s;
    }
    .navbar>.container .navbar-brand:after{
        content:'';
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
        width:5px;
        height:5px;
        position:absolute;
        right:10%;
        top:1.5rem;
        box-shadow:1px 1px 1px rgba(0,0,0,.2);
        transform:rotate(-135deg);
        transition:all .5s;
        -webkit-transform:rotate(-135deg);
        -webkit-transition:all .5s;
        -moz-transform:rotate(-135deg);
        -moz-transition:all .5s;
        -o-transform:rotate(-135deg);
        -o-transition:all .5s;
        -ms-transform:rotate(-135deg);
        -ms-transition:all .5s;
    }
    .modal_reg_01,.modal_reg_02{
        width:100%;
    }
    .modal_reg_02 select{
        width:66px;
    }
    .modal_reg_02 label.form_left{
        width:100%;
    }
    .modal_reg_02 input.form_right, .modal_reg_02 #address{
        width:93%;
    }
    .modal_reg_02 .address>.form_left{
        height:auto;
        line-height: normal;
    }
    .modal_reg_02 .disclosure label.form_left{
        padding:15px 0;
    }
    .modal .no_wrap{
        white-space: normal;
    }
}
@media (max-width:500px) {
    body,html{
        font-size:12px;
    }
    .page_nav .col-lg-4{
       width:300px;
    }
    .modal.in .modal-dialog{
        width:320px;
    }
    .modal-dialog{
        top:5% !important;
        top:calc( 50% - 250px ) !important;
    }
    .toast_block{
        margin-top: 120px;
    }
}