/* Responsive CSS For all Bootstrap Breakpoints */
@media
only screen and (max-width : 782px) {
  .admin-bar #main-header { top: 46px; }
}

/* XS-MD ----------- */
@media
only screen and (max-width : 991px) {
/* Styles */


}

/* SM - Small Devices ----------- */
@media
only screen and (max-width : 767px) {
/* Styles */
.author-info { padding: 35px 0 0 0; }
.author-info .media { flex-direction: column; align-items: flex-start; }
.author-info .media-img { margin-bottom: 20px; max-width: 225px; }
.author-info .media-body { flex-direction: column; align-items: flex-start; }
.author-info .media-body .social-links { display: flex; padding-left: 27px; margin-top: 15px; }
.author-info .media-body .social-links > li { margin-bottom: 0; margin-right: 15px; }

.inspirational-posts-feed > li { flex: 1 0 100%; max-width: 100%; }

.cta-bar-mod .container .row { min-height: 240px; }
.cta-bar-mod .title { font-size: 24px; letter-spacing: 1px; }

.work-feed .date { padding-bottom: 30px; }

.inspirational-posts-feed > li { margin-bottom: 30px;  }
.inspirational-posts-feed .cat-icon .icon img { width: 40px; }

#post-info .back-link { letter-spacing: 1px;  }

}

/* XS - Small Devices ----------- */
@media
only screen and (max-width : 576px) {
#post-info .content-wrapper .media { flex-direction: column; align-items: flex-start; }
#post-info .content-wrapper .media .download { margin-left: 0; margin-top: 30px; }
}

/* SM - Small Devices ----------- */
@media only screen
and (min-width : 576px)
and (max-width : 767px) {
/* Styles */


}

/* MD - Small Devices ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 991px) {
.author-info .media-img { margin-right: 40px; flex: 0 0 200px; max-width: 200px; }
}
/* Styles */


}

/* > Tablet */
@media
only screen and (min-width : 992px) {
/* Styles */


}


/* LG - Medium Devices ----------- */
@media only screen
and (min-width : 992px)
and (max-width : 1199px) {
/* Styles */


}


/* XL - Large Devices */
@media
only screen and (min-width : 1200px) {
/* Styles */


}
