/* Media Queries
-------------------------------------------------------------- */
/* Smaller than standard 1440 */
@media only screen and (max-width: 1600px) {
    #mainnav ul > li:nth-child(n + 4) ul.sub-menu li ul.sub-menu {
        position: absolute;
        left: -140%;
        top: 0;
    }

    #mainnav ul > li:nth-child(n + 4) ul.sub-menu li ul.sub-menu:before {
        top: 25px;
        right: -5px;
        left: auto;
    }
}

@media only screen and (max-width: 1427px) {
    #header .header-wrap .header-ct-right .bg-infor-header {
        width: 25%;
    }

    #header .header-wrap {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #header #logo {
        margin-left: 0;
    }
    #mainnav > ul > li > a:after {
        bottom: -52px;
    }
    .header-cart-wrapper .nav-cart-trigger {
        margin-right: 0;
    }
}

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

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

/* Smaller than standard 1200 */
@media only screen and (max-width: 1200px) {
    #header .header-wrap .header-ct-right .bg-infor-header {
        width: 250px;
    }
}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
    #header #logo {
        margin-left: 0px;
    }
}

/* Smaller than standard 1024 */
@media only screen and (max-width: 1150px) {
    #comments .comment-list-wrap ol article.comment_wrap .comment_content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 1024px) {
    #header .header-wrap .header-ct-center .mainnav {
        margin-left: 50px;
    }

    #footer {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    #footer .widget-title,
    #footer h2,
    #footer h4,
    footer .wrap-widgets-1 {
        margin-top: 0;
    }

    #footer .wrap-widgets-1,
    #footer .wrap-widgets-2,
    #footer .wrap-widgets-3 {
        margin-bottom: 20px;
    }

    .comments-area ul.children {
        margin-left: 50px;
    }
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
    #header .header-wrap .header-ct-right .bg-infor-header {
        width: 300px;
    }

    .btn-menu {
        display: block;
    }

    #mainnav {
        display: none;
    }

    #header.header.home-2 .header-bottom .content-right,
    #header.header.home-3 .header-bottom .content-right {
        top: -64px;
        right: 63px;
    }
    .tf-products .products {
        margin: 0;
    }
    .page-wrap .content-area,
    .page-wrap .widget-area {
        float: none !important;
        width: 100% !important;
    }

    .page-wrap.sidebar-left .content-area {
        padding-left: 0px;
        margin-bottom: 50px;
    }

    .wrap-video .img-video img {
        width: 100%;
    }
    .page-title {
        padding-top: 251px !important;
        padding-bottom: 198px !important;
    }
    .page-title.page-title-contact {
        padding-top: 240px !important;
        padding-bottom: 390px !important;
    }
    .page-title .page-title-heading {
        font-size: 50px;
        line-height: 62px;
    }
    .themesflat-partner-box {
        padding-bottom: 50px;
    }

    .single-post #themesflat-content,
    .blog #themesflat-content,
    .woocommerce #themesflat-content {
        padding-top: 70px !important;
        padding-bottom: 50px !important;
    }
    .gallery-item {
        width: 50%;
        max-width: 50% !important;
    }
    .gallery {
        margin-top: 30px;
    }

    .gallery-home-1 .gallery-item:nth-child(odd) {
        margin-top: 0px;
    }
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
    .blog-post #comments {
        margin-top: 80px;
    }
    .tf-testimonial-carousel .item .avatar img {
        width: 100% !important;
        height: auto !important;
    }
    .gallery {
        margin-top: 0px;
    }

    .gallery-item {
        width: 100%;
        max-width: 100% !important;
    }

    .navigation.paging-navigation .pagination,
    .navigation.paging-navigation.pager {
        display: block;
    }

    .comment-respond {
        margin-bottom: 50px;
    }

    .comment-list-wrap {
        margin-bottom: 70px;
    }

    .comment-respond .comment-left .name-container,
    .comment-respond .comment-left .email-container {
        width: 100%;
        float: none;
    }

    .page-wrap.fullwidth-small .wrap-content-area .blog-grid > .item,
    .page-wrap.fullwidth-small .wrap-content-area .blog-grid-simple > .item,
    .page-wrap.fullwidth-small .content-area .blog-grid > .item,
    .page-wrap.fullwidth-small .content-area .blog-grid-simple > .item,
    .page-wrap.fullwidth-small .wrap-content-area .blog-grid.columns-2 > .item,
    .page-wrap.fullwidth-small
        .wrap-content-area
        .blog-grid-simple.columns-2
        > .item,
    .page-wrap.fullwidth-small .content-area .blog-grid.columns-2 > .item,
    .page-wrap.fullwidth-small
        .content-area
        .blog-grid-simple.columns-2
        > .item,
    .page-wrap.fullwidth-small .wrap-content-area .blog-grid.columns-3 > .item,
    .page-wrap.fullwidth-small
        .wrap-content-area
        .blog-grid-simple.columns-3
        > .item,
    .page-wrap.fullwidth-small .content-area .blog-grid.columns-3 > .item,
    .page-wrap.fullwidth-small
        .content-area
        .blog-grid-simple.columns-3
        > .item,
    .page-wrap.fullwidth-small .wrap-content-area .blog-grid.columns-4 > .item,
    .page-wrap.fullwidth-small
        .wrap-content-area
        .blog-grid-simple.columns-4
        > .item,
    .page-wrap.fullwidth-small .content-area .blog-grid.columns-4 > .item,
    .page-wrap.fullwidth-small
        .content-area
        .blog-grid-simple.columns-4
        > .item,
    .page-wrap.fullwidth-small .wrap-content-area .blog-grid.columns-2 > .item,
    .page-wrap.fullwidth-small
        .wrap-content-area
        .blog-grid-simple.columns-2
        > .item,
    .page-wrap.fullwidth-small .content-area .blog-grid.columns-2 > .item,
    .page-wrap.fullwidth-small
        .content-area
        .blog-grid-simple.columns-2
        > .item {
        float: none !important;
        width: 100% !important;
    }

    .blog-grid.columns-2 > .item,
    .blog-grid-simple.columns-2 > .item,
    .blog-grid.columns-3 > .item,
    .blog-grid-simple.columns-3 > .item,
    .blog-grid.columns-4 > .item,
    .blog-grid-simple.columns-4 > .item {
        float: none;
        width: 100%;
    }

    .header-bottom .container-inside .content-left {
        margin-right: 2%;
    }

    .gallery-home-1 .gallery-item:nth-child(odd) {
        margin-top: 0px;
    }

    .gallery-item img {
        width: 100%;
    }

    #header.header.home-2 .header-bottom .content-right .cart-content {
        display: none;
    }

    #header.header.home-2 .header-bottom .content-right,
    #header.header.home-3 .header-bottom .content-right {
        right: 33px;
    }
    .go-top {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .go-top i {
        font-size: 10px;
        line-height: 30px;
    }

    .header-bottom .container-inside .content-center {
        margin-left: 15px;
    }
    .widget.widget_themesflat_socials,
    footer .wrap-widgets-4 .widget_block {
        margin-bottom: 0;
    }
}

/* Mobile Portrait Size */
@media only screen and (max-width: 630px) {
    .comments-area ol.comment-list article .gravatar {
        float: none;
        display: block;
        border-radius: 50%;
    }

    .comments-area ol.comment-list article {
        position: relative;
        padding-left: 0px;
    }

    .comments-area ol.comment-list article .gravatar {
        top: auto;
        left: auto;
        position: relative;
        margin-bottom: 20px;
    }

    .header-bottom .container-inside .content-left,
    .header-bottom .container-inside .content-center {
        text-align: center;
        padding-bottom: 15px;
    }

    .header-bottom .container-inside .content-left {
        justify-content: center;
    }

    .header-bottom .container-inside .content-right {
        position: absolute;
        top: 20px;
        right: 50px;
    }

    .header-bottom .container-inside {
        justify-content: space-between;
    }

    .page-title {
        background-size: cover;
    }

    .blog-post .comment-reply-title {
        padding-right: 90px;
    }
}

@media only screen and (max-width: 575px) {
    .comments-area ul.children {
        margin-left: 50px;
    }

    .comments-area
        ol.comment-list
        article
        .comment_content
        .comment-bottom
        .comment_time {
        margin-right: 0;
    }

    #comments .comment-list-wrap ol article.comment_wrap .gravatar {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 15px;
    }
    #comments .comment-list-wrap ol article.comment_wrap {
        display: block;
    }
    #comments .comment-list-wrap ol article.comment_wrap .gravatar img {
        margin-top: 0;
    }
    #comments
        .comment-list-wrap
        ol
        article.comment_wrap
        .comment_content:before {
        display: none;
    }
    #comments .comment-list-wrap ol article.comment_wrap .comment_content {
        width: 100%;
        padding-left: 20px;
    }
    .comments-area ul.children {
        margin-left: 30px;
    }
    #comments .comment-list-wrap ol article.comment_wrap .gravatar img {
        margin-top: 0;
    }
}

@media (max-width: 499px) {
    .comments-area ol.comment-list article:after,
    .comments-area ol.comment-list article:before {
        display: none;
    }

    .comments-area blockquote {
        margin: 10px 0px 30px 0px;
        padding: 10px 20px 20px 20px;
    }

    .comments-area ol.comment-list article .comment_content .comment_text {
        overflow-x: auto;
    }

    .comments-area ol.comment-list article,
    .comment-list-wrap .comment-respond {
        margin-bottom: 30px;
    }

    .page-wrap.fullwidth-small .wrap-content-area,
    .page-wrap.fullwidth-small .content-area {
        width: 100%;
        max-width: 100%;
    }

    #header .header-wrap .header-ct-right .bg-infor-header,
    #header .header-wrap .header-ct-right .info-header,
    #header .show-search,
    #header .header-wishlist-wrapper {
        display: none;
    }

    .btn-menu:before,
    .btn-menu:after,
    .btn-menu span {
        background-color: #ffcc00 !important;
    }
    .header-bottom .container-inside {
        display: block;
    }
}

@media (max-width: 425px) {
}

@media (max-width: 375px) {
}