LoudSilence_Kid-Silence

Kid Silence

Meet Kid Silence, the newest addition to the Loud Silence family. Kid Silence is rocking his headphones and shell toes, with boombox and record crate by his side. The bold colors and slick, clean line quality, make this design hard to pass up. Loud Silence is inspired by music and their motto is “Make a statement with out saying a word” because sometimes silence is the loudest thing you could say!

T-shirtMagazine readers us TM20 to get 20% off your purchase at http://LoudSilence.co

LoudSilence_Kid-Silence

/*————————————————————

Theme:   Bici x PRESTO
Author:  BrandxHype x Theme Fiend

http://www.brandxhype.com

http://www.themefiend.com

Copyright 2013 BrandxHype.

Note: Controls in the ‘Simple’ panel are disabled. Please view CSS Guide and support board
articles for customization instructions.

————————————————————*/

@import url(https://s3.amazonaws.com/themefiend/js/flexslider/flexslider.css);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,900,700);

{{ ————BEGIN THEME SETTINGS AND CONTROLS———— }}

{% assign: Background_Color = ‘#ffffff’ %}

{% assign: Top_Header_Bar_Color = ‘#000000′ %}

{% assign: Top_Header_Bar_Text_Color = ‘#ffffff’ %}

{% assign: Header_Color = ‘#ffffff’ %}

{% assign: Header_Navigation_Link_Size = 13 %}

{% assign: Header_Navigation_Link_Font = “Raleway” %}

{% assign: Header_Navigation_Link_Color = ‘#000000′ %}

{% assign: Header_Navigation_Link_Hover_Color = ‘#444444′ %}

{% assign: Sub_Header_Navigation_Link_Color = ‘#000000′ %}

{% assign: Sub_Header_Navigation_Link_Hover_Color = ‘#444444′ %}

{% assign: Sub_Header_Navigation_Link_Background_Color = ‘#cccccc’ %}

{% assign: Headings_Font = “Raleway” %}

{% assign: Main_Font = “Raleway” %}

{% assign: Main_Font_Size = 14 %}

{% assign: Main_Text_Color = ‘#000000′ %}

{% assign: Main_Link_Color = ‘#333333′ %}

{% assign: Main_Link_Hover_Color = ‘#666666′ %}

{% assign: Slide_Heading_Text_Color = ‘#ffffff’ %}

{% assign: Slide_SubHeading_Background_Color = ‘#000000′ %}

{% assign: Slide_Heading_Font_Size = ’65’ %}

{% assign: Slide_SubHeading_Font_Size = ’18’ %}

{% assign: Footer_Color = ‘#ffffff’ %}

{% assign: Footer_Text_Color = ‘#000000′ %}

{% assign: Footer_Link_Color = ‘#000000′ %}

{% assign: Bottom_Footer_Bar_Color = ‘#000000′ %}

{% assign: Bottom_Footer_Bar_Text_Color = ‘#ffffff’ %}

{{ ————END THEME SETTINGS AND CONTROLS———— }}

html,body,div,span,applet, input,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}
a {
outline: none !important;
}
a:link { text-decoration: none !important; outline:none !important; }
a:hover { text-decoration: none !important; }
a:active { text-decoration: none !important; background:transparent; }
a:visited { text-decoration: none !important; }

html {
background:{{ Bottom_Footer_Bar_Color }};
}

/* Alerts ————————————————-*/

div#error {
display: block;
margin-bottom: 5px;
border-top: none;
border-bottom: none;
background: none;
margin: 10px 0px 0px 0px;
float: left;
width: 100%;
}

div#error ul {
font-size: 13px;
line-height: 25px;
margin: 0;
background-color: #ee0000;
padding: 5px 0px;
text-align: center;
text-transform: uppercase;
}

div#error li {
background: transparent;
color: #ffffff;
font-weight: bold;
margin: 0;
padding: 0;
}

/*============= Begin Base========================*/

body {
font-family: {{ Main_Font }};
font-size: {{ Main_Font_Size }}px;
margin:0px;
padding:0px !important;
background-color: {{ Background_Color }} !important;
{% if theme.background_image != blank %}
background-image: url({{ theme.background_image.url }});
background-repeat: repeat;
{% endif %}
}

#website {
display:none;
}

#website a {
padding: 10px;
top: 0px;
position: absolute;
z-index: 999;
border: 1px solid #dddddd;
}

a:link,a:visited {
color:{{ Main_Link_Color }};
}

a:hover {
color:{{ Main_Link_Hover_Color }};
}

#products .product-a h3,#products .product-a p {
text-decoration:none !important;
color:{{ Main_Text_Color }};
}

#products span {
text-decoration:none;
}

#main-title,#sidebar-navigation div.pod h3,#cart-head {
background-color:{{ Headings_Text_Color }};
}

h1, h2, h3, h4 {
font-family:{{ Headings_Font }};
}

h2 {
font-size:24px;
font-weight:normal;
margin-bottom:0;
text-transform: uppercase;
}

h3 {
font-weight: normal;
font-size: 24px;
margin: 0px 0px 10px 0px !important;
padding: 0px;
}

p {
font-family: {{ Main_Font }};
font-size: {{ Main_Font_Size }}px;
margin-bottom:10px;
}

li {
list-style:none;
}

#wrap {
margin: 0 auto;
max-width: none;
padding: 0;
position: relative;
text-align: left;
width: 80%;
padding-top: 125px;
}

#container {
background: none repeat scroll 0 0 transparent;
margin: 0 auto;
padding: 0;
text-align: left;
width: 100%;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 100% !important;
}

body,p,input,textarea,#product-details .price,#faq-content .faq-list dt,#contact-form label,#cart-footer .cart-total #cart-shipping-tax p,a:hover,a:active,#products .product-a:hover h3,#products .product-a:hover p,#main-title h2,#navigation div.pod h3,#cart-head,#navigation div.pod a:hover {
color:{{ Main_Text_Color }};
}

#product-1,#product-4,#product-7,#product-10,#product-13,#product-16,#product-19,#product-22,#product-25,#product-28,#product-31,#product-34,#product-37,#product-40,#product-43,#product-46,#product-49,#product-52,#product-55,#product-58,#product-61,#product-64,#product-67,#product-70,#product-73,#product-76,#product-79,#product-82,#product-85,#product-88,#product-91,#product-94,#product-97,#product-100,#product-2,#product-5,#product-8,#product-11,#product-14,#product-17,#product-20,#product-23,#product-26,#product-29,#product-32,#product-35,#product-38,#product-41,#product-44,#product-47,#product-50,#product-53,#product-56,#product-59,#product-62,#product-65,#product-68,#product-71,#product-74,#product-77,#product-80,#product-83,#product-86,#product-89,#product-92,#product-95,#product-98,#product-3,#product-6,#product-9,#product-12,#product-15,#product-18,#product-21,#product-24,#product-27,#product-30,#product-33,#product-36,#product-39,#product-42,#product-45,#product-48,#product-51,#product-54,#product-57,#product-60,#product-63,#product-66,#product-69,#product-72,#product-75,#product-78,#product-81,#product-84,#product-87,#product-90,#product-93,#product-96,#product-99 {
margin:0;
padding:0;
}

select, input, textarea {
color: {{ Main_Text_Color }};
}

img {
border: 0 none;
height: auto;
max-width: 100%;
vertical-align: middle;
}

/*============= End Base========================*/

/*============= Begin Header Area========================*/

#top-header {
background: {{ Top_Header_Bar_Color }};
display: inline-block;
padding: 5px 0;
position: relative;
width: 100%;
}

#top-header-contents {
margin: auto;
width: 80%;
}

#header-contents {
background: none repeat scroll 0 0 transparent;
margin-top: 0 !important;
width: 100%;
}

#header-area {
background:{{ Header_Color }};
margin: auto;
max-height:130px;
padding: 0;
z-index: 9999;
width: 100%;
position: fixed;
}

#header {
margin: auto;
position: relative;
width: 80%;
}

#header h1 a {
color:{{ Header_Navigation_Link_Color }};
}

#header h1 {
float: left;
font-size: 58px;
height: 58px;
line-height: 100%;
margin-right: 0px;
max-width: 29%;
padding: 15px 15px 15px 0;
text-align: left;
width: auto;
}

#header h1 span {
font-family: {{ Header_Navigation_Link_Font }};
font-size: 70px;
font-weight: 900;
padding: 0;
}

#header img {
vertical-align: top;
max-height: 100%;
}

#header.image h1 span{display:none}

#right-header {
position: relative;
float: right;
}

/* Header Navigation Styles————————————————-*/

#header-navigation {
background: none repeat scroll 0 0 transparent;
border-bottom: medium none;
border-top: medium none;
float: right;
margin-bottom: 0;
margin-top: 0;
position: relative;
width: 68%;
}

#header h1 a:hover {
color:{{ Header_Navigation_Link_Color }};
}

/* Begin Mobile Drop Down Nav */
#header-navigation #mobilenavigation li nav {
background: {{ Top_Header_Bar_Color }};
left: 0 !important;
position: absolute !important;
top: 100% !important;
width: 100%;
z-index: 999;
}

#header-navigation #mobilenavigation li nav a {
background: {{ Top_Header_Bar_Color }};
float: left;
font-size: 100%;
margin: 0;
padding: 10px 0;
text-align: center;
width: 100% !important;
z-index: 99999;
}

#header-navigation #mobilenav-headers, #header-navigation #mobilesearch-headers {
display:none !important;
}

#header-navigation #mobilenavigation li {
position: static !important;
display: inline-block;
width: 31.5%;
text-align: center;
}

#header-navigation  #mobilenavigation {
overflow:visible !important;
}

#header-navigation #mobtopnav {
float: left;
height: 100%;
overflow: hidden;
position: relative;
top: 0;
width: 100%;
z-index: 9999;
}

#header-navigation #mobtopnav, #header-navigation #mobtopnav li {
border:none;
}

#header-navigation #mobtopnav li a {
background: {{ Top_Header_Bar_Color }} !important;
border-top: 1px solid #FFFFFF;
color: {{ Top_Header_Bar_Text_Color }} !important;
}

#header-navigation #mobilesearch {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
width: 100%;
}

#header-navigation #search {
float: none;
height: auto;
margin: auto;
width: 100%;
}

#header-navigation #search-input {
border: medium none;
font-size: 13px;
margin: 0;
padding: 5px;
height: auto;
width: 96%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

#header-navigation #search-submit {
display:none;
}

#mobilenav #sub-categories {
top: 0px;
list-style: none;
position: relative;
left: 0px;
width: auto;
height:auto;
min-width: 100%;
}

#mobilenav #subcat-container {
margin-top: 0px;
}

#header-navigation #mobilenavigation li nav li{
padding:0px !important;
position:relative;
}

#mobilenav #sub-categories li a {
padding: 10px 20px;
background: {{ Top_Header_Bar_Color }} !important;
font-size: 10px !important;
}

/* End Mobile Drop Down Nav */

/* —Categories Navigation— */

#header-navigation ul {
background-color: transparent;
height: 100%;
list-style-type: none;
margin: auto;
padding: 0;
text-align: justify;
width: 100%;
}

#header-navigation ul li {
display:inline;
position:relative;
padding:35px 0px;
}

#header-navigation ul li.break {
margin-left:100%;  /* use e.g. 1000px if your ul has no width */
}

#header-navigation li a {
color: {{ Header_Navigation_Link_Color }};
display: inline-block;
font-family: {{ Header_Navigation_Link_Font }};
font-size: {{ Header_Navigation_Link_Size }}px;
padding:35px 0px;
font-weight: 500;
text-transform: uppercase;
word-spacing: 5px;
}

#header-navigation li a:hover {
color: {{ Header_Navigation_Link_Hover_Color }} !important;
}

#sub-categories {
z-index: 99999;
top: 46%;
list-style: none;
position: absolute;
left: -9999px;
width: auto;
min-width: 100%;
}

#subcat-container {
float: left;
width: auto;
min-width: 100%;
top: 20px;
position:relative;
z-index: 999999;
background: {{ Sub_Header_Navigation_Link_Background_Color }};
}

#sub-categories li {
float: none;
padding: 0px !important;
}

#sub-categories li a {
width: 100%;
color: {{ Sub_Navigation_Link_Color }};
background: transparent;
text-align: left;
margin: 0;
padding: 10px 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
white-space: nowrap;
font-weight:normal !important;
}

#sub-categories li a:hover {
color: {{ Sub_Navigation_Link_Hover_Color }};
}

#header-navigation li:hover ul{ /* Display the dropdown on hover */
left:0; /* Bring back on-screen when needed */
}
#header-navigation li:hover a{ /* These create persistent hover states, meaning the top-most link stays ‘hovered’ even when your cursor has moved down the list. */
color: {{ Header_Navigation_Link_Color }};
}

#header-navigation li:hover #sub-categories a{ /* The persistent hover state does however create a global style for links even before they’re hovered. Here we undo these effects. */
text-decoration:none;
}
#header-navigation li:hover #sub-categories li a:hover{ /* Here we define the most explicit hover states–what happens when you hover each individual link. */
background:inherit;
}

/* —-Mobile Navigation—- */
mobsearch {
margin: 0;
padding: 7px 4.28571428571429%;
border-bottom: 1px solid #c9c9c9;
height: 31px;
}

#header-navigation #mobtopnav {
float: left;
top: 0px;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 9999;
position: relative;
box-sizing: border-box;
border-top: 0!important;
}

#mobilenav, #mobilesearch {
display:none !important;
}

#mobilenav.active, #mobilesearch.active {
display:inline !important;
}

#mobsearch .placeholder {
margin-bottom: 0;
}

#mobtopnav li a {
display: block;
font-style: normal;
font-weight: normal;
padding: 0.75em 1em;
text-decoration: none;
}

#mobtopnav li {
border-bottom: 1px solid #eeeeee;
}

.minicart-mobile {
width: 98%;
padding: 10px;
border-bottom: 1px solid #eeeeee;
}

.minicart-mobile ul {
display: inline;
float: right;
}

.minicart-mobile li {
float: left;
border: 0px !important;
padding: 0px;
margin-right: 10px;
}

.minicart-mobile li:first-child:after {
content:”|”;
padding-left:10px;
}

.minicart-mobile li  img {
margin-top:-5px;
}

#mobtopnav {
margin: 0px 0px 10px 0px;
border-top: 1px solid #000000;
text-align:left;
}

#mobtopnav li {
position:relative;
width:100% !important;
float:left;
}

#mobsubnav {
margin:0px;
}

#mobilenav-headers {
font-weight: bold;
padding: 10px;
text-transform: uppercase;
font-size: 16px;
}

.cart-items-mobile {
padding: 5px;
background: {{ Headings_Background_Color }};
right: 2%;
position: absolute;
color: {{ Headings_Text_Color }};
top: 10%;
}

#mobilenav  .search {
padding: 10px;
}

#mobilenav #search {
position: relative;
bottom: 0px;
top:0px;
}

#mobilenav #search-submit {
display: none;
}

#mobilenav form {
margin:0px !important;
}

#mobilenav  #search-input {
width: 98%;
height: auto;
padding: 5px;
border-radius: 0px;
box-shadow: none;
font-size: 11px;
border: 1px solid #dddddd;
vertical-align: middle;
text-transform: uppercase;
}

#mobilenav  #search-submit {
position: absolute;
float: right;
top: 20px;
right: 20px;
}

#mobtopnav > li > ul > li > a {
padding: 0px;
font-size: 90%;
background: none;
}

#mobtopnav > li > ul > li > a:hover {
color: {{ Main_Text_Color }};
}

#mobtopnav > li > ul > li {
border:none;
}

#mobtopnav .sub-categories {
border: none;
margin: 0px;
padding: 5px 0px 5px 30px;
border-top: 1px solid #c9c9c9;
background: #eeeeee;
}

/* Minicart Styles————————————————-*/

#minicart {
display: inline-block;
float: right;
font-size: 11px;
height: 18px;
margin-left: 10px;
margin-top: 3px;
padding: 0;
right: 0;
text-transform: uppercase;
top: 0;
width: auto;
}

.minicart-icon {
margin-top: -2px;
}

#minicart li {
color: {{ Top_Header_Bar_Text_Color }};
float: right;
margin-left: 5px;
text-transform: uppercase;
}

#minicart li.cart-count {
margin-top:10px;
}

#minicart li:last-child {
margin-left: 0;
margin-right: 0;
}

/* Search Bar Styles————————————————-*/

#search {
background: none repeat scroll 0 0 transparent;
display: inline-block;
float: right;
height: 19px;
margin-right: 0;
margin-top: -1px;
padding: 0;
position: relative;
width: auto;
}

#search form {
margin-bottom:0px;
}

#search-input {
border: 1px solid #eee;
border-radius: 0;
box-shadow: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
font-size: 10px;
height: 18px;
margin-top: 3px;
padding: 1px;
text-transform: uppercase;
width: 100px;
}

#search-form {
position: relative;
}

/*============= End Header Area========================*/

/*============= Begin Main Content Styles========================*/

#contents {
background: none repeat scroll 0 0 transparent;
float: right;
height: 100%;
margin-bottom: 20px;
margin-top: 20px;
min-height: 300px;
padding: 0;
width: 100%;
}

#main-content {
background: transparent;
padding: 0px;
width:100%;
float:right;
}

body.custom #main-content h2, body.custom #main-content h3, body.custom #main-content h4 {
font-weight: bold;
margin-bottom: 10px;
margin-top: 0;
text-transform: uppercase;
}

#breadcrumbs {
display: none;
font-size: 11px;
margin-bottom: 10px;
text-transform: uppercase;
}

.page-title {
font-family: {{ Headings_Font }};
font-size: 20px;
font-weight: bold;
line-height: 100%;
margin: 0 0 10px;
text-transform: uppercase;
}

#home-page .page-title {
display:none;
}

/*============= End Main Content Styles========================*/

/*************************************************************
BEGIN STORE PAGES
*************************************************************/

/*============= Begin Products Grid Styles========================*/

#category-banner {
margin-bottom: 7px;
}

#category-banner > img {
width: 100%;
}

#featured-products-text {
background: {{ Top_Header_Bar_Color }};
border-bottom: medium none;
color: {{ Top_Header_Bar_Text_Color }};
float: left;
font-family: {{ Headings_Font }};
font-size: 15px;
font-weight: bold !important;
line-height: 100%;
margin-bottom: 10px !important;
margin-left: 0;
margin-top: 10px !important;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
width: 100%;
}

#choose-category {
margin:0px 0px 10px 0px;
}

#categories-form {
border-radius: 0;
text-transform: uppercase;
}

#categories-form option {
text-transform: uppercase;
}

{% capture products_css %}

#products .product-title {
font-family: {{ Headings_Font }};
font-size: {{ Main_Font_Size }}px;
font-weight: bold !important;
line-height: 125%;
margin-bottom: 0 !important;
text-align: left;
text-transform: uppercase;
}

#products .product-price {
background: none repeat scroll 0 0 transparent;
float: left;
font-size: {{ Main_Font_Size }}px;
font-weight: normal;
margin: auto;
padding-bottom: 2px;
padding-top: 2px;
text-align: left;
width: 100%;
}

#products .product-info {
border-top:none;
float:left;
padding:5px 0 15px;
}

#products {
background:none repeat scroll 0 0 transparent;
display:inline;
float:left;
margin:0;
padding:0px;
}

#products div.product {
border-top: 0 none;
display: inline-block;
float: none;
height: 100%;
box-sizing: border-box;
margin-right: 0.5%;
position: relative;
width: 24.18%;
}

#products div.product:hover {
opacity: 0.9;
}

#sold {
background-color: {{ Top_Header_Bar_Color }};
display: inline-block;
left: 0;
margin-left: 10px;
margin-top: 10px;
padding: 2px 5px;
position: absolute;
z-index: 999;
}

.soldout {
color: {{ Top_Header_Bar_Text_Color }};
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
}

#home-page #products div.last {
margin-right: 0;
}

#products div.last {
margin-right:0px;
}

#products .product-price > span {
width: 100%;
}

#products .product-price>del {
font-weight: normal;
color: #aaaaaa;
margin-right: 5px;
float: left;
}

#sale {
background-color: #ee0000;
display: inline-block;
left: 0;
margin-left: 10px;
margin-top: 10px;
padding: 2px 5px;
position: absolute;
z-index: 999;
}

#sale .onsale {
color: white;
font-family: {{ Headings_Font }};
font-size: 16px;
font-weight: bold !important;
line-height: 100%;
text-transform: uppercase;
}

#products,#products .product-pic,#product-images .images-nav {
background:none repeat scroll 0 0 transparent;
}

#products .product-img,html #products .product-info {
width:100%;
}

.current-product-counter {
display:none;
}

{% endcapture %}

{{ products_css }}

.pagination {
margin: 10px 0;
float: left;
}

.pagination li {
float: left;
margin-right: 5px;
background: {{ Top_Header_Bar_Color }};
color: #ffffff;
padding: 0px 5px;
border: 1px solid #000000;
}

.pagination li a {
color: #ffffff;
}

/*============= End Products Grid Styles========================*/

/*============= Begin Individual Product Page Styles========================*/

#product-form .options {
margin-top:0px;
padding-top:0px;
}

#product-content {
float: left;
margin-bottom: 10px;
margin-right: 0;
padding-bottom: 0;
}

#product-content .flex-control-nav {
top: 2%;
right: 2%;
font-size: 0px;
text-align: right;
display:none;
}

#product_images {
border-right: 0 solid #666666;
float: left;
margin-bottom: 0;
margin-left: 0;
padding-right: 0;
width: 68.3%;
}

#product_thumbnails {
float: right;
margin: 0;
padding: 0;
width: 15.35%;
}

#product_thumbnails li {
list-style:none;
}

li.thumbnail {
border: medium none;
box-shadow: none;
float: right;
height: 100%;
margin-bottom: 8px;
margin-top: 0;
padding: 0;
text-align: right;
width: 100%;
}

li.thumbnail img {
width: 100%;
cursor:pointer;
}

li.featured {
float: left;
list-style: none outside none;
margin-right: 5px;
position: relative;
width: 83%;
}

li.featured img {
max-height: none;
float: left;
width: 100%;
}

#product-details {
float: right;
height: auto;
margin-left: 10px;
padding-left: 0;
width: 30%;
}

#product-details .soon {
float:left;
}

.intro-info {
-moz-box-sizing: border-box;
box-sizing: border-box;
background: none repeat scroll 0 0 #e5e5e5;
float: left;
margin: 10px 0;
padding: 15px 15px 10px;
width: 100%;
}

.intro-info .tabs, .intro-info #t1, .intro-info #t2, .intro-info #t3 {
display:none;
}

#product-desc {
margin-top: 20px;
float: left;
}

.inner-info {
border: 1px solid;
padding: 10px;
}

#t1 br:first-child, #t2 br:first-child, #t3 br:first-child {
display:none;
}

/* End Tabbed Product Description Styles */

#product-form {
margin-top: 10px;
float: left;
width: 100%;
}

#product-details .info {
width: 100%;
}

#product-form .options {
clear: none;
display: inline-block;
height: 30px;
width: 44%;
}

#product-options span {
text-transform: uppercase;
width: 100%;
margin-bottom: 5px;
font-weight: normal;
font-size: {{ Main_Font_Size }}px;
float: left;
}

#product-form .options select {
border-radius: 0;
height: 28px;
margin: 0;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
line-height: 150%;
}

#product-details .price {
float: left;
font-size: 30px;
margin: 0 !important;
width: auto;
}

#product-details .price > span {
display: inline-block;
font-size: 30px;
margin-right: 5px;
padding: 0;
}

#product-details .price>del {
margin-right: 10px;
font-size: 90%;
float: left;
color: #aaaaaa;
display: inline-table;
margin-top: 0;
display: inline;
}

#product-details .name {
display: inline-block;
font-family: {{ Headings_Font }};
font-size: 30px;
font-weight: bold !important;
line-height: 100%;
margin-bottom: 5px !important;
text-transform: uppercase;
width: 100%;
}

.addthis_toolbox.addthis_pill_combo {
clear: both !important;
color: transparent;
float: left;
font-size: 0;
margin-top: 10px;
width: 100%;
}

.addthis_counter.addthis_pill_style a.atc_s {
float: left;
display: none;
}

.addthis_button_tweet {
width: 95px;
}

.addthis_button_facebook_like {
width:80px;
}

.addthis_button_pinterest_pinit {
margin-left: 5px;
margin-top: 0px;
max-width:30%;
}

.addthis_toolbox.addthis_pill_combo a {
float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
.addthis_toolbox.addthis_pill_combo a.addthis_counter {
margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
margin-right: 4px;
float: left;
}

#product-content .flexslider {
margin-bottom:10px;
}

#cboxLoadedContent {
background: transparent !important;
padding: 2px !important;
}

#cboxContent {
background: transparent !important;
margin-top: 32px;
overflow: visible;
}

#cboxOverlay {
background: #000000 !important;
}

/* Begin Tabbed Product Description Styles */

.intro-info {
float: left;
font-size: 12px;
margin: 10px 0px;
width: 100%;
}

.intro-info .tabs, .intro-info #t1, .intro-info #t2, .intro-info #t3 {
display:none;
}

#product-desc {
margin-top: 20px;
float: left;
}

.tabs li {
list-style:none;
display:inline;
}

.tabs li a {
background: none repeat scroll 0 0 #aaaaaa;
color: #FFFFFF;
display: inline-block;
max-width:25%;
font-size: 12px;
font-weight: bold;
padding: 5px 10px;
text-transform: uppercase;
}

.tabs a.active {
background: none repeat scroll 0 0 #555555;
}

.inner-info {
border: 1px solid;
font-size: 12px;
padding: 10px;
}

#t1 br:first-child, #t2 br:first-child, #t3 br:first-child {
display:none;
}

/* End Tabbed Product Description Styles */

/*============= End Individual Product Page Styles========================*/

/*============= Begin Cart Page Styles========================*/

#cart-content {
float: left;
margin-bottom: 30px;
}

#cart-table {
border-collapse: collapse;
border-spacing: 0;
text-align: left;
width: 100%;
}

/* Cart Table Columns ————————————–*/

#col-item    { width: 450px; text-align:left }
#col-price    { width: 65px; }
#col-qty    { width: 40px; }
#col-total    { width: 65px; }
#col-options  { width: 20px; }

/* Cart Table Header —————————————*/

#cart-head {
background: {{ Headings_Background_Color }};
color: {{ Headings_Text_Color }};
text-transform: uppercase;
}

#cart-head th {
padding:8px;
}

#head-item {
padding-left: 0px;
}

#head-options span {
display: none;
}

/* Cart Table Body —————————————–*/

#cart-form table {
margin-bottom: 30px;
border: 1px solid #eeeeee;
}

#cart-form thead {
background: {{ Top_Header_Bar_Color }};
color: {{ Top_Header_Bar_Text_Color }};
font-family: {{ Headings_Font }};
text-transform: uppercase;
}

#cart-form th {
border: none!important;
font-size: 12px;
}

#cart-form input[type=”text”] {
margin-top:10px;
border-radius: 0px;
box-shadow: none;
text-align: left;
}

#cart-form td {
vertical-align: middle;
text-transform: uppercase;
font-size: 12px;
}

#cart-form td.item-remove {
padding: 0 10px;
width: 10px;
}

#cart-form .item-remove span {
background: none repeat scroll 0 0 red;
color: #FFFFFF;
font-family: {{ Main_Text_Font }};
font-size: 10px;
font-weight: bold;
padding: 5px;
text-transform: uppercase;
}

#remove-btn-phone a{
font-size: 8px;
}

#cart-form .item-remove  span {
font-size: 9px;
}

#cart-form .item-total {
width: 115px;
}

#cart-form .item-name {
width: 465px;
}

#cart-form .item-img {
width:80px;
min-width:30px;
}

#cart-form .item-img img {
border:1px solid #eeeeee;
}

#cart-form .item-qty input{
width:15px;
text-align:center;
}

.discount-info {
float: left;
width: 100%;
font-size: 13px !important;
}

.discount-info .discount {
float:left;
}

#checkout-continue-mobile .cart-total {
text-transform:uppercase;
width: 100%;
float: left;
border-top: 1px solid #000;
margin-top: 10px;
border-bottom: 1px solid #000;
margin-bottom: 10px;
padding: 10px 0px;
}

#checkout-continue-mobile label {
float: none;
text-align: left;
width: 100%;
margin-bottom: 5px;
text-transform:uppercase;
}

#checkout-continue-mobile .discount-info {
float:left !important;
text-transform:uppercase;
}

#checkout-continue-mobile .cart-total h3 {
text-align: center;
line-height: 150%;
float:none;
text-transform:uppercase;
}

#checkout-continue-mobile #country {
width: 100%;
float: none;
border-radius: 0px;
text-transform:uppercase;
}

#checkout-continue-mobile .cart-button {
background: #222222;
color: #ffffff;
border: none;
text-transform:uppercase;
}

#checkout-continue-mobile  .cart-shipping label {
display:block
text-transform:uppercase;
}

#checkout-continue-mobile #cart_discount_code {
float: left;
width: 97%;
text-transform:uppercase;
}

#checkout-continue-mobile #update-btn-footer {
width:100%;
padding:5px;
float:none;
text-transform:uppercase;
}

p.alert-noitems {
margin: 10px;
font-family: {{ Main_Font }};
text-transform: uppercase;
}

/* Cart Footer ———————————————*/

#cart-footer {
margin: 0;
}

#cart-footer .cart-update {
border-bottom: none;
border-top: none;
padding: 10px 0;
text-align: right;
width:100%;
float:left;
}

#update-btn-head {
display: none;
}

#cart-footer .cart-shipping {
float: left;
display: inline;
margin: -50px 0 0 0px;
color: {{ Main_Text_Color }};
font-family: {{ Main_Font }};
text-transform: uppercase;
}

#cart-footer .cart-total h3 {
font-size: 20px;
margin: 0;
}

#cart-footer #country {
margin-left: 5px;
vertical-align: middle;
padding: 5px;
border: 1px solid #999999;
text-transform: uppercase;
border-radius: 0px;
}

.cart-shipping label {
display:inline;
}

#cart-footer .cart-discount {
border-bottom: 0 solid #ddd;
padding: 10px 0;
text-align: left;
float:left;
}

#cart-footer .cart-discount label {
text-transform: uppercase;
font-size: {{ Main_Font_Size }}px;
color: {{ Main_Text_Color }};
}

#cart-footer #cart_discount_code {
height: 20px;
width: 145px;
padding: 5px;
font-size:11px;
text-transform: uppercase;
margin:0px;
}

#cart-footer .cart-discount p {
margin: 1px 0;
}

#cart-footer .cart-total {
padding: 10px;
text-align: right;
float: right;
margin-top: 10px;
width: 290px;
border: 1px solid #eeeeee;
margin-bottom: 20px;
text-transform:uppercase;
}

#cart-footer .cart-total .grand-total {
float: left;
width: 100%;
background: #f1f1f1;
padding: 10px;
margin: 0px -10px -10px -10px !important;
}

.cart-total .total, .cart-total .shipping {
float:left;
}

#cart-footer .cart-total p {
margin-bottom: 0;
color: {{ Main_Text_Color }};
}

#cart-shipping-tax {
float:left;
width:100%;
}

#cart-footer .cart-total #cart-shipping-tax p {
margin-bottom: 7px;
font-size: 13px;
color: {{ Main_Text_Color }};
text-transform: uppercase;
}

#cart-footer .cart-options {
float: right;
margin-bottom: 25px;
margin-top: 0px;
width: 100%;
}

#cart-footer .cart-checkout {
float: left;
}

span.total-discount,
span.total-shipping {
font-weight: bold;
}

/*============= End Cart Page Styles========================*/

/*============= Begin Contact Page Styles========================*/

#contact-content {
padding:0px;
}

#contact-content .form-horizontal .control-label {
text-align: left;
width: 0px;
text-transform: uppercase;
}

#contact-info {
margin-left: 0;
width: 40%;
}

#contact-info p {
line-height: 150%;
margin-bottom: 1em;
margin-top: 10px;
padding-left: 0;
}

#contact-form {
border-left: medium none;
max-width: 100%;
padding: 10px 0;
}

#contact-form-container {
margin-left: 10px;
width: 58%;
}

#contact-form input, .input-xxlarge{
border-radius: 0px;
box-shadow: none;
}

#contact-form p {
margin-bottom:10px;
}

#contact-form input, .input-xxlarge {
border-radius: 0 0 0 0;
box-shadow: none;
width: 100%;
}

#contact-form p, #captcha-div {
border: 1px solid;
display: inline;
float: left;
margin: 0 -3px 10px 180px;
width: auto;
}

/*============= End Contact Page Styles========================*/

/*============= Begin Blog Page Styles========================*/

#loading_blog {
text-transform: uppercase;
font-size: 18px;
}

#loading_blog span {
width: 100%;
float: left;
margin-bottom: 10px;
}

#blog_content.with_side #side_bar h1, #blog_content.with_side #side_bar h2, #blog_content.with_side #side_bar h3, #blog_content.with_side #side_bar h4, #blog_content.with_side #side_bar h5, #blog_content.with_side #side_bar h6 {
background: {{ Top_Header_Bar_Color }};
color: {{ Top_Header_Bar_Text_Color }};
font-size: {{ Main_Font_Size }}px !important;
font-weight: normal;
padding: 5px 5px 5px 8px;
text-align: left;
text-transform: uppercase;
}

#blog_content .post_title > h2 {
font-size: 20px !important;
margin-bottom: 0 !important;
text-transform: uppercase;
}

#blog_content .post_title {
padding-bottom: 16px;
}

#blog_content .entry_share_container {
border-top-style: solid;
border-top-width: 0 !important;
font-size: 11px;
margin-top: 5px !important;
padding-top: 9px !important;
}

#side_bar #top_box h3 {
margin-bottom:0px !important;
line-height:100%;
text-align:left;
}

#blog_content #top_box {
border: 1px solid;
float: left;
width:100%;
}

#blog_content #tweet_box, #blog_content #like_box, #blog_content #top_box, #blog_content #bot_box {
margin-bottom: 20px;
padding: 0 0 10px;
}

#blog_content.with_side #side_bar > div > ul > li a {
display: block;
padding: 0px;
text-align: left;
width: auto;
}

#blog_content.with_side #side_bar > div > ul > li {
list-style: none !important;
margin: 0px ;
text-transform: uppercase;
float: left;
width: 100%;
}

#blog_content.with_side #side_bar > div > ul > li a:hover {
filter: alpha(opacity=80);
opacity: .8;
}

#blog_content.with_side #side_bar>div>ul {
margin-left: 0;
padding: 0px 10px;
float: left;
width: 86%;
margin-top: 10px;
margin-bottom: 0;
list-style: none outside;
}

#tweet_box {
float:left;
}

#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
color: {{ Main_Text_Color }} !important;
}

#twtr-widget-1 .twtr-tweet a {
color: {{ Main_Link_Color }} !important;
}

#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 {
background: none repeat scroll 0 0 transparent !important;
color: {{ Main_Text_Color }} !important;
text-align: left !important;
}

.twtr-widget h3 {
font-size: 20px !important;
font-weight: normal !important;
margin-top: 3px !important;
}

.twtr-widget h4 {
display: none;
font-size: 16px !important;
}

#blog_content.with_side #side_bar, #blog_content.with_side #side_bar p, #blog_content #tweet_box .twtr-widget.twtr-widget-profile .twtr-hd > h4, #blog_content #tweet_box .twtr-widget.twtr-widget-profile {
font-family: {{ Main_Font }};
line-height: 1.2;
}

#blog_content.with_side #post_bar {
float: left;
width: 76%;
max-width: 810px;
}

#blog_content #post_bar iframe {
max-width:100%;
}

#blog_content #tweet_box, #blog_content #like_box, #blog_content #top_box, #blog_content #bot_box {
padding: 0 0 10px !important;
width: 100%;
}

#blog_content .post_content img, #blog_content .post_content img[style] {
height: auto !important;
max-width: 100% !important;
}

#side_bar {
float: right;
padding: 0 0 0 10px;
width: 20%;
}

#additionalcontent {
float: left;
}

/*============= End Blog Page  Styles========================*/

/*************************************************************
END STORE PAGES
*************************************************************/

/* Action Buttons Styles ————————————————-*/

#cart-footer .checkout-btn {
background: {{ Top_Header_Bar_Color }};
border:medium none;
cursor:pointer;
height:auto;
margin-left:8px;
width:auto;
padding:10px 20px;
float:right;
}

#cart-footer .checkout-btn span {
color: {{ Top_Header_Bar_Text_Color }};
text-transform: uppercase;
line-height: 20px;
display: inline;
font-size: 20px;
}

#cart-footer .update-btn {
background: {{ Top_Header_Bar_Color }};
border:medium none;
cursor:pointer;
height:auto;
width:auto;
padding:10px;
}

#cart-footer .update-btn span {
display: inline;
font-size: {{ Main_Font_Size }}px;
text-transform: uppercase;
color: {{ Top_Header_Bar_Text_Color }};
font-family: {{ Headings_Font }};
}

.apply-discount {
margin-left: 5px;
height: auto;
float: right;
padding: 6px 10px !important;
}

#continue-shopping {
float: right;
}

#continue-shopping a {
color: {{ Main_Text_Color }};
padding: 10px;
text-transform: uppercase;
float: left;
font-size: {{ Main_Font_Size }}px;
}

#product-addtocart {
background: {{ Top_Header_Bar_Color }};
border: medium none;
color: {{ Top_Header_Bar_Text_Color }};
cursor: pointer;
display: inline-block;
height: 28px;
margin-top: 0;
width: 215px;
padding: 0;
text-transform: uppercase;
max-width: 54%;
}

#product-addtocart span {
display: inline;
font-family: {{ Headings_Font }};
font-size: {{ Main_Font_Size }}px;
font-weight: bold;
line-height: 100%;
}

#contact-submit {
background: {{ Top_Header_Bar_Color }};
color: {{ Top_Header_Bar_Text_Color }};
border: medium none;
padding: 15px 20px;
clear: both;
font-size:20px;
cursor: pointer;
display: block;
height: auto;
text-transform: uppercase;
margin: 0 0 0 180px;
}

#contact-submit span {
display: inline;
}

#search-submit {
display: none;
}

#product-addtocart:hover, #cart-footer .checkout-btn:hover, #contact-submit:hover, #cart-footer .update-btn:hover {
background:#444444;
}

#checkout-continue-mobile {
width:100%;
}

#checkout-continue-mobile .checkout-btn {
width: 100%;
background: black;
border: none;
color: white;
text-transform: uppercase;
font-size: 20px;
padding: 15px 10px;
margin-bottom: 10px;
}

#checkout-continue-mobile #continue-shopping {
width: 100%;
padding: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
background: {{ Footer_Color }};
text-align: center;
}

#checkout-continue-mobile #continue-shopping a {
float:none;
padding:0px;
background:transparent;
font-family: {{ Headings_Font }};
}

#checkout-continue-mobile #continue-shopping button {
width: 100%;
border: none;
padding: 10px;
text-transform: uppercase;
color: {{ Main_Text_Color }};
font-size: {{ Main_Font_Size }}px;
}

/*************************************************************
BEGIN SPECIAL STYLES
*************************************************************/

/*============= Begin Related Products Styles========================*/
#related_products {
float: left;
margin-right: 0;
padding: 0;
margin-bottom:20px;
width: 100%;
}

#related-products-text {
border-bottom: medium none;
float: left;
font-family: {{ Headings_Font }};
font-size: 30px;
font-weight: bold !important;
line-height: 125%;
margin: 10px 0 !important;
text-align: left;
text-transform: uppercase;
width: 100%;
}

{{ products_css | replace: “#products” , “#related_products”  | replace: “width:945px; /* Product Grid Width */” , “” | replace: “min-width: 225px;” , “min-width: 0px”}}

#related_products .product-info {
height: auto;
padding-bottom: 5px;
}

/*============= End Related Products Styles========================*/

/*============= Begin Home Page Slider ========================*/

.flexslider .slides > li {
display: none;
position:relative;
}

#home-flex {
width:100%;
}

#home-flex #content {
position: absolute;
width: 100%!important;
top: 0px;
left: 0px;
}

.flex-viewport {
width:100% !important;
}

.slide-text {
left: 1.5%;
max-width: 35%;
position: absolute;
top: 3%;
}

.slide-heading {
color: {{ Slide_Heading_Text_Color }};
font-family: {{ Headings_Font }};
font-size: {{ Slide_Heading_Font_Size }}px;
font-weight: 900;
line-height: 70%;
max-width: 100%;
opacity: 0;
padding: 0;
position: relative;
text-align: left;
text-shadow: -4px 0 2px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}

.slide-action-text {
background: {{ Slide_SubHeading_Background_Color }};
color: {{ Slide_Heading_Text_Color }};
display: inline-block;
font-family: {{ Headings_Font }};
font-size: {{ Slide_SubHeading_Font_Size }}px;
font-weight: 700;
line-height: 100%;
margin-top: 15px;
padding: 10px;
position: relative;
text-align: center;
text-transform: uppercase;
width: auto;
}

/*============= End Home Page Slider ========================*/

/*============= Begin Slider ========================*/

.flex-direction-nav a {
background: url(“http://www.themefiend.com/tf-themes/_images/arrows/15.png”) repeat scroll 0 0 transparent;
height: 104px !important;
opacity: 0.1 !important;
filter: alpha(opacity=10) !important;
width: 51px !important;
}

.flex-direction-nav .flex-next {
background-position: 100% 0 !important;
right: 15px !important;
}

.flex-direction-nav .flex-prev {
left: 15px !important;
}

.flex-direction-nav .flex-next:hover, .flex-direction-nav .flex-prev:hover {
opacity:.3 !important;
filter: alpha(opacity=30) !important;
}

.flexslider .slides img {
width:100% !important;
}

#home-flex .flex-control-nav {
display:none;
}

#gallery-flex .flex-control-nav {
width: 10%;
position: absolute;
bottom: 0;
color: transparent;
text-align: right;
font-size: 0;
top: 2%;
right: 2%;
overflow: visible;
}

#gallery-flex  .flex-control-thumbs li {
width: 100%;
float: right;
margin: 0;
margin-bottom: 5px;
}

#gallery-flex  .flex-control-thumbs img {
border:1px solid #000000;
}

.flexslider{
overflow:hidden;
}

#home-flex  .flex-control-nav {
width: auto;
position: absolute;
bottom: 0px;
color: transparent;
text-align: right;
font-size: 0px;
top: 3%;
right: 2%;
}

#home-flex .flex-control-paging li a {
width: 20px;
height: 20px;
display: block;
font-size: 10px;
color: #ffffff;
text-decoration:none;
text-align: center;
text-indent:0px;
}

.flexslider {
margin: 0px;
background: transparent;
border: none !important;
position: relative;
border-radius:0px !important;
zoom: 1;
box-shadow:none !important;
}

#carousel .slides li {
opacity:.7;
cursor:pointer;
margin-right:10px;
}

#carousel .slides .flex-active-slide, #carousel .slides li:hover  {
opacity:1 !important;
}

#carousel .flex-direction-nav a {
display:none;
}

#gallery-slider {
margin-bottom:10px;
}

#gallery-intro {
margin-bottom:10px;
}

/*============= End Slider ========================*/

/* Newsletter Form Styles————————————————-*/

#newsletter-container {
margin-right: 0px;
margin-top: 0px;
margin-bottom: 10px;
position: relative;
clear: both;
right: 0;
width: 100%;
white-space:normal;
}

#newsletter-container h3 {
font-weight: bold !important;
}

#newsletter-form {
color: #000;
float: left;
height: auto;
min-height:20px;
border: 1px solid #000000;
border-radius: 0px;
margin-top: 0;
background: #ffffff;
padding: 5px;
text-transform: uppercase;
width: 66%;
}

#newsletter-title {
color: {{ Main_Text_Color }};
font-size: 11px;
font-weight: bold;
text-align: left;
text-transform: uppercase;
}

#signup-btn {
background: none repeat scroll 0 0 #000;
border: 1px solid #000;
border-radius: 0;
color: #fff;
cursor: pointer;
float: left;
padding: 0px;
box-shadow: none;
font-size: 10px;
height: 32px;
margin-left: 0;
text-shadow: none;
text-transform: uppercase;
vertical-align: middle;
width: 28%;
min-width: 60px;
max-width:100px;
}

/*************************************************************
END SPECIAL STYLES
*************************************************************/

/*============= Begin Footer Styles========================*/

#footer {
background: {{ Footer_Color }};
border-top: medium none;
clear: both;
color: {{ Footer_Text_Color }};
float: left;
height: 100%;
margin-bottom: 0;
width: 100%;
}

#inner-footer {
border-top: 1px solid gray;
height: 100%;
margin: auto;
padding-top: 20px;
text-align: left;
width: 80%;
}

#footer h3 {
font-family: {{ Headings_Font }};
font-size: 20px;
font-weight: bold;
line-height: 125%;
margin: 0;
text-transform: uppercase;
}

#footer .footer-column {
float:left;
margin-right:10px;
margin-bottom:10px;
margin-left:0px;
padding:0px;
width:31%;
}

#footer a {
color: {{ Footer_Link_Color }};
}

#footer a:hover {
color: {{ Footer_Link_Color }};
font-weight: bold;
text-decoration: none;
}

#footer-navigation {
width:100%;
display:block;
margin-bottom:5px;
}

#footer-navigation ul {
margin:0px;
padding:0px
}

#footer-navigation li {
list-style: none;
float: left;
width: 100%;
}

#footer-navigation li a {
color: {{ Footer_Link_Color }};
display: block;
float: left;
text-transform: uppercase;
width: auto;
}

#footer-text {
float: left;
font-size: 10px;
margin-bottom: 20px;
margin-top: 10px;
padding-top: 0;
text-align: left;
text-transform: uppercase;
width: 100%;
}

/* Social Network Button Styles————————————————-*/

#socialicons {
float: left;
width: 100%;
vertical-align: middle;
}

#icons li {
float: left;
margin-bottom: 5px;
list-style: none;
}

#socialicons img {
float: left;
margin-right: 5px;
width: auto;
max-width: none;
}

#icons {
vertical-align: middle;
display: inline-block;
}

#icons span {
vertical-align: middle;
text-transform: uppercase;
font-weight: bold;
}

#social-text {
text-transform: uppercase;
font-weight: bold;
display: inline-block;
vertical-align: middle;
height: 100%;
margin-right: 5px;
}

#bottomfooter {
background: {{ Bottom_Footer_Bar_Color }};
clear: both !important;
color: {{ Bottom_Footer_Bar_Text_Color }};
float: left;
font-size: 10px;
height: auto;
padding: 10px 0;
position: relative;
text-transform: uppercase;
width: 100%;
}

#bottomfooter a {
color: {{ Bottom_Footer_Bar_Text_Color }};
}

#bf-container {
margin: auto;
max-width: 80%;
padding: 0 10px;
}

#bf-container > span {
float: left;
}

/*============= End Footer Styles========================*/

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

#header-area {
position:relative;
width:auto;
}

#wrap {
padding:0px;
}

}

/*============= Media Screen 1024px========================*/

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

#header-area {
position: relative;
width: auto;
max-height: 115px;
}

#contents {
padding:0px;
}

#product-form .options {
width:100%;
}

#product-form .options select {
height: 30px;
width: 100%;
}

}

/*============= Media Screen 1024px========================*/

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

#top-header-contents {
margin: auto;
width: 90%;
}

#wrap {
margin: 0 auto;
max-width: none;
padding: 0;
position: relative;
text-align: left;
width: 90%;
}

#header {
margin: auto;
position: relative;
width: 90%;
}

#header h1 {
float: left;
font-size: 30px;
line-height: 100%;
max-width: 27%;
padding: 15px 15px 15px 0;
text-align: left;
width: auto;
}

#header-navigation {
margin-bottom: 0;
margin-top: 0;
position: relative;
width: 67%;
}

#header-navigation li {
padding:31px 0px;
}

#header-navigation li a {
padding:31px 0px;
}

#sub-categories li {
padding: 10px 20px;
}

#sub-categories li a {
padding: 10px 20px;
}

#inner-footer {
height: 100%;
margin: auto;
padding-top: 20px;
text-align: left;
width: 90%;
}

#bf-container {
margin: auto;
max-width: 90%;
padding: 0 10px;
}

#product-form .options select {
height: 30px;
width: 100%;
}

#product-addtocart {
height: auto;
margin-top: 10px;
padding: 10px 0;
width: 100%;
max-width: 100%;
}

#product-addtocart span {
font-size: 20px;
}

.tabs li a {
font-size:10px;
}

}

/*============= Media Screen 768px========================*/

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

#header-area {
max-height:none;
}

#header {
margin: auto;
position: relative;
text-align: center;
height:auto;
width: 100%;
}

#header-navigation {
float: right;
margin-bottom: 0;
margin-top: 0;
position: relative;
width: 100%;
}

#header-navigation ul li {
padding: 15px 0px;
}

#header-navigation li a {
font-size: 18px;
padding:0px;
word-spacing: 5px;
}

#sub-categories li {
padding: 10px 20px;
}

#sub-categories li a {
padding: 10px 20px;
}

#container {
background: transparent;
margin: 10px auto 0;
padding: 0;
text-align: left;
width: 100%;
}

#header h1 {
float: none;
font-size: 30px;
line-height: 100%;
margin: auto;
max-width: none;
padding: 5px 0;
text-align: center;
width: 100%;
}

#wrap {
width: 95%;
}

#products div.product, #related_products div.product {
float: none;
margin-left: 0px;
margin-right: .5%;
width: 48.8%;
}

#products div.last {
margin-right: 0px;
}

#top-header-contents {
margin: auto;
width: 90%;
}

#inner-footer {
width: 95%;
}

#footer .footer-column {
margin-bottom: 20px;
width: 100%;
}

#footer-navigation li {
margin-bottom: 10px;
}

#footer-navigation li a {
font-size: 16px;
}

.slide-action-text {
font-size: {{ Slide_SubHeading_Font_Size | times: 0.55 }}px;
margin-top: 8px;
padding: 5px;
}

.slide-heading {
font-size: {{  Slide_Heading_Font_Size | times: 0.4 }}px;
}

#contents {
margin-bottom: 10px;
margin-top: 10px;
}

#product-details {
float: left;
margin-left: 0;
padding-left: 0;
width: 100%;
}

#product-addtocart {
height: auto;
margin-top: 10px;
padding: 10px 0;
width: 100%;
max-width:100%;
}

#product-addtocart span {
font-size: 20px;
}

#related-products-text {
float: left;
font-size: 20px;
}

#related_products div.product {
margin-left: 0px;
margin-right: 0px;
width: 49.3%;
}

.intro-info {
background: none repeat scroll 0 0 transparent;
float: left;
margin: 10px 0;
padding: 0;
width: 100%;
}

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

#blog_content.with_side #post_bar {
float: left;
width: 100%;
max-width: 100%;
}

#side_bar {
width:100%;
margin:0px;
}

#contact-info {
margin-left: 0;
width: 100%;
}

#contact-form-container {
margin-left: 0px;
width: 100%;
}

#captcha-div {
margin: 10px 0px;
}

#contact-submit {
width:100%;
margin:0px;
}

#cart-form table {
margin-bottom:10px;
}

#cart-footer {
position: relative;
float: left;
width: 100%;
}

#cart-footer .cart-update {
width: 100%;
float: left;
}

.apply-discount {
display:none;
}

#cart-footer .update-btn {
width:100%;
}

#cart-footer .cart-shipping {
float: left;
display: inline;
margin: 0px;
width: 100%;
}

#cart-footer #country {
margin-left: 0px;
padding: 5px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-transform:uppercase;
}

#cart-footer .cart-discount {
float: left;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

.discount-info {
font-family:{{ Main_Font }};
}

#cart-footer #cart_discount_code {
width:100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
height:auto;
}

#cart-footer .cart-total {
text-align: right;
float: left;
margin-top: 10px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

#cart-footer .checkout-btn {
width: 100%;
margin-bottom: 10px;
}

#cart-footer .cart-options {
width:100%;
}

#continue-shopping {
width: 100%;
text-align: center;
}

#continue-shopping a {
float: left;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

}

/*============= Media Screen 240px========================*/

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

#products div.product {
float: none;
margin-left: .75%;
margin-right: .75%;
width: 47.4%;
}

}

Posted in .