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

@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;
        padding-top: 0;
        margin-top: 70px
    }

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

    .bottom-content-left.link-style-4 {
    }

    .bottom-content-left.link-style-4 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

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

@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: 0
    }

    .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: 0;
        margin-right: 15px
    }

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

    .subscribe-modal {
        position: fixed;
        height: 600px;
        width: 60%;
        z-index: 999999;
        border-radius: 2px;
        transition: all .5s ease-in-out
    }

    .sub-image img {
        width: 100%;
        height: 230px;
        object-fit: cover
    }

    .subscribe-modal a.side-menu__toggler.side-menu__close-btn {
        padding: 10px;
        background-color: #000;
        position: absolute
    }

    .subscription-form h3 {
        text-align: left;
        font-weight: 700;
        position: absolute;
        margin-top: -25%;
        color: #fff;
        margin-left: 20px;
        text-decoration-thickness: from-font;
        text-underline-position: from-font
    }

    .subscription-form form {
        margin-left: 25px;
        padding-right: 25px;
        padding-top: 10px;
        display: block;
        text-align: center
    }

    .subscription-form input {
        border: none;
        border-radius: 0;
        height: 50px;
        width: 100%!important;
        max-width: 100%!important;
        margin-bottom: 15px;
        font-size: 14px
    }

    input.col-lg-6.col-md-12.form-control:first-child {
        max-width: 100%!important
    }

    .form-row {
        display: block;
        margin-bottom: 0!important
    }

    form-row.form-group {
    }

    .subscription-form button {
        width: 100%;
        margin-top: 20px;
        height: 60px;
        padding: 20px;
        line-height: 16px
    }

    .subscribe-toggler {
        z-index: 22
    }
}

@media only screen and (max-width: 767px) {
    .offer-number {
        margin-left:20px
    }

    .plan-text {
        margin-top: 5px;
        padding-left: 20px;
        padding-right: 20px
    }

    .flat-services-home-2 .services-box .post img {
        padding: 0;
        margin-top: 10px
    }

    .padded {
        padding-left: 20px;
        padding-right: 20px
    }

    .flat-services-home-2 h3 {
        margin-left: 120px
    }

    .phase-title {
        transform: rotate(0deg)
    }

    .phase-section {
        display: block
    }

    #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
    }

    .slider-style-2 .background img {
        height: 75vh
    }

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

    .subscribe-modal {
        position: fixed;
        height: 590px;
        width: 90%;
        z-index: 999999;
        border-radius: 2px;
        transition: all .5s ease-in-out
    }

    .sub-image img {
        width: 100%;
        height: 230px;
        object-fit: cover
    }

    .subscribe-modal a.side-menu__toggler.side-menu__close-btn {
        padding: 10px;
        background-color: #000;
        position: absolute
    }

    .subscription-form h3 {
        text-align: left;
        font-weight: 700;
        position: absolute;
        margin-top: -25%;
        color: #fff;
        margin-left: 20px;
        text-decoration-thickness: from-font;
        text-underline-position: from-font
    }

    .subscription-form form {
        margin-left: 25px;
        padding-right: 25px;
        padding-top: 10px;
        display: block
    }

    .subscription-form input {
        border: none;
        border-radius: 0;
        height: 50px;
        width: 100%;
        margin-bottom: 15px;
        font-size: 14px
    }

    .subscription-form button {
        width: 100%;
        margin-top: 20px;
        height: 60px;
        padding: 20px;
        line-height: 16px
    }

    .subscribe-toggler {
        z-index: 22
    }
}

@media only screen and (max-width: 1565px) {
    .timeline-nav ul {
        margin-top:135px
    }

    .custom-padding {
        padding-top: 85px
    }
}

@media only screen and (max-width: 391px) {
    .timeline-nav li {
        margin-left:60px;
        margin-right: 60px
    }

    .custom-padding {
        margin-top: 85px;
        margin-bottom: 85px
    }

    .project-phases {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media only screen and (max-width: 376px) {
    .timeline-nav li {
        margin-left:60px;
        margin-right: 60px
    }

    .custom-padding {
        margin-top: 85px;
        margin-bottom: 85px
    }

    .project-phases {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media only screen and (max-width: 991px) {
    .timeline-circle a {
        margin-top:50px;
        margin-left: 18px;
        font-size: 18px
    }

    .custom-padding {
        margin-top: 0;
        margin-bottom: 0
    }

    .timeline-nav li {
        margin-left: 95px;
        margin-right: 95px
    }
}

@media only screen and (max-width: 321px) {
    .custom-padding {
        margin-top:0;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 549px) {
    .timeline-circle a {
        margin-top:35px;
        margin-left: 9px;
        font-size: 14px
    }

    .timeline-circle {
        height: 75px;
        width: 75px;
        margin-top: 18px
    }

    .timeline-nav li {
        margin-left: 75px;
        margin-right: 75px
    }

    .custom-padding {
        margin-top: 0;
        margin-bottom: 0
    }

    .project-phases {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media only screen and (max-width: 426px) {
    .timeline-circle a {
        margin-top:33px;
        margin-left: 7px;
        font-size: 14px
    }

    .custom-padding {
        padding-block:0}

    .timeline-nav li {
        margin-left: 84px;
        margin-right: 36px
    }

    .phase-year:last-child {
        visibility: hidden
    }
}