#zip-folder .img-holder img {border: 1px solid #ccc;}
.steps-list {list-style: none; padding-left: 0;}
.step-item {position: relative; margin-top: .75rem; margin-bottom: .75rem; position: relative; padding-left: 6rem; }
.step-badge {background: #12a8c1; padding: .25rem; width: 5rem; color: #fff; font-weight: 500; position: absolute; text-align: center; left: 0; top: -.25rem; }
.step-item.large {padding-left: 8rem; }
.step-item.large .step-badge {width: 7rem;}
    
.seo-styles .img-fluid { max-width: 700px; margin: 20px auto;  display: block; }
.seo-styles .italic { font-style: italic; }
.seo-styles .bold { font-weight: 500; }
.seo-styles ul, .seo-styles ol { padding-left: 40px; }

#feature-links { box-shadow: 0px -5px 15px 5px rgba(0,0,0,.05);}
#feature-links ul { list-style: none; padding-left: 0;}
#feature-links ul li { list-style: none; margin-bottom: 5px;}
#feature-links li .bi { display: inline-block; vertical-align: -0.125em;}
#feature-links a {text-decoration: none; color: #333; display: block; padding:5px;}
#feature-links a[href]:hover {background-color: rgba(0,0,0,.05);}
.icon-c1 {background-color: rgba(0,86,153); padding: 3px; border-radius: 5px; color: #fff}
.icon-c2 {background-color: rgba(53,129,236); padding: 3px; border-radius: 5px; color: #fff}
.icon-c3 {background-color: rgba(222,56,58); padding: 3px; border-radius: 5px; color: #fff}
.icon-c4 {background-color: rgba(0,0,0); padding: 3px; border-radius: 5px; color: #fff}
.icon-c5 {background-color: rgba(247,196,57); padding: 3px; border-radius: 5px; color: #fff}
.icon-c6 {background-color: rgba(110,142,197); padding: 3px; border-radius: 5px; color: #fff}

.file-sharing iframe { min-height: 420px; margin-bottom: 30px;}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
#feature-links .list-box {padding: 20px}
}



/*X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
#hero .buttons {width: 100%;}
#hero .buttons .btn {display: block; width: 80%; margin: 0 auto; margin-bottom: .5rem}	

}