@media screen and (max-width: 767px) {
  html body h2 {
    font-size: 16px !important; }

  html body .main-container .main-list {
    padding: 40px 15px !important; }

  .right-timeline-legend .bottom-holder, .right-timeline-legend .top-holder {
    display: none !important; }

  .modal .modal-dialog:not(.custom-width) {
    width: 100% !important;
    margin: 0 !important; }
  .modal .modal-footer button {
    width: 100% !important;
    margin: 0 0 15px 0 !important; }

  body {
    background-repeat: repeat !important; }

  .navbar-collapse .navbar-right {
    height: 100% !important; }
    .navbar-collapse .navbar-right li {
      display: block !important;
      padding: 5px 0;
      height: 100% !important; }
    .navbar-collapse .navbar-right .nav-separator {
      display: none; }
    .navbar-collapse .navbar-right li.header-timer {
      position: absolute !important;
      top: 0 !important;
      right: 5px;
      height: 70px !important; }
    .navbar-collapse .navbar-right .dropdown-menu li.divider {
      display: none !important; } }
@media screen and (max-width: 991px) {
  .container-gyik .panel-group {
    width: 100%; }

  .modal .modal-footer {
    display: block !important; }
    .modal .modal-footer .btn {
      margin: 5px 0 !important;
      width: 100% !important; }

  .cc-window, .cc-floating {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 100% !important; }
    .cc-window > .container, .cc-floating > .container {
      flex-direction: column !important; }
      .cc-window > .container img, .cc-floating > .container img {
        display: none !important; }
      .cc-window > .container .cc-message, .cc-floating > .container .cc-message {
        text-align: center !important; }
      .cc-window > .container .cc-compliance, .cc-floating > .container .cc-compliance {
        width: 100% !important; } }
@media screen and (min-width: 701px) {
  .modal-embed-slim .modal-dialog .nav-tabs {
    display: flex; } }
@media screen and (max-width: 700px) {
  .modal-embed-slim .modal-dialog {
    width: 500px !important; }
    .modal-embed-slim .modal-dialog .nav-tabs {
      width: 487px !important; } }
@media screen and (max-width: 550px) {
  .modal-embed-slim .modal-dialog {
    width: 85% !important; }
  .modal-embed-slim .turn-phone {
    display: flex !important; }
  .modal-embed-slim .modal-embed-first-page {
    display: none !important; }
  .modal-embed-slim .embed-content {
    display: none !important; }

  .modal .competence-block .skill-items-cont .skill-item .language-item .progress {
    width: 70% !important; } }
@media screen and (max-width: 500px) {
  .modal .modal-footer {
    display: block !important;
    padding: 15px 25px !important; }
    .modal .modal-footer .btn {
      margin: 5px 0 !important;
      width: 100% !important; } }
@media screen and (max-width: 400px) {
  .carousel-block {
    padding: 0 15px !important; }
    .carousel-block .owl-carousel .owl-nav {
      top: 345px; }
      .carousel-block .owl-carousel .owl-nav .owl-next {
        right: 50px !important; }
      .carousel-block .owl-carousel .owl-nav .owl-prev {
        left: 50px !important; }
    .carousel-block .owl-carousel .highlighted-project-card {
      margin: 25px 25px 80px 25px !important; }

  .modal-highlighted-type-select .modal-body {
    display: block !important; }
    .modal-highlighted-type-select .modal-body .highlight-type-option {
      width: 50% !important;
      float: left;
      margin-bottom: 35px !important; }

  .modal .competence-block .skill-items-cont .skill-item .language-item .progress {
    width: 60% !important; } }