@media screen and (min-width:1024px) {
	.sec-header{
		height: auto;
		text-align:center;
		transition:all ease .5s;
		-webkit-transition:all ease .5s;
		-o-transition:all ease .5s;
		-moz-transition:all ease .5s;
		-ms-transition:all ease .5s;
		width:100%
	}
	.sec-header.on .nav:after{
		display:none;
	}
	.sec-header h2,.sec-header h3, .sec-header a {
		cursor:pointer;
		font-family: poppins;
		font-weight: 400;
		color: #000
	}
	.sec-header .nav > li > h2 .down-arrow{
		background: url(../images/black-down-arrow.png) no-repeat right 3px center;
		padding-right: 10px;
	}
	.sec-header.on .nav > li > h2 .down-arrow{
		padding: 0;
		background: url(../images/black-down-arrow.png) no-repeat right 3px center;
		padding-right: 10px;
		display: inline-block;
	}
	.sec-header.on .nav > li.shop-online > h2 {
		padding: 0;
		color: #fff;
	}
	.sec-header:before{
		content:'';
		width:100%;
		background:#fff;
		position:absolute;
		top:0;
		right:0;
		z-index:-1;
		opacity:0;
		transition:all ease .6s;
		-webkit-transition:all ease .6s;
		-o-transition:all ease .6s;
		-moz-transition:all ease .6s;
		-ms-transition:all ease .6s;
	}
	.sec-header.active .opacity-img{
		content:'';
		height: 190px;
		background: url(../images/menu_bg.jpg) ;
		position:absolute;
		bottom: 0;
		right: 12%;
		z-index: 3;
		opacity: 0.15;
		width: 120px;
		background-size: cover 
	}
	.sec-header.active:before{
		opacity:1;
	}

	.shop-online {
		outline: 0;
		background: #5380F7;
		border: 0;
		position:relative;
		border-radius: 4px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		box-sizing: border-box;
		padding: 10px 40px 10px 10px;
		color: #FFFFFF;
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 1.2px;
		text-transform: uppercase;
		cursor: pointer;
		margin-left:30px;
	}
	.shop-online:focus .dropdown, .shop-online:active .dropdown {
		-webkit-transform: translate(0, 20px);
		transform: translate(0, 20px);
		opacity: 1;
		visibility: visible;
	}
	button.shop-online i {
		display: inline-block;
		width: 20px;
		height: 20px;
		position: absolute;
		right: 12px;
		top: 9px;
	}
	.shop-online .dropdown {
		position: absolute;
		top: 30px;
		left: 0;
		background: #FFFFFF;
		width: 200px;
		border-radius: 4px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
		text-align: left;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	.shop-online .dropdown:before {
		content: '';
		position: absolute;
		top: -5px;
		left: 20px;
		width: 0;
		height: 0;
		box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.05);
		border-top: 7px solid #FFFFFF;
		border-right: 7px solid #FFFFFF;
		border-bottom: 7px solid transparent;
		border-left: 7px solid transparent;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		mix-blend-mode: multiple;
	}
	.shop-online .dropdown li {
		z-index: 1;
		position: relative;
		background: #FFFFFF;
		padding: 0 20px;
		color: #666;
	}
	.shop-online .dropdown li.active {
		color: #5380F7;
	}
	.shop-online .dropdown li:first-child {
		border-radius: 4px 4px 0 0;
	}
	.shop-online .dropdown li:last-child {
		border-radius: 0 0 4px 4px;
	}
	.shop-online .dropdown li:last-child a {
		border-bottom: 0;
	}
	.shop-online .dropdown a {
		display: block;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		padding: 16px 0;
		color: inherit;
		font-size: 13px;
		text-transform: none;
		text-decoration: none;
	}

	@-webkit-keyframes ripple {
		0% {
			box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1);
		}
		100% {
			box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0);
		}
	}

	@keyframes ripple {
		0% {
			box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1);
		}
		100% {
			box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0);
		}
	}

	.nav{
		display:inline-block;
	}
	.nav h2{
		font-size:15px;
		color:#000;
		text-transform: uppercase;
		cursor:pointer;
	}
	.nav h3{
		font-weight:400;
	}
	.nav > li{
		position: static;
		float:left;
		padding-left: 25px
	}
	.nav > li h2 a {
		min-height: 72px;
		display: inline-block;
		line-height: 66px;
		position: relative;
	}
	.nav > li h2 a:after {
		content: '';
		position: absolute;
		top: 71px;
		left: 50%;
		width: 0;
		height: 3px;
		background-color: #2a2f44;
		transform: translateX(-50%);
	}
	.nav > li:hover h2 a:after, .nav > li.active h2 a:after{
		width:100%;
		transition:width .5s ease-in-out
	}
	.nav > li:hover h2 a, .nav > li.active h2 a {
		color: #2a2f44 
	}
	.header-fixed .nav > li h2 a:after {
		top: 69px;
	}
	.nav {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		min-height: 75px;
		-moz-transition: all .1s ease-in-out;
		-webkit-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
	}
	.nav > li h2{
		color:#000;
		font-size:15px;
	}
	.nav > li h2.active {
		color: #2c87b1
	}
	.nav > li h3{
		color:#000;
		font-size:16px;
		font-weight:500;
	}
	.nav > li h3 a{
		color: #000;
		text-transform: uppercase;
		transition:all ease .3s;
		-webkit-transition:all ease .3s;
		-o-transition:all ease .3s;
		-moz-transition:all ease .3s;
		-ms-transition:all ease .3s;
	}
	.nav > li h3 a:hover{
		color:#000;
	}
	.nav > li h3 a:hover{
		color:#2c87b1;
	}
	.nav > li > a{
		color:#666;
		font-size:16px;
	}
	.nav > li.mobnav {
		display: none;
	}
	.nav > li > ul{
		width:100%;
		height:0;
		padding:0;
		overflow:hidden;
		width:100%;
		position:absolute;
		top:121px;
		left:0;
		text-align:center;
		background: #fff;
	}
	.header-fixed .nav > li > ul {
		top: 70px
	}
	.nav > li > ul > li{
		display:inline-grid;
		text-align:left;
		padding:0 35px;
		opacity:0;
		transition:all ease .6s;
		-webkit-transition:all ease .6s;
		-o-transition:all ease .6s;
		-moz-transition:all ease .6s;
		-ms-transition:all ease .6s;
	}
	.nav > li > ul > li > h3{
		margin:0 0 20px;
	}
	.nav > li > ul > li > a{
		display:block;
		padding:5px 0;
		transition:all ease .3s;
		-webkit-transition:all ease .3s;
		-o-transition:all ease .3s;
		-moz-transition:all ease .3s;
		-ms-transition:all ease .3s;
		color:#666;
	}
	.nav > li > ul > li > a:hover{
		color:#2c87b1;
	}
	.nav > li > ul > li > a:last-child {
		color: #334365;
	}
	.nav > li.open h2{
		position:relative;
	}
	.nav > li.open .depth-1{
		height:0;
	}
	.nav > li.open .depth-2{
		height:100px;
	}
	.nav > li.open .depth-3{
		height:320px;
	}
	.nav > li.open .depth-4{
		height:0;
	}
	.nav > li.open .depth-5{
		height:0;
	}
	.nav > li.open ul > li{
		opacity:1;
		margin-top:40px;
	}
	.nav > li.about-us.open ul > li {
		margin-top: 40px;
	}
}
@media screen and (max-width:1199px) {
	.nav > li {
		padding-left: 15px;
	}
	.nav > li h2 a {
		font-size: 14px;
	}
	.nav > li > ul > li {
		padding: 0 20px;
	}
	.nav > li > ul > li h3, .nav > li > ul > li a {
		font-size: 14px;
	}
	.wedding-text h3 {
		font-size: 25px;
		letter-spacing: 0;
	}
	.strip {
		margin: 10px auto;
	}
	.container-block-2 .title {
		font-size: 4rem;
	}
	.container-block-2 .caption {
		font-size: 2rem;
	}
}
@media screen and (max-width:1023px) {
	.split-slider {
		margin-top: 120px;
		height: auto;
	}
	.rightnav {
		position: relative;
	}
	.btn-category {
		position:absolute;
		top: 65px;
		right:0px;
		width: 30px;
		height: 25px;
		cursor:pointer;
		padding: 10px;
		-moz-transition: all .200s ease-in-out;
		-webkit-transition: all .200s ease-in-out;
		transition: all .200s ease-in-out;
	}
	.btn-category .bar {
		position: absolute;
		left:0;
		width:100%;
		width:100%;
		height: 3px;
		display: block;
		border:0;
		background: #000;
		transition:opacity 0.3s, top 0.3s, transform 0.5s;
		transition-delay:0.3s, 0.3s, 0s;
	}
	.on .btn-category .bar{
		background:#000;
	}
	.btn-category .bar:nth-child(1) {
		top: 2px;
		transform:rotate(0);
	}
	.btn-category .bar:nth-child(2) {
		top:11px;
		opacity:1;
	}
	.btn-category .bar:nth-child(3) {
		top: 20px;
		transform:rotate(0);
	}
	.btn-category.map .bar {
		background:#000;
		transition:background 1s, opacity 0.3s, top 0.3s, transform 0.5s;
		transition-delay:0s, 0s, 0s, 0.3s;
	}
	.btn-category.map .bar:nth-child(1) {
		top:11px;
		background:#000;
		transform:rotate(-45deg)
	}
	.btn-category.map .bar:nth-child(2) {
		opacity:0
	}
	.btn-category.map .bar:nth-child(3) {
		top:11px;
		background:#000;
		transform:rotate(45deg)
	}
	.scr .header-fixed #sitemap.open {
		top: 70px;
		height: calc(100% - 70px);
	}
	#sitemap > ul > li a, #sitemap > ul > li h2 {
		font-size: 20px;
		color: #000;
	}
	.nav > li > ul {
		margin-top: 8px;
	}
	#sitemap{
		position:fixed;
		top:120px;
		right:-100%;
		width:100%;
		height:calc(100% - 120px);
		background:#fff;
		padding:50px 20px;
		z-index:10;
		transition:all ease .5s;
		-webkit-transition:all ease .5s;
		-o-transition:all ease .5s;
		-moz-transition:all ease .5s;
		-ms-transition:all ease .5s;
		overflow: hidden;
		overflow-y:auto;
	}
	.header-fixed #sitemap {
		top:70px;
	}
	#sitemap > ul{
		max-width:1280px;
		overflow:hidden;
		margin:0 auto;
	}

	#sitemap > ul > li h3{
		color:#333;
	}
	#sitemap > ul > li > ul > li > a{
		color:#000;
		font-size:14px;
		padding:5px 0;
		display:none;
	}
	#sitemap > ul > li h3 > a:hover{
		color:#014099;
	}
	#sitemap > ul > li > ul > li > a:hover{
		color:#014099;
	}
	#sitemap.open{
		right:0;
	}
	.nav {
		display: inline-block;
		align-items: center;
		justify-content: flex-end;
		min-height: 73px;
		-moz-transition: all .1s ease-in-out;
		-webkit-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
	}
	.nav > li > ul > li {
		display: inline-block;
	}
	.nav > li.mobnav {
		display: block;
	}
	.shop-online {
		display: none !important;
	}
	#sitemap > ul > li > ul > li.m-open{
		height:auto;
	}
	#sitemap{
		background:rgba(0,0,0,0.5);
	}
	#sitemap > ul > li {
		width:100%;
		float:none;
		margin:0 0 15px 0;
		padding:0 15px 15px 15px;
		border-bottom:1px solid #ccc;
	}
	#sitemap > ul > li h2{
		color:#014099;
	}
	#sitemap > ul > li > ul > li{
		height:auto;
		overflow:hidden;
		margin:0;
		width: 100%;
		padding: 0px;
		margin-top: 10px;

	}
	#sitemap > ul > li > ul > li.m-open{
		height:auto;
	}
	#sitemap > ul > li h2.down-arrow{
		background:url('../images/black-down-arrow.png') no-repeat center right;
		margin:0;
	}
	#sitemap > ul > li > ul > li > h3 > a{
		display:block;
		background: #fff;
		font-size: 15px;
		text-transform: uppercase;
	}
	.nav > li > ul {
		position: static;
		overflow: scroll;
	}
	.nav > li > ul {
		width: 100%;
		height: 0;
		padding: 0;
		overflow: hidden;
		width: 100%;
		background: #fff;
	}
	#sitemap > ul{
		max-width:375px;
		padding:20px;
		background:#fff;
		position:absolute;
		right:0;
		top:0;
		width:100%;
		height: 100%;
		overflow: scroll;
	}
	.nav > li.open .depth-1, .nav > li.open .depth-2, .nav > li.open .depth-3, 
	.nav > li.open .depth-4, .nav > li.open .depth-5 {
		height: auto
	}
}
@media screen and (max-width:991px) {
	.wedding_left {
		margin-top: 20px;
	}
	.container-block-2 .block-left, .container-block-2 .block-right {
		width: 50%;
		float: left;
	}
	.about img {
		display: none
	}
	.brands h4 {
		margin: 0px 0 20px 0;
	}
	.abtdtls {
		width: 100%;
		padding-top: 0;
		padding-left: 0;
		margin-bottom: 20px;
	}
	.embed-responsive img {
		display: none;
	}
	.fast-text-container {
		margin-top: 40px;
	}
	.fast-text-container h2 {
		margin-bottom: 15px;
	}
	.fast-text {
		padding-left: 0;
		padding: 0 15px 15px;
		border-left: none;
		border-bottom: 1px solid #ccc;
	}
	.vision .col-md-4 {
		display: none
	}
	.vision .col-md-8 {
		padding-left: 15px;
	}
	.vision .col-md-8 img {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.brandslst li {
		width: 32%;
	}
	.contact-box-content .text-holder .opening-hours {
		max-width: 100%;
	}
	.quick-contact-box {
		margin-top: 10px;
		margin-bottom: 30px;
	}
}
@media screen and (max-width:768px) {
	.btn-category, .btn-category.map{
		right:0px;
	}
	.sub-depth-2 {
		display: none;
	}
	.sub-visual h1 {
		font-size: 50px;
		padding: 130px 20px 70px;
	}
	.prodlist .prodcard {
		width: 50%;
	}
	.singimgblk {
		width: 100%;
		float: none;
	}
	.singdtlblk {
		width: 100%;
		float: none;
		padding-top: 30px;
		padding-left: 0;
	}
	.brandslst li {
		width: 50%;
	}
	.help {
		display: block;
	}
	.help li {
		width: 100%;
		margin-bottom: 15px;
	}
	.help li .helpblk p {
		min-height: auto;
	}
}

@media screen and (max-width:650px) {
	.topnav li {
		display: none
	}
	.split-slider {
		margin-top: 90px;
		height: auto;
	}
	.btn-category {
		top: 30px;
	}
	header.header-fixed .rightnav {
		margin-top: -10px;
	}
	.slide__caption {
		font-size: 20px;
		line-height: 40px;
	}
	.slide__caption span b, .slide__caption span strong {
		display: block;
		margin-left: 0px;
		font-size: 28px;
		font-weight: 400;
	}
	header .logo img {
		padding: 5px 0;
		height: 90px;
	}
	header:before {
		top: 90px;
	}
	.blockbanner a {
		display: block;
		margin-bottom: 15px;
	}
	.blockbanner a img {
		width: 100%;
	}
	.about .about-more {
		margin-bottom: 20px;
	}
	footer .row .col.l4 {
		display: block;
		width: 100%;
		float: none;
	}
	footer .row .col.l2 {
		display: none;
	} 
	.page-footer .row .col.l2:first-child {
		display: block;
		width: 100%;
		float: none;
	}
	footer .row .col.l2 img {
		height: 100px;
		margin-bottom: 20px;
		padding-left: 20px;
	}
	footer .row .col ul {
		margin-top: 0px;
		padding-left: 20px;
	}
	#sitemap {
		position: fixed;
		top: 90px;
		height: calc(100% - 90px);
	}
	.about h6 {
		font-size: 35px;
	}
	#sitemap > ul {
		max-width: 100%;
	}
	.container-block-2 .block-left, .container-block-2 .block-right {
		width: 100%;
		float: none;
	}
	.brandslst li {
		width: 100%;
	}
}