@media(min-width:992px){
 html[data-url*="/giv/"] .h1style {
      position: relative;
      height: 597px;
  }
  html[data-url*="/giv/"] .h1style  >img.bg{
      position: absolute;
      -webkit-transform: translatex(-50%);
          -ms-transform: translatex(-50%);
              transform: translatex(-50%);
      width: auto;
      left: 50%;
      max-width: none;
  }
}
@media(min-width:992px){
  .givindex{
      position: relative;
      height: 597px;
  }
  .givindex >img.bg{
      position: absolute;
      -webkit-transform: translatex(-50%);
          -ms-transform: translatex(-50%);
              transform: translatex(-50%);
      width: auto;
      left: 50%;
      max-width: none;
  }
  .givindex.content-img-box .content-box .subtitle{
    max-width: 50% !important;
    margin-bottom: 20px;
}
html[data-url*="/giv/"] .h1style.content-img-box .content-box .subtitle{
    max-width: 50% !important; 
    margin-bottom: 20px;
}
}

.grid-box-new .content{
    padding-right: 30px;
    width:100%
}
@media(max-width:991px){
.grid-box-new .content{
    padding-right: 0px;
}
}
@media(max-width:767px){
 
    .grid-box-new [class*="col-"]:first-child >.list-item img{
        box-shadow:none;  
    }
}

html[lang="mn"] .content-box .numbers ul.row{
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 992px){
    html[lang="mn"] .about-timeline .content-box h2{
        top: 50px !important;
    }
}

.all-page .home-content-box h1{
    padding: 0;
}
.all-page .cover-title{
    text-align: left;
}
.footer-wrap{
    text-align: left;
}
@media (min-width:1280px) and (max-width:1650px){
    .all-page .cover-title {width:80% !important;}
}

@media (max-width: 767px){
    .all-page .cover-title{
        width: 100% !important;
    }
    .footer-wrap{
        padding-bottom:80px !important;
    }
}