@charset "utf-8";
/* CSS Document */

@media screen and (min-width : 480px){
    #slider-medium li:nth-child(1){
        background-size: 480px;
    }
}
@media screen and (min-width : 640px){
    #slider-medium li:nth-child(1){
        background-size: 580px;
    }
    #slider-medium li:nth-child(2){
        background-size: 420px;
    }
}
@media screen and (min-width : 768px){
    .products-showcase {
        float: right;
        padding: 220px 0px;
        width: 60%;
    }
    .text-box h1, .products-showcase h2, .contacto h3{
        font-size: 33px;
    }
    .contacto p ,
    .text-box p, .products-showcase p{
        font-size: 18px;
    }
    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        bottom: 50px;
    }
}
@media screen and (min-width : 960px){
}
@media screen and (min-width : 1024px){
    #products .slide{
        overflow: hidden;
    }
    .menu-trigger{
        display: none;
        visibility: hidden;
    }
    .main-menu{
        background: #e9e9e9;
        display: block;
        float: right;
        min-height: auto;
        opacity: 1 !important;
        visibility: visible !important;
        position: relative;
        width: calc(100% - 300px);
    }
    .main-menu ul{
        display: table;
        float: left;
        table-layout: fixed;
    }
    .main-menu ul:first-child {
        padding-top: 0px;
    }
    .main-menu ul:first-child{
        width: calc(100% - 170px);
    }
    .main-menu li{
        display: table-cell;
    }
    .main-menu ul:first-child a{
        color: #6d6d6d;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 0.05em;
        padding: 55px 10px 51px;
        /* text-align: center; */
    }
    .main-menu ul:last-child {
        opacity: 1;
        visibility: visible;
        float: right;
        width: 170px;
    }
    .main-menu ul:last-child a{
        opacity: 0.4;
        border-radius: 50%;
        height: 40px;
        margin: 40px auto;
        width: 40px;
    }
    .main-menu ul:last-child a:hover{
        opacity: 0.7;
    }
    .top-slider-container {
        min-height: 768px;
    }
    .text-box h1, .products-showcase h2, .contacto h3{
        font-size: 43px;
    }
    .inner-newsletter-first .box p{
        font-size: 33px;
    }
    .slide .slide-box h3,
    .slide-h .slide-box h3{
        font-size: 39px;
    }
    .products-showcase p{
        font-size: 24px;
    }
    .slide .slide-box p,
    .slide-h .slide-box p{
        font-size: 18px;
    }
    .slider,
    #slider-medium li{
        min-height: 768px;
    }
    #slider-medium li:nth-child(1){
        background-size: 800px;
        background-position: 15% bottom;
    }
    #slider-medium li:nth-child(2){
        background-size: 560px;
        background-position: 20% bottom;
    }
    /*.us-container {
        min-height: 768px;
    }*/
    .box {
        /*display: table-cell;*/
        padding: 65px 0px 0px;
        width: 50%;
    }
    .inner-newsletter-first .centrador,
    .us-container .centrador,
    .slide, .inner-contacto-first .centrador{
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
    }
    .box:nth-child(2) {
        padding-left: 30px; 
    }
    .flaoting-image img {
        margin-bottom: -700px;
        max-width: 650px;
        width: 90%;
    }
    #slider-wrapper,
    .inner-wrapper{
        /* min-height: 768px; */
        height: 768px;
    }
    #slider-wrapper-h,
    .inner-wrapper-h {
        /* min-height: 768px; */
        height: 768px;
    }
    .slide .slide-box,
    .slide-h .slide-box{
      width: 50%;
    }
    .slide:nth-child(1) .image-box,
    .slide:nth-child(2) .image-box,
    .slide:nth-child(3) .image-box,
    .slide:nth-child(4) .image-box{
        background-size: contain;
        min-height: 640px;
    }
    .slide-h:nth-child(1) .image-box,
    .slide-h:nth-child(2) .image-box{
        background-size: contain;
        min-height: 640px;
    }
    #s1, #s2, #s3, #s4 {
        background-color: rgba(0,0,0,0);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 100px;
        left: 16%;
        margin-left: -56px;
        top: 20px;
        width: 100px;
    }
    #s1:hover,
    #s2:hover,
    #s3:hover,
    #s4:hover {
        background-color: rgba(0,0,0,0);
      opacity: 1;
    }
    #s1{
        background-image: url(../img/tequila-anejo.png);
    }
    #s2{
        background-image: url(../img/tequila-plata.png);
        margin-left: 50px;
    }
    #s3{
        background-image: url(../img/tequila-reposado.png);
        margin-left: 156px;
    }
    #s4{
        background-image: url(../img/tequila-anejo.png);
        margin-left: 262px;
    }
    .inner-contacto-first ul{
        margin: 0px;
    }
        .contacto p {
        text-align: right;
    }
    .span-container span{
        margin: 0px;
    }
    .inner-newsletter-first .box p{
        text-align: right;
    }
    .span-container input[type="email"]{
        font-size: 18px;
    }
    .inner-newsletter-first:nth-child(2) .box:nth-child(1) p{
        text-align: left;
    }
    .inner-newsletter-first:nth-child(2) .box:nth-child(2) p{
        text-align: right;
    }
    .inner-newsletter-first:nth-child(2) .box p{
        font-size: 14px;
    }
    .inner-newsletter-first{
        padding-top: 45px;
    }
}
@media screen and (min-width : 1280px){
    .tequila-table {
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        padding: 0px 15px;
    }
    .inner-tequila-table {
        width: 33.333%;
    }
    .inner-tequila-table:nth-child(2) {
        padding: 20px 30px;
    }
    .inner-tequila-table:nth-child(2) p {
        text-align: center !important;
    }
    .inner-tequila-table p{
        font-size: 14px !important;
    }
    #s1, #s2, #s3, #s4,
    #s1-h, #s2-h{
        top: 60px;
    }
    .contacto,
    .tequilas,
    .historia{
        padding: 0px 0px 115px;
    }
    /* .contacto, */
    .inner-contacto-first,
    .box {
        padding: 85px 0px 0px;
    }
    
    .slide-h{
        margin-top: 165px;
        /* padding:165px 0px 0px; */
        padding:0px;
        /* overflow: hidden; */
    }
    .slide{
        padding:165px 0px 0px;
        /* overflow: hidden; */
    }
    .text-box h1, .products-showcase h2{
        font-size: 48px;
    }
    .contacto p {
        font-size: 21px;
    }
    .products-showcase p{
        font-size: 29px;
    }
    .flaoting-image img {
        margin-bottom: -650px;
    }
}
@media screen and (min-width : 1600px){
}
@media screen and (min-width : 1920px){
}

@media (min-width : 860px) and (-webkit-min-device-pixel-ratio:0) { 
    
}