html {
        background-color: transparent;
        overflow-x:hidden;
        
    }

    body {
        font-family: 'Hurme_Regular' !important;
        font-size: 14px;
        line-height: 1.42857143;
        color: #333;
        background-color: #EDE7DA !important;
        overflow-x:hidden;
        
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Signal';
    }


header .row{
  left: 0;
    top: 0px;
    z-index: 99999;
    margin: 0 auto;
    text-align: center;
    position: fixed;
}

    .responsivo {
        display: none !important;
    }

    .noresponsivo {
        display: block !important;
    }

    .nopadding {
        padding: 0;
    }

    .azul {
        color: #73e8e1;
    }


        .container-fluid {
            padding: 0;
          
        }
        

.toptoheader{
top:150px !important;
}


    #molcajete {
        margin-left: 2%;
        margin-top: -4%;
    }

    .cafe {
        color: #EDE7DA !important;
    }

    .morado {
        color: #a301e9;
        padding-left: 2%;
        margin: 1%;
        font-size: 18px;
    }
.page-id-2563 .morado{
    color: #fff !important;
}

    .rosa {
        color: #ec239f !important;
    }

    ::placeholder {
        color: #000;
        font-weight: bold;
    }

    .blanco {
        color: #fff !important;
    }

    .fondo-rosa {
        background-color: #a301e9 !important;
        margin: 2%;
    }

    .fondo-rosa p {
        color: #fff;
    }

    .relative {
        position: relative;
    }

    .subrayado {
        text-decoration: underline;
    }

 #seccion3 h1,
    .stainy {
        font-family: 'Stainy' !important;
    }




    .header-order {
        margin-top: 90px;
        color: white;
    }

    .food {
        padding-top: 0%;
    }

    #our-quality {
        padding-bottom: 0;
    }

    .food h1 {
        padding: 36px 60px;
        text-align: center;
    }

    #pig-pink {
        width: 200px;
        height: auto;
        padding-top: 21%;
        margin-left: -47px;
        -webkit-transform: rotate(13deg);
        -moz-transform: rotate(13deg);
        -ms-transform: rotate(13deg);
        -o-transform: rotate(13deg);
    }

    #deliver {
        margin-top: -250px;
        margin-left: 150px;
    }


   #navbar-collapse-1 ul li a{
   color:#fff !important;
   }


    #nanna-app {
        background-image: url(../img/fondo-app.html);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #C9F3EF;
    }

div.wpcf7-mail-sent-ok,
.wpcf7-mail-sent-ok{
    color:#398f14 !important;
    font-size: 18px;
}
 #seccion3 h1{
 color: #fff;
        font-size: 5em;}
 
  #seccion3 a{
  color:#000;
  }
  
  
  #secction a: hover{
  text-decoration:underline;
  }

    .titulo {
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        color: #fff;
        font-size: 11em;
        width: 330px;
        height: 225px;
        display: block;
        /* Safari */
        -webkit-transform: rotate(-5deg);
        /* Firefox */
        -moz-transform: rotate(-5deg);
        /* IE */
        -ms-transform: rotate(-5deg);
        /* Opera */
        -o-transform: rotate(-5deg);
    }

    .titulo-follow {
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        color: #fff;
        font-size: 7em;
        width: 330px;
        height: 142px;
        display: block;
        z-index: 100;
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
    }

    .titulo-habia {
        margin: auto;
        top: 179px;
        /* bottom: 0; */
        left: 160px;
        right: 0;
        position: absolute;
        color: #000;
        font-size: 4em;
        width: 330px;
        height: 55px;
        display: block;
        z-index: 100;
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
    }

    .titulo-social-commitment {
        margin: auto;
        top: 6%;
        /* bottom: 0; */
        left: 11%;
        /* right: 0; */
        position: absolute;
        color: #a122e5;
        font-size: 4.4em;
        width: 330px;
        height: 115px;
        display: block;
        z-index: 100;
        line-height: .9em;
        -webkit-transform: rotate(-13deg);
        -moz-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
        -o-transform: rotate(-13deg);
    }
/*get a free burrito*/

.left-text2563 .aboutus-texto{
    
    margin-top: 50px;
}


    .titulo-app1 {
        margin: auto;
        top: 5%;
        /* bottom: 0; */
        left: 8%;
        /* right: 0; */
        position: absolute;
        color: #a122e5;
        font-size: 6.3em;
        height: 115px;
        display: block;
        z-index: 100;
        line-height: .9em;
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
        -o-transform: rotate(-13deg);
    }

    .titulo-app2 {
        margin: auto;
        top: 15%;
        /* bottom: 0; */
        left: 8%;
        /* right: 0; */
        position: absolute;
        color: #a122e5;
        font-size: 6.3em;
        height: 115px;
        display: block;
        z-index: 100;
        line-height: .9em;
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
        -o-transform: rotate(-13deg);
        width:100%;
    }

    .subtitulo {
        margin: auto;
        top: 172px;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        color: #fff;
        font-size: 1.2em;
        width: 159px;
        height: 16px;
        display: block;
        font-family: 'Hurme_Regular' !important;
    }
    /* HEADER */

    .navbar-brand {
        height: 50px;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px;
        display: block;
        margin: 0 auto;
        width: 275px;
        float: none;
        position: absolute;
        left: 0;
        right: 0;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
    }

    .logo {
        display: block;
        margin: 2px auto;
        width: 189px;
        float: none;
    }

    .full-screen {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .carousel {
        height: 100vh;
        padding: 0;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px;
        background-image: url("../img/arrow-right.html");
        background-repeat: no-repeat;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        background-image: url("../img/arrow-left.html");
        background-repeat: no-repeat;
    }

    .glyphicon-chevron-left:before {
        content: none;
    }

    .glyphicon-chevron-right:before {
        content: none;
    }

    .carousel-indicators {
        display: none;
    }

    .carousel-control.right,
    .carousel-control.left {
        background-image: none;
    }

    .navbar-default {
        margin-top: 40px;
        background-color: transparent;
        border: none;
    }

    .navbar-default .navbar-brand {
        color: #777;
        background-color: transparent;
        width: 275px;
    }

    .navbar-default .navbar-brand:focus,
    .navbar-default .navbar-brand:hover {
        background-color: transparent;
    }

    .navbar-default .navbar-nav>li>a {
        color: #EDE7DA;
        text-transform: uppercase;
        font-size: 10px;
        font-family: 'Signal';
        padding: 5px 14px;
        margin-top: 3px;
    }



    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        color: #ed249f;
        cursor: pointer;
    }

    @media (max-width: 1159px) {
        .navbar-default .navbar-nav>li>a {
            color: #EDE7DA;
            text-transform: uppercase;
            font-size: 10px !important;
            font-family: 'Signal';
        }
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
        background-color: black;
        padding: 0 3px;
        margin-right: 3%;
    }

    .navbar-right li {
        float: left !important;
    }

    .navbar-left {
        float: left !important;
        background-color: black;
        padding: 0 15px;
        margin-left: 2%;
        width: 34%;
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }

    .navbar-left li {
        float: right !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
        background-color: black;
        padding: 0 3px;
        margin-right: 7%;
    }

    .navbar-right>li>a {
        font-size: 18px;
    }
    /* SECCION 1 */

    #seccion1 {
   
        height: auto;
        position: relative;
    }

    #seccion-order {
        height: auto;
        position: relative;
        padding: 50px 30px;
    }

    .seccion-item {
        width: 100%;
    }
	#seccion1 .item-left img :hover{
	 -webkit-transform:perspective(1px) translateZ(0);
	 transform:perspective(1px) translateZ(0);
	}
	
    #seccion1 .item-left {
        background-color: #73e9e1;
    }

    #seccion1 .item-left img {
        width: 400px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    #seccion1 .item-right {
        background-image: url('../img/foto-menu.html');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    #seccion5 {
        background-color: #ed249f;
    }

    .hechomexico {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 150px;
    }

    .contenedor {
        padding: 0;
        height: 600px;
    }
    /* SECCION 2 */

    #seccion2 {
        position: relative;
    }

    #seccion2 .item-left {
        background-image: url('../img/comida.html');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    #seccion2 .item-right {
        background-color: #2a2928;
    }

    .followus {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 242px auto;
        width: 250px;
        z-index: 15;
    }

    .suscripcion-box {
        padding: 15px 0;
       /* margin: 30px auto;*/
        display: block;
        width: 400px;
        height: auto;
    }

    .nanna {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 91px auto;
        width: 450px;
        z-index: 14;
        max-width: 80%;
        height: auto;
    }

    .contenedor-social {
        width: 200px;
        margin: 223px auto;
        /* top: 0; */
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        height: 38px;
        z-index: 160;
    }

    @media (min-width: 1024px) {
        .logo {
            display: block !important;
            margin: -9px auto;
            width: 151px;
            float: none;
            margin-left: 22%;
        }
        .navbar-right {
            float: right!important;
            margin-right: -15px;
            background-color: black;
            padding: 0 15px;
            margin-right: 3%;
            width: 35%;
        }
        .navbar-left {
            float: left!important;
            background-color: black;
            padding: 0 1px;
            margin-left: 3%;
            width: 37%;
        }
    }



    @media (min-width: 1280px) {
        .navbar-default .navbar-nav>li>a {
            color: #EDE7DA;
            text-transform: uppercase;
            font-size: 13px !important;
            font-family: 'Signal';
        }
        .navbar-right {
            float: right!important;
            margin-right: -15px;
            background-color: black;
            padding: 0 30px;
            margin-right: 5%;
            width: 32%;
            max-width: 554px;
        }
        .navbar-left {
            float: left!important;
            background-color: black;
            padding: 0 27px;
            margin-left: 5%;
            width: 36%;
            max-width: 618px;
        }
        .logo {
            margin: -28px auto;
            width: 202px;
            float: none;
            margin-left: 21%;
        }
        .navbar-default .navbar-nav>li>a {
            font-size: 13px;
            padding: 5px 8px;
            margin-top: 3px;
        }
    }
    .wpcf7-checkbox,
    input[type="checkbox"] {
    width: 20px !important ;
    -webkit-appearance: checkbox !important;
    margin:0;
    display:block;
 
line-height: normal;
height:20px !important;
overflow:visible !important;
}


    #order_form input {
        margin: 13px auto;
    }

    #order_form {
        margin-bottom: 30px;
    }

    #order_form label {
        font-size: 15px;
        color: #000;
    }

    #order {
        background-color: #a301e9 !important
    }

    .data-order div {
        padding-left: 0 !important;
    }

    #order input {
        border-radius: 0 !important;
    }

    #catering-call {
        font-size: 15px;
        padding-left: 0;
    }




.col-md-6{
text-align:left;
height:100%;
}


    #catering-text {
        font-size: 15px;
        padding-top: 5%;
        text-align:left;
        color:#fff;
    }
 .wpcf7-checkbox,
    .suscripcion-box,
   div.wpcf7 .screen-reader-response{
    color: #fff !important;
    }
    
    .wpcf7-number{
    max-width:50px;
    padding: 10px;
margin: 5px auto;
display: block;
    }
    .your-attendees .wpcf7-number{
   
    max-width:100%;
    }
    
    
    .checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    text-align: left;

}

.wpcf7-form-control-wrap,
.span_number{
display:inline-block;
vertical-align:middle;

}


.span_number{

color:#fff !important;
margin-left:20px
}


#order .checkbvox{
margin-top:0 !important;
margin-bottom:0 !important;
}


.label_title{
float:left;
}

    #formulario input {
        margin: 5%;
    }

    #formulario ::placeholder {
        color: #000;
    }

    #order .contenedor {
        padding: 0;
        height: auto;
    }

    #order_form .checkbox input {
        margin: 0 10px 0 -20px;
        padding: 6px;
        width: 65px;
    }

    #order_form .checkbox label {
        display: -webkit-inline-box;
        color: #fff;
    }

    #formulario {
        padding-left: 95px;
        background-image: url("../img/stamp.html");
        z-index: 9999;
        background-repeat: no-repeat;
    }

    #formulario button {
        background-color: #ec239f;
        color: #fff;
        width: 135px;
        border: none;
        margin-left: 130px;
        font-size: 20px;
    }

    #formulario label {
        color: #000;
        font-size: 15px;
    }

    .item-social {
        float: left;
        width: 35px;
        margin: 0 5px;
    }

    #seccion3 .item-left {
        background-color: #ed249f;
    }

    #seccion3 .item-right {
        background-color: #EDE7DA;
    }

    #corporative {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 450px;
    }

    #van {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 310px 30px 0 auto;
        width: 498px;
        z-index: 15;
        max-width: 80%;
        height: auto;
    }

    .texto-catering {
        position: absolute;
        margin: 100px 0 0 100px;
        width: 400px;
        font-size: 19px;
    }
	
	.aleft,
    #retrato {
        position: absolute;
        width: 200px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    #habiaunavez {
        position: absolute;
        width: 350px;
        margin: 200px auto 0 35%;
        left: 0;
        right: 0;
    }

    .texto-habiaunavez {
        position: absolute;
        width: 350px;
        margin: 300px auto 0 35%;
        left: 0;
        right: 0;
        font-size: 21px;
        font-family: 'Signal';
    }

    #seccion4 .item-right {
        background-color: #73e9e1;
    }

    .texto-locaciones {
        position: absolute;
        margin: 150px 0 0 100px;
        width: 350px;
        font-size: 16px;
    }

    .btn-nanna {
        background-color: #ec239f;
        color: #fff;
        bottom: 50px;
        position: absolute;
        right: 50px;
        border: none;
        font-family: 'Signal';
        padding: 9px 5px 5px 5px;
    }

    .contenedor-locaciones {
        width: 437px;
        margin: 52px auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: relative;
        height: 125px;
    }

    .item-locaciones {
        float: left;
        width: 135px;
        margin: 0 5px;
    }

    .ave {
        margin-top: -58px;
    }




#seccion5 .div-image-right-content {
    margin-left: 10%;
} 

    #seccion5 .item-left h1 {
        margin: 50px 0 0 10%;
        color: #fFF;
    }
    #seccion5 p{
margin-bottom:5px !important;
}
#seccion5 a,
#seccion5 p a{
color:#000;
}

    #seccion5 .item-left {
        background-color: #73e9e1;
    }

    #seccion5 .item-right {
        background-color: #ed249f;
    }

    #escultura {
        position: absolute;
        right: 0px;
        top: 20px;
        width: 180px;
        height: auto;
    }

    .pointer {
        width: 40px;
    }

    .direccion {
        display: block;
        clear: both;
        padding: 3px 0;
    }

    .contenedor-direccion,
    .pointer {
        display: inline-block;
        float: left;
    }

    .contenedor-direccion {
        width: 400px;
        font-size: 17px;
    }

    .d29,
    .d23,
    .d33 {
        margin-top: 100px;
        margin-left: 11%;
    }

    #delivery {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 450px;
    }

    .regent-st {
        padding-top: 15%;
    }

    .greca-rosa {
        position: absolute;
        right: -3%;
        width: 38%;
        height: auto;
        z-index: 0;
    }

    .texto-app {
        padding: 10px 15px;
    }

    .call-rosa {
        position: absolute;
        right: 12%;
        width: 20%;
        height: auto;
        z-index: 0;
        bottom: 15%;
    }

.page-content{
height:80vh;
}
    footer {
        height: 100%;
        background-color: #00ffff;
        padding: 0;
        margin: 0;
        width: 110%;
        position:relative;
        margin-top:0;
    }
#modal-home footer {
margin-top:0;
}
    footer .item-left {
        width: 40%;
        margin: 0 auto;
        display: block;
        padding: 0 3%;
    }

    footer .item-right {
        width: 40%;
        margin: 0 auto;
        display: block;
        float: right;
        padding: 0 4%;
    }

    footer .follow {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 150px;
    }

    .item-footer-left,
    .item-footer-right {
        height: 200px;
    }

    .item-footer-left img,
    .item-footer-right img {
        width: 60px;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
    }

    #jarritos {
        width: 53px;
    }

    #facebook,
    #instagram,
    #twitter {
        width: 29px;
    }

    #tripadvisor {
        width: 39px;
    }

    #tripadvisor-white {
        width: 45px;
    }

    #menuModal .modal-content {
        background-color: #EDE7DA;
    }

    #menuModal button {
        background-color: #ed249f;
        color: #fff;
    }

    #menuModal button.close {
        background-color: transparent;
        color: #ed249f;
        font-size: 20px;
    }

    #close {
        background-color: #ed249f;
        color: #fff;
    }

    #locations {
        background-image: url("../img/fondo-location.html");
    }
    /* EFECTOS */
    /* Pulse */

    @-webkit-keyframes hvr-pulse {
        25% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }
        75% {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
        }
    }

    @keyframes hvr-pulse {
        25% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }
        75% {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
        }
    }

    .hvr-pulse {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
    }
    
    

    .hvr-pulse:hover,
    .hvr-pulse:focus,
    .hvr-pulse:active {
        -webkit-animation-name: hvr-pulse;
        animation-name: hvr-pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
    /* Pop */

    @-webkit-keyframes hvr-pop {
        50% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }
    }

    @keyframes hvr-pop {
        50% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }
    }

    .hvr-pop {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
    }
   
   
   #seccion3 .col-md-6 h1:hover,
   #seccion3 .col-md-6 h1:focus,
   #seccion3 .col-md-6 h1 :active,
   
    .hvr-pop:hover,
    .hvr-pop:focus,
    .hvr-pop:active {
        -webkit-animation-name: hvr-pop;
        animation-name: hvr-pop;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
    /* .modal-fullscreen */

    .modal-fullscreen {
        background: transparent;
    }

    .modal-fullscreen .modal-content {
        background: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .modal-backdrop.modal-backdrop-fullscreen {
        background: #ffffff;
    }

    .modal-backdrop.modal-backdrop-fullscreen.in {
        opacity: .97;
        filter: alpha(opacity=97);
    }
    /* .modal-fullscreen size: we use Bootstrap media query breakpoints */

    .modal-fullscreen .modal-dialog {
        margin: 0;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        height: auto;
    }

    .modal-header,
    .modal-footer {
        border: none;
    }

    .cerrar {
        float: right;
        font-size: 60px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: none;
        opacity: 0.9;
        width: 60px;
        height: 60px;
        background: transparent;
        border: none;
        z-index: 9999;
        position: absolute;
        top: 0;
        right: 0;
        overflow: hidden;
    }

    #cerrar-pettycury {
        color: #ec239f;
    }

    #cerrar-regentstreet {
        color: #fff;
    }

    #cerrar-whitelion {
        color: #a122e5
    }
    /* MODAL ABOUTUS*/
    #modal-menu,
    .main-div-content,
    #modal-socialcommitment,
	#modal-home,
    #modal-aboutus {
  
        background-size: cover;
        padding-top: 150px;
        padding-bottom: 0;
        position:relative;
    }

    #modal-aboutus .modal-body {
        position: relative;
        padding: 15px;
        width: 1000px;
        margin: 0 auto;
        display: block;
        height: auto;
    }


    #modal-aboutus  p,
    #modal-aboutus h1 {
        color: #fff;
    }

    .aboutus-title {
        width: 150px;
        height: auto;
    }

    .greca {
        width: 150px;
        margin: 30px auto;
        display: block;
        height: auto;
    }

    .fotonana {
        margin: 0 auto;
        display: block;
        width: 250px;
        position: absolute;
        right: 0;
        margin-top: 40px;
        height: auto;
    }

    .corazon {
        margin: 0 auto;
        display: block;
        width: 80px;
        height: auto;
        position: absolute;
        margin-top: 320px;
        right: 276px;
    }

    .aboutus-left {
     /*   height: 80vh;*/
    }

    .text-aboutus {
        width: 400px;
        margin: 90px auto;
        display: block;
        height: auto;
    }

    #modal-aboutus .text-aboutus {
        width: 400px;
        margin: 90px auto;
        display: block;
        height: auto;
    }

    #modal-aboutus .modal-dialog {
        width: 1000px;
    }

    #modal-aboutus .modal-body {
        position: relative;
        padding: 15px;
        width: 1000px;
    }
    /* MODAL quality*/

    #modal-ourquality {
        background-color: #ede7da;
    }

    .text-ourquality {
        position: absolute;
        top: 90px;
        width: 250px;
        right: 20%;
        color: #000;
        font-size: 26px;
        height: auto;
        font-weight: bold;
        font-family: "FuturaLT-Heavy";
    }

    .text-ourquality-large {
        position: absolute;
        top: 42vh;
        width: 420px;
        right: 260px;
        color: #000;
        font-size: 17px;
        height: auto;
    }

    .text-ourquality span.rosa {
        text-decoration: underline;
        -moz-text-decoration-color: #ec239f;
        /* Code for Firefox */
        text-decoration-color: #ec239f;
        color: #000;
    }

    .ourquality-left {
        background-image: url('../img/ourquality-left.html');
        background-size: cover;
        height: 100vh;
    }

    .skull {
        bottom: 0;
        margin: 30% auto;
        left: 60px;
        position: relative;
        width: 150px;
        height: auto;
    }

    .ourquality-title {
        font-family: 'Signal';
        color: #000;
        position: absolute;
        top: 0px;
        margin-left: 50px;
    }

    .ourquality-title img {
        width: 192px;
        height: auto;
        margin-top: 50%;
    }

    .heart {
        bottom: 10%;
        right: 0%;
        position: absolute;
        width: 90px;
        height: auto;
    }

    .arrow-left {
        width: 30px;
        height: auto;
        position: absolute;
        top: 50%;
        left: 20px;
    }

    .arrow-right {
        width: 30px;
        height: auto;
        position: absolute;
        top: 50%;
        right: 20px;
    }
    /* MODAL DELIVERY */

    #modal-delivery {
        background-image: url("../img/fondo-delivery.html");
        background-size: cover;
    }

    .btn-delivery {
        padding: 7px 8px 0px 8px;
        background-color: #EB2D9E;
        color: #fff;
        width: 100%;
        margin: 20px 0;
        font-family: "Signal";
        letter-spacing: 2px;
        font-size: 17px;
    }

    #delivery2 {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 10%;
        margin: auto;
        width: 450px;
        height: auto;
    }

    .sucursales-delivery {
        position: absolute;
        height: 300px;
        width: 350px;
        top: 0;
        bottom: 0;
        right: 10%;
        margin: auto;
        z-index: 200;
    }

    .jaguares-delivery-izq {
        position: absolute;
        width: 300px;
        left: 0;
        right: 0;
        margin: auto;
        top: 10%;
        height: auto;
    }

    .jaguares-delivery-der {
        position: absolute;
        width: 400px;
        bottom: 0;
        right: 0;
        margin: auto;
        z-index: 100;
        height: auto;
    }
    /* MODAL SOCIALCOMMITMENT */

    #modal-socialcommitment {
        background-image: url("../img/fondo-commitment.html");
        background-size: cover;
        padding-top: 17%;
    }


    .cooking {
      /*  margin-top: 16vh; */
    }

    .contenedor-socialcommitment {
        position: absolute;
        right: -50px;
        top: 60px;
        text-align: left;
    }

    .titulo-socialcommitment {
        position: absolute;
        bottom: -3px;
        right: 50px;
        width: 313px;
        height: auto;
        top: 21%;
        left: 11%;
    }

    .azteca-social {
        width: 200px;
        height: auto;
        position: absolute;
        left: 0;
        top: 300px;
    }

    .gallina {
        width: 200px;
        height: auto;
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        top: 300px;
    }
    /* MODAL APP*/

    #modal-app {
        background-image: url("../img/fondo-app.html");
        background-size: cover;
        background-position: center;
        padding-top: 7%;
        padding-bottom: 50px;
    }

    .holaamigo {
        margin-top: 60px;
        margin-left: 65px;
        width: 200px;
        height: auto;
    }

    .title-app {
        font-family: "Signal";
    }

    .app-links {
        margin-top: 50px;
        width: 100%;
        height: auto;
        position: relative;
    }

    .appstore {
        margin-top: -32px;
        width: 200px;
        height: auto;
    }

    .appstore-free {

        width: 280px;
        height: auto;
    }

    .googleplay {
        margin-top: -31px;
        width: 280px;
        height: auto;
    }

    .freeapp {
        position: absolute;
        margin-top: -50px;
        width: 90px;
        height: auto;
        right: -58px;
        z-index: 100;
        top: -40px;
    }

    .saludos {
        position: absolute;
        top: 490px;
        right: 336px;
        margin: auto 130px;
        width: 227px;
        line-height: 0em;
        text-align: left;
        height: auto;
    }

    .saludos h3 {
        line-height: 0.5em;
    }

    .barras-app {
        width: 600px;
        height: auto;
        position: fixed;
        top: 0;
        right: 50px;
    }

    .nanna-app {
        width: 300px;
        height: auto;
        position: absolute;
        top: 150px;
        right: 139px;
    }

    .jaguares {
        width: 130px;
        height: auto;
        position: absolute;
        top: 502px;
        right: 95px;
    }
    /* MODAL SELECT LOCATIONS*/

    #modal-selectlocations {

        background-size: cover;
        padding:5% 0;
    }

    .titulo-whitelion-map {
        margin: auto;
        top: -90%;
        /* bottom: 0; 
        left: 7%;
         right: 0; */
        position: absolute;
        color: #a122e5;
        font-size: 7.4em;
        width: 380px;
        height: 115px;
        display: block;
        z-index: 100;
        line-height: .9em;
        -webkit-transform: rotate(-13deg);
        -moz-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
        -o-transform: rotate(-13deg);
    }
    
    

    .titulo-regentstreet-map {
        margin: auto;
        top: -90%;
        /* bottom: 0; 
        left: 7%;
         right: 0; */
        position: absolute;
        color: #ed249f;
        font-size: 5.4em;
        width: 380px;
        height: 115px;
        display: block;
        z-index: 100;
        line-height: .9em;
        -webkit-transform: rotate(-13deg);
        -moz-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
        -o-transform: rotate(-13deg);
    }

    .titulo-pettycury-map {
        margin: auto;
        top: -90%;
        /* bottom: 0; 
        left: 7%;
         right: 0; */
        position: absolute;
        color: #ed249f;
        font-size: 6.4em;
        width: 380px;
        height: 115px;
        display: block;
        z-index: 100;
        line-height: .9em;
        -webkit-transform: rotate(-13deg);
        -moz-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
        -o-transform: rotate(-13deg);
    }

    #container-id3107 h1
    {
        font-family: 'Stainy' !important;
        margin: auto;

bottom: 0;
left: 7%;
right: 0;

display: block;
z-index: 100;
line-height: .9em;
-webkit-transform: rotate(-13deg);
-moz-transform: rotate(-13deg);
-ms-transform: rotate(-13deg);
-o-transform: rotate(-13deg);

    }

.titulo-monday-map{
    
font-size: 7.4em;
width: 380px;
height: 115px;
    color: #a122e5;
}
.titulo-tuesday-map{
    color: #ed249f;
    font-size: 7.4em;
width: 380px;
height: 115px;
}

.titulo-wednesday-map{
    color: #22d6d6;
        font-size: 7.4em;
width: 100%;
height: 115px;
}


.titulo-thusday-map-capital-park{
     color: #a122e5;
        font-size: 7.4em;
width: 380px;
height: 115px;
}

.titulo-thursday-map-clerck-maxwell{
     color: #ed249f;
        font-size: 7.4em;
width: 380px;
height: 115px;
}

.titulo-cowley-road{ 
font-size: 7.4em;
width: 380px;
height: 115px;
    color: #22d6d6;
}


    .contenedor-regent {
        margin-top: -103px;
    }

    .contenedor-contacto {
        margin-top: 50px;
    }

    .ene {
        width: 100px;
        position: absolute;
        bottom: 10%;
        left: 10%;
        height: auto;
    }

    .pig-location {
        width: 150px;
        position: absolute;
        bottom: 10%;
        right: 10%;
        height: auto;
    }

    .girl-location {
        width: 260px;
        position: absolute;
        top: 15%;
        left: 10%;
        height: auto;
    }

    .jaguares-location {
        width: 200px;
        position: absolute;
        top: 15%;
        right: 10%;
        height: auto;
    }

    .choose-nearstone {
        width: 400px;
        margin: -7% auto 0 auto;
        display: block;
        position: relative;
        z-index: 1;
        height: auto;
        max-height:350px;
    }

   #opciones-mapa3107 {
        width:990px !important;
       
    }

.opciones-mapa {
        width: 660px;
        margin: 0px auto;
        bottom: 0;
        left: 0;
        right: 0;
        position: relative;
        height: 141px;
        z-index: 160;
    }



    .btn-map {
        float: left;
        width: 155px;
        height: auto;
        margin: 0 5px;
        background-color: transparent;
    }

    .btn-map img {
        height: auto;
        width: auto;
    }
    /* MODAL LOCATIONS*/

    #modal-locationsregentstreet {
        background-color: #a122e5;
        z-index: 3000;
    }

    .texto-regentstreet, .texto-grafton {
        font-size: 20px;
        margin-left: 70px;
        color: #fff;
    }

    #modal-locationspettycury {
        background-color: #2a2928;
    }

    #modal-locationswhitelion {
        background-image: url("../img/fondo-locations.html");
        background-size: cover;
        z-index: 3000;
    }

    .texto-locations {
        font-size: 20px;
        margin-left: 70px;
    }

    .whitelion {
        margin-left: 100px;
        margin-top: 50px;
        width: 300px;
        height: auto;
    }

    .linea {
        height: 16px;
    }

    .delivering {
        width: 250px;
        height: auto;
        margin-left: -45%;
    }

    .titulo-locations {
        position: absolute;
        bottom: 20px;
        left: 20%;
        width: 243px;
        font-size: 30px;
        height: auto;
        z-index: 1000;
    }

    .pig-greca {
        position: absolute;
        bottom: 124px;
        right: 39%;
        width: 250px;
        height: auto;
        z-index: 5;
    }

    .mapa {
        position: absolute;
        top: 0;
        right: 10%;
        width: 600px;
        height: auto;
        z-index: 1;
    }

    .greca-morada {
        position: absolute;
        bottom: -174px;
        right: 14%;
        width: 500px;
        height: auto;
        z-index: 0;
    }

.contact-contenedor      .form-group {
    margin-left: 0;
    
}
   

    /* MODAL GRAFTON*/

    #modal-locationsgrafton {
    background-image: url(../img/fondo-locations-grafton.html);
    background-size: cover;
    z-index: 3000;
    }

    .texto-grafton{
        color: black;
    }

    .titulo-grafton-map {
    margin: auto;
    top: -90%;
        /* bottom: 0; 
        left: 7%;
         right: 0; */
    position: absolute;
    color: #73e9e1;
    font-size: 5.4em;
    width: 380px;
    height: 115px;
    display: block;
    z-index: 100;
    line-height: .9em;
    -webkit-transform: rotate(-13deg);
    -moz-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);
    }

    #cerrar-grafton {
    color: #73e9e1;
    }

    .deliver-grafton{
    bottom: 45px;
    position: absolute;
    }

    /*.call {
    position: absolute;
    bottom: 93px;
    right: 15%;
    width: 243px;
    font-size: 30px;
    -webkit-transform: rotate(-18deg);
    -moz-transform: rotate(-18deg);
    transform: rotate(-18deg);
    height: auto;
}

.tel {
    position: absolute;
    bottom: 20px;
    right: 10%;
    width: 243px;
    font-size: 30px;
    height: auto;
}*/



    .callus {
        width: 208px;
        height: auto;
        bottom: 21%;
        right: 20%;
        position: absolute;
    }

    #modal-contact,
    #contact {
        background-color: #2a2928;
        padding-bottom: 50px;
        padding-top: 2%;
    }

    #modal-catering {
        background-image: url("../img/fondo-catering.html");
        background-size: cover;
    }

    #modal-catering h1 {
        color: #9909E6 !important;
    }

    #modal-catering button.download {
        background-color: #ec239f;
        color: #fff;
        border: none;
        padding: 2px 12px;
    }

    #modal-catering .titulo-catering {
        margin: auto;
        margin-top: 192px;
        /* bottom: 0; */
        left: 7%;
        /* right: 0; */
        position: absolute;
        color: #a301e9;
        font-size: 10.4em;
        width: auto;
        height: 115px;
        display: block;
        z-index: 100;
        line-height: .9em;
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
    }

    .titulo-app {
        margin: 70px 0;
        /* bottom: 0; */
        left: 7%;
        /* right: 0; */
        position: relative;
        color: #a301e9;
        font-size: 10.4em;
        width: auto;
        height: 115px;
        display: block;
        z-index: 100;
        line-height: .9em;
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
    }

    #modal-catering .titulo-catering2 {
        margin: auto;
        margin-top: 292px;
        /* bottom: 0; */
        left: 7%;
        /* right: 0; */
        position: absolute;
        color: #a301e9;
        font-size: 10.4em;
        width: auto;
        height: 115px;
        display: block;
        z-index: 100;
        line-height: .9em;
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
    }

    .skull-cyan {
        position: absolute;
        width: 300px;
        right: 100px;
        top: 20%;
        height: auto;
    }

    .contenedor-cateringform {
        position: absolute;
        right: -50px;
        top: 368px;
        font-size: 18px;
        color: white;
        margin-top: 144px;
        margin-right: 20px;
        letter-spacing: 4px;
        line-height: 2em;
    }

    #modal-catering input {
        padding: 10px;
        margin: 10px auto;
        display: block;
        width: 100%;
        height: auto;
    }

    #modal-catering label {
        margin: 10px 0 0 0;
        font-size: 18px;
    }

    #modal-catering .special-input label {
        line-height: .2em;
        width: 100%;
        text-align: right;
    }

    #modal-catering .extras {
        margin: 20px 0;
    }

    #modal-catering .extra {
        font-size: 12px;
    }

    #modal-catering .catering-company input {
        margin: 25px auto;
    }

    #modal-catering .jaguar-top {
        width: 40px;
        height: auto;
        top: -4px;
        right: 50px;
        left: inherit;
    }

    #modal-catering .jaguar-bottom {
        width: 30px;
        height: auto;
        top: 0;
        bottom: 0;
        right: inherit;
        left: -20px;
        margin: auto;
    }

    #modal-catering .jaguar-left {
        width: 30px;
        height: auto;
        top: 30px;
        right: -8px;
        left: inherit;
        margin: auto;
    }

    #modal-catering .footer-catering {
        margin: 40px 0;
    }

    #modal-catering .footer-catering h2 {
        text-transform: uppercase;
        text-align: center;
    }

    #modal-catering .footer-catering p {
        text-transform: uppercase;
        text-align: center;
        margin: 17px 0;
        font-size: 17px;
        text-align: center;
    }

    .titulo-catering {
        margin: auto;
        margin-top: -15px;
        /* bottom: 0; */
        left: 18%;
        /* right: 0; */
        position: absolute;
        color: #ec239f;
        font-size: 5.8em;
        width: 330px;
        height: 115px;
        display: block;
        z-index: 100;
        line-height: .9em;
        -webkit-transform: rotate(-13deg);
        -moz-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
        -o-transform: rotate(-13deg);
    }

    .titulo-app {
        margin: 70px 0;
        /* bottom: 0; */
        left: 10%;
        /* right: 0; */
        position: relative;
        color: #a301e9;
        font-size: 6em;
        width: 430px;
        height: 115px;
        display: block;
        z-index: 100;
        line-height: .9em;
        -webkit-transform: rotate(-13deg);
        -moz-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
        -o-transform: rotate(-13deg);
    }

    .pasos {
        color: #fff;
        margin-top: 100px;
    }

    .pasos h3 {
        font-size: 14px !important;
        font-family: "Hurme_Regular";
    }

    .p100 {
        padding-top: 100px;
    }

    .burritos {
        margin-left: 100px;
        margin-top: 33px;
        width: 450px;
        height: auto;
    }

    .stamp {
        right: 283px;
        top: 262px;
        display: block;
        width: 90px;
        z-index: 9999;
        position: absolute;
        height: auto;
    }

    input {
        padding: 10px;
        margin: 5px auto;
        display: block;
        width: 400px;
        height: auto;
    }

    textarea {
        padding: 15px;
        margin: 30px 15px;
        display: block;
        width: 400px;
        height: 200px;
    }

    button.submit {
        background-color: #ec239f;
        color: #fff;
        border: none;
        padding: 5px;
        width: 128px;
        margin: 0 60px;
        display: block;
        height: auto;
    }
    
   
    .please {
        width: 100px;
        height: auto;
    }

    .submit-button {
        width: 100px;
        height: auto;
    }

    .submit-button img {
        width: 100%;
        height: auto;
    }

    .suscribe {
        display: inline-block;
    }

    .jaguar-top {
        right: 116px;
        top: 30%;
        display: block;
        width: 90px;
        z-index: 9999;
        position: absolute;
        height: auto;
        left: 0;
        margin: auto;
    }

    .jaguar-left {
        left: 28%;
        top: 50%;
        display: block;
        width: 50px;
        z-index: 9999;
        position: absolute;
        height: auto;
    }

    .jaguar-bottom {
        right: 17%;
        top: 74%;
        display: block;
        width: 70px;
        z-index: 9999;
        position: absolute;
        height: auto;
    }

    .suscribe {
        width: 350px;
        display: inline-block;
    }

    .suscribe-input {
        width: 20px;
        display: inline-block;
        margin-left: 0px;
    }

    input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        background-color: #ec239f !important;
        background-image: none;
        color: #000 !important;
    }

    .order-catering {
        margin: 0 !important;
    }

    .titulo-app span {
        font-size: 1.2em;
    }
    
    
    .contenedor-direccion{
    margin-bottom:10px;
    }
    .menu,
    #menu2,
    #menu1{
    padding-top:20px;
    }
    
    #modal-aboutus{
        min-height: 800px;
    }
#seccion2 .item-right p:first-child;
#seccion2 .item-right p:first-of-type{
    display: none;
}

#menu4{
    min-height: 680px !important;
}
        #menu3 .number_menu,
        #menu4 .number_menu{
           
            display: none !important;
        }

        


    /* RESPONSIVE*/

    @media (min-width: 768px) {
      
    .contenedor-locaciones {
            width: 437px;
            margin: 52px auto;
            top: 200px;
            bottom: 0;
            left: 0;
            right: 0;
            position: absolute;
            height: 125px;
        }
        .item-locaciones {
            float: left;
            width: 120px;
            margin: 0px 5px;
            display: block !important;
            height: auto;
        }
        .ave {
            margin-top: -89px;
        }
        .modal-fullscreen .modal-dialog {
            width: 750px;
        }
        #section-order,
        .contenedor {
            height: 450px !important;
        }
        
        
       
        #van {
            margin: 259px 30px 0 auto;
        }
        .titulo-habia {
            top: 98px;
        }
        #seccion4  .titulo-habia{
            top:10px;
        }
        .texto-habiaunavez {
            margin: 189px auto 0 35%;
        }
        
        #seccion3 .texto-habiaunavez{
            margin-top:10px;
        }
        #seccion5 .div-image-right-content
        {
            margin-left:11%;
        }
        .hone .texto-habiaunavez{
             margin: 0 auto 0 35%;
        }
        .texto-locaciones {
            margin: 96px 0 0 100px;
        }
        .d29 {
            margin-top: 40px;
            margin-left: 11%;
        }
        .d23,
        .d33 {
            margin-top: 70px;
            margin-left: 11%;
        }
        .titulo-app {
            padding-left: 14%;
        }
        .texto-app {
            padding-left: 4%;
            padding-right: 10%;
        }
        .catering-contenedor {
            margin-top: 90px;
        }
        .navbar-default .navbar-collapse,
        .navbar-default .navbar-form {
            margin-top: 20px;
        }
        .titulo-follow {
            top: 157px;
        }
        .titulo {
            top: -16px;
        }
        .subtitulo {
            top: 89px;
            left: 30px;
        }
        #seccion1 {
            height: auto;
        }
        .title-app {
            padding-left: 2%;
        }
        .contenedor-app {
            padding: 40px;
            margin-top: 156px;
        }
    }

    @media(max-width: 991px) {

        .imagen-food-resp {
            display: none;
        }
        .imagen-food {
            display: block;
        }
    }

    @media (min-width: 992px) {
        .imagen-food {
            display: none;
        }
        .imagen-food-resp {
            display: block;
        }
        .text-ourquality {
            top: 144px;
        }
        .modal-fullscreen .modal-dialog {
            width: 970px;
        }
        .contenedor-social {
            margin: 350px auto;
        }
        .texto-habiaunavez {
            position: absolute;
            width: 280px;
            margin: 20px auto 0 39%;
            left: 0;
            right: 0;
            font-size: 13px;
            font-family: 'Signal';
            letter-spacing: 3px;
            line-height: 1.8em;
        }
        
        
       #seccion4 .texto-habiaunavez {
            margin-top:40%;
        }
        #seccion4 .titulo-habia{
            top:10px;
        }
        
        #seccion .texto-habiaunavez {
            width: 379px;
margin: 50px auto;
        }
        
        #section-order,
        .contenedor {
            height: 450px !important;
        }
        #seccion1 {
            height: 450px;
        }
        .contenedor-direccion {
            font-size: 17px;
        }
    }

    @media (min-width: 1200px) {
        .modal-fullscreen .modal-dialog {
            width: 1170px;
        }
    }


    @media (max-width: 1280px) {
        
        
        .extra_menu {
            margin-top: 50px;
        }
        .home .nanna{
            margin: 20px auto !important;
        }
        .texto-catering {
            margin: 37px 0 0 100px;
        }
        #van {
            margin: 201px 30px 0 auto;
        }
        #section-order,
        .contenedor {
            height: 380px !important;
        }
        
        .home .contenedor{
            height: 450px !important;
        }
    }

    @media (max-width: 1366px) {
        .texto-catering {
            margin: 30px 0 0 100px;
        }
        #van {
            margin: 175px 30px 0 auto;
        }
    }

    @media (max-width: 1440px) {
        .texto-catering {
            margin: 30px 0 0 100px;
        }
        #van {
            margin: 175px 30px 0 auto;
        }
        .titulo-follow {
            top: -35px;
        }
        .contenedor-social {
            margin: 131px auto !important;
            top: 120px;
        }
        .contenedor-direccion {
            font-size: 14px;
        }
        .contenedor-direccion{
            margin-bottom: 0;
        }
    }

    @media (max-width: 1680px) {
        .texto-catering {
            margin: 43px 0 0 100px;
        }
        #van {
            margin: 175px 30px 0 auto;
        }
    }
     @media (max-width: 1680px) {
       .titulo-app1{
           top:0;
       }
       .titulo-app2{
           top:8%;
       }
    }
    
    
    
    /* RESPONSIVE */

    @media (max-width: 420px) {
        #molcajete {
            margin-left: -11%;
            margin-top: -233%;
        }
        .greca-rosa {
            bottom: 12%;
            right: -8%;
            width: 105%;
        }
        .regent-st {
            padding-top: 0%;
            margin-left: -9%;
        }
        .texto-regentstreet, .texto-grafton {
            margin-left: 38px;
        }
        .texto-grafton {
            margin-left: 38px;
        }
    }

    @media (max-width: 480px) {
        .subtitulo {
            left: 133px !important;
            top: 235px !important;
        }
    }

    @media (max-width: 560px) {
        #br_not_mobile{
    display:none !important;
}
    
        .appstore-free {
        margin-top: -105px;
        width: 280px;
        height: auto;
    }
        #seccion1 .item-left img {
            width: 400px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            padding-right: 5%;
            margin-top: 20px;
        }
        .morado {
            font-size: 12px;
        }
        #seccion1 .item-left {
            /*top: 60%;*/
        }

        #seccion2 {
            margin-top: 20%;
        }

        .titulo-social-commitment {
            margin: 55px auto 0 auto;
        }
        .greca {
            width: 150px;
            margin: 0px 80px;
        }
        .fotonana {
            margin: 78px 48px;
        }
        #section-order,
        .contenedor {
            height: 400px;
        }
        #seccion5 .contenedor{
        height:100% !important;
        position:relative;
        min-height:450px;
        }
        .titulo {
            top: 81px !important;
            bottom: 0;
            left: 0px;
            right: 0;
            margin: 0 auto;
            font-size: 10em;
        }
        #seccion5 h1{
        text-align:center;
        padding:0 !important;
        margin:15px auto;
        }
        #escultura5{
        display:none;
        }
       #seccion5  .contenedor-direccion{
       margin-top:0;
       width:80%;
       text-align:center;
       margin:0 auto;
       }
       header{
       min-height:90px;
       }
       #modal-menu, .main-div-content, #modal-socialcommitment, #modal-home, #modal-aboutus {
       margin-top:10px;
       position:relative;
       height:100%;
       }
       
        #modal-menu,  #modal-socialcommitment,#modal-aboutus {
       margin-top:0px;
      
       
       }
       footer{
       min-height:200px;
       height:100%;
       }
       
       footer .follow {
   
    top: 20px !important;}
       
       #seccion5 .pointer{
       margin-top:0 !important;
       }
       
       .aboutus-left{
       
       height:100% !important;
       }
       
       div#angledBgRightNearlyfiftypercent
      {
        display:none;
      
      }
      
       div#angledBgLeftNearlyfiftypercent{
       left: -90% !important;
        top: -16% !important;
       display:none !important;
       }
       .aboutus-texto{
       
       padding: 50px 0 !important;
       }
       .text-aboutus h1{
       text-align:center !important;
           margin: 0 auto !important;
       }
       
       .text-ourquality-food {

    width: 90%;
    max-width: 380px;
    color: #2a2928 !important;
    text-align:center;
    margin:0 auto;

}

.text-ourquality-food p {
    color: #2a2928 !important;
    text-align:center !important;
    }

#modal-contact{
padding-left:0;
padding-right:0;
}

.col-md-6{
text-align:center;

    height: 100%;
    margin: 0 auto;
    padding: 0;
}
.col-md-6  p{

text-align:center;
}
.col-md-6  textarea {
float:none;
text-align:center;
}
.form-group{

width:100%;
margin-left:20px !important;
  
}
        
     
      .submit {
    float: none;
    margin: 0 auto !important;
 
    text-align: center;
    }
    
    #catering-text p,
   #catering-text{
    text-align:center;
    }
     
     
     
        .subtitulo {
            top: 117px !important;
            bottom: 0;
            left: 170px;
            right: 0;
            margin: 0;
        }
        #retrato {
            margin-top: 40%;
        }
        .navbar-left,
        .navbar-right {
            width: 92%;
        }

        #modal-app {
            padding-top: 0%;
        }
        .nanna {
            width: 80%;
            margin: auto;
        }
        .aboutus-title {
            width: 150px;
            height: auto;
            margin: 20px auto;
            display: block;
            margin-top: 3%;
        }
        #corporative {
            width: 90%;
            margin-top: 0px;
        }
        #van {
            width: 80%;
            margin: 237px 30px 0 auto;
        }
        .texto-catering {
            position: absolute;
            margin: auto;
            width: 90%;
            font-size: 14px;
            top: 20%;
            left: 0;
            right: 0;
            text-align: center;
        }
        .texto-habiaunavez {
            position: absolute;
            width: 90%;
            margin: auto;
            left: 0;
            right: 0;
            font-size: 21px;
            font-family: 'Signal';
            top: 46%;
        }
        .titulo-habia {
            margin: auto;
            top: 17%;
            /* bottom: 0; */
            left: 0;
            right: 0;
            position: absolute;
            color: #000;
            font-size: 4em;
            width: 80%;
            height: 55px;
            display: block;
            z-index: 100;
        }
        .btn-nanna {
            background-color: #ec239f;
            color: #fff;
            bottom: 50px;
            position: absolute;
            right: 0;
            border: none;
            font-family: 'Signal';
            padding: 9px 5px 5px 5px;
            left: 0;
            margin: auto;
            width: 300px;
        }
        .titulo-follow {
            margin-top: -22%;
        }
        .contenedor-social {
            margin: 143px auto !important;
        }
        .contenedor-locaciones {
            width: 282px;
            margin: -25px auto;
            top: inherit;
            bottom: inherit;
            left: inherit;
            right: inherit;
            position: relative;
            height: auto;
            display: block;
        }
        
        #seccion5 .div-image-right-content .d29, #seccion5 .div-image-right-content .d23, #seccion5 .div-image-right-content .d33,
        .d29,
        .d23,
        .d33 {
            margin-top: 23px;
            margin-left: 25% !important;
        }
        .item-locaciones {
            float: left;
            width: 80px;
            margin: 48px 5px;
            display: block !important;
            height: auto;
        }
        .ave {
            margin-top: -9px;
        }
        .texto-locaciones {
            position: relative;
            padding: 60px 0;
            width: 350px;
            font-size: 16px;
            text-align: center;
            margin: 95px auto;
            display: block;
        }
        #escultura {
            visibility: hidden;
        }

        #seccion5 h1 {
            padding: 44px 0 0 115px;
            color: #fFF;
            margin: 0;
        }

        #delivery {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 80%;
        }
        .pointer {
            width: 30px;
            margin-top: -70px;
            margin-left: -35px;
        }
        .contenedor-direccion {
            width: 229px;
            font-size: 17px;
            margin-top: -63px;
        }
        .navbar-toggle {
            position: relative;
            float: left;
            padding: 9px 10px;
            margin-top: 8px;
            margin-right: 15px;
            margin-bottom: 8px;
            background-color: transparent;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
        }
        #delivery2 {
            width: 80%;
            height: auto;
        }
        .sucursales-delivery {
            position: relative;
            height: 200px;
            width: 80%;
        }
        #mapa_whitelion,
        #mapa_regentstreet,
        #mapa_pettycury {
            position: relative !important;
            top: 0;
            right: inherit;
            width: 300px;
            height: 300px;
            z-index: 1;
            margin: 200px auto 30px auto;
            display: block;
        }
        .contenedor-locations {
            margin-top: 0;
        }
        .titulo-catering {
            margin-top: -16%;
        }
        #catering-call {
            margin-top: 15%;
        }
        #formulario {
            padding-left: 5px !important;
        }
        #catering-text {
            padding-top: 29%;
        }
        #molcajete {
            margin-left: -11%;
            margin-top: -179%;
        }
        .regent-st {
            padding-top: 0%;
            margin-left: -9%;
        }
        .texto-regentstreet, .texto-grafton{
            margin-left: 38px;
        }
        .texto-grafton{
            margin-left: 38px;
        }
        .titulo-app1 {
            margin: 18px 0 0 0;
            left: 5%;
            font-size: 53px;
        }
        .titulo-app2 {
            margin: 7px auto 0 auto;
            left: 5%;
            font-size: 53px;
        }
        .freeapp {
            margin-top: -16px;
            right: 2px;
        }
        .app-links {
            width: 100%;
        }
        .titulo-whitelion-map {
            font-size: 6.4em;
        }
        #modal-selectlocations {
            padding-top: 100px;
        }
        .contenedor-regent {
            margin-top: 80px;
        }
        .greca-rosa {
            left: 0%;
            width: 105%;
            bottom: -388px;
        }
        .call-rosa {
            position: relative;
            width: 56%;
            bottom: 0px;
            right: 0px;
            left: 78px;
        }
        .contenedor-locations {
            left: 13px;
        }
    }

    @media screen and (max-width: 720px) and (min-width: 560px) {
        #seccion1 .item-left {
            top: 69%;
        }



        #seccion2 {
            margin-top: 30%;
        }

        .titulo-follow {
            margin-top: -3%;
        }

        .contenedor-social {
            margin: 70px auto !important;
        }

        #seccion4 .item-right {
            margin-top: 12%;
        }

        .titulo-habia {
            margin-top: -30px;
            left: 211px;
        }

        .texto-habiaunavez {
            margin: 242px auto 0 35%;
        }

        #retrato {
            margin-top: 223px;
        }

        #escultura {
            visibility: hidden;
        }

        #seccion5 h1 {
            padding: 43px 0 0 200px;
        }

        .d29,
        .d23,
        .d33 {
            margin-top: 51px;
            margin-left: 24%;
        }

        .contenedor-direccion {
            font-size: 20px;
        }
        .contenedor-regent {
            margin-top: 10px;
        }
        .greca-rosa {
            bottom: -231px;
            width: 76%;
        }
        #molcajete {
            margin-left: -3%;
            margin-top: -199%;
        }
        .regent-st {
            padding-top: 4%;
        }
        .texto-regentstreet, .texto-grafton {
            margin-left: 38px;
        }
        .titulo-app1 {
            margin: 18px 0 0 0;
            left: 5%;
        }
        .titulo-app2 {
            margin: 7px auto 0 auto;
            left: 5%;
        }
        .freeapp {
            margin-top: -16px;
            right: 100px;
        }
        .morado {
            margin: 4px;
            font-size: 21px;
        }
        .call-rosa {
            position: relative;
            width: 50%;
            bottom: 0px;
            right: 0px;
            left: 158px;
        }
        
        .contenedor-direccion {
            width: 329px;
            font-size: 17px;
            margin-top: -31px;
        }
        .pointer {
            width: 30px;
            margin-top: -40px;
        }
    }

    @media screen and (max-width: 768px) and (min-width: 721px) {
        .greca-rosa {
            top: 231px;
            width: 76%;
        }
        .contenedor-regent {
            margin-top: 10px;
        }
        .call-rosa {
            position: relative;
            width: 50%;
            bottom: 0px;
            right: 0px;
            left: 168px;
        }
        
    }

    @media (max-width: 767px) {
          #seccion2 .item-right {
            max-height: 380px !important;
            height: 380px !important;
        }
        
        .hechomexico {
            display: none;
        }
        .item-right,
        .item-left {
            left: 0;
        }
        .navbar-default .navbar-collapse,
        .navbar-default .navbar-form {
            margin-top: 100px;
        }

        .navbar-left {
            width: 400px;
        }
        .subtitulo {
            top: 76px !important;
        }

        .navbar-default {
            padding: 7%;
            margin-top: 0px;
        }
        .nav>li {
            position: relative;
            display: block;
            text-align: center;
            width: 100%;
        }
        .navbar-collapse {
            margin-top: 36px !important;
        }
        .navbar-toggle {
            position: relative;
            float: left;
            padding: 9px 10px;
            margin-top: 8px;
            margin-right: 15px;
            margin-bottom: 8px;
            background-color: transparent;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
        }
        .logo {
            margin: 0px auto;
            width: 216px;
            float: none;
            padding-left: 46px;
            margin-top: -82px;
        }
        .titulo-social-commitment {
            margin: 27px auto 0 auto;
        }
        .texto-locaciones {
            position: relative;
            padding: 50px 0 50px 0;
            width: 80%;
            display: block;
            margin: 0 auto !important;
            text-align: center;
        }
        .d29,
        .d23,
        .d33 {
            margin-top: 72px;
        }
        .titulo-follow {
            margin-top: 190px;
        }
        .contenedor-social {
            margin: 0px auto !important;
            top: 306px;
        }
        #retrato {
            margin-top: 138px;
            left: 5%;
            display: none;
        }
        .titulo-habia {
            margin-top: 20px;
            right: inherit;
            left: 50px;
            font-size: 3.5em;
        }
        .texto-habiaunavez {
            margin: 0 auto;
            font-size: 15px;
            padding: 0 5%;
            text-align: justify;
            top: 350px;
            width: 400px;
            top: 250px;
        }
        #section-order,
        .contenedor {
            height: auto;
        }

        #seccion1 .item-right {
            /*bottom: 54%;*/
        }

        #seccion1 .item-left {
            top: 0px;
        }

        #seccion1 {
           /* margin-top: 130px;*/
        }

        #seccion2 {
            margin-top: 0;
        }

        .titulo-app {
            padding-top: 5%;
        }
        .aboutus-title {
            width: 168px;
            height: auto;
            margin: 50px auto;
            display: block;
            margin-top: 1%;
        }
        .greca {
            width: 162px;
            margin: 0px 280px;
        }
        .fotonana {
            margin: 80px;
            margin-left: 233px;
        }

        #seccion5 h1 {
            padding: 83px 0 0 50px;
            color: #fFF;
            margin: 0;
        }
        footer .follow {
            position: absolute;
            top: 125px;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 150px;
        }

        footer .item-right,
        footer .item-left {
            width: 100%;
        }

        .opciones-mapa {
            width: 100%;
            margin: -48px auto;
            bottom: 0;
            left: 0;
            right: 0;
            position: relative;
            height: 741px;
            z-index: 160;
        }
        .opciones-mapa button {
            float: left;
            width: 100%;
            height: auto;
            margin: 30px 5px;
            background-color: transparent;
        }

        .opciones-mapa {
            width: 100%;
            max-width: 200px;
        }

        .titulo-catering {
            margin-top: -12%;
        }
        #catering-call {
            margin-top: 12%;
        }
        #formulario {
            padding-left: 5px !important;
        }
        #catering-text {
            padding-top: 20%;
        }
        .titulo {
            top: -66px;
        }
        .subtitulo {
            left: 32px;
        }
        #van {
            margin: 228px 30px 0 auto;
        }
        .texto-catering {
            margin: 45px 0 0 100px;
            margin: 70px auto;
            padding: 0 10%;
            width: 100%;
        }
        #seccion3 .texto-catering {
            margin: 30px 0 0 100px;
        }
        
        #seccion5 .div-image-right-content{
            width:80%;
        }
       #seccion3 .item-right .texto-catering {
            margin-bottom: 30px;
           padding-bottom: 10px;
        }
        
        #seccion3 .texto-habiaunavez{
            top:0;
        }
        
        #molcajete {
            margin-left: -3%;
            margin-top: -139%;
        }
        .regent-st {
            padding-top: 4%;
        }
        .texto-regentstreet, .texto-grafton {
            margin-left: 38px;
        }
        .titulo-app1 {
            margin: 18px 0 0 0;
            left: 5%;
        }
        .titulo-app2 {
            margin: 7px auto 0 auto;
            left: 5%;
        }
        .freeapp {
            margin-top: -16px;
            right: 165px;
        }
        .title-app {
            padding-left: 2%;
            margin-top: 0%;
        }
        .app-links {
            width: 100%;
        }
        #modal-selectlocations {
            padding-top: 180px;
        }
        .callus {
            right: 32% !important;
        }
        .contenedor-regent {
            margin-top: 10px;
        }
    }

    @media screen and (max-width: 991px) and (min-width: 768px) {
        
        .menu{
            min-height: 600px !important;
        }
        .contenedor-social {
            margin: 196px auto !important;
            top: 52px;
        }

        #seccion1 .item-left img {
            padding-right: 0%;
            margin-top: 9%;
        }
        .titulo {
            bottom: 19%;
        }
        .subtitulo {
            bottom: 21%;
        }
        .titulo-follow {
            top: -57px !important
        }
        .contenedor-social {
            margin: 196px auto !important;
        }
        #seccion1 .item-right {
            bottom: 154%;
        }
        #seccion2 {
            margin-top: 0px;
        }
        #seccion1 .item-left {
            top: 0;
            left: 0%;
        }
        .contenedor-regent {
            margin-top: 10px;
        }
        #molcajete {
            margin-left: -3%;
            margin-top: -143%;
        }
        .greca-rosa {
            width: 68%;
            top: 248px;
        }
        .regent-st {
            padding-top: 4%;
        }
        .texto-regentstreet, .texto-grafton{
            margin-left: 38px;
        }
        .freeapp {
            margin-top: -16px;
            right: 183px;
        }
        .title-app {
            padding-left: 2%;
            margin-top: 0%
        }
        .callus {
            right: 32% !important;
        }
        .call-rosa {
            position: relative;
            width: 36%;
            bottom: 0px;
            right: 0px;
            left: 225px;
        }
        
    }


    @media(max-width: 992px) {
         .col-md-6{
            width: 100% !important;
        }
        
        .suscripcion-box {
            padding: 7px 0;
            margin: 26px auto;
            display: flex;
            width: 293px;
            height: auto;
        }
        .subtitulo {
            left: 0 !important;
            right: 0 !important;
            margin: auto !important;
        }
        #seccion-order {
            height: auto;
            padding: 15px 40px;
        }
        #seccion1 .item-left img {
            top: 31px;
        }
        .titulo {
            bottom: 0;
        }
        .subtitulo {
            bottom: 0;
        }
        #mapa_whitelion,
        #mapa_regentstreet,
        #mapa_pettycury {
            width: 664px;
            height: 410px;
        }
        
        .titulo-social-commitment {
            margin: 0px auto 0 auto;
        }
        .catering-contenedor {
            padding: 40px;
        }
        #modal-aboutus .text-aboutus {
            padding: 15px 30px;
        }
        .greca {
            width: 150px;
            margin: 351px 330px;
        }
        .fotonana {
            margin: -315px 280px;
        }
        #modal-app {
            padding-top: 0%;
        }
        .aboutus-title {
            width: 150px;
            height: auto;
            margin: 0px auto;
            display: block;
        }
        #pig-pink {
            padding-top: 0%;
            width: 137px;
        }
        #modal-aboutus .text-aboutus {
            width: 96%;
        }
        .heart {
            bottom: 56%;
            right: 12%;
            position: absolute;
            width: 90px;
            height: auto;
        }
        #deliver {
            margin-top: -33%;
        }
        .choose-nearstone {
            width: 334px;
        }
        .burritos {
            margin-left: 3px;
            margin-top: 26px;
            width: 324px;
            height: auto;
        }
        .order-catering {
            margin: 0 auto !important;
            /* margin-bottom: 50px; */
            display: block;
            width: 283px;
            clear: both;
        }
        .order-text {
            margin-top: 67px;
        }
        #delivery2 {
            position: relative;
            top: 100px;
            bottom: inherit;
            left: inherit;
            margin: 0 auto;
            width: 350px;
            height: auto;
            display: block;
        }
        .sucursales-delivery {
            position: relative;
            height: 200px;
            width: 250px;
            top: inherit;
            bottom: inherit;
            right: inherit;
            margin: 150px auto;
        }
        .jaguares-delivery-der {
            position: absolute;
            width: 200px;
            bottom: 0;
            right: 0;
            margin: auto;
            z-index: 100;
        }
        .pasos {
            color: #fff;
            margin-top: 300px;
            text-align: center;
        }
        .titulo-app {
            margin: auto;
            margin-top: 56px;
            /* bottom: 0; */
            left: 0;
            right: 0;
        }
        .p100 {
            padding-top: 0;
        }
        #modal-catering .special-input label {
            width: auto;
        }
        .extras .col-md-5 {
            padding-right: 15px;
            padding-left: 15px;
        }
        .catering-company {
            margin-top: 50px;
        }
        .contenedor-catering {
            padding: 0;
        }
        .titulo-catering {
            margin-top: -59px;
        }
        #catering-call {
            margin-top: 80px;
        }
        #formulario {
            padding-left: 5px !important;
        }
        #catering-text {
            padding-top: 20%;
        }
        .titulo-app1 {
            margin: 18px 0 0 0;
            left: 5%;
        }
        .titulo-app2 {
            margin: 7px auto 0 auto;
            left: 5%;
        }
        .freeapp {
            margin-top: -16px;
            right: 165px;
        }
        .app-links {
            width: 100%;
        }
        #modal-selectlocations {
            padding-top: 244px;
        }
    }

    @media (max-width: 480px) {
        .titulo-follow {
            margin-top: 141px;
        }
        .contenedor-social {
            margin: 0px auto !important;
            top: 229px;
        }
    }

    @media screen and (max-width: 1023px) and (min-width: 991px) {
        .menu{
            min-height: 700px;
        }
        .greca-rosa {
            top: 205px;
            width: 64%;
        }
        .contenedor-regent {
            margin-top: 10px;
        }
        .call-rosa {
            position: relative;
            width: 36%;
            bottom: 0px;
            right: 0px;
            left: 324px;
        }
        
    }

    @media (max-width: 1022px) {
        footer{
            height: 100%;
        }
        .aboutus-left {
           height: 100%;
            padding-top: 5px;
           
        }
        .aboutus-title {
            margin: 50px auto;
        }
        #modal-aboutus .text-aboutus {
            margin: auto 32px;
        }
        .greca {
            margin: 0 auto;
            padding-top: 40px;
        }
        .fotonana {
            margin: 50px 100px;
        }
        .titulo-app {
            margin-top: 6%;
            padding: 0;
        }
        .titulo-app1 {
            margin: 18px 0 0 0;
            left: 5%;
        }
        .titulo-app2 {
            margin: 7px auto 15px auto;
            left: 5%;
        }
        .freeapp {
            margin-top: -16px;
            right: 165px;
        }
        #modal-app {
            padding-top: 0%;
        }
        .app-links {
            width: 100%;
        }
        .callus {
            right: -9%;
        }
        .contenedor-locations {
            padding-top: 0px;
            margin-top: 0px;
            padding-bottom: 59px;
        }
        #molcajete {
            margin-left: 2%;
            margin-top: -132%;
        }
        .choose-nearstone {
            margin: -31% auto 0 auto;
        }
    }

    @media (max-width: 1023px) and (min-width: 768px) {
        .titulo-follow {
            margin-top: 170px;
        }
    }



    @media (max-width: 1023px) {
        
        
        .left-text2563 .aboutus-texto{
            margin-top: 1px !important;
        }
        
        #seccion5 .div-image-right-content{
            margin: 0 auto !important;
            text-align:center;
            
        }
        
        #seccion5 .div-image-right-content .d29,
        #seccion5 .div-image-right-content .d23,
         #seccion5 .div-image-right-content .d33
        {
            margin-left: 10% !important;
        }
        #seccion4 #retrato4{
            display: none;
        }
        #seccion3 .item-left{
            height: 350px !important;
        }
        #seccion2 .nanna{
            margin-bottom: 0 !important;
        }
      
        #menu3 .extra_title{
            margin: 50px auto !important;
            margin-bottom: 30px !important;
            font-size: 19px !important;
            text-align: center !important;
        }
        
        .content_extra-menu ul {
            margin-top: 60px;
        }
        
        #menu3 .abottomright {

    top: 83% !important;
    right: 10% !important;

}
        #menu_images_arighttop3,
        #menu_images_arightmiddle3,
        #menu_images_aleftbottom3{
            display: none;
        }
        
        #menu2 ul li i{
        font-size: 30px !important;
        margin-top: 0;
    }
        
    #menu2 .extra_title{
        font-size: 27px !important;
        
        text-align: center;
        margin: 50px auto !important;
    }
        
         #menu_images_aleftmiddble1{
        display: none;
    }
        #modal-menu ul .liprice{
            width: 13% !important;
        }
        #modal-menu ul li{
            width: 55% !important;
        }
        
        #menu2 ul li i{
            font-size: 35px;
        }
        
        .page-template-template-location{
         background-color: #f7f7f7 !important;
    }
        .page-template-template-location .row #google-map3 div,
   .page-template-template-location .row #google-map2 div,
   .page-template-template-location .row #google-map1 div,
   .page-template-template-location .row #google-map0 div
    {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        border: 0 !important;
            
    }
        #my_seccion0 .item-right,
        #my_seccion3 .item-left,
       #my_seccion2 .item-right{
            background-color: #f7f7f7;
            height: 100% !important;
        }
        
        #call-to-action{
            margin:0 auto;
            text-align: center;
        }
        #call-to-action p{
            font-size: 20px;
        }
        
        .text-ourquality-food {
margin-top: 100px;
            margin: 0 auto ;
width: 80%;
max-width: 380px;
color: #fff;
            text-align: center !important;
        
            
        } 
        #menu_images_abottomright4{
            top:83% !important;
            display: none;
        }
        
        #menu1 .content_extra-menu{
            margin-top: 60px !important;
        }
        .menu-area{
            margin-top: 0 !important;
        }
        
        #modal-menu ul li,
        .menu li h3{
            font-size: 18px !important;
        }
        .menu ul .liprice, .menu li p {

            font-size: 16px !important;
        }
        
        .page-template-Inner_center_text h1{
            text-align: center !important;
        }
        .inner-center-title{
            text-align: center !important;
        }
        
        .nanna {
            width: 400px;
            margin: auto;
        }
        .contenedor-app {
            padding: 40px;
            margin-top: 52px;
        }
        #molcajete {
            margin-top: -123%;
        }
        .contact-contenedor {
            padding: 40px;
        }
        #modal-selectlocations {
            padding-top: 33%;
        }
        footer {
            width: 104%;
        }
        .food {
            padding-top: 0%;
        }
        #modal-app {
            padding-top: 22%;
            padding-left: 2%;
        }
        
       
        
        #seccion1 {
          /*  margin-top: 130px;*/
        }

        .responsivo {
            display: block !important;
        }

        .noresponsivo {
            display: none !important;
        }
        .logo {
            display: block;
            margin: -8px auto;
            width: 200px;
            float: none;
            padding-left: 25px;
        }
        .hechomexico {
            display: none;
        }
        .navbar-left {
            float: left!important;
            background-color: black;
            /* padding: 0 15px; */
            /* margin-left: 4%; */
            width: 500px;
            float: none !important;
            width: 500px;
            float: none !important;
            display: block;
            margin: 0px auto 0 auto;
        }

        .navbar-right {
            float: right!important;
            margin-right: -15px;
            background-color: black;
            padding: 0 3px;
            /* margin-right: 3%; */
            width: 500px;
            float: none !important;
            display: block;
            margin: 0px auto;
            max-width: 400px;
        }
        #escultura5{
            display: none;
            
        }
        
        #seccion5 h1 {
            padding: 10px 0 0 50px;
            color: #fFF;
            margin: 30px auto;
            text-align:center;
        }
        .text-ourquality-large {
            position: relative;
            top: inherit;
            width: 80%;
            right: inherit;
            color: #000;
            font-size: 17px;
            height: auto;
            margin: 0 auto;
            padding: 0 5%;
            text-align: justify;
        }
        .text-ourquality {
            position: relative;
            top: inherit;
            width: 80%;
            right: inherit;
            color: #000;
            font-size: 26px;
            height: auto;
            font-weight: bold;
            margin: 50px 0;
            margin: 50px 0 50px 50px;
        }
        .ourquality-title img {
            width: 165px;
            height: auto;
            margin-top: 50px;
            margin-left: 50px;
        }
        #angledBgRightNearlyfiftypercent{
        display:none;
        }
      
        #modal-socialcommitment {
            background-size: cover;
            padding-top: 10%;
            background-color: #EBE7DB;
            background-image: none;
        }
        .ourquality-title {
            font-family: 'Signal';
            color: #000;
            position: relative;
            top: 0px;
            margin-left: 50px;
            margin: 0;
        }
        .skull {
            display: none;
        }
        .suscribe {
            width: 350px;
            display: block;
            margin: 0 auto;
            text-align: center;
        }
        .suscribe-input {
            width: 20px;
            display: block;
            margin: 0 auto !important;
        }
        .submit {
            margin: 30px auto;
        }
        .jaguar-top,
        .jaguar-bottom,
        .jaguar-left,
        .stamp {
            display: none !important;
        }
        .please {
            margin: 40px auto;
        }
        input,
        textarea {
            width: 80%;
            margin: 10px auto;
            display: block;
        }
        .nanna-app {
            width: 80%;
            max-width: 300px;
            height: auto;
            position: relative;
            top: inherit;
            right: inherit;
            margin: 0 auto;
        }
        .googleplay {
            margin-top: -31px;
            max-width: 292px;
            height: auto;
            margin: 25px auto;
            width: 292px;
            display: block;
        }
        .appstore {
            max-width: 292px;
            width: 292px;
            height: auto;
            display: block;
            margin: 25px auto;
        }
        .appstore-free {
            margin: 25px auto;
            display: block;
            width: 292px;
            height: auto;
            max-width: inherit;
            padding-left:0;
        }
        .app-links {
            width: 100%;
        }
        .titulo-social-commitment {
            margin: 120px auto 0 auto;
            top: inherit;
            /* bottom: 0; */
            left: 0;
            right: 0;
            position: relative;
            color: #a122e5;
            font-size: 4.4em;
            width: 300px;
            height: auto;
            display: block;
            z-index: 100;
            line-height: .9em
        }
        .titulo-app1 {
            margin: 150px auto 0 auto;
            top: inherit;
            /* bottom: 0; */
            left: inherit;
            /* right: 0; */
            position: relative;
            color: #a122e5;
            font-size: 4.4em;

            height: auto;
            display: block;
            z-index: 100;
            line-height: .9em;
            text-align:left;
        }
        .titulo-app2 {
            margin: 190px auto 0 auto;
            top: inherit;
            /* bottom: 0; */
            left: inherit;
            /* right: 0; */
            position: relative;
            color: #a122e5;
            font-size: 4.4em;

            height: auto;
            display: block;
            z-index: 100;
            line-height: .9em;
            text-align:left;
        }
        .cooking {
            margin-top: 0px;
        }
        .cooking-school {
            margin: 0px auto;
        }
        .aboutus-left {
            width: 100%;
        }
        .contenedor-socialcommitment {
            position: relative;
            right: inherit;
            top: inherit;
            margin: 120px auto;
            display: block;
            width: 100%;
            margin-top: 94px;
            text-align: justify;
            padding: 0 10%;
        }
        #modal-socialcommitment .cerrar {
            color: black !important;
        }
        .aboutus-title {
            width: 150px;
            height: auto;
            margin: 50px auto;
            display: block;
            margin-top: 15px;
        }
        #modal-aboutus .modal-dialog {
            width: 80%;
            margin: 0 auto;
        }
        #modal-aboutus .modal-body {
            position: relative;
            padding: 0;
            width: 80%;
            margin: 0 auto;
        }
        .fotonana {
            margin: 50px auto;
            display: block;
            width: 250px;
            position: relative;
            right: inherit;
            height: auto;
        }
        
        #angledBgLeftNearlyfiftypercent{
        display:none;
        }
         #modal-aboutus{
         min-height:990px !important;
        
         }
        .left-text2555{
             background-color:#ef159f !important;
        }
        
        .left-text2563 {
            background-color: #a023db !important;
        }
      
        
         
        #modal-aboutus .text-aboutus {
            width: 100%;
            padding: 0px 55px;
            text-align: center;
            margin: 0 auto;
        }
        .saludos {
            position: relative;
            top: inherit;
            right: inherit;
            margin: 50px auto 0 auto;
            width: 100%;
            line-height: 0em;
            text-align: center;
            height: auto;
        }
        .mapa {
            position: relative;
            top: inherit;
            right: inherit;
            width: 100%;
            height: auto;
            z-index: 1;
            margin: 60px auto;
        }
        .greca-morada {
            position: relative;
            bottom: inherit;
            right: inherit;
            width: 80%;
            height: auto;
            z-index: 0;
            margin: 30px auto;
            display: block;
        }
        .texto-locations {
            font-size: 20px;
            margin-left: 0;
            text-align: center;
        }
        .whitelion {
            width: 300px;
            height: auto;
            margin: 60px auto;
            display: block;
        }
        .callus {
            width: 200px;
            height: auto;
            bottom: inherit;
            right: inherit;
            position: relative;
            margin: 20px auto;
            display: block;
        }
        .jaguares-delivery-izq {
            display: none;
        }
        #mapa_whitelion,
        #mapa_regentstreet,
        #mapa_pettycury,
        #mapa_grafton {
            position: relative !important;
            top: 0;
            right: inherit;
            width: 500px;
            height: 350px;
            z-index: 1;
            margin: 200px auto 43px auto;
            display: block;
        }

        .burritos {
            margin-left: 52px;
            margin-top: 0px;
            width: 80%;
            height: auto;
            max-width: 230px;
        }
        .titulo-app1 {
            margin: 18px 0 0 0;
            left: 5%;
        }
        .titulo-app2 {
            margin: 7px auto 15px auto;
            left: 5%;
        }
        .freeapp {
            margin-top: -16px;
            right: 165px;
        }
        #modal-app {
            padding-top: 0%;
        }
        .app-links {
            width: 100%;
        }
        .title-app {
            padding-left: 2%;
            margin-top: -2%;
        }
        #mapa_whitelion,
        #mapa_regentstreet,
        #mapa_pettycury,
        #mapa_grafton  {
            position: relative !important;
            top: 0;
            right: inherit;
            width: 300px;
            height: 300px;
            z-index: 1;
            margin: 200px auto 30px auto;
            display: block;
        }
        .choose-nearstone {
            margin: -31% auto 0 auto;
        }
    }

    @media screen and (max-width: 1025px) and (min-width: 1023px) {
        .greca-rosa {
            top: 205px;
            width: 64%;
        }
        .contenedor-regent {
            margin-top: 893px;
        }
        .call-rosa {
            position: absolute;
            width: 36%;
            top: 640px;
        }
        .pig-greca {
            display: none !important;
        }
        #pig-pink {
            display: none !important;
        }
        .callus {
            top: 630px;
        }
        .contenedor-locations {
            margin-top: 0px;
        }
    }

    @media (max-width: 1024px) {

        .delivering {
            display: none !important;
        }
        #deliver {
            display: none !important;
        }
        .callus {
            width: 208px;
            height: auto;
            right: 20%;
            position: absolute;
        }
        .navbar-header {
            float: none;
        }
        .navbar-left,
        .navbar-right {
            float: none !important;
        }
        .navbar-toggle {
            display: block;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
        }
        .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px;
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
            width: 100%;
            margin: auto;
            max-width: inherit;
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .collapse.in {
            display: block !important;
        }
        .navbar-default .navbar-collapse,
        .navbar-default .navbar-form {
            margin-top: 100px;
        }
        .navbar-left {
            width: 100%;
        }
        .navbar-default .navbar-nav>li>a {
            color: #EDE7DA;
            text-transform: uppercase;
            font-size: 13px;
            font-family: 'Signal';
        }
        .navbar-default {
            padding: 40px;
            margin-top: 0px;
            background-color: #EBE6D5;
        }
        .nav>li {
            position: relative;
            display: block;
            text-align: center;
            width: 100%;
        }
        .navbar-collapse {
            margin-top: 36px !important;
        }
        .navbar-default .navbar-toggle {
            border-color: #ed249f;
            z-index: 100;
        }
        .navbar-default .navbar-toggle .icon-bar {
            background-color: #EDE7DA;
        }
        .navbar-toggle {
            position: relative;
            float: left;
            padding: 9px 10px;
            margin-top: 8px;
            margin-right: 15px;
            margin-bottom: 8px;
            background-color: #ed249f !important;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
            z-index: 9999;
        }
        .logo {
            margin: 0px auto;
            width: 216px;
            float: none;
            padding-left: 46px;
            margin-top: -82px;
        }
        div#angledBgRightNearlyfiftypercent{
        right:-47%;
        }
        #mapa_whitelion,
        #mapa_regentstreet,
        #mapa_pettycury,
        #mapa_grafton  {
            position: relative !important;
            top: 0;
            right: inherit;
            width: 500px;
            height: 350px;
            z-index: 1;
            margin: 250px auto 43px auto;
            display: block;
        }
        #molcajete {
            margin-top: -127%;
        }
        
        /*locations menu*/
        #container-id3107 h1,
        .contenedor-locations h1 {
             margin: 50px auto;
            top: 10% !important;
             left: -5% !important;
             margin-bottom:15px;
        }
        
      #container-id3107   #my_seccion5 h1{
          position:absolute;
          margin: 50px auto;
    margin-bottom: 50px;
top: 5% !important;
left: 8% !important;
      }
         .titulo-regentstreet-map {
           
            /* bottom: 0; */
           
            /* right: 0; */
            position: absolute;
            color: #ed249f;
            font-size: 4.4em;
            width: 380px;
            height: 115px;
            display: block;
            z-index: 100;
            line-height: .9em;
            -webkit-transform: rotate(-13deg);
            -moz-transform: rotate(-13deg);
            -ms-transform: rotate(-13deg);
            -o-transform: rotate(-13deg);
        }
        #container-id3107 h1,
        .titulo-whitelion-map{
            font-size: 4.4em;
        }
        
        .titulo-pettycury-map {
        
            position: absolute;
            color: #ed249f;
            font-size: 4.4em;
            width: 380px;
            height: 115px;
            display: block;
            z-index: 100;
            line-height: .9em;
            -webkit-transform: rotate(-13deg);
            -moz-transform: rotate(-13deg);
            -ms-transform: rotate(-13deg);
            -o-transform: rotate(-13deg);
        }
        
        .location-title {
           
            position: absolute;
            font-size: 4.4em;
            width: 380px;
            height: 115px;
            display: block;
            z-index: 100;
            line-height: .9em;
            -webkit-transform: rotate(-13deg);
            -moz-transform: rotate(-13deg);
            -ms-transform: rotate(-13deg);
            -o-transform: rotate(-13deg);
        }
        
        #my_seccion3,
        #my_seccion1{
        display:flex;
        -webkit-flex-direction:column-reverse;
        flex-direction:column-reverse;
        }
        
         
          .section-location .contenedor {
    width: 100% !important;
    display:block;
    text-align:center;
    margin:0 auto;
  }
   
         .contenedor-locations{
         margin: 0 auto !important;
         text-align:center;
             position: relative;
             left: 0 !important;
             padding-top: 20px;
             width: 100%;
         }
        .contenedor-locations p
        {
           text-align: center !important;
            width: 100%;
            margin: 0 auto !important;
         }
        
       .contenedor-locations .first-p,
        .contenedor-locations p:first-of-type
        {
            margin-top: 10% !important;
        }
    
    }

    @media (min-width: 1024px) {
        
         /*home page*/
      
    
    .cooking{
    top:150px;
    }
    
    
        .navbar-default .navbar-collapse,
        .navbar-default .navbar-form {
            margin-top: 20px;
        }
        .logo {
            margin-left: 60px !important;
        }
        .burritos {
            margin-left: 100px;
            margin-top: 33px;
            width: 366px;
            height: auto;
        }

        #seccion1 {
            height: 400px;
        }

        .greca-rosa {
            bottom: 156px;
        }

        .titulo-social-commitment {
            top: 21%;
            left: 8%;
            font-size: 6.4em;
        }
        
        .contenedor-social {
            margin: 264px auto;
        }
        .titulo-habia {
            top: 46px;
        }
        .titulo-follow {
            top: 59px;
            height: 400px;
        }
        .navbar-left {
            width: 35%;
        }
        .navbar-right {
            width: 35%;
        }
        .catering-contenedor {
            margin-top: 90px;
        }
        .titulo-app {
            padding-left: 0px;
            padding-top: 1%;
        }
        .jaguares {
            width: 130px;
            height: auto;
            position: absolute;
            top: 492px;
            right: 247px;
        }
        .jaguar-top {
            top: 57%;
        }
        .jaguar-left {
            top: 66%;
        }
        .skull {
            bottom: 0;
            top: 60%;
            left: 75%;
            width: 150px;
            height: auto;
            position:absolute;
            margin:0 auto;
        }
        .skull-cyan {
            position: absolute;
            width: 244px;
            right: 69px;
            top: 32%;
            height: auto;
        }
        .navbar-default .navbar-brand {
            color: #777;
            width: 216px;
        }
        .navbar-default .navbar-nav>li>a {
            font-size: 12px;
            padding: 5px 10px;
            margin-top: 3px;
        }
        .navbar-default .navbar-nav>li>a {
            font-size: 10px;
            padding: 5px 14px;
            margin-top: 3px;
        }
        .navbar-left {
            float: left!important;
            background-color: black;
            padding: 0 1px;
            margin-left: 3%;
        }
        .navbar-right {
            float: right!important;
            margin-right: -15px;
            background-color: black;
            padding: 0 15px;
            margin-right: 3%;
        }
        .logo {
            display: block;
            margin: -9px auto;
            width: 151px;
            float: none;
            margin-left: 22%;
        }
        .aright,
        #escultura {
            position: absolute;
            right: 30px;
            top: 50px;
            width: 180px;
        }
        .d29,
        .d23,
        .d33 {
            margin-top: 43px;
            margin-left: 11%;
        }
        .text-ourquality-large {
            position: absolute;
            top: 42vh;
            width: 420px;
            right: 200px;
            color: #000;
            font-size: 17px;
            height: auto;
        }
        .gallina {
            width: 200px;
            height: auto;
            position: absolute;
            right: 0px;
            left: inherit;
            margin: auto;
            top: -159px;
        }
        .contenedor-socialcommitment {
            position: absolute;
            right: 0px;
            top: 60px;
            font-size: 12px;
            margin-top: 144px;
            margin-right: 20px;
        }
        .fotonana {
            margin: 0 auto;
            display: block;
            width: 250px;
            position: absolute;
            right: 50%;
            margin-top: 40px;
            height: auto;
        }
        .greca {
            width: 150px;
            margin: -34px auto 15px;
            display: block;
            height: auto;
            margin-right:50%;
        }
        #modal-aboutus .text-aboutus {
            width: 400px;
            margin: 90px auto;
            display: block;
            height: auto;
            margin-left: 150px;
            width: 500px;
            
            display: block;
            height: auto;
            margin-left: 0px;
            line-height: 1.8em;
            letter-spacing: 2px;
            font-size: 12px;
        }
        .aboutus-title {
            width: 150px;
            height: auto;
            margin-left: 140px;
            margin-top: 0px;
        }
        .aboutus-left {
            padding-top: 7%;
        }
        #modal-aboutus .text-aboutus {
            width: 500px;
            margin: 30px auto;
            display: block;
            height: auto;
            margin-left: 150px;
        }
        .contenedor-socialcommitment {
            color: #fff;
        }
        .nanna-app {
            width: 300px;
            height: auto;
            position: absolute;
            top: 120px;
            right: 90px;
        }
        .saludos {
            right: 166px;
        }
        .contenedor-app {
            font-size: 17px;
            padding-top: 5%;
            padding-left: 10%;
            margin-top: 97px;
        }
        .texto-locations {
            font-size: 17px;
            margin-left: 0px;
        }
        .whitelion {
            margin-left: 50px;
            margin-top: 50px;
            width: 282px;
            height: auto;
        }
        .greca-morada {
            position: absolute;
            bottom: -146px;
            right: 14%;
            width: 400px;
            height: auto;
            z-index: 0;
        }
        .mapa {
            position: absolute;
            top: 0;
            right: 10%;
            width: 500px;
            height: 350px;
            z-index: 1;
        }

        .suscribe-input {
            width: 20px;
            display: inline-block;
            margin-left: 0px !important;
            float: left;
        }
        .jaguar-bottom {
            right: 11%;
            top: 85%;
            display: block;
            width: 70px;
            z-index: 9999;
            position: absolute;
            height: auto;
        }
        .stamp {
            right: 183px;
            top: 380px;
            display: block;
            width: 90px;
            z-index: 9999;
            position: absolute;
            height: auto;
        }
        .please {
            width: 100px;
            height: auto;
            margin-left: 57px;
        }

        .texto-app {
            letter-spacing: 2px;
            margin: 39px auto;
            line-height: 1.8em;
            font-size: 13px;
            margin-top: 200px;
        }
        
        div#angledBgLeftNearlyfiftypercent{
            left:-53% !important;
        }
        .texto-habiaunavez {
            position: absolute;
            width: 280px;
            margin: 158px auto 0 39%;
            left: 0;
            right: 0;
            font-size: 13px;
            font-family: 'Signal';
            letter-spacing: 3px;
            line-height: 2em;
        }
        
       #modal-home .texto-habiaunavez {
            position: absolute;
            width: 379px;
            margin: 58px auto;
            left: 0;
            right: 0;
            font-size: 13px;
            font-family: 'Signal';
            letter-spacing: 3px;
            line-height: 2em;
           min-width: 379px;
        }
     #modal-home #seccion4   .texto-habiaunavez {
    position: absolute;
    width: 379px;
    margin: 156px auto 0 36%;
    left: 0;
    right: 0;
    font-size: 18px;
    font-family: 'Signal';
    letter-spacing: 3px;
    line-height: 2em;
}

        
        .texto-locaciones {
            margin: 37px 0 0 100px;
        }
        .jaguares-delivery-izq {
            position: absolute;
            width: 200px;
            left: 0;
            right: 0;
            margin: auto;
            top: 0;
        }
        .jaguares-delivery-der {
            position: absolute;
            width: 300px;
            bottom: 0;
            right: 0;
            margin: auto;
            z-index: 100;
        }
        .texto-locaciones {
            font-size: 18px;
        }
        #mapa_whitelion,
        #mapa_regentstreet,
        #mapa_pettycury,
        #mapa_grafton  {
            position: absolute !important;
            top: 0;
            right: 5%;
            width: 720px;
            height: 395px;
            z-index: 1;
        }
        #order_form .checkbox input {
            width: 55px;
        }
        .contenedor-regent {
            margin-top: -89px;
            left: -5%;
        }
        #molcajete {
            margin-left: -3%;
            margin-top: -5%;
        }
        .greca-rosa {
            bottom: 21%;
            width: 50%;
        }
        .regent-st {
            padding-top: 7%;
        }
        .texto-regentstreet, .texto-grafton {
            margin-left: 38px;
        }
    }

    @media (min-width: 1280px) {


        .navbar-left {
            float: left !important;
            background-color: black;
            padding: 0 15px;
            margin-left: 2%;
            width: 36%;
        }
        .navbar-right {
            float: right !important;
            margin-right: -15px;
            background-color: black;
            padding: 0 3px;
            margin-right: 5%;
            width: 34%;
        }
        .navbar-default .navbar-collapse,
        .navbar-default .navbar-form {
            margin-top: 20px;
        }
        .navbar-default {
            background-color: transparent !important;
        }
        .navbar-left {
            float: left!important;
            background-color: black;
            padding: 0 27px;
            margin-left: 5%;
            width: 36%;
            max-width: 618px;
        }

        .navbar-right {
            float: right!important;
            margin-right: -15px;
            background-color: black;
            padding: 0 30px;
            margin-right: 5%;
            width: 32%;
            max-width: 554px;
        }
        #modal-catering .titulo-catering {
            margin: auto;
            margin-top: 122px;
            left: 12%;
        }
        .titulo-app {
            margin: auto;
            margin-top: 50px;
            left: 0;
            margin-left: 115px;
            margin-bottom: 20px;
        }
        #modal-catering .titulo-catering2 {
            margin: auto;
            margin-top: 222px;
            left: 12%;
        }
        .contenedor-cateringform {
            position: absolute;
            right: -300px;
            top: 268px;
            font-size: 18px;
            color: white;
            margin-top: 144px;
            margin-right: 20px;
            letter-spacing: 4px;
            line-height: 2em;
        }
        .skull-cyan {
            position: absolute;
            width: 304px;
            right: 69px;
            top: 11%;
            height: auto;
        }
        .skull {
            left: 120px;
            margin: 220px auto;
        }
        .heart {
            bottom: 3px;
        }
        .suscribe-input {
            width: 20px;
            display: inline-block;
            margin-left: 0px !important;
        }
        .greca {
            width: 216px;
            margin: -68px 98px 10px;
            display: block;
            height: auto;
        }

        .fotonana {
            margin: 0 auto;
            display: block;
            width: 250px;
            position: absolute;
            right: 50%;
            margin-top: 38px;
            height: auto;
        }
        .corazon {
            right: 50%;
        }
        #modal-aboutus .text-aboutus {
            width: 400px;
            margin: 70px auto;
            display: block;
            height: auto;
            margin-left: 239px;
        }
        .aboutus-title {
            width: 168px;
            height: auto;
            margin-left: 148px;
            margin-top: 0px;
        }
        #modal-aboutus .text-aboutus {
            width: 500px;
            margin: 90px auto;
            display: block;
            height: auto;
            margin-left: 168px;
            line-height: 1.8em;
            letter-spacing: 2px;
            font-size: 13px;
        }
        
       
        .text-ourquality-large {
            position: absolute;
            top: 42vh;
            right: 322px;
            width: 420px;
            color: #000;
            font-size: 17px;
            height: auto;
        }
        .gallina {
            width: 200px;
            height: auto;
            position: absolute;
            right: 0;
            left: 0;
            margin: auto;
            top: 300px;
        }
        .contenedor-socialcommitment {
            position: absolute;
            right: inherit;
            top: 205px;
            font-size: 14px;
            margin-top: 0px;
            margin-right: 0px;
            left: 500px;
        }
        .navbar-default .navbar-nav>li>a {
            font-size: 13px;
            padding: 5px 8px;
            margin-top: 3px;
        }
        .logo {
            display: block;
            margin: -28px auto;
            width: 202px;
            float: none;
            margin-left: 21%;
        }
        .burritos {
            margin-left: 125px;
            margin-top: 50px;
            width: 374px;
            height: auto;
        }
        .navbar-default .navbar-brand {
            color: #777;
            width: 275px;
        }
        .cooking {
            margin-top: 80px;
            line-height: 1.8em;
            font-size: 12px;
            width: 300px;
            margin-left: 25px;
        }
        .cooking-school {
            font-size: 12px;
            margin-top: 0;
        }
        .gallina {
            width: 200px;
            height: auto;
            position: absolute;
            right: 0px;
            left: inherit;
            margin: auto;
            top: -150px;
        }
        .text-socialcommitment-right {
            width: 250px;
            line-height: 1.8em;
            font-size: 12px;
        }
        .text-socialcommitment-left {
            width: 250px;
            line-height: 1.8em;
            margin-top:10px;
        }
        .please {
            width: 100px;
            height: auto;
            margin-left: 60px;
        }
        .jaguar-bottom {
            right: 16%;
            top: 67%;
            display: block;
            width: 70px;
            z-index: 9999;
            position: absolute;
            height: auto;
        }
        .nanna-app {
            width: 300px;
            height: auto;
            position: absolute;
            top: 150px;
            right: 287px;
        }
        .saludos {
            right: 281px;
        }
        .texto-locations {
            font-size: 23px;
            margin-left: 0px;
        }
        
         #seccion3 .texto-habiaunavez{
         margin: 79px auto 0 25%;
        }
        
        
        .texto-habiaunavez {
            position: absolute;
            width: 379px;
            margin: 176px auto 0 36%;
            left: 0;
            right: 0;
            font-size: 18px;
            font-family: 'Signal';
            letter-spacing: 3px;
            line-height: 2em;
        }
        
        
        .jaguares-delivery-izq {
            position: absolute;
            width: 200px;
            left: 0;
            right: 0;
            margin: auto;
            top: 0%;
        }
        .jaguares-delivery-der {
            width: 300px;
        }
        .choose-nearstone {
            width: 500px;
        }
        #order_form .checkbox input {
            width: 58px;
        }
        .texto-catering {
            margin: 63px 0 0 100px;
        }
        #van {
            margin: 191px 30px 0 auto;
        }
        .titulo-habia {
            top: 66px;
        }
        .greca-rosa {
            bottom: 19%;
        }
    }

    @media (min-width: 1366px) {
        .contenedor-cateringform {
            position: absolute;
            right: -350px;
            top: 317px;
            font-size: 18px;
            color: white;
            margin-top: 144px;
            margin-right: 20px;
            letter-spacing: 4px;
            line-height: 2em;
        }

        .navbar-default .navbar-nav>li>a {
            font-size: 14px;
            padding: 5px 9px;
            margin-top: 3px;
        }
        .skull {
            left: 160px;
            margin: 26% auto;
        }
        .text-ourquality-large {
            position: absolute;
            top: 42vh;
            width: 520px;
            right: 296px;
            color: #000;
            font-size: 19px;
            height: auto;
        }
        .stamp {
            right: 483px;
            top: 305px;
            display: block;
            width: 90px;
            z-index: 9999;
            position: absolute;
            height: auto;
        }
        .jaguar-bottom {
            right: 23%;
            top: 70%;
            display: block;
            width: 70px;
            z-index: 9999;
            position: absolute;
            height: auto;
        }
    }

    @media (min-width: 1400px) {
        .navbar-default .navbar-nav>li>a {
            font-size: 14px;
            padding: 5px 10px;
            margin-top: 3px;
        }
        .text-ourquality-large {
            position: absolute;
            top: 42vh;
            width: 580px;
            right: 279px;
            color: #000;
            font-size: 22px;
        }
    }

    @media (min-width: 1440px) {
        .contenedor-socialcommitment {
            position: absolute;
            right: -100px;
            top: 160px;
            padding-left: 1%;
            left:50%;
        }

        .titulo-socialcommitment {
            position: absolute;
            bottom: -3px;
            right: 50px;
            width: 313px;
        }
        .skull {
            left: 230px;
            margin: 29% auto;
        }
        .heart {
            right: 17%;
        }
        .text-ourquality-large {
            position: absolute;
            top: 50vh;
            width: 580px;
            left: 70px;
            color: #000;
            font-size: 22px;
            right: inherit;
        }
        .text-ourquality {
            right: 200px;
            top: 23%;
        }

        .contenedor {
            padding: 0;
            height: 600px !important;
        }
    }

    @media (min-width: 1550px) {
        .navbar-default .navbar-nav>li>a {
            font-size: 16px;
        }
        .contenedor-app {
            font-size: 17px;
            padding-top: 6%;
            padding-left: 10%;
            margin-top: 54px;
        }
    }



    @media (min-width: 1680px) {
        .fotonana {
            margin: 0 auto;
            display: block;
            width: 337px;
            position: absolute;
            right: 50%;
            margin-top: 210px;
            height: auto;
            
        }
      .page-id-2563  .fotonana {
            
            margin-top: 10px;
          
          
        }
        
        
        .greca {
            width: 283px;
            margin: -154px auto;
            display: block;
            height: auto;
            margin-right: 50%;
        }
        .aboutus-title {
            width: 180px;
            height: auto;
            margin-left: 200px;
        }
        .text-ourquality-large {
            position: absolute;
            top: 50vh;
            width: 580px;
            right: 0px;
            color: #000;
            font-size: 27px;
        }
        .corazon {
            margin: 0 auto;
            display: block;
            width: 80px;
            height: auto;
            position: absolute;
            margin-top: 581px;
            right: 50%;
             margin-right: 50%;
        }
        .titulo-habia {
            margin: auto;
            top: 59px;
            /* bottom: 0; */
            left: 100px;
            right: 0;
            position: absolute;
            color: #000;
            font-size: 4em;
            width: 330px;
            height: 55px;
            display: block;
            z-index: 100;
            -webkit-transform: rotate(-5deg);
            -moz-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
        }
        
        .texto-app{
            margin-top: 250px;
        }
        
        .text-aboutus {
            width: 400px;
            margin: 30px auto;
            display: block;
            font-size: 17px;
        }
        .titulo-socialcommitment {
            position: absolute;
            bottom: -3px;
            right: 50px;
            width: 413px;
        }
        .stamp {
            right: 470px;
            top: 271px;
            display: block;
            width: 90px;
            z-index: 9999;
            position: absolute;
            height: auto;
        }

        .burritos {
            margin-left: 110px;
            margin-top: 50px;
            width: 400px;
            height: auto;
        }

        #modal-app .texto-app {
            font-size: 20px;
        }
        .jaguares {
            width: 190px;
            height: auto;
            position: absolute;
            top: 551px;
            right: 155px;
        }
        .nanna-app {
            width: 400px;
            height: auto;
            position: absolute;
            top: 120px;
            right: 200px;
        }
        .barras-app {
            width: 750px;
            height: auto;
            position: fixed;
            top: 0;
            right: 50px;
        }
        .saludos {
            position: absolute;
            top: 690px;
            right: 436px;
            margin: auto 130px;
            width: 227px;
            line-height: 0em;
            text-align: left;
            height: auto;
        }
        #modal-aboutus .text-aboutus {
            width: 600px;
            margin: 90px auto;
            display: block;
            font-size: 20px;
            margin-left: 232px;
        }

        #modal-aboutus .modal-dialog {
            width: 2000px;
        }
        #modal-aboutus .modal-body {
            position: relative;
            padding: 15px;
            width: 2000px;
        }
        .aboutus-texto {
            margin-top: 90px;
            position:relative;
        }
        #modal-aboutus h1 {
            margin-left: 150px;
            
        }
        
        #modal-aboutus .titulo-app2{
              top:10% !important;
        }

        .aboutus-left {
            height: 80vh;
            margin-top: 150px;
            min-height:700px;
        }
        .contenedor-socialcommitment {
            position: absolute;
            right: 21%;
            top: 350px;
            font-size: 16px;
        }
        .text-ourquality-large {
            position: absolute;
            top: 50vh;
            width: 680px;
            right: inherit;
            color: #000;
            font-size: 27px;
            left: 84px;
        }
        .heart {
            right: 10%;
        }
        .text-ourquality {
            right: 143px;
            font-size: 31px;
            width: 350px;
            top: 209px;
        }
        .ourquality-title img {
            width: 265px;
            height: auto;
        }
        .jaguar-bottom {
            right: 24%;
            top: 65%;
            display: block;
            width: 70px;
            z-index: 9999;
            position: absolute;
            height: auto;
        }
        .stamp {
            right: 549px;
            top: 307px;
        }

        .jaguares-delivery-izq {
            position: absolute;
            width: 200px;
            left: 0;
            right: 0;
            margin: auto;
            top: 5%;
        }
        .jaguares-delivery-der {
            width: 300px;
        }
        #mapa_whitelion,
        #mapa_regentstreet,
        #mapa_pettycury,
        #mapa_grafton  {
            position: absolute !important;
            top: 0;
            right: 7%;
            width: 700px;
            height: 469px;
            z-index: 1;
        }
    }

    @media (min-width: 1724px) {
        .navbar-default .navbar-nav>li>a {
            font-size: 18px;
        }
    }

    @media (min-width: 1920px) {
        .contenedor {
            padding: 0;
            height: 739px !important;
        }
        .skull-cyan {
            position: absolute;
            width: 404px;
            right: 135px;
            top: 11%;
            height: auto;
        }
        .cooking {
            margin-left: 112px;
        }
        input {
            width: 533px;
        }
        #escultura {
            position: absolute;
            right: 30px;
            top: 50px;
            width: 400px;
        }
        .contenedor-direccion {
            font-size: 24px;
        }
        #modal-catering .titulo-catering {
            margin: auto;
            margin-top: 176px;
            left: 20%;
        }
        .titulo-app {
            margin: auto;
            margin-top: 176px;
            left: 20%;
        }
        #modal-catering .titulo-catering2 {
            margin: auto;
            margin-top: 322px;
            left: 20%;
        }
        #modal-catering .titulo-catering,
        #modal-catering .titulo-catering2,
        .titulo-app {
            font-size: 14.4em;
        }
        .contenedor-cateringform {
            position: absolute;
            right: -350px;
            top: 409px;
            font-size: 28px;
            color: white;
            margin-top: 144px;
            margin-right: 20px;
            letter-spacing: 4px;
            line-height: 2em;
        }
        .logo {
            display: block;
            margin: -60px auto;
            width: 290px;
            float: none;
            margin-left: 20%;
        }
        .navbar-default {
           /* margin-top: 90px;*/
            background-color: transparent;
            border: none;
        }
        .navbar-default .navbar-brand {
            color: #777;
            width: 475px;
        }
        .hechomexico {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 200px;
        }
        #seccion1 .item-left img {
            width: 434px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }
        .burritos {
            margin-left: 150px;
            margin-top: 50px;
            width: 550px;
            height: auto;
        }
        .app-links {
            margin-top: 131px;
            width: 513px;
            height: auto;
            position: relative;
        }
        .googleplay {
            margin-top: -31px;
            width: 250px;
            height: auto;
        }
        .appstore {
            margin-top: -32px;
            width: 255px;
            height: auto;
        }
        .azteca-social {
            width: 400px;
            height: auto;
            position: absolute;
            left: 0;
            top: 160px;
        }
        .contenedor-socialcommitment {
            position: absolute;
            right: -300px;
            top: 150px;
            font-size: 20px;
            color: #fff;
        }

        #seccion1 {
            margin-top: 50px;
            height: 600px;
            position: relative;
        }
        .text-ourquality-large {
            position: absolute;
            top: 48vh;
            width: 780px;
            right: -150px;
            color: #000;
            font-size: 27px;
        }
        .contenedor-socialcommitment {
            position: absolute;
            right: -300px;
            top: 250px;
            font-size: 17px;
            letter-spacing: 2px;
            line-height: 1.6em;
            left: 50%;
        }

        .holaamigo {
            margin-top: 60px;
            margin-left: 197px;
        }
        .texto-catering {
            position: absolute;
            margin: 80px 0 0 100px;
            width: 600px;
            font-size: 23px;
        }
        .gallina {
            width: 200px;
            height: auto;
            position: absolute;
            right: -15px;
            left: inherit;
            margin: auto;
            top: -154px;
        }
        /*
        .titulo-social-commitment,
        .titulo-app1,
        .titulo-app2 {
            font-size: 8.5em;
        }
        */
        .greca-morada {
            position: absolute;
            bottom: -146px;
            right: 14%;
            width: 600px;
            height: auto;
            z-index: 0;
        }
        .mapa {
            position: absolute;
            top: 0;
            right: 10%;
            width: 1000px;
            height: auto;
            z-index: 1;
        }
        .texto-locations {
            font-size: 29px;
            margin-left: -261px;
            line-height: 1.5em;
        }
        .delivering {
            width: 250px;
            height: auto;
            margin-left: -45%;
            margin-bottom: 35px;
        }
        .callus {
            width: 208px;
            height: auto;
            bottom: 21%;
            right: 20%;
            position: absolute;
        }
        .stamp {
            right: 542px;
            top: 305px;
            display: block;
            width: 128px;
            z-index: 9999;
            position: absolute;
            height: auto;
        }
        .suscribe-input {
            width: 20px;
            display: inline-block;
            margin-left: 0px !important;
        }
        textarea {
            padding: 15px;
            margin: -30px auto;
            display: block;
            width: 700px;
            height: 300px;
        }
        .please {
            width: 100px;
            height: auto;
            margin-top: -166px;
            margin-left: 150px;
        }
        .jaguar-top {
            right: 0;
            top: 17%;
            display: block;
            width: 130px;
            z-index: 9999;
            position: absolute;
            height: auto;
            left: 0;
            margin: auto;
        }
        .jaguar-left {
            left: 34%;
            top: 46%;
            display: block;
            width: 70px;
            z-index: 9999;
            position: absolute;
            height: auto;
        }
        button.submit {
            background-color: #ec239f;
            color: #fff;
            border: none;
            padding: 5px;
            width: 128px;
            margin: 0 125px;
            display: block;
            height: auto;
            margin-top: 70px;
        }
        .jaguar-bottom {
            right: 17%;
            top: 69%;
            display: block;
            width: 120px;
            z-index: 9999;
            position: absolute;
            height: auto;
        }
        #van {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 241px 30px 0 auto;
            width: 698px;
            z-index: 15;
        }
        .texto-habiaunavez {
            position: absolute;
            width: 550px;
            margin: 300px auto 0 35%;
            left: 0;
            right: 0;
            font-size: 31px;
            font-family: 'Signal';
        }
        #habiaunavez {
            position: absolute;
            width: 350px;
            margin: 142px auto 0 25%;
            left: 0;
            right: 0;
        }
        .texto-habiaunavez {
            position: absolute;
            width: 550px;
            margin: 250px auto 0 25%;
            left: 0;
            right: 0;
            font-size: 26px;
            font-family: 'Signal';
        }
        .texto-locaciones {
            position: absolute;
            margin: 110px 0 0 100px;
            width: 550px;
            font-size: 26px;
        }
        .contenedor-locaciones {
            width: 588px;
            margin: 140px auto;
            /* top: 0; */
            bottom: 0;
            left: 0;
            right: 0;
            position: absolute;
            height: 170px;
        }
        .item-locaciones {
            float: left;
            width: 185px;
            margin: 0 5px;
            height: auto;
        }
        .ave {
            margin-top: -131px;
        }
        .titulo-habia {
            margin: auto;
            top: 154px;
            /* bottom: 0; */
            left: 22px;
        }
        .heart {
            bottom: 10%;
            right: 24%;
            position: absolute;
            width: 90px;
            height: auto;
        }
        .skull {
            bottom: 10%;
            margin: 26% auto;
            left: 20%;
            position: absolute;
            width: 200px;
            height: auto;
        }
        .text-ourquality {
            position: absolute;
            top: 162px;
            right: 254px;
            width: 350px;
            color: #000;
            font-size: 32px;
            height: auto;
            font-weight: bold;
        }
        .ourquality-title img {
            width: 315px;
            height: auto;
            margin-top: 60px;
            margin-left: 30px;
        }
        .choose-nearstone {
            width: 600px;
        }
        .opciones-mapa {
            width:1200px;
            margin: 55px auto;
            bottom: 0;
            left: 0;
            right: 0;
            position: relative;
            height: 246px;
            z-index: 160;
            /* height: auto; */
        }
        .btn-map {
            float: left;
            width: 255px;
            height: auto;
            margin: 0 5px;
            background-color: transparent;
        }
        #mapa_whitelion,
        #mapa_regentstreet,
        #mapa_pettycury,
        #mapa_grafton {
            position: absolute !important;
            top: 0;
            right: 7%;
            width: 825px;
            height: 527px;
            z-index: 1;
        }
    }

    @media (min-width: 2300px) {
        .logo {
            display: block;
            margin: -68px auto;
            width: 435px;
            float: none;
            margin-left: 13%;
        }
        .navbar-default {
            margin-top: 90px;
            background-color: transparent;
            border: none;
        }
        .jaguar-bottom {
            top: 58%;
        }
        .navbar-default .navbar-brand {
            color: #777;
            width: 475px;
        }
        .navbar-left {
            float: left!important;
            background-color: black;
            padding: 0 30px;
            margin-left: 7%;
        }
        .navbar-right {
            float: right!important;
            margin-right: -15px;
            background-color: black;
            padding: 0 30px;
            margin-right: 7%;
        }
        #seccion1 .item-left img {
            width: 600px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }
        .hechomexico {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 250px;
        }
        .stamp {
            right: 763px;
            top: 331px;
            display: block;
            width: 107px;
            z-index: 9999;
            position: absolute;
            height: auto;
        }
        .contenedor {
            padding: 0;
            height: 839px !important;
        }
        #seccion1 {
            margin-top: 120px;
            height: 839px;
            position: relative;
        }
        .contenedor-social {
            width: 200px;
            margin: 323px auto;
            /* top: 0; */
            bottom: 0;
            left: 0;
            right: 0;
            position: absolute;
            height: 38px;
            z-index: 16;
        }
        #van {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 381px 30px 0 auto;
            width: 698px;
            z-index: 15;
        }
        .texto-catering {
            position: absolute;
            margin: 140px 0 0 100px;
            width: 700px;
            font-size: 30px;
        }
        #corporative {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 650px;
        }
        .texto-habiaunavez {
            position: absolute;
            width: 750px;
            margin: 290px auto 0 25%;
            left: 0;
            right: 0;
            font-size: 39px;
            font-family: 'Signal';
        }
        .texto-habiaunavez {
            position: absolute;
            width: 750px;
            margin: 290px auto 0 25%;
            left: 0;
            right: 0;
            font-size: 39px;
            font-family: 'Signal';
        }
        .contenedor-locaciones {
            width: 788px;
            margin: 240px auto;
            /* top: 0; */
            bottom: 0;
            left: 0;
            right: 0;
            position: absolute;
            height: 170px;
        }
        .texto-locaciones {
            position: absolute;
            margin: 110px 0 0 100px;
            width: 590px;
            font-size: 29px;
        }
        .item-locaciones {
            float: left;
            width: 235px;
            margin: 0 5px;
            height: auto;
        }
        .ave {
            margin-top: -173px;
        }
        .btn-nanna {
            background-color: #ec239f;
            color: #fff;
            bottom: 50px;
            position: absolute;
            right: 50px;
            border: none;
            font-size: 23px;
        }
        #escultura {
            position: absolute;
            right: 30px;
            top: 50px;
            width: 480px;
        }
        .contenedor-direccion {
            width: 600px;
            font-size: 39px;
            line-height: 1.6em;
        }
        .nanna {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 200px auto;
            width: 600px;
            z-index: 14;
        }
        #delivery {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 650px;
        }
        .item-footer-left,
        .item-footer-right {
            height: 300px;
        }
        footer {
            height: 300px;
            background-color: #00ffff;
            padding: 0;
            margin: 0;
            position: relative;
        }
        .followus {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 291px auto;
            width: 450px;
            z-index: 15;
        }
        .contenedor-social {
            width: 266px;
            margin: 301px auto;
            /* top: 0; */
            bottom: 0;
            left: 0;
            right: 0;
            position: absolute;
            height: 61px;
            z-index: 16;
        }
        .item-social {
            float: left;
            width: 55px;
            margin: 0 5px;
        }
        #mapa_whitelion,
        #mapa_regentstreet,
        #mapa_pettycury,
        #mapa_grafton  {
            position: absolute !important;
            top: 0;
            right: 7%;
            width: 997px;
            height: 635px;
            z-index: 1;
        }
    }

    @media (max-width: 991px){
        .titulo-habia {   
            left: -63px;
        } 
    }

    @media (max-width: 767px){
        .titulo-habia {   
            left: 50px;
        } 
    }

    
    
    @media (max-width: 600px){
        .page-id-2563 .fotonana{
            margin-top:0;
            padding-top: 0;
        }
        .title-app{
            margin: 20px auto;
            text-align: center;
            
        }
        .texto-app{
            padding: 10px 0;
        }
        .googleplay {
            margin-top: -31px;
        
            margin: 0 auto;
            width: 250px;
            display: block;
        }
        .appstore {
           
            height: auto;
            display: block;
            margin: 25px auto;
        }
        .appstore-free {
            margin: 0 auto;
            display: block;
            width: 250px;
            height: auto;
            
            padding-left: 0;
        }
        
      .titulo-follow {
            margin-top: 120px;
        }
        
        
       .contenedor-locations .first-p,
        .contenedor-locations p:first-of-type
        {
            margin-top: 45% !important;
        }
    #container-id3107 .contenedor-locations .first-p,
       #container-id3107 .contenedor-locations p:first-of-type{
           margin-top:5% !important;
       }
     /*mobile */
        
        
       
     h1{
     font-size:20px;
     }
     h2{font-size:18px;
     }
     h3{
     font-size:16px;
     }
     
    #modal-menu{
     margin:0 auto !important;
     text-align:center;
     padding:0;
    margin-top:130px !important;
    }
    
    #modal-menu ul{
    margin: 0 auto;
    width:100%;
    }
    
    #modal-menu ul{
    text-align:left;
    }
    
    #menu1{
    padding-top:20px;
    }
    
    .menu-area {
    margin: 0 auto !important;
    width: 100% !important;
    }
    
    div#angledBgLeftNearlyfiftypercent1{
    left:-110% !important;
    top:-15% !important;
    }
    
    div#angledBgLeftBottomleft2{
    left:-61% !important;
    }
    div#angledBgRightBottomright4{
    right:-77% !important;
    }
    
    #menu_images_aleftbottom3{
     left:1% !important;
    }
    
   
    
        .contenedor-social {
            margin: 0px auto !important;
            top: 257px;
        }
        
        .titulo-follow {
            margin-top: 150px;
        }
        
        .texto-habiaunavez {
            margin: 0 auto;
            font-size: 15px;
            padding: 0 5%;
            text-align: justify;
            top: 350px;
            width: 400px;
            top: 300px;
        }      
    }

    @media (max-width: 480px){
        #seccion5 h1{
            margin-top: 50px;
        }
        .texto-catering {
           
            margin: 38px auto;
            padding: 0 10%;
            width: 100%;
        }
       #seccion3 .texto-catering {
           
            margin: 38px auto !important;
            padding: 0 10%;
            width: 100%;
            text-align:center !important;
        }
        
        .texto-habiaunavez {
            margin: 0 auto;
            font-size: 15px;
            padding: 0 5%;
            text-align: center;
            top: 350px;
            width: 400px;
            top: 50px;
        }
         .texto-habiaunavez  p{
          text-align: center;
          width:90%;
          margin: 0 auto;
         }
         #seccion4  .texto-habiaunavez {
         top:200px !important;
         
         }
         
         
        .titulo-follow {
            margin-top: 130px;
        }
        .contenedor-social {
            top: 229px;
        }
    }

    @media (max-width: 320px){
        .texto-catering {
            margin: 45px 0 0 100px;
            margin: 6px auto;
            padding: 0 10%;
            width: 100%;
        }
        .texto-habiaunavez {
            margin: 0 auto;
            font-size: 13px;
            padding: 0 5%;
            text-align: justify;
            top: 350px;
            width: 80%;
            top: 50px;
        }
        .texto-locaciones {
            font-size: 12px;
        }
    }

    @media(min-width: 600px){
        .ave {
            margin-top: -98px;
        }
    }
    @media(min-width: 768px){
        .ave {
            margin-top: -86px;
        }
    }

    @media(min-width: 1024px){
        .contenedor-locaciones {
            width: 437px;
            margin: 52px auto;
            top: 150px;
            bottom: 0;
            left: 0;
            right: 0;
            position: absolute;
            height: 125px;
        }
        .logo{
           display: block;
margin: -28px auto;
width: 170px;
float: none;
margin-left: 5% !important;
padding: 0;
        }
        .titulo-follow {
            top: 70px;
            height: 400px;
            left:50px;
        }
    }

    @media(min-width: 1280px){
        .logo {
            display: block;
            margin: -28px auto;
            width: 202px;
            float: none;
            margin-left: 21% !important;
            padding: 0;
        }
    }

    @media (min-width: 1366px){
        .titulo-follow {
            top: 232px;
            height: 400px;
        }
        .contenedor-social {
            margin: 131px auto !important;
            top: 143px;
        }
    }

    @media (min-width: 1440px){
        .contenedor-locaciones {
            top: 250px; 
        }
        .texto-locaciones {
            margin: 98px 0 0 100px;
        }
        
        .texto-habiaunavez {           
            margin: 246px auto 0 36%;
        }
        
        #seccion3 .texto-habiaunavez{
         margin:20% auto 0 25%;
        }
        
        
     
        .titulo-habia {
            top: 90px;
        }
        #van {
            margin: 285px 30px 0 auto;
        }
        .texto-catering {
            margin: 94px 0 0 100px;
        }
        .titulo-follow {
            top: 77px !important;
        }
        .contenedor-social {
            top: 170px;
        }
    }

    @media (min-width: 1680px){
        .contenedor-social {
            top: 140px;
        }
    }

@media (max-width:1679px){
    #modal-aboutus h1{
        left:0;
        margin-left: 150px;
        width:100%;
    }
    
}
    @media(min-width: 1920px){
        .nanna {
            top: 130px;
        }
        .titulo-follow {
            top: 212px !important;
        }
        .contenedor-social {
            top: 270px;
        }
        .item-locaciones {
            float: left;
            width: 135px;
            margin: 0 5px;
            height: auto;
            margin-top: 60px;
        }
        .ave {
            margin-top: -36px !important;
        }
        .logo{
            margin: -48px auto;
            width: 200px;
            float: none;
            margin-left: 20%;
        }
    }



    @media screen (max-width: 1155px) and (min-width: 1024px) {
        #mapa_whitelion,
        #mapa_regentstreet,
        #mapa_pettycury,
        #mapa_grafton  {
            right: 5%;
            width: 607px;
            height: 395px;
        }
        .regent-st {
            padding-top: 3%;
        }
    }
    /*
@media screen  (min-width: 1160px) {
    .navbar-default .navbar-nav>li>a {
        color: #EDE7DA;
        text-transform: uppercase;
        font-size: 11px !important;
        font-family: 'Signal';
    }
    .navbar-left {
        float: left !important;
        background-color: black;
        padding: 0 15px;
        margin-left: 2%;
        width: 450px;
    }
    .navbar-default .navbar-nav>li>a {
        color: #EDE7DA;
        text-transform: uppercase;
        font-size: 12px !important;
        font-family: 'Signal';
    }
}
*/