/* ====================================================================
   1120
   ==================================================================== */

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

/* -------------------[ Header ]------------------- */

#header .logo { 
  left: 3%; 
}

/* -------------------[ Blog ]------------------- */

#post { 
  width: 65%; 
} 






}

/* ====================================================================
   1050
   ==================================================================== */

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

/* -------------------[ Header ]------------------- */

#nav a {
  font-size: 17px; 
}

/* -------------------[ Blog ]------------------- */

#post { 
  width: 60%; 
} 






}

/* ====================================================================
   990
   ==================================================================== */

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

/* -------------------[ Header ]------------------- */

#header .logo { 
  font-size: 60px; line-height: 60px; 
}

#nav a {
  padding: 0 15px 20px 15px; 
  font-size: 16px; 
}

#nav ul ul { 
  margin-left: -10px; 
}

/* -------------------[ Content ]------------------- */

h1,
h2 { 
  margin: 0 0 20px 0; 
  font-size: 24px; line-height: 28px; 
}

/* -----[ Custom Columns Plugin ]----- */

.one_third, 
.two_third, 
.one_fourth, 
.three_fourth, 
.one_fifth, 
.two_fifth, 
.three_fifth, 
.four_fifth, 
.one_sixth, 
.five_sixth {
  clear: both;
  width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 1em;
}

/* -------------------[ Blog ]------------------- */

#post { 
  width: 55%; 
}

.post-excerpt-content { 
  width: 45%;
}





}

/* ====================================================================
   900
   ==================================================================== */

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

/* -------------------[ Header ]------------------- */

#nav a {
  padding: 0 10px 20px 10px; 
  font-size: 16px; 
}

/* -------------------[ Home ]------------------- */

.col {
  width: 100%; margin: 15px 0; padding: 20px 0;
}

.col2-1,
.col2-2 { 
  float: none; width: 100%; margin: 0; 
}

/* -------------------[ Blog ]------------------- */

#post { 
  clear: both; float: none; 
  width: 100%; margin: 0 auto; 
}

#side { 
  clear: both; float: none; 
  margin: 80px auto 0 auto; 
}

.post-archives h1 { 
  margin: 0 0 40px; padding: 0;
  border: none;
  font-size: 20px; font-weight: 400; text-indent: inherit;
}




}

/* ====================================================================
   800
   ==================================================================== */

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

/* -------------------[ Contact ]------------------- */

#content img.linksimg,
#content img.contactimg {
  display: none !important;
}






}

/* ====================================================================
   768
   ==================================================================== */

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

/* -------------------[ Layout ]------------------- */

body { 
  background-color: #FFF;
}

html { 
  overflow-x: hidden; 
}

#content { 
  padding-top: 25px; padding-bottom: 30px;
}

#footer { 
  position: relative; 
  width: 100%;
}

body, html { 
  font-size: 14px; line-height: 20px;  
}

/* -------------------[ Header ]------------------- */

#header { 
  padding: 70px 0 0 0;
}

#header .logo { 
  font-size: 50px; line-height: 50px; 
}

#header .logo a:hover {
  color: #2d2927; 
}

#nav { 
  display: none;
}

#click-menu { 
   display: block; position: absolute; top: 29px; right: 4%; z-index: 999999;
}

.menu-link {
  position: relative; display: inline-block;
  width: 26px; height: 15px !important; margin-right: 0.3em; 
  border-top: 3px solid #2d2927; border-bottom: 3px solid #2d2927;
  font-size: 12px !important; 
}

.menu-link:before {
  position: absolute; top: 6px; left: 0px;
  width: 100%;
  border-top: 3px solid #2d2927;
  content: "";
}

.mobile-menu-panel {
  display: block; position: fixed; right: -100%; z-index: 99999999; overflow: auto;
  width: 100%; max-width: 400px; margin: 0; 
  background: rgb(234,210,172); background: rgba(234,210,172, 0.95); 
}
	
ul#menu-top-mobile {
  clear: both; display: block;
  width: 100%; margin: 0; padding: 30px 0 30px 30px;
  list-style-type: none;
  text-align: left;
}

ul#menu-top-mobile a {
  clear: both; display: block;
  margin: 0; padding: 10px 0; 
  color: #2d2927; font-family: 'Josefin Sans'; font-size: 20px; line-height: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.01em; text-decoration: none; 
}

ul#menu-top-mobile a:hover { 
  color: #FFF;
}

ul#menu-top-mobile ul {
  margin: 0 0 5px 0; padding: 0;
}

ul#menu-top-mobile ul.sub-menu li a {
  margin: 0 0 0 15px; padding: 0;
  font-size: 16px; line-height: 24px; text-transform: inherit; 
}

/* -------------------[ Blog ]------------------- */

.post-excerpt img,
.post-excerpt .default-excerpt-image-space,
.post-excerpt-content { 
  clear: both; float: inherit;
  width: 98%;
}

.post-excerpt-content { 
  position: relative; top: 20px;
}

/* -------------------[ Footer]------------------- */

#footer .footer-credits span { 
  clear: both; display: block; 
  height: 0px;
  font-size: 0;
}





}

/* ====================================================================
   600
   ==================================================================== */

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









}

/* ====================================================================
   420
   ==================================================================== */

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

/* -------------------[ Content ]------------------- */

#content img.alignleft, #content .alignleft, 
#content img.alignright, #content .alignright, 
#content img.alignnone, #content .alignnone, 
#content img.aligncenter, #content .aligncenter { 
  clear: both; float: none; display: block; margin: 0 auto 15px auto; 
}

/* -------------------[ Woo ]------------------- */

#content form.woocommerce-ordering {
  display: none !important;
}





}