@font-face {
  font-family: "Arial";
  src: url("../fonts/Arial/Arial-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial Bold";
  src: url("../fonts/newArial-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial Italic";
  src: url("../fonts/newArial-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Arial Bold Italic";
  src: url("../fonts/newArial-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Arial CE";
  src: url("../fonts/newArialCE-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial CE Bold";
  src: url("../fonts/newArialCE-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial Black";
  src: url("../fonts/newArialBlack.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Flatpen";
  src: url("../fonts/Flatpen W00 Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



.wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing:border-box;
}



body {
  overflow-x: hidden;
}

figure {
  margin: 0;
}

body a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

p:last-child {
  margin: 0;
  padding: 0;
}

p,h1,h2,h3,h4,h5,h6 {margin: 0;}


.accessibility{text-align: center;}
.accessibility a{color: #fff;font-size: 18px;font-weight: 400;line-height: 26px;margin: 0;text-align: right;display: inline-block;}
.accessibility a:hover{color:#fff;}
.accessibility i{font-size: 22px;margin-right: 3px;}
.accessibility-statement-page h2 {margin: 0;padding: 0;text-align: center;padding-bottom: 50px;font-size: 42px;font-weight: 600;line-height: 34px;font-family: 'Source Serif Pro';}
.accessibility-statement-page h3 {color: #000;padding: 0 0 15px;margin: 0;font-size: 24px;font-weight: 600;line-height: 33px;font-family: 'Source Serif Pro', serif;}
.accessibility-statement-page p {font-size: 18px;line-height: 30px;color: #000;margin: 0;padding-bottom: 15px;padding-right: 30px;}
.contact_input, .contact_input_textarea {font-size: 18px;font-weight: 400;margin: 0;padding: 10px 15px 10px 15px;width: 100%;color: #fff;outline: none;background-color: transparent !important;border: 2px solid #ddd;}
.accessibility-form .submit-btn {background-color: #6b6b6b;color: #fff!important;font-weight: 600;padding: 7px 20px!important;font-size: 20px;font-family: 'Source Serif Pro';text-transform: capitalize;text-decoration: none;line-height: 27px;
margin: 0 16px;letterspacing: 0.5px;border: 1px solid #6b6b6b!important;}
.accessibilit-each-sec {padding: 0 0 30px 0;}
.accessibilit-each-sec a {color: #000; text-decoration: none;}
.accessibility-form .form-group {margin-bottom: 15px;}
.accessibility-form .form-group input {color: #000;}
.accessibility-form .form-group textarea {color: #000;}
.accessibility-form .contact_input::placeholder, .accessibility-form .contact_input_textarea::placeholder {color: #ccc; font-size: 18px;}
.accessibility-form .form-group .submit-btn:hover {color: #6b6b6b !important;background:transparent;}
.inner-page.accessibility-statement-page {padding: 70px 0 0;}
.register_btn_part{margin-top:15px;}





.common-padding {padding: 60px 0px;}

.common-sec h2 {font-size: 40px;line-height: 50px;text-align: center;padding: 0 0 20px 0;font-weight: 700;color:#fff;font-family: "Arial";}
.common-sec h3{font-family: "Arial";}
.common-sec p {font-size: 18px;line-height: 27px;color: #000;padding: 0 0 15px 0;font-family: "Arial";}
a:hover {color: inherit;}
.header {position:unset;top: 0;z-index: 99999;width: 100%;padding:0px 0;background:#fff;}
.menu ul li a {color: #000 !important;padding: 8px 18px 7px 18px!important;font-size: 20px;font-weight: 600;font-family: "Arial";display: inline-block;}
.menu ul li a:hover {color:#C30918!important;}


.navbar-nav .header-btn a{color:#fff!important;background: #C30918;border-radius: 25px;margin: 0 0 0 15px;border:2px solid #C30918;}
.header-btn a:hover{color:#C30918!important;background:transparent;}
.navbar-expand-md .navbar-collapse {justify-content: right;}
.slider {position: relative;}
.sticky {position: sticky !important;top: 0;width: 100%;background-color: #000;color: #000 !important;z-index: 999;display: block;box-shadow: 0px 7px 6px #bfb7b7a8;}
.block-inner img {border-radius: 50%;border: 2px solid #ad9578;}
.block-inner p {text-align: center;font-size: 22px;line-height: 30px;padding: 15px 0 0 0;color: #ad9578;font-weight: 500;font-family: 'Cinzel';}
.logo img {width: 100%;}
.slider .carousel-item img {width: 100%;}
.carousel-control-prev img {transform: rotate(180deg);}
.navbar-nav{align-items:center;}

.carousel .carousel-item img{width:100%;}

.sticky {
  position: sticky !important;
  top: 0;
  width: 100%;
  background-color: #fff;
  color:#000!important;
  z-index: 999;
  display: block;
  box-shadow: 0px 7px 6px #bfb7b7a8;
}


/*.welcome-txt-1{background:#C30918;}*/
.welcome-txt-1{background:#C30918;}
.welcome-sec .welcome-txt-1{padding: 40px 0 !important;}
.welcome-sec .welcome-img{padding:0;}
.welcome-txt .welcome-inner{width: 70%; margin: 0 auto; text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;}
.welcome-txt .welcome-inner p{color:#fff;}
.welcome-txt .welcome-inner h2{letter-spacing:5px;}
.welcome-img img{width:100%;height: 100%;object-fit: cover;}
.welcome-txt-1 .welcome-inner h2 span{color:#000;}

/*.welcome-txt-2{background:#4bd1a0;}*/
.welcome-txt-2{background:#008000;}
.welcome-txt-2 .welcome-inner h3{font-size: 36px; line-height: 40px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 5px;}
.welcome-txt-2 .welcome-inner .red-heading{color:#C30918;}
.welcome-txt-2 .welcome-inner img{width:17%;margin: 0 0 20px 0;}
.welcome-btn a{transition:0.5s;font-size: 16px; line-height: 25px; color: #fff; font-weight: 700; background: transparent; border: 3px solid #fff; padding: 5px 18px; display: inline-block; margin: 0px 0 0 0;font-family: "Arial";}
.welcome-btn a:hover{background:#C30918;border: 3px solid #C30918;}
.welcome-txt-2 .welcome-inner p{padding: 25px 0;}

.welcome-txt-3{background:#000;}
.welcome-txt-3 .welcome-inner h3{font-size: 36px; line-height: 40px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 5px;}
.welcome-txt-3 .sky-heading{color:#008000!important;}
.welcome-txt-3 .welcome-btn a{color:#008000;border: 3px solid #008000;margin: 0px 0 0 0;}
.welcome-txt-3 .welcome-btn a:hover{background:#008000;border: 3px solid #008000;color:#fff;}
.welcome-txt-3 .welcome-inner p{padding: 25px 0;}


.michelada-moday{background: url(../images/la-costa-sea-bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;background-attachment: fixed;}
.michelada-moday-img-sec{text-align:center;}
.baloon-sec{display: inline-block; position: absolute; top: 0; left: 22%;}
.michelada-moday-img-col{position:relative;}

.michelada-moday-txt h3{color:#fff;font-size: 36px; line-height: 41px; text-transform: uppercase; font-weight: 800;}
.michelada-moday-txt{display:inline-block;}
.michelada-moday-img-sec img{width:28%;}
.michelada-moday-txt{display: inline-block; position: absolute; top: 18%; right: 16%;}
.michelada-moday-heading h2{text-transform:uppercase;letter-spacing:2px;font-weight: 800;}
.michelada-moday-dots{border-bottom: 6px dotted #fff; width: 45%; margin: 0 auto; margin: 50px auto 50px auto;}
.hola-txt h3{font-size: 34px; line-height: 42px; color: #fff; text-transform: uppercase; font-weight: 800; letter-spacing: 2px;}


.location-hrs-txt-inner{text-align: center; background: #008000; padding: 34px 30px 15px 30px;}
.location-hrs-txt-inner h3{color:#fff;font-size: 30px; line-height: 38px; font-weight: 700; padding: 0 0 15px 0;}
.location-hrs-txt p{padding:0 0 0 0;color:#fff;font-size: 18px;line-height: 27px;font-weight: 600;}
.footer-logo a img{width:45%;}
.footer-phone a{font-size: 18px; line-height: 25px; font-weight: 600; color: #fff; display: inline-block;font-family: "Arial";}
.footer-phone a:hover{color:#C30918;}
.footer-address{padding:0 0 15px 0;}
.footer-phone{padding:0 0 15px 0;}
.footer-hrs p{padding:0 0 5px 0;}

.footer{background:#000;}
/*.footer-txt-inner{display: flex;justify-content: space-around;}*/
.footer-contact{text-align:center;}
.footer-connect{text-align:center;}
.footer-media{text-align: center;margin: 0px 0 0 0;display: flex;flex-direction: column;}
.footer-media a{margin:35px 0px 0 0;}
.footer-jobs{text-align:center;}
.footer-txt-inner h3{font-size: 34px; line-height: 40px; font-weight: 600; color: #C30918; padding: 0 0 20px 0;}
.footer-txt-inner p{color:#fff;font-size: 18px; line-height: 27px; font-weight: 600; text-transform: uppercase;font-family: "Arial";}
.footer-txt-inner a{color:#fff;font-size: 26px; line-height: 33px; font-weight: 600; text-transform: uppercase;font-family: "Arial";}
.footer-btn a{transition:0.5s; font-size: 16px; line-height: 27px; color: #fff; font-weight: 600; font-family: "Arial"; padding: 11px 18px; background: #9c1704; letter-spacing: 1.5px;}
.footer-btn a:hover{background:#f18b7c;}
.footer-btn{display: inline-block; margin: 35px 0 0 0px;}

.copyright { padding: 10px 0; background-color:#008000; }
.copyright p { color: #fff; font-size: 18px; font-weight: 400; margin: 0; padding: 0 0; letter-spacing: 0.5px; }
.Proudly_text { text-align: right;}
.location-hrs{background:#f2f2f2;}

.inner-header{background-color: #d9d9d9;position: unset;}


/*Menu css*/

.menu-heading-col h2{color:#C30918;padding: 0 0 40px 0;}
.menu-col-heading{text-align:center;}
/*.menu-col-heading h2{color: #000; line-height: 42px; font-size: 32px; padding: 0 0 20px 0;font-family: "Flatpen";}*/
.menu-col-heading h2{color: #000; line-height: 42px; font-size: 32px; padding: 0 0 5px 0;font-family: "Arial";display: inline-block;border-bottom: 5px dotted #C30918;margin: 0 0 15px 0;}
.menu-sec .menu-item{display: flex;align-items: baseline;}
.menu-item h4{font-size: 20px;font-family: "Arial";}
.menu-sec .dots {flex: 1; overflow: hidden; color: #000; margin: 0 10px; font-size: 23px; letter-spacing: 4px;}
.menu-sec .menu-item p.price-sec{font-size: 20px; line-height: 20px; color: #000; font-weight: 600; text-align: right;padding: 0 0 10px 0;}
.menu-row .menu-description{padding: 0;margin: 0;font-weight: 400;font-family: "Arial";text-align: left;}
.menu-row{padding:0 0 8px 0;}
.appetizers-row{padding:0 0 25px 0;justify-content: center;}

.left-sec{padding:0 20px;}
.right-sec{padding:0 20px;}
.signature-dishes-row{background: #DCB613;padding: 30px 0;justify-content: center;margin: 0 12px 25px 12px;}

.add-on-box ul li{font-size: 18px;font-weight: 500;background: url(../images/Rectangle-y.jpg);background-repeat: no-repeat; background-position: 0 2px; list-style: none; background-size: 24px; padding: 0px 0 8px 35px;margin: 0 0 0 20px;font-family: "Arial";}
.add-on-box-inner ul{display: flex;flex-wrap: wrap;justify-content: center;}
/*.add-on-box{width: 85%;border: 2px solid #DCB613;padding: 10px 0;margin: 10px 0;}*/
.add-on-box{width: 85%;border: 2px solid #DCB613;padding: 10px 5px 10px 0;margin: 10px 0;}
.inner-menu-row{padding:20px 0 8px 0;}
.menu-row h3{font-size: 24px; line-height: 32px; font-weight: 600;padding: 0 0 5px 0;}


.inner-menu .coctel-heading{color: #000; line-height: 42px; font-size: 32px; padding: 0 0 20px 0; font-family: "Arial";text-align: center; font-weight: 700;}
.micheladas-box .menu-item h4{order:2;padding:0 0 0 20px;}
.micheladas-box{background: #DCB613;padding: 30px;margin: 30px 0 0 0;text-align: center;}
.coctel-menu{margin: 30px 0 0 0;text-align: center;}
.micheladas-heading{border-bottom: 5px dotted #C30918; padding: 0 0 5px 0!important; margin: 0 0 15px 0;display: inline-block;color: #000 !important;line-height: 42px !important;font-size: 32px !important;}
.micheladas-box h3{text-align: left; font-size: 24px; font-weight: 600; line-height: 30px; padding: 0 0 10px 0;}
.coctel-heading{border-bottom: 5px dotted #C30918;padding: 0 0 5px 0 !important;margin: 0 0 15px 0;display: inline-block;}

.platos-camaron-menu h2{color: #000; line-height: 42px; font-size: 32px; font-family: "Arial"; text-align: center; font-weight: 700;border-bottom: 5px dotted #C30918;padding: 0 0 5px 0 !important;margin: 0 0 15px 0;display: inline-block;}
.platos-camaron-menu{text-align:center;}
.platos-camaron{margin:35px 0 0 0;}

.salsa-roja-sec{text-align:right;margin: 12px 0 0 0;}
.salsa-roja-sec .salsa-roja-txt{text-align: right; padding: 5px 15px; border: 2px solid #DCB613; display: inline-block;border-radius: 25px;}

.extra-burrito{text-align: left; padding: 9px 0 10px 25px!important; font-size: 20px!important; font-weight: 600;}
.extra-burrito-ul{display: unset!important;text-align:left!important;}
.jurritos-menu h2{color: #000; line-height: 42px; font-size: 32px; font-family: "Arial"; text-align: center; font-weight: 700; border-bottom: 5px dotted #C30918; padding: 0 0 5px 0 !important; margin: 0 0 15px 0; display: inline-block;}
.jurritos-menu{text-align: center;margin: 30px 0 0 0;}
.jurritos-menu h4{order:2;padding:0 0 0 20px;}
.jurritos-menu .menu-item {justify-content: center;}

.aguas-frescas-menu{text-align:center;margin: 30px 0 0 0;}
.aguas-frescas-menu h2{color: #000; line-height: 42px; font-size: 32px; font-family: "Arial"; text-align: center; font-weight: 700; border-bottom: 5px dotted #C30918; padding: 0 0 5px 0 !important; margin: 0 0 15px 0; display: inline-block;}
.aguas-frescas-menu ul li{text-align: center; font-size: 20px; font-weight: 700;}
.extra-menu-row p{font-size: 20px; padding: 5px 0 0px 0; font-weight: 600;}
.extra-menu-row{padding:15px 0 0 0;}
.signature-tacos-row{margin:35px 0 0 0;}

.party-tray-row h4 span{font-size:16px;}
.party-tray-row{margin:35px 0 0 0;}
.party-tray-row .party-menu-border{border-bottom:2px dashed #000;}

.fresca-grande .menu-item{justify-content: space-between;}
.fresca-grande1{padding:30px 0 8px 0;}

/*.menu-border{background: url(../images/la-costa-menu-border-thick.png);background-size: contain;padding: 35px 20px;background-repeat: no-repeat;}*/
.menu-border{background: url(../images/la-costa-menu-border-thick.png);background-size: contain;padding: 35px 46px 35px 20px;background-repeat: no-repeat;}

.contact_input, .contact_input_textarea, .contact-us select{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    margin: 0;
    padding: 8px 15px 8px 15px;
    width: 100%;
    color: #000;
    outline: none;
    background-color: #fff !important;
    border: 1px solid #ddd;
    border-radius:0;
}

.each-field{text-align:left;padding-bottom:20px;}
.submit-btn {background-color: #C30918;color: #fff!important;font-weight: 600;padding: 7px 20px!important;font-size: 20px;font-family: 'Source Serif Pro';text-transform: capitalize;text-decoration: none;line-height: 27px;
margin: 0 16px;letterspacing: 0.5px;border: 1px solid #C30918;margin-top:15px;}
.booking-sec-box{padding: 25px;background: #f2f2f2;}
.form-heading{text-align: center; font-size: 28px!important; line-height: 36px!important; font-weight: 600!important; padding: 0 25px 35px 25px!important;}
.form-group p{font-size: 18px;padding: 0 0 5px 0;}
.for-new-input{padding:9px 12px;}
.each-field p{font-size: 18px;padding: 0 0 5px 0;}
.form-check label{font-size: 18px;padding: 0 0 5px 0;}
.housemade-row .left-sec{padding: 0 20px 0 30px;}



.mob-sec{display:none;}

.footer-media a img{width:60px;}


.modal-body .poppup-sec{display:flex; padding:0; align-items: center; justify-content: center;}
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; overflow: hidden; outline: 0; background: #0000007a;} 
.modal-content{width: 100%; pointer-events: auto; background-color: transparent; border: 0;}
.modal-content img{width: 100%;}
.olson-pop .modal-dialog{ margin: 0 auto; top: 50%; max-width: 600px; z-index: 9999;display: flex;justify-content: center;align-items: center; transform: translate(0, -50%)!important;} 
.modal-body{ padding: 0; } 
.olson-pop .close{ float: left; font-size: 38px; font-weight: 500; line-height: 1; color:#75170e !important; background-color: transparent; border: none;filter: alpha(opacity=20); opacity: 1; z-index: 999999; padding: 6px 6px; height: auto; position: absolute; right:0px; top: 0px; } 
.olson-pop .close:focus{ outline:none; border:none; }

.extra-ul li{font-size:18px;font-family: "Arial";}






@media (min-width: 1200px) and (max-width: 1399.98px){
    .menu-border{background-size: 100% 100%;}
    .location-hrs-txt-inner h3 {font-size: 26px;line-height: 36px;padding: 0 0 10px 0;}
    .footer-address {padding: 0 0 10px 0;}
    .footer-phone{padding: 0 0 10px 0;}
    .location-hrs-txt-inner{padding: 20px 30px 5px 30px;}
    .footer-logo a img{width: 39%;}
    .michelada-moday-txt {right: 13%;}
    
     .olson-pop .modal-dialog{top: 50%; max-width: 500px;}
    .olson-pop .close {font-size:35px;right: 5px;top: 0px;}
     .olson-pop .close{right: 0px;}
    

}


@media (max-width: 575.98px) {
   
    .header, .sticky{position: unset !important;}
    .inner-header{background:transparent;}
    .menu { padding-top: 0px; text-align: center;padding-bottom: 15px; }
    .menu .navbar { display: flex; padding: 0; }
    .navbar-dark .navbar-toggler {margin: 6px 0 0 0; width: 100%; background-color: #C30918; float: left; text-align: right; border: none; padding: 6px 15px; border-radius: 0; outline: none; }
    .navbar-collapse {background-color: #fff;}
    .menu ul li { padding: 0; width: 100%;}
    .menu ul li a { text-shadow: none; color: #000 !important; float: left; font-size: 16px; text-align: left; font-weight: 600; padding: 10px 10px!important; width: 100%; border-bottom: 1px solid #000; letter-spacing: 0.4px; }
    .sticky .menu ul li a{color: #000 !important;}
    .menu ul li a:hover, .sticky .menu ul li a:hover{color: #C30918 !important;}
    .carousel-control-next, .carousel-control-prev{display: none;}
    .common-sec { padding: 40px 0; }
    .logo img {width:80%;}
    .logo{text-align:center;}
    .navbar-nav{border: 1px solid #000;}
    .navbar-toggler:focus{box-shadow:unset;}
    .header-btn{display:none;}
    .mob-sec{display: flex;flex-direction: column;align-items: center;}
    .mob-sec a{font-size: 16px; line-height: 26px; padding: 8px 15px; background: #C30918; color: #fff; font-weight: 600; display: inline-block; width: 65%;margin: 6px 0;}
.common-sec h2 {font-size: 30px;line-height: 40px;padding: 0 0 10px 0;}
.welcome-txt .welcome-inner {width:90%;}
.common-sec p {padding: 0 0 12px 0;}
.welcome-sec .welcome-txt-1{order:2;}
.welcome-txt-2 .welcome-inner h3 {font-size: 28px;line-height: 34px;}
.welcome-txt-2 .welcome-inner p {padding: 15px 0;}
.welcome-txt-2{padding: 20px 12px;}
.welcome-btn a {border: 2px solid #fff;}
.welcome-txt-3{order:2;}
.welcome-txt-3 .welcome-inner h3{font-size: 28px;line-height: 34px;}
.welcome-txt-3 .welcome-inner p {padding: 15px 0;}
.welcome-txt-3 .welcome-btn a {border: 2px solid #008000;}
.welcome-txt-3{padding:20px 12px;}
.michelada-moday-heading h2{font-size: 24px;line-height: 32px;}
.michelada-moday-img-sec img {width: 48%;}
.michelada-moday-img-sec{text-align: left;}
.baloon-sec {position:unset;margin: 0 0 12px 0;}
.michelada-moday-txt{position:absolute;text-align: center;display: block;top: 11%;right: 3%;}
.michelada-moday-dots {border-bottom: 4px dotted #fff;width: 40%;margin: 30px auto 30px auto;}
.hola-txt h3 {font-size: 24px;line-height: 32px;}
.michelada-moday-txt h3 {font-size: 24px;line-height: 32px;}
.location-hrs-txt-inner h3 {font-size: 26px; line-height: 34px;}
.location-hrs p{padding: 0 0 10px 0;}
.footer-txt-inner h3 {font-size: 28px;line-height: 36px;padding: 0 0 20px 0;}
.footer-media {margin: 0px 0 25px 0;}
.footer-map iframe{height:230px;}
.copyright_text{text-align:center;}
.Proudly_text p{text-align:center;}
.Proudly_text{margin-top:10px;}
.form-heading {font-size: 24px !important;line-height: 34px !important;padding: 0 0px 24px 0px !important;}
.submit-btn {font-size: 18px;}
.menu-border {padding: 25px 16px;background:unset;}
.menu-col-heading h2 {font-size: 26px;line-height: 36px;}
.left-sec {padding: 0 5px;}
.right-sec {padding: 0 5px;}
.menu-item h4 {font-size: 18px;}
.menu-sec .menu-item p.price-sec {font-size: 18px;}
.menu-row .menu-description{font-size: 16px;line-height: 22px;}
.menu-row {padding: 0 0 8px 0;}
.signature-dishes-row {padding: 20px 0;margin: 0 5px 25px 5px;}
.appetizers-row .add-on-box-inner ul{display:unset;}
.appetizers-row .add-on-box{width: 100%;}
.appetizers-row {padding: 0 0 15px 0;}
.micheladas-box {padding: 25px;margin: 25px 0 20px 0;}
.micheladas-heading {padding: 0 0 5px 0 !important;line-height: 36px !important;font-size: 26px !important;}
.micheladas-box{text-align: left;}
.micheladas-box h3 {font-size: 22px;}
.menu-row h3{font-size: 22px;}
.housemade-row{justify-content:center;}
.coctel-menu {margin: 25px 0 0 0;}
.coctel-heading{font-size: 26px !important;}
.platos-camaron-menu h2{font-size: 26px !important;}
.salsa-roja-sec{text-align: center;}
.aguas-frescas-menu {margin: 25px 0 25px 0;}
.platos-camaron{justify-content:center;}
.extra-menu-row p {font-size: 18px;}
.extra-menu-row{padding: 10px 0 8px 0;}
.signature-tacos-row{justify-content:center;}
.party-tray-row{justify-content:center;margin: 25px 0 0 0;}
.party-tray-row .row{padding:0;}
.aguas-frescas-menu h2{font-size: 26px;}
.aguas-frescas-menu ul li {font-size: 18px;}
.platos-camaron .add-on-box ul li{text-align:left;}
.platos-camaron .add-on-box ul{display:unset;}
.platos-camaron .add-on-box {width:100%;}
.jurritos-menu {margin: 25px 0 0 0;}
.jurritos-menu h2{font-size: 26px;}
.signature-tacos-row {margin: 25px 0 0 0;}
.signature-tacos-row .add-on-box ul li{text-align:left;}
.signature-tacos-row .add-on-box ul{display:unset;}
.signature-tacos-row .add-on-box{width:100%;}
.platos-camaron .add-on-box {width:100%;}
.fresca-grande1{padding:10px 0 10px 0;}
.housemade-row .left-sec {padding: 0 12px 0 12px;}


.menu-border{position:relative;overflow: hidden;}
.menu-border::before{content:'';height: 10600px;width: 10px;content: '';background-image: url(../images/line.jpg);background-size: contain;display: inline-block;position: absolute;top: 0;left: 0;}
.menu-border::after{content:'';height: 10600px;width: 10px;content: '';background-image: url(../images/line.jpg);background-size: contain;display: inline-block;position: absolute;top: 0;right: 0;}

.menu-tb-border::before{top: -49.95%;width: 10px;content: '';background-image: url(../images/line.jpg);background-size: contain;background-repeat: repeat;background-position: 0;display: inline-block;height: 100%;position: absolute;left:0;transform: rotate(90deg);}
.menu-tb-border::after{content: '';bottom: -49.94%;width: 10px; background-image: url(../images/line.jpg); background-size: contain; background-repeat: repeat; background-position: 0; display: inline-block;height: 100%; position: absolute;left: 0;transform: rotate(90deg);}


.accessibility{text-align: center;margin:2px 0 5px 0 0;}
.accessibility a {font-size: 18px;padding-bottom: 10px;padding-top: 10px;}
.accessibility i{ font-size: 22px;}
.inner-page.accessibility-statement-page {padding: 45px 0 0;}
.accessibility-statement-page h2 {font-size: 30px;line-height: 36px;padding-bottom: 30px;}

.footer-media a img{width:50px;}
.footer-media a {margin: 25px 0px 0 0;}


 .modal-body .poppup-sec{display:flex; flex-direction:column; align-items: center; justify-content: center;}
    .modal-body .poppup-sec #imager{width:90%; margin:10px 0;}
     .modal-dialog{padding: 0 15px;top: 50%!important;max-width: 350px!important;height: 250px!important;background:unset!important;}
    .first-popup {margin-right: 0px;}
        .modal-body .poppup-sec {display: flex;flex-direction: column;}
         .modal-content img{width: 100%;}

.salsa-roja-sec .salsa-roja-txt{text-align:center;}
    
    
}

@media (max-width: 767.98px ) and (orientation: landscape) {
    
    .header, .sticky{position: unset !important;}
    .inner-header{background:transparent;}
    .menu { padding-top: 0px; text-align: center;padding-bottom: 15px; }
    .menu .navbar { display: flex; padding: 0; }
    .navbar-dark .navbar-toggler {margin: 6px 0 0 0; width: 100%; background-color: #C30918; float: left; text-align: right; border: none; padding: 6px 15px; border-radius: 0; outline: none; }
    .navbar-collapse {background-color: #fff;}
    .menu ul li { padding: 0; width: 100%;}
    .menu ul li a { text-shadow: none; color: #000 !important; float: left; font-size: 16px; text-align: left; font-weight: 600; padding: 10px 10px!important; width: 100%; border-bottom: 1px solid #000; letter-spacing: 0.4px; }
    .sticky .menu ul li a{color: #000 !important;}
    .menu ul li a:hover, .sticky .menu ul li a:hover{color: #C30918 !important;}
    .carousel-control-next, .carousel-control-prev{display: none;}
    .common-sec { padding: 40px 0; }
    .logo img {width:50%;}
    .logo{text-align:center;}
    .navbar-nav{border: 1px solid #000;}
    .navbar-toggler:focus{box-shadow:unset;}
    .header-btn{display:none;}
    .mob-sec{display: flex;flex-direction: column;align-items: center;}
    .mob-sec a{font-size: 16px; line-height: 26px; padding: 8px 15px; background: #C30918; color: #fff; font-weight: 600; display: inline-block; width: 48%;margin: 6px 0;}
.common-sec h2 {font-size: 30px;line-height: 40px;padding: 0 0 10px 0;}
.welcome-txt .welcome-inner {width:90%;}
.common-sec p {padding: 0 0 12px 0;}
.welcome-sec .welcome-txt-1{order:2;}
.welcome-txt-2 .welcome-inner h3 {font-size: 28px;line-height: 34px;}
.welcome-txt-2 .welcome-inner p {padding: 15px 0;}
.welcome-txt-2{padding: 30px 12px;}
.welcome-btn a {border: 2px solid #fff;}
.welcome-txt-3{order:2;}
.welcome-txt-3 .welcome-inner h3{font-size: 28px;line-height: 34px;}
.welcome-txt-3 .welcome-inner p {padding: 15px 0;}
.welcome-txt-3 .welcome-btn a {border: 2px solid #008000;}
.welcome-txt-3{padding:30px 12px;}
.michelada-moday-heading h2{font-size: 24px;line-height: 32px;}
.michelada-moday-img-sec img {width: 48%;}
.michelada-moday-img-sec{text-align: center;}
.baloon-sec {position:absolute;margin: 0 0 12px 0;top: 0%;left: 10%;}
.michelada-moday-txt{position:absolute;text-align: center;display: block;top: 11%;right: -5%;}
.michelada-moday-dots {border-bottom: 4px dotted #fff;width: 40%;margin: 30px auto 30px auto;}
.hola-txt h3 {font-size: 24px;line-height: 32px;}
.michelada-moday-txt h3 {font-size: 24px;line-height: 32px;}
.location-hrs-txt-inner h3 {font-size: 26px; line-height: 34px;}
.location-hrs p{padding: 0 0 10px 0;}
.footer-txt-inner h3 {font-size: 28px;line-height: 36px;padding: 0 0 20px 0;}
.footer-media {margin: 0px 0 25px 0;}
.footer-map iframe{height:230px;}
.copyright_text{text-align:center;}
.Proudly_text p{text-align:center;}
.Proudly_text{margin-top:10px;}
.form-heading {font-size: 24px !important;line-height: 34px !important;padding: 0 0px 24px 0px !important;}
.submit-btn {font-size: 18px;}
.menu-border {padding: 25px 16px;background:unset;}
.menu-col-heading h2 {font-size: 26px;line-height: 36px;}
.left-sec {padding: 0 5px;}
.right-sec {padding: 0 5px;}
.menu-item h4 {font-size: 18px;}
.menu-sec .menu-item p.price-sec {font-size: 18px;}
.menu-row .menu-description{font-size: 16px;line-height: 22px;}
.menu-row {padding: 0 0 8px 0;}
.signature-dishes-row {padding: 20px 0;margin: 0 5px 25px 5px;}
.appetizers-row .add-on-box-inner ul{display:unset;}
.appetizers-row .add-on-box{width: 100%;}
.appetizers-row {padding: 0 0 15px 0;}
.micheladas-box {padding: 25px;margin: 25px 0 20px 0;}
.micheladas-heading {padding: 0 0 5px 0 !important;line-height: 36px !important;font-size: 26px !important;}
.micheladas-box{text-align: left;}
.micheladas-box h3 {font-size: 22px;}
.menu-row h3{font-size: 22px;}
.housemade-row{justify-content:center;}
.coctel-menu {margin: 25px 0 0 0;}
.coctel-heading{font-size: 26px !important;}
.platos-camaron-menu h2{font-size: 26px !important;}
.salsa-roja-sec{text-align: center;}
.aguas-frescas-menu {margin: 25px 0 25px 0;}
.platos-camaron{justify-content:center;}
.extra-menu-row p {font-size: 18px;}
.extra-menu-row{padding: 10px 0 8px 0;}
.signature-tacos-row{justify-content:center;}
.party-tray-row{justify-content:center;margin: 25px 0 0 0;}
.party-tray-row .row{padding:0;}
.aguas-frescas-menu h2{font-size: 26px;}
.aguas-frescas-menu ul li {font-size: 18px;}
.platos-camaron .add-on-box ul li{text-align:left;}
.platos-camaron .add-on-box ul{display:unset;}
.platos-camaron .add-on-box {width:100%;}
.jurritos-menu {margin: 25px 0 0 0;}
.jurritos-menu h2{font-size: 26px;}
.signature-tacos-row {margin: 25px 0 0 0;}
.signature-tacos-row .add-on-box ul li{text-align:left;}
.signature-tacos-row .add-on-box ul{display:unset;}
.signature-tacos-row .add-on-box{width:100%;}
.platos-camaron .add-on-box {width:100%;}
.fresca-grande1{padding:10px 0 10px 0;}
.housemade-row .left-sec {padding: 0 12px 0 12px;}


.menu-border{position:relative;overflow: hidden;}
.menu-border::before{content:'';height: 8600px;width: 10px;content: '';background-image: url(../images/line.jpg);background-size: contain;display: inline-block;position: absolute;top: 0;left: 0;}
.menu-border::after{content:'';height: 8600px;width: 10px;content: '';background-image: url(../images/line.jpg);background-size: contain;display: inline-block;position: absolute;top: 0;right: 0;}

.menu-tb-border::before{top: -49.95%;width: 10px;content: '';background-image: url(../images/line.jpg);background-size: contain;background-repeat: repeat;background-position: 0;display: inline-block;height: 100%;position: absolute;left:0;transform: rotate(90deg);}
.menu-tb-border::after{content: '';bottom: -49.94%;width: 10px; background-image: url(../images/line.jpg); background-size: contain; background-repeat: repeat; background-position: 0; display: inline-block;height: 100%; position: absolute;left: 0;transform: rotate(90deg);}
    

  .accessibility{text-align: center;margin:2px 0 5px 0 0;}
.accessibility a {font-size: 18px;padding-bottom: 10px;padding-top: 10px;}
.accessibility i{ font-size: 22px;}
.inner-page.accessibility-statement-page {padding: 45px 0 0;}
.accessibility-statement-page h2 {font-size: 30px;line-height: 36px;padding-bottom: 30px;}

.footer-media a img{width:50px;}
  .footer-media a {margin: 30px 0px 0 0;}
  
  
   .modal-body .poppup-sec{display:flex; align-items: center; justify-content: center;}
    .modal-body .poppup-sec #imager{width:100% !IMPORTANT; margin: 0 10px;}
       .olson-pop .modal-dialog {top: 50%;max-width: 300px;}
       .modal-content img{width: 100%;} 
  
    
} 

@media (min-width: 768px) and (max-width: 991.98px){
   
   .menu ul li a {padding: 8px 6px 7px 6px !important;font-size: 14px;}
   .navbar-nav .header-btn a {margin: 0 0 0 10px;}
   .common-sec h2{font-size: 34px;line-height: 44px;}
   .welcome-sec .welcome-txt-1{padding: 30px 0 !important;}
   .welcome-txt-2{padding: 30px 0;} 
   .welcome-txt-3{padding: 30px 12px;}
   .welcome-txt-2 .welcome-inner h3{font-size: 30px;}
   .welcome-txt-3 .welcome-inner h3 {font-size: 30px;}
   .welcome-txt-3 .welcome-inner p {padding: 15px 0;}
   .common-padding {padding:50px 0;}
   .michelada-moday-txt{top: 3%;right: -2%;}
   .michelada-moday-img-sec img{width: 32%;}
.michelada-moday-txt h3 {font-size: 34px;}
.michelada-moday-dots{border-bottom: 5px dotted #fff;width: 42%;margin: 30px auto 30px auto;}
.location-hrs-txt-inner{padding: 25px 20px 15px 20px;}
.location-hrs-txt-inner h3 {font-size: 26px;padding: 0 0 10px 0;}
.footer-txt-inner h3 {font-size: 30px;}
.copyright p {font-size: 12px;}
.form-heading {font-size: 24px !important;line-height: 34px !important;padding: 0 10px 28px 10px !important;}
/*.menu-border{background-size: 100% 100%;padding: 50px 20px;}*/
.menu-border{padding: 25px 16px;background:unset;}
.menu-heading-col h2 {padding: 0 0 25px 0;}

.add-on-box-inner ul{justify-content: start;}
.add-on-box{margin: 5px 0;}

.micheladas-box .menu-item h4{text-align:left;}
.micheladas-box {padding: 25px;}

.platos-camaron-menu h2{font-size: 24px;line-height: 36px;}
.inner-menu .coctel-heading{font-size: 24px;line-height: 36px;}
.micheladas-heading{font-size: 24px!important;line-height: 36px!important;}
.menu-row h3 {font-size: 22px;line-height: 30px;}
.menu-col-heading h2{font-size: 24px;line-height: 36px;}

.platos-camaron-menu .menu-item h4{text-align: left;}
.jurritos-menu h2{font-size: 24px;line-height: 36px;}
.aguas-frescas-menu h2{font-size: 24px;line-height: 36px;}

.signature-tacos-row .add-on-box {width: 100%;}
.signature-tacos-row{justify-content: center;}

.menu-border{position:relative;overflow: hidden;}
.menu-border::before{content:'';height: 7000px;width: 10px;content: '';background-image: url(../images/line.jpg);background-size: contain;display: inline-block;position: absolute;top: 0;left: 0;}
.menu-border::after{content:'';height: 7000px;width: 10px;content: '';background-image: url(../images/line.jpg);background-size: contain;display: inline-block;position: absolute;top: 0;right: 0;}

.menu-tb-border::before{top: -49.95%;width: 10px;content: '';background-image: url(../images/line.jpg);background-size: contain;background-repeat: repeat;background-position: 0;display: inline-block;height: 100%;position: absolute;left:0;transform: rotate(90deg);}
.menu-tb-border::after{content: '';bottom: -49.94%;width: 10px; background-image: url(../images/line.jpg); background-size: contain; background-repeat: repeat; background-position: 0; display: inline-block;height: 100%; position: absolute;left: 0;transform: rotate(90deg);}

 .accessibility a{font-size: 12px;}
 
 .footer-media a {margin: 30px 0px 0 0;}
 .footer-txt-inner h3 {padding: 0 0 20px 0;}
 .footer-txt-inner a {font-size: 24px;}
 
 
  .modal-body .poppup-sec{display:flex; align-items: center; justify-content: center;}
    .modal-body .poppup-sec #imager{width:100% !IMPORTANT; margin: 0 10px;}
    .olson-pop .modal-dialog {top: 15%;max-width: 500px;background: unset!important;}
    .olson-pop .modal-dialog {top:50%;max-width: 440px;}
     .olson-pop .close {right:0px;top: 0px;color:#75170e !important;background: transparent;}
       .modal-content img {width: 100%;}




    
}

@media (min-width: 992px) and (max-width: 1199.98px){
 
 .menu ul li a{padding: 8px 8px 7px 8px !important;font-size: 18px;}
.common-sec h2{font-size: 36px;line-height: 48px;}
.welcome-txt .welcome-inner {width: 90%;}
.welcome-txt-3{padding:20px 12px;}
.welcome-txt-2 .welcome-inner h3 {font-size: 34px;}
.welcome-txt-3 .welcome-inner h3 {font-size: 34px;}
.common-padding{padding:50px 0;}
.location-hrs-txt-inner {padding: 25px 20px 15px 20px;}
.location-hrs-txt-inner h3 {font-size: 26px;line-height: 36px;}
.footer-txt-inner h3 {font-size: 32px;}
.menu-col-heading h2 {font-size: 30px;}
.add-on-box-inner ul{justify-content: start;}
/*.menu-border{background-size: 100% 100%;padding: 50px 20px;}*/
.menu-border{padding: 25px 16px;background:unset;}
.micheladas-heading{font-size: 30px !important;}
.inner-menu .coctel-heading{font-size: 30px;}
.micheladas-box {padding: 25px;}
.platos-camaron-menu h2{font-size: 30px !important;}
.micheladas-box .menu-item h4{text-align: left;}
.platos-camaron .add-on-box{width: 100%;}
.platos-camaron{justify-content: center;}
.jurritos-menu h2{font-size: 30px;}
.aguas-frescas-menu h2{font-size: 30px;}
.menu-row h3 {font-size: 22px;}
.form-heading {padding: 0 10px 25px 10px !important;}


.menu-border{position:relative;overflow: hidden;}
.menu-border::before{content:'';height: 6100px;width: 10px;content: '';background-image: url(../images/line.jpg);background-size: contain;display: inline-block;position: absolute;top: 0;left: 0;}
.menu-border::after{content:'';height: 6100px;width: 10px;content: '';background-image: url(../images/line.jpg);background-size: contain;display: inline-block;position: absolute;top: 0;right: 0;}

.menu-tb-border::before{top: -49.95%;width: 10px;content: '';background-image: url(../images/line.jpg);background-size: contain;background-repeat: repeat;background-position: 0;display: inline-block;height: 100%;position: absolute;left:0;transform: rotate(90deg);}
.menu-tb-border::after{content: '';bottom: -49.94%;width: 10px; background-image: url(../images/line.jpg); background-size: contain; background-repeat: repeat; background-position: 0; display: inline-block;height: 100%; position: absolute;left: 0;transform: rotate(90deg);}


 .accessibility a {font-size: 14px;}
 .copyright p {font-size: 14px;}
 
 .michelada-moday-txt {right: 8%;}
 
 .footer-media a {margin: 30px 0px 0 0;}
 
  .olson-pop .modal-dialog {top: 50%;max-width: 560px;background: unset!important;}
     .olson-pop .close{right: 0px;background:transparent;}
      .modal-content img {width: 100%;}



    
}