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

	.ci-desktop-only {
    	display: none !important;
	}
	body {
		background-color: #E2DAD2 !important;
		background-image: none !important;
	}
	body .ci-content-environment {
		width: 100% !important;
	}
/*
	.ci-content-environment,
	.ci-content-environment div,
	.ci-footer-container,
	.ci-footer-container div,
	.ci-copyright-container,
	.ci-copyright-container div */	
	.ci-header,
	.ci-header div,
	#main,
	.ci-content-positioner,
	.ci-content-foot,/*

	.ci-footer-container,
	.ci-footer-container div,
*/
	.ci-copyright-container,
	.ci-copyright-container div,
	.ci-sidebar,
	.ci-sidebar div {
		clear: both !important;
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.ci-revslider-container {
		margin: 0 0 10px;
	}
	.ci-content-positioner {
		margin: 0 !important;
		padding: 0 !important;
	}
	li.ci-content-positioner {
		display: block !important;
		margin-bottom: 15px !important
	}
	.ci-slidebox-content {
		width: 94% !important;
		margin: 0 !important;
		padding: 0 3% !important;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	iframe {
		width: 100% !important;
	}
	.ci-sitelogo h1 {
    	padding-bottom: 20px;
	}
	h3.ci-postheadline {
    	color: #524435 !important;
    }
	.ci-slidebox-container {
		width: 100%;
	}
	.ci-subnavi {
		display: none;
	}
	input[type=text] {
		height: 15px !important;
	}
	#blog .ci-postthumb-container a img,
	.blog-single .ci-postthumb-container img {
		width: 100%;
	}
	li.ci-facebook,
	li.ci-twitter {
    	padding-left: 0;
	}
	ul.ci-postoptions li {
    	padding-right: 0;
	}
	ul {
    	list-style-position: inside;
    }
	#branding .ci-primary-navigation-container {
		width: 100% !important;
	    padding-bottom: 40px !important;
	    position: relative;
		right: auto !important;
	    bottom: auto;
    	text-align: right;
    }
	#branding .ci-primary-navigation-container select {
		width: 100%;
		height: 30px;
		float: right;
		font-size: 14px;
	}
	.ci-content-sidebar-left, 
	.ci-content-sidebar-right, 
	.ci-content-fullwidth {
		margin: 0;
		padding: 0;
	}
}

/* ----------------------------------------------------- */
/* Tablet (Portrait) */
/* ----------------------------------------------------- */
/* Width of 768px */
/* ----------------------------------------------------- */

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



	#page {
		width: 94% !important;
		padding: 15px 3% !important;
	}
	#page {
		padding-bottom: 30px !important;
		background: transparent none !important;
	}
	.ci-header {
		width: 100%;
		height: auto;
		padding: 0 0 20px !important;
	}
	.ci-hgroup {
		display: block;
		position: relative;
		left: auto;
		bottom: auto;
		padding-bottom: 20px;
	}
	#main {
		width: 100% !important;
		box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.2);
			-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.2);
		border: 1px solid #c5baaf;
		background: #E2DAD2 none;
	}
	.ci-content-head {
		display: none;
	}

	#main .ci-content-body,
	.home .ci-content-fullwidth,
	.home .ci-content-right,
	.home .ci-content-left {
		width: 93% !important;
		padding: 20px 3% !important;
		background: transparent none;
	}

	.home #main .ci-content-body {
		width: 100% !important;
		padding: 0 !important;
	}
	.ci-content-sidebar-right,
	.ci-content-sidebar-left,
	.ci-content-sidebar-fullwidth {
		background: transparent none;
	}
	#sidebar-widgets .ci-content-positioner,
	h3#reply-title {
		padding: 20px 0 !important;
	}
	.ci-content-positioner {
		margin: 0 !important;
		padding: 0 !important;
	}
	#blog .ci-postoptions-container-top {
		margin-bottom: 0;
	}
  .post {
	  padding: 20px 0 !important;
  }
  #blog .ci-postheadline,
  #blog .ci-postteaser-text,
  #blog .ci-post-text {
	  width: 100% !important;
	  padding: 21px 0 8px;
	  color: #7D6A55;
  }
  h3.ci-postheadline {
      color: #524435 !important;
  }
  div.ci-blogpost-date {
	  width: 30% !important;
	  float: left !important;
	  padding-right: 4%;
  }
  .ci-postoptions {
      width: auto !important;
      float: right !important;
      padding-top: 1px;
  }
  #blog .ci-postoptions-container-bottom,
  #blog .post .ci-postoptions-container {
      margin-bottom: 30px !important;
  }
  a.ci-link-read-more {
  	display: none !important;
  }
  #main .ci-content-body {
	  width: 93% !important;
	  padding: 20px 3% !important;
  }
  #blog .ci-postteaser-text,
  #blog .ci-postteaser-text p,
  #blog .post, 
  #blog .singlepost {
	  margin: 0 !important;
	  padding: 0 !important;
  }
  .ci-footer-content-container {
	  width: 100%;
  }
  #footer-widgets {
	  width: 100% !important;
      padding-top: 20px;
      background: transparent none;
  }
  #footer-widgets .ci-content-positioner {
      width: 45% !important;
      float: left !important;
      clear: none !important;
      margin: 0;
      padding: 0 2% !important;
      border-right: 1px dashed #7D6A55;
  }
}



@media only screen and (max-width: 768px) {
  #footer-widgets .widget {
	  padding: 0 !important;
  }
}

/* ----------------------------------------------------- */
/* Mobile (Portrait) */
/* ----------------------------------------------------- */
/* Width of 320px */
/* ----------------------------------------------------- */

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

  .ci-header {
	 height: auto;
	 margin: 0;
	 padding-bottom: 15px;
	 border-bottom: 1px dashed #7D6A55;
  }
  .ci-hgroup {
	 position: relative;
  }
  #homepage-widgets .ci-content-positioner,
  #homepage-widgets2 .ci-content-positioner,
  #footer-widgets .ci-content-positioner {
  	width: 100%;
	margin: 0 0 15px;
	padding: 0 0 10px;
	min-height: auto !important;
  }
  #homepage-widgets .ci-content-positioner {
	 width: 94%;
	 padding: 10px 3%;
  }
  #homepage-widgets .widget {
	 border: 0 !important;
  }
  #homepage-widgets2 .ci-content-positioner {
	 padding-top: 0;
  }
  #homepage-widgets2 .ci-tabs p {
	 margin-top: 0;
	 padding: 3%;
  }
  #footer-widgets .widget {
	 min-height: auto !important;
	 padding-bottom: 15px !important;
  }
  .home .widget {
	 border-bottom: 1px dashed #7D6A55 !important;
  }
  .width-smaller-480 #page,
  .width-smaller-480 .ci-footer-content-container {
  	width: 90% !important;
  	margin: 2% 5% 0 !important;
	padding: 0 !important;
  }
  .width-smaller-480 .ci-footer-content-container,
  .width-smaller-480 .ci-copyright-content-container {
	  padding-top: 15px !important;
	  padding-bottom: 2% !important;
  }
  .ci-footer-container,
  .ci-copyright-container {
    width: 100% !important;
  }
  #main,
  .ci-content-body,
  #page,
  .ci-content-head,
  .ci-content-sidebar-right,
  .ci-content-sidebar-left,
  #footer-widgets,
  .ci-slidesimg-environment {
	  background: transparent none;
  }

  .width-smaller-480 #commentform p,
  .width-smaller-480 p.comment-form-author label,
  .width-smaller-480 p.comment-form-email label,
  .width-smaller-480 p.comment-form-url label,
  .width-smaller-480 #commentform input#author,
  .width-smaller-480 #commentform input#email,
  .width-smaller-480 #commentform input#url,
  .width-smaller-480 #commentform textarea#comment,
  .width-smaller-480 #commentform .required {
    width: 90%;
    height: auto;
    line-height: auto;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
  }
  .width-smaller-480 input {
    display: block;
  }

  .ci-sidebar .ci-content-positioner {
    margin-bottom: 10px !important;
    padding: 10px 0 !important;
  }
  #slides div {
    width: auto !important;
  }
  #homepage-widgets .widget,
  #footer-widgets .widget {
    min-height: 0;
	border-bottom: 1px dashed #7D6A55;
  }
  #slide {
	  margin-bottom: 20px !important;
  }
  #slides .slides_control {
	  width: 90% !important;
  }
  .post {
	  padding: 20px 0 !important;
  }
  #blog .ci-postheadline,
  #blog .ci-postteaser-text,
  #blog .ci-post-text {
	  width: 100% !important;
	  padding: 21px 0 8px;
	  color: #7D6A55;
  }
  div.ci-blogpost-date {
	  width: 30% !important;
	  float: left !important;
	  padding-right: 4%;
  }
  .ci-postoptions {
      width: auto !important;
      float: right !important;
      padding-top: 1px;
  }
  #blog .post .ci-postoptions-container,
  #blog .ci-postoptions-container-bottom {
      margin-bottom: 30px !important;
  }
  a.ci-link-read-more {
  	display: none !important;
  }
  .commentlist article, #respond {
  	margin-top: 20px !important;
	padding: 20px 0 30px !important;
/* 	border-bottom: 1px dashed #7D6A55; */
  }


}


/* ----------------------------------------------------- */
/* Mobile (Landscape) */
/* ----------------------------------------------------- */
/* Width of 480px */
/* ----------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	#page,
	.ci-footer-content-container {
		width: 94% !important;
		padding: 15px 3% !important;
	}
	.ci-header {
		width: 100%;
		height: auto;
		padding: 0 0 20px !important;
	}
	.ci-hgroup {
		display: block;
		position: relative;
		left: auto;
		bottom: auto;
		padding-bottom: 20px;
	}
	.ci-content-head {
		display: none;
	}
	.ci-teasertext-home {
		padding: 0;
	}
	.width-smaller-1024 .ci-content-body {
		background: #E2DAD2 none;
	}
	.home .width-smaller-1024 .ci-content-body {
		width: 100% !important;
		padding: 0 !important;
	}
	.home .width-smaller-1024 .ci-content-sidebar-right,
	.home .width-smaller-1024 .ci-content-sidebar-left,
	.home .width-smaller-1024 .ci-content-sidebar-fullwidth,
	.home .width-smaller-1024 .ci-content-environment,
	.home .width-smaller-1024 .ci-content-environment div,
	.home .width-smaller-1024 .ci-footer-container,
	.home .width-smaller-1024 .ci-footer-container div,
	.home .width-smaller-1024 .ci-copyright-container,
	.home .width-smaller-1024 .ci-copyright-container div {
		width: 93% !important;
		padding: 0 3% 20px !important;
	}
	.width-smaller-1024 .ci-content-sidebar-right,
	.width-smaller-1024 .ci-content-sidebar-left,
	.width-smaller-1024 .ci-content-sidebar-fullwidth {
		background: transparent none;
	}
	.width-smaller-1024 .ci-content-positioner,
	.width-smaller-1024 h3#reply-title {
		padding: 20px 0 !important;
/* 		padding: 3% 0 !important; */
	}

	.width-smaller-1024 #footer-widgets {
		background: transparent none;
	}
	.width-smaller-1024 #footer-widgets .ci-content-positioner {
		width: 45%;
		margin: 0;
		padding: 0 2% !important;
		border: 0;
		border-right: 1px dashed #7D6A55;
	}
	.width-smaller-1024 #footer-widgets .widget {
		min-height: 210px;
		border: 0 !important;
	}
	.width-smaller-480 .ci-postteaser-text,
	.width-smaller-480 .post,
	.width-smaller-480 #blog .ci-postoptions-container-top {
		margin: 0 !important;
		padding: 0 !important;
	}
	.width-smaller-480 #footer-widgets .widget {
		min-height: 0;
	}
	#ci-portfolio .ci-portfolio-item {
		width: 45% !important;
		margin-right: 5% !important;
	}
}
@media screen and (max-width: 1023px) {
	.tinynav {
		display: block;
	}
	#ci-slidebox {
    	display: none !important;
	}
    #nav,
    .ci-primary-navigation-container ul.ci-navigation {
    	display: none !important;
    }
    .#branding .ci-primary-navigation-container {
    	width: 50% !important;
	    float: right !important;
    }
    #homepage-widgets .ci-content-positioner,
    #homepage-widgets2 .ci-content-positioner {
	    width: 98%;
	    padding: 2%;
	    margin-bottom: 15px;
    }
    #homepage-widgets div.widget,
    #homepage-widgets2 div.widget {
	    min-height: 1px !important;
    }
	.ci-teasertext-home {
		background: transparent none;
	}
	.ui-tabs .ui-tabs-panel {
		width: 94% !important;
		padding: 10px 3% !important;
	}
	textarea {
        width: 95% !important;
    }
}