/*
Theme Name: 
Author: Prosoft Phils
Author URL: http://prosoft-phils.com/
Description: Responsive CSS for Global Partials (Tablet / IPAD)
*/

@media (min-width: 767px) and (max-width: 991px) {
/* MAIN PAGE */
footer .login-menu-dropdown .nav-menu-login {
  margin-left: 50%;
}

/*--------------------------------------------------------------
General Styling
--------------------------------------------------------------*/
  body {
    font-size: 14px;
    line-height: 24px;
  }

  .home-fact,
  .home-calculator,
  .home-puzzle,
  .home-reviews,
  .home-msd {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .about-solve,
  .contact-pg {
    padding-bottom: 70px;
  }

  h1,
  .h1 {
    font-size: 34px;
  }

  /*--------------------------------------------------------------
Video Background
--------------------------------------------------------------*/
  .home-pg-banner video {
    height: 100%;
  }

  /*--------------------------------------------------------------
HEADER v2
--------------------------------------------------------------*/
  /*HEADER MARGIN*/
  header {
    margin-bottom: 140px;
  }

  header.header-home {
    margin-bottom: 0;
  }

  .header-v2 ul.nav-menu,
  .header-v2 .desktop-header-scroll ul.nav-menu {
    margin-top: 17.5px;
  }

  /*--------------------------------------------------------------
 Blog Cards
--------------------------------------------------------------*/
  .blog-card__container {
    justify-content: center;
  }

  .blog-card {
    margin: 16px 0;
    background: var(--white);
    width: 75%;
  }

  /*--------------------------------------------------------------
404 PAGE NOT FOUND
--------------------------------------------------------------*/

  /*--------------------------------------------------------------
Full Width Video iFrame on Modal 
--------------------------------------------------------------*/
  .video-modal-content {
    width: 70%;
  }
  
 
  
} /*END of @media 767px -991px*/

/*--------------------------------------------------------------
CUSTOM IPAD BREAKPOINTS
--------------------------------------------------------------*/
/*IPAD Portrait & Landscape*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
} /*END of IPAD Portrait & Landscape*/

/*IPAD in Landscape*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
} /*END of IPAD in Landscape*/

/*IPAD in Portrait*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
} /*END of IPAD in Portrait*/