TSI - Feature 1 from Design Source

.tsidesign_feature { margin: 0 !important; padding: 0 !important; } .tsidesign_feature .block_link { z-index: 3 !important; } .tsidesign_feature .the_list_item { margin: 0 !important; width: 50% !important; clear: none !important; } .tsidesign_feature .the_list_item .the_list_item_heads{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; -webkit-transition: all 0.5s ease-in-out !important; -moz-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important; } .tsidesign_feature .the_list_item:hover .the_list_item_heads{ background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important; } .mobileview .tsidesign_feature .the_list_item_heads{ background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important; } .tsidesign_feature .the_list_item_headline { opacity: 0 !important; margin-top: 50% !important; -webkit-transition: all 0.5s ease-in-out !important; -moz-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important; } .tsidesign_feature h3 a, .tsidesign_feature1 h1 a { border: 2px solid #fff !important; padding: 10px 30px !important; background-color: transparent !important; -webkit-transition: all 0.5s ease-in-out !important; -moz-transition: all 0.5s ease-in-out !important; -o-transition: all 0.5s ease-in-out !important; transition: all 0.5s ease-in-out !important; display: inline-block !important; } .tsidesign_feature h3 a:hover, .tsidesign_feature h1 a:hover { background-color: #fff !important; color: #91052A !important; } .tsidesign_feature .the_list_item:hover .the_list_item_headline, .mobileview .tsidesign_feature .the_list_item_headline{ opacity: 1 !important; } @media(min-width: 1100px){ .tsidesign_feature .the_list_item { margin: 0 !important; width: 25% !important; } } @media(max-width: 800px){ .tsidesign_feature .the_list_item_headline { margin-top: 40% !important; } } @media(max-width: 575px){ .tsidesign_feature .the_list_item{ width: 100% !important; } } @media(max-width: 300px){ .tsidesign_feature .the_list_item_headline { font-size: 1.2rem !important; } }