.nav-container {
	height: 500px;
	overflow-x: auto;
	position: fixed;
	top: 60px;
	left: 0;
	z-index: 9999;
	overflow-y: auto;
	visibility: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	-webkit-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	background-color: #c0c0c0;
	-webkit-overflow-scrolling: touch
}

.nav-container.is-visible {
	visibility: visible;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.nav-toggle {
	line-height: 1;
	display: inline-block;
	padding: 0.25rem 1rem;/**salman padding: 1.25rem 1rem;**/
	border: 0;
	background-color: transparent;
	float: right;
	position: absolute;
/*	right: 15px;*/
    right: 0px; /* added by hema */ 
	top: 18px;
	z-index: 99
}

.nav-toggle .icon-menu {
	position: relative;
	display: inline-block;
/*	width: 28px;
	height: 20px;*/
	width: 24px;
	height: 18px; /* added by hema */ 
	vertical-align: middle;
	fill: none
}


/* added by hema */ 
.nav-toggle.is-active .icon-menu {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 19px;
    vertical-align: middle;
    fill: none;
}


.nav-toggle.is-active .icon-menu .line-1 {
    top: -1px;
}


.nav-toggle.is-active .icon-menu .line-3 {
    bottom: 0px;
}

/* added end  by hema */ 

.icon-menu .line {
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 4px;
	-webkit-transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all .25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
	background-color: #fff
}

.icon-menu .line-1 {
	top: 0
}

.is-active .icon-menu .line-1 {
	-webkit-transform: translateY(8px) translateX(0) rotate(45deg);
	-ms-transform: translateY(8px) translateX(0) rotate(45deg);
	transform: translateY(8px) translateX(0) rotate(45deg)
}

.icon-menu .line-2 {
	top: 50%;
	margin-top: -2px
}

.is-active .icon-menu .line-2 {
	opacity: 0
}

.icon-menu .line-3 {
	bottom: 0
}

.is-active .icon-menu .line-3 {
	-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
	-ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
	transform: translateY(-8px) translateX(0) rotate(-45deg)
}

.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	display: inline-block
}

.nav-menu {
	background-color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.nav-toggle {
	display: none
}

.nav-menu .menu-item {
	border-top: 1px solid #bbb
}

.nav-menu>.menu-item:last-child {
	border-bottom: 1px solid #bbb
}

.nav-menu .menu-link:hover {
	color: #E91E63
}

.nav-menu .menu-link {
	display: block;
	text-decoration: none;
	color: #444;
	padding: 12px 18px;
	font-size: 17px
}

.has-dropdown {
	position: relative;
	cursor: pointer
}

.has-dropdown>.menu-link {
	display: inline-block
}

.has-dropdown:after {
	font-size: 32px;
	position: absolute;
	top: 0;
	right: 1rem;
	bottom: 0;
	content: "+";
	color: #222
}

.has-dropdown.is-active:after {
	content: "\2013"
}

.nav-dropdown {
	display: none;
	background-color: #c0c0c0
}

.has-dropdown.is-active>.nav-dropdown {
	display: block
}

.nav-dropdown .nav-dropdown {
	background-color: #aaa
}

.nav-dropdown .menu-item {
	border-color: #a0a0a0
}

.nav-dropdown .nav-dropdown .menu-item {
	background-color: #b0b0b0;
	border-color: #909090
}

.content {
	margin-top: 60px
}

.content .wrapper {
	padding: 1rem 0
}

@media(min-width:990px) {
	.nav-toggle {
		float: right
	}
	.nav-menu>.menu-item,
	.nav-menu>.menu-item.is-active {
		display: inline-block;
		background-color: transparent;
		border: 0
	}
	.nav-menu>.menu-item:last-child {
		border: 0
	}
	.nav-menu .menu-item {
		-webkit-transition: background-color .15s ease-in-out, color .15s ease-in-out;
		transition: background-color .15s ease-in-out, color .15s ease-in-out
	}
	.has-dropdown:after {
		content: ""!important
	}
	.nav-menu>.has-dropdown:after {
		position: absolute;
		top: 50%;
		right: 1rem;
		width: 0;
		height: 0;
		margin-top: -2px;
		margin-left: -4px;
		content: "";
		border-width: 5px 5px 0 5px;
		border-style: solid;
		border-color: #444 transparent transparent transparent
	}
	.has-dropdown>.menu-link {
		padding-right: 2rem
	}
	.nav-dropdown {
		display: block;
		opacity: 0;
		position: absolute;
		top: 100%;
		width: 200px;
		margin: 0;
		padding: .5rem 0;
		background-color: #dedede;
		box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.15);
		visibility: hidden;
		-webkit-transition: visibility 0s linear .25s, opacity .25s linear;
		transition: visibility 0s linear .25s, opacity .25s linear
	}
	.has-dropdown:hover>.nav-dropdown {
		visibility: visible;
		opacity: 1;
		-webkit-transition-delay: 0s;
		transition-delay: 0s
	}
	.nav-dropdown .menu-item {
		border: 0
	}
	.nav-dropdown .menu-item:hover,
	.nav-dropdown .nav-dropdown .menu-item:hover {
		background-color: #d0d0d0
	}
	.nav-dropdown .nav-dropdown,
	.nav-dropdown .nav-dropdown .menu-item {
		background-color: #dedede
	}
	.nav-dropdown .nav-dropdown {
		z-index: 9998;
		top: 0;
		left: 100%
	}
	.content {
		margin-top: 0
	}
}

.slider_container {
	width: 100%;
	margin: auto;
	clear: both;
	padding: 30px 0 0 0
}

.flex-caption {
	position: absolute;
	right: 11px;
	bottom: 20px
}

.caption_title_line {
	width: 450px;
	height: 75px;
	padding: 5px 15px 10px 15px;
	background: url(images/slider_caption_bg.html) repeat;
	color: #303030
}

.flex-caption h2 {
	color: #303030;
	font-size: 20px;
	padding: 5px 0 5px 0;
	margin: 0;
	font-family: 'Ovo', serif
}

.flex-container a:active,
.flexslider a:active {
	outline: 0
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none
}

.flexslider {
	width: 100%;
	margin: 0;
	padding: 0 0 30px 0
}

.flexslider .slides>li {
	display: none
}

.flexslider .slides img {
	max-width: 100%;
	display: block;
	border-radius: 4px;
	-webkit-border-radius: 4px
}

.flex-pauseplay span {
	text-transform: capitalize
}

.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.no-js .slides>li:first-child {
	display: block
}

.flexslider {
	position: relative;
	zoom: 1
}

.flexslider .slides {
	zoom: 1
}

.flexslider .slides>li {
	position: relative
}

.flex-container {
	zoom: 1;
	position: relative
}

.flex-direction-nav li a {
	width: 45px;
	height: 42px;
	margin: 0;
	display: block;
	position: absolute;
	right: 11px;
	cursor: pointer;
	text-indent: -9999px
}

.flex-direction-nav li a.next {
	background: url(../images/next.png) no-repeat center;
	bottom: 184px
}

.flex-direction-nav li a.prev {
	background: url(../images/prev.png) no-repeat center;
	bottom: 177px
}

.flex-direction-nav li a.next:hover {
	background: url(../images/next_a.png) no-repeat center
}

.flex-direction-nav li a.prev:hover {
	background: url(../images/prev_a.png) no-repeat center
}

.flex-direction-nav li a.disabled {
	opacity: .3;
	filter: alpha(opacity=30);
	cursor: default
}

.flex-control-nav {
	display: none
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -30px;
	text-align: center
}

.flex-control-nav li {
	margin: 0 0 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline
}

.flex-control-nav li:first-child {
	margin: 0
}

.flex-control-nav li a {
	width: 13px;
	height: 13px;
	display: block;
	cursor: pointer;
	text-indent: -9999px
}

.flex-control-nav li a:hover {
	background-position: 0 -13px
}

.flex-control-nav li a.active {
	background-position: 0 -26px;
	cursor: default
}

.flex-direction-nav li .prev {
	float: left;
	left: 11px
}

.flex-direction-nav li .next {
	float: left;
	right: 11px
}

@media screen and (max-width:1000px) {
	.slider_container {
		width: 90%;
		margin: 0 0 0 2%;
		clear: both;
		background: 0;
		padding: 5px 0 0 0
	}
	.flexslider {
		width: 100%;
		margin: 0;
		padding: 0 0 30px 0;
		background: 0
	}
	.flex-direction-nav li a {
		width: 45px;
		height: 42px;
		margin: 0;
		display: block;
		position: absolute;
		right: -10px;
		cursor: pointer;
		text-indent: -9999px
	}
	.flex-direction-nav li a.next {
		background: url(images/next.html) no-repeat center;
		bottom: 85px
	}
	.flex-direction-nav li a.prev {
		background: url(images/prev.html) no-repeat center;
		bottom: 40px
	}
	.flex-caption {
		display: none
	}
}