@media screen and (max-width: 992px) {

/* BUYBOX */

  /* STEP 1 - HOLDBOX*/
  section#step-1 #htmlmap img,
  section#step-1 #htmlmap canvas{

  }
  section#step-1 #buy_list div.menuChoice strong{
    margin-right: 2.5px;
  }


/* GENERAL*/

  /* LOGIN */
  .login-md{
    box-shadow: 0 2.5px 5px #CCC !important;
    padding: 25px 15px 15px 15px !important;
  }

}


@media screen and (max-width: 767px) {

  /* GENERAL */

    /* NAVBAR MENU */
    header div#navbar-menu p,
    header div#navbar-menu a,
    header div#navbar-menu i{
      font-size: 1em !important;
    }
    header div#navbar-menu nav a:first-child{
      padding-left: 5px;
    }
    header div#navbar-menu nav{
      padding-top: 10px;
      padding-bottom: 5px;
    }

    #ticket_protegido input {
        margin-top: 15px;
        margin-right: -15px;
    }
    #ticket_protegido > div.bg-white.col-xs-10 {
      padding: 8px 20px !important;
    }
    #ticket_protegido > div.bg-white.col-xs-10 span {
      margin-top: 5px;
    }
    #ticket_protegido > div.bg-white.col-xs-10 span img {
      max-height: 25px;
      width: auto;
    }
    /* FORMULARIOS */
    form input{
        margin-top: 5px;
    }
    #next {
        margin-bottom: 7px;
    }
    .logout-btn{
      padding: 15px 0 0 0 !important;
    }


    /* The switch - the box around the slider */
    .switch {
      position: relative;
      display: inline-block;
      width: 50px;
      height: 30px;
      margin-bottom: 2px;
    }

    /* Hide default HTML checkbox */
    .switch input {
      opacity: 0;
      width: 0;
      height: 0;
    }

    /* The slider */
    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
    }

    .slider:before {
      position: absolute;
      content: "";
      height: 22px;
      width: 22px;
      left: 1px;
      bottom: 2px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
    }

    input:checked + .slider {
      background-color: #2196F3;
    }

    input:focus + .slider {
      box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
    }

    /* Rounded sliders */
    .slider.round {
      border-radius: 14px !important;
    }

    .slider.round:before {
      border-radius: 50%;
    }


    /* MODAL */
    .modal-body {
        background: #F3F3F3 !important;
        padding: 15px !important;
        z-index: 3;
    }



  /* BUYBOX*/

    body.body-purchase{
      padding-bottom: 110px;
    }

    /* CLOCK */
    article#purchase_clock_wrapper{
      position: fixed;
      top: auto;
      bottom: 104px;
      left: 0;
      right: 0;
      width: 100%;
      padding: 2.5px 7.5px;
      z-index: 999;
      background: white;
    }

    /* NAVIGATION */
    .menu-websource{
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
    }
    .menu-websource li{
      width: 100%;
    }
    .menu-websource li a{
      padding: 15px 0;
      width: 100%;
      text-align: center;
    }

    /* SUMMARY */
    #summary-mobile{
      position: fixed;
      bottom: 0;
      background-color: rgba(150,150,150, .70) !important;
      z-index:1042;
    }
    #insurance_text{
    }
    #summary-title,
    #next{
      margin: 0 !important;
    }
    #summary-title{
      background: rgba(127, 151, 160, 0.53) !important;
      font-size: 1em;
    }
    .col-xs-10.no-padding.margin-bottom.border-blue-vertical.no-border-xs{
      margin:0 !important
    }

    #seating-map-mobile .modal-body img {
      max-width: 100%;
      height: auto;
      display: block;
    }

    #cc-container .padding-right {
      padding-right: 12px;
    }
    #ccform #cvcfield {
      padding-left: 0;
    }
    #ccform .row .col-xs-5 {
      padding-right: 0;
    }

    .m-xs-0,
    .mt-xs-0,
    .my-xs-0 {
      margin-top: 0 !important;
    }
    .m-xs-0,
    .mb-xs-0,
    .my-xs-0 {
      margin-bottom: 0 !important;
    }
    .m-xs-0,
    .ml-xs-0,
    .mx-xs-0 {
      margin-left: 0 !important;
    }
    .m-xs-0,
    .mr-xs-0,
    .mx-xs-0 {
      margin-right: 0 !important;
    }
    .p-xs-0,
    .pt-xs-0,
    .py-xs-0 {
      padding-top: 0 !important;
    }
    .p-xs-0,
    .pb-xs-0,
    .py-xs-0 {
      padding-bottom: 0 !important;
    }
    .p-xs-0,
    .pl-xs-0,
    .px-xs-0 {
      padding-left: 0 !important;
    }
    .p-xs-0,
    .pr-xs-0,
    .px-xs-0 {
      padding-right: 0 !important;
    }
    .padding-vertical {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
  }
}