@media (max-width: 960px) {
    body {zoom:0.9;}
    .topSearchBlock {
        margin: 10px 0px 0 0px;
        border: 1px solid #ddd;
        padding: 0 0;
        width: 100%;
    }

    #Menu_Payments {display: block}
    #content .content_inner {max-width: none;min-width:inherit; }
}

@media (max-width: 768px) {
    body {zoom:0.9;}
    .secondLeftSide {display: none}
    .PersBlocks {clear: both;}
    .topSearchBlock {
        margin: 10px 0px 0 0px;
        border: 1px solid #ddd;
        padding: 0 0;
        width: 100%;
    }
    H1 {font-size: medium}
    H2 {font-size: medium}
    .cube A {display: none;}
    .cube A:first-child {display: block;}

    #Menu_Payments {display: none}

    .secondProdList {width: 98%}
    .filterBlock {display: none}
    .reg_table {width: 100%;min-width: 260px;text-align: left;}
    .reg_table div {text-align: left;display: block}
    .reg_table div div {display: block}

    .top {border: none;}

    #content .content_inner {min-width: inherit;overflow: auto;padding: 5px 5px;border:none;}

    #information_list .tr {display: none}
    .secondProdList h2 {display: none}

    #information_list {display: block;}
    #information_list div {display: block;border:none !important;padding: 0 0;}
    #information_list > div {width:47%;border:1px dashed #ddd !important;float: left;margin: 0 7px 7px 0;}
    #information_list .thumb {height:180px;width: 200px;overflow: hidden;}
    #information_list .thumb img {width: 100%;}
    #information_list .td {display: none;}
    #information_list .td:first-child {display: block;width: 100%;padding: 0 0;}

    #information_list .ShortInfName {display: block;width: 100%;min-width: inherit;padding: 0 5px;font-size: small;}
    #information_list .infoCost {text-align: right;width: 100%;border:1px solid red;font-size: small;font-weight:bold;display: block;}
    #information_list .infoCost > div {display: inline-block}

    #information_list .infoControls {display: block;}
    .AdvContainer {width: 100%}
    .advULList {
        border-top:1px solid #eee;

        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;

        column-gap: 0px;
        -moz-column-gap: 0px;
        -webkit-column-gap: 0px;

        column-rule: 1px dashed #eee;
        -moz-column-rule: 1px dashed #eee;
        -webkit-column-rule: 1px dashed #eee;
    }
    #AdvThumb img {width: 20%;}
    .logoutLink {display: none !important;}
}

@media (max-width: 480px) {
    body {zoom:0.9;}
    .top {zoom:0.8;}
    .cube {zoom: 0.8}
    .logo {zoom:0.8}
    .LoggedinContainer {zoom: 0.8;height: 35px;/*overflow: hidden*/}
    .logoutLink {display: none;}
    .userFN {display: none !important;}

    H1, H2, H3 {font-size:small;}

    .icons IMG {display: none;}
    #Menu_Payments {display: none}

    #information_list .tr {display: none}
    .secondProdList h2 {display: none}

    #information_list {display: block;}
    #information_list div {display: block;border:none !important;padding: 0 0;}
    #information_list > div {width:100%;border:1px dashed #ddd !important;}
    #information_list .thumb {height:180px;width: 200px;overflow: hidden;}
    #information_list .thumb img {width: 100%;}
    #information_list .td {display: none;}
    #information_list .td:first-child {display: block;width: 100%;padding: 0 0;}

    #information_list .ShortInfName {display: block;width: 100%;min-width: inherit;padding: 0 5px;font-size: small;}
    #information_list .infoCost {text-align: right;width: 100%;border:1px solid red;font-size: small;font-weight:bold;}
    #information_list .infoCost > div {display: inline-block}
    .advULList {
        border-top:1px solid #eee;

        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;

        column-gap: 0px;
        -moz-column-gap: 0px;
        -webkit-column-gap: 0px;

        column-rule: 1px dashed #eee;
        -moz-column-rule: 1px dashed #eee;
        -webkit-column-rule: 1px dashed #eee;
    }
}
