#products-container { position: relative; float: left; width: 100%; margin-bottom: 40px; }

#products-container .product-item { display: block; margin-bottom: 20px; background-color: #ffffff; width: 100%; float: left; position: relative; }

#products-container .product-item .producticon-container { float: left; background-color: #00B0F0; height: 60px; display: table; width: 15%; text-align: center; border-radius: 5px; }

#products-container .product-item .producticon-container .producticon-align { display: table-cell; vertical-align: middle; }

#products-container .product-item .producticon-container .producticon-align i { color: #FFFFFF; font-size: 1.2rem; }

#products-container .product-item .product-data { width: 83%; background-color: #EFF3F4; border: 1px solid #FFFFFF; float: left; height: 60px; position: relative; box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.1); margin-left: 5px; padding: 0px 20px; display: table; }

#products-container .product-item .product-data .product-data-align { display: table-cell; vertical-align: middle; }

#products-container .product-item .product-data .product-data-align h3 { margin-top: 0px; margin-bottom: 0px; line-height: 0; width: 95%; }

#products-container .product-item .product-data .product-data-align h3 a { font-size: 1rem; text-decoration: none; color: #003977; }

#products-container .product-item .product-data .product-data-align h3 a:hover { color: #00B0F0; }

#products-container .product-item .arrow-container { position: absolute; right: 10px; bottom: 10px; }

#products-container .product-item .arrow-container i { font-size: 1rem; color: #CCCC00; }

/* --------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------- BOOTSTRAP MEDIA QUERIES --------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
@media (max-width: 575px) { #products-container .product-item .producticon-container { width: 100%; border-radius: 5px 5px 0px 0px; height: 55px; margin-bottom: 0px; }
  #products-container .product-item .product-data { width: 100%; margin-left: 0px; padding: 0px 10px; }
  #products-container .product-item .product-data .product-data-align h3 { text-align: center; } }

@media (min-width: 992px) and (max-width: 1199px) { #products-container .product-item .product-data { padding: 0px 10px; }
  #products-container .product-item .product-data .product-data-align h3 a { font-size: 0.9rem; } }