/*
Theme Name: Replete
Description: <strong>A responsive e-Commerce Theme by Kriesi</strong> - <br/> Update notifications available on twitter and facebook:<br/> <a href='http://twitter.com/kriesi'>Follow me on twitter</a><br/> - <a href='http://www.facebook.com/pages/Kriesi/333648177216'>Join the Facebook Group</a>
Version: 1.9
Author: Kriesi
Author URI: http://www.kriesi.at
License: Themeforest Split Licence
License URI: -
Theme URI: www.kriesi.at/themes/replete/
*/


/*
* PLEASE DO NOT EDIT THIS FILE!
* 
* To make it easy to update your theme, you should not edit the styles in this file. Instead use 
* the custom.css file that is located in your themes /css/ folder to add your styles. 
* You can copy a style rule from any of your css files and paste it in custom.css and
* it will override the original style. If you just want to add small css snippets you might also
* want to consider to add it to the designated CSS option field in your themes backend at: Theme Options->Styling
*/

/* url('css/grid.css') loads the default grid with all widths for the different screens */

/* url('css/base.css') loads the css reset & default styling for html elements like <a>, <ul>, <li>, and some wordpress generated classes (eg galleries) */     


/* url('css/layout.css') theme layout for the default screen size and media queries for smaller screen estates */         

/* ('css/slideshow.css') theme layout for the various slideshows */       

/* ('css/shortcodes.css') loads the css rules for the theme shortcodes */

.header_color .header_meta {display:none;}
.header_color .sub_menu {right:0;}

@media only screen and (min-width: 1140px)  {
  .responsive .container .eight.units { width:590px;}
}
@media (max-width: 767px) {
  h1 {font-size:24px; line-height:30px;}
  h2 {font-size:20px; line-height:26px;}
  h3 {font-size:18px; line-height:24px;}
}
@media (max-width: 479px) {
.btm_list {width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
}