.clearfix {
	*zoom: 1
}

.clearfix:after {
	content: '';
	display: table;
	clear: both
}

*,
input,
:before,
:after {
	box-sizing: border-box
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
p{margin:0; padding:0;}
h1, h2, h3, h4{margin:0; padding:0; font-weight:400;}
html,
body {
	padding: 0;
	margin: 0
}
body {background:url(../images/background-bg.jpg) 0 0 ; background-attachment:fixed;background-size: 100%; background-size:cover; max-width:100%;}


.space {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
}
[class*="vspace-"] {
  display: none;
}
.space-32 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 32px 0 31px;
}
[class*="vspace-32"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 32px 0 31px 0;
}
.space-30 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 30px 0 29px;
}
[class*="vspace-30"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 30px 0 29px 0;
}
.space-28 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 28px 0 27px;
}
[class*="vspace-28"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 28px 0 27px 0;
}
.space-26 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 26px 0 25px;
}
[class*="vspace-26"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 26px 0 25px 0;
}
.space-24 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 24px 0 23px;
}
[class*="vspace-24"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 24px 0 23px 0;
}
.space-22 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 22px 0 21px;
}
[class*="vspace-22"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 22px 0 21px 0;
}
.space-20 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 20px 0 19px;
}
[class*="vspace-20"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 20px 0 19px 0;
}
.space-18 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 18px 0 17px;
}
[class*="vspace-18"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 18px 0 17px 0;
}
.space-16 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 16px 0 15px;
}
[class*="vspace-16"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 16px 0 15px 0;
}
.space-14 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 14px 0 13px;
}
[class*="vspace-14"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 14px 0 13px 0;
}
.space-12 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 12px 0 11px;
}
[class*="vspace-12"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 12px 0 11px 0;
}
.space-10 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 10px 0 9px;
}
[class*="vspace-10"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 10px 0 9px 0;
}
.space-8 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 8px 0 7px;
}
[class*="vspace-8"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 8px 0 7px 0;
}
.space-6 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 6px 0 5px;
}
[class*="vspace-6"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 6px 0 5px 0;
}
.space-4 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 4px 0 3px;
}
[class*="vspace-4"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 4px 0 3px 0;
}
.space-2 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 2px 0 1px;
}
[class*="vspace-2"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 2px 0 1px 0;
}
.space-0,
[class*="vspace-0"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 0;
}
hr {
  display: block;
  height: 0;
  overflow: hidden;
  font-size: 0;
  border-width: 1px 0 0 0;
  border-top: 1px solid #ede6e0;
  margin: 12px 0;
  border-top-color: rgba(0, 0, 0, 0.11);
}






.main-container{width:990px; margin:60px auto; background:#ede6e0;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); display:table; border-radius:4px;}
.header{width:100%;overflow:hidden;}
.logo{float:left;}
.logo img{max-width:100%; margin:30px 0px 30px 14px;}
.right-phone{float:right;margin:30px 0px 30px 0px;}
p.booking{font-family: 'Courgette', cursive; font-size:20px; color:#877e77;}
p.number{font-family: 'Courgette', cursive; font-size:20px; color:#ff3005; margin-right:20px; margin-top:5px;}
p.tripadvisor a{font-family: 'Courgette', cursive; font-size:20px; color:#ff3005; margin-right:20px; margin-top:5px; text-decoration:underline;}
p.tripadvisor a:hover{color:#009772;}
p.number img{margin-right:5px; vertical-align:sub;}
a.img-hover{ opacity:1;}
a.img-hover:hover{ opacity:0.8;}
/*nav section start*/
#primary_nav_wrap{ background:#b11307; width:100%; float:left;}
#primary_nav_wrap ul{list-style:none;position:relative;margin:0 auto;/*float:left;padding:0*/}
#primary_nav_wrap ul a{display:block;color:#fff;text-decoration:none;font-weight:400;font-size:20px;line-height:50px;padding:0 57px;font-family: 'Courgette', cursive;}
#primary_nav_wrap ul li{position:relative;float:left;margin:0;padding:0; /*border-right:1px solid #c7170a;*/ }
#primary_nav_wrap ul li.current-menu-item{background:#312b26}
#primary_nav_wrap ul li:hover{background:#312b26}
#primary_nav_wrap ul ul{display:none;position:absolute;top:100%;left:-7px;background:#312b26;padding:0;}
#primary_nav_wrap ul ul li{float:none;width:300px;}
#primary_nav_wrap ul ul li:hover{ background:#C13234}
#primary_nav_wrap ul ul a{line-height:120%;padding:10px 15px;}
#primary_nav_wrap ul ul ul{top:0;left:100%;}
#primary_nav_wrap ul li:hover > ul{display:block;}
/*nav section start*/
.banner{ float:left; width:100%;}
.banner img{max-width:100%;margin:2px; display:block;}

.body-part{float:left; width:100%; overflow:hidden;}
.body-part .left-part{float:left; width:33.3%; background:#FFFFFF; margin:0 0 2px 2px; padding:12px; margin-bottom: -99999px;padding-bottom: 99999px;}
.left-part h4{font-family: 'Courgette', cursive; font-size:20px; color:#68615d; margin:8px 0 18px 0;}
.left-box-cat{float:left; width:100%;}
.image-small{float:left; width:33.3%;}
.content-pan{float:left; width:66.1%;font-family: 'Open Sans', sans-serif; font-size:12px; color:#514c4a;}
.content-pan span{font-family: 'Courgette', cursive; font-size:16px; color:#ff3005; display:block; line-height:14px; padding-bottom:6px;}
.content-pan span a{color:#ff3005; font-size:18px;}
.content-pan span a:hover{color:#ff3005; font-size:18px;}
.content-pan blue{font-size:12px;color:#0e498b;}
.content-pan orange{font-size:12px;color:#ff3005;}
.content-pan a{font-family: 'Open Sans', sans-serif;font-size:12px;color:#0e498b; text-decoration:underline;}
.content-pan a:hover{font-family: 'Open Sans', sans-serif;font-size:12px;color:#0e498b; text-decoration:none;}
.body-part .right-part{float:right; width:66.1%; background:#FFFFFF; margin:0 2px 0 0; padding:12px 12px 20px 12px;  margin-bottom: -99999px;padding-bottom: 99999px;}
.right-part h1{font-family: 'Courgette', cursive; font-size:24px; color:#68615d; margin:5px 0 12px 0;}
.right-box-cat{float:left; width:100%;}
.right-image-small{float:left; width:33.3%;}
.right-content-pan{float:left; width:66.1%;font-family: 'Open Sans', sans-serif; font-size:14px; color:#514c4a;}
.right-bottom{float:left; width:100%; margin-top:30px;}
.right-bottom-left{float:left; width:45%;}
.right-bottom-left h3{font-family: 'Courgette', cursive; font-size:18px; color:#68615d;}
.right-bottom-left h3 span{color:#ff3005;}
.libox{float:left; width:100%;}
.libox ul{margin:0; padding:0;}
.libox ul li{font-family: 'Open Sans', sans-serif; font-size:14px; color:#514c4a; list-style:none; background:url(../images/bullet.png) 0 center  no-repeat; padding-left:20px; line-height:28px;}
.libox ul li span{color:#ff3005;}
.libox ul li a{font-family: 'Open Sans', sans-serif; font-size:14px; color:#0e498b; text-decoration:underline;}
.libox ul li a:hover{font-family: 'Open Sans', sans-serif; font-size:14px; color:#0e498b; text-decoration:none;}
.right-bottom-right{float:right; width:45%;}
.right-bottom-right h3{font-family: 'Courgette', cursive; font-size:18px; color:#68615d;}
.right-bottom-right h3 span{color:#ff3005;}
.right-bottom-right-image-small{float:left; width:53%;}
.right-bottom-right-content-pan{float:left; width:40%;font-family: 'Open Sans', sans-serif; font-size:14px; color:#514c4a;}
.right-bottom-right-content-pan a{font-family: 'Open Sans', sans-serif; font-size:14px; color:#0e498b; text-decoration:underline;}
.right-bottom-right-content-pan a:hover{font-family: 'Open Sans', sans-serif; font-size:14px; color:#0e498b; text-decoration:none;}
.col-xs-12{ width:100%; float:left;font-family: 'Open Sans', sans-serif; font-size:14px; color:#514c4a;}
.col-xs-12 span{ color:#ff3005;}
.col-xs-12 img{ max-width:100%;}
.col-xs-12 a{ font-family: 'Open Sans', sans-serif; font-size:14px; color:#0e498b; text-decoration:underline;}
.col-xs-12 a:hover{ text-decoration:none;}
h1.out{font-family: 'Courgette', cursive; font-size:24px; color:#68615d; margin:5px 0 5px 0;}
h1.out blue{font-family: 'Open Sans', sans-serif; font-size:24px; color:#0e498b; margin:5px 0 5px 0;}
h2{font-family: 'Open Sans', sans-serif; font-size:20px; color:#ff3005;}
h3{font-family: 'Open Sans', sans-serif; font-size:18px; color:#373737; margin-bottom:0;}
h3 a{ font-family: 'Open Sans', sans-serif; font-size:14px; color:#0e498b; text-decoration:none;}
h3 a:hover{ font-family: 'Open Sans', sans-serif; font-size:14px; color:#0e498b; text-decoration:underline;}
h3 span{color:#ff3005;}
p{font-family: 'Open Sans', sans-serif; font-size:12px; color:#68615d; margin:8px 0}

.libox-underline-none{float:left; width:100%;}
.libox-underline-none ul{margin:0 0 0 20px; padding:0;}
.libox-underline-none ul li{font-family: 'Open Sans', sans-serif; font-size:14px; color:#514c4a; list-style:none; background:url(../images/bullet.png) 0 center  no-repeat; padding-left:20px; line-height:28px;}
.libox-underline-none ul li span{color:#ff3005;}
.libox-underline-none ul li a{font-family: 'Open Sans', sans-serif; font-size:14px; color:#0e498b; text-decoration:none;}
.libox-underline-none ul li a:hover{font-family: 'Open Sans', sans-serif; font-size:14px; color:#514c4a; text-decoration:none;}


.footer{float:left; width:100%; padding:25px 15px;}
.footer p.left{/*float:left;*/text-align:center; font-family: 'Open Sans', sans-serif; font-size:12px; color:#3e2e2e;}
/*.footer p.right{float:right; font-family: 'Open Sans', sans-serif; font-size:12px; color:#3e2e2e;}*/
.footer p.right a{font-family: 'Open Sans', sans-serif; font-size:12px; color:#3e2e2e; font-weight:bold; text-decoration:none;}


/*SARNALI*/
.no-margin { margin:0 !important}
.red { color:red}
.form_element { clear:both; font-size:12px; margin:8px}
.col-xs-4 { width:30%; float:left;}
.col-xs-8 { width:70%; float:left;}

.form_element input, .form_element textarea { border:1px solid #EBEBEB}
.form_element textarea { height:100px; resize:none}
.form_element input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}

.form_element input[type=checkbox].css-checkbox + label.css-label {
							padding-left:25px;
							height:20px; 
							display:inline-block;
							line-height:20px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:14px;
							vertical-align:middle;
							cursor:pointer;

						}

.form_element input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -20px;
						}
						
						
.form_element label.css-label {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_490b7ac6598bb6e25d0681c50e958cda.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

.btn-primary { background:#312b26; color:#fff; border:none; padding:5px}
.submit { margin-left:30%}


.button-style-view{font-family: 'Courgette', cursive;border-radius:3px; background:#FF6B31 !important; border:none; color:#fff !important; padding:11px 20px; text-shadow:none; margin:10px 3px; font-size:20px; cursor:pointer;}
.button-style-view:hover{background:#DC4104 !important; color:#fff !important;}
.button-style-view:focus{background:#DC4104 !important; color:#fff !important;}

.button-style-view-takeaway{font-family: 'Courgette', cursive;border-radius:3px; background:#FF6B31 !important; border:none; color:#fff !important; padding:11px 24px; text-shadow:none; margin:10px 3px; font-size:20px; cursor:pointer;}
.button-style-view-takeaway:hover{background:#DC4104 !important; color:#fff !important;}
.button-style-view-takeaway:focus{background:#DC4104 !important; color:#fff !important;}



.lb-album{
	margin: 0;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	list-style:none;
	padding:0
}
.lb-album li{
	float: left;
	margin: 5px;
	position: relative;
}
.lb-album li > a,
.lb-album li > a img{
	display: block;
}
.lb-album li > a{
	width: 145px;
	height: 106px;
	position: relative;
	padding: 6px;
	/*background: #625951;
	-webkit-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	-moz-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;*/
}
.lb-album li > a span{
	position: absolute;
	width: 150px;
	height: 106px;
	top: 0px;
	left: 0px;
	text-align: center;
	line-height: 106px;
	color: rgba(255,255,255,0.8);
	font-size: 24px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgb(81,76,74);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(81,76,74,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(81,76,74,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(81,76,74,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(81,76,74,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(81,76,74,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(81,76,74,1) 100%);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
	border-radius: 3px 3px 3px 3px;
}
.lb-album li > a:hover span{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-overlay{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: rgb(81,76,74);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(81,76,74,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(81,76,74,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(81,76,74,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(81,76,74,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(81,76,74,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(81,76,74,1) 100%);
}
.lb-overlay > div{
	position: relative;
	color: rgba(255,255,255,0.8);
	width: 550px;
	height: 80px;
	margin: 40px auto 0px auto;
}
.lb-overlay div h3,
.lb-overlay div p{
	padding: 0px 20px;
	width: 200px;
	height: 60px;
}
.lb-overlay div h3{
	font-size: 36px;
	float: left;
	text-align: right;
	border-right: 1px solid rgba(27,54,81,0.4);
}
.lb-overlay div h3 span,
.lb-overlay div p{
	font-size: 16px;
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	font-style: italic;
}
.lb-overlay div h3 span{
	display: block;
	line-height: 6px;
}
.lb-overlay div p{
	font-size: 14px;
	text-align: left;
	float: left;
	width: 260px;
}
.lb-overlay a.lb-close{
	background: rgba(27,54,81,0.8);
	z-index: 1001;
	color: #fff;
	position: absolute;
	top: 43px;
	left: 50%;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
	width: 62px;
	height: 28px;
	overflow: hidden;
	margin-left: -25px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	border-radius:5px;
	text-decoration:none;
}
.lb-overlay img{
	/* height: 100%; For Opera max-height does not seem to work */
	max-height: 100%;
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}
.lb-prev, .lb-next{
	text-indent: -9000px;
	position: absolute;
	top: -32px;
	width: 24px;
	height: 25px;
	left: 50%;
	opacity: 0.8;
	filter: alpha(opacity=80); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*IE8*/
}
.lb-prev:hover, .lb-next:hover{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-prev{
	margin-left: -30px;
	background: transparent url(../images/arrows.png) no-repeat top left;
}
.lb-next{
	margin-left: 6px;
	background: transparent url(../images/arrows.png) no-repeat top right;
}
.lb-overlay:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 80px 100px 120px 100px;
}
.lb-overlay:target img,
.lb-overlay:target a.lb-close{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlay img {
    height: 100%;
}

.center {
    text-align: right;
}

.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 2px 6px;
    text-decoration: none;
	font-size:12px;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {background-color: #ddd;}
.comment-sec { font-size:12px}
/*SARNALI*/



@media (max-width: 990px) {.main-container{width:100%;}}