/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width: 1366px) {
}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
    .btn-menu {
        display: block;
    }

    .mainnav, .menu .logo {
        display: none;
    }

    .flat-information > li > a {
        padding: 5px 28px 5px 0;
    }

    .flat-information > li:before {
        top: 5px;
    }

    .header .logo {
        float: right;
        margin: 28px 0 0 50px;
    }

    .social-links,
    .flat-information {
        text-align: center;
    }

    .flat-row.about,
    .flat-row.blog,
    footer,
    .page-title,
    .main-content {
        padding: 40px 0 30px;
    }

    .iconbox,
    .flat-testimonials-images,
    .footer-widgets .widget {
        margin-bottom: 30px;
    }

    .flat-portfolio .item {
        width: 50%;
    }

    .comment-respond .comment-notes, .comment-respond .comment-form-email,
    .comment-respond .comment-notes, .comment-respond .comment-form-email {
        width: 100%;
        max-width: 100%;
    }

    .comment-respond .comment-notes {
        padding-left: 0;
    }

    .comment-respond .comment-form-email,
    .sidebars {
        padding-right: 0;
    }

    .go-top {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .flat-row {
        padding: 15px 0 !important;
    }

    .tp-leftarrow.square, .tp-rightarrow.square {
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

        .tp-leftarrow.square:before, .tp-rightarrow.square:before {
            right: 10px;
            top: 0;
            font-size: 22px;
        }

    .page-title-heading h1,
    .flat-qoute p {
        font-size: 30px;
    }

    .sidebar {
        padding-top: 30px;
        border-right: 0;
        padding-right: 0;
        margin-right: 0;
    }

    .blog-single .direction ul li ul.social-icons {
        margin-top: 0;
        padding: 20px 0;
    }

    .img-responsive,
    .effect1 .box-image img {
        margin: auto;
    }

    .flat-imagebox .item {
        width: 33.333%;
    }

    .logo-mobi {
        display: block;
        width: 144px;
    }
}

/* Tablet Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
    .flat-portfolio .item,
    .reservation-page-left .reservation-page-form .reservation-page-input-box,
    .requestform p, .post .content-post .meta-post .by-author, .post .content-post .meta-post .social-links,
    .post .content-post .meta-post .leave-comment,
    .title-section.style4,
    .blog-shortcode article.post:first-child .content-post {
        width: 100%;
        max-width: 100%;
    }

    .title-section.style4 {
        margin-bottom: 10px;
    }

    .flat-imagebox .item, .post .content-post .meta-post .leave-comment,
    .imagebox, .post .content-post .meta-post .by-author, .post .content-post .meta-post .social-links {
        text-align: center;
    }

    .flat-testimonial .flat-carousel {
        padding: 0;
    }

    .post .content-post .meta-post .by-author {
        padding-right: 0;
    }

    .woocommerce-page .cart button {
        min-width: 50px;
        padding: 14px;
    }

        .woocommerce-page .cart button:last-child,
        .post .content-post .meta-post .leave-comment {
            margin-left: 0;
        }

    .flat-accordion .flat-toggle .toggle-content,
    .flat-accordion .flat-toggle h4.toggle-title, .comment-post {
        padding: 15px 22px;
    }

    .col-sm-6 {
        width: 50%;
        float: right;
    }

    .blog-single .comment-post .comment-avatar > img {
        margin-bottom: 0;
    }
}

/* Mobile Landscape Size */
@media only screen and (min-width: 479px) and (max-width: 767px) {
}

/* Mobile Portrait Size */
@media only screen and (max-width: 478px) {
    .flat-tabs .content-tab ul li .media-body span, .main-content.blog-single .post .direction .social-links {
        float: right;
    }

    .box {
        padding: 0;
    }

    .projects-portfolio .projects-portfolio-wrap,
    .col-xs-6, .flat-imagebox .item,
    .blog-slist .featured-post {
        width: 100%;
    }

    .blog-slist .featured-post {
        float: none;
        max-width: 100%;
    }

    .blog-shortcode article.post .content-post {
        padding: 49px 0 45px 6px;
    }

    .related.products .product .box-content ul,
    .product .box-content {
        display: inline-block;
    }

    .projects-portfolio .projects-portfolio-wrap,
    .related.products .product, .product {
        text-align: center;
    }

        .product .box-content {
            text-align: justify;
        }

    .imagebox .box-content {
        text-align: right;
    }

    .flat-imagebox.index-1 .item {
        margin-bottom: 30px;
    }

    .countdown .square {
        margin-left: 5px;
    }
}

@media (max-width: 320px) {

    .countdown {
        margin: 15px -15px;
    }

    .article .featured-post, .blog-shortcode article.post:first-child .content-post,
    .title-section.style4 {
        width: 100%;
    }

    .blog-slist .featured-post {
        max-width: 100%;
    }

    .go-top-v1 {
        top: 56px;
    }
}

@media (max-width: 478px) {
    .title-section .title {
        font-weight: 500;
        line-height: 53px;
        position: relative;
        display: inline-block;
        font-size: 60px;
    }
}

@media (max-width: 575px) {
    .title-section .title {
        font-weight: 500;
        line-height: 40px;
        position: relative;
        display: inline-block;
        font-size: 45px;
    }
    .flat-projects-portfolio ul.portfolio-filter li a {
        padding-right: 6px;
        padding-left: 6px;
        color: #333333;
    }

    .reservation-page-left .reservation-page-form h1.phone {
        font-size: 20px;
    }

    .flat-our.bg-light .col-md-3.fl-r {
        margin-bottom: 18px;
    }
    .title-section .title{
        line-height:50px;font-size:40px;
    }
    .title-section .title {
        line-height: 50px !important;
        font-size: 40px !important;
    }
    .wrap-content-story {
        padding-right: 10px;
    }
    .flat-projects-portfolio ul.portfolio-filter li a {
        color: #333333 !important;
        padding-right: 9px !important;
        padding-left: 9px !important;
    }
    .flat-row.flat-gallery {
        margin-top: 0 !important;
    }
}
@media (max-width: 767px) {
    .flat-imagebox.index-1 {
        position: relative;
        background-size: cover;
        margin-top: 50px;
    }
    .flat-row.flat-gallery {
        margin-top: 50px;
    }

        .flat-imagebox.index-1::before {
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: rgba(0,0, 0, .21);
            position: absolute;
        }

        .flat-imagebox.index-1 .sub-title {
            color: #ffffff;
        }

        .flat-imagebox.index-1 .title {
            color: #ffffff;
            font-size: 32px;
            font-weight: 700;
        }

        .flat-imagebox.index-1 .item {
            padding: 0 8px;
            width: 33.3333333%;
        }
}
    @media (max-width: 991px) {
        .flat-imagebox.index-1 {
            background: unset;
        }

            .flat-imagebox.index-1::before {
               display:none;
            }

            .flat-imagebox.index-1 .sub-title {
                color: #e44c2a;
            }

            .flat-imagebox.index-1 .title {
                color: #333333;
            }

            .flat-imagebox.index-1 .item {
                padding: 0 14px;
                width: 100%;
                margin-bottom: 26px;
                position: relative;
            }
        .effect1 .box-image img {
            width: 100%;
        }
        .lan {
            float: unset;
    
            border-radius: 0;
          
            display: block;
        }
    }

    @media (max-width: 1199px) {
        #mainnav > ul > li > a {
            padding: 5px 14px 0;
        }
    }