@media only all and (max-width: 1200px) {

    .wide-only { display: none !important; }
    .short-only { display: inline-block !important; }

    h1, .h1 { font-size: 28px; }
    h1.ttt, .h1.ttt { font-size: 40px; }
    h2, .h2 { font-size: 22px; }
    h3, .h3 { font-size: 19px; }

    .socialLogin li .sq-setter-w { min-width: 60px !important; }
    img { max-width: 100%; height: auto; }

    #header { margin-bottom: 4em; }
    #footer { margin-top: 4em; }

    .ttt-filter ul.big-checkboxes { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }

    .comment .content { padding-left: 225px; }
    .comment.level0 .content { padding-left: 0; }
    .comment.level1 .content { padding-left: 75px; }
    .comment.level2 .content { padding-left: 150px; }

}

@media only all and (max-width: 1100px) {

    .colMain, .colRight { display: block; width: 100% !important; float: none !important; margin-right: 0 !important; margin-left: 0 !important; }
    .colMain + .colRight { margin-top: 40px !important; }
    .colMain .section, .colRight .section { margin-bottom: 40px; }
    .colRight .is_stuck { position: relative !important; top: auto !important; }
    .colRight .is_stuck + div[style]:not([class]) { display: none !important; }
    .spacer { height: 40px !important; }

    .toggleView { display: none !important; }

    /*.person { min-height: 50px; }*/
    /*.person > * { padding-left: 65px; }*/
    /*.person .userpic img { width: 50px; height: 50px; }*/
    /*.person .rating { display: none !important; }*/

    .cols4 > *, .items.flex.cols4 > * { width: 50% !important; }
    .items.cols3 > * { width: 100% !important; }
    .items.cols3 .item { border-right-width: 1px !important; }
    .items.cols4 .item:nth-child(2n) { border-right-width: 1px !important; }
    .items.flex .thumbnail { margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
    .items.flex .thumbnail img { width: auto; max-width: 100%; margin: 0; }

    #footer { position: relative; height: auto; }
    #footer .cols2.flex { display: block !important; }
    #footer .cols2 > * { width: 100% !important; display: block; }
    #footerMenu .menu a { display: inline-block !important; width: auto; margin-right: 10px; }

}

@media only all and (max-width: 1000px) {

    * { min-width: 0px !important; }

    html, body, #all, #page { min-width: 320px !important; }

    .flex.nowrap { -webkit-flex-wrap: wrap !important; -moz-flex-wrap: wrap !important; flex-wrap: wrap !important; }

    .buttons.flex.nowrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; }

    #headerMenu { padding-top: 80px; padding-bottom: 30px; }
    html.overlay #headerLogo { display: block !important; font-size: 36px !important; }
    html.overlay #header .layer { padding-top: 124px; }

    .btn-group-borders .btn+.btn, .btn-borders .btn+.btn-group, .btn-borders .btn-group+.btn, .btn-borders .btn-group+.btn-group { margin-left: 0 !important; }
    .ttt-filter ul.big-checkboxes { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    .tagFilters { width: 100%; }
    .tagFilters .btn, .tagFilters .btn:nth-last-child(2) { text-align: left; width: 100% !important; margin: 0 0 5px 0 !important; border-radius: 5px 5px 5px 5px !important; -moz-border-radius: 5px 5px 5px 5px !important; -webkit-border-radius: 5px 5px 5px 5px !important; text-overflow: ellipsis; overflow: hidden; }
    #cleanFiltersButton .wide-only { display: inline-block !important; }

    /*#userMenu { max-width: none; }*/

    .select .options { min-width: 180px !important; }

    .shadow-big { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 1px solid #e5e5e0; }

    div.overlay div.colRight { display: none; }

    .items.flex .content .more:first-child { position: relative; height: auto; max-height: 15em !important; }
    .items .cycle .thumbnail { margin: 0 0 1.5em 0; float: none; }
    .items .cycle .item .thumbnail img { max-height: 200px; width: auto; }

    /*.colMain .item .thumbnail { float: none !important; display: block; width: 100%; }*/
    /*.statistics .button { font-size: 100%; }*/

    #categories ul li { max-width: 100%; }
    #categories ul li:not(:last-child) { margin-bottom: 1.5em; }

    .full.submit .symbol, .full.submit .fa { display: none !important; }

    #search .flex > .submit { flex: 0 0 200px; -webkit-flex: 0 0 200px; -moz-flex: 0 0 200px; }

    .cc2, .cc3, .cc4 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }

}

@media only all and (max-width: 900px) {

    #pageBody.flex { display: block !important; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; }
    .modal .modal-dialog.flex { display: block !important; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap;  }
    .pageSidebar { display: none !important; }
    .pageMainbar { float: none; width: auto; max-width: none; }
    h1.ttt, .h1.ttt { font-size: 34px; }

}

@media only all and (max-width: 720px) {

    #header .stuck_only { opacity: 1; }
    #pageHeaderButtons .label { display: none; }
    #headerPanel .panel-user .label { display: none; }

    .comment .content { padding-left: 75px !important; }

    #footer .dot { display: inline; }
    #footer br { display: none; }

}

@media only all and (max-width: 600px) {

    .cc2, .cc3, .cc4 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
    .cols2 > *, .cols3 > *, .cols4 > *, .items.flex.cols4 > * { width: 100% !important; }
    .items.cols4 .item { border-right-width: 1px !important; }

    ul.big-checkboxes { -webkit-column-count: 1 !important; -moz-column-count: 1 !important; column-count: 1 !important; }
    ul.big-checkboxes li { width: 100% !important; }

    .statistics.flex { -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; }

    .buttons.merged:not(.flex) > .button { width: 100%; border: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
    .buttons.merged:not(.flex) > .button:not(:last-child) { margin-bottom: 10px; }

    .item .labels .button:not(:only-child):not(:first-child):not(.rating) { border-left: 0 !important; }
}