
@media screen and (min-width: 1700px){
	.container{
	    width: 1300px;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1699px){
  .container{
    width: 970px;
  }
}


@media screen and (max-width: 1800px){
	.navbar-nav>li>a {
	    font-size: 30px;
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
	.banner .banner-inner .banner-main-tex {
	    text-align: center;
	    margin-top: 60px;
	    margin-bottom: 30px;
	}
	.banner .banner-inner .banner-main-tex img {
	    max-width: 40%;
	}
	.banner .banner-inner .banner-sub-text img {
	    max-width: 40%;
	}
	.banner .banner-inner .clock-contact ul {
	    margin-bottom: -15px;
	}
	.clock img{
		width: 60%;
		z-index: 3;
    	position: relative;
	}
	.section-icon img{
		width: 40%;
	}
	.banner .banner-inner .clock-contact ul li a {
	    font-size: 30px;
	}
	.banner .banner-inner .clock-contact .bottom-header {
	    padding: 10px 0;
	}
	.banner .banner-inner .clock-contact .bottom-header h1 {
	    margin: 0;
	    font-size: 50px;
	}
	.noon-section-inner .section-icon {
	    top: 48px;
	    width: 150px;
	    height: 97px;
	}
	.food-item2 img {
	    max-width: 30%;
	    position: absolute;
	    top: -4%;
	}
	.food-item1 img {
	    max-width: 15%;
	    top: -5%;
	    left: 0;
	    z-index: 2;
	}
	.food-item3 img {
	    max-width: 15%;
	    top: -20%;
	    left: 0%;
	}
	.noon-section-inner {
	    position: relative;
	    background-color: #fff;
	    padding: 0 50px 40px 50px;
	    z-index: 1;
	}
	.description .desc-inner {
	    /*max-width: 680px;*/
	}
	.description h2 {
	    font-size: 40px;
	}
	.description p {
	    font-size: 16px;
	    margin-bottom: 40px;
	}
	.description .desc-footer ul li .info h3 {
	    font-size: 20px;
	}
	.description .desc-footer ul li .info p {
	    margin: 0;
	    font-family: 'Aleo-Regular';
	    color: #798059;
	    font-size: 16px;
	}
	.the-map .section-icon {
	    top: -20px;
	    width: 150px;
	    height: 95px;
	}
	.the-map .section-icon h3 {
	    margin-top: 30px;
	    font-size: 30px;
	    line-height: 27px;
	}
	.boxes .box-inner .box-desc h2 {
	    font-size: 45px;
	    margin-bottom: 25px;
	}
	.boxes .box-inner .box-desc p {
	    font-size: 13px;
	}
	.gallery .gallery-inner .section-icon h3 {
	    font-size: 30px;
	    line-height: 25px;
	}
	.gallery .gallery-inner .section-icon {
	    top: 15px;
	    width: 150px;
	    height: 84px;
	}
	.your .your-inner .section-icon h3 {
	    font-size: 30px;
	    line-height: 25px;
	}
	.your .your-inner .section-icon {
	    top: 15px;
	    width: 150px;
	    height: 84px;
	}
	.your .your-inner .salsa-parties .header h2 {
	    font-size: 40px;
	}
	.your .your-inner .salsa-parties .header {
	    padding: 5px;
	    text-align: center;
	}
	.your .your-inner .salsa-parties .salsa-parties-desc {
	    padding: 20px 50px;
	}
	.your .your-inner .salsa-parties .salsa-parties-desc p {
	    font-family: 'Aleo-Regular';
	    color: #000;
	    font-size: 15px;
	}
	.food-item3 img{
            max-width: 18%;
	    position: absolute;
	    top: -20%;
	    left: 0%;
            z-index: 100;
	} 
	.food-item4 img{
	  max-width: 100%;
	  position: absolute;
	  top: 35%;
          z-index: 100;
	  right: 0%;
	}
	.food-item5 img{
	  max-width: 100%;
	  position: absolute;
	  top: 50%;
	  left: 0%;
	} 
	.food-item6 img{
	  max-width: 13%;
	  position: absolute;
	  bottom: 0;
	  right: 1%;
          z-index: 100;
	}
	.food-item7 img{
	  max-width: 100%;
	  position: absolute;
	  left: 7%;
	  bottom: 5%;
          z-index: 100;
	}
	.food-item8 img{
	  max-width: 180px;
	  position: absolute;
	  left: 1%;
	  bottom: -65px;
	}
        
        .food-item8{
	  display:none;
	}
}

@media screen and (max-width: 1199px){
    .navbar-nav>li>a {
	    font-size: 40px;
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
	.banner .banner-inner .clock-contact ul li {
	    position: relative;
	    display: block;
	    padding: 2px;
	    margin: 1px;
	}
	.noon-section-inner .clock-contact {
	    top: -28%;
	}
	.clock img {
	    width: 50%;
	    z-index: 3;
	    position: relative;
	}
	.banner .banner-inner .clock-contact .bottom-header {
	    position: relative;
	    background-color: #723245;
	    text-align: center;
	    padding: 10px 0;
	    z-index: 2;
	}
	/*.food-item2 img{
		  max-width: 30%;
		  position: absolute;
		  top: -8%;
		  right: 0;
		  z-index: 5;
		} */
	.noon-section-inner {
	    padding: 80px 40px 80px 40px;
	}
	.description p {
	    font-size: 18px;
	    margin-bottom: 25px;
	}
	.description .desc-footer ul li {
	    /*display: block;*/
	}
	.description .desc-footer ul li img {
	    padding-top: 0;
	}
	.boxes .box-inner .box-desc h2 {
	    font-size: 40px;
	    margin-bottom: 25px;
	}
	.gallery .gallery-inner .facebook p {
	    font-size: 18px;
	}
	.your .your-inner .salsa-parties .header h2 {
	    font-size: 50px;
	}
	.your .your-inner .salsa-parties .salsa-parties-desc {
	    padding: 30px 50px;
	}
	footer .right-contact {
	    padding: 75px 20px 20px 20px;
	}
	footer .right-contact .bottom-section {
	    padding: 30px 10px;
	}
	footer .right-contact .bottom-section .right-panel p {
	    font-size: 20px;
	}
	footer .right-contact .bottom-section .right-panel h2 {
	    font-size: 35px;
	}
	footer .right-contact .bottom-section .left-panel .form-group .form-control {
	    text-align: left;
	}
}

@media screen and (max-width: 1000px){
	.banner .banner-inner .clock-contact ul {
	    margin-bottom: 3px;
	}
	.noon-section-inner .clock-contact {
	    top: -110px;
	}
	.noon-section-inner {
	    padding: 0px 40px 80px 40px;
	}
	.noon-section-inner .bottom-header{
	  position: relative;
	  left: 0%;
	  top: 0px;
	  width: 100%;
	  background-color: #723245;
	  text-align: center;
	  padding: 15px 0;
	  margin-bottom: 60px;
	}
	.noon-section-inner .section-icon {
	    top: 150px;
	    width: 150px;
	    height: 97px;
	}
	.description .desc-inner {
	    max-width: 100%;
	    padding: 0;
	}
  	/**/
	.food-item1 img{
		display: none!important;
	} 
	.food-item2 img{
	 display: none!important;
	} 
	.food-item3 img{
	display: none!important;
	} 
	.food-item4 img{
	display: none!important;
	}
	.food-item5 img{
	display: none;
	} 
	.food-item5 img{
	display: none!important;
	}
	.food-item6 img{
	display: none!important;
	}
	.food-item7 img{
	display: none!important;
	}
	.food-item8 img{
	display: none!important;
	}
	/**/
	footer .right-contact {
	    padding: 20px;
	}
	footer .right-contact .form-group {
	    margin-left: 0px;
	}
}

/*NAVBER only*/
@media screen and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
    /*------------------------*/
    .navbar{
    	min-height: 70px;
        z-index: 99999;
        background-color: rgba(0, 0, 0, 0.49);
    }
    .navbar-nav {
        margin: 0;
        float: none;
    }
    .navbar-default .navbar-toggle {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 10px 9px;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 100%;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #bf4e70;
    }
    .navbar-nav>li {
        float: none;
        display: block!important;
    }
    .resize .navbar-nav>li {
	    float: none!important;
	    display: block!important;
	}
    /**/
}
/*NAVBER only*/

@media screen and (max-width: 991px){
	.noon-section-inner .clock-contact ul li {
	    padding: 0;
	    margin: 0;
	}
	.noon-section-inner .clock-contact ul li a {
	    font-size: 25px;
	}
	.noon-section-inner .clock-contact {
	    top: -100px;
	}
	.noon-section-inner .bottom-header {
	    margin-bottom: 65px;
	}
	.noon-section-inner .bottom-header h1 {
	   margin: 0;
	}
	.noon-section-inner .section-icon {
		top: 110px;
	    height: 75px;
	}
	.mobile img{
		display: none;
	}
	.description .desc-footer ul li {
	    display: block;
	}
	.your .your-inner .salsa-parties .header h2 {
	    font-size: 35px;
	}
	footer .right-contact .bottom-section .left-panel .form-group .form-control {
		padding:0 5px;
	    text-align: left;
	    /*z-index: 5;*/
	}
	.year:after{
	  right: 0px;
	}
	.copy{
		position: relative;
		z-index: -2;
	}
}

@media screen and (max-width: 768px){
	.banner .banner-inner .banner-main-tex img {
	    max-width: 60%;
	}
	.banner .banner-inner .banner-sub-text img {
	    max-width: 60%;
	}
	.description p {
	    font-size: 15px;
	    margin-bottom: 25px;
	}
	.boxes .box-inner figure img {
	    width: 100%;
	}
	.gallery-box-inner img{
		width: 100%;
	}
	.boxes .box-inner {
	    margin-bottom: 5px;
	}
	.your .your-inner .salsa-parties .left-pic {
	    overflow: hidden;
	    margin-bottom: 5px;
	}
	#map {
	    height: 450px;
	}
	footer .right-contact .bottom-section {
	    padding: 30px 10px;
	    text-align: center;
	}
	footer .right-contact .bottom-section .left-panel .form-group .btn {
	    font-size: 16px;
	}
	footer .right-contact .bottom-section .right-panel p {
	    font-size: 20px;
	}
	footer .right-contact .bottom-section .right-panel h2 {
	    font-size: 32px;
	    margin: 5px;
	}
	.copy {
	    padding: 20px;
	    text-align: center;
	}
}

@media screen and (max-width: 610px){
	.noon-section-inner .clock-contact {
	    top: -50px;
	}
	.noon-section-inner .clock-contact ul li {
	    /*display: block;
	    padding: 5px;
	    margin: 5px;*/
	}
	.noon-section-inner .clock-contact ul li a {
	    font-size: 18px;
	}
	.noon-section-inner .clock-contact ul li a span img{
	    max-width: 50%;
	}
	.reservition a span {
	    font-size: 40px;
	}
	.clock{
	   display: none!important;
	}
}

@media screen and (max-width: 480px) {
	.resize .navbar-default {
	    /* background-color: transparent; */
	    background-color: transparent;
	}
	.navbar {
	    min-height: 60px;
	    background-color:transparent;
	}
	/*.navbar-collapse.collapse.in {
	    background-color: rgba(0, 0, 0, 0.58);
	}*/
	.navbar-nav {
	    background-color: rgba(0, 0, 0, 0.58);
	}
	.navbar-nav>li>a {
	    font-size: 20px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	}
	.bx-wrapper .bx-controls-direction a {
	    z-index: 0;
	}
	.banner .banner-inner {
	    top: 30%;
	}
	.banner .banner-inner .banner-main-tex {
	    text-align: center;
	    margin-top: 140px;
	    margin-bottom: 12px;
	}
	.banner .banner-inner .banner-main-tex img {
	    max-width: 80%;
	}
	.banner .banner-inner .banner-sub-text img {
	    max-width: 70%;
	}
	.navbar-toggle {
	    margin-right: 20px;
	    margin-top: 20px;
	}


	.banner .banner-inner .clock-contact .bottom-header h1 {
	    margin: 0;
	    font-size: 30px;
	}
	.noon-section-inner .bottom-header h1 {
	    font-size: 30px;
	}
	.noon-section-inner .section-icon {
	    top: 80px;
	    width: 100px;
	    height: 60px;
	}
	.noon-section-inner .section-icon img {
		max-width: 40%;
	}

	.noon-section-inner {
	    padding: 0px 20px 50px 20px;
	}
	.description h2 {
	    font-size: 30px;
	}
	.description p {
	    font-size: 13px;
	    margin-bottom: 20px;
	}
	.boxes .box-inner .box-desc p {
	    font-size: 13px;
	}
	.boxes .box-inner .box-desc a {
	    font-family: 'Aleo-Bold';
	    color: #8c002a;
	    font-size: 15px;
	    /* text-align: right; */
	    float: right;
	}
	.boxes .box-inner figure img {
	    margin-bottom: 10px;
	}
	.boxes .box-inner .box-desc h2 {
	    font-size: 35px;
	    margin-bottom: 15px;
	}
	.your .your-inner .salsa-parties .header h2 {
	    font-size: 30px;
	    margin: 0;
	}
	.your .your-inner .salsa-parties .salsa-parties-desc {
	    padding: 20px 20px;
	}
	.your .your-inner .salsa-parties .salsa-parties-desc p {
	    font-size: 13px;
	}
	footer .section-icon {
	    top: -30px;
	    width: 115px;
	    height: 80px;
	    line-height: 88px;
	}

}