<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i" rel="stylesheet">
.ups-homepage, header.fixed_header #appbar, header.fixed_header #navmenubar, #mainbanner, main #topbarcontainer , .navigation, h1:after, h1:before {display:none !important;}
#listingcontainer{max-width:inherit;}
#listingcontainer>.columns{padding-left:0; padding-right:0;}
.row .row { margin: 0 !important;}
* { margin: 0px;padding: 0px;box-sizing: border-box;}
.webwrapper{margin:0 auto; width:100%; max-width:1600px; padding:0 30px;}
footer {float: left;width: 100%;}
.banner {float: left;width: 100%;position: relative; margin-top:-15px;}
.banner #mblfireworks{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.top-content{float:left; width:100%; text-align: center; background-color: #6a9a5a;}
/*.top-content h1 {margin-bottom: 10px;color: #ffcc12;font-family: roboto;font-weight: 300; font-size:28px;}*/
.top-content h1 span{font-weight: bold;}
.top-content p {font-size: 16px;text-align: center;line-height: 24px;margin-bottom: 0; color:#666;}
.category-title, .top-content h1{color: #fff;font-size: 2.7rem;padding: 10px 12.5px 5px;display: inline-block;vertical-align: middle;font-weight: 300;float: left; width: 100%; text-align:center;}
.gift-types{float:left; width:100%; padding:0 5em 3em;display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap;}
.gift-types .column {     -ms-flex: 33.3%;
    flex: 33.3%;
    max-width: 33.3%;
    padding: 0 18px;}

.gift-types .column a{    display: block;
    position: relative;
    overflow: hidden;
    margin-top: 25px;}
.gift-title {position: absolute; z-index: 9; bottom: 0px; left: 0; color: #fff; font-size: 30px; font-weight: 300; width: 100%;text-align: center;padding:40px 20px 10px;transition: all ease-in-out 0.25s;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */}
.gift-now-btn {position: absolute; left: 0; width:100%; bottom: -70px; opacity: 0; z-index: 9; text-transform: uppercase;transition: all ease-in-out 0.35s; text-align: center;}
.gift-now-btn span{ padding: 15px 20px; color: #ff9212; font-weight:500; font-size: 16px;background: #fff; border-radius: 4px;transition: all ease-in-out 0.25s;}
.gift-now-btn span:hover{box-shadow:0 4px 18px rgba(0, 0, 0, 0.6);background: #ff9212;color: #fff;}

.top-title {position: absolute;top: 0;left: 0;font-size: 30px; color: #fff;padding: 20px; z-index:9; transition:all ease-in-out 0.25s; left:-50px; opacity:0; font-weight:300;}
.gift-types .column a:hover .gift-title, .gift-combo .rows .colums a:hover .gift-title, .explore-more li a:hover .gift-title{ -webkit-animation: nextarrow 0.5s ease-in-out forwards; -moz-animation: nextarrow 0.5s ease-in-out forwards; -o-animation: nextarrow 0.5s ease-in-out forwards; animation: nextarrow 0.5s ease-in-out forwards;}
.gift-types .column a:hover .gift-now-btn, .gift-combo .rows .colums a:hover .gift-now-btn, .explore-more li a:hover .gift-now-btn{-webkit-animation: nextarrow1 0.5s ease-in-out forwards; -moz-animation: nextarrow1 0.5s ease-in-out forwards; -o-animation: nextarrow1 0.5s ease-in-out forwards; animation: nextarrow1 0.5s ease-in-out forwards;}
.gift-types .column a:hover .gradient-bg, .gift-combo .rows .colums a:hover .gradient-bg, .explore-more li a:hover .gradient-bg{opacity:0.9}
.gift-types .column a:hover .top-title, .gift-combo .rows .colums a:hover .top-title, .explore-more li a:hover .top-title{left:0; opacity:1;}
.gift-types .column a:hover img,.gift-combo .rows .colums a:hover img, .explore-more li a:hover img, .trending-gifts li:hover img{transform: scale(1.05);}
.gift-types .column img {vertical-align: middle; width:100%;transition: all ease-in-out 0.25s;}
.by-relations, .trending-gifts, .gift-combo, .gift-abroad, .explore-more, .categorydescp{float:left; width:100%; padding:25px 25px 0;}
.by-relations ul, .trending-gifts ul, .gift-abroad ul, .explore-more ul{float:left; width:100%; margin:0; text-align:center;}
.by-relations ul li{float: left;width: 16.5%;padding: 10px 5px;list-style: none;min-height: 132px; text-align:center;}
.by-relations li a { display: block;}
.by-relations li figure img { display: inline-block;transition: all ease-in-out 0.25s; background: #fff; max-width: 90px; border-radius:50%;}
.by-relations li figcaption {float: left;width: 100%; padding: 0 10px 10px;text-align: center; font-size: 14px; color: #fff; line-height: 20px; margin-top: 10px; position: relative; z-index: 9;}
.by-relations li figure:hover img { transform: translate(0px, -3px);}
.by-relations .category-title, .trending-gifts .category-title, .gift-combo .category-title, .gift-abroad .category-title, .explore-more .category-title{padding: 10px 0 5px; margin-bottom:25px; margin-top:20px;}
.trending-gifts li{float:left; width:24%; margin-right:1.332%; box-shadow:0 2px 3px rgba(0,0,0,0.3); background:#fff; border-radius:4px; overflow:hidden;}
.trending-gifts li:last-child{float:right;margin-right:0;}
.trending-gifts li .pro-thum{float:left; width:100%; overflow:hidden;}
.trending-gifts li img{width:100%; display:block; transition:all ease-in-out 0.25s;}
.trending-gifts li .pro-info{float:left; width:100%; font-size:18px; color:#222; font-weight:400; text-align:center; padding:15px 10px;}
.gift-combo .rows{float:left; width:100%; margin-bottom:25px;}
.gift-combo .rows .colums{float:left; width:49.3%;}
.gift-combo .rows .colums a{position:relative;display: block; overflow:hidden;}
.gift-combo .rows .colums img{width:100%; display:block; transition:all ease-in-out 0.25s;}
.gift-combo .rows .colums:last-child, .gift-combo .rows .colums .combos:last-child{float:right;}
.gift-combo .rows .colums .combos{float:left; width:48.65%;}
.gift-abroad li{float:left; width:18.8%; margin-right:1.5%; box-shadow:0 2px 3px rgba(0,0,0,0.3); border-radius:4px; overflow:hidden; margin-bottom:25px; transition:all ease-in-out 0.25s;}
.gift-abroad li:nth-child(5n+5){float:right; margin-right:0;}
.gift-abroad li:hover{box-shadow:0 3px 4px rgba(0,0,0,0.5);}
.explore-more li {float: left;width: 24%;margin-right: 1.3%;margin-bottom: 25px; overflow:hidden; position:relative;}
.explore-more li a{display:block;}
.explore-more li:nth-child(4n+4){float:right; margin-right:0;}
.categorydescp p{ color:#999; font-size:13px; line-height:20px; margin-bottom:20px;}
.categorydescp h2{color:#fff;font-size: 18px; margin-bottom: 15px; font-weight: 400;}
/*common*/
.explore-more li img, .gift-abroad li img{transition: all ease-in-out 0.25s; display:block;}
.explore-more li:hover img, .gift-abroad li:hover img{transform: scale(1.05);}
.banner-content {float: left;width: 100%;text-align: center; padding: 40px 25px; color: #fff; background-color: #6a9a5a; background-size:100% 100%;}
.banner-content span{display:block;}
.banner-content span sup{text-transform:none;font-size: 14px; margin-left: 2px;}
.main-heading {text-transform: uppercase;font-size: 40px;font-weight: 500;letter-spacing: 5px;margin-bottom: 15px;font-family: 'Roboto Condensed', sans-serif;}
.holi-date{text-transform: uppercase;font-size: 24px;letter-spacing: 2px; color:#ffcc12;}
.banner-content h1{margin-bottom: 10px;color: #ffcc12;font-family: roboto;font-weight: 300; font-size:28px;margin-top: 20px;}
.banner-content h1 span{font-weight: bold; display:inline-block;}
.banner-content p{color:#999;font-size:14px; line-height:20px; margin-bottom:20px;max-width: 70%; margin: 0 auto;}
.categorydescp h3, .categorydescp h6{color:#fff;}
.more-info { float: left; width: 100%; background: #666; box-sizing: border-box; box-shadow: 0 0 5px rgba(0,0,0,0.2); margin-bottom: 0; text-align: center; padding: 10px; position:relative;}
.more-info:before {position: absolute; content: ""; width: 15px; height: 2px; background: #222;right: 20px; top: 45%;}
.more-info.open:after{transform:rotate(0deg);}
.more-info:after { position: absolute; content: ""; width: 15px; height: 2px; background: #222; right: 20px; top: 45%;transform:rotate(90deg);transition:all ease-in-out 0.25s;}
.categorydescp table tr:nth-child(odd){ background: #222 !important; color:#fff !important;}
.categorydescp table th, .categorydescp table td, .more-info table th, .more-info table td {color: #fff !important;}
.categorydescp table tr:nth-child(even), .more-info table tr:nth-child(even) {background: #555 !important;}
.view-all {padding: 10px;background: #00a948; color: #fff; border-radius: 4px; font-size: 16px;text-transform: uppercase;display:inline-block;}
.view-all:hover{color:#fff;}
.footer-links a{color:#fff !important;}
.categorydescp a{color:#d5d5d5 !important;}
.safe-msg{width: 100%;margin: 0 0 10px;}
.safe-msg i{vertical-align: middle;margin-bottom: 5px;margin-left: 5px;}
/*media*/
@media(max-width:1366px){
.gift-title, .top-title{font-size: 24px;}
/*.gift-now-btn{left:25%;}*/
.banner-content p{ max-width: 90%;}
.main-heading {font-size: 40px;}
}
@media(max-width:1280px){
.gift-title, .top-title{font-size: 22px;}
.gift-now-btn span{padding: 15px;font-size: 14px;}
.banner-content p{ max-width: 100%;}
.main-heading {font-size: 40px;}
}
@media(max-width:1024px){
.gift-types{padding:0 5px;}
.gift-types .column {-ms-flex: 50%;flex: 50%; max-width: 50%; padding: 0 5px;}
#category-products{margin-top:44px !important;}
.category-header.category-page{display:none !important;}
.gift-types .column a{margin-top:10px;}
.trending-gifts li{width:49%; margin-bottom:25px;}
.trending-gifts li:nth-child(2n+2){float: right;margin-right: 0;}
.gift-combo .rows .colums{width:100%; margin-bottom:25px;}
.gift-types .column a:hover .gift-title, .gift-combo .rows .colums a:hover .gift-title, .explore-more li a:hover .gift-title{ -webkit-animation: nextarrow2 0.5s ease-in-out forwards; -moz-animation: nextarrow2 0.5s ease-in-out forwards; -o-animation: nextarrow2 0.5s ease-in-out forwards; animation: nextarrow2 0.5s ease-in-out forwards;}
.gift-types .column a:hover .gift-now-btn, .gift-combo .rows .colums a:hover .gift-now-btn, .explore-more li a:hover .gift-now-btn{-webkit-animation: nextarrow3 0.5s ease-in-out forwards; -moz-animation: nextarrow3 0.5s ease-in-out forwards; -o-animation: nextarrow3 0.5s ease-in-out forwards; animation: nextarrow3 0.5s ease-in-out forwards;}
.banner{margin-top:0;}
.banner-content{background-size: auto 100%;}
}
@media(max-width:768px){
.main-heading {font-size: 30px;}
.by-relations ul li{width:25%;}
.trending-gifts li{width: 48.5%;}
.gift-combo .rows{margin-bottom:0;}
.gift-abroad li {width: 23.8%; margin-bottom: 10px;}
.gift-abroad li:nth-child(5n+5){float: left; margin-right: 1.5%;}
.gift-abroad li:nth-child(4n+4){float: right; margin-right:0;}
.explore-more li{width: 48%;}
.explore-more li:nth-child(2n+2){float:right; margin-right:0;}
.blogs li{width:100% !important; margin-right:0 !important;}
.categorydescp{display:none;}
}
@media(max-width:640px){
.main-heading{font-size: 25px;letter-spacing: 1px;}
.trending-gifts li{margin-bottom:20px;}
.gift-abroad li{width: 48%;margin-bottom: 20px;}
.gift-abroad li:nth-child(3n+3) {float: left;}
.gift-abroad li:nth-child(2n+2){float:right; margin-right:0;}
.hide-on-mobile{display:none;}
.gift-abroad li:last-child{float:right;}
.by-relations, .trending-gifts, .gift-combo, .gift-abroad, .explore-more, .categorydescp { padding: 25px 15px 0;}
.explore-more li { margin-bottom: 15px;}
.banner-content h1{font-size: 22px;}
}
@media(max-width:480px){
.banner-content{padding: 30px 15px;}
.main-heading{font-size: 20px;}
.gift-title, .top-title {font-size: 18px;}
.by-relations ul li { width: 33%;}
.trending-gifts li .pro-info{ font-size: 14px; padding: 10px 5px;}
.category-title,.top-content h1{font-size: 1.5rem; margin:0;}
.diwali-date{font-size: 18px;}
.by-relations li figcaption{font-size: 11px;}
}
@media(max-width:414px){
.main-heading {font-size: 15px;}
.category-title {font-size: 1.7rem;}
.gift-abroad li{width: 48%;}
.gift-abroad li a{display:block;}
.gift-abroad li:nth-child(3n+3) {float: left;}
.gift-abroad li:nth-child(2n+2){float:right; margin-right:0;}
.hide-on-mobile{display:none;}
.gift-abroad li:last-child{float:right;}
}
/*@keyframes nextarrow { 0% { padding:40px 20px 10px;}80% {padding:40px 20px 102px;}100% {padding:40px 20px 100px;}}
@keyframes nextarrow1 { 0% { bottom: -70px; opacity:0;}80% {bottom: 32px; opacity:0.8;}100% {bottom: 30px; opacity:1;}}
@keyframes nextarrow2 { 0% { padding:40px 20px 10px;}80% {padding:40px 20px 102px;}100% {padding:40px 20px 100px;}}
@keyframes nextarrow3 { 0% { bottom: -70px; opacity:0;}80% {bottom: 32px; opacity:0.8;}100% {bottom: 30px; opacity:1;}}*/