#modal-1 .modal-inner iframe, #modal-2 .modal-inner iframe{
  /*overflow: hidden;*/
  height: -webkit-fill-available !important;
  width: -webkit-fill-available !important;
  width: 100%;
  height: 100%;
  border: none;
}

#modal-1.modal, #modal-2.modal {
  height: 85% !important;
}

/*.ios_modal {
  height: 98% !important;
  top: 25px !important;
}
*/


.btn-centered{
  display: table !important;
  margin-right: auto!important;
  margin-left: auto!important;
}

.anchor-inner ul li:last-child{
  padding-right: 0px !important;
}

.nav-bar .nav-inner{
  padding-bottom: 25px !important;
}

.device-apple{
    margin-right: 20px !important;
}

#modal-1 .modal-inner, #modal-2 .modal-inner {
  max-height: -webkit-fill-available !important;
  max-height: 100%;
  height: 100%;
  overflow-y: hidden !important;
}

.bg-light-blue {
  background-color: #e3f4ff !important;
}

#demo-iframe{
  border: none !important;
  width: 600px;
  height: 700px;
}

#demo-iframe2 {
  border: none !important;
  max-width: 100% !important;
}


@media (max-width: 320px){
   .device-apple{
      margin-right: 0 !important;
    }
}

@media (max-width: 639px){

  #demo-iframe{
    width: 100% !important;
    height: 850px;
  }

  .modal .modal-inner{
    /*margin: 0px;
    padding: 0px;  */
  }

  .btn-centered{
    display: block !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .grid-wpr.dividers>[class*=grid-]:after {
    margin: 30px 0;
  }

  .modal-1_open, .modal-2_open{
    text-align: center !important;
  }

}

@media (min-width:767px) and (max-width: 900px){
    .ios_modal {
      height: 94% !important;
      top: 25px !important;
    }

    .android_modal{
      height: 94% !important;
      top: 12px;
    }
}

@media (max-width: 1200px) and (min-width: 640px){
  .device-apple{
    margin-right: 0 !important;
  }


  #demo-iframe{
    width: 100% !important;
  }
/*
  .col-11{
    width: 83.3333%;
  }*/
}

@media (max-width: 900px) and (orientation: landscape) {
  .modal.frameless, .modal.video {
      width: 80%;
  }
  .modal.frameless .close, .modal.video .close {
      top: 20px;
      right: -20px;
  }
}


.landscape-only {
  display: none !important;
}

.no-landscape {
}

.auto-marg{
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media (max-width:800px) and (orientation: landscape) {
  .landscape-only {
    display:block !important;
  }

  .no-landscape {
    display: none !important;
  }
}