/*
Template Name: plume
Template URL: http://gfort.co/plume
Description: PLUME HTML5 Multipurpose Template
Version: 1.3
Author: Graphicfort
Author URL: http://graphicfort.com
License: Custom
License URL: http://themeforest.net/licenses/standard
*/

/*
1. Tablet Landscape
2. Tablet Portrait
3. Mobile Landscape
4. Mobile Portrait
*/

.btn-gfort-white:hover {
  background-color: #0e1544 !important;
}
.btn-gfort:hover {
  background-color: #0e1544 !important;
}
.btn-gfort-grey:hover {
  background-color: #0e1544 !important;
}

.services-btn {
  width: 100% !important;
  font-size: 1.2rem !important;
}
.custom-page-title {
  font-size: 24px !important;
}

/* =============================================================================
   1. Tablet Landscape
============================================================================= */
@media (max-width: 1199px) {
  .sidebar-header-btn,
  .sidebar-header-btn:hover,
  .sidebar-header-btn:focus,
  .sidebar-header-btn.focus,
  .sidebar-header-btn:active,
  .sidebar-header-btn.active {
    top: 7px;
    left: 7px;
  }

  .intro-section-title .section-main-title {
    font-size: 30px;
  }

  .page-boxed.page-boxed-style-1 #main-wrapper {
    margin: 0 auto;
  }

  .header-search-form-block {
    max-width: 970px;
  }

  ul.header-btns {
    padding: 0;
    margin: 0 0 0 15px;
  }

  ul.navbar-nav {
    margin: 0 -10px;
  }
  ul.navbar-nav > li {
    margin: 0 10px;
  }

  .parallax-section,
  .overlay-section {
    background-attachment: scroll !important;
    background-position: center top !important;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .blog-col-1
    .blog-item
    .blog-item-media
    iframe:not([height])[src*="soundcloud"] {
    height: 330px;
  }
  .blog-items-small-thumbs
    .blog-item
    .blog-item-media
    iframe:not([height])[src*="soundcloud"] {
    height: 240px;
  }
  .blog-col-2
    .blog-item
    .blog-item-media
    iframe:not([height])[src*="soundcloud"] {
    height: 196px;
  }

  .page-left-sidebar .portfolio-col-3 .portfolio-item {
    width: 50%;
  }
  .page-left-sidebar .portfolio-col-3 .portfolio-item:nth-child(3n + 1) {
    clear: none;
  }
  .page-left-sidebar .portfolio-col-3 .portfolio-item:nth-child(2n + 1) {
    clear: left;
  }
  .page-right-sidebar .portfolio-col-3 .portfolio-item {
    width: 50%;
  }
  .page-right-sidebar .portfolio-col-3 .portfolio-item:nth-child(3n + 1) {
    clear: none;
  }
  .page-right-sidebar .portfolio-col-3 .portfolio-item:nth-child(2n + 1) {
    clear: left;
  }
  .portfolio-col-4 .portfolio-item {
    width: 33.33333333%;
  }
  .portfolio-col-4 .portfolio-item:nth-child(4n + 1) {
    clear: none;
  }
  .portfolio-col-4 .portfolio-item:nth-child(3n + 1) {
    clear: left;
  }
  .portfolio-col-4 .isotope-wide-col {
    width: 66.66666666% !important;
  }
  .portfolio-col-4 .portfolio-item .portfolio-item-title {
    font-size: 20px;
    line-height: 26px;
  }
  .portfolio-col-5 {
    margin: 0 -15px;
  }
  .portfolio-col-5 .portfolio-item {
    padding-left: 15px;
    padding-right: 15px;
    width: 33.33333333%;
  }
  .portfolio-col-5 .portfolio-item:nth-child(5n + 1) {
    clear: none;
  }
  .portfolio-col-5 .portfolio-item:nth-child(3n + 1) {
    clear: left;
  }
  .portfolio-col-5.portfolio-title-overlay {
    margin-bottom: 0;
  }
  .portfolio-col-5.portfolio-title-overlay .portfolio-item {
    padding-bottom: 30px;
  }
  .fullwidth-section .portfolio-col-5 {
    margin: 0 15px;
  }
  .portfolio-col-5 .isotope-wide-col {
    width: 66.66666666% !important;
  }
  .portfolio-col-5 .portfolio-item .portfolio-item-title {
    font-size: 20px;
    line-height: 26px;
  }
  .portfolio-single-item
    .portfolio-item
    .portfolio-item-media
    iframe:not([height])[src*="soundcloud"] {
    height: 330px;
  }

  .page-left-sidebar .shop-col-3 .shop-item {
    width: 50%;
  }
  .page-left-sidebar .shop-col-3 .shop-item:nth-child(3n + 1) {
    clear: none;
  }
  .page-left-sidebar .shop-col-3 .shop-item:nth-child(2n + 1) {
    clear: left;
  }
  .page-right-sidebar .shop-col-3 .shop-item {
    width: 50%;
  }
  .page-right-sidebar .shop-col-3 .shop-item:nth-child(3n + 1) {
    clear: none;
  }
  .page-right-sidebar .shop-col-3 .shop-item:nth-child(2n + 1) {
    clear: left;
  }
  .shop-col-4 .shop-item {
    width: 33.33333333%;
  }
  .shop-col-4 .shop-item:nth-child(4n + 1) {
    clear: none;
  }
  .shop-col-4 .shop-item:nth-child(3n + 1) {
    clear: left;
  }
  .shop-col-4 .shop-item .shop-item-title {
    font-size: 20px;
    line-height: 26px;
  }
  .shop-col-5 {
    margin: 0 -15px;
  }
  .shop-col-5 .shop-item {
    padding-left: 15px;
    padding-right: 15px;
    width: 33.33333333%;
  }
  .shop-col-5 .shop-item:nth-child(5n + 1) {
    clear: none;
  }
  .shop-col-5 .shop-item:nth-child(3n + 1) {
    clear: left;
  }
  .shop-col-5 .shop-item .shop-item-title {
    font-size: 20px;
    line-height: 26px;
  }

  .half-section .section-container {
    max-width: 485px;
  }

  [data-slider-arrows-type="arrow"] .owl-nav div,
  [data-slider-arrows-type="arrow"].gfort-owl-slider.owl-theme .owl-nav div,
  [data-slider-arrows-type="arrow"] .gfort-owl-slider.owl-theme .owl-nav div {
    display: none;
  }

  .google-map-block-collapsed.uncollapsed,
  .google-map-block-collapsed .gfort-google-map,
  .google-map-block:not(.google-map-block-collapsed) {
    height: 400px;
  }
}

/* =============================================================================
   2. Tablet Portrait
============================================================================= */
@media (max-width: 991px) {
  .header-search-form-block {
    max-width: 750px;
  }

  ul.navbar-nav > li > a::after {
    display: none;
  }

  .mtl {
    text-align: left !important;
  }

  .triangle-block-left,
  .triangle-block-right,
  .triangle-block-center-left,
  .triangle-block-center-right {
    left: 50%;
    right: auto;
    margin-left: -15px;
    margin-right: auto;
  }

  .header-section:not(.sidebar-header) .navbar-toggle {
    display: block;
  }

  .header-section:not(.sidebar-header) .navbar .col-md-12 {
    position: static;
  }
  .header-section:not(.sidebar-header) .navbar .col-md-12::after {
    content: "";
    clear: both;
    display: table;
  }

  .header-section:not(.sidebar-header) .header-menu-center-side {
    z-index: 5;
    margin-top: -1px;
  }

  .header-section:not(.sidebar-header) .navbar-collapse.collapse,
  .header-section:not(.sidebar-header)
    .header-menu-center-side
    .navbar-collapse.collapse {
    left: 0;
    right: 0;
    top: 100%;
    padding: 0;
    width: 100%;
    position: absolute;
    display: none !important;
    background-color: #ffffff;
  }
  .header-section:not(.sidebar-header) .navbar-collapse.collapsing {
    left: 0;
    top: 100%;
    padding: 0;
    width: 100%;
    display: block;
    max-height: 300px;
    position: absolute;
    background-color: #ffffff;
    overflow: hidden !important;
    border-top: 1px solid #efefef;
  }
  .header-section:not(.sidebar-header) .navbar-collapse.collapse.in {
    padding: 0;
    max-height: 300px;
    display: block !important;
    overflow: hidden !important;
    overflow-y: scroll !important;
    border-top: 1px solid #efefef;
  }

  .header-section:not(.sidebar-header) ul.navbar-nav {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 750px;
    float: none !important;
  }

  .header-section:not(.sidebar-header) ul.navbar-nav > li {
    padding: 0;
    width: 100%;
    display: block;
    margin: 0 auto;
    border-top: 1px solid #efefef;
  }
  .header-section:not(.sidebar-header) ul.navbar-nav > li:first-child {
    border: 0;
  }

  .header-section:not(.sidebar-header) ul.navbar-nav > li > a,
  .header-section:not(.sidebar-header)
    .header-menu-left-side
    ul.navbar-nav
    > li
    > a,
  .header-section:not(.sidebar-header)
    .header-menu-center-side
    ul.navbar-nav
    > li
    > a {
    padding: 12px 0;
    text-align: left;
  }

  .header-section:not(.sidebar-header) ul.navbar-nav li ul,
  .header-section:not(.sidebar-header) ul.navbar-nav li.megamenu > ul {
    border: 0;
    opacity: 1;
    width: 100%;
    margin: 0 auto;
    overflow-y: hidden;
    position: relative;
    visibility: visible;
    background-color: #f5f5f5;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);

    -webkit-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
  }
  .header-section:not(.sidebar-header) ul.navbar-nav li.megamenu > ul {
    padding: 10px 0;
  }

  .header-section:not(.sidebar-header) ul.navbar-nav li ul ul {
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    position: relative;
  }

  .header-section:not(.sidebar-header)
    ul.navbar-nav
    li.megamenu
    > ul
    .menu-arrow {
    display: block;
  }

  .header-section:not(.sidebar-header) ul.navbar-nav li.megamenu > ul > li {
    padding: 0;
    width: 100%;
    float: none;
    border-right: 0;
  }

  .top-header-widget-container {
    width: 100%;
    display: block;
    line-height: 0;
    text-align: center;
  }

  .widget-left-side,
  .widget-right-side {
    width: 100%;
    float: none;
    clear: none;
    text-align: center;
  }
  .widget-left-side {
    padding-top: 20px;
    padding-bottom: 5px;
  }
  .widget-right-side {
    padding-top: 5px;
    padding-bottom: 20px;
  }
  .pt-0.widget-left-side {
    padding-top: 5px !important;
  }
  .pt-20.widget-left-side {
    padding-top: 5px !important;
  }
  .pb-20.widget-left-side {
    padding-bottom: 0px !important;
  }
  .pb-26.widget-right-side {
    padding-bottom: 20px !important;
  }
  .pt-20.widget-right-side,
  .pt-26.widget-right-side {
    padding-top: 0 !important;
  }

  .col-w-25,
  .col-w-75 {
    width: 100% !important;
  }

  .top-header-widget-container .navbar-header {
    float: none;
    display: inline-block;
  }

  .breadcrumb-title .breadcrumb-main-title {
    font-size: 24px;
  }
  .page-title-section[style*="url"] .breadcrumb-title {
    padding: 60px 0;
  }
  .breadcrumb-title {
    padding: 40px 0;
  }
  .page-title-section.page-title-section-wide .breadcrumb-title {
    float: none;
    width: 100%;
    padding: 40px 0 0;
    text-align: center;
  }
  .page-title-section.page-title-section-wide .breadcrumb-block {
    width: 100%;
    float: none;
    text-align: center;
  }
  .page-title-section.page-title-section-wide .breadcrumb-block .breadcrumb {
    padding: 8px 0 40px;
  }
  .page-title-section.page-title-section-wide[style*="url"] .breadcrumb-title {
    padding-top: 60px;
  }
  .page-title-section.page-title-section-wide[style*="url"]
    .breadcrumb-block
    .breadcrumb {
    padding-bottom: 60px;
  }

  ul.portfolio-projects li,
  .widget-block-instagram .instagram-feed-block-container li {
    width: 16.6666667%;
  }

  .blog-col-1 .blog-item,
  .blog-items-small-thumbs .blog-item:last-child {
    padding-bottom: 30px;
  }
  .blog-items-small-thumbs {
    margin-bottom: 0;
  }
  .blog-items-small-thumbs .blog-item {
    margin-bottom: 30px;
  }
  .blog-col-3 .blog-item,
  .related-blog-posts-container ul.blog-posts li {
    width: 50%;
  }
  .blog-col-3 .blog-item:nth-child(3n + 1),
  .related-blog-posts-container ul.blog-posts li:nth-child(3n + 1) {
    clear: none;
  }
  .blog-col-3 .blog-item:nth-child(2n + 1),
  .related-blog-posts-container ul.blog-posts li:nth-child(2n + 1) {
    clear: left;
  }

  .portfolio-col-1 {
    margin-bottom: 0;
  }
  .portfolio-col-1 .portfolio-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .portfolio-col-1 .portfolio-item .portfolio-item-media {
    width: 65%;
  }
  .portfolio-col-3 .portfolio-item,
  .portfolio-col-4 .portfolio-item,
  .portfolio-col-5 .portfolio-item {
    width: 50%;
  }
  .portfolio-col-3 .portfolio-item:nth-child(3n + 1),
  .portfolio-col-4 .portfolio-item:nth-child(3n + 1),
  .portfolio-col-4 .portfolio-item:nth-child(4n + 1),
  .portfolio-col-5 .portfolio-item:nth-child(3n + 1),
  .portfolio-col-5 .portfolio-item:nth-child(5n + 1) {
    clear: none;
  }
  .portfolio-col-3 .portfolio-item:nth-child(2n + 1),
  .portfolio-col-4 .portfolio-item:nth-child(2n + 1),
  .portfolio-col-5 .portfolio-item:nth-child(2n + 1) {
    clear: left;
  }
  .portfolio-col-3 .isotope-wide-col,
  .portfolio-col-4 .isotope-wide-col,
  .portfolio-col-5 .isotope-wide-col {
    width: 100% !important;
  }
  .related-portfolio-projects ul.portfolio-projects li {
    width: 50%;
  }
  .related-portfolio-projects ul.portfolio-projects li:nth-child(3n + 1) {
    clear: none;
  }
  .related-portfolio-projects ul.portfolio-projects li:nth-child(2n + 1) {
    clear: left;
  }
  .portfolio-single-item.portfolio-single-item-sbs
    .portfolio-item
    .portfolio-item-media {
    padding: 0;
    width: 100%;
    float: none;
    clear: none;
  }
  .portfolio-single-item.portfolio-single-item-sbs
    .portfolio-item
    .portfolio-item-body {
    padding: 0;
    width: 100%;
    display: block;
  }
  .portfolio-single-item.portfolio-single-item-sbs
    .portfolio-item-media
    iframe[src*="soundcloud"] {
    height: 330px;
  }

  .shop-col-3 .shop-item,
  .shop-col-4 .shop-item,
  .shop-col-5 .shop-item,
  .related-shop-products-container ul.products li,
  .page-left-sidebar .related-shop-products-container ul.products li,
  .page-right-sidebar .related-shop-products-container ul.products li {
    width: 50%;
  }
  .shop-col-3 .shop-item:nth-child(3n + 1),
  .shop-col-4 .shop-item:nth-child(3n + 1),
  .shop-col-4 .shop-item:nth-child(4n + 1),
  .shop-col-5 .shop-item:nth-child(3n + 1),
  .shop-col-5 .shop-item:nth-child(4n + 1),
  .related-shop-products-container ul.products li:nth-child(3n + 1) {
    clear: none;
  }
  .shop-col-3 .shop-item:nth-child(2n + 1),
  .shop-col-4 .shop-item:nth-child(2n + 1),
  .shop-col-5 .shop-item:nth-child(2n + 1),
  .related-shop-products-container ul.products li:nth-child(2n + 1) {
    clear: left;
  }
  .shop-single-item article.shop-item .shop-item-media {
    width: 48%;
  }

  nav.navigation-block ul li,
  nav.navigation-block.navigation-block-col-2 ul li,
  nav.navigation-block.navigation-block-col-3 ul li,
  nav.navigation-block.navigation-block-col-4 ul li,
  nav.navigation-block.navigation-block-col-5 ul li {
    width: 33.33333333%;
  }

  .cart-total-col {
    width: 100%;
  }

  .video-section .section-container {
    padding: 200px 0 170px;
  }

  .half-section .half-section-media {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 40px;
  }
  .half-section.left-side-media,
  .half-section.right-side-media {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .half-section.left-side-media .section-container,
  .half-section.right-side-media .section-container {
    width: 100%;
    display: block;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .half-section.left-side-media .section-container .container,
  .half-section.right-side-media .section-container .container {
    width: 750px;
  }
  .half-section .half-section-media img.small-screen-image {
    display: block;
  }
  .half-section .half-section-media img:not(.small-screen-image) {
    width: 100%;
    height: auto;
    display: block;
    padding: 0 15px;
    max-width: 750px;
    max-height: 100%;
    position: relative;
    margin: 80px auto 0;
  }

  .twitter-feed-block-sbs.twitter-feed-block ul.gfort-twitter-list li {
    width: 100%;
  }
  .twitter-feed-block-sbs.twitter-feed-block
    ul.gfort-twitter-list
    li:nth-child(3n + 1) {
    clear: none;
  }

  .instagram-feed-block-container li {
    width: 20%;
  }

  .gfort-tabs-vertical.gfort-tabs .nav-tabs {
    padding: 0;
    float: none;
    width: 100%;
    display: block;
    margin: 0 auto 30px;
  }
  .gfort-tabs-vertical.gfort-tabs .tab-content {
    width: 100%;
  }

  .clients-items-wrapper {
    text-align: center;
  }
  .clients-col-2 .client-item,
  .clients-col-3 .client-item,
  .clients-col-4 .client-item,
  .clients-col-5 .client-item,
  .clients-col-6 .client-item {
    width: 25%;
  }

  .mobile-clearfix {
    width: 100%;
    display: block;
    overflow: hidden;
  }

  .pricing-table-block-style-1 .pricing-table-block-container {
    display: block;
  }
  .pricing-table-block-style-1 .pricing-table-block-head {
    float: none;
    width: 100%;
    display: block;
  }
  .pricing-table-block-style-1 .pricing-table-block-body {
    width: 100%;
    display: block;
    padding: 25px 10px 20px 10px;
  }

  .testimonials-col-2 .testimonials-item,
  .testimonials-col-3 .testimonials-item {
    width: 100%;
  }

  .gallery-col-3 .gallery-item,
  .gallery-col-4 .gallery-item,
  .gallery-col-5 .gallery-item {
    width: 50%;
  }
  .gallery-col-3 .gallery-item:nth-child(3n + 1),
  .gallery-col-4 .gallery-item:nth-child(4n + 1),
  .gallery-col-5 .gallery-item:nth-child(5n + 1) {
    clear: none;
  }
  .gallery-col-3 .gallery-item:nth-child(2n + 1),
  .gallery-col-4 .gallery-item:nth-child(2n + 1),
  .gallery-col-5 .gallery-item:nth-child(2n + 1) {
    clear: left;
  }

  .events-col-3 .event-item {
    width: 50%;
  }
  .events-col-3 .event-item:nth-child(3n + 1) {
    clear: none;
  }
  .events-col-3 .event-item:nth-child(2n + 1) {
    clear: left;
  }
  .related-events-blocks-container ul.events-blocks li {
    width: 50%;
  }
  .related-events-blocks-container ul.events-blocks li:nth-child(3n + 1) {
    clear: none;
  }
  .related-events-blocks-container ul.events-blocks li:nth-child(2n + 1) {
    clear: left;
  }

  .copyright-widget {
    text-align: center;
  }
}

/* =============================================================================
   3. Mobile Landscape
============================================================================= */
@media (max-width: 767px) {
  .container,
  ul.navbar-nav,
  .header-search-form-block,
  .half-section .half-section-media img:not(.small-screen-image) {
    max-width: 470px;
  }

  .half-section .section-container,
  .half-section.left-side-media .section-container,
  .half-section.right-side-media .section-container {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-header {
    float: left;
  }
  .navbar-collapse.collapsing,
  .navbar-collapse.collapse.in {
    max-height: none;
  }

  .alignleft,
  .alignright {
    float: none;
    clear: both;
    display: block;
    margin: 5px auto 30px;
  }

  ul.portfolio-projects li,
  .widget-block-instagram .instagram-feed-block-container li {
    width: 33.33333333%;
  }

  .blog-items-small-thumbs .blog-item {
    border-bottom: 0;
    margin-bottom: 0;
  }
  .search-item-body .search-item-title,
  .blog-col-1 .blog-item .blog-item-body .blog-item-title {
    font-size: 20px;
    line-height: 26px;
  }
  .blog-single-item .blog-item .blog-item-title {
    font-size: 22px;
    line-height: 26px;
  }
  .blog-col-1
    .blog-item
    .blog-item-media
    iframe:not([height])[src*="soundcloud"],
  .blog-col-2
    .blog-item
    .blog-item-media
    iframe:not([height])[src*="soundcloud"],
  .blog-single-item
    .blog-item
    .blog-item-media
    iframe:not([height])[src*="soundcloud"],
  .blog-items-small-thumbs
    .blog-item
    .blog-item-media
    iframe:not([height])[src*="soundcloud"] {
    height: 220px;
  }
  .blog-col-2 .blog-item {
    width: 100%;
    float: none;
  }
  .blog-col-2.blog-timeline .blog-item,
  .blog-col-2.blog-timeline .blog-item:nth-child(2n + 1) {
    float: none;
    padding-left: 15px;
    padding-right: 15px;
  }
  .blog-col-2.blog-timeline .blog-item .blog-item-body .blog-item-title::after,
  .blog-col-2.blog-timeline
    .blog-item:nth-child(2n + 1)
    .blog-item-body
    .blog-item-title::after,
  .blog-col-2.blog-timeline
    .blog-item:nth-child(2n + 1)
    .blog-item-body
    .blog-item-title::before {
    display: none;
  }
  .blog-single-item .blog-item .blog-item-media {
    margin-bottom: 20px;
  }
  .blog-single-item .blog-item .blog-item-meta span.item-meta-format {
    margin-left: 1px;
  }
  .blog-col-3 .blog-item,
  .related-blog-posts-container ul.blog-posts li,
  .page-left-sidebar .related-blog-posts-container ul.blog-posts li,
  .page-right-sidebar .related-blog-posts-container ul.blog-posts li {
    width: 100%;
  }

  ul.gfort-pager li {
    width: 100%;
  }

  .fullwidth-section .portfolio-col-2,
  .fullwidth-section .portfolio-col-3,
  .fullwidth-section .portfolio-col-4,
  .fullwidth-section .portfolio-col-5 {
    margin-left: 0;
    margin-right: 0;
  }
  .portfolio-col-2 .portfolio-item,
  .portfolio-col-3 .portfolio-item,
  .portfolio-col-4 .portfolio-item,
  .portfolio-col-5 .portfolio-item,
  .page-left-sidebar .portfolio-col-3 .portfolio-item,
  .page-right-sidebar .portfolio-col-3 .portfolio-item,
  .related-portfolio-projects ul.portfolio-projects li,
  .page-left-sidebar .related-portfolio-projects ul.portfolio-projects li,
  .page-right-sidebar .related-portfolio-projects ul.portfolio-projects li {
    width: 100%;
  }

  .portfolio-col-1 .portfolio-item .portfolio-item-media,
  .page-left-sidebar .portfolio-col-1 .portfolio-item .portfolio-item-media,
  .page-right-sidebar .portfolio-col-1 .portfolio-item .portfolio-item-media {
    width: 100%;
    margin: 0 auto;
  }
  .portfolio-col-1 .portfolio-item .portfolio-item-body {
    width: 100%;
    padding-left: 0;
  }
  .portfolio-title-overlay .portfolio-item .portfolio-item-body {
    padding-left: 20px;
  }
  .portfolio-col-1 .portfolio-item .portfolio-item-title {
    font-size: 20px;
    line-height: 26px;
    margin: 17px auto 0;
  }
  .portfolio-title-overlay .portfolio-item .portfolio-item-title {
    margin: 0;
  }
  .portfolio-single-item .portfolio-item ul.portfolio-item-info {
    width: 100%;
    float: none;
    margin: 30px auto 0;
  }
  .portfolio-single-item
    .portfolio-item
    .portfolio-item-media
    iframe[src*="soundcloud"] {
    height: 220px !important;
  }
  .portfolio-single-item .portfolio-item .portfolio-item-title {
    font-size: 22px;
    line-height: 26px;
  }

  .shop-items-info p,
  .shop-items-info form {
    width: 100%;
  }
  .shop-items-info p {
    margin-bottom: 10px;
  }
  .shop-col-2 .shop-item,
  .shop-col-3 .shop-item,
  .shop-col-4 .shop-item,
  .shop-col-5 .shop-item,
  .page-left-sidebar .shop-col-3 .shop-item,
  .page-right-sidebar .shop-col-3 .shop-item,
  .related-shop-products-container ul.products li,
  .shop-single-item article.shop-item .shop-item-body,
  .shop-single-item article.shop-item .shop-item-media,
  .page-left-sidebar .related-shop-products-container ul.products li,
  .page-right-sidebar .related-shop-products-container ul.products li,
  .page-left-sidebar .shop-single-item article.shop-item .shop-item-media,
  .page-right-sidebar .shop-single-item article.shop-item .shop-item-media {
    width: 100%;
  }
  .shop-item-body .shop-item-title {
    font-size: 20px;
    line-height: 26px;
  }
  .shop-single-item article.shop-item .shop-item-body,
  .shop-single-item article.shop-item .shop-item-media {
    padding: 0;
  }

  nav.navigation-block ul li,
  nav.navigation-block.navigation-block-col-2 ul li,
  nav.navigation-block.navigation-block-col-3 ul li,
  nav.navigation-block.navigation-block-col-4 ul li,
  nav.navigation-block.navigation-block-col-5 ul li {
    width: 50%;
  }

  .video-section .section-title .section-main-title,
  .section-title:not(.section-title-sm) .section-main-title {
    font-size: 24px;
  }
  .section-title:not(.section-title-sm) .section-main-title-lg {
    font-size: 80px;
  }

  .video-section .section-container {
    padding: 150px 0 120px;
  }

  .subscribe-form-block .col-md-12:first-child,
  .subscribe-form-block .col-md-12:nth-child(2) {
    width: 100%;
  }

  .clients-col-2 .client-item,
  .clients-col-3 .client-item,
  .clients-col-4 .client-item,
  .clients-col-5 .client-item,
  .clients-col-6 .client-item {
    width: 50%;
  }

  .downtime-counter-block-container .downtime-col {
    width: 50%;
  }

  .pricing-table-block-style-1 .pricing-table-block-body ul li {
    width: 100%;
  }

  .events-col-3 .event-item,
  .related-events-blocks-container ul.events-blocks li,
  .page-left-sidebar .related-events-blocks-container ul.events-blocks li,
  .page-right-sidebar .related-events-blocks-container ul.events-blocks li {
    width: 100%;
  }

  .pricing-table-block-style-1 .pricing-table-block-container {
    padding-bottom: 0;
  }
  .pricing-table-block-style-1 .pricing-table-block-btn {
    position: relative;
  }
}

/* =============================================================================
   4. Mobile Portrait
============================================================================= */
@media (max-width: 479px) {
  .container,
  ul.navbar-nav,
  .header-search-form-block,
  .half-section .half-section-media img:not(.small-screen-image) {
    max-width: 310px;
  }

  ul.header-btns,
  ul.header-btns .header-cart-btn,
  ul.header-btns .header-lang-btn {
    display: none;
  }
  .header-menu-left-side ul.header-btns {
    display: block;
  }
  .header-search-form-block .form-control {
    font-size: 16px;
  }

  .blog-timeline::before,
  .blog-col-1.blog-timeline .timeline-date::after {
    display: none;
  }
  .blog-col-1.blog-timeline .timeline-date {
    text-align: left;
  }
  .blog-col-1.blog-timeline .blog-item {
    padding-left: 0;
  }
  .blog-col-1 .blog-item .blog-item-body {
    border-radius: 0;
  }
  .blog-items-wrapper:not(.blog-minimal)
    .blog-item
    .blog-item-container
    .blog-item-body {
    padding: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
  }
  .blog-items-wrapper.blog-col-1:not(.blog-minimal)
    .blog-item
    .blog-item-footer {
    display: none;
  }
  .blog-minimal .blog-item .blog-item-container .blog-item-body {
    padding-left: 15px;
    padding-right: 15px;
  }
  .blog-minimal .blog-item .blog-item-footer {
    padding-bottom: 20px;
  }
  .blog-single-item .blog-item .blog-item-format-content {
    padding: 20px 25px;
  }
  .blog-col-1.blog-timeline
    .blog-item
    .blog-item-meta
    span.item-meta-format
    a
    i {
    margin-left: 1px;
  }
  .author-block-avatar,
  .comment-block-container .comment-block-avatar {
    float: none;
    margin-bottom: 20px;
  }
  ul.comments-block-list ul {
    padding-left: 20px;
  }

  .gfort-navigation-block .pager li > a,
  .gfort-navigation-block .pager li > span,
  .gfort-navigation-block .pager > li.next,
  .gfort-navigation-block .pager > li.previous {
    width: 100%;
    display: block;
  }
  .gfort-navigation-block .pager > li.next {
    margin-top: 10px;
  }
  .gfort-navigation-block .pager > li.previous {
    margin-bottom: 10px;
  }
  ul.gfort-pager li a img,
  ul.gfort-pager-style-3 li a img {
    display: none;
  }
  ul.gfort-pager-style-1 li a img {
    display: block;
  }

  nav.navigation-block ul li,
  nav.navigation-block.navigation-block-col-2 ul li,
  nav.navigation-block.navigation-block-col-3 ul li,
  nav.navigation-block.navigation-block-col-4 ul li,
  nav.navigation-block.navigation-block-col-5 ul li {
    width: 100%;
  }

  .video-section .section-container {
    padding: 100px 0 70px;
  }

  .col-xs-4 {
    width: 50%;
  }
  .col-xs-6 {
    width: 100%;
  }

  .mobile-clearfix-xs {
    width: 100%;
    display: block;
    overflow: hidden;
  }

  .icon-block.gfort-block.text-right,
  .icon-block.gfort-block-style-3.text-right .gfort-block-head,
  .icon-block.gfort-block-style-6.text-right .gfort-block-head,
  .icon-block.gfort-block-style-9.text-right .gfort-block-head,
  .icon-block.gfort-block-style-11.text-right .gfort-block-head {
    text-align: left;
  }
  .icon-block.gfort-block .gfort-block-head,
  .icon-block.gfort-block.text-right .gfort-block-head {
    float: none;
    margin: 0 auto 20px 0;
  }
  .icon-block.gfort-block-style-5 .gfort-block-head,
  .icon-block.gfort-block-style-7 .gfort-block-head,
  .icon-block.gfort-block-style-10 .gfort-block-head,
  .icon-block.gfort-block-style-12 .gfort-block-head {
    margin-left: auto;
  }
  .icon-block.gfort-block-style-1 .gfort-block-head {
    text-align: left;
  }
  .icon-block.gfort-block-style-2.text-right .gfort-block-title i,
  .icon-block.gfort-block-style-8.text-right .gfort-block-title i {
    float: none;
    margin-left: 0;
    margin-right: 10px;
  }

  .image-block.gfort-block-style-2 .gfort-block-head {
    float: none;
    margin: 0 auto 20px 0;
  }

  .testimonials-item-style-1 .testimonials-item-container {
    padding-left: 0;
  }
  .testimonials-item-style-1 .testimonials-item-avatar {
    position: relative;
    margin-bottom: 20px;
  }

  .timeline-block-container .timeline-block-item {
    padding-left: 0;
  }

  .team-block-style-1 .team-block-media {
    float: none;
    margin-bottom: 20px;
  }

  .gallery-col-2 .gallery-item,
  .gallery-col-3 .gallery-item,
  .gallery-col-4 .gallery-item,
  .gallery-col-5 .gallery-item {
    width: 100%;
  }

  .gfort-dash {
    opacity: 0;
    width: 100%;
    display: block !important;
    line-height: 5px !important;
  }
}