@media screen and (max-width: 1920px){
    .firstElement {
        width: 240px;
        height: 70px;
        background: none;
    }
    .lastElement {
        width: 300px;
        height: 70px;
        background: none;
    }

}
@media screen and (max-width: 1680px) {
    .firstElement {
        width: 127px;
        height: 70px;
        background: none;
    }
    .lastElement {
        width: 100px;
        height: 70px;
        background: none;
    }
    #owl-carousel-3 .owl-prev{
        position: absolute;
        right: 133px;
        bottom: -50px;

    }
    #owl-carousel-3 .owl-next{
        position: absolute;
        right: 108px;
        bottom: -50px;

    }
}

@media screen and (max-width: 1366px) {
    .firstElement {
        width: 5px;
        height: 70px;
        background: none;
    }

    .lastElement {
        width: 0px;
        height: 70px;
        background: none;
    }
    #owl-carousel-3 .owl-prev{
        position: absolute;
        right: 20px; /*589px;*/
        bottom: -50px;

    }
    #owl-carousel-3 .owl-next{
        position: absolute;
        right: -5px; /*564px;*/
        bottom: -50px;

    }
}
@media screen and (max-width: 1280px) {
    .firstElement {
        display: none;
    }

    .lastElement {
        width: 200px;
        height: 70px;
        background: none;
    }
    #owl-carousel-3 .owl-prev{
        position: absolute;
        right: 505px;
        bottom: -50px;

    }
    #owl-carousel-3 .owl-next{
        position: absolute;
        right: 478px;
        bottom: -50px;

    }
}

@media screen and (max-width: 1024px){
    .firstElement {
        width: 0;
        height: 70px;
    }
    .lastElement {
        width: 0;
        height: 70px;
    }
    #owl-carousel-3 .owl-prev{
        position: absolute;
        right: 245px;
        bottom: -50px;

    }
    #owl-carousel-3 .owl-next{
        position: absolute;
        right: 220px;
        bottom: -50px;
    }
}
@media screen and (max-width: 980px){
    .menu-text,.menu-text:hover{
        font-size: 10px;
    }
    .our-food-text {
        font-size: 12px;
        line-height: 23px;
    }
    .gift-and-party-text {
        color: #322f2a;
        font-size: 12px;
        font-weight: 400;
        line-height: 25px;
        text-align: center;
        padding: 15px 8% 25px;
    }
    .phone-menu-display-on{
        display: block;
    }
    .phone-menu-display-off{
        display: none;
    }
    .phone-display-on{
        display: block;
    }
    .phone-display-off{
        display: none;
    }
    .menu-text-margin-mini{
        margin: 15px 0;
    }
    .menu-text,.menu-text:active,.menu-text:visited,.menu-text:hover{
        font-family:'Conv_BEBAS__',Sans-Serif;
        color:  #000000!important;
        margin-left: 20px;
        font-size: 24px;
        margin-top: 0;
        margin-bottom:0;
        padding: 0;
        text-decoration: none;
    }
    .subscribe-popup {
        display: block;
        margin-top: 10px;
        margin-bottom: -15px;
    }
    .newsletter-trigger .section-heading {
        position: relative;
        top: 12px;
    }
}
@media screen and (max-width: 768px){
    #owl-carousel-3 .item{
        width: 450px!important;
    }
    #owl-carousel-3 .owl-prev{
        position: absolute;
        right: 245px;
        bottom: -50px;

    }
    #owl-carousel-3 .owl-next{
        position: absolute;
        right: 220px;
        bottom: -50px;

    }


}
@media screen and (max-width: 746px){
    #owl-carousel-3 .owl-prev{
        position: absolute;
        right: 270px;
        bottom: -50px;

    }
    #owl-carousel-3 .owl-next{
        position: absolute;
        right: 245px;
        bottom: -50px;

    }
    #owl-carousel-3 .item{
        width: 450px!important;
    }
    #owl-carousel-3 .owl-stage {
        margin-left: -45px;
    }

    .home-top-title{
        font-size: 28px;
        padding: 30px 0 30px ;
    }
    .home-top-book-a-table-button{
        width: 100% !important;
    }
    .pad-top-15-mini-phone{
        padding-top: 15px!important;
    }
    .home-top-content-pad-top-mini{
        padding-top: 125px!important;
    }
    .logo-position-center{
        padding-left:50%;
        margin-left: -89px;
    }
    .pad-top-25-mini{
        padding-top: 25px!important;
    }
    .pad-bot-25-mini{
        padding-bottom: 25px!important;
    }
    .pad-bot-50-mini{
        padding-bottom: 50px;
    }
    .review-more-button{
        padding-right: 0!important;
    }
    .no-pad-top-mini{
        margin-top: 0!important;
        padding-top: 0!important;
    }
    .no-pad-bot-mini{
        margin-bottom: 0!important;
        padding-bottom: 0!important;
    }
    .section-bg-img-size{
        min-height: 250px;
        padding-bottom: 50px;
    }
    .section-title{
        padding-top: 110px;
        padding-bottom: 0!important;
        height: auto;
    }
    .gift-white-bg{
        background: #FFFFFF;
        padding: 50px;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .enquiry-form-step-text{
        font-size: 10px!important;
        padding-left: 10px!important;
    }
    .home-bot-img-size-mini{
        width: 100% !important;
    }
    .gift-white-bg{
        padding: 25px;
    }
    #review-carousel .owl-prev{
        position: absolute;
        right: 20px;
        top: 265px;
    }
    #review-carousel .owl-next{
        position: absolute;
        right: -5px;
        top: 265px;
    }
    .form-element-m-events{
        max-width: none!important;
    }
    .form-element-m{
        max-width: none!important;
    }
    .article-widget {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #000;
    }
    #EnquiryForm {
        height: auto;
        padding: 0 10px 12px 10px;
    }
}
@media screen and (max-width: 667px){


    #owl-carousel-3 .item{
        width: 400px!important;
    }
    #owl-carousel-3 .owl-stage {
        margin-left: -45px;
    }
    #review-carousel .owl-prev{
        position: absolute;
        right: 20px;
        top: 295px;
    }
    #review-carousel .owl-next{
        position: absolute;
        right: -5px;
        top: 295px;
    }

}
@media screen and (max-width: 568px){


    #review-carousel .owl-prev{
        position: absolute;
        right: 20px;
        top: 420px;
    }
    #review-carousel .owl-next{
        position: absolute;
        right: -5px;
        top: 420px;
    }

    #owl-carousel-3 .item{
        width: 350px!important;
    }
    #owl-carousel-3 .owl-stage {
        margin-left: -45px;
    }
}
@media screen and (max-width: 414px){
    .enquiry-form-step-text{
        font-size: 10px!important;
        padding-left: 0!important;
    }

    .gift-img-size-mini{
        width: 100% !important;
    }

    #owl-carousel-3 .item{
        width: 350px!important;
    }
    #owl-carousel-3 .owl-stage {
        margin-left: -50px;
    }
    #owl-carousel-3 .owl-prev{
        position: absolute;
        right: 43px;
        bottom: -50px;

    }
    #owl-carousel-3 .owl-next{
        position: absolute;
        right: 18px;
        bottom: -50px;
    }
    #review-carousel .owl-prev{
        position: absolute;
        right: 20px;
        top: 385px;
    }
    #review-carousel .owl-next{
        position: absolute;
        right: -5px;
        top: 385px;
    }
}
@media screen and (max-width: 375px){
    #owl-carousel-3 .item{
        width: 310px!important;
    }
    #owl-carousel-3 .owl-stage {
        margin-left: -45px;
    }
    #owl-carousel-3 .owl-prev{
        position: absolute;
        right: 40px;
        bottom: -50px;

    }
    #owl-carousel-3 .owl-next{
        position: absolute;
        right: 15px;
        bottom: -50px;

    }
    #review-carousel .owl-prev{
        position: absolute;
        right: 20px;
        top: 470px;
    }
    #review-carousel .owl-next{
        position: absolute;
        right: -5px;
        top: 470px;
    }
}
@media screen and (max-width: 320px){

    #owl-carousel-3 .item{
        width: 260px!important;
    }
    #owl-carousel-3 .owl-stage {
        margin-left: -45px;
    }
    #owl-carousel-3 .owl-prev{
        position: absolute;
        right: 35px;
        bottom: -50px;

    }
    #owl-carousel-3 .owl-next{
        position: absolute;
        right: 10px;
        bottom: -50px;

    }
    .home-top-title{
        font-size: 24px;
    }
    #review-carousel .owl-prev{
        position: absolute;
        right: 20px;
        top: 465px;
    }
    #review-carousel .owl-next{
        position: absolute;
        right: -5px;
        top: 465px;
    }
}
@media screen and (max-width: 455px) {
	.enquiry-form-step-text {
		clear: both;
	}
	.progress-indicator {
		padding-left: 40px;
	}
}