Del Monte - Pineapple Slices | Madewithdelmonte.in

#main_content{ padding-top:10px; } .tri-section h3{ background-color:#007833; color:#fff; } #similar_recipes h3{ background-color:#df033f; } #related_stories h3{ background-color:#f8f400; color:#007833; } .all-categories{ margin-top:30px; margin-bottom:20px; background-color:#fff; } .all-category-list{ list-style:none; width:680px; margin-left:auto; margin-right:auto; } .all-category-list li{ font-family:'AvenirNextCondensed-Medium'; float:left; color:#007833; text-transform:uppercase; margin-left:10px; margin-right:10px; width:150px; font-size:16px; line-height:18px; text-align:center; cursor:pointer; } .all-category-list li a{ color:#007833; } .all-category-list li p{ margin-bottom:0px; display:inline-block; border-bottom:2px solid transparent; } .all-category-list li.active a p{ color:#df033f; border-color:#df033f; font-family:'AvenirNextCondensed-DemiBold'; } .all-products{ position:relative; width:100%; overflow:hidden; margin-bottom:20px; } .all-products-outer{ position:relative; } .all-products-outer .product-arrow{ position:absolute; top:40%; width:20px; cursor:pointer; } .all-products-outer .product-left-arrow{ left:0px; } .all-products-outer .product-right-arrow{ right:0px; } .all-products img{ width:85%; } .all-products-ul li{ text-align:center; } .all-products ul{ list-style:none; } .all-products ul li{ float:left; } .product-content{ margin-top:15%; padding:30px; } .product-content h2{ font-family:'AvenirNextCondensed-Bold'; font-size:28px; color:#df033f; margin-bottom:4px; } .product-content p{ font-size:16px; } .product-content .buy-now-btn{ color:#fff; background-color:#007833; padding:4px 15px; text-decoration:none; font-family:'AvenirNextCondensed-DemiBold'; text-transform:uppercase; } .all-category-list-arrow{ display:none; } @media only screen and (max-width:768px){ .mob-container{ padding:0px; } .product-content-outer{ padding:0px; text-align:center; background-color:#ee114d; color:#fff; } .product-content h2{ color:#fff; } .product-content p{ font-size:14px; line-height:16px; } .product-content{ margin-top:0px; padding-top:5px; padding-bottom:15px; } .all-category-list-arrow{ display:block; position:absolute; top:5%; width:12px; cursor:pointer; } .all-category-list-arrow-left{ left:0px; } .all-category-list-arrow-right{ right:0px; } .all-categories{ margin-top:15px; margin-bottom:15px; width:190px; padding-left:10px; padding-right:10px; margin-left:auto; margin-right:auto; overflow:hidden; position:relative; } } .tile-img{ max-width:100%; } .tile-link,.tile-link:hover,.tile-link:focus{ color:#fff; background-color:#007833; padding:4px 15px; text-decoration:none; } .sub-category-products{ display:table; height:auto; margin-bottom:10px; } .sub-category-product-content{ display:table-cell; vertical-align:middle; width:50%; position:relative; z-index:10; padding-left:40px; } .sub-category-product-content p{ font-family:'AvenirNextCondensed-DemiBold'; text-transform:uppercase; width:80px; font-size:20px; line-height:20px; margin-bottom:0px; display:inline-block; color:#df033f; } .sub-category-product-content img{ vertical-align:initial; width:14px; } .sub-category-product-img{ display:table-cell; vertical-align:middle; width:50%; position:relative; z-index:9; } .sub-category-product-img img{ display:table-cell; vertical-align:middle; width:200%; float:right; } .tri-product-section-editable{ height:auto !important; margin-bottom:20px; } .tri-product-section-editable p{ font-size:22px; } .tri-product-section-editable a.know-more-btn{ font-size:12px; } .tri-product-section-editable:hover img{ -webkit-animation:none; -moz-animation:none; -ms-animation:none; -o-animation:none; animation:none; } .tri-product-section-editable img{ transform:translateX(50%); }

Related Products

Similar recipes

Pineapple cake

know more

Upside Down Pineapple Bundt Cake

know more

Pineapple and strawberry crumble

know more