/* TABLETS */
@media screen and (min-width: 768px) {
    /* SIDEBAR */
    .with-sidebar {
        float: left;
        width: 61%;
    }
    .sidebar {
        float: left;
        width: 34%;
        margin-left: 5%;
        margin-top: 1.4em;
    }

    /* TYPOGRAPHY */
    h1 {
        font-size: 42px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 18px;
    }
    h4 {
        font-size: 1em;
    }
    /* Forms */
    input:not([type="submit"]):not([type="button"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]),
    select {
        max-width: 360px;
    }

    /* HEADER */
    .site-title {
        display: block;
        position: static;
        width: auto;
    }
    .nav-menu:not(.menu-with-icons) ul {
        margin-bottom: 1.3em;
    }
    .nav-menu a {
        margin: 0 12px;
    }
    /* SINGLE PAGE MENU WITH ICONS */
    .menu-with-icons a:before {
        margin-right: 10px;
        font-size: 24px;
    }

    /* PAGES */
    .hentry {
        padding: 0 0 4em 0;
    }
    .entry-header {
        padding-top: 3em;
    }
    .entry-content {
        margin-top: 2.4em;
    }

    /* ONE PAGE LAYOUT */
    .card-content {
        padding: 20px 40px;
    }
    .card-content:not(.is-loaded) {
        background-position: center 60px;
        background-size: 64px 64px;
    }

    /* 404 */
    .http-alert h1 {
        font-size: 14em;
    }

    /* PROCESS */
    .row [class^="col-"]:nth-child(n) .process:after,
    .elementor-column:nth-child(n) .process:after {
        display: inline-block;
    }
    .row [class^="col-"]:last-child .process:after,
    .elementor-column:last-child .process:after {
        display: none;
    }

    /* blockquote  */
    blockquote {
        font-size: 1.8em;
    }
    blockquote:before {
        font-size: 1em;
    }

    /* CONTACT FORM */
    .contact-form p {
        width: 50%;
        float: left;
    }
    .contact-form p:nth-of-type(1) {
        padding-right: 32px;
    }
    .contact-form p:nth-of-type(n + 3) {
        width: 100%;
    }

    /* MEDIA GRID */
    .media-grid .media-cell {
        float: left;
        width: 25%;
        padding: 0 20px;
        margin-bottom: 20px;
    }

    /* MEDIA BOX */
    .media-grid .media-cell {
        float: left;
        width: 50%;
    }

    /* TIMELINE */
    .event {
        padding: 0 1em 3em 4em;
    }
    .event h3 {
        margin-left: -1.6em;
    }
    .event h2 + p i,
    .event h2 + p img {
        font-size: 34px;
    }

    /* PORTFOLIO SINGLE */
    .portfolio-single .entry-content img,
    .portfolio-single .entry-content .fluid-width-video-wrapper,
    .portfolio-single .entry-content iframe,
    .portfolio-single .entry-content video {
        margin-bottom: 4em;
    }
    .mini-text {
        margin: 2em auto 5em;
    }
    .mini-text .button {
        margin: 3em 0;
    }

    /* BLOG */
    .blog-regular > .entry-header .entry-title {
        font-size: 29px;
    }
    .blog-regular .entry-title {
        font-size: 37px;
    }

    /* format chat */
    .chat-row > div {
        display: inline-block;
    }
    .chat-author {
        text-align: right;
        width: 100px;
        margin-top: 5px;
        font-size: 14px;
        text-transform: uppercase;
    }

    /* BLOG SINGLE */
    .related-posts .media-grid .media-cell {
        float: left;
        width: 33.33%;
    }

    /* COMMENTS */
    .comments-area {
        padding: 2em 0;
    }
    .comments-area .commentlist {
        padding-bottom: 2em;
    }
    .comments-area article {
        padding: 0.8em 0;
        margin-top: 1em;
    }
    .comment-meta img {
        max-width: 66px;
        position: absolute;
        top: 14px;
        left: 0;
    }
    .comment-meta,
    .comment-content {
        margin-left: 84px;
    }
    .comment-content p {
        font-size: 0.925em;
    }
    .comments-area ol ol {
        margin-left: 8%;
    }

    /* Comment Form */
    #respond form p {
        margin-bottom: 0;
    }
    .comment-form-author,
    .comment-form-email,
    .comment-form-url {
        float: left;
        width: 30%;
        margin-right: 3%;
    }
    .comment-form-url {
        width: 34%;
        margin-right: 0;
    }
    .form-allowed-tags,
    .form-submit {
        clear: left;
    }
    .form-submit {
        padding-top: 2em;
    }

    /* FOOTER WIDGETS */
    .site-footer .widget-area .widget {
        width: 33.3%;
        float: left;
        padding: 0 1.5em 1em 1em;
    }
    .site-footer .widget-area .widget:first-child {
        padding-left: 0;
    }
    .site-footer .widget-area .widget:nth-child(3n) {
        padding-right: 0;
    }

    /* Social Feed */
    .social-feed ul li {
        width: 50%;
    }
    .social-feed ul li img {
        max-width: 100%;
        width: 100%;
    }
}

/* DESKTOPS */
@media screen and (min-width: 992px) {
    /* custom scrollbars for webkit browsers */
    *::-webkit-scrollbar {
        width: 8px;
    }
    *::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(28, 38, 43, 0.2);
    }
    *::-webkit-scrollbar:horizontal {
        height: 8px;
    }

    /* HEADER */
    .header {
        padding: 4% 0;
    }

    /* ONE PAGE LAYOUT */
    .cover-link {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 200;
    }
    .is-card-opened .cover-link {
        display: none;
    }
    .card-content {
        padding: 20px 80px 120px;
        min-height: 200px;
    }
    .card-nav ul li {
        margin: 0 11px;
    }
    .card-nav ul li i {
        font-size: 28px;
    }
    .card-info .card-desc {
        display: none;
    }

    /* SIDEBAR */
    .with-sidebar {
        width: 68%;
    }
    .sidebar {
        width: 25.8%;
        margin-left: 6%;
    }

    /* increase column gutter on large screens */
    .row {
        margin-left: -30px;
        margin-right: -30px;
    }
    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        padding-left: 30px;
        padding-right: 30px;
    }

    /* SECTION TITLE */
    .section-title,
    .elementor-widget-wrap
        > .elementor-widget:not(:first-child):not(:only-of-type)
        .section-title {
        margin: 4em 0 2em;
    }
    .elementor .section-title {
        margin: 3em 0 1em;
    }

    /* MEDIA GRID */
    .media-grid {
        margin-left: -20px;
        margin-right: -20px;
    }
    .cd-fold-content .media-grid {
        width: 640px;
        margin-left: auto;
        margin-right: auto;
    }

    /* SERVICES */
    .service {
        padding: 0.6em 0 1em;
    }
    .service i,
    .service img {
        width: 60px;
        font-size: 64px;
    }
    .service p {
        margin-left: 88px;
    }
    .service h4 {
        margin-left: 88px;
        margin-bottom: 0.8em;
    }

    /* BLOG */
    .content-area:not(.with-sidebar)
        .post
        .entry-content
        > p
        img:not(.alignleft):not(.alignright),
    .content-area:not(.with-sidebar) .blog-single .entry-content .gallery {
        width: 158%;
        max-width: none;
        margin-left: -29%;
    }
    /* BLOG SINGLE */
    .content-area:not(.with-sidebar) .blog-single .featured-image,
    .content-area:not(.with-sidebar) .blog-single .related-posts {
        width: 122%;
        margin-left: -11%;
    }
    .blog-single .entry-content {
        max-width: 540px;
    }
    .entry-content > .gallery {
        width: 130%;
        margin-left: -15%;
    }

    /* Social Feed Widget */
    .social-feed ul li {
        width: 33.3%;
    }

    /* MAP */
    .map {
        max-width: 480px;
    }

    /* BUTTONS */
    .button.huge {
        font-size: 13px;
        padding: 24px 44px;
    }

    /* portfolio single nav  */
    .portfolio-nav {
        margin-bottom: 3em;
    }
}