@media (max-width: 750px)
{
  .home_img {
    height: 80%;
    margin-left: -5%;
    padding: 0;
    align-content: center;
    /* position: relative; */
}

.social {
    display: block;
    text-align: center;
    /* margin-bottom: 75px; */
    /* padding-bottom: 70px; */
    margin-top: -81px;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
}

}


@media (min-width: 200px) and (max-width: 400px)
{
    .home_img {
        height: 96vh;
        margin-left: 3%;
        padding: 0;
        align-content: center;
        /* position: relative; */
    }

.social {
    display: block;
    text-align: center;
    /* margin-bottom: 75px; */
    /* padding-bottom: 70px; */
    margin-top: -81px;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
}

}










@media (min-width: 768px)
{
  #loading_oculto{
z-index:99;
position:fixed;
top:0%;
left:0%;
width:100%;
height: 100%;
background-color:rgb(248, 248, 248);
}
.loader_gif_img {
    margin: auto!important;
    width: 333px!important;
    display: table!important;
    margin-top: 1%!important;
}


}

.swal2-container {
   
    z-index: 9999999999;
}
.navbar-nav {
     display: none; 
}



@media (min-width: 768px){
.modal-dialog {
    width: 1200px;
    margin: 30px auto;
}
}

@media only screen and (min-width: 600px) {

.home_img {
    height: 80%;
    margin-left: 0%;
    padding: 0;
    align-content: center;
    /* position: relative; */
    margin-top: 10%;
}

.campana {
    z-index: 99;
    position: absolute;
    left: 40px;
    top: 40px;
    max-width: 20px;
    margin-top: 36vh;
    margin-left: 39vw;
}
.campana2 {
    z-index: 99;
    position: absolute;
    left: 40px;
    top: 40px;
    max-width: 20px;
    margin-top: 36vh;
    margin-left: 0vw;
}

.float {
    position: absolute;
    margin-top: 32%!important;
    margin-left: 20%;
    width: 49%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

}

@media only screen and (min-width: 400px) {
.home_img {
    height: 96vh;
    margin-left: -9vh;
    padding: 0;
    align-content: center;
    /* position: relative; */
    margin-top: 10%;
}

}

@media (min-width: 1200px) { 

    .home_img {
        height: 95vh;
        margin-left: 10%;
        padding: 0;
        align-content: center;
        /* position: relative; */
        margin-top: 1%;
        width: 28vw;
    }
    .campana {
        z-index: 99;
        position: absolute;
        left: 40px;
        top: 40px;
        max-width: 20px;
        margin-top: 49%;
        margin-left: 87%;
    }


.campana2 {
    z-index: 99;
    position: absolute;
    left: 40px;
    top: 40px;
    max-width: 20px;
    margin-top: 49%;
    margin-left: 0%;
}


.omitir {
    z-index: 99;
    position: absolute;
    left: 40px;
    top: 40px;
    max-width: 117px;
    margin-top: 40%;
    margin-left: 0;
}


.container4{
  display:none;
}


}


.container4{
  display:none;
}


@media (min-width: 750px) and (max-width: 1199px) { 
  

.home_img {
  
    margin-left: -56% !important;
    width: 25%;
    margin-top: -2px;
}





 }




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





}

.social
{
  display:none;
}


@media (min-width: 1024px) { 

  
 .sidenav3 {
   display:none
}

#video1{
 max-height: 96vh;
    width: auto;
    margin-left:7%;
    margin-top:-5%;
}

.float {
    position: absolute;
    margin-top: 100%!important;
    margin-left: 53%;
    width: 49%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


}

.order, .btn-primary {
   
    border-radius: 0px;
   
}

/* Tablets en horizonal y escritorios normales */
   
@media (min-width: 768px) and (max-width: 1199px) {  

#video1{
  max-width:450px;
}

}
 
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 767px) { 

#video1 {
    max-height: 100vh;
    width: auto;
}

 }
 
/* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) { 

#video1 {
    max-height: 96vh;
    width: auto;
    margin-top:-7vh;
}

.omitir {
    z-index: 99;
    position: absolute;
    left: 40px;
    top: 40px;
    max-width: 117px;
    margin-top: 76vh;
    margin-left: -28px;
}



 }

 
 .float {
    max-width: 300px;
    margin-top: 90vh;
}