@media (max-width: 1300px) {
    nav.navbar{
        padding-inline: 10px;
    }

    .nav-popup .popupBox ul {
        width: 85%;
    }

    .nav-popup .popupBox p, .nav-popup .popupBox i {
        font-size: 14px;
    }
    
    a.phone{
        font-size: 24px;
    }

	.collapse:not(.show){
		display: flex;
	}

	.title h6{
		font-size: 15px;
	}

	.square{
		padding: 3px;
	}

	header #sc_carousel .sc-carousel-item h2{
		font-size: 30px;
	}

	header #sc_carousel .sc-carousel-item p {
		font-size: 12px;
	}

	header button.prev, header button.next{
		display: none;
	}

	header .BookTable{
		bottom: 45px;
    	left: 30px;
	}

	header .square-rotate{
		width: 80px;
		height: 80px;
	}

	header .book-table-button{
		padding-inline: 0;
		width: 80px;
    	height: 80px;
	}

	header .book-table-button img {
	    width: 33px;
	}

	header .book-table-button p{
		font-size: 10px;
	}

	#AboutUs .title h6 {
        font-size: 15px;
    }

	#AboutUs h2 {
	    font-size: 28px;
	}

	#AboutUs p{
		font-size: 16px;
    	padding-inline: 30px;
    	margin-bottom: 40px;
	}

	#AboutUs .part{
		margin-bottom: 38px;
	}

    #AboutUs .title h6 {
        font-size: 17px;
    }

    #AboutUs h2 {
        font-size: 30px;
    }

    #AboutUs .part .product-item img {
        width: 270px;
    }

    #AboutUs h3{
        font-size: 24px;
    }

    #AboutUs .part .item ,
    #AboutUs .part:nth-of-type(2) .item{
        margin-inline: 12px;
    }

    #AboutUs .row .part:first-child,
    #AboutUs .row .part:last-child{
        position: initial;
    }

    #OurStory .title h6 {
        font-size: 17px;
    }

    #OurStory h2 {
        font-size: 30px;
    }

    #OurStory p.lorem {
        font-size: 14px;
        width: 82%;
    }

    #OurStory p.head {
        font-size: 15px;
    }

    #OurStory a.button.btn {
        font-size: 12px;
    }

    #OurStory .bg-img .right-img img:last-child,
    #OurStory .bg-img .right-img img{
        width: 100px;
    }

    #OurStory .bg-img .left-img img {
        width: 160px;
    }

    #OurStory img.bg-story {
        width: 270px;
    }

    

    #OurStory .bg-img .left-img {
        bottom: -5%;
        left: -8%;
    }

    #OurStory{
        padding-bottom: 35px;
    }

	a.button.btn{
		padding: 10px 20px;
    	font-size: 13px;
	}

	ul.circle-indicators {
	    bottom: 15px;
	    right: 30px;
	}

	#SpecialDish .title h6 {
        font-size: 17px;
    }

    #SpecialDish .part21 .item{
    	padding-left: 0;
    }

    #SpecialDish .part21{
    	padding-bottom: 40px;
    }

    #SpecialDish .part21{
    	padding-left: 1.5rem;
    }

    #SpecialDish .item-moving{
    	top: 7%;
        left: 10%;
    }

	#SpecialDish h2 {
	    font-size: 30px;
	}

	#SpecialDish p {
	    font-size: 14px;
	    padding-right: 0;
	    width: 108%;
	}

	#SpecialDish h5:last-child {
	    font-size: 25px;
	}

	#Menu ul{
		width: max-content;
	}

	#OurChefs{
		padding-block: 55px 65px;
	}

	#OurChefs .title h6 {
        font-size: 17px;
    }

    #OurChefs h2{
    	font-size: 30px;
    }

    #OurChefs .row .item{
    	width: 300px;
    	margin: auto;
    	margin-bottom: 35px;
    }

    #OurChefs h4 {
	    font-size: 24px;
	}

	#OurChefs p.name{
		font-size: 11px;
	}

	#ContactUs .content form{
		width: 300px;
	}

	#ContactUs .content form p {
	    font-size: 14px;
	}

	button.button.btn{
		font-size: 12px;
		padding: 12px 40px;
	}

	#ContactUs button.button.btn {
	    font-size: 14px;
	    padding: 10px 40px;
	}

	#ContactUs .content footer p{
		font-size: 13px;
	}

    .popup[data-popup-name="table"] .box,
    .popup[data-popup-name="product"] .box{
        width: 300px;
        padding-block: 30px;
    }

    .popup[data-popup-name="table"] .box .body,
    .popup[data-popup-name="product"] .box .body{
        padding: 0 18px;
    }

    .popup[data-popup-name="table"] .box .title h6 {
        font-size: 17px;
    }

    .popup[data-popup-name="table"] .box .body h2 {
        font-size: 27px;
    }

    .popup[data-popup-name="table"] .box button.button.btn {
        padding: 10px 20px;
    }

    .popup[data-popup-name="table"] .box textarea{
        margin-bottom: 30px;
    }

    .popup[data-popup-name="table"] .box i.close {
        right: 5px;
    }

    .popup[data-popup-name="product"] .title h6 {
        font-size: 17px;
    }

    .popup[data-popup-name="product"] .box .body h2{
        font-size: 27px;
    }

    .popup[data-popup-name="product"] .image .price {
        font-size: 12px;
    }

    .popup button.prev, .popup button.next{
        font-size: 12px;
        padding: 5px 6px;
    }

    .popup button.prev {
        left: 12px;
    }

    .popup button.next {
        right: 12px;
    }

    #Menu .img-container {
        width: 80px;
        height: 80px;
    }

    #Menu .content .img-container {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .img-part {
        padding-left: 0;
        position: relative;
    }

    #Menu .title h6 {
        font-size: 17px;
    }

    #Menu ul{
        margin-bottom: 50px;
    }

    .item.product-info h4{
        margin-bottom: 0;
    }

    #Menu h2.h1{
        font-size: 30px;
        margin-bottom: 15px;
    }

    #Menu .content>.row .part{
        padding-inline: 40px;
    }

    #Menu .content .part .row.new-product{
        margin-bottom: 20px;
    }

    #Menu .content .part2 .row.new-product:last-child{
        margin-bottom: 10px;
    }

    .text-part{
        padding-left: 30px;
    }

    #Menu h4{
        text-align: start;
    }

    #Menu p {
        padding-right: 0px;
        width: 102%;
    }

    #AboutUs p {
        width: 100%;
    }

    .nav-popup.show .popupBox {
        width: 300px;
    }
}

@media (min-width: 371px) and (max-width: 1300px) {
	.title h6 {
        font-size: 16px;
    }

    header #sc_carousel .sc-carousel-item h2 {
        font-size: 40px;
    }

    header #sc_carousel .sc-carousel-item p {
        font-size: 13px;
    }

    ul.circle-indicators {
        bottom: 5px;
        right: 20px;
    }

    header .BookTable {
        bottom: 30px;
    }

    #AboutUs h2 {
        font-size: 35px;
    }

    #AboutUs .part .product-item img {
        width: 285px;
    }

    #AboutUs h3 {
        font-size: 25px;
    }

    #OurStory h2 {
        font-size: 35px;
    }

    #OurStory .container .row{
        margin-inline: 0;
    }

    #OurStory .container .part{
        padding-inline: 0;
    }

    #OurStory p.lorem {
        width: 85%;
    }

    #OurStory a.button.btn {
        font-size: 13px;
    }

    #OurStory .bg-img .left-img {
        bottom: -5%;
    }

    #SpecialDish h2 {
        font-size: 35px;
    }

    #SpecialDish .item-moving {
    	left: 8%;
	}

    #SpecialDish p {
        padding-right: 60px;
        line-height: 30px;
        width: 95%;
    }

    #OurChefs h2 {
        font-size: 35px;
    }

    #OurChefs h4 {
	    font-size: 25px;
	}

	#OurChefs p.name{
		font-size: 11px;
	}

    .popup[data-popup-name="table"] .box ,
    .popup[data-popup-name="product"] .box{
        width: 400px;
    }

    .popup[data-popup-name="table"] .box .body h2 {
        font-size: 29px;
    }

    .popup button.prev {
        left: 18px;
    }

    .popup button.next {
        right: 18px;
    }

    .popup[data-popup-name="product"] .box .body h2 {
        font-size: 29px;
    }

    #Menu .img-container {
        width: 100px;
        height: 100px;
    }

    #Menu .content>.row .part {
        padding-inline: 45px;
    }

    .text-part {
        padding-left: 35px;
    }

    #Menu h2.h1 {
        font-size: 35px;
    }
}

@media (min-width: 577px) and (max-width: 1300px) {
	.title h6 {
        font-size: 17px;
    }

    .nav-popup.show .popupBox {
        width: 400px;
    }

    .nav-popup .popupBox ul {
        width: 60%;
    }

    .nav-popup .popupBox a.phone {
        font-size: 30px;
    }

    header #sc_carousel .sc-carousel-item h2 {
        font-size: 50px;
    }

    header #sc_carousel .sc-carousel-item p {
        font-size: 14px;
    }

    #AboutUs h2 {
        font-size: 40px;
    }

    #AboutUs p {
        padding-inline: 0;
        margin: auto;
        margin-bottom: 40px;
        width: 70%;
    }

    #AboutUs h3 {
        font-size: 27px;
    }

    #OurStory h2 {
        font-size: 40px;
    }

    #OurStory p.lorem {
        width: 81%;
    }

    #SpecialDish .part21 {
        padding-left: 0;
    }

    #SpecialDish .part21 .item {
        width: 400px;
        margin: auto;
        padding-left: 8px;
    }

    #SpecialDish .item-moving {
        left: 14%;
    }

    #SpecialDish h2 {
        font-size: 40px;
    }

    #SpecialDish p {
        padding-right: initial;
        width: initial;
    }

    #SpecialDish a.button.btn {
        font-size: 14px;
    }

    #Menu ul{
		width: 100%;
	}

	#OurChefs .row .item {
        width: initial;
    }

    #OurChefs .row .part:last-child .item {
        width: 280px;
    }

	#OurChefs h2 {
        font-size: 40px;
    }

	#OurChefs h4 {
        font-size: 27px;
    }

	#ContactUs .content form {
        width: 400px;
    }

    #ContactUs .content footer p {
        font-size: 16px;
    }

    .popup[data-popup-name="table"] .box .body h2 {
        font-size: 32px;
    }

    .popup[data-popup-name="table"] .box button.button.btn {
        font-size: 14px;
    }

    .popup[data-popup-name="product"] .box .body {
        padding: 0 18px;
    }

    .popup[data-popup-name="product"] .box .body h2 {
        font-size: 32px;
    }

    .popup button.prev, .popup button.next {
        padding: 8px 10px;
    }

    .popup button.prev {
        left: 18px;
    }

    .popup button.next {
        right: 18px;
    }

    .popup[data-popup-name="product"] .image .price {
        font-size: 14px;
    }

    #Menu h2.h1 {
        font-size: 40px;
    }

    #Menu .content>.row .part1 {
        border-right: none;
    }

    #Menu .content .part .row.new-product ,
    #Menu .content .part2 .row.new-product:last-child,
    #Menu .content .part1 .row.new-product:last-child{
        margin-bottom: 40px;
    }

    .text-part .row>div:first-child{
        padding-right: 0;
    }

    .text-part .row>div:last-child{
        padding-left: 0;
    }
}

@media (min-width: 769px) and (max-width: 1300px) {
	header #sc_carousel .sc-carousel-item h2 {
        font-size: 70px;
    }

    header .book-table-button img {
        width: 30px;
    }

	ul.circle-indicators {
        bottom: 0px;
    }

    header .BookTable {
        bottom: 25px;
    }

    #AboutUs p{
        width: 78%;
    }

    #AboutUs h3 {
        font-size: 28px;
    }

    #AboutUs a {
        font-size: 14px;
    }

    #OurStory .container .part:last-child{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #OurStory .bg-img .right-img img:last-child, #OurStory .bg-img .right-img img {
        width: 115px;
    }

    #OurStory .bg-img .left-img img {
        width: 170px;
    }

    #OurStory img.bg-story {
        width: 280px;
    }

    #OurStory .bg-img .left-img {
        bottom: -10%;
        left: -10%;
    }

    #OurStory p.lorem {
        width: 87%;
    }

    #SpecialDish .part21 {
        padding-left: 65px;
    }

    #SpecialDish .item-moving {
        left: 6%;
        top: 18%;
    }

    #SpecialDish .part21 .item {
        width: initial;
        padding-left: 64px;
    }

    #SpecialDish h2 {
        font-size: 30px;
    }

    #SpecialDish h5:last-child {
        font-size: 26px;
    }

    #SpecialDish p {
        width: 82%;
    }

    #SpecialDish .part21 {
        padding-left: 0;
        display: flex;
    }

    #OurChefs {
        padding-bottom:60px;
    }

    #OurChefs .row .part:last-child .item {
        width: initial;
    }

    #OurChefs h4 {
        font-size: 20px;
    }

    #OurChefs p.name {
        font-size: 10px;
    }

    #OurChefs p.lorem {
	    font-size: 12px;
	}

    #ContactUs .content form {
        width: 500px;
    }

    #Menu .content>.row .part1 {
        border-right: 2px solid #5f5f60;
    }

    #Menu p {
        width: 115%;
    }

    #Menu .content .part2 .row.new-product:last-child, #Menu .content .part1 .row.new-product:last-child {
        margin-bottom: 0px;
    }

    .text-part {
        padding-left: 60px;
    }

    .text-part .row>div:last-child{
        padding-left: 12px;
    }

    .popup[data-popup-name="table"] .box ,
    .popup[data-popup-name="product"] .box{
        width: 500px;
    }

    .popup[data-popup-name="table"] .box .body h2,
    .popup[data-popup-name="product"] .box .body h2  {
        font-size: 35px;
    }

    .popup[data-popup-name="table"] .box p:first-child {
        width: 94%;
    }

    .popup[data-popup-name="table"] .box .body ,
    .popup[data-popup-name="product"] .box .body {
        padding: 0 28px;
    }

    .popup button.prev {
        left: 20px;
    }

    .popup button.next {
        right: 20px;
    }

    #Menu .content>.row .part1{
        padding-right: 70px;
    }

    #Menu .content>.row .part2{
        padding-left: 70px;
    }


}

@media (min-width: 992px) and (max-width: 1300px) {
	nav .collapse {
	    justify-content: space-between;
	}

	nav.navbar .navbar-nav li {
	    display: none;
	}

    #AboutUs h2 {
        font-size: 50px;
    }

    #AboutUs p {
        width: 35%;
    }

    #AboutUs .row{
        position: relative;
    }

    #AboutUs .row .part:nth-of-type(2){
        margin: auto;
        margin-bottom: 30px;
    }

    #AboutUs .row .part:first-child{
        left: 0;
    }

    #AboutUs .row .part:first-child,
    #AboutUs .row .part:last-child{
        position: absolute;
        top: -20%;
    }

    #AboutUs .row .part:last-child{
        right: 0;
    }

    #AboutUs h3 {
        font-size: 31px;
    }

    #OurStory img.bg-story {
        width: 350px;
    }

    #OurStory .bg-img .right-img img:last-child, #OurStory .bg-img .right-img img {
        width: 120px;
    }

    #OurStory .bg-img .left-img img {
        width: 210px;
    }

    #OurStory .bg-img .left-img {
        bottom: 3%;
        left: 3%;
    }

    #OurStory h2 {
        font-size: 50px;
    }

    #OurStory p.lorem {
        width: 93%;
    }

	#SpecialDish .part12 {
        padding-left: 50px;
    }

    #SpecialDish .part21 {
        padding-bottom: 0;
    }

    #SpecialDish .part21 .item {
        width: 90%;
        margin-top: 95px;
    }

    #SpecialDish .item-moving {
        left: 9%;
        top: 20%;
    }

    #SpecialDish h5:last-child {
        font-size: 27px;
    }

	#SpecialDish p {
        width: 85%;
    }

	#OurChefs h2 {
        font-size: 50px;
    }

    #OurChefs h4 {
        font-size: 29px;
    }

    #OurChefs p.name {
        font-size: 11px;
    }

    #OurChefs p.lorem {
        font-size: 14px;
    }

    #Menu h2.h1 {
        font-size: 50px;
    }

    #Menu .img-container {
        width: 80px;
        height: 80px;
    }

    .text-part {
        padding-left: 0px;
    }

    .popup[data-popup-name="table"] .box .body h2 ,
    .popup[data-popup-name="product"] .box .body h2{
        font-size: 38px;
    }
}

@media (min-width: 1181px) and (max-width: 1300px) {
	nav img {
	    width: 160px;
	}

    #AboutUs h3 {
        font-size: 32px;
    }

    #OurStory img.bg-story {
        width: 430px;
    }

    #OurStory .bg-img .right-img img:last-child, #OurStory .bg-img .right-img img {
        width: 130px;
    }

    #OurStory .bg-img .left-img img {
        width: 250px;
    }

    #OurStory .bg-img .left-img {
        bottom: 3%;
        left: 1%;
    }

    #OurStory p.lorem {
        width: 95%;
    }

	#SpecialDish .part21 {
        padding-left: 0;
    }

    #SpecialDish .part21 .item {
        width: 76%;
    }

    #SpecialDish h5:last-child {
        font-size: 28px;
    }

    #SpecialDish p {
        width: 85%;
    }

    #SpecialDish .item-moving {
        left: 15%;
        top: 21%;
    }

	#OurChefs .row .part .item {
        width: 350px;
    }

    #OurChefs .row .part:last-child .item {
        width: 350px;
    }

    #Menu p {
        width: 100%;
    }

    #Menu .content>.row .part2 {
        padding-left: 80px;
    }

    .popup[data-popup-name="table"] .box .body h2 ,
    .popup[data-popup-name="product"] .box .body h2{
        font-size: 40px;
    }
}