@media only screen and (min-width: 981px) {
  .menus-mobile{
    display: none;
  }
  #menu .nav > li > a{
    font-size: 12px;
  }
  .esgallery-albums .album-title{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #gmmsavideo{
    height: calc(100vh - 270px);
  }
}
@media (min-width: 981px) and (max-width: 1299px) {
  #gmmsavideo{
    height: calc(100vh - 200px);
  }
}
@media only screen and (min-width: 1300px) {
  .container {
    max-width: 1200px;
    width: 100%;
  }
  .menus-mobile{
    display: none;
  }
  #menu .nav > li > a{
    font-size: 15px;
  }
  #gmmsavideo{
    height: calc(100vh - 119px);
  }
  #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;
  }
}
@media only screen and (max-width: 980px) {
    .menus-desktop{
        display: none;
    }
    #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;
    }
    #menu .nav > li > a{
      height: auto;
      line-height: 30px;
      padding: 10px 5px;
      margin: 0;
    }
    #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: 99;
    }
    .menus-mobile button i{
      color: #fa0368;
      font-size: 24px;
    }
    .full-width-header header .navbar-nav > li{
      display: block;
    }
}
@media(max-width: 767px){
    #logo{
      margin-top: 15px;
    }
    .full-width-header header .navbar-nav > li {
        display: block;
    }
    .breadcrumb-wrap{
      background-size: cover;
      background-position: center center;
    }
    .breadcrumb{
      padding: 200px 0 100px;
    }
    .breadcrumb > li .watermark{
      font-size: 60px;
    }
    .breadcrumb > li{
      font-size: 30px;
    }
    #gmmsavideo {
      position: relative;
      height: 60vh;
      padding-bottom: 0 !important;
    }
    #company-profile .title, #figures .title, #showcase .heading, #glimpses .title, #venue .heading, #reasons .title{
      font-size: 26px;
    }
    #showcase .heading{
      width: auto;
    }
    #figures ul li span{
      font-size: 20px;
    }
    #showcase .swiper-container{
      padding: 0 15px;
    }
    .swiper-viewport{
      margin-bottom: 30px !important;
    }
    .slideshow-content .content-wrap{
      padding: 175px 0 0;
    }
    .slideshow-content .content-wrap .title-inner .title{
      margin: 0px 0px 50px 0px;
    }
    .slideshow-content .content-wrap .title-inner .title img{
      width: 65% !important;
    }
    #reasons{
      padding-bottom: 30px;
    }
    .readon.btn-text{
      padding: 14px 20px 14px 20px;
      font-size: 14px;
    }
    #reasons .participate-wrap li{
      width: 100%;
    }
    #reasons .participate-wrap li{
      width: 50%;
      float: left;
      text-align: center;
    }
    #reasons .participate-wrap{
      display: flex;
      flex-wrap: wrap;
    }
    #reasons .participate-wrap li{
      width: 50%;
      box-sizing: border-box;
      display: flex;
      margin-bottom: 10px;
    }
    #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;
    }
    #jade_footer .jade_innerwrap{
      padding: 110px 0 10px;
    }
    footer .footer-top{
      padding-top: 150px;
      padding-bottom: 30px;
    }
    footer .flogo{
      margin-bottom: 30px;
    }
    footer .flogo img{
      margin: auto;
    }
}