@media only screen and (min-width: 1400) and (max-width: 1800px){}

@media only screen and (min-width: 1200px) and (max-width: 1399px){
    

    .wrapper{
        display: none;
    }

    .res-dis {
        display: block;
    }
    .center-res{
        display: flex;
        align-items: center;
    }

    .res-para,.rera-mar p,.spec-font ul li,.mar-foot p,.cont-foot,
    .services-1 .item p,.info-box .item p,.add-mar li,.ul-link li a{
        font-size: 17px;
    }

    .chef-recommends-2 .caption{
        padding: 20px;
    }

    .team-card .title-box h3{
        font-size: 18px;
    }

    .flex-locate{
        justify-content: center;
    }

    .width-accor{
        width: 750px;
    }

    .posi-cont {
        position: absolute;
        top: -135px;
        left: 525px;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px){

    .flex-locate{
        justify-content: center;
    }

    .posi-cont {
        position: absolute;
        top: -45px;
        left: 435px;
    }

    .res-padd{
        padding: 100px 0px;
    }

    .wrapper{
        display: none;
    }
    
    .nav-scroll {
        background-color: #213D0D;
    }

    .navbar .navbar-nav .nav-link{
        font-size: 11px;
    }
    
    .res-dis {
        display: block;
    }

    .section-head .section-title{
        font-size: 42px;
    }

    .rera-mar p{
        font-size: 16px;
    }
    .res-para {
        font-size: 16px;
    }

    .center-res{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .master-padd{
        padding: 0px;
    }

    .hover-box{
        padding: 10px;
    }

    .config-grid {
        display: grid;
        grid-template-columns: auto auto;
        gap: 10px;
        margin-top: 0px;
    }

    .chef-recommends-2 .caption{
        padding: 20px;
    }

    .spec-font ul li, .services-1 .item p,.secon-ul,.gmail-font
    .info-box .item p,.add-mar li,.mar-foot p,.foot-cont{
        font-size: 17px;
    }

    .services-1 .item .shape {
        position: absolute;
        bottom: 85px;
        left: 65px;
    }

    .width-accor{
        width: 750px;
    }

    .sns-res img{
        width: auto;
    }

    .sns-res span{
        padding-left: 10px;
    }

    .links-center, .lin-right {
        justify-content: normal;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .nav-scroll,
    .navbar .container {
        background-color: #213D0D;
    }

    .res-banner {
        margin-top: 90px;
    }

    .res-navb {
        margin-top: 0px;
    }
    .posi-cont {
        position: absolute;
        top: 0;
        left: 325px;
    }

    .reveal-right{
        padding: 20px;
    }

    .res-padd{
        padding: 80px 0;
    }

    .master-padd{
        padding: 0px;
    }

    .image-bg{
        padding-bottom: 0px;
    }

    .schools-res{
        width: 650px;
    }

    .res-none{
        display: block;
    }

    .res-block{
        display: none;
    }

    .info-box .item p, .add-mar li{
        font-size: 17px;
    }

    .rights-center {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .links-center{
        justify-content: start;
    }

    .lin-right{
        justify-content: center;
    }

}

@media only screen and (min-width: 577px) and (max-width: 767px) {

    .res-grid{
        display: grid;
        grid-template-columns: auto auto;
    }

    .config-item p {
        font-size: 15px;
    }

    .res-master {
        padding: 0px;
    }

    .info-box .item {
        justify-content: flex-start;
    }

    .section-head .section-title,
    .parallax-header .caption h2 {
        font-size: 38px;
        line-height: 36px;
    }

    .res-para,
    .cont-foot,
    .ul-link li a,
    .color-webs a,
    .info-box .item p,
    .add-mar li,
    .testimonials .item p,
    .secon-ul,
    .spec-font ul li,
    .overlay p,
    .team-card .team-text,
    .section-head .section-subtitle {
        font-size: 18px;
    }

    .res-dis {
        display: block;
    }

    .posi-cont {
        position: absolute;
        top: 325px;
        left: 0;
    }

    .rera-mar p,
    .mar-foot p {
        font-size: 18px;
    }

    .rights-center {
        flex-direction: column;
        align-items: center;
    }

    .res-padd {
        padding-top: 100px;
    }

    .add-res {
        padding-top: 550px;
    }

    .reservations .icon span {
        display: none;
    }

    .reservations {
        gap: 0px;
    }

    .master-padd,
    .para-colo {
        padding: 0px;
    }

    .overlay p {
        margin-bottom: 0px;
    }

    .padd-block {
        padding-left: 0px;
    }

    .block-mar {
        margin-bottom: 40px !important;
    }

    .info-box .item h5 {
        margin-bottom: 15px;
    }

    .ameni-padd {
        padding-top: 250px;
    }

    .menu-book .menu-list .flex .price {
        margin-left: 0px;
    }

    .chef-recommends-2 .caption h4,
    .chef-recommends-2 .caption h4 a,
    .hover-box:hover .chef-recommends-2 .caption h4,
    .chef-recommends-2 .caption h4 a {
        font-size: 20px;
    }

    .wrapper {
        display: none;
    }

    .nav-scroll,
    .navbar .container {
        background-color: #213D0D;
    }

    .res-banner {
        margin-top: 90px;
    }

    .res-navb {
        margin-top: 0px;
    }

    .team-card .title-box h3 {
        font-size: 20px;
    }

    .team-card .team-title {
        font-size: 22px;
    }

    .lin-right,
    .links-center {
        justify-content: start;
    }

    .right-section {
        padding-left: 0px;
    }

    .left-center {
        display: none;
    }
}

@media only screen and (min-width: 398px) and (max-width: 576px){

    .res-master{
        padding: 0px;
    }

    .info-box .item{
        justify-content: flex-start;
    }

    .section-head .section-title, .parallax-header .caption h2 {
        font-size: 36px;
        line-height: 36px;
    }

.res-para, .cont-foot, .ul-link li a, .color-webs a, .info-box .item p,
    .add-mar li, .testimonials .item p, .secon-ul, .spec-font ul li, .overlay p,
    .config-item p, .team-card .team-text
    {
        font-size: 17px;
    }

    .res-dis{
        display: block;
    }

    .posi-cont{
        position: absolute;
        top: 325px;
        left: 0;
    }

    .rera-mar p, .mar-foot p{
        font-size: 17px;
    }

    .rights-center{
        flex-direction: column;
        align-items: center;
    }

    .res-padd{
        padding-top: 100px;
    }

    .add-res{
        padding-top: 550px;
    }

    .pro-res{
        padding-top: 250px;
        padding-bottom: 0px;
    }

    .specifi-padd{
        padding-top: 250px;
    }

    .reservations .icon span{
        display: none;
    }

    .reservations{
        gap: 0px;
    }

    .master-padd, .para-colo{
        padding: 0px;
    }

    .overlay p{
        margin-bottom: 0px;
    }

    .padd-block{
        padding-left: 0px;
    }

    .block-mar{
        margin-bottom: 40px !important;
    }

    .info-box .item h5{
        margin-bottom: 15px;
    }

    .ameni-padd{
        padding-top: 250px;
    }

    .menu-book .menu-list .flex .price{
        margin-left: 0px;
    }

    .chef-recommends-2 .caption h4, .chef-recommends-2 .caption h4 a,
    .hover-box:hover .chef-recommends-2 .caption h4, .chef-recommends-2 .caption h4 a
    {
        font-size: 20px;
    }

    .wrapper{
        display: none;
    }

    .nav-scroll, .navbar .container{
        background-color: #213D0D;
    }

    .res-banner{
        margin-top: 90px;
    }

    .res-navb{
        margin-top: 0px;
    }

    .team-card .title-box h3{
        font-size: 20px;
    }

    .team-card .team-title{
        font-size: 22px;
    }

    .lin-right, .links-center{
        justify-content: start;
    }

    .right-section{
        padding-left: 0px;
    }

    .left-center{
        display: none;
    }

}

@media only screen and (min-width: 350px) and (max-width: 397px){

    .res-master{
        padding: 0px;
    }
    .sdsd-dd {
        padding: 10px 0 10px 18px !important;
    }
        .res-banner {
        margin-top: 86px;
    }
    .right-section{
        padding-left: 0px;
    }

    .left-center{
        display: none;
    }

    .res-para, .cont-foot, .ul-link li a, .color-webs a, .info-box .item p,
    .add-mar li, .testimonials .item p, .secon-ul, .spec-font ul li, .overlay p,
    .config-item p, .team-card .team-text
    {
        font-size: 15px;
    }

    .res-dis{
        display: block;
    }

    .posi-cont{
        position: absolute;
        top: 325px;
        left: 0;
    }

    .rera-mar p, .mar-foot p{
        font-size: 15px;
    }

    .rights-center{
        flex-direction: column;
        align-items: center;
    }
    .add-mar li {
        line-height: 22px;
    }
    .res-padd{
        padding-top: 100px;
    }

    .add-res{
        padding-top: 550px;
    }

    .pro-res{
        padding-top: 250px;
        padding-bottom: 0px;
    }

    .specifi-padd{
        padding-top: 250px;
    }

    .reservations .icon span{
        display: none;
    }

    .reservations{
        gap: 0px;
    }

    .master-padd, .para-colo{
        padding: 0px;
    }

    .overlay p{
        margin-bottom: 0px;
    }

    .padd-block{
        padding-left: 0px;
    }

    .block-mar{
        margin-bottom: 40px !important;
    }

    .info-box .item h5{
        margin-bottom: 0px;
        font-size:21px;
    }

    .ameni-padd{
        padding-top: 250px;
    }

    .res-flex{
        display: flex;
        flex-direction: column;
    }

    .menu-book .menu-list .flex .price{
        margin-left: 0px;
    }

    .chef-recommends-2 .caption h4, .chef-recommends-2 .caption h4 a,
    .hover-box:hover .chef-recommends-2 .caption h4, .chef-recommends-2 .caption h4 a
    {
        font-size: 20px;
    }

    .wrapper{
        display: none;
    }

    .nav-scroll, .navbar .container{
        background-color: #213D0D;
    }

    .res-banner{
        margin-top: 90px;
    }

    .res-navb{
        margin-top: 0px;
    }

    .team-card .title-box h3{
        font-size: 20px;
    }

    .team-card .team-title{
        font-size: 22px;
    }

    .lin-right, .links-center{
        justify-content: start;
    }
    .project_site{
         padding-left:19px;
    }
    .info-box .item h6 {
    font-size: 18px;
}
   

}