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

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

/* ------------------------------------------ */
/* 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  : 41px;
    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;
  }

  .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) {}

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