/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 09-Aug-2021, 12:51:53
    Author     : GuardianLink
*/
/* Common Style for Tablet Protrait Screens */

@media screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
  .mainWrapper {
    font-size: 94.9%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1124px) and (orientation: landscape) {
  .mainWrapper {
    font-size: 98.9%;
  }
}

@media screen and (min-width: 1125px) and (max-width: 1224px) and (orientation: landscape) {
  .mainWrapper {
    font-size: 105.9%;
  }
}

@media screen and (min-width: 1225px) and (max-width: 1366px) and (orientation: landscape) {
  .mainWrapper {
    font-size: 123.9%;
  }
}
@media screen and (min-width: 481px) and (max-width: 1366px) and (orientation: landscape) {
  .mainWrapper {
    width: 100%;
    min-width: 1024px;
    max-width: 1366px;
    height: auto;
  }

  .slide {
    width: 100%;
    min-width: 1024px;
    max-width: 1366px;
    /*        flex-direction: column;*/
  }
  #ab_7 .textBlock input[type="submit"] {
    right: 1%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 900px) and (max-height: 700px) and (orientation: landscape) {
  #mainWrapper,
  #slideWrapper,
  .slide {
    display: none !important;
  }
  body div,
  section,
  h1,
  h2,
  p,
  a {
    display: none !important;
  }
  body {
    background-image: url("https://d3srufrmuwwn4m.cloudfront.net/media/bg/mobile_landscape.jpg");
    min-height: 100vh;
    width: 100vw;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: absolute;
    z-index: 999999;
    top: 0;
    left: 0;
  }
}