@media (min-width: 3400px) {
}

@media (min-width: 2500px) {
   .cta img {height: 98%;}
}

@media (max-width: 1680px) {
}

@media (max-width: 1480px) {
   .cta .col-sm-6 > div {padding: 0 5%;}
}

@media (max-width: 1366px) {
}

@media (max-width: 1366px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

}

/* iPad landscape ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
   h1 {font-size: 42px;}
   h2, h4, h5 {font-size: 32px;}
   footer a img {width: 210px;}
}

/* ipad portrait ----------------------------------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
   .hamburger {
      right: 0;
      top: 25px;
   }
   .navbar-nav {text-align: right;}
   h1 {font-size: 30px;}
   h2, h4, h5 {font-size: 32px;}
   footer {padding: 40px 0 20px 0;}
   footer .container {max-width: 100%;}
   footer .col-sm-3 {
      -ms-flex: 0 0 33.3333%;
      flex: 0 0 33.3333%;
      max-width: 33.3333%;
   }
   footer .col-sm-3:last-child {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-top: 20px;
   }
   footer .col-sm-3:last-child br {display: none;}
   footer a + a img {width: 200px;}
}

/* ipad Pro portrait ----------------------------------- */
@media only screen and (min-device-width : 900px) and (max-device-width : 1024px) and (orientation : portrait) {
   .formular .col-sm-6.offset-sm-3 {
      -ms-flex: 0 0 80%;
      flex: 0 0 80%;
      max-width: 80%;
      margin-left: 10%;
   }

}

/* mobile 481px to 812px landscape ----------------------------------- */
@media (min-width: 481px) and (max-width: 812px) and (orientation: landscape) {
   .logo {margin: 15px 0 15px 0;}
   .hamburger {
      right: 0;
      top: 25px;
   }
   .navbar-nav {text-align: right;}
   main {margin-bottom: 0;}
   h1 {
      font-size: 30px;
      margin: 20px 0;
      padding-bottom: 20px;
   }
   h2, h4, h5 {font-size: 32px;}
   .cta, .cta .container-fluid, .cta .container-fluid .row   {height: auto;}
   .cta {font-size: 14px;} 
   .cta a {
      margin: 0 0 20px 0;
      padding: 8px 24px;
   }
   .cta img {
      transform: translate(-50%,-50%);
      height: 110%;
   }
   [data-aos] {opacity: 1 !important;}
   .redsteel .col-md-8.offset-md-2 {
      -ms-flex: 0 0 90%;
      flex: 0 0 90%;
      max-width: 90%;
      margin-left: 5%;
   }
   .formular .col-sm-6.offset-sm-3 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-left: 0;
   }
   footer {
      position: relative;
      bottom: auto;
      left: auto;
   }
   footer .container {max-width: 100%;}
   footer .col-sm-3 {
      -ms-flex: 0 0 33.3333%;
      flex: 0 0 33.3333%;
      max-width: 33.3333%;
   }
   footer .col-sm-3:last-child {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-top: 40px;
   }
   footer .col-sm-3:last-child br {display: none;}
   
}

/* mobile width till 767px ----------------------------------- */
@media (max-width: 767px){
}

@media (min-width: 420px) and (max-width: 667px) {
}

@media(max-width:480px) {
   main {margin-bottom: 0;}
   h1 {
      font-size: 40px;
      margin-top: 80px;
   }
   h2, h4, h5 {font-size: 32px;}
   .logo {margin: 15px 0 15px 0;}
   .cta, .cta .container-fluid, .cta .container-fluid .row   {height: auto;}
   .cta img {
      position: relative;
      top: auto;
      left: auto;
      transform: translate(0,0);
      max-width: 100%;
      height: auto;
      margin-top: 20px;
   }
   footer {
      position: relative;
      bottom: auto;
      left: auto;
   }
   footer a + a img {
      position: relative;
      left: auto;
      bottom: auto;
      margin: 20px 0 60px 0;
   }
}

@media(max-width:320px) {
}



/* tom 2021 ----------------------------------- */