@import url(reset.css);

@font-face {
    font-family: 'VYekan';

    src: url('fonts/BYekan.woff') format('woff'),
    url('fonts/BYekan.woff') format('woff');
url('fonts/BYekan.svg#CartoGothicStdBook') format('svg'),
url('fonts/BYekan.ttf') format('truetype'),
url('fonts/BYekan.eot#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

body,html {
    /*background-color: #464646;*/
    background: url("img/bg2.jpg") fixed;
    width: 100%;
    text-align: center;
    font-size: 13px;
}

.clearfix {
    clear: both;
}
.notFound{

    font-size: 14px;
    font-weight: bold;
    height: 100px;
    padding-top: 40px!important;
    box-sizing: border-box;
}

.lastFF{

margin-top: 10px !important;

}

.fileCenter{

    padding-top: 6px!important;


}

.file{
    background:url("img/file.png") no-repeat left;
    background-size: 22px 22px;
}

.folder{
    background:url("img/folder.png") no-repeat left ;
    background-size: 22px 22px;
}

.new{
    background:url("img/new.png") no-repeat left;
    background-size: 22px 22px;
}

.VFont,strong.tagName,strong.tagList {
    font-family: VYekan,Arial;
    direction: rtl;
}

.sans {
    font-family: sans-serif;
    direction: ltr;
}

a {
    text-decoration: none;
}

.rtl {
    direction: rtl;
}

.ltr {
    direction: rtl;
}
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}
.align-center{
    text-align: center;
}

input[type='text']{
    min-height: 30px;
}

header,section,.buy-pay, footer,.addbox,section .acc_show,div.directory_view_path,div.directory_view_list,div.tags,div.postBox,div.dropz,footer.footerdiv,.copyright{
    width: 1260px;
    margin: 0 auto;

}
.addbox a.rightAdd img,.addbox a.leftAdd img {
    width: 468px;
    height: 80px;
}
.menuBtn {
    display: none;
}
.listview {
    width: 100%;
    direction: ltr;
}

/*     NAVBAR    START   */
body header nav ul {

    background-color: #045280;
    position: relative;
    height: 45px;
    border-radius: 5px 5px 0 0;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: block;
    text-align: center;
}

body header > nav > span {
    position: absolute;
    z-index: 99999;
}


body header > nav ul > form {
    position: absolute;
    z-index: 99999;

}


body header nav ul li {

    display: inline-block;
    min-width: 110px;
    padding: 0 6px;
    border-left: 1px solid #045f94;
    height: 42px;
    padding-top: 14px;
    box-sizing: border-box;
    box-shadow: -1px 0 0 0 #203a4a;
}

.lastchield {
    border-left: none;
    box-shadow: none;
}


body header nav ul li:hover ,li:hover{

    background-color: #046aa7;

}

body header nav ul a li {
    color: #FFFFFF;

}

body header > nav ul > form > input {
    position: absolute;
    background-color: #02687B;
    border: none;
    height: 35px;
    width: 70px;
    border-radius: 10px;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    left: 1184px;
    top: -38px;
}

body header > nav ul > form > input:hover {
    background-color: #028fa2;
}
body header nav>ul>span {

    display: inline-block;
    height: 35px;
    border: 2px solid #028fa2;
    color: #ffffff;
    padding: 6px 4px 0 4px;
    border-radius: 3px;
    font-size: small;
    box-sizing: border-box;
    margin-left: 55px;
    margin: 0 auto 0 15px;

}

/*     NAVBAR    END   */
/*   DivGoogle Start   */
.topdiv{

    background-color: #e4e4e4;
    margin: 5px 0;
    height: 40px;
}


.newfilesDiv{
    background-color: #e4e4e4;
    margin: 5px 0;
    padding: 5px;
}

span.newfiles{
    display: block;
    word-wrap: break-word;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 14px;
}

span.newfiles:hover{
    background-color: #c6d6c9;
}

.oddSpn{
    background-color: #eeeeee;
}

.evenSpn{
    background-color: #a9b5bc;
}

strong.recentfile{
    display: block;
    height: 30px;
    background-color: #0b0b0b;
    color: #ffffff;
    padding: 5px;
    box-sizing: border-box;
}

.closerecent{
    position: absolute;
    left: 10px;
    top: 7px;
    cursor: pointer;
}

strong.accClose{
    display: block;
    height: 30px;
    background-color: #0b0b0b;
    color: #ffffff;
    box-sizing: border-box;
    padding-top: 5px;
}
.fullaccount{
    position: relative;
    padding: 5px;
    box-sizing: border-box;
    background-color: #e4e4e4;
    margin: 5px 0;
    padding: 5px;
}

.closeAcc{
    position: absolute;
    left: 10px;
    top: 7px;
    cursor: pointer;
}

.topdiv .googlediv{

    position: relative;
    float: left;
    left: 15px;
    top: 8px;
    width: 300px;

}

.topdiv .googlediv .inputval{
    background-color: #ffffff;
    color: #0a0a0a;
    position: absolute;
    height: 30px;
    padding: 3px;
    box-sizing: border-box;
    left: 65px;
    bottom: -28px;
    border: 3px solid #02687b;

}
.topdiv .googlediv .inputsubmit{
    color: #ffffff;
    background-color: #02687b;
    position: absolute;
    left: 2px;
    box-sizing: border-box;
    height: 30px;
    width: 60px;
    bottom: -28px;
    border: 3px solid #02687b;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
}
/*   DivGoogle End   */
/*  AddBox Start */
.addbox{
    display: inline-block;
    position: relative;
    background-color: #045280;
    min-height: 94px;
    box-sizing: border-box;
}
.addbox  a{
    position: absolute;
    border: 3px solid #002b33;
    box-sizing: border-box;
    padding: 0;
    border-radius: 4px;
}
.addbox  a.rightAdd{
    float: right;
    margin-top: 5px;
    right: 150px;
    width: 474px;
    height: 87px;

}
.addbox  a.leftAdd{
    float: left;
    margin-top: 5px;
    left: 150px;
    width: 474px;
    height: 87px;
}
/* Addbox End */
/* Premium Accounts  */
section .acc_show{
    position: relative;
    background-color: #e4e4e4;
    min-height: 340px;
    font-size: 13px;
    color: #000;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
    width: auto !important;
}
section .acc_show div.hajm{
    float: left;
    position: absolute;
    left: 20px;
    top:41px;
}
section .acc_show div.hajm td{
    padding: 5px;
}
section .acc_show div.accunts{
    float: right;
    position: absolute;
    right: 20px;
    top: 41px;;
    max-width: 550px;
}

div.acc_show table > thead,th{
    background-color: #002b33;
    height: 50px;
    text-align: center;
    padding: 5px 8px;
    box-sizing: border-box;
    border-spacing: 0;
    color: #ffffff;
    vertical-align: middle;
}

section .acc_show table tr{
    border-bottom: 2px solid #002b33;
}
section .accunts table tr:not(:nth-of-type(1)){
    display: none;
}

section .acc_show table tr>td{
    padding: 2px 0 0 2px;
    vertical-align: middle;
}

section .acc_show div.hajm ,.acc_show div.accunts{
    border: 2px solid #002B33;
    height: 173px;
}

section .acc_show div.hajm {

    height: 281px;
    width: 368px;
}

/*
PREMIUM END
VIEW DIR START
*/
div.directory_view_path{

    background-color: #354853;
    margin: 5px auto 5px auto !important;
    min-height: 40px;
    height: auto;
    font-family: sans-serif !important;
    text-align: left !important;
    direction: ltr;
    padding: 12px 0px 0px 22px;
    box-sizing: border-box;

}
div.directory_view_path a{
    color: #f0f0f0;
    font-size: 13px;

}
div.directory_view_list{
    /* min-height: 400px;*/
    background-color: #cacaca;
    border-bottom: 3px transparent;
}

div.directory_view_list table th{

    background-color: #045280;
    height: 38px;
    padding: 12px 0 15px 0;
}

.css-table-row div{

    color: #000000;
    padding: 8px 3px 8px 5px;
    box-sizing: border-box;
    font-family: Tahoma;
    font-size: 14px;


}
.css-table-row div{
    word-break: break-all;
    height: 20px;
}
div.css-table-row > div:last-child{
    font-family: VYekan;
    font-size: 12px;
}
div.css-table-row > div:first-child{
    text-align: left !important;
}
div.css-table-row > div:last-child{
    text-align: right !important;
    direction: rtl;
}

.css-table-row:nth-child(2n-1){

    background-color: #a2a9ad;


}

div.css-table-row > div{
    text-align: center;
}
.afilelist{
    color: #000000;
    font-family: Sans-Serif;
    padding-left:28px;
    font-size:14px;

}

div.directory_view_list .css-table-row{
    font-family: VYekan;
    color: #000000;
}



/*    TagList        */
div.tags strong.tagName,strong.tagList{
    display: inline-block;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}
div.tags strong.tagName{
    background-color: #045280;
    height: 30px;
    margin: 5px auto auto 0;
    color: #ffffff;
    font-size: 13px;
}

div.tags strong.tagList{
    background-color: #e4e4e4;
    min-height: 50px;
}

div.postBox{
    margin: 5px auto;
    direction: rtl;
    position: relative;
    border: 3px solid #045280;
    box-sizing: border-box;
    background-color: #e4e4e4;
    min-height: 80px;

}
div.postBox .formA{
    padding: 5px;
    position: absolute;
    top: 34px;
    right: 0;
}
div.postBox .formB{
    padding: 5px;
    position: absolute;
    top: -3px;
    right: 0;
}

div.dropz{
    position: relative;
    background-color: #e4e4e4;
    box-sizing: border-box;
    height: 280px;
    border: 3px solid #045280;
}

div.dropz .btndp{
    position: absolute;
    float: left;
    left: 450px;
    top: 10px;;
    height: 40px;
    width: 100px;
    background-color: #045280;
    font-family: VYekan;
    border: 3px solid #ffffff;
    color: #ffffff;
    cursor: pointer;
}

div.dropz .dropzone{
    position: absolute;
    float: right;
    right:10px;
    top: 8px;
    height: 258px !important;
    width: 700px !important;
    box-sizing: border-box;
    border: 3px solid #045280;
}

footer.footerdiv{
    position: relative;
}

.enamad{

    align-content: center;
    text-align: center;
}

.enamad img {
    border: 3px solid #045280;
    margin-top: 10px;
    padding: 5px;
}

div.footerlist{
    height: 45px;
    background-color: #045280;
    position: relative;
    border-radius: 0 0 5px 5px;
}
div.footerlist ul{
    height: 44px;
    position: absolute;
    right: 414px;
    bottom: 1px;
    box-sizing: border-box;
}
div.footerlist ul li{

    display: inline-block;
    border-left: 1px solid #045f94;
    box-sizing: border-box;
    box-shadow: -1px 0 0 0 #203a4a;
    height: 45px;
    padding-top: 11px;
}
div.footerlist ul li:last-child{
    border-left: none;
    box-shadow: none;
}
div.footerlist ul li a{
    color: #ffffff;
    box-sizing: border-box;
    padding: 10px;
}

.copyright{
    border: 3px solid #045280;
    font-size: 12px;
    margin: 5px 0;
    padding: 5px;
    box-sizing: border-box;
}
.copyright strong{
    padding: 2px;
    display: block;
    font-family: Sans-Serif;
    direction: ltr;
}
.copyright strong:last-child{
    margin-bottom: 10px;
    font-family: VYekan;
    direction: rtl;
}
/*  buy Premium  */
div.buypremium{
    background-color: #e4e4e4;
    padding: 10px;
}
div.buypremium table{

    margin: 5px auto;
    border: 2px solid #045280;

}
div.buypremium table tr:nth-child(2n-1){
    background-color: #cfcfcf;
}
div.buypremium table td{
    padding: 5px;
    vertical-align: middle;
}

div.buypremium input[type="submit"]{
    background-color: #02687b;
    border: none;
    height: 35px;
    width: 76px;
    color: #ffffff;
    cursor: pointer;
}

.afterbuy{
    margin: 10px auto 10px auto;
    box-sizing: border-box;
    width: 800px;
    font-size: 12px;
    border: 3px solid #00A6DA;
    padding: 10px;
}

.beforepremium{
    display: inline-block;
    padding: 10px auto;
    width: 800px;
    text-align: center;
    margin: 10px auto;
    border: 3px solid #00A6DA;
}

.signup textarea{
    height:75px;
    width: 257px
}
.signup input[type="submit"]{
    position: absolute;
    margin: -22px -11px;
}
.signup input{
    height: 20px;
    width: 157px;
}
.showdlfile input[type="submit"] {
    width: 36px !important;
    height: 36px !important;
    margin: 7px 2px 5px 0;
    vertical-align: middle;
}
.showdlfile table tbody tr>td:first-child,.showdlfile table tbody tr>td:last-child{
    font-family: Sans-Serif;
}

div.showdlfile{
    padding: 20px;
    box-sizing: border-box;
}
div.global{
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 auto;
    line-height: 25px;
    background-color: #e4e4e4;
    text-align: right;
    padding: 10px;
}

div.showdlfile table{
    max-width: 1200px !important;
}
div.showdlfile table tr>td:first-child {
    word-break: break-all;
}

.tickets{
    font-family: VYekan;
}
.tickets table {
    width: 80%;
}
.tickets textarea {
    width: 92%;

}

.buy_div{
    width: 250px;
    margin:0 auto;
    border: 1px solid lightgray;
    border-radius: 3px;
}
.buy_div table
{
    width:100%;
    text-align: right;
}
.buy_div table tr
{
    border-bottom: 1px solid khaki;
}
.buy_div table tr:last-child
{
    border-bottom: 0px;
}
.b_online,.b_ofline{
    cursor: pointer;
    height: 20px;
}
.c_online,.c_ofline{
    display: none;
}




/*Buy*/
.buy-pay{
    margin: 0 auto;
    background-color: #e4e4e4;
    padding: 20px;
    box-sizing: border-box;
}
.buy-pay li{
    background-color: #02687b;
    color: #ffffff;
    margin-top: 10px;
}
.buy-pay input[type="submit"]{
    height: 40px;
    width: 100px;
    margin: 10px 0;
    background-color: #045280;
    border: 2px solid white;
    color: white;
    font-family: VYekan;
    cursor: pointer;
}
.buy-pay .info-box{
    width: 400px;
    margin: 0 auto 30px auto;
    border: 1px solid #6abf7a;
    background: #e7f7ea;
    border-radius: 3px;
    padding: 10px;
    text-align: center;
    padding: 10px;
}
div.buy-pay ul{
    width: 70%;
    margin: 0 auto;
}
div.buy-pay ul textarea{
    width: 80%;
    line-height: 20px;
}
.buy-pay .info-box span{
    font-weight: bold;
    color: #1e5d29;
}
.buy-pay table{
    width: 100%
}

.buy_div{
    width: 250px;
    margin:0 auto;
    border: 1px solid lightgray;
    border-radius: 3px;
}
.buy_div table
{
    width:100%;
    text-align: right;
}
.buy_div table tr
{
    border-bottom: 1px solid khaki;
}
.buy_div table tr td
{
    background-color: #e4e4e4;
}
.buy_div table tr:last-child
{
    border-bottom: 0px;
}
.b_online,.b_ofline{
    cursor: pointer;
    height: 20px;
}
.c_online,.c_ofline{
    display: none;
}
.head1,
.head2{
    padding: 10px 50px 10px 0!important;
    border: 1px solid #e0e0e0!important;
    position: relative
}
.head2{
    border-top: 0!important
}
.head1:hover,
.head2:hover{
    cursor: pointer;
    background-color: #045280;
}
.head1.open,
.head2.open{
    font-weight: bold;
    color:black
}
.body1,
.body2{
    background: #f7f5e7;
    padding: 10px!important
}

.login{
    min-height: 300px;
    box-sizing: border-box;

}
.login{

    box-sizing: border-box;
    padding: 20px;
    margin: 10px 0 0 0;

}
.login table{
    height: 250px;
    vertical-align: middle;

}

.login table input[type='text'],.login table input[type='password']{
    height: 30px;
    width: 190px;
}

.login input[type='submit']{
    text-align: center;
}

.ticketlist table input[type='submit']{
    width: 40px !important;
}
.ticketlist table tfoot{
    text-align: center;
}
.ticketlist table a{
    background-color: #02687b;
    height: 30px;
    width: 50px;
    color: #ffffff;
    padding: 10px;
}
.ticketlist table th{
    min-width: 125px;
}
.ticketlist table td:last-child a{
    background-color: transparent;
    padding: 20px;
    width: 30px;
}
.ticketlist table td:nth-child(2n-2){
    text-align: center;
}
.ticketlist table td span{
    display: inline-block;
    word-break: break-all !important;
    width: 90%;

}
/*.ticketlist table td span.ticketsp{
    display: inline-block;
    word-break: break-all !important;
    width: 80%;

}*/
.ticketshow th:first-child{
    width: 220px;

}
.ticketshow{
    padding: 10px;
    box-sizing: border-box;
}
.ticketshow table td{
    line-height: 30px;
    border-bottom: 1px solid #ffffff;
}
.ticketshow table td:last-child{

    min-height: 100px ;
    max-height: 600px;
    width: 700px;
    word-break: break-all;

}
.ticketshow .replytick{
    width: 500px;
}
.ticketshow .replytick textarea{
    width: 930px;
}
.directory_view_list{
    min-height: 34px;
}

.descr{
    word-break: break-all;
}

.xyz {
  font-family: Tahoma;
}
.guest input[type='submit']{
    width: 120px !important;
    font-family: VYekan;
}
.guest form table td{
    display: block;
}
.guest {
    word-break: break-all;
}

.guestDiv1{
    background-color: #002b33;
    min-height: 50px;
    color: #ffffff;
    padding: 13px 5px 0 5px;
    box-sizing: border-box;
    font-size: 15px;
    border: 2px solid #045280;
}
.guestDiv2{
    background-color: #cfcfcf !important;
    color: #0a0a0a !important;
}
.guestDiv3{
    background-color: #e4e4e4 !important;
    color: #0a0a0a !important;
}
.guestSpan{
    margin: auto 20px;
}
.gustDiv4{
    padding: 5px;
    border-bottom: 4px solid #045280;
}
.googleimg{
    position: absolute;
    left: 218px;
    top: -3px;;
}

/*.postBox > img{
    position: absolute;
    left:650px;
}*/
@media screen and (max-width: 1280px) {

    .postBox > img{
        left:375px;
    }

    header,section,.buy-pay, footer,.addbox,section .acc_show,div.directory_view_path,div.directory_view_list,div.tags,div.postBox,div.dropz,footer.footerdiv,.copyright{
        width: 980px;
        margin: 0 auto;
    }

    .addbox  a.rightAdd{
        right: 10px;
    }
    .addbox  a.leftAdd{
        left: 10px;
    }
    body header nav ul li {
        min-width: 65px;
        font-size: 12px;
    }
    div.footerlist ul {
        right: 250px;
    }
    div.directory_view_list table .filelistth th,div.directory_view_list table .filelistth td{
        word-break: break-all;

    }
    div.dropz .btndp {
        left: 100px;
    }
    body header > nav ul > form > input {
        left: 908px;
    }


}

@media screen and (max-width: 1024px) {

    .postBox > img{
        left:138px;
    }

    header,section,.buy-pay, footer,.addbox,section .acc_show,div.directory_view_path,div.directory_view_list,div.tags,div.postBox,div.dropz,footer.footerdiv,.copyright{
        width: 740px;
        margin: 0 auto;
    }
    .addbox  a.rightAdd{
        width: 361px;
        right: 7px;
        height: 81px;
    }
    .addbox  a.leftAdd{
        width: 361px;
        left: 7px;
        height: 81px;
    }
    .addbox  a.rightAdd img{
        width: 355px;
        height: 75px;
    }
    .addbox  a.leftAdd img{
        width: 355px;
        height: 75px;
    }
    body header nav ul li {
        min-width: 65px;
        font-size: 11px;
    }
    body header nav > ul > span {
        position: absolute;
        top: 52px;
        right: 214px;
        color: black;

    }
    body header > nav ul > form > input {
        height: 32px;
        width: 55px;
        font-size: 13px;
        left: 682px;
        top: 12px;
    }
    div.footerlist ul {
        right: 128.25px;
    }
    div.directory_view_list table .filelistth th,div.directory_view_list table .filelistth td{
        word-break: break-all;

    }
    div.dropz .btndp {
        left: 20px;
    }
    section .acc_show div.hajm{
        left: 193px;
        top:230px;
        height: 287px;
    }
    section .acc_show {
        height: 495px;
    }
    section .acc_show div.accunts {
        right: 95px;
    }
    div.dropz .dropzone {
        width: 588px !important;
    }
    .beforepremium ,.afterbuy{
        width: 709px;
    }
    .showdlfile img{
        width: 680px;
    }
    .ticketshow .replytick textarea {
        width: 660px;
    }
}

@media screen and (max-width: 768px) {

    .postBox > img{
        left:70px;
    }

    header,section,.buy-pay, footer,.addbox,section .acc_show,div.directory_view_path,div.directory_view_list,div.tags,div.postBox,div.dropz,footer.footerdiv,.copyright{
        width: 545px;
        margin: 0 auto;
    }
    section .acc_show {
        min-height: 500px;
    }
    div.dropz .dropzone {
        width: 380px !important;
    }
    .filelistth th:nth-of-type(2){
        display: none;
    }
    .listview tr td:nth-of-type(2){
        display: none;
    }
    section .acc_show div.accunts {
        right: 3px;
        width: 533px;
    }
    section .acc_show div.hajm {
        left: 96px;
        width: 327px;
        height: 300px;
    }
    .directory_view_path{
        min-height: 65px;
    }

    header nav{
        display: none;
        height: 380px;
    }

    /*    NAVBAR    */

    body header nav ul {
        background-color: #045280;
        float: none;
        width: 100%;
        height: 100%;
    }

    body header > nav > span {
        position: absolute;
        z-index: 99999;
    }


    body header > nav ul > form {
        position: absolute;
        z-index: 99999;
        left: 80px;
        top: 5px;
    }


    body header nav ul li {

        display: block;
        position: static;
        height: 42px;
        padding-top: 12px;
        box-sizing: border-box;
        box-shadow: -1px 0 0 0 #203a4a;
        z-index: 9999999;
        border-bottom: 1px solid #e4e4e4;
    }

    /* end nav*/
    .menuBtn {
        display: inline-block;
        position: absolute;
        top: -3px;
        left: 489px;
        border-radius: 3px;
        cursor: pointer;
        z-index: 99999;
        height: 30px;
    }
    body header nav > ul > span {
        position: absolute;
        top: 340px;
        right: 215px;
        color: white
    }
    .postBox input[type="text"]{
        width: 380px;
    }
    body header > nav ul > form {
        position: relative;
        z-index: 99999;
        left: 210px;
        top: 45px;
    }
    .ticketshow .replytick textarea {
        width: 480px;
    }
    .beforepremium, .afterbuy {
        width: 480px;
    }
    div.footerlist ul li {
        width: 170px;
        font-size: 13px;
    }
    div.footerlist ul li:nth-of-type(2) {
        display: none;
    }
    .addbox{
        height: 170px;
    }
    .addbox a.leftAdd {
        left: 95px;
        height: 80px;
        top: 83px;
    }
    .addbox a.rightAdd {
        right: 89px;
        height: 80px;
    }
    .ticketsp {
        overflow: hidden;
        max-height: 60px;
    }
    .fpass input[type='submit']{
        width: 55px !important;
    }
    .fpass input[type='text']{
        width: 110px !important;
    }
    .fpass table > thead, th{

    }
    div.footerlist ul {
        display: none;
    }

    body header > nav ul > form > input {
        left: 273px;
        top: -39px;
    }

}


@media screen and (max-width: 568px) {
    .postBox > img{
        left:1px;
        top: -41px;;
    }

    header, section, .buy-pay, footer, .addbox, section .acc_show, div.directory_view_path, div.directory_view_list, div.tags, div.postBox, div.dropz, footer.footerdiv, .copyright {
        width: 340px;
        margin: 0 auto;
    }
    body header nav > ul > span {
        position: absolute;
        top: 340px;
        right: 44px;
        color: white;
    }
    body header > nav ul > form {
        position: relative;
        z-index: 99999;
        left: 398px;
        top: -294px;
    }
    .addbox a.rightAdd img {
        width: 320px;
        height: 70px;
    }
    .addbox a.rightAdd {
        right: 9px;
        height: 76px;
        width: 326px;
    }
    .addbox a.leftAdd img {
        width: 320px;
        height: 70px;
    }
    .addbox a.leftAdd {
        left: 5px;
        height: 76px;
        top: 83px;
        width: 326px;
    }
    .accunts table tr > td:nth-of-type(2),.accunts table tr > td:nth-of-type(3),.accunts table > thead th:nth-of-type(2),.accunts table > thead th:nth-of-type(3),.css-table-header div:nth-of-type(4),.css-table-header div:nth-of-type(2),.css-table-row div:nth-of-type(2),.css-table-row div:nth-of-type(4),.showdlfile img, .showdlfile table th:nth-of-type(3),.showdlfile table td:nth-of-type(3),div.buypremium table th:nth-of-type(5),div.buypremium table th:nth-of-type(6),div.buypremium table td:nth-of-type(5),div.buypremium table td:nth-of-type(6),.tickets .payment {
        display: none;
    }

    div.acc_show table{
        width: 331px;
    }
    section .acc_show div.accunts {
        width: 331px;
    }
    .acc_show div.accunts {
        height: auto;
    }
    section .acc_show {
        min-height: 500px;
    }
    section .acc_show div.hajm{
        height: 242px;
        left: 6px;
        font-size: 11px;
        width: 330px;
        top: 230px;
    }
    div.directory_view_path a {
        font-size: 10px;
    }
    div.directory_view_list table td a {
        font-size: 10px;}
    strong.tagList {

        font-size: 10px;
    }
    div.dropz .dropzone {
        width: 200px !important;
    }
    div.footerlist ul {
        right: 7px;
    }
    div.footerlist ul li {
        width: 160px;
        font-size: 12px;
    }
    footer img{
        width: 80px;
        height: 100px;
    }
    .postBox input[type="text"] {
        width: 260px;
    }
    .beforepremium, .afterbuy {
        width: 300px;
    }

    div.buypremium input[type="submit"] {
        width: 38px;
    }
    div.buypremium{
        font-size: 10px;
    }
    div.buypremium table {

        width: 303px;
    }
    .tickets input[type="submit"] ,.profile input[type="submit"],.ticketshow input[type="submit"] {
        width: 54px !important;

    }
    .box1_down img{
        width: 50px;
        height: 50px;
    }
    .ticketlist table th {
        min-width: 95px;
    }
    .ticketshow .replytick textarea {
        width: 310px;
    }
    .ticketshow th:first-child {
        width: 44px;
    }
    .ticketshow .replytick {
        width: 328px;
    }
    .buy-pay .info-box {
        width: 272px;
        font-size: 12px;
    }
    .buy-pay li {
        font-size: 10px;
    }
    .head1, .head2 {
        padding: 10px 19px 10px 0 !important;
    }
    div.buy-pay ul textarea {
        width: 95%;
        line-height: 13px;
        font-size: 10px;
    }
    .menuBtn {
        display: inline-block;
        position: absolute;
        top: -3px;
        right: -17px !important;
    }
    .ticketsp {
        overflow: hidden;
        max-height: 60px;
    }
    .signup textarea {
        height: 75px;
        width: 150px;
    }
    .signup input {
        height: 20px;
        width: 80px;
    }
    #country{
        width: 125px;
    }
    .signup table{
        width: 378px;
        display: table-cell;
    }
    .listview td {
        max-width: 273px !important;
    }

    body header > nav ul > form > input {
        left: -380px;
        top: 300px;
    }

    div.newfilesDiv{
        display: none!important;
    }

}

/*    350px */
@media screen and (max-width: 350px) {
        header, section, .buy-pay, footer, .addbox, section .acc_show, div.directory_view_path, div.directory_view_list, div.tags, div.postBox, div.dropz, footer.footerdiv, .copyright {
            width: 310px;
            margin: 0 auto;
        }

    .menuBtn {
        right: 12px !important;
    }

    body header > nav ul > form > input {
        left: -380px;
        top: 300px;
    }
    .addbox a.rightAdd {
        width: 294px;
    }

    .addbox a.leftAdd {
        width: 294px;
    }
    .addbox a.rightAdd img,.addbox a.leftAdd img {
        width: 287px;
    }

    section .acc_show div.accunts,div.acc_show table {
        width: 300px;
    }

    section .acc_show div.hajm {

        width: 300px;
        right: 3px; !important;
        top: 160px;
        height: 277px;
    }
    div.dropz .dropzone {
        width: 161px !important;
    }
    div.footerlist ul li {
        width: 130px;
        font-size: 10px;
        padding-top: 15px;
    }
    div.buypremium table {
        width: 280px;
    }
    .ticketsp {
    overflow: hidden;
        max-height: 60px;
    }
    .ticketshow .replytick textarea,.beforepremium, .afterbuy {
        width: 281px;
    }
    .ticketshow .replytick {
        width: 300px;
    }
    .buy-pay .info-box {
        width: 260px;
        font-size: 11px;
        padding: 5px;
    }
    .signup table{
        width: 260px !important;
        display: table-cell;
    }
    .signup input {
        height: 20px;
        width: 62px;
    }
    .signup input[type="submit"] {
        width: 58px !important;
        margin: -22px -26px;
    }
    .listview td {
        max-width: 243px !important;
    }
    .login table input[type='text'],.login table input[type='password']{
        height: 30px;
        width: 155px;
    }
}



.listview td
{
    max-width:400px;
    word-wrap: break-word;
}

table thead {
    font-weight: bold;
    background-color: rgb(191, 191, 191);
}

table th, table td {
    padding: 0 6px;
    text-align: center;
}


/* CSS TABLE STYLES */

.css-table {
    display: table;
    direction: ltr!important;
    text-align: left;
    width: 100%;
}

.css-table-header {
    display: table-header-group;
    font-weight: bold;
    background-color: rgb(191, 191, 191);
    text-align: center!important;
}

.css-table-body {
    display: table-row-group;
}

.css-table-row {
    display: table-row;
    word-wrap: break-word;
    height: 30px;
    margin-top: 10px;
}

.css-table-header div {
    display: table-cell;
    padding: 0 6px;
}
.css-table-row div {
    display: table-cell;
    padding: 0 6px;
}
.css-table-header div {
    text-align: center;
    /*border: 1px solid rgb(255, 255, 255);*/
    background-color: #045280;
    height: 38px;
    padding: 12px 0 15px 0;
    box-sizing: border-box;
    color: #ffffff;
    font-weight: 300;
}