/******************************** 1024*768 ************************************/
@media only screen and (max-width:1200px){
    .container{width: 970px;}
    
    /*panel*/
    .panel_style1 .p_head > .right, .panel_style1 .p_main > .right {width: 25%;}
    .panel_style1 .p_head > .left, .panel_style1 .p_main > .left {width: 75%;}
    .panel_style1 .p_main > .left .body{padding: 40px 30px !important;}
    .panel.change_pass .panel_style1 .body{padding-left: 100px;padding-right: 100px;}
    .panel .box_style1 .item{margin: 0 3.1% 30px;min-width: 290px;}
    .panel_box_style1 .item{margin-right: 40px;}
    .panel_box_style1 .item:nth-child(2n+1){margin-right: 15px;}
    
} /*1024*768*/


/******************************* 800*600 **************************************/
@media only screen and (max-width:992px){
    .container{width: 750px;}
    html{font-size: 9.5px;}
    /*panel*/
    .panel_style1 .p_head > .right, .panel_style1 .p_main > .right {width: 30%;}
    .panel_style1 .p_head > .left, .panel_style1 .p_main > .left {width: 70%;}
    .panel_style1 .p_head > .left .item{width: 13%;}
    .panel_style1 .p_head > .left .item.balance{width: 25%;}
    .panel_style1 .p_main > .left .body{padding: 40px 15px !important;}
    .tab_style2 .tab_nav .link{padding: 10px 15px 8px;font-size: 1.15rem;}
    .tab_style2 .tab_nav .link:before, .tab_style2 .tab_nav .link:after{width: 35px;}
    .panel .box_style1 .item{width: 100%;max-width: 320px;float: none;margin: 0 auto 30px;display: block;}
    .panel_box_style1 .item{display: block;float: none;width: 100%;max-width: 300px;margin: 0 auto 30px!important;}
    .panel_box_style1.type1 .item{width: 200px;float: right;margin: 0 4.5% 30px!important;}
    
} /*800*600*/


/******************************* 600*800 **************************************/
@media only screen and (max-width:768px){
    .container{width: 550px;}
    /*panel*/
    .panel_style1 .p_head{display: none;}
    .panel_style1.type2 .p_head,.panel_style1.type2 .p_main > .right{display: block;}
    .panel_style1 .p_main > .left{width: 100%;}
    .panel_style1 .p_main .right .user_asset{display: block;}
    #rsv_panel {
        display: block;
        width: 270px;
        position: fixed;
        top: 0;
        bottom: 0;
        right: -100%;
        z-index: 9999;
        transition: all .5s;
        direction: rtl;
    }
    #rsv_btn{display: block;}
    .panel .inner{padding-top: 0;}
    .list_style1 .item{width: 50%;}
    .panel_style1 .p_main > .right .user_menu > .step1 .item.active{margin-left: 0;}
    .panel_style1 .p_main > .left .body{border-right: 1px solid #eee;min-height: initial;}
    
    
} /*600*800*/


/******************************** 480*320 *************************************/
/*@media only screen and (max-width:550px){
.container{width: 100%; padding: 0 15px;}
}480*320*/
/****************************** 320*480 ***************************************/
@media only screen and (max-width:570px){
    .container{width: 100%; padding: 0 15px;}
    /*panel*/
    .panel_style1 .p_main > .left .body {padding: 40px 0px !important;}
    .form_style2 .file_style .pic_cart_meli{width: 100%;max-width: 400px;}
    .form_style2 .file_style .file_lable{padding-left: 0;margin-top: 0!important;width: 100%;}
    .form_style2 .file_style .wrapper_pic{width: 100%!important;margin-top: 20px;text-align: center;}
    .form_style2 .file_style .cropper_holder{width: 100%!important;max-width:250px;margin: 0 auto;}
    .pic_style1{float: none;}
    .tab_style2 .tab_nav .item{display:block;}
    .tab_style2 .tab_nav .link{display: block;width: 70%;margin: 0 auto 5px!important;}
    .panel.message .panel_style1 .body .form_style2{padding: 0;}
    .tab_style2 .tab_content{padding: 20px 10px;}
    .message_style1{padding: 0 10px;}
    .panel_style1 .message_style1 .info,.panel_style1 .message_style1 .comment_reply .info{min-width: 200px;margin-bottom: 5px;max-width: 70%;}
    .panel.message .panel_style1 .form_panel_style1{padding-right: 5px;padding-left: 5px;}
    .panel .box_style1 .item{min-width: initial;}
    .panel.notice .form_style2 .part{width: 100%;max-width: 220px}
    .panel.notice .form_style2 .part:first-child{margin-bottom: 30px;}
    .panel_style1 .wrapper_editor,.list_style1{padding: 0 20px;}
    .list_style1 .item{width: 100%;max-width: 180px;}
    .panel_box_style1.type1 .item{margin: 0 auto 10px!important;width: 95%;max-width: 600px;float: none;}
    .form_style2_panel .item{width: 100%!important;}
    
} /*320*480*/

@media print{
    @page {size: a4 portrait;}
    .header_style1,footer,.panel_style1 .p_head,.panel_style1 .p_main .right{display: none;}
    .panel_style1 .p_main .left{width: 90%;}
    .panel_style1 .p_main > .left .body{border: none}
} /*print*/