Del Monte Packaged Fruits and Vegetables

#main_content{ padding-top:10px; min-height:90vh; } .all-categories{ margin-top:0px; 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 p{ margin-bottom:0px; display:inline-block; border-bottom:2px solid transparent; } .all-category-list li.active p{ color:#df033f; border-color:#df033f; font-family:'AvenirNextCondensed-DemiBold'; } .side-pantry{ position:fixed; left:0px; top:0px; height:100vh; width:190px; display:table; padding-left:20px; padding-right:20px; } .green-side-pantry{ background-color:#007833; } .yellow-side-pantry{ background-color:#f8f400; } .red-side-pantry{ background-color:#df033f; } .all-sub-category-products{ /*position:relative;*/ } .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:20px; } .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; float:right; } .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:180%; float:right; -webkit-transition:all 200ms ease-out 0s; -moz-transition:all 200ms ease-out 0s; -ms-transition:all 200ms ease-out 0s; -o-transition:all 200ms ease-out 0s; transition:all 200ms ease-out 0s; } .sub-category-products:hover img { -webkit-transform: scale(1.06,1.06); -moz-transform: scale(1.06,1.06); -ms-transform: scale(1.06,1.06); -o-transform: scale(1.06,1.06); transform: scale(1.06,1.06); transition-duration:400ms; } .sub-category-content{ display:table-cell; vertical-align:middle; } .sub-category-content img{ width:60px; margin-top:0px; margin-bottom:10px; } .sub-category-title{ text-transform:uppercase; font-family:'AvenirNextCondensed-Bold'; color:#df033f; font-size:24px; margin-bottom:10px; } .sub-category-title span{ color:#007833; } .sub-category-content{ color:#007833; font-size:14px; line-height:16px; } .all-sub-category-list{ display:table-cell; vertical-align:middle; list-style:none; } .all-sub-category-list li{ text-transform:uppercase; color:#000; margin-bottom:10px; cursor:pointer; } .all-sub-category-list span{ display:inline-block; height:12px; width:12px; border:2px solid #000; border-radius:50%; } .all-sub-category-list li.active{ font-family:'AvenirNextCondensed-DemiBold'; } .all-sub-category-list li.active span{ background-color:#000; } .yellow-side-pantry .all-sub-category-list li{ color:#df033f; } .yellow-side-pantry .all-sub-category-list li span{ border-color:#df033f; } .yellow-side-pantry .all-sub-category-list li.active span{ background-color:#df033f; border-color:#df033f; } .red-side-pantry .all-sub-category-list li{ color:#f8f400; } .red-side-pantry .all-sub-category-list li span{ border-color:#f8f400; } .red-side-pantry .all-sub-category-list li.active span{ background-color:#f8f400; border-color:#f8f400; } .green-side-pantry .all-sub-category-list li{ color:#fff; } .green-side-pantry .all-sub-category-list li span{ border-color:#fff; } .green-side-pantry .all-sub-category-list li.active span{ background-color:#fff; border-color:#fff; } footer{ position:relative; } .all-category-list-arrow{ display:none; } .all-sub-category-mob{ display:none; } .sub-category-product-content-mob{ display:none; } .all-category-products-list-arrow{ display:none; } .sub-category-generated-content-outer{ margin-left:33.3333%; margin-bottom:300px; } @media only screen and (max-width:768px){ .side-pantry{ display:none; } .all-category-list{ margin-top:5px; } .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:20px; margin-bottom:15px; width:190px; height:30px; padding-left:10px; padding-right:10px; margin-left:auto; margin-right:auto; overflow:hidden; position:relative; } .sub-category-product-content{ display:none; } .sub-category-product-img{ width:100%; } .all-sub-category-products{ height:auto; } .all-sub-category-mob{ display:block; width:100%; overflow:hidden; } .all-sub-category-list-mob{ margin-bottom:0px; position:relative; overflow-y:scroll; } .all-sub-category-list-mob li{ padding-left:5px; padding-right:5px; width:25%; height:60px; text-transform:uppercase; text-align:center; display:table-cell; vertical-align:middle; font-family:'AvenirNextCondensed-Medium'; line-height:15px; font-size:15px; -webkit-box-shadow:0px 2px 10px 0px rgba(0,0,0,0.45); -moz-box-shadow:0px 2px 10px 0px rgba(0,0,0,0.45); -o-box-shadow:0px 2px 10px 0px rgba(0,0,0,0.45); -ms-box-shadow:0px 2px 10px 0px rgba(0,0,0,0.45); box-shadow:0px 2px 10px 0px rgba(0,0,0,0.45); background-image:url('https://madewithdelmonte.korra.co.in/assets/images/bottom-shadow.png'); background-size:100% auto; background-repeat:no-repeat; background-position:left bottom; } .all-sub-category-list-mob li.active{ -webkit-box-shadow:0px 2px 10px 0px rgba(0,0,0,0); -moz-box-shadow:0px 2px 10px 0px rgba(0,0,0,0); -o-box-shadow:0px 2px 10px 0px rgba(0,0,0,0); -ms-box-shadow:0px 2px 10px 0px rgba(0,0,0,0); box-shadow:0px 2px 10px 0px rgba(0,0,0,0); background-image:none; } .all-sub-category-list-mob li.all-sub-category-list-mob-red{ color:#fff; background-color:#ee114d; } .all-sub-category-list-mob li.all-sub-category-list-mob-yellow{ color:#ee114d; background-color:#fee84e; } .all-sub-category-list-mob li.all-sub-category-list-mob-green{ color:#fff; background-color:#007833; } .all-sub-category-list-mob li.all-sub-category-list-mob-white{ color:#ee114d; background-color:#f8f8f8; } .sub-category-content-mob{ padding:15px; } .sub-category-content-mob .sub-category-title{ margin-bottom:0px; } .sub-category-content-mob img{ width:60px; margin-bottom:10px; } .sub-category-content-mob-red{ background-color:#ee114d; } .sub-category-content-mob-red .sub-category-title{ color:#fff; } .sub-category-content-mob-red .sub-category-title span{ color:#fee84e; } .sub-category-content-mob-red .sub-category-content{ color:#fff; } .sub-category-content-mob-yellow{ background-color:#fee84e; } .sub-category-content-mob-yellow .sub-category-title{ color:#ee114d; } .sub-category-content-mob-yellow .sub-category-title span{ color:#007833; } .sub-category-content-mob-yellow .sub-category-content{ color:#ee114d; } .sub-category-content-mob-green{ background-color:#007833; } .sub-category-content-mob-green .sub-category-title{ color:#fff; } .sub-category-content-mob-green .sub-category-title span{ color:#fee84e; } .sub-category-content-mob-green .sub-category-content{ color:#fff; } .sub-category-content-mob-white{ background-color:#f8f8f8; } .sub-category-content-mob-white .sub-category-title{ color:#ee114d; } .sub-category-content-mob-white .sub-category-title span{ color:#007833; } .sub-category-content-mob-white .sub-category-content{ color:#ee114d; } .sub-category-product-content-mob{ display:block; } .sub-category-product-content-mob p{ text-transform:uppercase; font-family:'AvenirNextCondensed-Medium'; font-size:24px; color:#df033f; } .sub-category-product-img img{ width:150%; transform:translateX(-22px); } .all-sub-category-products-outer{ position:relative; overflow:hidden; width:100%; } .all-category-products-list-arrow{ position:absolute; top:44%; display:block; z-index:99; } .all-category-products-list-arrow-left{ left:0px; } .all-category-products-list-arrow-right{ right:0px; } .mob-inner-container{ padding:0px; } footer{ position:static; } }