@font-face {
	font-family: 'Sillii Willinn';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/Sillii-Willinn/Sillii-Willinn.eot");
	src: url("fonts/Sillii-Willinn/Sillii-Willinn.eot#iefix") format("embedded-opentype"), url("fonts/Sillii-Willinn/Sillii-Willinn.woff") format("woff"), url("fonts/Sillii-Willinn/Sillii-Willinn.otf") format("opentype");
}

/* padding-top in percentages refers to parent width  this allows us to specify an aspect-ratio         */
.region_landscape-large:before { padding-top: 0px; }
.region_square:before { padding-top: 0px; }
.region_landscape-small:before { padding-top: 0px; }
.region_portrait-small:before { padding-top: 0px; }


/* FOR DESKTOPS*/

.blog-page .blog-banner {position:relative;}
.blog-page .marzero {margin:0 0!important;}
.blog-page .marzero .px-2 {padding:0 !important;}

.blog-page .blog-banner .blog-headname {position:absolute;top:3%;left:5%;font-size:2.5rem;}
.blog-page .blog-banner .blog-headdetail {position: absolute;top: 18%;left: 30%;width: 12%;line-height: 1.5;}
.blog-page .blog-banner .blog-botname {position: absolute;top: 58%;left: 33%;font-family: 'Sillii Willinn'; font-size:2.5rem;font-weight:bold;}

@media screen and (min-width: 1280px) and (max-width: 1366px) { 
	.blog-page .blog-banner .blog-headdetail { line-height: 1.3;}
	.blog-page .blog-banner .blog-botname { top: 70%; }
}


.blog-page .blog-navigation, .blog-page .btiles-section {width: 75%;margin: 0 auto;text-align: center;}
.blog-page .blog-navigation a {font-size:0.75rem;line-height:2;color:#696969;padding:0 1rem;text-transform:uppercase;}
.blog-page .blog-navigation a.activelink{font-weight:bold;}

.blog-page .blog-tiles {background-color:#fffaed;padding:1rem 0;}

.blog-page .blog-tiles .tile-sec {position:relative;padding:0 0.25rem;}

.blog-page .blog-tiles .blog-content {padding:0.75rem 1rem;text-align:left; font-size:1rem;color:#696969;background-color:#fff;min-height:130px;}
.blog-page .blog-tiles .blog-content a {font-size:0.675rem;line-height:2;color:#696969;text-transform:uppercase;padding-bottom:0.75rem;display:block;}

/* Blog Details Page */

.blog-page .padtopbot-10 {padding:1rem 0;}
.blog-page .blogdetail-section {width: 75%;margin: 0 auto;text-align: left;margin-top:2.5rem;}

.blog-page .fproduct h1 {font-size:1.75rem;margin-bottom:1rem;color:#696969;}

.blog-page .fproduct-section {position:relative;padding:0;margin-bottom:2rem;border:10px solid #fff;max-width:55%; background-color: #fff;}
.blog-page .fproduct-section .wishlistTile {position:absolute;top:0.5rem;left:0.5rem;}

.blog-page .fproduct-section .wishlistTile .fa-heart,
.blog-page .fproduct-section .wishlistTile .fa-heart-o{top:8px;left:5px;font-size:0.875rem;}

.blog-page .fproduct-section .wishlistTile .fa-stack-1x{color:#000;}

.blog-page .fproduct-section hr {border-top: 1px solid #696969;}

.blog-page .fproduct-section .pdp-link {color: #696969;font-size: .75rem;font-weight: 600;}
.blog-page .fproduct-section .pdp-link span {color: #696969;font-size: .75rem;font-weight: 300;display:block;margin:0.25rem 0;}

.blog-page .blogdetail-section .static-body img {max-width:90%;}


/*  FOR TABLETS */
@media screen and (min-width: 768px) and (max-width: 1024px) { 

.blog-page .blog-banner .blog-headname {top:8%;font-size:1.5rem;}
.blog-page .blog-banner .blog-headdetail {width: 24%;font-size:0.675rem;}
.blog-page .blog-banner .blog-botname {font-size:2rem;}
.blog-page .blog-navigation, .blog-page .btiles-section {width: 100%;}
.blog-page .blog-tiles .blog-content {font-size:0.675rem;}

.blog-page .blogdetail-section {width: 100%; padding:0 1rem;margin-top:1rem;}

.blog-page .fproduct h1 {font-size:1.25rem;}
.blog-page .blogdetail-section .static-body  {padding-right:2rem;}
.blog-page .fproduct-section {max-width:85%;}
		
}

/*  FOR MOBILES */
@media screen and (max-width: 767px) {
	
.blog-page .blog-banner .blog-headname {top:8%;font-size:1rem;}
.blog-page .blog-banner .blog-headdetail {display:none;}
.blog-page .blog-banner .blog-botname {top: 42%;font-size:1.5rem;}

.blog-page .blog-navigation, .blog-page .btiles-section {width: 100%;}
.blog-page .blog-navigation a {padding:0 0.75rem;}

.blog-page .blogdetail-section {width: 100%; padding:0 1rem;margin-top:1rem;}

.blog-page .blogdetail-section .static-body img {max-width:100%;}

.blog-page .fproduct-section {max-width:80%;}
	
	
}