.cookcodesmenu_menu {
	display: none!important
}

.header-top-area {
	background: #efefef;
	padding: 5px 0
}

.header-top-area .quick-info ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right
}

.header-top-area .quick-info ul li {
	display: inline-block;
	margin: 0 8px
}

.header-top-area .quick-info ul li a {
	display: block;
	color: #000;
	font-size: 12px
}

.header-top-area .search-area {
	position: relative;
	overflow: hidden
}

.header-top-area .search-area input {
	width: 100%;
	height: 25px;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 3px 15px;
	font-size: 12px;
	transition: .5s;
	float: right
}

.header-top-area .search-area input.active {
	transition: .5s;
	width: 100%
}

.header-top-area .search-area i {
	position: absolute;
	right: 10px;
	top: 5px;
	color: #000;
	cursor: pointer;
	font-size: 12px
}

.header-area {
	padding: 35px 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999
}

.header-area.header-two {
	position: relative;
	padding: 0 0
}

.header-area.header-two .main-menu ul {
	text-align: right
}

.header-area.header-two .main-menu ul li {
	display: inline-block;
	position: relative
}

.header-area.header-two .main-menu ul li:hover ul {
	opacity: 1;
	visibility: visible;
	top: 100%;
	transition: all .5s ease 0s
}

.header-area.header-two .main-menu ul li ul {
	position: absolute;
	width: 220px;
	top: 130%;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease 0s;
	z-index: 9;
	padding: 0;
	background-color: #fff;
	text-align: left
}

.header-area.header-two .main-menu ul li ul li {
	display: block;
	border-bottom: 1px solid #ddd;
	position: relative
}

.header-area.header-two .main-menu ul li ul li ul {
	top: 0!important;
	left: 0!important;
	opacity: 0!important;
	visibility: hidden!important;
	z-index: -1!important
}

.header-area.header-two .main-menu ul li ul li:hover ul {
	opacity: 1!important;
	visibility: visible!important;
	top: 0!important;
	transition: all .5s ease 0s;
	left: 220px!important;
	width: 320px
}

.header-area.header-two .main-menu ul li ul li:last-child {
	border: none
}

.header-area.header-two .main-menu ul li ul li a {
	padding: 5px 10px;
	text-transform: capitalize;
	font-size: 12px;
	color: #000;
	transition: .3s
}

.header-area.header-two .main-menu ul li ul li a:hover {
	background: #124bbc;
	color: #fff
}

.header-area.header-two .main-menu ul li:last-child a:after {
	display: none
}

.header-area.header-two .main-menu ul li a {
	display: block;
	padding: 35px 10px;
	color: #000;
	text-transform: uppercase;
	position: relative;
	transition: .3s
}

.header-area.header-two .main-menu ul li a:hover {
	color: #f53753;
	transition: .3s
}

.header-area.header-two .main-menu ul li a:after {
	position: absolute;
	right: 0;
	top: 20px;
	width: 1px;
	height: 15px;
	background: #fff;
	content: "";
	display: none
}

.header-area.header-two.stick {
	left: 0;
	right: 0;
	z-index: 99999;
	background: #000!important;
	width: 100%;
	top: 0;
	transition: .5s
}

.header-area.header-two.stick .logo-area {
	transition: .5s
}

.header-area.header-two.stick .main-menu ul li {
	transition: .5s
}

.header-area.header-two.stick .main-menu ul li a {
	color: #fff
}

.header-area.stick {
	left: 0;
	right: 0;
	z-index: 99999;
	background: #000!important;
	width: 100%;
	top: 0;
	transition: .5s
}

.header-area.stick .logo-area {
	transition: .5s
}

.header-area.stick .main-menu ul li {
	transition: .5s
}

.header-area .logo-area a {
	display: block
}

.header-area .logo-area a img {
	width: auto
}

.header-area .search-area {
	position: relative;
	overflow: hidden
}

.header-area .search-area input {
	width: 90%;
	height: 35px;
	border: 0 solid transparent;
	border-radius: 5px;
	padding: 3px 15px;
	transition: .5s;
	float: right
}

.header-area .search-area input.active {
	transition: .5s;
	width: 100%
}

.header-area .search-area i {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #000;
	cursor: pointer
}

.header-area .main-menu ul {
	text-align: right
}

.header-area .main-menu ul li {
	display: inline-block
}

.header-area .main-menu ul li:last-child a:after {
	display: none
}

.header-area .main-menu ul li a {
	display: block;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	transition: .3s
}

.header-area .main-menu ul li a:hover {
	color: #f53753;
	transition: .3s
}

.header-area .main-menu ul li a:after {
	position: absolute;
	right: 0;
	top: 20px;
	width: 1px;
	height: 15px;
	background: #fff;
	content: ""
}

@media (min-width:992px) and (max-width:1199px) {
	.header-area .main-menu ul li a {
		padding: 10px 8px
	}
}

@media (max-width:991px) {
	.cookcodesmenu_nav li a i {
		display: none
	}
	.cookcodesmenu_nav li a {
		padding: 5px 15px
	}
	.cookcodesmenu_nav li {
		line-height: 25px
	}
	.header-area {
		display: none
	}
	.cookcodesmenu_menu {
		display: block
	}
}


@media (min-width:992px) and (max-width:1199px) {
	.banner-area .banner-content h1 {
		font-size: 36px
	}
}

@media (max-width:991px) {
	.banner-area {
		min-height: 60vh;
		height: 60vh
	}
	.banner-area .banner-content h1 {
		font-size: 24px
	}
}

@media (max-width:480px) {
	.banner-area .banner-content h1 {
		font-size: 16px
	}
}





@media (max-width:480px) {
	.copyright p {
		text-align: center;
		font-weight: 400;
		color: #fff;
		padding-top: 10px;
		margin-bottom: 0!important;
		font-size: 10px!important
	}
	.breadcumb-area .info ul li {
		display: inline-block;
		margin: 5px 8px!important
	}
}

@media (max-width:338px) {
	.cookcodesmenu_btn {
		margin: -40px 5px 6px!important;
		text-decoration: none;
		border-radius: 4px;
		background-color: rgba(255, 255, 255, 0)
	}
}

.navtabbg {
	background-color: #fe5425
}

@media (max-width:780px) {
	.inner-content .main-content .nav li {
		width: 100%!important;
		border: 0 solid #ddd!important;
		margin-top: 4px!important;
		text-align: center!important
	}
}



@media (max-width:768px) {
	.testimonial-area .testimonial-slider .single-testimonial {
		background: #efefef;
		position: relative;
		padding: 50px 20px
	}
}

@media (max-width:991px) {
	.mobile-search-box {
		display: block
	}
	.main-header .logo a img {
		width: 70%;
		display: block;
		margin: 0 auto
	}
	.cookcodesmenu_menu {
		display: block!important
	}
	.main-header {
		display: none!important
	}
	.cookcodesmenu_brand img {
		width: 70%
	}
	
}

@media (max-width:767px) {
	.cookcodesmenu_menu {
		display: block!important
	}
	.main-header {
		display: none!important
	}
	.cookcodesmenu_brand img {
		width: 70%
	}
	
}

@media (max-width:480px) {
	
	.mobile-search-box ul li {
		padding: 0 5px
	}
}



@media (max-width:480px) {
	slider-button {
		height: inherit;
		position: fixed;
		top: -17rem
	}
}