/* Media Queries
-------------------------------------------------------------- */

@media only screen and (max-width: 1760px) {
    #main-nav > ul > li {
        margin: 0 20px;
    }

}


@media only screen and (max-width: 1565px) {
    .slider .mark-slider {
        display: none;
    }
}

@media only screen and (max-width: 1420px) {
    #main-nav > ul > li {
        margin: 0 10px;
    }

    #site-header.style-2 #site-logo {
        padding: 0 5px;
    }
}

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

    .flat-about-us-2 .content-right,
    .flat-counter {
        margin: 0;
    }

    .flat-skillset.home-2 {
        padding: 0;
    }

    .tf-space,
    .flat-skillset.home-2 {
        padding: 100px 0;
    }

    .flat-services .services-content.right,
    .flat-services .services-content.left {
        padding: 15px;
    }

    .flat-services-home-2.services .services-box .content {
        padding: 20px 0;
    }

    .flat-contact-2 .contact-box {
        padding: 20px;
    }

    #site-header .mobile-button {
        display: block;
        z-index: 200;
    }

    .flat-blog .post-content .post-title {
        font-size: 30px;
    }

    .flat-about .content-right h2 {
        font-size: 50px;
    }

    .flat-spaces .content .inner-content h2 {
        font-size: 200px;
    }

    .slider-style-2 .content h1 {
        font-size: 250px;
    }

    .section-heading {
        font-size: 45px;
    }

    .flat-portfolio .portfolio-post .content {
        top: 30px;
        left: 30px;
    }

    #footer .footer-left .texts h1 {
        font-size: 180px;
    }

    .widget.recent-news .texts h3 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
    }

    .entry-date.item {
        font-size: 12px;
    }

    #bottom .bottom-content-left,
    #bottom .menu-bottom-menu a {
        line-height: 24px;
    }

    .flat-services .services-content h3,
    .flat-services .services-content p,
    .flat-services .services-content .list-quotes li {
        margin-bottom: 10px;
    }

    .flat-team.home-2 .team-content {
        margin-bottom: 25px;
    }

    .flat-fun-fact .post-flat-fun-fact {
        display: none;
    }

    .flat-portfolio {
        padding-top: 100px;
    }

    .flat-skillset .skillset-content {
        height: unset;
        padding: 100px 20px;
        margin-bottom: 0;
    }

    .flat-faq {
        background-position: 34% 50%;
    }

    .flat-spaces .content .post img {
        height: 300px;
    }

    .flat-spaces .content .inner-content h3 {
        font-size: 15px;
        padding: 20px;
    }

    .flat-services-home-2 .services-box .content {
        padding: 40px 20px;
    }

    .flat-skillset.home-2 .row,
    .flat-about-us-2 .row {
        align-items: center;
    }

    .flat-contact .contact-form .name-wrap,
    .flat-contact .contact-form .email-wrap {
        margin-right: 22.5px;
    }

    .tf-map {
        margin: 0 17px;
    }

    .slider.home-3 .brand-slider {
        padding: 100px;
    }

    .slider-style-2 .background img,
    .slider .back-ground img {
        object-fit: cover;
    }

}

/* ------------------------------------------ */
/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {

    .flat-blog .inner-content,
    .flat-blog-details .inner-content,
    .flat-fun-fact,
    .flat-about .content-right,
    .flat-about .content-left,
    .flat-award .award-history-box.left,
    .flat-award .award-history-box.right,
    .flat-blog-grid,
    .flat-blog-grid.home-3 .grid-post .content h3,
    .flat-blog-grid.home-3,
    #footer .footer-right-style-2 .widget.search .search-form,
    .flat-about-us-2.about .content-right,
    .flat-approch .content-right .list-history,
    .flat-service-details #site-content,
    .flat-blog-grid.portfolio-page .grid-post.left,
    .flat-blog-grid.portfolio-page .grid-post.center,
    .flat-blog-grid.portfolio-page .grid-post.right,
    .flat-portfolio.flat-portfolio-grid,
    .flat-team-details .guide-thumb .media,
    .flat-portfolio.home-3 .portfolio-post.box-2,
    .flat-portfolio.home-3 .portfolio-post.box-1,
    .flat-blog-grid.portfolio-page.home-3.portfolio-page,
    .flat-title-page,
    .flat-faq.faq .content-left,
    .flat-pricing {
        margin: 0;
    }

    .flat-portfolio,
    .flat-skillset .content-right,
    .flat-blog-grid.home-3 .grid-post.box-2,
    .flat-counter .list-count,
    .flat-portfolio.home-2,
    #footer.style-2,
    .flat-team.home-2,
    .flat-about-us-2.about .content-right,
    .flat-approch .approch-box.box-2,
    .flat-approch .approch-post,
    .flat-fun-fact .funfact-content-left p,
    #footer .footer-right-style-2 .menu-1 p,
    .flat-blog-details .post .last-desc,
    .flat-blog-details .post .infor-row .socials,
    .flat-blog-grid.portfolio-page.home-3.portfolio-page,
    .flat-skillset.services,
    .slider,
    .flat-faq .flat-accordion,
    .flat-faq.faq .content-right {
        padding: 0;
    }

    .flat-approch .approch-post {
        padding: 0 10px;
    }

    .tf-map {
        margin: 0 10px;
    }

    #footer .footer-right,
    .flat-portfolio,
    .flat-testimonials.home-2,
    #footer .footer-right-style-2,
    .flat-team.home-2,
    .flat-about-us-2.about,
    .flat-faq.faq,
    .flat-team.page-team,
    .flat-portfolio.flat-portfolio-grid,
    .flat-blog-grid.portfolio-page.home-3.portfolio-page,
    .flat-skillset.services {
        padding: 100px 0;
    }

    .flat-about-us-2 .brand-slider {
        padding-top: 100px;
        padding-bottom: 0;
    }

    .flat-skillset .skillset-content {
        margin-top: 60px;
    }

    .flat-portfolio {
        padding-top: 140px;
    }

    .flat-about {
        padding-bottom: 0;
    }

    .widget-links ul li,
    .flat-approch .approch-box,
    .flat-skillset.services .content-left .post-2 img,
    .flat-team-details .guide-thumb .media img,
    .flat-approch .approch-post .approch-post,
    .flat-approch .approch-post .approch-post img,
    .flat-skillset .content-left .post img {
        width: 100%;
    }

    .flat-award .award-history-box .year,
    .flat-award .award-history-box .content,
    .flat-skillset .skillset-content .skillet-box {
        width: 50%;
    }

    .flat-team .team-content .content {
        padding: 15px;
    }

    .flat-portfolio .portfolio-post .read-more-content {
        padding: 15px 10px;
    }

    .flat-faq .list-count {
        margin-top: 60px;
        margin-bottom: -185px;
    }

    .flat-title-page .breadcrumbs {
        padding-left: 30px;
    }

    .slider.home-3 .content-home-3,
    .flat-faq .list-count,
    .flat-team-details .team-infor .content {
        padding: 30px;
    }

    #footer .footer-right {
        padding-left: 4%;
    }

    .flat-blog-details .post hr,
    .flat-faq .list-count .item {
        margin: 20px 0;
    }

    .flat-portfolio.flat-portfolio-grid .flat-filter-isotope li {
        margin: 0 7px;
    }

    .flat-portfolio.home-3 .portfolio-post.box-1,
    .flat-portfolio.home-3 .portfolio-post.box-2,
    #footer .footer-right-style-2 .widget.search .search-form,
    .flat-approch .approch-box.box-1,
    .flat-about .content-right h2 {
        margin-bottom: 15px;
    }

    .flat-service-details #site-content .service-pagination,
    .flat-blog-grid.portfolio-page .grid-post {
        margin-bottom: 30px !important;
    }

    .flat-skillset .skillset-content .skillet-box {
        margin-bottom: 35px;
    }

    .flat-about .content-left {
        margin-bottom: 70px;
    }

    .flat-approch .approch-post,
    .flat-team-details .guide-thumb .media {
        margin-top: 20px;
    }

    #site-header {
        padding: 0 22px;
    }

    #site-header .navigation-side-menu {
        right: 22px;
    }

    .mobile-button {
        right: 55px;
    }

    .header-nav-right .phone-call,
    .flat-portfolio .content-right .button-custom-slider,
    .flat-testimonials .feedback-box .button-custom-slider,
    .flat-about-us-2.about .content-left .about-post h2,
    .flat-skillset.services .content-left .post-1,
    .slider.home-3.portfolio-slider .button-custom-slider,
    .flat-portfolio-details .widget-socials::before,
    .flat-portfolio-details .widget-socials::after,
    .flat-skillset .content-left .text-outline,
    .slider.home-3 .button-custom-slider {
        display: none;
    }

    .flat-funfact-grid .box-hide,
    .flat-blog-grid.home-2 .box-hide,
    .flat-team-details .guide-thumb {
        display: block;
    }

    .flat-approch .approch-box {
        float: unset;
    }

    .flat-team-details .personal-progress .media {
        flex-shrink: unset;
    }

    .flat-team .team-content .content {
        width: unset;
    }

    .flat-blog-grid.home-3 .grid-post.box-2 {
        border: unset;
    }

    .flat-fun-fact .content-right {
        display: contents;
    }

    .flat-approch .row,
    .flat-skillset.services .row,
    .flat-services .row {
        align-items: center;
    }

    .flat-fun-fact .funfact-video {
        top: 50%;
        left: 50%;
    }

    .flat-spaces .content .post img {
        height: 250px;
    }

    .flat-fun-fact {
        background-position-x: -200%;
    }

    .slider .back-ground img,
    .tf-map .map-content {
        height: 400px;
    }

    .slider-style-2 .background img {
        height: 600px;
    }

    .flat-skillset.services .content-right h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .flat-title-page .section-title-page {
        font-size: 90px;
        line-height: 90px;
    }

    .slider .content h2 {
        font-size: 70px;
        line-height: 70px;
    }

    .slider .content {
        top: 20%;
        left: 10%;
    }

    .flat-about .brand-slider {
        transform: translateY(75px);
        margin-top: 0px;
    }

    .flat-team.home-3 .team-content.box-1,
    .flat-team.home-3 .team-content.box-3 {
        transform: unset;
    }

    .flat-team .team-content .team-name,
    .flat-services-home-2 .services-box .content h3,
    .flat-blog-grid.portfolio-page .grid-post .content h3,
    .flat-portfolio-details .list-icon-portfolio .content h3 {
        font-size: 20px;
    }

    .slider.home-3 .content-home-3 h2,
    .slider-style-2 .content h2 {
        font-size: 70px;
        line-height: 70px;
    }

    .flat-team .team-content .content {
        bottom: -40px;
    }

    .flat-faq .list-count .item h2 {
        left: 0;
        font-size: 90px;
    }

    .slider-style-2 .content h1 {
        font-size: 200px;
    }

    .flat-services-home-2 .services-box .content,
    #footer .footer-left-style-2 .button,
    .flat-pricing .pricing-box .button.cart {
        padding: 20px 10px;
    }

    #footer .footer-left-style-2,
    .flat-pricing .content-tab .pricing-box {
        padding: 50px 10px;
    }

    .flat-pricing .content-tab .pricing-box {
        padding: 30px 20px;
    }

    .flat-counter .list-count .item {
        width: 50%;
        justify-content: center;
        margin-bottom: 40px;
    }

    .flat-skillset.home-2 .content-right .section-heading {
        font-size: 38px;
        line-height: 50px;
        margin-bottom: 10px;
    }

    .flat-contact .contact-form .name-wrap,
    .flat-contact .contact-form .email-wrap {
        margin-right: 15.5px;
    }

    .slider.home-3.portfolio-slider .content-portfolio {
        top: 7.6%;
        left: 7.6%;
    }

    .flat-portfolio.home-3 .portfolio-post.box-3 {
        width: 47.8%;
        margin-left: 0px;
        margin-right: 15px;
    }

    .flat-portfolio.home-3 .box-3:last-child {
        margin-right: 0px;
    }
}

/* ------------------------------------------ */
/* All Mobile Sizes */
@media only screen and (max-width: 767px) {

    #footer .footer-right,
    .flat-skillset .skillset-content .skillet-box,
    .tf-col-4,
    .flat-counter .list-count .item,
    #footer .footer-right-style-2 .menu-1,
    #footer .footer-right-style-2 .menu-2,
    .flat-service-details #site-content .post-thumb .post-1,
    .flat-service-details #site-content .post-thumb .post,
    .flat-contact .contact-form .name-wrap,
    .flat-contact .contact-form .email-wrap,
    .flat-contact .contact-form .site-wrap,
    .flat-portfolio.flat-portfolio-grid .tf-col-4,
    .tf-colmd-4,
    .flat-portfolio-details .list-icon-portfolio li,
    .flat-portfolio-details .thumb .content,
    .flat-service-details #site-content .post-thumb-2 .media,
    .flat-service-details #site-content .post-thumb-2 .media img,
    .flat-testimonials .feedback-box .user-avatar,
    .flat-testimonials.home-2 .feedback-box .user-avatar {
        width: 100%;
    }

    #comments .comment-list .comment-content .comment-text,
    .flat-services .services-content.right,
    .flat-testimonials.home-2 .feedback-box .content,
    .flat-team.home-2,
    #footer .footer-right-style-2 .menu-2,
    #footer .footer-right-style-2,
    .flat-faq.faq .content-right,
    .flat-team-details .team-infor .content,
    .slider.home-3.portfolio-slider .back-ground,
    .slider.home-3.portfolio-slider .content-portfolio,
    .flat-portfolio-details .thumb .content:last-child,
    .flat-portfolio.home-3 {
        padding: 0;
    }

    .flat-services .services-post-right,
    .flat-services .services-post-left,
    .flat-skillset .skillset-content .skillet-box:last-child,
    .flat-testimonials .feedback-box .user-avatar,
    .flat-about-us-2 .brand-slider,
    .flat-service-details #site-content .post-thumb .post-1,
    .flat-service-details #site-content .post-thumb .post,
    .flat-faq.faq .content-right,
    .slider.home-3.portfolio-slider .content-portfolio .info,
    .flat-team-details .team-infor .content,
    .flat-team-details .personal-progress .media,
    .flat-service-details #site-content .post-thumb-2 .media,
    .slider.home-3.portfolio-slider,
    .flat-faq .list-count {
        margin: 0;
    }

    #footer .footer-right {
        padding: 60px 15px;
    }

    .flat-portfolio,
    .flat-testimonials.home-2,
    #footer .footer-right-style-2,
    .flat-team.home-2,
    .flat-about-us-2.about,
    .flat-faq.faq,
    .flat-team.page-team,
    .flat-portfolio.flat-portfolio-grid,
    .flat-blog-grid.portfolio-page.home-3.portfolio-page,
    .flat-skillset.services,
    .flat-team.home-2,
    .tf-space,
    .flat-portfolio.home-3 {
        padding: 80px 0;
    }

    .slider.home-3.portfolio-slider {
        padding-bottom: 60px;
    }

    .flat-about-us-2 .brand-slider {
        padding-top: 80px;
        padding-bottom: 0;
    }

    .flat-portfolio {
        padding-top: 100px;
    }

    #bottom .menu-bottom-menu li {
        margin: 0 15px;
    }

    .flat-title-page .section-title-page {
        font-size: 100px
    }

    #top-bar,
    #site-header {
        padding: 0 15px;
    }

    .flat-blog-details .post .quote-details,
    .flat-blog-details #contactform,
    .flat-about .brand-slider,
    .flat-testimonials .feedback-box {
        padding: 20px;
    }

    .flat-services .services-content.right,
    .flat-services .services-content.left,
    .flat-services-home-2 .services-box .content {
        padding: 30px 0;
    }

    .post-meta .line {
        margin-right: 10px;
    }

    .flat-about .counter-box .content {
        margin-right: 30px;
    }

    .flat-service-details #site-content .post-thumb .post-1,
    .flat-service-details #site-content .post-thumb-2 .media,
    .flat-service-details #site-content .service-pagination .item,
    .flat-contact-2 .contact-box,
    .slider.home-3.portfolio-slider .content-portfolio p,
    .flat-portfolio-details .list-icon-portfolio li,
    .flat-skillset .content-right .section-heading {
        margin-bottom: 15px;
    }

    .flat-blog-details .post .infor-row .tags,
    .flat-blog-details #contactform,
    .flat-services .services-post-right,
    .flat-services .services-post-left,
    .flat-team .team-content,
    .flat-testimonials .feedback-box .user-avatar,
    #bottom .bottom-content-left,
    .flat-team-details .team-infor .media,
    .flat-team-details .team-infor,
    .flat-team-details .personal-progress .media,
    .flat-team-details .personal-progress,
    .flat-portfolio-details .thumb .content,
    .flat-portfolio-details .service-pagination .item,
    .slider.home-3.portfolio-slider .back-ground {
        margin-bottom: 30px;
    }

    .slider-style-2 .content h2,
    .flat-skillset.home-2 .content-left,
    #footer .footer-right-style-2 .menu-1,
    .flat-pricing .content-tab .pricing-box,
    .flat-portfolio.flat-portfolio-grid .flat-filter-isotope li,
    .flat-skillset .content-left .post,
    .flat-skillset.services .content-left,
    .flat-about-us-2 .content-left,
    .flat-faq.faq .content-left {
        margin-bottom: 50px;
    }

    .flat-about-us-2 .brand-slider,
    .flat-faq .list-count {
        margin-top: 60px;
    }

    #footer .footer-right-style-2 {
        padding-top: 60px;
        padding-bottom: 0;
    }

    #site-header .navigation-side-menu,
    .header-nav-right,
    #site-header .mobile-button {
        right: 15px;
    }

    .post-meta .line::after {
        right: -5px;
    }

    #site-header.style-2 .mobile-button {
        left: 10px;
    }

    .slider-style-2 .content {
        top: 55%;
    }

    #top-bar .top-bar-content .inner .list-content,
    .flat-service-details #site-content .post-thumb-2,
    .flat-counter .list-count .item,
    .flat-service-details #site-content .service-pagination,
    .flat-portfolio-details .service-pagination,
    #bottom .menu-bottom-menu {
        justify-content: center;
    }

    #top-bar .top-bar-content .inner,
    .flat-blog-details .post .infor-row,
    .flat-testimonials .feedback-box .inner,
    .slider.home-3.portfolio-slider .content-portfolio .infomation-content,
    .flat-team-details .team-infor,
    .flat-team-details .personal-progress,
    .flat-portfolio-details .list-icon-portfolio,
    .flat-portfolio-details .thumb,
    #comments .comment-list li {
        display: block;
    }

    .slider-style-2 .content h1,
    .slider-style-2 .content .list-content,
    .flat-team-details .team-details-content .thumb-content .cap,
    .flat-fun-fact .content-right,
    #site-header .navigation-side-menu {
        display: none;
    }

    #top-bar .top-bar-content .inner,
    .flat-blog-details #contactform,
    #bottom .bottom-content-left {
        text-align: center;
    }

    #top-bar,
    .flat-testimonials.home-2 .feedback-box .user-avatar,
    .flat-testimonials .feedback-box .user-avatar {
        height: unset;
    }

    .flat-portfolio.home-2 .portfolio-content,
    #footer .footer-right-style-2,
    .flat-service-details #site-content .post-thumb,
    .flat-service-details #site-content .post-thumb-2,
    .flat-service-details #site-content .service-pagination,
    .flat-portfolio-details .service-pagination {
        flex-wrap: wrap;
    }

    .flat-quote .content-right,
    .flat-blog-details .post .infor-row .socials {
        text-align: left;
    }

    .slider.home-3.portfolio-slider .content-portfolio {
        width: unset;
    }

    .flat-about .brand-slider {
        transform: translateY(60px);
    }

    .flat-blog .post-content .post-content-wrap,
    .flat-blog .inner-content blockquote,
    .flat-service-details #site-content .quote-service-details {
        padding: 30px;
    }

    .flat-title-page .breadcrumbs {
        padding: 107px 0 107px 30px;
    }

    .slider.home-3 .brand-slider {
        padding: 90px;
    }

    .flat-blog .post-media .author {
        right: 10px;
        padding: 10px;
    }

    .slider.home-3.portfolio-slider .content-portfolio {
        position: unset;
        padding: 0 15px;
    }

    .flat-blog .post-media .tag {
        left: 10px;
    }

    .flat-blog .post-content .post-title {
        font-size: 22px;
        line-height: 34px;
    }

    .flat-about {
        padding-bottom: 0;
    }

    .flat-blog .post-content .post-meta-content .item {
        line-height: 25px;
    }

    .flat-blog .inner-content blockquote::after {
        z-index: -1;
    }

    #footer .footer-left,
    .flat-blog-details .post .post-author .author-avatar,
    .flat-blog-details .post .post-image .thumb,
    .slider .button-custom-slider {
        display: none;
    }

    #footer .footer-right .content h2,
    .flat-banner .content h2 {
        font-size: 55px;
    }

    .flat-about .content-right h2,
    .flat-about-us-2 .section-heading,
    .flat-title-page .section-title-page {
        font-size: 45px;
    }

    .flat-testimonials.home-2 .feedback-box .content p {
        font-size: 24px;
    }

    .section-heading,
    .slider.home-3 .content-home-3 h2 {
        font-size: 35px;
    }

    .slider.home-3 .content-home-3 h2 {
        line-height: 40px;
    }

    .flat-quote .quote-title h2,
    .flat-skillset .content-right .section-heading,
    .flat-about-us-2.about .content-right h2 {
        line-height: 55px;
    }

    .flat-blog .post-media .logo {
        width: 15%;
    }

    #comments .comment-list li.reply {
        margin-left: 10%;
    }

    .slider .content h2,
    .slider-style-2 .content h2 {
        font-size: 50px;
        line-height: 50px;
    }

    .slider.home-3.portfolio-slider .content-portfolio h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .search-popup__form input {
        width: 300px;
    }

    .slider .back-ground img,
    .tf-map .map-content,
    .flat-title-page {
        height: 350px;
    }

    .flat-title-page {
        margin-bottom: -84px;
    }

    .header-search a {
        font-size: 20px;
    }

    .widget-information .texts, .widget-information .texts a {
        font-size: 14px;
    }

    .slider-style-2 .background img {
        height: 400px;
    }

    .mg-30px {
        margin-top: unset;
    }

    .slider.home-3 .content-home-3,
    .slider.home-3 .content-home-3 .button-slider-home-3 {
        left: 20px;
    }

    .flat-skillset .skillset-content .skillet-box h2 {
        left: 50%;
        transform: translateX(-50%);
    }

    .flat-skillset .skillset-content .skillet-box {
        margin-bottom: 75px;
    }

    .slider-style-2 .swiper-button-next.button-slide-custom-next,
    .slider-style-2 .swiper-button-prev.button-slide-custom-prev {
        height: 50px;
        width: 50px;
        line-height: 50px;
    }

    .flat-portfolio-details .twentytwenty-handle {
        width: 60px;
        height: 60px;
        border: unset;
        margin-left: -32px;
        margin-top: -30px;
    }

    .flat-fun-fact {
        background-image: unset;
    }

    .tf-map {
        margin: 0 -3px;
    }

    .pd-0 {
        padding-bottom: 0 !important;
    }

    .mg-b0 {
        margin-bottom: 0 !important;
    }
}

/* ------------------------------------------ */
/* Mobile Portrait Size */
@media only screen and (max-width: 549px) {
}

/* ------------------------------------------ */
@media (max-width: 320px) {
}

/* ------------------------------------------ */