/* This File Contains All Responsive CSS - Sweet! */

/* =Import Responsive Theme Styles
-------------------------------------------------------------- */

@import url("../adapt/css/responsive.css");

/*google font*/
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 740px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/*hide*/
	.flexslider .caption { display: none; }
	
	/*display dropdown nav*/
	#masternav .selector,
	#masternav select { display: inline-block; }
	#masternav ul { display: none; }
	#masternav{ padding: 0; height: auto; line-height: 40px; width: 100px; float: right; padding: 15px 15px 15px 10px; margin-top: -70px; background: #FF9900; color: #fff; top: 0; right: 0; cursor: pointer;} 	
	#masternav .selector{ font-size: 24px; }
	
	#logo{
    margin-top:-170px;
    }
	.crop{
    float:right;
    overflow:hidden; /* this is important */
    position:relative; /* this is important too */
    width:680px;
    height:192px;
    }
	.crop img{
    position:absolute;
    right:-220px;
    }
	
	#wrap{ width: 680px; }
	.hp-highlight, .portfolio-item, .home-entry, #footer-one,#footer-two,#footer-three,#footer-four{ width: 155px;  }
	#home-tagline{ font-size: 21px; }
	#search { text-indent: -9999px; }
	.loop-entry-thumbnail{width: 35%;}
	
	#single-portfolio-right {
	width: 41%;
	margin-right: 0;

}

#single-right {
	width: 41%;
	margin-right: 0;

}

}



/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 290px */
@media only screen and (max-width: 767px) {

/*hide*/
	#post_cat { display: none; }

/*display dropdown nav*/
#masternav { padding: 0; height: 40px; line-height: 40px; float: right; padding: 0 5px; margin: 0; background: #FF9900; color: #fff; top: 0; right: 0; cursor: pointer; }

#logo { width: 70%; margin-top: 10px; }

#headerimage {
    display: none;
    }

#wrap { width: 83%; float: none; }
	.hp-highlight, .portfolio-item, .home-entry, #footer-one,#footer-two,#footer-three,#footer-four{ float: none; margin-right: auto; margin-left: auto; }

#home-posts, #home-projects{
	float: none;
	width:100%;
	margin: 0;
}

#single-wrap { margin-right:  0; margin-left:  0;}
#portfolio-wrap { margin-right:  0; margin-left:  0;}

.heading { width: 100%; margin-right: 0;}

article {
position: relative;
float: none;
margin-right: auto;
margin-left: auto;
}

#single-left, #single-right{float: none;width: 100%; }
#single-portfolio-left, #single-portfolio-right{float: none;width: 100%; }

#footer-widget-wrap{ padding-top: 10px;}

#footer-one,#footer-two,#footer-three,#footer-four{ text-align: center;}

}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 420px */
@media only screen and (min-width: 420px) and (max-width: 767px) {
	
	/*hide*/
	#post_cat { display: none; }

/*display dropdown nav*/
	#masternav .selector,
	#masternav select { display: inline-block; }
	#masternav .clearfix { display: none; }
	#masternav{ height: 40px; line-height: 40px; float: right; padding: 0 5px; margin: 0; background: #FF9900; color: #fff; top: 0; right: 0; cursor: pointer; }

#wrap{ width: 420px; float: none;}

}