/*-----------------------------------
    Small devices (landscape phones, 576px and up)
------------------------------------*/
@media (min-width: 576px) {
  .top-header {
    padding: 25px 0 15px;
  }
  .hero .slide-content {
    min-height: 700px;
  }
  .hero .slide-content h1 {
    margin-top: 100px;
  }
  .recent-posts .row .col-lg-6:nth-of-type(odd) .post-thumb {
    margin-top: 0;
    margin-left: 25px;
  }
  .recent-posts .row .col-lg-6:nth-of-type(even) .post-thumb {
    margin-bottom: 0;
    margin-right: 25px;
  }
  
  .text-lg-left {
    text-align: left !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
}

/*-----------------------------------
    Medium devices (tablets, 768px and up)
------------------------------------*/
@media (min-width: 768px) {

  .text-lg-left {
    text-align: left !important;
  }
  .d-lg-flex {
    display: flex !important;
  }

}

/*-----------------------------------
    Large devices (desktops, 992px and up)
------------------------------------*/
@media (min-width: 992px) {
  .title h1 {
    font-size: 48px;
  }
  .text-lg-left {
    text-align: left !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  

}

/*-----------------------------------
    Extra large devices (large desktops, 1200px and up)
------------------------------------*/
@media (min-width: 1200px) {
  .title h1 {
    font-size: 58px;
  }
  .content .title {
    padding-top: 70px;
  }
  .content ul {
    padding-bottom: 30px;
  }
  .content .gallery {
    height: 100%;
    padding: 75px 0;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

}