

@media screen and (max-width: 1360px){
    .site-wrap {
        width:100%;
        float:left;
        padding:0 10px;
        box-sizing:border-box; 
    }
    
  } 
  
  @media screen and (max-width: 1190px){
      .logo {
          width:100px;
          float:left;
      }
      .logo img{
          width:100%;
          float:left;
      }
      .top-white-header {
          padding:10px 0px;
          box-sizing:border-box;
      }
      .middle-top-header {
          gap:10px;
      }
      .middle-top-header .top-header-link {
          font-size:15px;
      }
      .left-bottom-header span {
          font-size:14px;
      }
      .middle-bottom-header .bottom-header-link {
          font-size:14px;
      }
      .small-cats-news {
          flex-wrap:wrap;
      } 
      .small-cat-box {
          width: calc(33% - 4px);
      }
      
  }
  @media screen and (max-width: 1130px){
      .small-cat-box {
        width: calc(33% - 5px);
    }
    .middle-top-header .top-header-link {
        font-size: 13px;
    }
    .middle-bottom-header .bottom-header-link {
        font-size: 13px;
    }
    .middle-bottom-header {
        display: flex;
        gap: 10px;
    }
    .ticket {
        font-size:11px;
    }
    .small-title {
        font-size:15px;
        line-height: 21px;
    }
    .right-container .small-cat-box {
        width: calc(50% - 5px);
    }
    .more-column-container {
        flex-wrap:wrap;
    }
    .column-container {
        width: calc(50% - 7px);
        border: 1px solid #EBEBEB;
    }
    .footer-links {
        gap:10px;
    }
    .footer-links .footer-link {
        font-size:14px;
    }
    .footer-logo {
        width:100px;
    } 
    .footer-logo img {
        width:100%;
    }
    .red-footer-links .r-link {
        font-size:13px;
    } 
    .big-news-title {
        font-size:18px;
    }
  }
  @media screen and (max-width: 990px){
      .mega-menu-info {
          display:flex;
          flex-wrap:wrap;
      }
      .left-menu {
          width:100%;
      } 
      .right-menu {
          width:100%;
      }
      .menu-colums .menu-colum {
          width:50%;
      }
      .top-news {
          flex-wrap:wrap;
      }
      .two-column-news {
          flex-wrap:wrap;
      }
      .one-half-column {
          width:100%;
      }
      .two-column-container {
          flex-wrap:wrap;
      }
      .left-column-container {
          width:100%;
      }
      .right-column-container {
          width:100%;
      }
      .footer-links {
          flex-wrap:wrap;
      }
      .red-footer-links {
          flex-wrap:wrap;
      }
      .middle-top-header {
          display:none;
      }
      .middle-bottom-header {
          display:none;
      } 
  }
  @media screen and (max-width: 820px){
      .slogan {
          font-size:15px;
      }
      .is-listing .top-big-box{
            width: calc(50% - 5px);
      }
      .top-news-box {
            width: calc(50% - 10px);
            float: left;
        }
        .is-mega-menu {
            width:80%;
        }
        .is-mega-menu {
            top:125px;
        }
    
  }
  @media screen and (max-width: 680px){
      .big-small-news {
          flex-wrap:wrap;
      }
      .left-container {
          width:100% !important;
      }
      .right-container {
          width:100% !important;
          float:left;
      }
      .small-cat-box {
        width: calc(50% - 5px);
    }
    .top-view-part {
        flex-wrap:wrap;
        
    }
    .view-title {
        font-size:25px;
        line-height: 28px;
    }
    .is-viweo-wrap {
        padding:0px;
    }
    .is-quote {
        margin:15px 0px;
    }
  }
  @media screen and (max-width: 550px){ 
      .slogan {
          display:none;
      }
      .column-container {
          width:100%;
      }
      .top-big-news  {
            flex-wrap:wrap;
      }
      .top-big-box {
          width:100%;
          float:left;
      }
      .top-news-box {
          width:100%;
      }
      .right-top-header span {
          font-size:11px;
      }
      .logo {
            width: 75px;
            float: left;
      }
      .cat {
          margin:0;
      }       
  }
  @media screen and (max-width: 500px){
      .top-title {
          margin:15px 0px;
          font-size:18px;
      }
      
      .is-listing .top-big-box{
            width: 100%;
      }
         
  }
  
  @media screen and (max-width: 400px){
      .left-bottom-header span {
          font-size:11px;
          
      }
      .logo {
        width: 60px;
        float: left;
    }
  }

