@droid: 'Droid Sans', sans-serif;
@droid-serif: 'Droid Serif', serif;

@green: #33CC33;

body.blog, body.archive.category {
    // background: var(--wpr-bg-f6706459-558f-4cde-9f4a-46f27a42b951) no-repeat;
    // background-attachment: fixed;
    // background-size: cover;
}

#object_one_blog {
    width: 35px;
    height: 35px;
    -webkit-animation: object_one 1.5s infinite;
    animation: object_one 1.5s infinite;
    background: var(--wpr-bg-5b2b6bab-1385-4a6c-aa07-968de819ed13) no-repeat center;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

#object_two_blog {
    width: 35px;
    height: 35px;
    -webkit-animation: object_two 1.5s infinite;
    animation: object_two 1.5s infinite;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
    background: var(--wpr-bg-07f16351-558a-49c3-948f-61c29c412a23) no-repeat center;
}

#object_three_blog {
    width: 35px;
    height: 35px;
    -webkit-animation: object_three 1.5s infinite;
    animation: object_three 1.5s infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    margin-right: 0;
    background: var(--wpr-bg-d32e27ed-6dc1-46f9-bb58-04af686bef6e) no-repeat center;
}

.blog h1 {
    padding-bottom: 0;
}

h1.page-title {
    text-align: center;
    font-size: 25px;
    text-transform: none;
    font-weight: normal;
}

.posts-list {
    text-align: center;
}

.blog article, .archive article {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 15px;
    margin: 15px 0;
    .post-title {
        position: absolute;
        width: 80%;
        z-index: 15;
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        text-align: center;
        padding: 0 30px;
        font-family: 'Oleo Script', cursive;
        font-size: 32px;
        color: white;
        margin: 0;
    }
}

.notouch {
    .post-title {
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
}

.post-thumb {
    padding-bottom: 60%;
    position: relative;
    overflow: hidden;
    a {
        display: block;
    }
    &:before {
        content: "";
        display: block;
        position: absolute;
        background: rgba(0,0,0,0.2);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
    }
    img {
        position: absolute;
        top: -50%;
        left: -50%;
        right: -50%;
        bottom: -50%;
        margin: auto;
        max-width: none;
        z-index: 5;
        -webkit-transform: rotate(0) scale(1);
    	transform: rotate(0) scale(1);
    	-webkit-transition: 0.3s ease-in-out;
    	transition: 0.3s ease-in-out;
    }
}

.blog article a:hover,
.blog article a:focus,
.blog article a:active {
    .post-thumb {
        &:before {
            display: none;
        }
        img {
            opacity: 0.1;
        }
    }
    .post-title {
        color: #1a1a1a!important;
    }
}

.navigation.pagination {
    width: 100%;
    text-align: center;
    float: none;
    padding: 10px 0 20px 0;
    border: 0;
    .nav-links {
        display: inline-block;
        position: relative;
    }
    .page-numbers {
        font-size: 17px;
        color: #1a1a1a;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 12px 15px;
        margin: 0 5px;
        border-radius: 0;
        font-weight: 400;
        &.current {
            color: @green;
            font-size: 20px;
        }
        &.next, &.prev {
            float: none;
            vertical-align: middle;
            width: 20px;
            height: 48px;
            -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
            box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
            text-decoration: none;
            -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
            transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
            transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
            transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
            &:hover {
                -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
                box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
            }
            .icon {
                display: none;
            }
        }
        &.next {
            position: absolute;
            right: -35px;
            top: 9px;
            background: var(--wpr-bg-2fb58882-7647-4ddd-b1bf-b2487190f503) no-repeat;
            background-position: -20px 8px;
        }
        &.prev {
            position: absolute;
            left: -35px;
            top: 9px;
            background: url(../../../../../../../../themes/oneone/images/blog_list_arrows.svg) no-repeat;
            background-position: 3px 8px;
        }
    }
}

.under-post {
    background: white;
    margin-top: 30px;
    padding: 40px 0 0 0;
}

.filters-wrap {
    text-align: center;
    min-height: 80px;
    padding-bottom: 30px;
    .dropdown-menu {
        //position: static;
        border: 0;
        min-height: 0!important;
    }
}

.selectpicker {
    z-index: -1;
}

.btn-group.bootstrap-select {
    position: relative;
    &:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: auto;
        padding: 0;
    }
    .dropdown-toggle {
        display: block;
        position: static;
        font-family: 'Oswald', sans-serif;
        padding: 4px 60px 4px 25px;
        margin: 0;
        height: 50px;
        border: 1px solid #c8c8c8;
        width: 270px;
        .filter-option {
            margin: 0;
            line-height: 40px;
            text-align: left;
            font-weight: normal;
            font-size: 24px;
            color: #1a1a1a;
        }
        &:hover, &:focus, &:active {
            outline: 0!important;
        }
        .caret {
            background: var(--wpr-bg-41da109f-4577-4b30-ba6c-373c878e474e) no-repeat;
            width: 20px;
            height: 20px;
            border: 0;
            right: 25px;
            background-position: 0 -23px;
            transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
        }
    }
    &.open {
        .dropdown-toggle .caret {
            background-position: 0 1px;
        }
    }
    .dropdown-menu {
        left: 0;
        border: 1px solid #c8c8c8;
        top: 49px;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 0 20px 0;
        padding: 0;
        bottom: auto;
        //min-height: 0!important;
        ul {
            margin: 0;
            padding: 0;
        }
        li a {
            padding: 3px 20px 3px 25px;
            line-height: 40px;
            .text {
                margin: 0;
            }
        }
        li a.opt {
            padding: 3px 60px 3px 50px;
        }
        .dropdown-header {
            padding: 3px 30px;
        }
        li.selected a {
            color: #c1c1c1;
            pointer-events: none;
            cursor: default;
        }
        li>a:hover, li>a:focus, li>a:active {
            color: white;
            background-color: @green;
        }
        li a span.text {
            white-space: pre-wrap;
        }
    }
}

.back-to-blog {
    text-align: center;
    margin: 40px 0 50px 0;
    a {
        display: inline-block;
        vertical-align: middle;
        padding: 5px 10px;
        font-size: 17px;
        width: 170px;
        text-align: center;
        font-weight: bold;
        color: white;
        background: var(--wpr-bg-84f58d71-51fa-4d49-94eb-62d33e84d0d5) no-repeat center;
        &:hover, &:active, &:focus {
            color: #1a1a1a;
        }
    }
}

.short-green-line {
    width: 225px;
    background: @green;
    height: 3px;
    margin: 0 auto 70px auto;
}

.social-feeds-wrap {
    background: white;
}
.social-feeds {
    padding: 40px 0 50px 0;
    overflow: hidden;
    #sb_instagram {
        .sbi_follow_btn a {
            width: 170px;
            font-size: 17px;
            font-weight: bold;
            text-align: center;
            background: var(--wpr-bg-522507d1-2ee7-4cab-97ca-7eae6266dd92) no-repeat center;
            &:hover, &:active, &:focus {
                color: #1a1a1a;
            }
        }
    }
    .follow-us {
        text-align: center;
        a {
            width: 170px;
            font-size: 17px;
            font-weight: bold;
            text-align: center;
            background: url(../../../../../../../../themes/oneone/images/blog_button3.png) no-repeat center;
            color: white;
            display: inline-block;
            line-height: 40px;
            .fa {
                margin-bottom: -1px;
                margin-right: 7px;
                font-size: 15px;
            }
            &:hover, &:active, &:focus {
                color: #1a1a1a;
            }
        }
    }
    h2 {
        font-size: 24px;
        color: #1a1a1a;
        padding: 0;
        margin: 0 0 10px 0;
    }
    .wpp-list {
        li {
            padding: 10px 0;
            .wpp-thumbnail {
                margin-left: 0;
            }
        }
    }

}

.ctf-tweet-text a {
    color: #1a1a1a;
    font-weight: bold;
    &:hover, &:focus, &:active {
        color: @green;
    }
}

.post-content ul.kiwi-article-bar {
    text-align: center;
    margin: 20px 0 0 0;
    &:before {
        content: "Share This Post:";
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
    }
    li {
        a {
            width: 30px;
            height: 30px;
            min-width: 0;
            padding: 0;
            span {
                display: none;
            }
        }
        &:last-child {
            margin: 0;
        }
    }
    .kiwi-nw-facebook {
        background: var(--wpr-bg-7972e669-db3c-401e-9856-6a8f593ee2c5) no-repeat center;
        background-position: 0 -30px;
        &:hover, &:focus, &:active {
            background: @green var(--wpr-bg-7972e669-db3c-401e-9856-6a8f593ee2c5) no-repeat center;
            background-position: 0 0;
        }
    }
    .kiwi-nw-twitter {
        background: var(--wpr-bg-56b24d08-61a5-4eea-af93-357411224289) no-repeat center;
        background-position: 0 -30px;
        &:hover, &:focus, &:active {
        background: @green var(--wpr-bg-56b24d08-61a5-4eea-af93-357411224289) no-repeat center;
            background-position: 0 0;
        }
    }
    .kiwi-nw-pinterest {
        background: var(--wpr-bg-85c21869-bcb8-463c-b9e2-8ebcc7bcf758) no-repeat center;
        background-position: 0 -30px;
        &:hover, &:focus, &:active {
        background: @green var(--wpr-bg-85c21869-bcb8-463c-b9e2-8ebcc7bcf758) no-repeat center;
            background-position: 0 0;
        }
    }
    .kiwi-nw-linkedin {
        background: var(--wpr-bg-ddfc627c-ed8b-4f8f-a7ad-7ad800fda4bb) no-repeat center;
        background-position: 0 -30px;
        &:hover, &:focus, &:active {
        background: @green var(--wpr-bg-ddfc627c-ed8b-4f8f-a7ad-7ad800fda4bb) no-repeat center;
            background-position: 0 0;
        }
    }
    .kiwi-nw-google-plus {
        background: var(--wpr-bg-f74aa1d9-dfd8-4956-aa58-3cb0ee55ed0e) no-repeat center;
        background-position: 0 -30px;
        &:hover, &:focus, &:active {
            background: @green var(--wpr-bg-f74aa1d9-dfd8-4956-aa58-3cb0ee55ed0e) no-repeat center;
            background-position: 0 0;
        }
    }
}

footer {
    padding-top: 20px;
    background: #1a1a1a;
    color: white;
    .blog-social-nav {
        .menu-item.twitter a {
            background: white url(../../../../../../../../themes/oneone/images/footer_twitter.svg) no-repeat center;
            background-size: 100%;
        }
        .menu-item.soundcloud a {
            background: white var(--wpr-bg-e5ed7598-fd23-4699-ac7f-4faa7d879f7f) no-repeat center;
            background-size: 100%;
        }
        .menu-item.instagram a {
            background: white var(--wpr-bg-02ecaece-8185-45cd-b80f-ccc7e7b768ed) no-repeat center;
            background-size: 100%;
        }
        .menu-item.youtube a {
            background: white var(--wpr-bg-d5126812-5186-42ee-9fcd-dc2a0714b329) no-repeat center;
            background-size: 100%;
        }
        .menu-item.linkedin a {
            background: white var(--wpr-bg-9e59c5ad-aee8-46aa-9f2e-0de2f0f03492) no-repeat center;
            background-size: 100%;
        }
    }
    .footer-contact, .footer-site-info p {
        color: white;
        a {
            color: white;
        }
    }
}

/*SINGLE POST*/
article.post .kiwi-article-bar {
    display: block;
}

.single-post-wrap {
    padding-top: 70px;
}

.single-post-top {
    background: black;
    padding-top: 20px;
    position: relative;
    z-index: 10;
    h1 {
        text-align: center;
        a {
            display: inline-block;
        }
    }
}

.post-sidebar-wrap {
    position: relative;
    overflow: hidden;
}

.wp-video {
    max-width: 100%;
}

.blogpost-wrap {
    position: relative;
    .post-divider {
        display: block;
        height: 1px!important;
        background: none!important;
        margin: 0;
    }
}

#blogpost-wrap {
    overflow: hidden;
}

#oneblog-sidebar {
    background: #f7f7f8;
    padding: 30px 0 20px 0;
    margin-top: 50px;
}

//sidebar-new
@media all and (min-width: 1024px) {
    .blog-logo {
        margin: 20px auto 0 auto;
        display: block;
        max-height: 280px;
    }
    .post-sidebar-wrap {
        padding-bottom: 150px;
    }
    .istouch {
        #oneblog-sidebar {
        }
    }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    .blog-logo {
        margin: 0 auto;
        display: block;
        max-height: 230px;
    }
    .blog .blog-logo {
        margin-top: 20px;
    }
    #blogpost-wrap {
        padding-bottom: 70px;
    }
    .sidebar-col {
        max-width: 600px;
        margin: 0 auto;
    }
}

@media all and (max-width: 767px) {
    .blog-logo {
        margin: 20px auto;
        display: block;
        max-height: 150px;
    }
    .blogpost-wrap {
        padding: 0 35px 50px 35px;
    }
    .sidebar-col {
        max-width: 450px;
        margin: 0 auto;
    }
}

.post-content-wrapper {
    z-index: 10;
    min-height: 100vh;
    position: relative;
    padding-top: 70px;
}

.post-divider {
    display: none;
}

#comments {
    display: none!important;
}

.current-post-header {
    .post-author-date {
        position: absolute;
        padding: 0 20px 3px 20px;
        width: 100%;
        z-index: 10;
        color: white;
        left: 0;
        bottom: 0;
        text-align: center;
        background: var(--wpr-bg-0e5b8432-3570-4b8c-abd6-a649977d6d99) no-repeat bottom center;
        span {
            font-size: 11px;
            color: black;
        }
        .post-author {
            font-weight: bold;
            border-right: 1px solid black;
            padding: 0 3px 0 0;
            margin: 0 5px 0 0;
        }
    }
}

.single-post {
    .container {
        width: 100%;
        max-width: 1920px;
    }
    .blog-logo {
        margin: 0 auto;
        display: block;
    }
    .single-featured-image-header {
        position: relative;
        overflow: hidden;
        .img-wrap {
            position: relative;
            overflow: hidden;
            padding-bottom: 56.666%;
        }
        img {
            top: -100%;
            bottom: -100%;
            max-width: 100%;
        }
    }
    .navigation.post-navigation {
        display: none;
    }
    article {
        margin-top:30px;
        h1, h2, h3, h4, h5, h6 {
            padding-bottom: 10px;
        }
        p {
            padding-bottom: 10px;
        }
        .top-header {
            padding-bottom: 10px;
            .short-green-line {
                display: none;
            }
            h2 {
                font-family: 'Oswald', sans-serif;
                font-size: 48px;
                color: #1a1a1a;
                margin: 0;
                padding: 0;
                text-transform: uppercase;
                text-align: center;
            }
        }
        .blog-logo {
            max-height: 120px;
            margin-bottom: 90px;
            margin-top: 30px;
        }
    }
    article:first-of-type {
        padding-top: 0;
        .blog-logo {
            display: none;
        }
        .short-green-line {
            display: none;
        }
    }
    .post-author-date {
        padding: 15px 0;
        text-align: center;
        span {
            font-size: 11px;
            color: black;
        }
        .post-author {
            font-weight: bold;
            border-right: 1px solid black;
            padding: 0 9px 0 0;
            margin: 0 10px 0 0;
        }
    }
    ul.post-categories {
        margin: 0 -5px;
        text-align: center;
        li {
            display: inline-block;
            padding: 2px 8px 4px 8px;
            margin: 10px 5px 5px 5px;
            border: 1px solid #3bbd3b;
            list-style: none;
            a {
                text-decoration: none;
                color: #3bbd3b;
            }
            &:hover, &:focus, &:active {
                background: @green;
                a {
                    color: white;
                }
            }
        }
    }
    .post-content {
        h1, h2, h3, h4, h5, h6 {
            font-family: @droid-serif;
            color: #1a1a1a;
        }
        a {
            text-decoration: underline;
        }
        iframe {
            max-width: 560px;
            width: 100%!important;
            height: 315px!important;
            display: block;
            margin: 0 auto;

        }
    }
}

.blog-sidebar {
    padding: 40px 40px 30px 40px;
    .widget {
        padding-bottom: 20px;
        border-bottom: 1px solid #33CC33;
        margin-bottom: 50px;
    }
    .widget-title {
        margin: 0 0 15px 0;
        line-height: 40px;
        text-align: left;
        font-weight: normal;
        font-size: 32px;
        color: #1a1a1a;
        text-transform: none;
        letter-spacing: normal;
        padding: 0 15px;
        font-family: 'Oswald', sans-serif;
    }
    #sb_instagram {
        background: white;
        margin: 0 0 30px 0;
        padding: 10px;
    }
    #ctf {
        background: white;
        margin: 0 0 40px 0;
        padding: 20px;
    }
    form {
        max-width: 370px;
        margin-bottom: 20px;
    }
    .recent-select {
        max-width: 370px;
        margin-bottom: 20px;
    }
    .btn-group.bootstrap-select {
        .dropdown-toggle {
            width: 100%;
            .filter-option {
                text-align: left;
            }
            .caret {
                top: 23px;
            }
        }
        .dropdown-menu {
            position: static;
            border: 0;
            min-height: 0!important;
            li {
                background: #f7f7f8;
            }
            &.open {
                background: transparent;
                border: 1px solid #c8c8c8;
                border-bottom: 1px solid @green;
                bottom: auto;
            }
        }
    }
    .btn-group.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }
}

.wpp-list {
    list-style: none;
    .wpp-thumbnail {
        box-shadow: none;
        -webkit-box-shadow: none;
        margin: 0 15px 0 10px;
    }
    .wpp-post-title {
        display: block;
        font-family: 'Oswald', sans-serif;
        box-shadow: none;
        -webkit-box-shadow: none;
        transition: none;
        font-size: 20px;
        text-transform: uppercase;
        &:hover, &:focus, &:active {
            -webkit-box-shadow: none!important;
            box-shadow: none!important;
            color: @green;
        }
    }
}

.widget a, .widget a:hover, .widget a:active, .widget a:focus  {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    transition: none;
    transition: none;
}

footer {
    position: relative;
    // z-index: 100;
}

.istouch {

}

@media all and (max-width: 1680px) {
    .social-feeds-wrap {
        .container {
            width: 100%;
            padding: 0px 50px;
        }
    }
}
@media all and (min-width: 1350px) {
    .blog article .post-title {
        font-size: 32px;
    }
    .single-post {
        .post-content {
            p, span {
                font-size: 19px;
            }
            h2 {font-size: 32px;}
            h3 {font-size: 26px;}
            h4 {font-size: 22px;}
            h6 {
                font-size: 16px;
                text-transform: none;
            }
        }
    }
}
@media all and (max-width: 1349px) {
    .single-post .blogpost-wrap .container,
    .blog .container {
        max-width: 1920px;
        width: 100%;
    }
    .blog article, .archive article {
        .post-title {
            font-size: 28px;
        }
    }
    .single-post {
        .single-featured-image-header {
            height: 380px;
            h1 {
                font-size: 42px;
            }
            h2 {
                font-size: 32px;
            }
        }
        .post-content {
            p, span {
                font-size: 19px;
            }
            h2 {font-size: 27px;}
            h3 {font-size: 24px;}
            h4 {font-size: 22px;}
        }
    }
}
@media all and (min-width: 950px) and (max-width: 1349px) {
    .social-feeds {
        #sb_instagram #sbi_images .sbi_item{
            width: 50%;
            &:last-child {
                display: none;
            }
        }
    }
}
@media all and (min-width: 950px) and (max-width: 1199px) {
    .blogpost-wrap {
        padding: 0 50px;
    }
}
@media all and (min-width: 1200px) {
    .blog article, .archive article {
        width: 33%;
        &:nth-child(3n+1) {
            clear: left;
        }
    }
    .social-feeds {
        padding-bottom: 100px;
        margin: 0 -30px;
        #sb_instagram {
            max-width: 650px;
            margin: 0 0 0 -10px;
            padding: 0 30px;
            float: right;
        }
        #ctf {
            max-width: 650px;
            padding: 0 30px;
        }
        .popularposts {
            padding: 0 30px;
        }
    }
}
@media all and (max-width: 1199px) {
    .blog article, .archive article {
        width: 49.7%;
        &:nth-child(2n+1) {
            clear: left;
        }
        .post-title {
            font-size: 3vw;
        }
    }
    .social-feeds {
        #sb_instagram {
            margin: 0 20px 0 auto;
        }
        #ctf {
            margin-left: 20px;
        }
    }
}
@media all and (max-width: 1023px) {
    .single-post article {
        margin-top: 50px;
    }
}
@media all and (min-width: 950px) {
    .blog header, .blog header.affix-top {
        background: #7dd882;
    }
    .blog header.affix {
        background: rgba(103, 212, 107, 0.8);
    }
}
@media all and (max-width: 949px) {
    .blog header .nav-header {
        background: #7dd882;
    }
    .post-content-wrapper,.content-wrapper {
        padding-top: 50px;
    }
    // .single-post-top {
    //     //padding-top: 20px;
    //     .blog-logo {
    //         max-height: 30vh;
    //     }
    // }
    .blog .blogpost-wrap .container,
    .social-feeds {
        max-width: 600px;
        margin: 0 auto;
        .feed-col {
            margin-bottom: 50px;
        }
    }
    .blog-sidebar {
        #ctf, #sb_instagram, .recent-select {
            margin: 0 auto;
        }
        form {
            margin: 0 auto;
        }
    }
    .blogpost-wrap {
        padding: 0 40px 70px 40px;
    }
    #oneblog-sidebar {
        margin-top: 100px;
    }
}
@media all and (max-width: 850px) {
    .social-feeds {
        #sb_instagram {
            margin: 0 auto 40px auto;
        }
        #ctf {
            margin: 0 auto;
        }
    }
}
@media all and (max-width: 767px) {
    .blog article, .archive article {
        width: 100%;
        max-width: 480px;
        margin: 15px auto;
        float: none;
        &:nth-child(2n+1) {
            clear: none;
        }
        .post-title {
            font-size: 28px;
        }
    }
    .single-post {
        .single-featured-image-header {
            height: 300px;
            h1 {
                font-size: 36px;
            }
            h2 {
                font-size: 26px;
            }
        }
        .post-content {
            p, span {
                font-size: 17px;
            }
            h2 {font-size: 25px;}
            h3 {font-size: 22px;}
            h4 {font-size: 20px;}
        }
        article .top-header h2 {
            font-size: 32px;
        }
    }
    .blog-sidebar {
        padding: 25px 25px 30px 25px;
    }
    .feed-col {
        width: 100%;
        float: none;
    }
    .social-feeds {
        #sb_instagram {
            max-width: 480px;
            margin: 0 auto 40px auto;
        }
        #ctf {
            max-width: 480px;
            margin: 0 auto;
        }
    }
}
@media all and (max-width: 640px) {
    .social-feeds #sb_instagram #sbi_images .sbi_item {
        width: 50%;
        &:last-of-type {
            display: none;
        }
        .sbi_photo_wrap {
            padding-bottom: 100%;
        }
        .sbi_photo {
            position: absolute;
            height: 100%!important;
            top: 0;
            left: 0;
            width: 100%;
        }
    }
}
@media all and (min-width: 550px) {
    .blog {
        .category-select {
            text-align: left;
        }
        .archive-select {
            text-align: right;
            padding-right: 29px;
        }
    }

}
@media all and (max-width: 549px) {
    .blog-filter {
        width: 100%;
        float: none;
    }
    .blog-sidebar .btn-group.bootstrap-select .dropdown-toggle {
        padding-left: 25px;
        .caret {
            right: 20px;
        }
    }
    .blogpost-wrap {
        padding: 0 20px 50px 20px;
    }
}
@media all and (max-width: 450px) {
    .blog article, .archive article {
        .post-title {
            font-size: 24px;
        }
    }
    .btn-group.bootstrap-select {
         .dropdown-toggle {
             .filter-option {
                 font-size: 22px;
             }
         }
     }
    .blog .btn-group.bootstrap-select {
         .dropdown-menu {
             li a {
                 padding: 3px 30px 3px 47px;
             }
         }
    }
    .single-post {
        .single-featured-image-header {
            height: 270px;
            h1 {
                font-size: 26px;
            }
            h2 {
                font-size: 26px;
            }
        }
        .post-content {
            p, span {
                font-size: 17px;
            }
            h2 {font-size: 25px;}
            h3 {font-size: 22px;}
            h4 {font-size: 20px;}
        }
        .post-author-date {
            background-size: 115%;
            padding-bottom: 0;
        }
        ul.kiwi-article-bar:before {
            content: "Share:";
            margin: 0;
        }
    }
    .sidebar-col {
        background: #f7f7f8;
    }
    .blog-sidebar {
        margin: 0 auto;
        width: 100%;
        padding: 0 15px 30px 15px;
        .widget-title {
            font-size: 25px;
        }
    }
    footer .blog-social-nav {
        ul {
            margin-left: -15px;
            margin-right: -15px;
        }
        .menu-item a {
            width: 40px;
            height: 40px;
        }
    }
    .social-feeds-wrap .container {
        width: 100%;
        padding: 0px 20px;
    }
}
@media all and (max-width: 380px) {
    .blog .btn-group.bootstrap-select {
         .dropdown-menu {
             width: 160px;
             min-width: 0;
             left: -25px;
             li a {
                 padding: 3px 30px 3px 27px;
             }
         }
    }
    .single-post ul.kiwi-article-bar li {
        margin: 0;
    }
}