/* Сетка 1200px
================================================== */

    html { height:100%; }
    body  { margin:0px; height:100%; width:100%; }
    .main-content {width: auto; min-height:100%; }

    .wrapper { width: 100%; }

    .container                                 { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
    .container .topic-item,
    .container .sidebar,
    .container .main-content,
    .container .col                            { float: left; display: inline; margin-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .row                                       { margin-bottom: 20px; }


    .container .topic-item                        { width: 228px;  }
    .container .topic-item.tm-1                   { width: 173px; margin-right: 14px; }

    .container .col                           { margin-right: inherit; }
    /* 1/3 сетки */
    .container .sidebar                      { width: 226px; margin-right: 0; margin-left: 17px; }
    /* 2/3 сетки */
    .container .main-content                     { width: 957px; margin-right: 0; margin-bottom: 60px; }

    .main-container.no-sidebar .main-content {  width: 1200px;}
    .main-container.left-sidebar .main-content { float: right; }
    .main-container.left-sidebar .sidebar {  margin-left: 0px; margin-right: 17px; }

    .main-container.left-sidebar .main-content .main-menu .col-2 { width: 751px; }

    .main-container.left-sidebar .topic-list { width: 980px; }
    .main-container.right-sidebar .topic-list { width: 980px; }

    .coupon-list { width: 1000px; }
    .coupon-list > li { margin: 15px 10px 10px 10px; }
    .fairing { width:1005px; }


/* ПК, если надо 960px
================================================== */

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

    .container                                 { width: 960px; }

    .coupon-list { width:720px; }
    .coupon-list > li { margin: 15px 0px 0px 10px; }
    .fairing { width: 720px; }

    /* Сетка */
    .container .topic-item                        {  }

    .container .topic-item.tm-1                   { width: 158px; }
    .container .topic-item.tm-1:nth-child(5)      { display: none; }

    /* 1/3 сетки */
    .container .sidebar                      { }

    /* 2/3 сетки */
    .container .main-content                     {  width: 714px; }

    .main-container.no-sidebar .main-content {  width: 960px;}

    .main-container.left-sidebar .main-content .main-menu .col-2 { width: 508px; }

    .main-container.left-sidebar .topic-list { width: 740px; }
    .main-container.right-sidebar .topic-list { width: 740px; }

    }

/* Планшеты (Портретое - вертикальное) для дисплеев от 959px до 768px
================================================== */

    @media only screen and (max-width: 959px) {
        .container                             { width: 715px; }

        .container .topic-item                 { }
        .container .topic-item.tm-1                   { width: 158px; }
        .container .topic-item.tm-1:nth-child(5)      { display: none; }

        .container .sidebar                  { width: 100%; margin: 0 }
        .container .sidebar .block { width: 201px; float: left; margin-right: 15px; }
        .container .sidebar .block.type-profile-info { width: 229px; }

        .container .main-content                 { width: 714px; overflow: hidden; }

        .main-container .topic-list { width: 104%; }

        .main-container.no-sidebar .main-content {  width: 714px;}

        .main-container.left-sidebar .topic-list { width: 730px; }
        .main-container.right-sidebar .topic-list { width: 730px; }

    }


/*  Смартфоны (Портретое - вертикальное) для дисплеев 767px
================================================== */

    @media only screen and (max-width: 767px) {
        /* .container { width: 100%; margin: 0; }

        .container .topic-item,
        .container .main-content  { width: 100%; }
        .main-container .topic-list  { width: 100%; }

        .container .topic-item { margin-right: 0; } */
    }

/* Смартфоны (Альбомное - горизонтальное) для дисплеев от 767px до 480px
================================================== */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

    }

/* Смартфоны (Альбомное - горизонтальное) для дисплеев до 480px
================================================== */

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

        .container                             { width: 98%; margin-right: 1%; margin-left: 1%; }

        .container .topic-item                 { width: 100%; }
        .container .topic-item.tm-1                   { width: 100%; }

        .container .sidebar                  { width: 100%; margin: 0 }
        .container .sidebar .block {
            width: 100%;
            float: left;
            margin-right: 0;
            -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
        }
        .container .sidebar .block.type-profile-info { width: 100%; }

        .container .main-content                 { width: 100%; }

        .main-container .topic-list { width: 100%; }
        .topic-list .topic-item { margin-right: 0; }

        .main-container.no-sidebar .main-content {  width: 100%;}

        .main-container.left-sidebar .topic-list { width: 100%; }
        .main-container.right-sidebar .topic-list { width: 100%; }

    }