/* <= 992px */

@media(max-width:1199px)
{
    .book-now-botton{
        font-size:18px;
    }
    .navbar-brand img {
        max-width: 210px;
    }
    .btn-solid-green{
        font-size:16px;
    }
    .topnav a {        
        font-size: 16px;
        margin-right: 15px;
    }
    .column img {       
        height: 300px;
        object-fit: cover;
        object-position: center;
        transition: 0.5s;
    }
}

@media only screen and (max-width: 992px) {
    .banner-caption {       
        padding: 130px 20px 0px;      
    }
    .left-text h2 {
        font-size: 32px;
        margin-bottom:30px;
    }
    .left-text h3 {
        font-size: 28px;        
    }
    .section_title span {
        font-size: 20px;
    }
    .section_title h2 {
        font-size: 32px;
    }
    .left-text {
        margin-top: 0px;
        z-index: 1;
        position: relative;
    }
    .flexing_div2{
        padding-top:15px;
        padding-bottom:15px;
    }
        .flexing_div2::before {
            width: 100%;            
            top: 40%;
        }
    ul.info-list li {        
        margin-bottom: 15px;
    }
    .subscriber-container {
        margin-top:80px;
    }
    .flex_tiles_address1{
        padding:15px;
    }
    .section-title h2 {       
        font-size: 32px;       
    }
    .section-title1 span{
        font-size: 32px;       
    }
}

/* <= 767px */
@media only screen and (max-width: 767px) {
    .navbar-brand img {
        max-width: 160px;
    }

    .header_flex .navbar-brand img {
        max-width: 110px;
    }

    .btn-black-theme {
        background: #24201F;
        padding: 10px 25px;
        font-size: 12px;
    }

    .btn-solid-green {       
        padding: 10px 25px;        
        font-size: 12px;
    }

    .banner-caption h2 {
        font-size: 26px;
    }
    .banner-caption p {
        font-size: 14px;
        margin-top: -20px;
    }

    .banner-area {
        height: 70vh;
    }

    .section_title span {
        font-size: 18px;
    }

    
    .sectiin-title-light h2 {
        font-size: 26px;
    }

    .sectiin-title-light span {
        font-size: 18px;
    }

    .menu_title span {
        font-size: 20px;
    }

    

    .section-padding {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .menu_tiles p {
        font-size: 14px;
    }

   
    .column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 100%;
    }

    .column img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .left-text p {
        font-size: 14px;        
        margin-top: 20px;        
    }

    .left-text h3 {
        font-size: 24px;        
    }

    .flexing_div1 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .flexing_div1::before {
            width: 100%;          
            height: 250px;
            bottom: 0px;           
            top: initial;
        }
        .flexing_div1 .left-text.left-text-2 {
            min-height:800px;
        }
    .flex_tiles_address1 {
        top: initial;
        bottom: 145px;
        left: 15px;
        padding: 7px 10px;
    }
    .map-site-address {
        margin-bottom: 10px;       
    }
    .footer_area{
        height:auto;
    }
    .footer_area .footer_left_panel {
        width: 100%;
        flex-flow: column;
    }
        .footer_area .footer_left_panel span {            
            display: block;
            text-align: center;
        }
            .footer_area .footer_left_panel span.pipeline{
                display:none;
            }
            .footer_area .footer_right_panel {
                justify-content: center;
                width: 100%;
                margin-top: 20px;
            }
    
        .award-section img{
            max-width:300px;
        }
        .about-area .shape-img {
            display: none;
        }
}

/* <= 580px */
@media only screen and (max-width: 580px) {
    .banner-area{
        margin-top:80px;
    }
    .btn-black-theme {
        background: #24201F;
        padding: 5px 8px;
        font-size: 11px;
        letter-spacing: 0;
    }

    .btn-solid-green {        
        padding: 5px 8px;        
        font-size: 15px;
        letter-spacing: 0;
    }

    .banner-area img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }

    .banner-caption h2 {
        font-size: 28px;
    }

    .banner-caption p {
        font-size: 13px;
        margin-top: 20px;
        width: 200px;
        color: #b3b3b3;
    }

    .banner-area {
        height: 60vh;
    }

    .about-area {
        padding-bottom: 30px;
        padding-top: 30px;
    }
      

    .right-text p {
        color: #fff;
        font-size: 16px;
        line-height: 24px;
    }

    .shape-img img {
        height: 140px;
        width: 250px;
    }

    .left-text {
        margin-top: 20px;
    }

    .iframe_box {
        margin-top: 0;
    }

    .img-back {
        border: 4px solid #ffffff;
        padding: 20px 0 40px 0;
    }

    .section_title h2 {
        font-size: 28px;
    }

    .address_box {
        padding: 20px;
        width: 450px;
    }
    .left-text h2 {
        font-size: 28px;       
    }
    .address_box h2 {
        font-size: 24px;
    }

    .flex_tiles_address p {
        font-size: 13px;
    }

    .menu_tiles {
        margin-bottom: 30px;
    }

    .btn-menu {
        font-size: 14px;
    }

    .menu_tiles .menu_img {
        width: 200px;
    }

    .section-title span {
        font-size: 18px;
    }

    .section-title h2 {
        font-size: 28px;
        line-height: 0;
    }

    .menu_tiles_box .menu_title {
        margin-top: 15px;
    }

    .section-title1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .flexing_div1, .flexing_div2{
        padding:15px;
    }
    .heading-main {        
        font-size: 40px;        
    }
    .heading-sub {
        font-size: 24px;
        margin-top:15px;
    }
    .about-area .left-text h2{
        margin-bottom:28px;
    }
    .left-text h3 {
        font-size: 22px;
    }
    .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}

/* <= 450px */
@media only screen and (max-width: 450px) {
    .navbar-brand img {
        max-width: 110px;
    }

    .btn-solid-green {
        font-size: 12px;
    }
}