/*====================================================*/
/*====================================================*/
/*====================================================*/
@media screen and (max-width: 1360px) {
   .content .grid-block {
      grid-template-columns: repeat(1, 1fr);
   }

   .content .grid-block .right-block {
      grid-row: 1;
      max-width: 817px;
      justify-self: center;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 15px;
   }

   .content .grid-block .right-block .item {
      margin: 0;
      justify-self: center;
   }

   .content .grid-block .left-block {
      max-width: 817px;
      justify-self: center;
   }

   .stats .grid-block {
      grid-template-columns: repeat(1, 1fr);
   }

   .stats .grid-block .right-block {
      grid-row: 1;
      justify-self: center;
      width: 100%;
      max-width: 515px;
   }

   .stats .grid-block .left-block {
      justify-self: center;
      width: 100%;
      max-width: 515px;
      margin: 0;
   }

   .stats .grid-block .left-block .block-1 {
      grid-template-columns: repeat(1, 1fr);
   }

   .stats .grid-block .left-block .block-2 {
      grid-template-columns: repeat(1, 1fr);
   }

   .stats .grid-block .left-block .block-2 .text {
      display: none;
   }

   .stats .grid-block .left-block .block-2 .send-form {
      width: calc(100% - 88px);
      padding-left: 88px;
   }

   .media .grid-block {
      grid-template-columns: repeat(1, 1fr);
   }

   .media .grid-block .left-block {
      max-width: 815px;
      justify-self: center;
      margin: 0;
   }

   .media .grid-block .right-block {
      max-width: 515px;
      width: 100%;
      justify-self: center;
      margin: 0;
   }

   .media-title {
      max-width: 447px;
   }

   .footer .grid-block {
      grid-template-columns: repeat(2, 1fr);
   }

   .footer .grid-block .logo {
      grid-row: 3;
      grid-column-start: 1;
      grid-column-end: 3;
      justify-self: center;
   }

   .footer .grid-block .list .desc {
      position: absolute;
      display: block;
      z-index: 1;
      width: 300px;
      padding: 10px;
      background: url(../images/bg-2.jpg) no-repeat center;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
   }

   .footer .grid-block .list-1 {
      justify-self: end;
   }

   .footer .grid-block .list-2 {
      justify-self: start;
   }

   .footer .grid-block .vk {
      grid-row: 2;
      grid-column-start: 1;
      grid-column-end: 3;
      justify-self: center;
   }

   .footer .grid-block .list .desc ul li {
      margin: 0;
   }

   .footer .grid-block .list .desc ul li a {
      padding: 12px;
   }

   .footer .grid-block-2 {
      grid-template-columns: repeat(1, 1fr);
   }

   .footer .grid-block-2 .text {
      width: 100%;
      text-align: center;
      justify-self: center;
   }

   .footer .grid-block-2 .coolness {
      justify-self: center;
   }
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
@media screen and (max-width: 1200px) {
   .header .logo a {
      margin-left: 0;
      justify-self: center;
   }
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
@media screen and (max-width: 900px) {
   .content .grid-block .right-block {
      grid-template-columns: repeat(1, 1fr);
      max-width: 517px;
   }

   .content .grid-block .left-block {
      max-width: 517px;
   }

   #pager {
      display: table;
      width: initial;
      margin: 30px auto 0;
   }

   .download .item {
      grid-template-columns: repeat(1, 1fr);
      padding: 10px;
   }

   .download .item .text {
      text-align: center;
   }

   .download .item .link {
      justify-self: center;
   }

   .table-title {
      text-align: center;
   }

   .download .load-text {
      text-align: center;
   }

   .donate-form {
      grid-template-columns: repeat(1, 1fr);
   }

   .donate-form .item:nth-child(3n-2) input,
   .donate-form .item:nth-child(3n-1) input {
      max-width: initial;
   }

   .donate-form .item:nth-child(3n-2) select,
   .donate-form .item:nth-child(3n-1) select {
      max-width: initial;
   }

   .donate-form .desc {
      grid-template-columns: repeat(1, 1fr);
      grid-column: unset;
   }

   .donate-form .desc .nt-1,
   .donate-form .desc .nt-2,
   .donate-form .desc .nt-3,
   .donate-form .desc .nt-4 {
      justify-self: center;
      text-align: center;
   }

   .table-form {
      grid-template-columns: repeat(1, 1fr);
   }

   .table-form .item:nth-child(3n-2) input,
   .table-form .item:nth-child(3n-1) input {
      max-width: initial;
   }

   .table-form .item:nth-child(3n-2) select,
   .table-form .item:nth-child(3n-1) select {
      max-width: initial;
   }

   .table-form .desc {
      grid-template-columns: repeat(1, 1fr);
      grid-column: unset;
   }

   .table-form .desc .nt-1,
   .table-form .desc .nt-2,
   .table-form .desc .nt-3,
   .table-form .desc .nt-4 {
      justify-self: center;
      text-align: center;
   }

   .table-form .item.code input {
      text-align: left;
      width: calc(100% - 122px) !important;
      padding: 0 30px 0 90px;
   }

   .cabinet-form table tbody {
      grid-template-columns: repeat(1, 1fr);
   }

   .cabinet-form table tbody tr:last-child {
      grid-column-start: unset;
      grid-column-end: unset;
   }

   table.supForm tr {
      grid-template-columns: repeat(1, 1fr);
   }

   table.supForm tr:first-child td,
   table.supForm tr:nth-child(7) td,
   table.supForm tr:last-child td {
      grid-column-start: unset;
      grid-column-end: unset;
   }

   table.supForm tr .tdLeft {
      justify-self: left;
      text-align: left;
   }

   .media .grid-block .left-block .slider .slide .grid {
      grid-template-columns: repeat(1, 1fr);
   }

   .media .grid-block .left-block .slider .slide .grid .item {
      max-width: 515px;
      justify-self: center;
   }
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
@media screen and (max-width: 500px) {

   #l2,
   #l2top,
   #l2castle {
      position: relative;
      display: block;
      width: 400px;
      overflow: auto;
      margin: 0 auto;
   }

   #l2 thead,
   #l2 tbody,
   #l2top thead,
   #l2top tbody,
   #l2castle thead,
   #l2castle tbody {
      position: relative;
      display: table;
      min-width: 500px;
   }

   .stats .grid-block .right-block .status .item:before {
      opacity: 0.2;
      width: 100%;
   }

   .stats .grid-block .right-block .status .item .desc {
      padding-left: 0;
      justify-self: center;
      text-align: center;
   }

   .stats .grid-block .left-block .block-2 .send-form input {
      padding: 0 10px;
   }

   .vote-block {
      grid-template-columns: repeat(1, 1fr);
   }

   .vote-block .item {
      max-width: 245px;
      justify-self: center;
   }

   .footer .grid-block {
      grid-template-columns: repeat(1, 1fr);
   }

   .footer .grid-block .vk {
      grid-column: unset;
      grid-row: 3;
   }

   .footer .grid-block .logo {
      grid-column: unset;
      grid-row: 4;
   }

   .footer .grid-block .list-1 {
      justify-self: center;
      grid-row: 1;
   }

   .footer .grid-block .list-2 {
      justify-self: center;
      grid-row: 2;
   }

   .footer .grid-block .list-2 {
      padding-top: 0;
   }

   .footer .grid-block .list .title {
      margin-bottom: 0;
   }
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
@media screen and (max-width: 522px) {
   .modal-dialog .modal__center {
      padding: 10px;
   }

   .modal-dialog .enter__title {
      font-size: 18px;
   }

   .modal-dialog .enter__desc {
      font-size: 13px;
   }

   .modal-dialog .enter__btns .btn_bgc_green {
      font-size: 13px;
      height: 32px;
   }

   .modal-dialog .btn_type_7 {
      width: 100%;
   }

   .modal-dialog .btn_type_7:after {}

   .modal-dialog .gwmclose {
      font-size: 19px;
   }

   .modal-dialog .enter__btn {
      margin: 15px 0;
   }
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
@media screen and (max-width: 400px) {

   #l2,
   #l2top,
   #l2castle {
      width: 320px;
   }

   .stats .grid-block .left-block .block-2:before {
      opacity: 0.2;
      right: 0;
      margin: auto;
   }

   .stats .grid-block .left-block .block-2 .send-form {
      width: calc(100% - 20px);
      padding: 0 10px;
   }
}

/*====================================================*/
/*====================================================*/
/*====================================================*/