/*** reset ***/

#body.microsite.ui-page {display: block!important;}

.sdg-wrapper * 		{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Open Sans', sans-serif;}
.sdg-wrapper img 	{max-width: 100%; height: auto; vertical-align: bottom;}
.sdg-wrapper a 		{outline: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}

.sdg-wrapper .clearfix:before, .sdg-wrapper .clearfix:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.sdg-wrapper .clearfix:after 								{clear: both;}
.sdg-wrapper .clearfix       								{zoom: 1;}

.sdg-wrapper h1, .sdg-wrapper h2, .sdg-wrapper h3, .sdg-wrapper h4, .sdg-wrapper h5, .sdg-wrapper p {
	padding: 0; 
	margin: 0; 
	line-height: 1.4;

}

.sdg-wrapper .sdg-mob-padding {padding: 0 1.5%;}

.innerpagemargin 			{margin: 0; width: 100%;}
.whitebg 					{background: #121111;}
.sdg-wrapper .pad20bottom	{padding: 0!important;}

.breadcrumb {display: none;}

/*** peerius fix ***/

.peerius-tiles-carousel.whitebg {
    border-radius: 0;
    background: #fff;
    border: 0px solid #fff;
}

/*** responsive video ***/

.sdg-wrapper .youvideo {position: relative; padding-bottom: 56.25%!important; padding-top: 30px!important; height: 0; overflow: hidden;}	 
.sdg-wrapper .youvideo iframe, .sdg-wrapper object, .sdg-wrapper embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.sdg-wrapper .sdg-inner, .sdg-wrapper.sdg-inner {margin: 1% auto;}

/* SEO page name */

.sdg-wrapper h1.sdg-page-title, .sdg-wrapper h1.sgd-page-name-logo {text-align: center; margin-bottom: 1%;}
	.sdg-wrapper h1.sgd-page-name-logo span {display: block;}

/* Shop All */

.sdg-wrapper .Shop-All {
	display: block;
	background: #ee0088;
	margin-top: 1%;
	color: #fff;
	text-decoration: none;
	padding: 19px 0;
	font-size: 14px;
	text-align: center;
}

/* Goldspot */

.sdg-wrapper .goldspot-desk		{display: none;}
.sdg-wrapper .goldspot-banner 	{display: block;}

/* Grid */

.sdg-wrapper ul.sdg-boxes, .sdg-wrapper ul.sdg-boxes-nm {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.sdg-wrapper .sdg-boxes li {margin-top: 2%;}
		.sdg-wrapper ul.sdg-boxes a, .sdg-wrapper ul.sdg-boxes-nm {display: block; text-decoration: none;}

/* Content in hs-1 */

.sdg-wrapper .hs-content {}

	.sdg-wrapper .hs-content img {margin: 0 auto;}
	.sdg-wrapper a.hs-content p {padding: 0 0 10px 0;}


/*** ----------------------- ***/

@media (min-width: 481px) {

/* phablet Goldspot */

.sdg-wrapper .goldspot-mobile	{display: none;}
.sdg-wrapper .goldspot-desk		{display: block;}

/* phablet Grid */

.sdg-wrapper ul.sdg-boxes li {float: left;}

	/* body box margin */

	.sdg-wrapper .sdg-box-2 li {width: 49.5%;  margin-right: 1%; margin-top: 1%;}
		.sdg-wrapper .sdg-box-2 li:nth-child(2n) {margin-right: 0;}

	.sdg-wrapper .sdg-box-3 li, .sdg-wrapper .sdg-box-5 li {width: 32.6%;  margin-right: 1.1%; margin-top: 1.1%;}
		.sdg-wrapper .sdg-box-3 li:nth-child(3n), .sdg-wrapper .sdg-box-5 li:nth-child(3n) {margin-right: 0;}

	.sdg-wrapper .sdg-box-4 li {width: 49.5%;  margin-right: 1%; margin-top: 1%;}
		.sdg-wrapper .sdg-box-4 li:nth-child(2n) {margin-right: 0;}

	/* body box no margin */

	.sdg-wrapper .sdg-box-2-nm li {width: 50%; margin: 0;}
	.sdg-wrapper .sdg-box-3-nm li, .sdg-wrapper .sdg-box-5-nm li {width: 33.33333%; margin: 0;}
	.sdg-wrapper .sdg-box-4-nm li {width: 50%; margin: 0;}

} /* 481px end */

@media (min-width: 500px) {

.sdg-wrapper .sdg-box-60 li {width: 59.5%; margin-right: 1%; margin-top: 1%;}
	.sdg-wrapper .sdg-box-60 li:nth-child(2n) {width: 39.5%; margin-right: 0%;}


.sdg-wrapper .sdg-box-40 li {width: 39.5%; margin-right: 1%; margin-top: 1%;}
	.sdg-wrapper .sdg-box-40 li:nth-child(2n) {width: 59.5%; margin-right: 0%;}


.sdg-wrapper .sdg-box-60-nm li {width: 60%; margin: 0;}
	.sdg-wrapper .sdg-box-60-nm li:nth-child(2n) {width: 40%; margin: 0;}

.sdg-wrapper .sdg-box-40-nm li {width: 40%; margin: 0;}
	.sdg-wrapper .sdg-box-40-nm li:nth-child(2n) {width: 60%; margin: 0;}

}

/*** ----------------------- ***/

@media (min-width: 768px) {

.breadcrumb {display: block;}

/* desk structure */

.sdg-wrapper .sdg-left	{float: left; width: 23%; position: relative; z-index: 10;}
.sdg-wrapper .sdg-right	{float: right; width: 76.2%;}


/* desk SEO page name */

.sdg-wrapper h1.sgd-page-name-logo {text-align: left;}
.sdg-wrapper h1.sgd-page-name-logo span {float: right;}

/* desk Shop All */

.sdg-wrapper .Shop-All {text-align: left; padding: 13px 0 13px 13px;}
	.sdg-wrapper .Shop-All:hover {background: #333; color: #fff;}

/* desk Grid */

.sdg-wrapper .sdg-box-4 li {width: 24.25%;}
	.sdg-wrapper .sdg-box-4 li:nth-child(2n) {margin-right: 1%;}
	.sdg-wrapper .sdg-box-4 li:nth-child(4n) {margin-right: 0;}

.sdg-wrapper .sdg-box-4-nm li {width: 25%;}

.sdg-wrapper .sdg-box-5 li {width: 19.2%;  margin-right: 1%; margin-top: 1%;}
	.sdg-wrapper .sdg-box-5 li:nth-child(3n) {margin-right: 1%;}
	.sdg-wrapper .sdg-box-5 li:nth-child(5n) {margin-right: 0;}

.sdg-wrapper .sdg-box-5-nm li {width: 20%;}

} /* 768px end */



/*** ----------------------- ***/

@media (min-width: 940px) {

/* desk Hover effect */

.sdg-wrapper .hs-1 a {
	position: relative;
	z-index: 1;
	color: #fff;
	background: #121111;
}

	.sdg-wrapper .hs-1 a:after {
	    content: "View more";
		font-size: 24px;
		font-weight: 600;
	    position: absolute;
	    z-index: 2;
	    top: 50%;
	    height: 30px;
	    left: 50%;
	    opacity: 0;
	    width: 200px;
	    margin: -15px 0 0 -100px;
	    text-align: center;
	}

		.sdg-wrapper .hs-1 a:hover:after {
		    opacity: 1;
		    transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
		}

	.sdg-wrapper .hs-1 a:hover img {
		opacity: .4;
		transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
	}

/* desk Content in hs-1 */
.sdg-wrapper .hs-content:after {display: none;}

} /* 940px end */



@media (min-width: 992px) {

.sdg-wrapper .sdg-mob-padding {padding: 0;}

}