/***** Fonts *****/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Varela+Round');
    
/***** Common *****/
* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-after: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#Header h1 a span {display: none;}
#Header h2 a span {display: none;}
#Breadcrumbs {display: none;}

/***** Header *****/

html #Header {
    background: #f9f9f9;
    width:100%;
    height:130px;
    position: relative; 
    z-index: 3;
}
html #Header h1 a {
    background: url(//everysinglenook.blazonco.com/images/logo.png) 0 0 no-repeat;
    background-size: 100%!important;
    top: 14px;
    left: 20px;
    width: 298px;
    height: 106px;
    position: absolute;
}


/***** Navigation *****/

#PrimaryNavigation {position: absolute; right: 0; z-index: 1;}
#PrimaryNavigation .slideout-menu + .primarynav {display: none;}
#PrimaryNavigation .slideout-menu {display: block; float: right; padding: 0.7em 1em 0 0; font-size: 40px; color: #2b3180;}
.slideout-panel {width: 100%; background: #131539;}
.home .slideout-close a {padding: 1.2em 1em; margin: 0;}
.sub .slideout-close a {padding: 0.4em 1em; margin: 0;}
.slideout-panel ul {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0;
    text-align: center;
}

#PrimaryNavigation .primarynav li a {
	color: #fff; 
    font-family: 'Roboto', sans-serif; 
	font-size: 17px; 
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 15px 20px; 
	line-height: 60px;
}


/***** Content *****/

body {background-color: #131539; font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 400; line-height: 1.5; margin: 0; color: #fff;}
h3 {font-family: 'Roboto', sans-serif; font-size: 60px; font-weight: 700; padding-bottom: 0.5em; text-decoration: none; text-transform: uppercase; line-height: 1.2; color: #fff;}
h4 {font-family: 'Roboto', sans-serif; font-size: 36px; font-weight: 700; color: #fff;}
hr {background-color: #999; border: 0; height: 1px; width: 50%; margin: 0 auto;}
ul, ol {padding-left: 40px;}
p {padding-bottom: 1em; color: #fff;}
a {text-decoration: none; color: #fff;}

.flexcarousel ul li .text-module .void, .flexcarousel ul div.text-module .void {
    position: absolute;
    left: 65%;
    top: 35%;
    -webkit-transform: translate(-35%, -50%);
    transform: translate(-35%, -50%);
    padding: 0;
}
.flexcarousel ul li .text-module .content h3, .flexcarousel ul div.text-module .content h3 {font-size: 3em; font-weight: 700; padding-bottom: 0.2em; /*color:#5459c5;*/ color:#fff;}
.flexcarousel ul li .text-module .content p, .flexcarousel ul div.text-module .content p {padding-bottom: 2em; color:#fff;}
.flexcarousel ul li .text-module .content a.first {color: #fff; background:#20235f; padding: 2% 4%; margin-right: 2%; }
.flexcarousel ul li .text-module .content a.first:hover {color: #fff; background: #5459c5; border: 3px solid #fff;}
.flexcarousel ul li .text-module .content a.second {background: #5459c5; color: #fff; padding: 2% 4%; border: 3px solid transparent;}
.flexcarousel ul li .text-module .content a.second:hover {background: #000;}
.flexslider {border: 0 !important; border-radius: 0 !important; margin: 0 !important; background-color: #fff !important;}

.flex-control-nav {display: none;}
.flex-direction-nav {display: none;}

html .flexcarousel ul div.text-module h3 { }

html .flexcarousel ul li .text-module.first {
    background: url(//everysinglenook.blazonco.com/images/hero1b.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 75vh;
    position: relative;
}

html .flexcarousel ul li .text-module.second {
    background: url(//everysinglenook.blazonco.com/images/hero2a.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 75vh;
    position: relative;
}    

html .flexcarousel ul li .text-module.third {
    background: url(//everysinglenook.blazonco.com/images/hero3a.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 75vh;
    position: relative;
}

html .flexcarousel ul li .text-module.fourth {
    background: url(//everysinglenook.blazonco.com/images/hero5b.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 75vh;
    position: relative;
}

.home #Content-Text {
	background: url(//everysinglenook.blazonco.com/images/hero4p.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 50vh;
    position: relative;
}

.home #Content-Text .module-row {
    padding: 5% 10%;
    width: auto;
}

.home #Content-Text .module-row .title {text-align: center;}

.home #Content-Left .text-module .content p a {color:#20235f; background:#fff; padding:2% 4%;}

.module-row {overflow: hidden;}
.module-row .component {float: left;}
.module-row .module.of-two {width: 50%; padding: 0%;}
.module-row .module.first.of-two {
	background: url(//everysinglenook.blazonco.com/images/steakknives-home-product.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #fff;
    min-height: 600px;
    position: relative;
}
.module-row .module.second.of-two {
	background: #131539;
    min-height: 600px;
    position: relative;
}
.module-row .module.second.of-two .content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0;
}

.module-row {width: 100%;}
.module-row .module.of-three {width: 30%;}
.module-row .module.first.of-three {margin-right: 5%;}
.module-row .module.second.of-three {margin-right: 5%;}
.module-row .module.of-six {width: 30%;}
.module-row img {width: 100%;}


.home #Content-Right .text-block-component {
	background: url(//everysinglenook.blazonco.com/images/none.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100vh;
    position: relative;
    padding: 5% 10%;
}
.home #Content-Right .text-block-component .content {
	position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0;
}
.home #Content-Right .text-block-component address {color: #000; padding: 1em;}
.home #Content-Right .text-block-component h3 {color: #fff;}
.home #Content-Right .text-block-component h4 {color: #fff;}
.home #Content-Right .text-block-component p {color: #fff;}
.home #Content-Right .text-block-component a {color: #fff;}

.sub #Content-Left .text-block-component {background: #000; padding: 10%;}
.sub #Content-Left .text-block-component h3 {color: #fff;}
.sub #Content-Left .text-block-component h4 {color: #fff;}
.sub #Content-Left .text-block-component p {color: #fff;}
.sub #Content-Left .text-block-component ul {color: #fff;}
.sub #Content-Left .text-block-component a {color: #fff;}
.sub #Content-Text .text-block-component {background: #9494bf; padding: 5%;}
.sub #Content-Text .text-block-component h3 {color: #fff;}
.sub #Content-Text .text-block-component h4 {color: #fff;}
.sub #Content-Text .text-block-component p {color: #fff;}
.sub #Content-Text .text-block-component ul {color: #fff;}
.sub #Content-Text .text-block-component a {color: #fff;}

/***** Footer *****/

#Footer {font-size:14px; color: #131539; background:#fff; padding: 1% 0;    clear: both;}
#Footer .copyright-notice {color: #131539 text-align: center;}
#Footer h3 {color: #131539; margin: 20px 0 10px 0;}
#Footer .fab {font-size:40px; background:#fff;}
#Footer p {color: #131539; text-align: center;}
#Footer a {color: #131539; text-align: center;}

/***** Forms *****/

#Main .form-component {background: #9494bf; padding: 10%;}
#Main .form-component .allgood p {color: #fff;}
#Main form.user-form h3 {text-align: center;}
#Main form.user-form div.section-heading {border-bottom: 0; color: #fff;}
#Main form.user-form div.section-heading p {text-align: center; color: #fff;}

#Main form.user-form {width: 100%; font-family: inherit; font-size: inherit;}
#Main form.user-form fieldset, #Admin form.user-form fieldset {padding: 0; margin-bottom: 2em;}
#Main form.user-form fieldset label {margin-bottom: 5px; margin: 0; font-weight: 400;}
#Main form.user-form fieldset label.choice {height: 25px; font-weight: 300;}
#Main form.user-form fieldset label.phone-areacode input {width: 100px;}
#Main form.user-form fieldset label.phone-prefix input {width: 100px;}
#Main form.user-form fieldset label.phone-number input {width: 100px;}
#Main form.user-form fieldset label.time-hour input {width: 100px;}
#Main form.user-form fieldset label.time-minute input {width: 100px;}
#Main form.user-form fieldset label.time-second input {display: none;}
#Main form.user-form fieldset label.time-second span {display: none;}
#Main form.user-form fieldset label.time-ampm {width: 75px;}
#Main form.user-form label.time-ampm select {background-position: 80% 21px;}
#Main form.user-form fieldset legend {margin-bottom: 5px;}
#Main form.user-form fieldset label span {color: #fff; font-size: 70%;}
#Main form.user-form fieldset legend label {top: 0; color: #000;}
#Main form.user-form fieldset:hover, #Main form.user-form fieldset.focused, #Main form.user-form fieldset.focused:hover {background: none;}
#Main form.user-form fieldset label.left input, #Main form.user-form fieldset label.right input, #Main form.user-form fieldset label.left select, #Main form.user-form fieldset label.right select, #Main form.user-form fieldset.name-entry label.name-first input, #Main form.user-form fieldset.name-entry label.name-last input, #Main form.user-form fieldset.address-entry label input, #Main form.user-form fieldset.address-entry label select, #Main form.user-form fieldset.text-entry input, #Main form.user-form fieldset.essential-entry input, #Main form.user-form fieldset.link-entry label.link-url input, #Main form.user-form fieldset.link-entry label.link-text input, #Main form.user-form fieldset.email-entry label input, #Main form.user-form textarea {width: 100%; border: 1px solid #fff; color: #fff;}
#Main form.user-form fieldset label.left, #Main form.user-form fieldset.name-entry label.name-first, #Main form.user-form fieldset.address-entry label.address-city, #Main form.user-form fieldset.address-entry label.address-zip, #Main #Admin form.user-form fieldset.address-entry label.address-zip, #Main form.user-form fieldset.link-entry label.link-url {width: 48.9%;}
#Main form.user-form fieldset.address-entry label select {width: 100%; height: 50px; border: 1px solid #000; border-radius: 0;}
#Main form.user-form fieldset.radio-entry legend, #Main form.user-form fieldset.checkbox-entry legend  {display: block;}
#Main form.user-form legend {display: none;}
#Main form.user-form input[type='text'], #Main form.user-form input[type='password'] {padding: 0px 0 0 14px;}
#Main form.user-form fieldset.longtext-entry textarea {height: 200px; padding: 14px 0 0 14px; color: #fff;}
#Main form.user-form .radio-entry input, #Main form.user-form .checkbox-entry input {height: auto; color: #000;}
#Main form.user-form input, #Main form.user-form textarea {
      padding: 0px 0 0 14px;
	  font-size: 18px;
	  font-weight: 100;
	  font-family: inherit;
	  border-radius: 0px;
	  height: 50px;
	  background: transparent;
      border: 1px solid #fff;
}
#Main form.user-form button {
	  background: transparent;
	  color: #fff; 
	  font-size: 120%; 
	  font-weight: 700;
	  text-transform: uppercase;
      border: 3px #fff solid;
	  padding: 1% 2%;
	  height: auto;
	  border-radius: 0;
	  cursor:pointer;
}
#Main form.user-form button:hover {background: #1e6664; border: 3px #1e6664 solid; color: #fff;}
#Main form.user-form select {
    font-size: 18px;
    font-family: inherit;
    padding: 5px 15px 5px 5px;
    width: 100%;
    background: transparent url(http://static.blazonco.com/templates/rory/common/forms/down-arrow-white.png) no-repeat;
    background-position: 98% 21px;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 10px;
    height: 50px;
}
#Main form.user-form fieldset.date-entry span.calendar-button {
    float: left;
    clear: none;
    width: 58px;
    height: 50px;
    padding: 0 !important;
    margin: 0px 0 0px 3px;
    background: transparent url(//static.blazonco.com/templates/rory/common/forms/calendar-white.png) no-repeat center;
}

#Main form.user-form input::-webkit-input-placeholder {color: #fff !important; font-weight: 400;}
#Main form.user-form input:-moz-placeholder {/* Firefox 18- */color: #fff !important; font-weight: 400;}
#Main form.user-form input::-moz-placeholder {/* Firefox 19+ */color: #fff !important; font-weight: 400;}
#Main form.user-form input:-ms-input-placeholder {color: #fff !important; font-weight: 400;}
#Main form.user-form textarea::-webkit-input-placeholder {color: #fff !important; font-weight: 400;}
#Main form.user-form textarea:-moz-placeholder {/* Firefox 18- */color: #fff !important; font-weight: 400;}
#Main form.user-form textarea::-moz-placeholder {/* Firefox 19+ */color: #fff !important; font-weight: 400;}
#Main form.user-form textarea:-ms-input-placeholder {color: #fff !important; font-weight: 400;}




/***** Shop *****/

/*--------featured product modules--------*/
.featured-product-module img {width: 100%;}
.featured-product-module h3 {display: none;}
.featured-product-module .product-description {display: none;}
.featured-product-module .read-more {display: none;}
.featured-product-module .price {text-align: center;}

/*--------catalog detail page--------*/
#Main.catalog-detail #Content #Content-Text .product-row .product:nth-child(3n+2), #Main.product-index #Content #Content-Text .product-row .product:nth-child(3n+2) {margin:0 2%; margin-bottom: 5%;}
#Main.catalog-detail #Content #Content-Text .product-row .product, #Main.product-index #Content #Content-Text .product-row .product  {width: 45%; float: left; margin-bottom: 5%;}
#Main.catalog-detail #Content #Content-Text .product-row .product-image-link, #Main.product-index #Content #Content-Text .product-row .product-image-link {text-align: center; width: 100%; display: block;}
#Main.catalog-detail #Content #Content-Text .product-row .product img, #Main.product-index #Content #Content-Text .product-row .product img  {width: 91%;}
#Main.catalog-detail #Content #Content-Text .product-row .product .price, #Main.product-index #Content #Content-Text .product-row .product .price {text-align: center; width: 50%; margin: 0 auto; font-size: 16px; font-weight: bold; margin-top: 10px; padding-bottom: 10px;}
#Main.catalog-detail #Content #Content-Text .product-row .product h4.title, #Main.product-index #Content #Content-Text .product-row .product h4.title {text-align: center;}
#Main.catalog-detail #Content #Content-Text .product-row .product .product-description, #Main.product-index #Content #Content-Text .product-row .product .product-description  {display: none;}
#Main.catalog-detail #Content #Content-Text .product-row .product .read-more, #Main.product-index #Content #Content-Text .product-row .product .read-more  {text-align: center;}
#Main.product-index .product-content {padding: 12% 5% 12% 5%;}

/*--------product detail page--------*/
#Main.product-detail #Content #Content-Text {min-height: 810px; padding: 10%;}
#Main.product-detail #Content .product-content .product .product-image {position: absolute; max-width: 650px;}


#Main.product-detail #Content .product-content .product .product-description,
#Main.product-detail #Content .product-content .product .rating, 
#Main.product-detail #Content .product-content .product .product-title, 
#Main.product-detail #Content .product-content .product .product-price, 
#Main.product-detail #Content .product-content .product h3.title, 
#Main.product-detail #Content .product-content .product-reviews,
#Main.product-detail #Content .product-content .product .product-image-gallery,
#Main.product-detail #Content #social_media {
    float: right;
    position: relative;
    width: 35%;
    clear: both;
    color: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #999;
}
#Main.product-detail #Content .product-content .product h3 {text-align: left; font-size: 44px;}
#Main.product-detail #Content .product-content .product form.user-form {
    float: right;
    position: relative;
    width: 35%;
    clear: both;
    padding: 0% 0% 5% 0%;
}

#Main.product-detail #Content .product-content .product .product-price {line-height: 1em;}
#Main.product-detail #Content .product-content .product ul li {font-size: 80%;}
#Main.product-detail #Content .product-content .product form.user-form, #Main.product-detail #Content .product-content  form.user-form {font-family:inherit;}
#Main.product-detail .product-content .product .user-form button {display:none;}
#Main.product-detail #Content .product-content .product form.user-form fieldset, #Main.product-detail #Content .product form.user-form fieldset  {padding:0;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #999;}
#Main.product-detail #Content .product-content .product form.user-form fieldset.focused, #Main.product-detail #Content .product-content .product form.user-form fieldset.focused:hover, #Main.product-detail #Content .product-content .product form.user-form fieldset:hover, #Main.product-detail #Content .product-content  form.user-form fieldset.focused, #Main.product-detail #Content .product-content  form.user-form fieldset.focused:hover, #Main.product-detail #Content .product-content  form.user-form fieldset:hover {background-color:transparent;}
#Main.product-detail #Content .product-content .product form.user-form fieldset legend label, #Main.product-detail #Content .product-content .product form.user-form fieldset label {margin: 10px 0 5px 0;}

#Main.product-detail #Content .product-content  form.user-form .section-heading {padding: 0;}
#Main.product-detail #Content .product-content  form.user-form#ProductReviewForm fieldset {padding: 0;}
#Main.product-detail #Content .product-content  form.user-form#ProductReviewForm fieldset legend label {top: 0;}

/*--------Image Gallery--------*/
#Main.product-detail #Content .product-content .product .product-image-gallery ul {margin: 0;list-style-type: none;padding: 0;}
#Main.product-detail #Content .product-content .product .product-image-gallery ul li {max-width: 32%; overflow: hidden; float: left; margin-right: 0.5%; margin-left: 0.5%;}
#Main.product-detail #Content .product-content .product .user-form {background: none;}

/*--------Add to Cart Button--------*/
#Main.product-detail .product-content .product .user-form button, a.buybutton {
  font-family: inherit;
  background: ;
  border: 3px #a0a3df solid;
  color: #a0a3df;
  padding: 4% 6%;
  cursor: pointer;
  margin-top: 1em;
}
#Main.product-detail .product-content .product .user-form button:hover, a.buybutton:hover {background: #a0a3df; border: 3px #fff solid; color: #fff;}


/*--------Cart--------*/
.sub #Main.cart #Content-Text {padding: 10%;}
.cart #Footer {margin-top: 100px;}
.sub #Main.cart {margin: 0 auto;}
.sub #Content .cart-view {color: #333;}
.sub #Content .cart-view .cart-listing td, .sub .cart-view .cart-listing th {font-family: 'Varela Round', sans-serif; border: none;}
.cart-view .cart-listing thead {border-bottom: 1px solid #000;}
.sub #Content .cart-view .cart-listing tbody tr {background-color: #fff;}
.sub #Content .cart-view .cart-listing tbody tr.odd {background-color: #fff;}
.sub #Content .cart-view .cart-listing thead tr th, .sub #Content .cart-view .cart-listing tfoot tr td {background-color: #fff; color: #444;}
.sub #Content .cart-view td.item-name a {color: #777;}
.sub #Content .cart-totals-view, .sub #Content .receipt-shipping-info {color: #fff; background-color: #222; border: 0; margin-top: 0em; width: auto; min-width: 0;}
.sub #Content .cart-view .cart-listing thead tr th, .sub #Content .cart-view .cart-listing tfoot tr td, form.user-form fieldset legend label {font-family: 'Varela Round', sans-serif; font-size: 18px; font-weight: normal; color: #000;}
.sub #Content a.continue-shopping-button {display: none;}
.sub #Content button.update-cart-button {
    background: transparent;
    color: #000;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    border: 3px #000 solid;
    padding: 1% 2%;
    height: auto;
    border-radius: 0;
    cursor: pointer;
    height: auto;
    line-height: 1;
    float: left;
}
.sub #CheckoutForm fieldset.buttons button {
    background: transparent;
    color: #1e6764;
    text-transform: uppercase;
    border: 3px #1e6764 solid;
}
.sub #CheckoutForm fieldset.buttons button:hover {background: #000; border: 3px #000 solid; color: #fff;}
.sub #Content a.continue-shopping-button:hover {text-decoration: none;}
.sub #Content .cart-view td.item-name a {color: #000;}
#Main.cart #Content-Text h3 {
    color: #fff;
    font-family: 'Varela Round', sans-serif;
    font-weight: inherit;
    font-size: 60px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
}
.cart-view h3 {margin-bottom: 0.3em;}
.sub #Content .cart-view td.item-name a {text-decoration: none;}
.sub #Content .cart-view dl dt {font-family: 'Varela Round', sans-serif; font-weight: normal; margin-right: 0;}
#Content .cart-totals-view table th, .cart-totals-view table td {font-family: 'Varela Round', sans-serif; font-size: 21px;}
.cart-totals-view tr td.charge, .cart-totals-view tr td.monetary  {font-family: 'Varela Round', sans-serif;}
#Main.cart a.checkout.PaypalGateway {
    background: url("//static.blazonco.com/templates/rory/common/ecommerce/paypal.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: block;
    height: 92px;
    margin: 1em auto;
    width: 202px;
}
#Main.cart form.user-form div.section-heading address {font-size: 27px; font-style: normal; text-align: center;}
#Main.cart h3 a {color: #000; font-size: 85%; text-decoration: underline;}
.sub #Main.cart #Content h3 a {color: white;}


/*------Responsive------*/

@media screen and (max-width:1400px) {

  #Main.product-detail #Content .product-content .product .product-image {max-width:40%;}
  #Main.product-detail #Content .product-content .product .rating, #Main.product-detail #Content .product-content .product-reviews, #Main.product-detail #Content .product-content .product .product-description, #Main.product-detail #Content .product-content .product .product-title, #Main.product-detail #Content .product-content .product .product-price, #Main.product-detail #Content .product-content .product h3.title, #Main.product-detail #Content .product-content .product form.user-form, #Main.product-detail #Content .product-content .product .product-image-gallery, #Main.product-detail #Content #social_media {width:40%;}
}

@media screen and (max-width:1270px) {

  #Main.product-detail #Content .product-content .product .product-image {max-width:45%;}
  #Main.product-detail #Content .product-content .product .rating, #Main.product-detail #Content .product-content .product-reviews, #Main.product-detail #Content .product-content .product .product-description, #Main.product-detail #Content .product-content .product .product-title, #Main.product-detail #Content .product-content .product .product-price, #Main.product-detail #Content .product-content .product h3.title, #Main.product-detail #Content .product-content .product form.user-form, #Main.product-detail #Content .product-content .product .product-image-gallery, #Main.product-detail #Content #social_media {width:40%;}
}

@media screen and (max-width: 1102px) {

    .flexcarousel ul li .text-module .content h3 {font-size: 80px;}
    .sub #Main.cart .cart-view .cart-listing td, .sub #Main.cart .cart-view .cart-listing th {font-size: 75%;}
   .sub #Main.cart #Content-Text {padding: 5% 0 0 0;}
}

@media screen and (max-width:900px) {

    .flexcarousel ul li .text-module .void, .flexcarousel ul div.text-module .void {top:auto; bottom:0; width:100%; padding:0 2%; text-align:center; -webkit-transform:none; transform: none; left:0;}
}

@media screen and (max-width:767px){
    #Main.product-index .product-content {padding: 25% 5% 12% 5%;    }
    .sub #Content-Text .text-block-component {padding: 10%;}
    #Main.catalog-detail #Content #Content-Text .product-row .product, #Main.product-index #Content #Content-Text .product-row .product {
        width: 100%;
        float: none;
        margin-bottom: 5%;
    }
    #Main .form-component {padding: 25% 10%;}
}

@media screen and (max-width:680px) {
    html #Header {height:110px;}
    html #Header h1 a {
        background: url(//everysinglenook.blazonco.com/images/logo-mobile.png) 0 0 no-repeat;
        background-size: 100%!important;
        top: 25px;
        left: 25px;
        width: 200px;
        height: 60px;
        position: absolute;
    }

   .home #PrimaryNavigation .slideout-menu {padding: 1em 1em 0 0; font-size: 34px;}
   .home .slideout-close a {padding: 1em 1em 0 0; font-size: 34px;}
   .sub #PrimaryNavigation .slideout-menu {padding: 1em 1em 0 0; font-size: 34px;}
   .sub .slideout-close a {padding: 1em 1em 0 0; font-size: 34px;}

   html .module-row .component {float: none;}
   html .module-row .module.of-two {width: 100%;}
   html .module-row .module.first.of-two {margin-right: 0%;}
   html .module-row .module.of-three {width: 100%;}
   html .module-row .module.first.of-three {margin-right: 0%;}
   html .module-row .module.second.of-three {margin-right: 0%;}
   html .module-row .module.of-six {width: 100%;}
   #Main form.user-form button {padding: 3% 5%;}
   #Main form.user-form fieldset label.phone-areacode input {width: 90px;}
   #Main form.user-form fieldset label.phone-prefix input {width: 90px;}
   #Main form.user-form fieldset label.phone-number input {width: 90px;}

   .home #Content-Text {height: 1500px;}
   #PrimaryNavigation .slideout-menu {padding: 0.8em 1em 0 0;}

    .flexcarousel ul li .text-module .content p, .flexcarousel ul div.text-module .content p {
        padding-top: 0;
        font-size: 20px;
    }
    #Main .flexcarousel ul li .text-module .content h3, .flexcarousel ul div.text-module .content h3 {
        padding-top: 90px;
        font-size: 33px;
    }
   .flexcarousel ul li .text-module .content p {padding-bottom: 20px; width: 100%;}
   .flexcarousel ul li .text-module .content a.second {margin-top: 1em;}

    #Main h3 {font-size: 33px;}
    #Main body {font-size: 18px;}

        html .flexcarousel ul li .text-module.first, html .flexcarousel ul li .text-module.second, html .flexcarousel ul li .text-module.third, html .flexcarousel ul li .text-module.fourth {min-height:50vh;}
}

@media screen and (max-width:550px){
    /*.flexcarousel ul li .text-module .content a.first {display:none;}*/
    .module-row .module.second.of-two {min-height:86vh;}
    .module-row .module.second.of-two .content {
        transform: none;
        -webkit-transform: none;
        padding: 4% 8%; left:auto; top:auto;
    }



}

@media screen and (max-width:480px) {
    html .flexcarousel ul li .text-module.first, html .flexcarousel ul li .text-module.second, html .flexcarousel ul li .text-module.third, html .flexcarousel ul li .text-module.fourth {min-height:65vh;}
   #Main form.user-form button {padding: 4% 6%;}
   #Main form.user-form fieldset.buttons {text-align: center;}
    #Main form.user-form fieldset label.phone-areacode input {width: 70px;}
    #Main form.user-form fieldset label.phone-prefix input {width: 70px;}
    #Main form.user-form fieldset label.phone-number input {width: 70px;}

   body {font-size: 18px;}
   h4 {font-size: 24px;}
   h3 {font-size: 33px;}

   #Footer {padding: 10%;}
   #Footer .text-module img {max-width: 200px; margin: 0 3%;}

   .home #Content-Text {height: 1000px;}

    #Main h3 {font-size: 29px;}
    .sub #Content-Text .text-block-component {padding: 15% 10%;}
    #Main.product-index .product-content {padding: 35% 5% 12% 5%;}
    #Main .form-component {padding: 35% 10%;}



}



@media screen and (max-width:360px) {


}