



@media only screen and (min-width: 1200px) {

    div.container {
        max-width: 1180px;
    }
    .menu_toggle{
        display: none;
    }
    .header_menu{
        display: block;
    }


}


@media only screen and (min-width: 1025px) {

    .main_header .header_menu > ul > li:hover > ul {
        display: block;
    }


}






@media only screen and (max-width: 1024px) {


/*------------ header start -------------*/
    .menu_toggle{
        display: block;
    }
    .main_header .header_menu {
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        width: 80%;
        background: black;
        height: 100%;
        text-align: left;
        border: 1px solid #363636;
        padding-top: 35px;
        transition: all 0.3s ease 0s;
        z-index: 9;
        overflow: auto;
    }
    .main_header .header_menu.active {
        left: 0;
    }

    .main_header .header_menu ul li {
        display: block;
        margin-left: 0;
    }

    .main_header .header_menu > ul > li > a {
        padding-left: 25px;
        margin-bottom: 2px;
    }

    .main_header .header_menu > ul > li:last-child > a {
        margin-left: 23px;
    }

    .main_header .header_menu ul li .drop {
        padding: 11px 20px;
        position: absolute;
        top: 0;
        right: 0;
    }
    .main_header .header_menu > ul > li > ul {
        width: 100%;
        position: inherit;
        display: block;
        padding: 0;
        overflow: hidden;
        border-radius: 0;
        display: none;
    }
    .main_header .header_menu > ul > li > ul.active {
    }
    .main_header .header_menu > ul > li > ul a{
        padding-left: 35px;
    }
/*----------- header end ---------------*/



/*----------------home start---------------*/
    #banner {
        height: auto;
    }

    #banner_bottom .middle {
        padding: 0vw 4vw;
        margin-bottom: 6vw;
        margin-top: 4vw;
    }

/*---------------home end-------------*/

/*--------------------- nosotros start ----------------*/

#nos_gallery_one .right .box {
    margin-left: 0;
}
#nos_banner:after {
    height: 120px;
    bottom: -170px;
}



/*------------------- nosotros end ---------------------*/





}







@media only screen and (max-width: 768px) {


    .cus_site_logo img {
        width: 140px;
    }
    div#single_body .sidebar {
        margin-top: 25px;
    }








/*-------------------home start-------------------*/
    #banner .banner_content img {
        width: 75%;
    }

    #banner .banner_content {
        padding-top: 12%;
    }

    #banner .banner_content h3 {
        font-size: 4vw;
    }
    #visit .right .box {
        margin-left: 0;
    }
    #visit .owl-theme .owl-nav .owl-next {
        right: 0;
    }
    #nuestro {
        padding-top: 0;
        padding-bottom: 0;
    }
    #newsletter h1 {
        font-size: 35px;
        line-height: 30px;
    }

    #newsletter .newsletter_form input, #newsletter .newsletter_form input[type="submit"] {
        width: 100%;
        margin-bottom: 5px;
    }
/*-------------------home end -------------------*/



/*--------------------- nosotros start ----------------*/

#nos_banner img {
    width: 70%;
}
#nos_banner_bottom p {
    font-size: 16px;
}

#nos_gallery_one .box h1 {
    font-size: 48px;
}

#nos_gallery_one .nos_gallery_one .box {
    margin: 15px 0;
}

/*------------------- nosotros end ---------------------*/


/*----------------- carnes start --------------------------*/

div#car_banner_bottom .c_b_b_second_gallery {
    display: flex;
    flex-direction: column-reverse;
}



/*----------------- carnes end --------------------------*/

#res_map{
    padding-top: 30px;
    padding-bottom: 30px;
}

#res_map .right .box {
    margin-right: 0px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#res_map.odd .right .box {
    margin-left: 0px;
    margin-right: 0;
}
div#res_contact_info .right .box .btn a{
    padding: 15px;
}
#res_map.odd > .container > .row {
    flex-direction: column-reverse;
}
div#res_contact_info .left .info h4 {
    margin-top: 30px;
}

/*--------------- footer start -----------------*/


    footer .main_footer h4 {
        margin-bottom: 5px;
    }
    footer .main_footer ul li a {
        margin-bottom: 0;
    }

    footer .main_footer .row > div {
        margin-bottom: 25px;
    }

    .footer_bottom p {
        text-align: center;
        margin-bottom: 15px;
    }

    .footer_bottom ul {
        text-align: center;
    }

    #banner_bottom {
        padding-left: 15px;
        padding-right: 15px;
    }
/*------------------ footer end --------------------*/








}





@media only screen and (max-width: 500px) {

    header .header_top .all_contact {flex-direction: column;align-items: center;}

    .main_header {
        padding-top: 10px;
        padding-bottom: 12px;
    }

.last_col {
    margin-top: 0px;
}
#newsletter{
    padding-top: 100px;
    padding-bottom: 20px;
}

footer .main_footer {
    padding-top: 50px;
    padding-bottom: 25px;
}




/*--------------------- nosotros start ----------------*/

#nos_banner:after {
    height: 120px;
    bottom: -200px;
}

/*------------------- nosotros end ---------------------*/





}



