@charset "utf-8";
/* CSS Document */

.swiggy-box685{ width: 100%; height: auto; max-width: 685px;  margin: 0 auto; } 
.swiggy-left{ width: 36%; height: 319px; overflow: hidden; float: left; position: relative;}
.swiggy-left img{ width: 100%;}
.swiggy-left span{ width: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0 auto;   /* background: rgba(232, 129, 129, 0.55);*/ height: 100%; text-align: center; }
.swiggy-left span:after{ content: ''; width: 1px; height: 100%; display: inline-block; vertical-align: middle;}
.swiggy-left span aside { width: 96%; margin: auto; display: inline-block; vertical-align: middle;  }
.swiggy-left span aside h2{ font-size: 12px; font-weight: 600; color: #fff; text-transform: uppercase; padding-bottom: 10px; text-align: center; }
.swiggy-left span aside small{ width: 80px; height: auto; margin: 0 auto; text-align: center; display: block;}
.swiggy-left span aside big{ width: 85%; height: auto; margin: 0 auto; text-align: center; display: block;}
.swiggy-left span aside i{ width: 40%; height: auto; margin: 0 auto; text-align: center; display: block;}
.swiggy-right{ width: 64%; float: left; position: relative; overflow-y: auto; height: 630px; }
.swiggy-right ul{ margin-left: -2px; margin-top: -2px; }
.swiggy-right ul big{ width: 56px; height: 50px; position: absolute; left: 50%;  top: 50%; margin-top: -25px; margin-left: -28px;}

.swiggy-right ul li{ width:50%; height:159px; float: left; border-left: 1px solid #eee7db; border-top: 1px solid #eee7db; text-align: center; display: table;}

.swiggy-right ul li a{ display: table-cell; vertical-align: middle; text-align: center; text-decoration: none!important;}
.swiggy-right ul li a h3{ font-size: 12px; font-weight: 600; color: #540709; line-height: 20px; text-transform: uppercase; padding-bottom: 10px;  text-align: center; display: block; text-decoration: none!important;  }
.swiggy-right ul li a:hover h3{ color:#cfb583; text-decoration: none!important;}
.swiggy-right ul li a small{ width: 52px; height: 52px; margin: 0 auto;background: #540709; border-radius: 50%; text-align: center; vertical-align: middle; display: table;}
.swiggy-right ul li a:hover small{  background: #5b3f09;}
.swiggy-right ul li a small i{ display: table-cell;  vertical-align: middle; text-align: center; }

@media screen and (max-width:600px){
	
	.swiggy-left { width: 100%;height: 160px;}
	.swiggy-right {width: 100%;}
	.swiggy-left span aside i {width: 20%;}
	
}