/*
.container {
    padding-right: 0;
    padding-left: 0;
}*/

/*-----------------------------------------------------------------------------------*/
/*  11. PORTFOLIO POSTS
/*-----------------------------------------------------------------------------------*/
.items-wrapper {
    text-align: center
    padding: 0;
    margin: 0;
}
.items {
    padding: 0;
    margin: 0;
    list-style: none;
}
.image-grid .item {
    float: left
}
.image-grid.col5 .item {
    margin-bottom: 10px;
    width: 20%;
    padding-right: 10px;
}
.image-grid.col3 .items-wrapper{
    margin-bottom: -20px;
    margin-right: -20px;
}
.image-grid.col3 .item {
    margin-bottom: 20px;
    width: 33.33339%;
    padding-right: 20px;
}
.image-grid figure {
    margin: 0;
}
.widget .image-grid.col3 .items-wrapper{
    margin-bottom: -5px;
    margin-right: -5px;
}
.widget .image-grid.col3 .item {
    margin-bottom: 5px;
    width: 33.33339%;
    padding-right: 5px;
}
.item-details {
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
}
.item-details li {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.item-details li:first-child {
    margin-top: 0px;
    padding-top: 0px;
    border-top: 0;
}
.item-details li strong {
    font-weight: normal;
    color: #70aed2;
    padding-right: 3px;
}

/*-----------------------------------------------------------------------------------*/
/*  31. RESPONSIVE
/*-----------------------------------------------------------------------------------*/

@media (max-width: 991px) {
    body:not(.onepage) .navbar,
    body:not(.onepage) .navbar.fixed {
        position: relative;
        height: auto;
    }
    body:not(.onepage) .offset {
        display: none
    }
    body:not(.onepage) .navbar {
        background: rgba(29,29,33,0.9) !important;
    }
    body:not(.onepage) .navbar.light {
        background: #FFF !important;
    }
    .basic-wrapper {
        display: table;
        height: 90px;
    }
    
    .btn.responsive-menu {
        display: block
    }
    
    .thin {
        width: 100%;
    }
    .tabs-top .tab {
        margin-bottom: 6px;
    }
}
@media (min-width: 768px) and (max-width: 991px) { 
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .caption-overlay .caption {
        text-align: center;
    }
    .caption-overlay .caption .main-title {
        display: block;
    }
    .image-grid.col5 .item {
        width: 25%;
    }
}
@media (max-width: 767px) { 
    .container {
        padding-right: 20px;
        padding-left: 20px;
    }
    
    [class*="col-"] {
        margin-bottom: 30px
    }
    .parallax .col-md-pull-6 .main {
        margin-bottom: -30px;
        width: 100%;
        max-width: 100%;
    }
    .vanilla-form [class*="col-"] {
        margin-bottom: 0
    }
    #comments .user {
        display: none
    }
    #comments .message-inner {
        margin-left: 0px;
    }
    .swiper-container.gallery,
    .swiper-container.gallery img {
        height: 250px;
        width: auto;
    }
    .image-grid.col3 .items-wrapper{
        margin-right: 0;
    }
    .image-grid.col3 .item {
        width: 100%;
        padding: 0;
    }
    .owl-carousel .caption-overlay .caption {
        display: none;
    }
    .grid-view .post .box {
        margin-bottom: 0;
    }
    .no-sidebar {
        margin: 0 auto;
        width: 100%;
    }
    .image-grid.col5 .item {
        width: 50%;
    }
    .sticky-filter ul,
    .cbp-filter-container {
        text-align: left !important;
    }
    .cbp-filter-container .cbp-filter-item:before,
    .sticky-filter ul li:before {
        padding: 0 10px 0 10px;
    }
}

/*-----------------------------------------------------------------------------------*/
/*  16. THUMBNAIL OVERLAY
/*-----------------------------------------------------------------------------------*/
figure {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}
.grid-view figure.main,
.carousel-boxed figure {
    margin: 0;
}
.items li figure img {
    display: block;
    width: 100%;
}
figure li a,
figure li a img {
    display: block;
    position: relative;
}
figure img {
    display: block;
    max-width: 100%;
}
.icon-overlay {
    display: block;
    overflow: hidden;
    position: relative;
}
.icon-overlay img {
    display: block;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
}
.icon-overlay a .icn-more {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 100%;
    position: absolute;
    text-decoration: none;
    width: 100%;
    left: 0;
    z-index: 100;
    background: #222;
    background: rgba(29,29,33,0.8);
    overflow: hidden;
    transition: all 0.4s;
}
.icon-overlay a:hover .icn-more {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.icon-overlay a .icn-more:before {
    font-family: 'budicon';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    position: absolute;
    text-align: center;
    content: '\e004';
    line-height: 1;
    color: #FFF;
    top: 50%;
    left: 50%;
    z-index: 2;
    font-size: 22px;
    margin: -10px 0px 0px -11px;
    transform: translate3d(0,-10px,0);
    transition: 0.35s ease-in;
}
.icon-overlay.lightbox a .icn-more:before{
    content: '\e04e';
    font-size: 32px;
    color: #efefef;
    font-weight: normal;
    margin: -16px 0px 0px -17px;
}
#slide-portfolio .icon-overlay a .icn-more:before {
    content: '\e062';
    font-size: 29px;
    margin: -14px 0px 0px -14px;
}
.icon-overlay a:hover .icn-more:before {
    transform: translate3d(0,0,0);
}
.caption-overlay {
    position: relative;
}
.caption-overlay .caption {
    position: absolute;
    padding: 0;
    width: 100%;
    pointer-events: none;
}
.caption-overlay .caption {
    bottom: 40px;
    right: 0px;
    text-align: right;
}
.caption-overlay .caption a {
    pointer-events: all;
}
.caption-overlay .caption .btn {
    margin: 0;
}
.caption-overlay .caption .main-title {
    font-size: 13px;
    line-height: 17px;
    display: inline-block;
    letter-spacing: 0;
    text-transform: uppercase;
    letter-spacing: normal;
}
.caption-overlay .caption .layer {
    background: rgba(29,29,33,0.7);
    padding: 12px 20px;
    color: #FFF;
    transition: all 200ms ease-in;
}
.caption-overlay:hover .caption .layer {
    background: rgba(29,29,33,0.85);
}