/*
    Theme Responsive Design
*/

@media (max-width:1199px) {
    .hero_section .owl-carousel .item { height:600px; }
    .food_section .food_list .food_content p { min-height:73px; }

    .menu_section .fm_list .fm_content p { font-size: 12px; line-height: 14px; min-height:45px; }
    .menu_section .fm_list .fm_content span.price { line-height: 22px; padding: 0 10px 2px  ; }
}

@media (max-width: 1024px) {
	
}

/* ---- Start of max-width 992px CSS ---- */
@media (max-width: 992px) {
    ul.nav > li > a {
        font-size: 10px;
        padding: 0 5px;
    }
    .hero_section{
        height: 520px;
    }
    .about_section .about_content,
    .featured_food_section .featured_food_content {
		padding: 0;
	}
    .stuff_section .stuff_list .stuff_info img{
        width: 150px;
        height: 150px;
    }
    /*.event_section{ padding: 100px 0; }*/

}
/* ---- End of max-width 992px CSS ---- */


@media (max-width:991px) {
    .hero_section .owl-carousel .item { height: 520px; }
    .food_section .food_list .food_content p { min-height: 65px; line-height: 16px; font-size: 12px; }
    .say_container { margin: 20px; }
    .say_container .say_img { left:0; }
    .say_container .say_img img { max-width: 125px; box-shadow: 0px 0px 0px 10px #a9292e; }

    .contact_info { padding:100px 0; }

    .footer_widget_section .col-md-3 { margin-bottom:45px; }

}

/* ---- Start of min-width 480px and max-width 768px CSS ---- */
@media all and (min-width: 480px) and (max-width: 768px) {
	
}
/* ---- End of min-width 480px and max-width 768px CSS ---- */


/* ---- Start of max-width 767px CSS ---- */
@media all and (max-width: 767px) {
    body, p{
        font-size: 12px;
        line-height: 22px;
    }
    body{ overflow-x: hidden; }
    h1{
        font-size: 30px;
    }
    h2{
        font-size: 20px;
    }
    h3{
        font-size: 16px;
    }
    .padding{
        padding: 60px 0;
    }
    .xs-padding{
    	padding: 15px;
    }
    .header_section { padding:5px 0; }
    .navbar-header {
        padding: 0;
    }
    .event_section {
        overflow-x: hidden;
    }
    #navbar { 
        padding: 0; 
        position: absolute;
        left: 25px;
        right: 25px;
        top: 120%;
    }
    .title-style-one:before, .title-style-two:before{
        display: none;
    }
    .title-style-two:after{
        display: none;
    }

    .navbar-header .brand {
        display: block;
        padding: 0 15px;
    }
    .navbar-toggle { margin-top:15px; }
    .navbar-fixed-top .navbar-collapse{ margin-top: -5px; }
    .navbar-collapse {
        background-color: #111;
        border-top: medium none;
        box-shadow: none;
        margin-top: 0px;
        overflow-x: visible;
        padding-left: 0;
        padding-right: 0;
    }
    ul.nav{
        margin: 0;
        overflow: hidden;
    }
    ul.nav > li{
        display: block;
        margin: 0;
    }
    ul.nav > li > a{
        display: block;
        font-size: 14px;
        color: #777;
        line-height: 45px;
        padding: 0 30px;
        text-align:center;
    }
    ul.nav > li > a:after{
        display: none;
    }
    ul.nav > li > a:hover,
    ul.nav > li.active > a {
        background-color: transparent;
        color: #fff;
    }
    .hero_section, .hero_section .owl-carousel .item { height: 450px; }
    .modal-dialog{
        width: 90%;
    }
	.contact_form .form-group .col-sm-6:first-child{
        margin-bottom: 15px;
    }

    .featured_food_section .img_box {
        max-width: 400px;
        margin: 0 auto;
    }
    .featured_food_section:before { margin-left:-230px; }

    .event_section .event_banner { margin-bottom:30px; }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height:initial; }
    .navbar-fixed-top ul.nav > li > a { line-height:45px; }

    .side_bar, .related_news { width:50%; float:left; }
     .navbar-collapse{
        background-color: #5ea42a !important;
        /*margin-left: -15px !important;
        margin-right: -15px !important;*/
    }
    .dropdown-menu>li>a{
        color: #fff;
        text-align: center;
    }
    ul.nav > li > a{
         color: #fff;
    }
    .footer_widget_section{
        padding: 0px;
    }
    .footer_widget_section .col-md-3{
        margin-bottom: 0px;
    }
}
/* ---- End of max-width 767px CSS ---- */

@media (max-width:667px) {
    .hero_section, .hero_section .owl-carousel .item { height: 370px; }
}

@media (max-width:600px) {
    .contact_lst li { width: 50%; min-height: 155px; }
    .menu_list { column-count: 1; }
}

/* ---- Start of max-width 480px CSS ---- */
@media all and (max-width: 480px) {
    .col-xs-6{
        float: none;
        width: 100%;
    }
    .say_container .say_img img { max-width: 100px; box-shadow: 0px 0px 0px 5px #a9292e; }
    .say_container { padding-left:95px; margin:10px; }
    .xs-padding, .food_section .food_list li, .menu_section .fm_list li { padding: 15px 5px; }

    .side_bar, .related_news { width:100%; float:none; }

}
/* ---- End of max-width 480px CSS ---- */


/* ---- Start of max-width 420px CSS ---- */
@media all and (max-width: 414px) {
    .featured_food_section:before {
        margin-left: -210px;
        margin-top:-210px;
        height:420px;
        width:420px;
    }
    .say_container { padding-left:0; margin-top: 25px; }
    .say_container .say_img { left: 50%; margin-left: -50px; top: -15px; }
    .say_content { display: block; padding-top: 80px; }
    .say_content .say_name { border-right:0; text-align:center; border-bottom:1px solid rgba(255, 255, 255, 0.1); padding: 10px 15px; }
    .say_content .say_name, .say_content .says { display: block; width:100%; }
    .say_content .say_name p { margin-bottom:0; }
    .say_content .says { padding: 30px 10px 20px; text-align:center; }
}
/* ---- End of max-width 420px CSS ---- */


/* ---- Start of max-width 380px CSS ---- */
@media all and (max-width: 400px) {
    .contact_lst li { width: 100%; }
	
}
/* ---- End of max-width 380px CSS ---- */
