@media (max-width: 1350px)
{
  body.home main div.blog-items:first-child .blog-item img
  {
    max-width: fit-content;
    height: 100%;
    width: 1400px;
    min-width: auto;
  }
}
@media (max-width: 1200px) 
{
  main div.blog-items .global-container .inner.flex
  {
    display: block;
  }
  main p
  {
    padding: 15px;
  }
  body.blog div.blog-items figure
  {
    min-height: 700px;
  }
  body.blog div.blog-items figure img
  {
    max-width: inherit;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  body.blog div.page-header h1
  {
    font-size: 3rem;
  }
  .HomeLastNews ul
  {
    flex-direction: column;
  }
}
@media (max-width: 992px) 
{
  main div.blog-items .global-container.wedding-home-part 
  {
    height: auto;
  }
  body.home main div.blog-items:first-child .blog-item img 
  {
    height: fit-content;
  }
  body.home main div.blog-items:first-child 
  {
    max-height: none;
  }
  body.blog div.com-content-article__body a.button
  {
    height: auto;
  }
  #formule-box 
  {
    display: block;
  }
  div.mod-languages
  {
    flex: 1;
    align-content: center;
  }
div.head-container .mod-menu.nav 
  {
    flex: 3;
    display: inline-block;
  }
  div.head-container ul.nav li
  {
    display: inline-block;
    padding: 0.5em;
  }
  div.site-grid main
  {
    margin-top: 20px;
  }
  header.header.container-header.full-width div.head-container>div:first-child
  {
    flex:0.5;
  }
}
@media (min-width: 680px) 
{
   div#mobile-menu-btn
  {
    display:none;
  }
}
@media (max-width: 680px) 
{
  body.home div.HomeLastNews p
  {
    padding: 5px;
  }
  body.home div.HomeLastNews p a.button
  {
    padding: 1rem;
    margin: 5px;
  }
  body.home main div.blog-items 
  {
    min-height: 60vh;
  }
  main div.com-content-article.item-page div.page-header h1 
  {
    font-size:2rem;
  }
  main div.com-content-article.item-page h2
  {
    font-size:1.7rem;
  }
  #formule-box h3
  {
    font-size: 1.5rem;
  }
  body.blog div.item-content
  {
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
  }
  header.header.container-header.full-width div.head-container>div.grid-child
  {
    flex:1;
  }
  header.header a.brand-logo span.site-description
  {
    font-size:1.2rem;
  }
  div.head-container .mod-menu.nav
  {
    display : flex;
    position: fixed;
    top: -50%;
    left: 10px;
    flex-direction: column;
    width: calc(100% - 20px);
    background: #fff;
    z-index: 50;
    border: 1px solid #000;
    text-align: center;
    transition: top ease .2s;
  }
  div.head-container .mod-menu.nav li::first-child
  {
    border-top: none;
  }
  div.head-container .mod-menu.nav li.nav-item
  {
    padding: 5px;
    width: 100%;
    border-top: solid 1px #000;
  }
  div.head-container .mod-menu.nav li>a
  {
    display: block;
    width: 100%;
    align-content: center;
    height: 5rem;
  }
  div.head-container .mod-menu.nav.visible
  {
    top: 1%;
    transition: top ease .2s;
  }
   div.head-container .mod-menu.nav li
  {
    padding: 20px;
  }
  header.header.container-header.full-width div.head-container>div.grid-child.container-nav
  {
    justify-content: end;
  }
  div.mod-languages 
  {
    flex:0.2;
  }
  footer.footer>div.grid-child>div.mod-custom>.inner
  {
    flex-direction: column;
  }
  footer.footer>div.grid-child>div.mod-custom>.inner ul
  {
    border-left: none;
    border-top: double 4px #fff;
    border-bottom: double 4px #fff;
  }
  footer.footer>div.grid-child>div.mod-custom>.inner ul>li
  {
    padding: 15px;
    text-align: center;
  }
  div#mobile-menu-btn
  {
    cursor:pointer;
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    padding:2px;
    width: 40px;
    height:40px;
  }
  div#mobile-menu-btn>div
  {
    background:#313131;
    border-radius: 2px;
    height: 4px;
  }
  .grid-child.container-nav>div 
  {
    margin-right: 15px;
  }
  #form-box form>div.section
  {
    flex-direction: column;
  }
  body.home main div.blog-items:first-child .blog-item .item-content
  {
    padding: 4rem 1rem;
  }
  main div.blog-items .global-container.wedding-home-part
  {
    min-height: 80vh;
    height: auto;
  }
  #form-box form div.middle 
  {
    max-width: 500px;
    width:auto;
    display: contents;
  }
  #portfolio-box img {
    max-width: 85%;
  }
  div.mod-languages 
  {
    flex: .7;
  }
  div.mod-languages img
  {
    width:24px;
  }
  #form-box div.inputbox label 
  {
    font-size:1.2rem;
  }
  body.blog div.page-header h1 
  {
    font-size: 1.5rem;
  }
  body.blog div.com-content-article__body a.button
  {
    max-width:100%;
  }
}