@charset "utf-8";

/************************************************

 Responsive

*************************************************/

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

	.site-footer .inner,
	#page {
		width: 100%;
	}

	.site-header,
	#main {
		overflow: hidden;
	}

	.slider-arrow--right { right: 0px; }
	.slider-arrow--left { left: 0px; }
 
}


@media only screen and (max-width:900px) {
	
	#colophon {
		background: none;
		margin-top: 15px;
		padding-top: 0;
	}

	#colophon .inner,
	#secondary {
		display: none;
	}

	#wrap {
		width: 100%;
	}
 
}


/*****************************************

 Small Screen and iPhone Retina

*****************************************/

@media only screen and (max-width:640px),
       only screen and (max-device-width:640px) and (-webkit-min-device-pixel-ratio:2) {

	.home-link {
		float: none;
		margin: 10px 150px 10px 0;
		width: auto;
		font-size: 90%;
	}

	.header-widget {
		display: block;
		position: relative;
		float: none;
                margin-bottom: -10px;
	}

	.breadcrumbs,
	.navbar div.unit:after {
		display: none;
	}

	.site-description {
		padding: 10px 6px 0 6px;
	}
        
        aside#text-3 {
            margin-bottom: 0px;
		padding: 4px 6px 4px 6px;
        }
        
        h1.site-title {
            height: auto;
            max-height: 100%;
	    padding-top: 32px;
        }

        h1.site-title img {
            min-width: 300px;
        }

	#site-navigation-toggle {
		display: block;
		right: 4px;
		border-radius: 0 0 6px 6px;
	}

	.social-link a,
	#site-navigation-toggle {
		width: 32px;
		height: 32px;
		position: absolute;
		top: 0;
	}

	.social-link a {
		background-size: 175px 32px;
	}

	.social-link a.g-plus {
		background-position: -72px 0;
		right: 116px;
	}

	.social-link a.facebook {
		background-position: -107px 0;
		right: 79px;
	}

	.social-link a.twitter {
		background-position: -141px 0;
		right: 42px;
	}

	#site-navigation-toggle div {
		position: absolute;
		left: 11px;
		background-color: #FFF;
		height: 3px;
		width: 15px;
	}

	#site-navigation:after {
		content: "";
		display: block;
		position: absolute;
		top: -5px;
		right: 7px;
		z-index: 10000;
		background: #fff;
		width: 10px;
		height: 10px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		border-top-width: 1px;
		border-top-style: solid;
		border-right-width: 1px;
		border-right-style: solid;
	}

	#site-navigation-toggle div.first {
		left: 5px;
		width: 4px;
	}

	#site-navigation-toggle div.top {
		top: 7px;
	}

	#site-navigation-toggle div.middle {
		top: 15px;
	}

	#site-navigation-toggle div.bottom {
		top: 23px;
	}

	#site-navigation {
		z-index: 1000;
		position: absolute;
		top: 35px;
		left: 0;
	}

	#site-navigation,
	#site-navigation ul,
	#site-navigation li {
		float: none;
		width: 100%;
	}

	#site-navigation li {
		background-color: #FFF;
		margin: 0;
		text-align: left;
	}

	#site-navigation li a {
		display: block;
		padding: 10px 12px;
	}

	#site-navigation li a:before {
		content: "» ";
	}

	.widget ul,
	.widget .tagcloud,
	#site-navigation {
		display: none;
	}

	.widget-title {
		margin:0;
		padding: 0;
		border: 0;
	}

	.widget-title span.ico {
		float: left;
		display: block;
		margin-right: 5px;
		width: 17px;
		text-align: center;
		font-size: 11px;
		line-height: 1.7;
	}

	.widget-title span.val {
		display: block;
		padding-top: 1px;
	}

	.widget ul {
		margin-left: 40px;
		padding-top: 10px;
	}

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

	.val:before {
	  	display: none;
	}

	#site-navigation ul {
		border-top-width: 1px;
		border-top-style: solid;
		border-left-width: 1px;
		border-left-style: solid;
		border-right-width: 1px;
		border-right-style: solid;
	}

	#site-navigation li {
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

	.unit-slider {
		margin-bottom: 10px;
	}

	.social-link {
		margin-top: 10px;
		margin-right: 40px;
	}

	#test-unit .other,
	#test-unit .medium {
		 display: none;
	}
	 
	#test-unit .small {
		display: block;
	}

	#wrap,
	#content,
	#primary,
	#secondary {
		float: none;
		width: 100% !important;
	}

	#main {
		margin: 0;
	}

	.entry-thumbnail {
		width: 130px;
	}

	.entry-thumbnail img {
		max-width: 100%;
	}

	.has-thumbnail .entry-str {
		padding-left: 140px;
	}
	
	.side .widget {
		margin-bottom: 1px;
	}

	.site-footer .topback {
		display: none;
	}
 
}