@import url("generic.css");
@import url("top-menu.css");
@import url("slide-shoppingcart.css");
@import url("slideshow-carousel.css");
@import url("carousel.css");
@import url("gallery.css");
@import url("subpages.css");


/*= font-family: 'Montserrat', sans-serif;
	font-family: 'Shadows Into Light', cursive; =*/


/*===== GENERIC =*/
::selection {/* WebKit/Blink Browsers */
	background: #d7e129; 
	color:#252525;
}
::-moz-selection {/* Gecko Browsers */
	background: #d7e129; 
	color:#252525;
}

body {
	font-family: 'Montserrat', sans-serif;
	font-size:17px;
	line-height:26px;
	font-weight:400;
	color:#999;
	letter-spacing:0.02em;
}
a, a:focus,
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):hover {color:#d1071f;}
a:hover {color:#252525;}

a.moreInfo {color:#d1071f;}
a.moreInfo span {
	left: 50%;
	width: 0;
	border-bottom-color:#d1071f;
}
a.moreInfo:hover span {
	width: 100%;
	left:0;
}

p {
	padding:0;
	margin:0 0 25px 0;
}

.BreadCrumbs { margin-top:0;}

.btn {
	font-size:18px;
	line-height:22px;
	font-weight:400;
	letter-spacing:0.04em;
	padding:20px 20px 19px;
	min-width:220px;
	text-transform:uppercase;
}
.btn:hover, .btn:focus, .btn.focus, .btn:active:focus {
    box-shadow: none !important;
}
.Theme.btn {
	background:#d1071f;
	color:#fff;
}
.Theme.btn:hover, 
.Theme.btn:focus, 
.Theme.btn.focus {
	background:#252525;
	color:#fff;
}

.Theme.btn.Dark {background:#252525;}
.Theme.btn.Dark:hover, 
.Theme.btn.Dark:focus, 
.Theme.btn.Dark.focus {background:#d1071f;}

.Theme.btn.Color {
	background:#d7e129;
	color:#252525;
	font-weight:500;
}
.Theme.btn.Color:hover, 
.Theme.btn.Color:focus, 
.Theme.btn.Color.focus {
	background:#d1071f;
	color:#fff;
}

.Theme.btn.AnchorBtn a {
	color:#fff;
	padding:20px 20px 19px;
}
.Theme.btn.Color.AnchorBtn a { color:#252525;}
.Theme.btn:hover.Color.AnchorBtn a { color:#fff;}


@media All and (max-width:1370px) {
	.btn {
		font-size:16px;
		min-width:170px;
		padding:14px 20px 13px;
	}
	.Theme.btn.AnchorBtn a {padding:14px 20px 13px;}
}

@media All and (max-width:760px) {
	.btn {
		font-size:14px;
		min-width:150px;
		padding:11px 20px;
		font-weight:500;
	}
	.Theme.btn.AnchorBtn a {padding:11px 20px;}
}

/***** Loader */
#preloader { background-color: #fff;}
#status {
    width:80px;
    height:80px;
    margin: -40px 0 0 -40px;
}
#status:before {display:none;}

.form-control {
	padding:15px 18px;
	font-size:15px;
	line-height:22px;
	color:#252525;
	font-weight:normal;
	border-color:#eee;
		-webkit-border-radius:3px;
	border-radius:3px;
}
.form-control:focus {
	/*border-color:#333;
	color:#333;*/
}


.FieldWrapp {/*background:#fff;*/}
.FieldWrapp label {
	font-size:15px;
	line-height:22px;
	color:#888;
	font-weight:normal;
	top:16px;
	left:18px;
}
.IconField label { left:60px;}

.FieldWrapp input:focus + label,
.FieldWrapp textarea:focus + label {
	top:-20px;
	left:0px;
	color:#252525;
}
.FieldWrapp input.not_empty,
.FieldWrapp textarea.not_empty {
	border-color:#252525;
}

.theme-bg-dark { background:#252525; color:#fff;}
.theme-bg-light { background:#eeeeee; color:#fff;}
.theme-bg-bright { background:#d1071f; color:#fff;}
.theme-bg-color { background:#d7e129; color:#252525;}

.theme-color-body { color:#999; /* Grey */}
.theme-color-dark { color:#252525; /* Black */}
.theme-color-light { color:#555; /* 2nd Color */}
.theme-color-white { color:#fff; /* 3rd Color */}
.theme-color-bright { color:#d1071f; /* 4th Color */}

.ImgZooom {
	position:relative;
	text-align:center;
	overflow:hidden;
}
.ImgZooom img {
	width:100%;
	cursor:crosshair;
		-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
		-webkit-transform:scale(1);
	transform:scale(1);
}
.ImgZooom:hover img {
		-webkit-transform:scale(1.2);
	transform:scale(1.2);
}

#SuccesMessage.alert {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1010;
}

.MyBox .modal-header {padding:20px 30px;}
.MyBox .modal-content .modal-body {padding:30px;}
.MyBox .modal-footer {padding:20px 30px;}


/****************************************
	Layout
****************************************/
	.MainWrapper {
		max-width:1320px;
		display:block;
		margin:0px auto;
		position:relative;
	}
	
	.InnerWrapper {
		max-width:90%;
		margin:0 auto;
	}


	/**===== TOP HEADER ==**/
	#TopHead {
		width:100%;
		position:relative;
		z-index:1001;
		height:auto !important;
	}
	#TopHeadHeightFixed { display:none;}
	
	#TopHead .MainWrapper {max-width:90%;}
	
	#TopHead .UperRow {
		text-align:left;
		padding:10px 0;
		background:#fff;
	}

	.UperRow .Logo {
		display:inline-block;
		margin:0;
		height:80px;
	}
	
	.UperRow .TopSearch {
		width:25%;
		position:absolute;
		left:40%;
		top:13px;
	}
	
	.UperRow .TopSearch .form-control,
	.UperRow .TopSearch .FieldWrapp label {
		font-size:13px;
		font-weight:500;
	}
	
	.UperRow .TopSearch .SearchWrapper .TextRemove { top:14px;}
	
	.SearchWrapper button[type=button],
	.SearchWrapper button[type=submit] {
		background: none;
		height: 54px;
		width: 45px;
		line-height:60px;
		text-align: center;
		position: absolute;
		top: 0;
		right: 0;
		color: #fff;
		border: none;
		z-index: 10;
	}
	
	.SearchWrapper button svg {
		position:relative;
		height:17px;
		top:-5px;
	}
	
	#TopHead .UperRow .TopIcons {
		position: absolute;
		right: 0;
		top: 25px;
	}
	#TopHead .UperRow .TopIcons ul,
	#TopHead .UperRow .TopIcons ul li {
		margin:0;
		padding:0;
		list-style:none;
	}
	#TopHead .UperRow .TopIcons ul li {
		display:inline-block;
		margin-left:15px;
	}
	#TopHead .UperRow .TopIcons ul li svg {
		height:28px;
		fill:#252525;
		position:relative;
	}
	
	#TopHead .UperRow .TopIcons ul li.Mobile { display:none;}

	#TopHead .BotmRow {
		background:#eeeeee;
		border-top:1px solid #ddd;}

@media All and (min-width:991px) {
	#TopHead.th_active { }
	#TopHead.th_active .Logo img { }
}



	/*===== HEADING STYLE ==*/
	.TitleStyle {
		position:relative;
		text-align:Left;
		margin-bottom:30px;
	}

	.TitleStyle .Top {
		font-size:30px;
		line-height:30px;
		font-weight:400;
		color:#d1071f;
		margin-bottom:10px;
	}

	.TitleStyle .Bottom {
		font-size:70px;
		line-height:70px;
		font-weight:800;
		color:#252525;
	}

	.TitleStyle.Center { text-align:center;}

	.SubHeading {
		font-size:20px;
		line-height:22px;
		font-weight:500;
		color:#252525;
		position:relative;
		margin-bottom:10px;
	}



	/**===== BODY CONTENTS ==**/
	.WhiteWrapper, .GreyWrapper, .DarkWrapper, .LightWrapper, .ColorWrapper {
		position:relative;
		padding:100px 0 70px 0;
	}
	.WhiteWrapper { background:#fff;}
	.GreyWrapper { background:#aaa;}
	.DarkWrapper { background:#252525;}
	.LightWrapper { background:#eee;}
	.ColorWrapper { background:#d1071f;}



	/*===== DESIGN LAYOUT ==*/
	.MainCategory {
		padding-top:30px;
	}
	.MainCategory>.row { margin:0;}
	.MainCategory>.row>* { padding:0;}
	
	.MainCategory .LeftBox {
		position:relative;
		margin-bottom:89px;
	}
	.MainCategory .LeftBox .Image {
		overflow:hidden;
		position:relative;
		background:#000;
	}
	.MainCategory .LeftBox .Image::before {
		content:"";
		border:1px solid rgba(255,255,255,0.25);
		position:absolute;
		top:20px;
		right:20px;
		bottom:20px;
		left:20px;
		z-index:1;
	}
	.MainCategory .LeftBox .Image img {
		opacity:.7;
			-webkit-transition: 0.5s ease;
    	transition: 0.5s ease;
	}
	.MainCategory .LeftBox:hover .Image img {
		opacity:1;
			-webkit-transform: scale(1.15);
    	transform: scale(1.15);
	}
	
	.MainCategory .LeftBox .Caption {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height:100%;
		text-align: center;
		z-index: 2;
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
	
	.MainCategory .Tagline {
		font-family: 'Shadows Into Light', cursive;
		font-size:50px;
		line-height:50px;
		font-weight:400;
		color:#d7e129;
		padding-bottom:5px;
	}
	.MainCategory .Title {
		font-size:50px;
		line-height:50px;
		font-weight:800;
		color:#252525;
		margin-bottom:5vh;
	}
	
	.MainCategory .LeftBox .Title { color:#fff;}
	.MainCategory .RightBox .Tagline { color:#d1071f;}
	
	.MainCategory .RightBox {
		text-align:center;
		padding:50px 100px 100px 100px;
	}
	.MainCategory .RightBox .btn { margin-bottom:5vh;}
	
	.Link {
		font-size:15px;
		line-height:16px;
		font-weight:700;
		text-transform:uppercase;
		text-align:right;
		position:relative;
		letter-spacing:1px;
	}
	.Link span {
		background:#fff;
		position:relative;
		z-index:1;
		padding-left:4px;
	}
	
	.Link::before {
		content:"";
		width:100%;
		height:1px;
		background:#ddd;
		position:absolute;
		bottom:3px;
		left:0;
	}
	
	
	.Beauty.ParallaxWrapp { background-position:top center;}
	.Beauty.ParallaxWrapp>div {
		background:none;
		padding:15vh 0;
	}
	
	.Beauty .TitleStyle .Top {
		color:#252525;
		font-weight:700;
	}
	.Beauty .TitleStyle .Bottom {
		max-width:700px;
		color:#fff;
		font-weight:100;
		font-size:5vw;
		line-height:0.9em;
	}
	
	
	.MainItem { padding-top:100px;}
	.MainItem .row { margin:0;}
	.MainItem .row>* { padding:0;}
	
	.MainItem .row>* {
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
	
	.MainItem .Contents .TitleStyle {
		position:relative;
		left:-100px;
	}
	.MainItem .Contents .Inner { padding-left:100px;}
	
	
	.BannerWrapp {
		position:relative;
		margin-bottom:30px;
	}
	
	.BannerWrapp .BorderText {
		font-size: 15vw;
		line-height: 1em;
		text-align: left;
		font-weight: 900;
		position: absolute;
		left: 50px;
		top: 100px;
		-webkit-text-stroke: 2px rgba(255,255,255,0.3);
		-webkit-text-fill-color: transparent;
	}
	
	.BannerWrapp .Caption {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 70%;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.BannerWrapp .Caption .Top {
		font-size:20px;
		line-height:20px;
		letter-spacing:10px;
		text-transform:uppercase;
		color:#000;
		font-weight:600;
	}
	.BannerWrapp .Caption .Title {
		font-size:70px;
		line-height:70px;
		text-transform:uppercase;
		color:#fff;
		font-weight:800;
		margin-bottom:3vh;
	}
	.BannerWrapp .Caption .Tagline {
		font-size:30px;
		line-height:30px;
		color:#000;
		font-weight:600;
		margin-bottom:3vh;
	}


	/*= Category */
	.CategryBox {
		position:relative;
		margin-bottom:30px;
	}
	.CategryBox .Image {
		overflow:hidden;
		position:relative;
		background:#000;
	}
	.CategryBox .Image::before {
		content:"";
		border:1px solid rgba(255,255,255,0.25);
		position:absolute;
		top:10px;
		right:10px;
		bottom:10px;
		left:10px;
		z-index:1;
	}
	.CategryBox .Image img {
		width:100%;
		opacity:.65;
			-webkit-transition: 0.5s ease;
    	transition: 0.5s ease;
	}
	.CategryBox:hover .Image img {
		opacity:1;
			-webkit-transform: scale(1.15);
    	transform: scale(1.15);
	}
	
	.CategryBox .Caption {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		z-index: 2;
		overflow: hidden;
		padding: 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.CategryBox .Caption .Title {
		font-size:20px;
		line-height:22px;
		font-weight:800;
		letter-spacing:1px;
		color:#fff;
		text-transform:uppercase;
		margin-bottom:0;
		position:relative;
			-webkit-transition: 0.5s ease;
    	transition: 0.5s ease;
	}
	.CategryBox:hover .Caption .Title { opacity:0;}
	
	.CategryBox .Caption .btn {
		position:absolute;
		z-index:10;
		top:-100%;
		left:50%;
		margin-top:-25px;
		margin-left:-88px;
			-webkit-transition: 0.3s ease;
    	transition: 0.3s ease;
	}
	.CategryBox:hover .Caption .btn {top:50%;}
	
	
	/*= Products */
	.Item {
		position:relative;
		background:#eee;
		border:1px solid #ddd;
		padding:20px;
			-webkit-transition: 0.5s ease;
		transition: 0.5s ease;
		text-align:center;
		margin:15px 0;
	}
	.Item:hover {
		border-color:#fff !important;
		background:#fff;
			-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
		box-shadow:0 0 15px rgba(0,0,0,0.2);
	}

	.Item .Pic {
		position:relative;
		overflow:hidden;
		margin-bottom:20px;
		background:#eee;
	}
	.Item .Pic img {
			-webkit-transition: 0.5s ease;
		transition: 0.5s ease;
	}
	.Item:hover .Pic img {
			-webkit-transform: scale(1.15);
		transform: scale(1.15);
	}

	.Item .TagCatg {
		font-size:13px;
		line-height:18px;
		font-weight:500;
		color:#aaa;
		text-transform:uppercase;
		letter-spacing:1px;
	}
	.Item .TagCatg a { color:#aaa;}
	.Item .TagCatg a:hover { color:#252525;}
	
	.Item .Name {
		font-size:17px;
		line-height:21px;
		color:#252525;
		font-weight:600;
		width:100%;
		text-overflow: ellipsis; 
		overflow: hidden; 
		white-space: nowrap;
		margin-bottom:5px;
	}
	.Item .Name a { color:#252525;}
	.Item .Name a:hover { color:#d1071f;}

	.Item .starrr {
		font-size: 16px;
		line-height: 22px;
		margin-bottom:5px;
	}
	.Item .starrr-count { display:none;}

	.Item .Price {
		font-size:20px;
		line-height:24px;
		color:#d1071f;
		font-weight:500;
		margin-bottom:10px;
	}

	.Item .btn {
		min-width:120px;
		background:#ddd;
		font-size:14px;
	}
	.Item:hover .btn { background:#d1071f;}
	.Item:hover .btn:hover { background:#d7e129;}
	.Item .Theme.btn.AnchorBtn a {padding: 10px 10px 9px;}


	.Item .ShortInfo {
		position:absolute;
		bottom:-100%;
		left:50%;
		margin-left:-44px;
		margin-bottom:-20px;
			-webkit-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.Item:hover .ShortInfo { bottom:50%;}
	.Item .ShortInfo ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	.Item .ShortInfo ul li {
		margin:0 1px;
		padding:0;
		display:inline-block;
	}
	.Item .ShortInfo ul li a {
		height:40px;
		width:40px;
		line-height:40px;
		font-size:20px;
		color:#252525;
		background:#d7e129;
		text-align:center;
		display:inline-block;
			-webkit-border-radius:100%;
		border-radius:100%;
	}
	.Item .ShortInfo ul li a:hover {
		background:#d1071f;
		color:#fff;
	}
	.Item .ShortInfo .fa-zoom::before {
		content:"\0271A";
		font-style:normal;
	}
	.Item .ShortInfo .fa-order::before {
		content:"\0270E";
		font-style:normal;
	}


	/*===== FOOTER ==*/
	#Footer {
		background:#252525;
		font-size:14px;
		line-height:18px;
		color:#888;
	}
	
	#Footer .Newsletter {
		background:#eee;
		padding:15px 0;
		text-align:center;
	}
	#Footer .Newsletter .Title {
		font-size:16px;
		line-height:18px;
		font-weight:700;
		color:#252525;
		margin-bottom:15px;
		text-transform:uppercase;
	}
	
	#Footer .Newsletter .FieldWrapp {
		background:#fff;
			-webkit-border-radius: 3px;
    	border-radius: 3px;
	}
	#Footer .Newsletter .form-control {border-color:#fff;}
	#Footer .Newsletter .FieldWrapp .not_empty + label { display:none;}
	
	#Footer .Newsletter button[type=button],
	#Footer .Newsletter button[type=submit] {
		background: none;
		border: none;
		height: 54px;
		width: 50px;
		line-height:54px;
		text-align: center;
		position: absolute;
		top: 0;
		right: 0;
		color: #252525;
		z-index: 10;
	}
	
	#Footer .Newsletter button svg {
		position:relative;
		height:15px;
		top:-4px;
		fill:#252525;
	}
	
	#Footer .FootLink { padding:60px 0 50px 0;}
	#Footer .FootLink>ul {
		margin:0;
		padding:0;
		list-style:none;
		display:flex;
	}
	#Footer .FootLink>ul>li {
		margin:0;
		padding:0;
		flex-grow:1;
	}
	
	#Footer .FootLink>ul li ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#Footer .FootLink>ul li ul li {
		margin:0 0 10px 0;
		padding:0;
	}
	#Footer .FootLink>ul li ul li.Title {
		font-size:14px;
		line-height:16px;
		text-transform:uppercase;
		color:#fff;
		font-weight:600;
		margin-bottom:20px;
	}
	
	#Footer .FootLink>ul li ul li a {
		font-size:14px;
		line-height:18px;
		color:#888;
		font-weight:500;
	}
	#Footer .FootLink>ul li ul li a:hover { color:#fff;}


	#Footer .Copyright {
		border-top:1px solid #333;
		padding-top:30px;
		padding-bottom:30px;
		text-align:center;
		line-height:24px;
		font-size:14px;
		line-height:18px;
		font-weight:500;
	}
	#Footer .Inline {display: inline-block;}
	#Footer .Hide {
		padding: 0 5px;
		color: #888;
	}
	
	#Footer .Copyright a { color:#fff;}
	
	.PaymentCard {
		height:70px;
		width:176px;
		background-image:url(../images/images.png);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#Footer .Copyright .PaymentCard { display:none;}



/****************************************
	MEDIA QUERIES
****************************************/

@media All and (max-width:1600px) {
	.TitleStyle .Bottom,
	.BannerWrapp .Caption .Title {
		font-size: 50px;
		line-height: 50px;
	}
}
/***** for 1400px or less ===========*/
@media All and (max-width:1480px) {
	.MainWrapper {
		margin:0px 5%;
		max-width:100%;
	}
	
	.MainCategory .Title {
		font-size: 34px;
		line-height: 38px;
		font-weight:700;
	}
	.MainCategory .Tagline {
		font-size: 34px;
		line-height: 32px;
	}
}

@media All and (max-width:1370px) {
	.MainCategory .RightBox {
		padding: 50px;
	}
	.MainCategory .LeftBox { margin-bottom: 30px;}
	.MainItem .Contents .Inner {padding-left: 50px;}
}


/***** for 1280px or less ===========*/
@media All and (max-width:1280px) {
	.Beauty .TitleStyle .Top {
		color:#252525;
		font-weight:700;
	}
	.Beauty .TitleStyle .Bottom {
		max-width:600px;
		font-weight:200;
		font-size:4vw;
		line-height:1em;
	}
	
	.TitleStyle .Bottom,
	.BannerWrapp .Caption .Title {
		font-size: 34px;
		line-height: 34px;
	}
	.TitleStyle .Top,
	.BannerWrapp .Caption .Tagline {
		font-size: 22px;
		line-height: 24px;
		font-weight: 500;
	}
	.BannerWrapp .Caption .Top { letter-spacing:5px;}
	.BannerWrapp .BorderText { top:50px;}
}

@media All and (max-width:1199px) {
	.MainWrapper { margin:0px 5%;}
	#TopHead .MainWrapper {max-width:100%;}
	
	.Beauty .TitleStyle .Top {
		font-size:20px;
		line-height:20px;
		font-weight:600;
	}
	.Beauty .TitleStyle .Bottom {
		max-width:500px;
		font-weight:300;
		font-size:36px;
	}
	
	.MainItem {padding-top: 50px;}
	.TitleStyle .Top {
    	font-size: 20px;
		line-height: 22px;
		margin-bottom: 5px;
	}
	.MainItem .Contents .Inner {padding-left: 0;}
	
	.MainItem .Contents { margin-top:30px;}
	.MainItem .Contents .TitleStyle { left:auto;}
	.MainItem .Contents .Inner { padding-left:0;}
	
	#Footer .FootLink>ul>li.HideMobile { display:none;}
	#Footer .Copyright .PaymentCard {
		display:block;
		margin:0 auto 15px;
	}
}

@media All and (max-width:1024px) {
	.BanrTwo .Inner {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}


/***** for 1024px or less ===========*/
@media All and (max-width:991px) {
	.ParallaxWrapp { background-attachment:scroll;}
	#TopHead {
		background:#fff;
		height:60px !important;
		position:fixed;
			-webkit-box-shadow:0 2px 3px rgba(0,0,0,.2);
		box-shadow:0 2px 3px rgba(0,0,0,.2);
	}
	
	#TopHeadHeightFixed {
		display:block;
		height:60px;
	}
	#TopHead .MainWrapper { margin:0;}
	
	#TopHead .UperRow {
		text-align: left;
		padding:0;
	}
	.UperRow .Logo {
		float:none;
		margin:5px 0 5px 20px;
		height:50px;
	}
	
	.UperRow .TopSearch { display:none;}
	#TopHead .UperRow .TopIcons ul li.Mobile { display:inline-block;}
	
	#TopHead .UperRow .TopIcons {
		right: 75px;
		top: 14px;
	}
	#TopHead .UperRow .TopIcons ul li {margin-left: 11px;}
	#TopHead .UperRow .TopIcons ul li svg {height: 24px;}
	#TopHead .UperRow .TopIcons ul li.Mobile svg {height: 22px;}
	
	#TopHead .BotmRow {
		background: none;
		border-top: none;
	}
	
	.MainCategory { padding-top: 0;}
	
	.MainCategory .RightBox,
	.MainCategory .Lrg {padding: 30px 5%;}
	
	.MainCategory .Title { margin-bottom:2.5vh;}
	
	p { margin-bottom:20px;}

	.WhiteWrapper, .GreyWrapper, .DarkWrapper, .LightWrapper, 
	.ColorWrapper, .ParallaxWrapp > div { padding: 40px 0 20px 0;}
	
	.BannerWrapp .BorderText {
		font-size: 14vw;
		left: 25px;
		top: 40px;
	}
	
	#Footer .FootLink>ul { display:block;}
	#Footer .FootLink>ul>li {
		float:left;
		width:33.33%;
	}
}


/***** for 768px or less ===========*/
@media All and (max-width:768px) {

}

@media All and (max-width:767px) {

}

@media All and (max-width:760px) {
	body {
		font-size: 15px;
		line-height: 22px;
		font-weight:400;
	}
	
	.MainCategory .Title {
		font-size: 21px;
		line-height: 22px;
	}
	.MainCategory .Tagline,
	.TitleStyle .Bottom,
	.BannerWrapp .Caption .Title {
		font-size: 20px;
		line-height: 22px;
		font-weight:700;
	}
	
	.TitleStyle .Top,
	.BannerWrapp .Caption .Top {
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 0;
		font-weight: 600;
		letter-spacing:0;
	}
	
	.BannerWrapp .Caption .Title { margin-bottom:10px;}
	.BannerWrapp .Caption .Tagline {
		font-size: 15px;
		line-height: 18px;
		font-weight: 600;
	}
	
	.MainCategory .LeftBox .Image::before {
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
	}
	
	.Beauty .TitleStyle .Top {
		font-size: 16px;
		line-height: 18px;
		margin:15px;
	}
	.Beauty .TitleStyle .Bottom {
		font-weight: 400;
		font-size: 26px;
	}
	
	.Beauty.ParallaxWrapp,
	.Beauty.ParallaxWrapp .TitleStyle { text-align:center;}
	
	#Footer .FootLink>ul>li {width:50%;}
}


/***** for 576px or less ===========*/
@media All and (max-width:576px) {
	#Footer .Hide {display: none;}
	#Footer .Inline {display: block;}
	
	#Footer .FootLink>ul>li {width:100%;}
	
	.Item { padding:15px;}
	.Item .Name {
		text-overflow: inherit;
		overflow: auto;
		white-space: normal;
	}
	#TopHead .UperRow .TopIcons { top:17px;}
	
	.MainCategory .RightBox,
	.MainCategory .Lrg { padding:20px;}
	
	.MainCategory .LeftBox .Caption { padding:20px;}
	
	.Link {
		font-size: 13px;
		line-height: 14px;
	}
	
	.CategryBox .Caption .Title {
		font-size: 16px;
		line-height: 20px;
		font-weight: 600;
	}
}

/***** for 480px or less ===========*/
@media All and (max-width:450px) {
	#TopHead .UperRow .TopIcons ul li svg {height: 20px;}
	#TopHead .UperRow .TopIcons ul li.Mobile svg {height: 18px;}
	#TopHead .UperRow .TopIcons ul li { margin-left: 10px;}
	.BannerWrapp .Caption { padding:10px;}
}