/* banner post */
@media only screen and (min-width: 1200px) {
    .banner-post .img-post {
        max-height: 584px;
        object-fit: cover;
    }
}

@media only screen and (min-width: 768px) {
    .banner-post .fp-inner {
        width: 80%;
    }
}
/*======== main wrapper home ========*/
@media only screen and (min-width: 1200px) {
    #main {
        width: 778px;
        padding-right: 27px;
        border-right: 1px solid #f3f3f3;
        display: inline-block;
    }

    #sidebar {
        width: 362px;
        float: right;
    }
}

@media only screen and (min-width: 1200px) {
    .posts-box-4 .psum-featured .post-title {
        font-size: 27px;
        font-weight: 700;
    }
}

@media only screen and (min-width: 1200px) {
    .posts-box-4 .psum-small .post-title {
        font-size: 14px !important;
        font-weight: bold;
    }
}

@media (max-width: 767px) {
    .img-sticky,
    .box-nav-top {
        display: none;
    }

    .navbar-header {
        padding-bottom: 0;
    }

    section.nav-top {
        padding-top: 0;
        position: relative;
    }

    .navbar-header .logo-img img {
        height: 49px;
    }

    #menu-hien-suggest {
        display: none;
    }

    .fp-inner .post-title {
        font-size: 20px;
    }

    .fp-inner {
        width: 100%;
    }

    .posts-box-4 .psum-small .post-title {
        font-size: 16px !important;
        font-weight: unset;
    }

    .psum-featured .post-title {
        font-size: 26px;
        font-weight: 700;
    }

    .posts-box-2 .post-summary .post-image {
        width: 100%;
        float: none;
    }

    .posts-box-2 .post-summary .post-details {
        float: none;
        width: 100%;
        padding-left: 0;
    }

    .posts-box-2 .post-summary .post-title {
        font-size: 22px;
        font-weight: 700;
    }

    .posts-box-1 .psum-small .post-title {
        font-size: 14px;
        font-weight: 300;
    }

    .posts-box-5 .psum-featured .post-title {
        font-size: 22px;
    }

    .psum-small .post-title {
        font-size: 18px;
        font-weight: 300;
    }

    .mas-post .post-title {
        font-size: 24px;
        text-align: left;
    }

    .footer-widget.barcelona-widget-posts {
        padding-right: 0;
    }

    .logo-wrapper,
    .copy-info {
        text-align: center;
    }

    .box-header .btn-group .btn-toggle {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 99;
        border: unset;
        background: #000;
        outline: unset;
    }

    .box-header .btn-group-items-3 .btn {
        width: 100%;
        text-align: left;
        background: #000;
        color: #fff;
        border: unset;
        border-radius: unset;
    }

    .btn-group.btn-group-items-3 {
        display: block;
    }

    .box-header .btn-group .btn-toggle span {
        color: #fff;
    }

    button.btn.btn-default {
        display: none;
    }

        button.btn.btn-default.active {
            display: block;
        }

        button.btn.btn-default.show {
            display: block;
        }

    .nav-mobi {
        display: block !important;
        position: absolute;
        top: 15px;
        right: 0;
        width: 80px;
    }

    header#header {
        box-shadow: 0 1px 15px rgb(0 0 0 / 10%);
        padding: 10px 0;
    }

    .nv-search {
        display: inline-block;
        float: left;
    }

        .nv-search .btn.btn-search {
            outline: unset;
            background: unset;
            padding: unset;
            margin-right: 15px;
            font-size: 20px;
            position: relative;
            top: -4px;
        }

    span#ic-bar i {
        font-size: 20px;
    }

    span#ic-bar {
        /* position: relative; */
        /* top: 10px; */
    }

    header#header {
        box-shadow: 0 1px 15px rgb(0 0 0 / 10%);
        padding: 10px 0;
        min-height: 70px;
    }

    .search-form-full form.search-form {
        width: 90%;
    }

    .header-wrapper.sticky span#ic-bar i {
        color: #fff;
    }

    .header-wrapper.sticky .nav-search button span {
        color: #fff;
    }

    .header-wrapper.sticky .nv-search .btn.btn-search span {
        color: #fff;
    }

    .header-wrapper.sticky ul#menu-hien-suggest {
        position: absolute;
        top: 65px;
        width: 100%;
        background: #000;
        left: 0;
    }

    ul#menu-hien-suggest .search {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .posts-box-4 .psum-small .post-title {
        margin-bottom: 10px;
        line-height: 1.45;
        letter-spacing: -0.4px;
        font-size: 13px;
        font-weight: unset;
    }

    .posts-box-1 .post-summary.psum-small {
        margin-bottom: 45px;
    }

    .posts-box-1 .psum-small .post-title {
        font-size: 16px;
        font-weight: bold;
    }

    .posts-box-5 .psum-small .post-title {
        font-size: 16px;
        font-weight: 400;
    }

    .posts-box-5 .psum-featured .post-title {
        font-size: 20px;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .posts-box-4 .psum-featured .post-title {
        font-size: 22px;
    }

    #menu-hien-suggest > li > a {
        font-size: 11px !important;
    }

    .post-summary .post-title {
        font-size: 22px !important;
        font-weight: 700;
    }

    .posts-box-1 .psum-small .post-title {
        font-size: 16px !important;
        font-weight: bold;
    }

    .posts-box-4 .psum-small .post-title {
        margin-bottom: 10px;
        line-height: 1.45;
        letter-spacing: -0.4px;
        font-size: 13px !important;
    }

    .posts-box-5 .psum-small .post-title {
        font-size: 16px !important;
        font-weight: 400 !important;
    }
}

@media only screen and (min-width: 1200px) {
    .posts-box-4 .psum-small {
        margin-bottom: 15px;
    }

    .posts-box-5 .post-summary:not(.psum-featured) .post-title {
        width: 70%;
    }
}

@media (max-width: 1024px) and (min-width: 992px) {
    .post-summary .post-title {
        font-size: 24px;
        font-weight: 700;
    }

    .has-sidebar #main {
        width: 589px;
    }

    .sidebar-right #main {
        float: left;
        padding-right: 19px;
    }

    .sidebar-right #sidebar {
        float: right;
        padding-left: 15px;
    }

    #sidebar {
        width: 340px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .posts-box-sidebar .psum-small .post-title {
        font-size: 20px !important;
        font-weight: 500;
    }

    .footer-widget.barcelona-widget-posts {
        padding-right: 0;
    }

    .logo-wrapper,
    .copy-info {
        text-align: center;
        margin-top: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .post-summary .post-title {
        font-size: 24px;
        font-weight: 700;
    }
}


@media only screen and (max-width: 991px) {
    .posts-box-sidebar .psum-horizontal .post-image, .posts-box-sidebar .psum-horizontal .post-details {
        float: none;
        width: 100%;
        padding-left: 0;
    }
}


/*==================== Sidebar left ====================*/
@media only screen and (min-width: 768px) {
    .sidebar-widget.barcelona-widget-slider-posts .posts-box-carousel .post-summary {
        padding-top: 25px;
    }

    .sidebar-widget.barcelona-widget-posts .post-summary {
        margin-bottom: 20px;
    }

    .post-image > a:hover img {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        -moz-transform: scale3d(1.05,1.05,1.05);
        -ms-transform: scale3d(1.05,1.05,1.05);
        -o-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }
}

@media only screen and (min-width: 1200px) {
    .sidebar-widget .posts-box-carousel .post-summary, .footer-widget .posts-box-carousel .post-summary {
        width: 85%;
    }

    .posts-box-sidebar .psum-small .post-title {
        font-size: 14px;
        font-weight: 400;
    }
}

@media only screen and (min-width: 992px) {
    .sidebar-widget .posts-box-carousel .post-summary .post-title, .footer-widget .posts-box-carousel .post-summary .post-title {
        font-size: 20px;
    }

    .barcelona-widget-social-media-icons .social-icons li {
        margin: 0 6px 8px 0;
        float: left;
    }

        .barcelona-widget-social-media-icons .social-icons li:last-child {
            margin-right: 0;
        }

    .posts-box-sidebar .psum-small .post-title {
        font-size: 14px;
    }
}


/*================== Footer =================*/
@media only screen and (min-width: 1200px) {
    .posts-box-sidebar .psum-small .post-title {
        font-size: 14px;
    }
}

@media only screen and (min-width: 992px) {
    .footer-bottom.has-logo.has-copy-text .footer-menu {
        margin-top: 30px;
    }

    .footer-menu {
        text-align: right;
    }

        .footer-menu li {
            margin: 0 0 10px 20px;
        }
}

/*================= category main ================*/
@media only screen and (min-width: 768px) {
    .breadcrumb-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}