/**************/
/* RESPONSIVE */
/**************/



/* Mobile (portrait) */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 812px) 
and (orientation : portrait) {

  .onlymobile { display: block !important; }
  .onlydesktop { display: none !important; }  
  .onlymobileflex { display: flex !important; }
  .onlydesktopflex { display: none !important; }
  .tel-link { pointer-events: auto; cursor: pointer; }

    .logo { width: 100%; margin-left: 0; }
    .logoZone { width: 30vw !important; }
    .aDivision { height: auto; }
    #demande-de-soumission {  padding: 1rem 1rem 10rem 1rem; }
    .machine { top: inherit; }
    .map-overlay { padding: 0 2rem 2rem 2rem; width: 100%; position: static; } 
    #apropos { padding: 1rem; }
    .rolloverContent { opacity: 1; height: auto; }
    .realSlide { height: 50vh; }
    .hamburger { padding: 10px 0 15px; margin-right: 1rem !important; }
    .navRightContent { padding: 0 1rem; position: relative; top: .25rem; }
    #wrapper-simple-navbar.withPhoneAddress .phone a { font-size: 1.75rem; }
    .box-slogan { width: auto; font-size: 1rem; }
    h1 span.big { font-size: 4rem; }
    h1 span.big span { letter-spacing: 2px; margin-bottom: 1rem; }
    .paddingFourRem { padding: 0 2rem 2.5rem 2rem !important; }
    .paddingLeftFourRem { padding: 0 1rem !important; }
    .arrowLeft, .arrowRight { display: none !important; visibility: hidden !important; height: 0px; }
    footer * { text-align: center; }
    .copyright * { text-align: center; }
    #wrapper-simple-navbar.withPhoneAddress nav { width: 75%; }
    #wrapper-simple-navbar.withPhoneAddress .menuItem a { font-size: 2rem !important; margin-bottom: 1rem; display: block; }

}



/* Mobile (landscape) */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 812px) 
and (orientation : landscape) {



  
}  






/* Ipad (portrait) */
@media only screen 
  and (device-width: 768px) 
  and (device-height: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

    .onlymobile { display: block !important; }
    .onlydesktop { display: none !important; }  
    .onlymobileflex { display: flex !important; }
    .onlydesktopflex { display: none !important; }
    .tel-link { pointer-events: auto; cursor: pointer; }

    .logo { width: 100%; margin-left: 2rem; }
    .logoZone { width: 20vw !important; }
    .aDivision { height: auto; }
    #demande-de-soumission {  padding: 2rem 2rem 15rem 2rem; }
    .machine { top: inherit; }
    .map-overlay { padding: 2rem; width: 50%; } 
    #apropos { padding: 2rem; }
    .rolloverContent { opacity: 1; height: auto; }
    .realSlide { height: 50vh; }
    .hamburger { padding: 10px 0 15px; }


}



/* Ipad (landscape) */
@media only screen 
  and (device-height: 768px) 
  and (device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

  .logo { width: 100%; margin-left: 2rem; }
  .logoZone { width: 20vw !important; }
  .aDivision {  height: 50vh; }
  .rolloverContent { opacity: 1; height: auto; }

}



/* Ipad Pro (portrait) */
@media only screen and (device-width: 1024px) and (device-height: 1366px)  and (orientation: portrait) {

  .logo { width: 100%; margin-left: 2rem; }
  .logoZone { width: 20vw !important; }
  .aDivision { height: 40vh; }
  #demande-de-soumission {  padding: 2rem 2rem 15rem 2rem; }
  .machine { top: inherit; }
  .map-overlay { padding: 2rem; } 
  #apropos { padding: 2rem; }
  .rolloverContent { opacity: 1; height: auto; }
  .realSlide { height: 50vh; }

}