.ico-nav {
    position: absolute;
    right: 60px;
	top: 60px;
	width: 30px;
	height: 17px;
}
#navigation .ico-nav {
    top: 3px;
    right: 0px;
}
.ico-nav > span {
	display: block;
	width: 100%;
	height: 3px;
	margin-bottom: 5px;
	background: #fff;
}
#navigation .ico-nav > span {
	background: #4589EF;
}

#navigation .align-self-md-center {
    align-self: auto !important;
}

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

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

@media (max-width: 1280px) {
    /*body.single-post #content section.elementor-section:nth-child(2) {
        margin-top: -105px;
    }*/
}

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

@media (max-width: 1023px) {
    body .tablet {
        display: block;
    }

    #navigation .logo-text  {
        margin-top: 0px;
    }

    #colophon .footer-main .elementor-widget-wrap {
        flex-direction: column;
    }
    #colophon .footer-main .copyrights p {
        margin-bottom: 10px;
    }

    #colophon .footer-page .elementor-widget-wrap {
        flex-direction: column-reverse;
    }
    #colophon .footer-page .copyrights {
        min-width: none;
        margin-top: 20px;
    }
    #colophon .footer-page .copyrights p {
        margin-top: 10px;
        max-width: none;
    }
    #colophon .footer-page .elementor-widget-wrap > .elementor-widget:nth-child(2) {
        display: none;
    }
    #menu-footer-btn {
        text-align: left;
    }

    .block-portfolio-logo {
        margin-top: -120px;
    }
}

@media (max-width: 991px) {
    h1, body h1, html.colibri-wp-theme body h1, .colibri-post-content h1 {
        font-size: 28px;
        margin-bottom: 40px;
    }
    h2, body h2, html.colibri-wp-theme body h2, .colibri-post-content h2 {
        font-size: 24px;
    }
    h3, body h3, html.colibri-wp-theme body h3, .colibri-post-content h3 {
        font-size: 22px;
    }
    h4, body h4, html.colibri-wp-theme body h4, .colibri-post-content h4 {
        font-size: 20px;
    }
    h1.main, body h1.main, html.colibri-wp-theme body h1.main, .colibri-post-content h1.main {
        font-size: 44px;
        margin-bottom: 20px;
    }

    #page-top > .page-content, #content {
        padding-top: 60px;
    }

    /*body.single-post #content section.elementor-section:nth-child(2) {
        margin-top: -105px;
    }*/

    body.single-post #content .gutters-row-0 .nav-previous > a > .meta-nav, 
    body.single-post #content .gutters-row-0 .nav-next > a > .meta-nav {
        display: none;
    }
    body.single-post #content .gutters-row-0 .nav-previous > a > .post-title, 
    body.single-post #content .gutters-row-0 .nav-next > a > .post-title {
        font-size: 14px;
    }
}

@media (max-width: 800px) {
    .main-page-content .elementor-widget-wrap {
        flex-direction: column-reverse;
    }
    .main-page-content .elementor-widget-wrap > .elementor-widget-html {
        width: 100%;
        min-width: auto;
    }
    .main-page-content .elementor-widget-wrap > .elementor-widget-image-carousel {
        width: 100%;
        margin-bottom: 40px;
    }

    .block-portfolio {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .block-portfolio > .elementor-container > .elementor-column > .elementor-widget-wrap {
        grid-gap: 20px;
    }
    .block-portfolio .item {
        height: 280px;
        padding: 30px;
    }

    .content-image-right .elementor-widget-wrap {
        flex-direction: column-reverse;
    }
    .content-image-right .elementor-widget-wrap > .elementor-widget-text-editor {
        max-width: none;
        padding-right: 0px;
    }
    .content-image-right .elementor-widget-wrap > .elementor-widget-text-editor p {
        margin-bottom: 0px;
    }
    .content-image-right .elementor-widget-wrap > .elementor-widget-image {
        max-width: none;
    }

    .breadcrumbs {
        display: none;
    }

    .social-buttons {
        margin-top: 60px;
    }
    .social-buttons .elementor-widget-container {
        align-items: flex-start;
        flex-direction: column;
    }
    .social-buttons .title {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .content-short, 
    .elementor-widget-wrap > .elementor-elementt.content-short {
        padding-bottom: 10px;
    }

    body.single-post #content #blog-post .h-column__content > .gutters-row-0.h-row-container {
        padding-bottom: 0px !important;
    }
}

@media (max-width: 768px) {
    .block-portfolio > .elementor-container > .elementor-column > .elementor-widget-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}

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

@media (max-width: 600px) {
    body .mobile {
        display: block;
    }

    .h-section-boxed-container, 
    #colophon .elementor-section.elementor-section-boxed > .elementor-container, 
    .main-page-content {
        padding: 0px 20px;
    }

    body #colophon {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .ico-nav {
        right: 20px;
        top: 35px;
    }

    .h-offcanvas-panel, #colibri .h-offcanvas-panel {
        width: 100% !important;
    }

    .content-short h2 {
        border-width: 0px 0px 0px 4px;
        border-style: solid;
        border-color: #4589EF;
        padding-left: 20px;
    }
}

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

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

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

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