/*
	Theme Name: Snatch
	Theme URI: http://fthemes.com/snatch-free-wordpress-theme/
	Description: Snatch is an elegant free WordPress business theme. Theme options at admin panel. Supports the post thumbnails and custom menus. Suitable for any niche especially for business or portfolio web sites
	Author: FThemes.com
	Author URI: http://fthemes.com
	Version: 3.1
    Tags: blue, gray, two-columns, right-sidebar
*/


/* =GENERAL
-------------------------------------------------------------- */

body {
    background: #ECECEC url(images/bg1.jpg) left top repeat-x;
background-attachment:fixed;
    color: #222222;
}

#wrapper {
}

#container {

}

a {
    color: #000;
    text-decoration: none;
}

a:hover, a:focus {
    color: #333;
    text-decoration: underline;
}

a:focus { 
    outline: none;
}

/* =HEADER
-------------------------------------------------------------- */

#header {
    height: 20px;
    padding: 6px 0;
}

.branding {
    float: left;
}

.header-right {
    float: right;
}

.logo {
    margin: 5px 0;
display:none;
}

h1.site-title {
    margin: 0;
    padding:0;
    font-family: Arial, Helvetica, Sans-serif;
    font-size:40px;
    line-height: 40px;
    font-weight: bold;
    color: #767474;
display:none;
}

h1.site-title a, h1.site-title a:hover {
    color: #767474;
    text-decoration: none;
}

h2.site-description {
    margin: 0;
    padding:0;
    color: #767474;
    font-family: Arial, Helvetica, Sans-serif;
    font-size:14px;
    line-height: 14px;
display:none;
}

/* =MENUS
-------------------------------------------------------------- */

/**
* Menu Primary
----------------------------*/

.menu-primary-wrap {
    padding: 0;
    position:relative;
    height: 58px;
    z-index: 400;
    float: right;
}

.menu-primary {
    float: right;
}

.menu-primary ul {
	min-width: 160px;
}

.menu-primary > li {
    margin-left: 0px;
}
/* First Level */
.menu-primary li a {
    color: #797878;
    padding: 31px 16px 14px 16px;
	text-decoration: none;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    background: url(images/menu-primary-bg.png) left top repeat-x;
}

.menu-primary li a:hover, .menu-primary li a:active, .menu-primary li a:focus, 
.menu-primary li:hover > a, .menu-primary li.current-cat > a, .menu-primary li.current_page_item > a, .menu-primary li.current-menu-item > a {
    color: #6C6969;
    background: url(images/menu-primary-bg.png) left -158px repeat-x;
    outline: 0;
}

/* Child Levels */

.menu-primary li li a {
	color: #fff;
    background-color: #57A8DB;
    text-transform: none;
    padding: 12px 16px;
    margin: 0;
    font-weight: normal;
    border: 0;
}

.menu-primary li li a:hover, .menu-primary li li a:active, .menu-primary li li a:focus, 
.menu-primary li li:hover > a, .menu-primary li li.current-cat > a, .menu-primary li li.current_page_item > a, .menu-primary li li.current-menu-item > a {
	color: #fff;
    background: #4C93C0;
    outline: 0;
    border: 0;
}

/* Arrows */

.menu-primary a.sf-with-ul {
    padding-right: 26px;
    min-width: 1px;
}

.menu-primary  .sf-sub-indicator {
    position: absolute;
    display: block;   
    overflow: hidden;
    right: 0;
    top:  0;
    padding: 29px 13px 0 0;
}

.menu-primary  li li .sf-sub-indicator {
    padding: 8px 13px 0 0;
}

/* Shadows */

.menu-primary-wrap .sf-shadow ul {
    background-image: url(images/menu-primary-shadow.png);
    background-position: bottom right; 
    background-repeat: no-repeat;
}

/**
* Menu Secondary
----------------------------*/

.menu-secondary-wrap {
    padding: 0;
    margin: 10px 0;
    position:relative;
    height: 38px;
    z-index: 300;
    background: url(images/menu-secondary-bg.png) left top repeat-x;
}

.menu-secondary {}

.menu-secondary ul {
    min-width: 160px;
}

/* First Level */
.menu-secondary li a {
    color: #555151;
    padding: 12px 15px 11px 15px;
	text-decoration: none;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0 1px 0 #F1F1F1;
}

.menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus, 
.menu-secondary li:hover > a, .menu-secondary li.current-cat > a, .menu-secondary li.current_page_item > a, .menu-secondary li.current-menu-item > a {
    color: #FFFFFF;
    background: url(images/menu-secondary-bg.png) left -138px repeat-x;
    outline: 0;
    text-shadow: 0 1px 0 #004E7F;
}

/* Child Levels */

.menu-secondary li li a {
	color: #fff;
    background: #3E81AC;
    padding: 10px 15px;
    text-transform: none;
    margin: 0;
    font-weight: normal;
    text-shadow: none;
}

.menu-secondary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:focus, 
.menu-secondary li li:hover > a, .menu-secondary li li.current-cat > a, .menu-secondary li li.current_page_item > a, .menu-secondary li li.current-menu-item > a {
	color: #fff;
    background: #4A95C4;
    outline: 0;
    text-shadow: none;
}

/* Arrows */

.menu-secondary a.sf-with-ul {
    padding-right: 26px;
    min-width: 1px;
}
.menu-secondary  .sf-sub-indicator {
    position: absolute;
    display: block;
    overflow: hidden;
    right: 0;
    top:  0;
    padding: 10px 13px 0 0;
}
.menu-secondary li li .sf-sub-indicator {
    position: absolute;
    display: block;
    overflow: hidden;
    right: 0;
    top:  0;
    padding: 8px 13px 0 0;
}

/* Shadows */

.menu-secondary-wrap .sf-shadow ul {
    background:	url('images/menu-secondary-shadow.png') no-repeat bottom right; 
}

/* =MAIN CONTENT
-------------------------------------------------------------- */

#main {
    background: #FFFFFF url('images/main-bg.png') 640px top repeat-y;

}

#main-fullwidth {
    background: #FFFFFF;

}

#content-wrap {}

.content {
    padding: 1px 1px 1px 10px; 
}

.post-wrap {
    
    margin-bottom: 5px;
    padding: 12px 1px 0 1px;
}
.post-wrap-page, .post-wrap-single {
    border-bottom: 0;
    margin-bottom: 0;
}

.post {
}

.title {
    color: #333333;
    margin: 0 0 10px 0;
    padding: 0;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
}

.title a {
    color: #333333;
    text-decoration: none;
}

.title a:hover {
    color: #3E81AC;
    text-decoration: none;
}

.generic {
    color: #333333;
    margin: 0px 0 10px 0;
    padding: 0 0 10px 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    font-family: Arial, Helvetica, Sans-serif;
    text-decoration: underline;
}

.entry {
    line-height: 20px;
}

.featured_image {
    padding: 6px;
    border: 1px solid #CBCBCB;
}

.postmeta-primary {
    color: #555555;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0 0 15px 0;
}

.postmeta-secondary {
    color: #555555;
    font-size: 11px;
    padding: 0 0 15px 0;
}

.postmeta-primary a, .postmeta-secondary a {
    color: #555555;
}

.postmeta-primary a:hover, .postmeta-secondary a:hover {
    color: #3E81AC;
}

.meta_date, .meta_author, .meta_comments, .meta_edit, .meta_categories, .meta_tags {
    padding:3px 0 3px 20px;
    background-position:left center;
    background-repeat: no-repeat;
}

.meta_date {
    background-image: url(images/time.png);
}

.meta_author {
    background-image: url(images/author.png);
}

.meta_comments {
    background-image: url(images/comments.png);
}

.meta_edit {
    background-image: url(images/edit.png);
}

.meta_categories {
    background-image: url(images/cat.png);
}

.meta_tags {
    background-image: url(images/tags.png);
}

.readmore-wrap {
    margin-bottom: 15px;
    float: right;
}

a.readmore {
    color: #6D6D6D;
    background: #E5E5E5 url(images/readmore-bg.png) 8px 6px no-repeat;
    padding: 6px 12px 6px 20px;
    font-size: 12px;
    line-height: 12px;
    display: block;
    text-decoration: none;
}

a.readmore:hover {
    color: #fff;
    background: #4187B3 url(images/readmore-bg.png) 8px -104px no-repeat;
    text-decoration: none;
}

/* Featired Posts */

.featuredposts {
    margin: 15px 0 0 15px;
    border: 1px solid #BFBFBF;
    width: 608px;
    background: #F8F8F8;
    
}

.fp-slides {
}

.fp-post {
    padding: 13px;
}

.fp-thumbnail {
    width: 580px;
    height: 300px;
    margin-bottom: 10px;
    overflow: hidden;
}

.fp-title {
    font-family: Arial, Helvetica, Sans-serif;
    color: #2C2A2D;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 4px 0;
    margin: 0;
}

.fp-title a {
    color: #2C2A2D;
    text-decoration: none;
}

.fp-title a:hover {
    color: #3E81AC;
    text-decoration: none;
}

.fp-label {
    color: #4B4A4A;
    margin: 15px 15px 0 15px;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    font-family: Arial, Helvetica, Sans-serif;
}

.fp-post p {
    color: #4B4A4A;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 12px;
    padding: 0;
    margin: 0;
    line-height: 16px;
}


.fp-more, .fp-more:hover{
    color: #3E81AC;
    font-weight: bold;
}


.fp-nav {
    width: 590px;
    padding: 0 10px 10px 10px;
}

.fp-pager a { 
    background-image: url(images/featured-pager.png); 
    cursor:pointer;  
    margin: 3px 6px 0 0; 
    padding: 0;
    height: 10px; 
    width: 10px; 
    display: block;
    float: left;
    overflow: hidden; 
    text-indent: -999px; 
    background-position: 0 0;
}
.fp-pager a:hover, .fp-pager a.activeSlide  { 
    text-decoration: none;
    background-position: 0 -110px;
}


.fp-prev {
    float:right;
    margin-right: 4px;
    width:15px;
	height:17px;
    opacity: 0.7;
    background:url(images/featured-prev.png) top left no-repeat;
}

.fp-prev:hover {
    opacity: 1;
}

.fp-prev:active {
    opacity: 0.7;
}

 .fp-next {
    float:right;
	width:15px;
	height:17px;
    margin-left: 4px;
    opacity: 0.7;
    background:url(images/featured-next.png) top left  no-repeat;
}

 .fp-next:hover {
    opacity: 1;
}

.fp-next:active {
    opacity: 0.7;
}

/* =SIDEBAR(S) & WIDGETS
-------------------------------------------------------------- */

#primary-sidebar-wrap {}

.sidebar-primary {
    color: #555555;
    padding: 15px;
    font-size: 13px;
}

.sidebar-primary a {
    color: #555555;
    text-decoration: none;
}

.sidebar-primary a:hover {
    color: #000;
    text-decoration: none;
}

/**
* General Widgets Styling
----------------------------*/

.widget-wrap {
    list-style-type: none;
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}

h3.widgettitle {
    color: #3B3B3B;
    font-size: 16px;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0  0 10px 0;
    padding: 9px 0 9px 6px;
    text-transform: uppercase;
    background: url(images/widget-title-bg.png) left top repeat-x;
    
    font-weight: bold;
}

h3.widgettitle a, h3.widgettitle a:hover {
    color: #3B3B3B;
    text-decoration: none;
}

/**
* Default Widgets
----------------------------*/

.widget ul {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 10px;
font-size:15px;
}

.widget ul li {
    padding: 6px 0 16px 24px;
    background: url(images/widget-list.png) left 11px no-repeat;
    border-bottom: 1px solid #E5E5E5;
}

.widget ul li:first-child {
  padding-top: 0;
    background: url(images/widget-list.png) left 6px no-repeat;
}

.widget ul li ul {
    margin-top: 10px;
}

/**
* Search
----------------------------*/

#search {
    border: 1px solid #B4B4B4;
    background: #FFFFFF;
    height: 30px;
    padding: 0;
    text-align: left;
}

#search #s {
    background: none;
    color: #6E6969;
    border: 0;
    padding: 4px;
    margin:3px 0 0 2px;
    float: left;
}

#search .search-image {
    border:0; 
    vertical-align: top;
    float: right;
    margin: 6px 4px 0 2px;
}

#search-wrap {
    width: 300px;
    padding: 15px 0;
}

.topsearch #search {
    margin-top: 14px;
}

/**
* Wp Calendar
----------------------------*/

#wp-calendar td:hover, #wp-calendar #today {
    background: #4187B3;
    color: #fff;
}

#wp-calendar td:hover a, #wp-calendar #today a {
    color: #fff;
}

/**
* 125x125 Banners Widget
----------------------------*/

.banners-125 {
    text-align: center;  
    margin-bottom: -10px;
}

.banners-125 img {
    margin: 0 5px 5px 5px;
}


/**
* Posts Widget
----------------------------*/

.posts-widget ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.posts-widget ul li {
    list-style-type: none; 
    padding: 0 0 15px 0; 
    margin: 15px 0 0 0;
    border-bottom: 1px solid #E5E5E5;
}

.posts-widget ul li:first-child {
    margin-top: 15px; 
}

.posts-widgettitle {
    font-weight: bold; 
    padding: 0 0 5px 0; 
    margin: 0; 
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 14px;
}

.posts-widgettitle a {}

.posts-widgettitle a:hover {}

.posts-widget-meta { 
    font-style: italic;  
    padding: 0 0 5px 0;
}

.posts-widget-entry {
    font-family: Arial, Helvetica, Sans-serif; 
    line-height: 20px;
}

.posts-widget-more {
    font-weight: bold;
}

.posts-widget-more:hover {}

.posts-widget-featured-image {
    border: 1px solid #E5E5E5;
    background: #fff;
    padding: 4px;  
}

.posts-widget .alignleft {
    margin: 0 8px 8px 0;
}

.posts-widget .alignright {
    margin: 0 0 8px 8px;
}

.posts-widget .aligncenter {
    margin-bottom: 8px;
}

/**
* Comments Widget
----------------------------*/

.comments-widget ul {
    list-style-type: none; 
    padding: 0; 
    margin: 0;
}

.comments-widget ul li {
    list-style-type: none; 
    padding: 0 0 10px 0; 
    margin: 10px 0 0 0;
    border-bottom: 1px solid #E5E5E5;
}

.comments-widget ul li:first-child {
    margin-top: 0;
}

.comments-widget-author {
    text-decoration: none; 
    font-weight: bold; 
    padding: 0 0 5px 0; 
    margin: 0;
}

.comments-widget-author:hover {}

.comments-widget-entry {
    font-family: Arial, Helvetica, Sans-serif; 
    line-height: 20px;
}

.comments-widget-more {
    font-weight: bold; 
}

.comments-widget-more:hover {}

.comments-widget-avatar {
    border: 1px solid #E5E5E5;
    background: #fff;
    padding: 4px;
}

.comments-widget .alignleft {
    margin: 0 8px 0 0;
}

.comments-widget .alignright {
    margin: 0 0 0 8px;
}

.comments-widget .aligncenter {
    margin-bottom: 8px;
}

/**
* Info Box Widget
----------------------------*/

.infobox-widget ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.infobox-widget ul li {
    list-style-type: none; 
    padding: 0; 
    margin: 5px 0 0 0;
}

.infobox-widget ul li a {
    text-decoration: none;
}

.infobox-widget-description {
    line-height: 20px;
}

.infobox-widget-more {
    font-weight: bold;    
}

.infobox-widget-more:hover {   
}


.infobox-widget .alignleft {
    margin: 0 10px 10px 0;
}

.infobox-widget .alignright {
    margin: 0 0 10px 10px;
}

.infobox-widget .aligncenter {
    margin-bottom: 10px;
}

.infobox-widget .inbottom {
    margin-top: 10px;
}

/**
* Social Connect Widget
----------------------------*/

.social-connect-widget {
    background: #F1F0F0;
    border: 1px solid #B6B6B6;
    padding: 10px;
}

.social-connect-widget:hover {
    border: 1px solid #9F9F9F;
    background: #FFFFFF;
}

.social-connect-widget a {
    font-weight: bold;
    text-decoration: none;
    font-family: Arial, Helvetica, Sans-serif;
}

.social-connect-widget a:hover {
    text-decoration: underline;
}

.social-connect-widget  img {
    vertical-align:middle; 
    margin-right: 5px;
}

/**
* Social Share Widget
----------------------------*/

.social-share-widget ul {
    list-style-type: none; 
    padding: 0; 
    margin: 0;
}

.social-share-widget ul li {
    text-align: center;
}

.social-share-widget ul li a {
    width: 32px; 
    height: 32px; 
    margin: 0 2px; 
    padding: 0;
}

.social-share-widget ul li a img {
    opacity: 0.7;
}

.social-share-widget ul li a:hover img {
    opacity: 1;
}

/**
* Tabs Widget
----------------------------*/

.tabs-widget {
    list-style: none; 
    list-style-type: none; 
    margin: 0 0 10px 0;
    padding: 0; 
    height: 30px;
}

.tabs-widget li {
    list-style: none; 
    list-style-type: none; 
    margin: 0 0 0 4px; 
    padding: 0; 
    float: left;
}

.tabs-widget li:first-child {
    margin: 0;
}

.tabs-widget li a {
    color: #4F4E42;
    background: url(images/tabs-widget-bg.png) left top repeat-x;
    padding: 7px 14px;
    font-family: Arial, Helvetica, Sans-serif;
    font-weight: bold;
    display: block;
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
}

.tabs-widget li a:hover, .tabs-widget li a.tabs-widget-current {
    background: url(images/tabs-widget-bg.png) left -130px repeat-x;
    color: #FFFFFF;
}

.tabs-widget-content {
}

/* Flexi Text */

.flexi-text {
    margin: 0; 
    padding: 0;
}

/**
* Tweets Widget
----------------------------*/

.tweets-widget ul {
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    line-height: 20px;
    font-family: Arial, Helvetica, Sans-serif; 
}

.tweets-widget ul li {
    list-style-type: none;
    padding: 0; 
    margin: 15px 0 0 0; 
}

.tweets-widget ul li:first-child {
    margin-top: 5px;
}

.tweets-widget li.tweets-bird {
    padding-left: 24px;
    background: url(images/tweets.png) left 2px no-repeat;
}

.tweets-widget a {}

.tweets-widget a:hover {}

a.tweets-widget-time {
    text-decoration: underline; 
}

a.tweets-widget-time:hover {
    text-decoration: none; 
}

/* =FOOTER
-------------------------------------------------------------- */

#footer-wrap {}

#footer {
   
}

#copyrights {
    color: #fff;
    text-align: center;
    padding: 20px 0;

}

#copyrights a {
    color: #fff;
} 

#copyrights a:hover {
    color: #4A4A4A;
    text-decoration: none;
} 

#credits {
    color: #454343;
    text-align: center;
    font-size: 11px;
    padding: 10px 0;
display:none;
}

#credits a {
    color: #454343;
    text-decoration: none;
} 

#credits a:hover {
    text-decoration: none;
    color: #454343;
} 

/* =COMMENTS
-------------------------------------------------------------- */

#comments {
    margin-bottom: 15px;
}

#comments p {
    margin: 5px 0 10px 0;
}

h3#comments-title {
    font-weight: bold;
    font-size: 20px;
    padding: 0;
    margin: 0 0 15px 0;
}

.commentlist { 
    list-style: none;
    margin: 0;
    padding: 0;
}

.commentlist li.comment {
    line-height: 24px;
    margin: 0 0 15px 0;
    padding: 0 0 0 0px;
    position: relative;
}

.commentlist li:last-child {
    border-bottom:none;
    margin-bottom:0;
}

#comments .comment-body ul,
#comments .comment-body ol {
    margin-bottom: 15px;
}

#comments .comment-body blockquote p:last-child {
    margin-bottom: 15px;
}

.commentlist .avatar {
    border: 3px solid #ffffff;
    margin-right: 10px; 
    width: 40px; 
    height: 40px; 
    vertical-align: middle;
    margin-bottom: 2px;
}

.comment-author {
    padding: 5px;
    display: block;
    background: #F2F2F2;
    border: 1px solid #DFDFDF;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.comment-author cite {
    font-style: normal;
    font-weight: bold;
}

.comment-author .says {
    font-style: italic;
}

.fn, .fn a:link, .fn a:hover, .fn a:visited {
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 16px; 
    font-style: normal; 
    font-weight: bold;
    text-decoration: none;
}

.comment-meta {
    margin: -23px 0 0 65px;
    display: block;
    font-size: 11px;
    padding:0;
}

.comment-meta a:link,
.comment-meta a:visited {
    text-decoration: none;
}

.reply {
    text-align: right;
    margin-bottom: 10px;
}

.comment-reply-link  {
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    background: #EDEDED;
    color: #333;
    padding: 2px 8px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border:  1px solid #999999;
}

.comment-reply-link:hover {
    background: #F5F5F5;
    color: #333;
}


.commentlist .children {
    list-style: none;
    margin: 0;
}

/* Children */

.commentlist .children li {
    border: none;
    margin: 0;
}

.nocomments {
    display: none;
}

#comments .pingback {
    margin-bottom: 18px;
    padding-bottom: 18px;
}

.commentlist li.comment+li.pingback {
    margin-top: -6px;
}

#comments .pingback p {
    font-size: 12px;
    line-height: 18px;
    display:block;
    margin: 0;
}

#comments .pingback .url {
    font-style: italic;
    font-size: 13px;
}

/* Comments form */

#respond {
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}

h3#reply-title {
    font-weight: bold;
    font-size: 20px;
    padding: 0;
    margin: 0 0 15px 0;
}

#respond .required {
    color:#FF4B33;
}

#respond .comment-notes {
    margin-bottom: 1em;
}

.form-allowed-tags {
    display: none;
}

.children #respond {
    margin: 0 48px 0 0;
}

#comments-list #respond {
    margin: 0 0 18px 0;
}

#comments-list ul #respond {
    margin: 0;
}

#cancel-comment-reply-link {
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
}

#respond .required {
    color:#FF4B33;
    font-weight:bold;
}

#respond label {
    font-size: 12px;
    font-weight: bold;
}

#respond input {
    margin:10px 0 0 0;
    width:98%;
}

#respond textarea {
    width:98%;
    margin:10px 0 0 0;
}

#respond .form-allowed-tags {
    font-size: 12px;
    line-height: 18px;
}

#respond .form-allowed-tags code {
    font-size: 11px;
}

#respond input[type=submit] {
    margin: 0;
}

#respond .form-submit {
    margin: 0;
}

#respond .form-submit input {
    width: auto;
    font-size: 14px;
}
#respond dl {
    margin: 0 0 10px;
}

#respond dt {
    display: inline;
    font-weight: normal;
}

#respond dd {
    display: inline;
}

/* =RESPONSIVE
-------------------------------------------------------------- */

.menu-primary-responsive-container, .menu-secondary-responsive-container  {
    display: none;
    margin: 10px 0;
}

.menu-primary-responsive, .menu-secondary-responsive  {
    width: 100%;
    padding: 5px;
    border: 1px solid #ddd;
}

/* Tablets ----------- */

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

    .span-1, .span-2, .span-3, .span-4, .span-5,.span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24,
     div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24
    {
        width:100%;
        margin:0;
        display: block;
        padding: 0;
    }
    
    .container, div.container {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .content {
        padding-right: 15px;
    }
    
    #header {
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .branding, .header-banner, .social-profiles, .header-right {
       text-align: center !important;
       float: none;
       padding-left: 0;
       padding-right: 0;
       margin-left: 0;
       margin-right: 0;
    }

    #topsearch {
        text-align: center;
        float: none;
    }
    
    #search {
        text-align: left;
        padding-left: 5px;
    }

    #s {
        width: auto !important;
    }

    #search input[type='image'] {
        float: right !important;
    }


    #main {
        background-image: none;
    }
    
    .entry {
        overflow:  hidden;
    }
    
    .featuredposts, #fb-root  {
        display: none;
    }

    .widget-wrap {
        margin: 10px;
    }

}

/* Mobile Phones ----------- */

@media only screen and (max-width: 480px) {
    
    .header-after {
        background: none;
        padding: 0;
        margin: 0;
    }
    
    .entry {
        overflow:  hidden;
        display: block;
        width: 100%;
    }
 
    .menu-primary-responsive-container, .menu-secondary-responsive-container {
        display: block;
    }
    
    .menu-primary-wrap, .menu-secondary-wrap {
        display: none;
    }

}

/* Some General Formattings ----------- */

embed,
img,
object,
video,
.wp-caption {
	max-width: 100% !important;
}

img {
	height: auto;
}

/* =SITEMAP
-------------------------------------------------------------- */
.sitemap {
}

.sitemap-col {
    width: 30%;
    padding: 0 0 0 10px;
}

.sitemap-col-archives {
    width: 45%;
    padding: 0 0 0 10px;
}

.sitemap h2 {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 2px solid #ddd;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.sitemap h3 {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 10px 0;
}

.sitemap-list {
    font-size: 13px;
    line-height: 22px;
}

.sitemap-list, .sitemap-list ul {
    padding: 0 0 0 20px;
}

/* =CONTACT FORM
-------------------------------------------------------------- */
.contact-form {
}

.contact-form-label {
    width: 90px;    
    font-weight: bold;
    font-size: 14px;
    padding: 7px 0;
}

.contact-form-input {
    margin-left: 90px;    
}

.contact-form input[type=text] {
    padding: 6px;
    width: 60%;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    background: #fff;
}

.contact-form input[type=submit] {
    padding: 5px 50px;
    border: 1px solid #ccc;
    background: #eee;
}
.contact-form textarea {
    width: 96%;
    padding: 6px;
    height: 160px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    background: #fff;
}

.contact-form-required {
    color: red;
}

/* WooCommerces ----------- */
.woocommerce #contentwrap {
    background: #fff;
}

.variations .label {
    background-color:inherit;
    color: inherit;
    display: block !important;
    font-size: inherit;
    font-weight: inherit;
    line-height:inherit;
    text-shadow: none;
    vertical-align: inherit;
    white-space: inherit;
    padding: 8px 8px 8px 0 !important;
} 
.woocommerce input[type="text"], .woocommerce input[type="password"], .woocommerce input.text, .woocommerce input.title, .woocommerce textarea, .woocommerce select {
    margin: 0;  
    padding: 4px !important;
}

.quantity input[type="text"], .quantity input.text, .quantity input{
    margin: 0;  
    padding: 0 !important;
}

.woocommerce img {
    width: auto !important;
    height: auto !important;
}