@media(min-width: 981px){
  .menus-mobile{
    display: none;
  }
  #menu .nav > li > a{
    font-size: 13px;
    margin-right: 15px;
  }

}
@media only screen and (min-width: 1300px) {
  .container {
    max-width: 1200px;
    width: 100%;
  } 
  #figures .title {
    word-spacing: 100px;
  }
  #figures .title p{
    word-spacing: normal;
  }
  #reasons .participate-wrap{
    display: flex;
  }
  #reasons .participate-wrap li{
    float: left;
    width: 20%;
    text-align: center;
    display: flex;
  }
  #menu .nav > li > a{
    font-size: 15px;
    margin-right: 25px;
  }
}
@media(max-width: 980px){
    #logo{
      margin-top: 15px;
    }
    .menus-desktop{
        display: none;
    }
    .full-width-header{
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #1a0d86;
    }
    .full-width-header header{
      width: 90%;
    }
    .menu-wrap{
      margin-right: 15px;
    }
    .navbar-nav > li{
      float: none;
    }
    .full-width-header header .navbar-nav > li {
        display: block;
    }
    #menu{
      background: linear-gradient(80deg, #1a0b8c 40%, #fa50cb 120%);
      border: none;
      width: 300px;
      height: 100%;
      display: block;
      position: fixed;
      right: -100%;
      top: 0;
      transition: right 0.3s linear;
      padding: 46px 25px 50px 30px;
      z-index: 999;
    }
    #menu .nav > li > a{
      height: auto;
      line-height: 30px;
      padding: 10px 5px;
      margin: 0;
      color: #fff;
    }
    #menu.visible{
      right:0px;
      transition:right 0.3s linear;
    }
    #menu .navbar-nav{
      margin: 0;
    }
    .menus-mobile button{
      background: none;
      border: none;
      padding: 0;
      line-height: 0;
      position: relative;
      z-index: 9999;
    }
    .menus-mobile button i{
      color: #fa0368;
      font-size: 24px;
    }
    .breadcrumb-wrap{
      background-size: cover;
      background-position: center center;
      margin-bottom: 15px;
    }
    .breadcrumb{
      padding: 100px 0 100px;
    }
    .breadcrumb > li .watermark{
      font-size: 60px;
    }
    .breadcrumb > li{
      font-size: 30px;
    }
    #company-profile .about-us{
      padding: 0;
    }
    #company-profile .title{
      font-size: 26px;
    }
    #showcase .heading{
      width: auto;
    }
    #figures ul li span{
      font-size: 26px;
    }
    #showcase .swiper-container{
      padding: 0 15px;
    }
    .swiper-viewport{
      margin-bottom: 30px !important;
    }
    #company-profile .btn-part{
      margin-bottom: 15px;
    }
    #glimpses{
      padding-top: 30px;
      padding-bottom: 30px;
    }
    #glimpses .title{
      margin-bottom: 30px;
    }
    .esgallery-albums .stack{
      margin-right: 0;
    }
    #venue{
      margin-top: 30px;
    }
    #reasons .participate-wrap li:last-child{
      display: none;
    }
    #newsletter .middle .content-wrap h3{
      font-size: 21px;
    }
    #newsletter .middle{
      padding: 25px 25px;
    }
    #newsletter .middle .content-wrap .icon i{
      font-size: 50px;
    }
    #newsletter .middle .newsletter-form input[type="email"]{
      padding-right: 75px;
    }
    #newsletter .middle .newsletter-form{
      margin-top: 15px;
    }
    #venue iframe{
      height: 300px;
    }
    .media-images .gallery-item img{
      scale: 3;
    }
    .contact-form{
      margin: 50px 0;
    }
    footer .footer-top{
      padding-top: 50px;
      padding-bottom: 30px;
    }
    footer .flogo{
      margin-bottom: 30px;
    }
    footer .flogo img{
      margin: auto;
    }
}