.fit-width {
    width: 100%;
    height: auto;
}

.fit-height {
    height: 100%;
    width: auto !important;
}

.btn-square {
    display: flex;
    justify-content: center;
    width: 41px;
    height: 41px;
}

/* Pagitnation */
.btn-square.prev i {
    transform: translate(1px, 2px);
}

.btn-square.next i {
    transform: translate(1px, 2px);
}

.disabled .btn-square {
    background: rgba(33, 150, 243, 0.7) !important;
}

/* Portofolio */
.portfolio-item-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.single-portfolio {
    position: relative;
    background: #fff;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    height: 262px;
}

.matrl-portfolio-section .single-portfolio img {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

/* Testimonials */
.testimonial-item .img a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
}

.testimonial-item .img img {
    border-radius: 0;
}

/* Our Blogs */
/*.matrl-blog-section .single-blog-post .featured-image a {*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*height: 233px;*/
    /*overflow: hidden;*/
/*}*/

/* Insttagram Feed */
.blog-sidebar-column .instagram-widget .instagram-feed ul {
    padding: 25px;
    padding-bottom: 16px;
}

/* Simple Share */
.single-post .single-post-meta .share-post {
    list-style: none;
    display: flex;
}

/* Image Gallery */
.single-portofolio-container:hover figcaption {
    transition: all 0.5s ease 0s;
    cursor: pointer;
    opacity: 1;
    margin-bottom: 0;
}

#gallery .portfolio-item-wrapper .single-portfolio {
    pointer-events: none;
}

#gallery .portfolio-item-wrapper .single-portfolio .hover-content {
    pointer-events: visible;
}


/* tambahan pras */
.single-blog-post{height:520px;position:relative;padding-bottom:70%;}
.single-blog-post .meta-tags{position:absolute;bottom:0;width:100%;}
.breadcrumb{background:none;border:0;}
.breadcrumb-item.active{color:#FFF;}
.breadcrumb-item + .breadcrumb-item::before{color:#fff;}
.footer-contact p{padding-left:25px;}
.footer-contact p i.fa{margin-left:-25px;width:25px;text-align:center;}
/* tambahan pras */

/* tambahan alim */
.matrl-blog-post-page .single-blog-post {
    height: 607px;
}

.matrl-blog-post-page .single-blog-post .featured-image {
    background: #eee;
    height: 360px;
}
/* tambahan alim */