/*
Theme Name: Foxy Portfolio
Description: Used to add responsive styling
*/

/* Main
----------------------------------------------------------- */
.container { width: 100%; max-width: 100%; }
/* Media Queries
----------------------------------------------------------- */

/*@media only screen and (max-width: 1024px) and (orientation:landscape){
	.container { max-width: 85% }
	#navbar .dropdown-menu a {font-size: 10px;}
	.btn_shop img {display: block;max-width: 80%;}
	.btn_shop{ right:-30px;}
	.rob_menu1{margin: 10px auto; display:table;  padding:2px; white-space:nowrap; border-bottom:solid 1px #78746E;}

}*/

@media only screen and (max-width: 767px){
	#navbar{ min-height:30px; margin-top:-30px;}
	
	.nav-menu { display: none }
	.nav-toggle { display: block; cursor: pointer; height: 30px; line-height: 30px; font-size: 16px; color: #78746E; font-weight: normal; }
	.nav-toggle i { margin-right: 10px }
	.nav-menu.toggled-on { display: block; /*position: absolute;*/ width: 250px; background: #FFF; z-index: 9999; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7); }
	/*.nav-menu.toggled-on:before { content: ""; display: block; position: absolute; top: -7px; left: 15px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #000; }*/
	.nav-menu.toggled-on li { display: block; float: none; position: relative; }
	.nav-menu.toggled-on li ul { margin: 0 }
	.nav-menu.toggled-on li a {  display: block; font-size: 14px; color: #78746E; font-weight: normal; padding: 15px; border-top: 1px solid #bbb; }
	.nav-menu.toggled-on > li:first-child > a { border: none }
	.nav-menu.toggled-on li a:hover { background: #fff; color: #BBB; text-decoration: none; }
	.nav-menu.toggled-on li ul a { }
	.nav-menu.toggled-on li ul a:before {  font-family: FontAwesome; content: "\f0da"; display: block; float: left; padding: 0 10px; }
	.nav-menu.toggled-on li[class^="icon-"] > a, .nav-menu.toggled-on li[class*=" icon-"] > a { font-family: inherit }
	.nav-menu.toggled-on li[class^="icon-"]:before, .nav-menu.toggled-on li[class*=" icon-"]:before { display: none }
	
	.btn_shop{ right:-40px;}
	.btn_shop img {display: block;max-width: 70%;}
	#navbar .dropdown-menu a {font-size: 11px;}
	
}
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	.container, .robagrafica-container { max-width: 85% }
	.blog-entry.span_6, .portfolio-entry.span_6 { width: 48% }
	.blog-entry.span_6.count-3, .portfolio-entry.span_6.count-3 { margin-left: 0; clear: both; }
	.single-portfolio-media, .single-portfolio-content { width: 49% }
	.home-portfolio .bx-prev { left: -45px }
	.home-portfolio .bx-next { right: -45px }
	.wpex-flickr-widget .flickr_badge_image { width: 50% }
	.home-portfolio .bx-prev, .home-portfolio .bx-next { display: none !important }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.home-portfolio .bx-prev, .home-portfolio .bx-next { display: none !important }
}

@media only screen and (max-width: 767px) { 
	/*grid - make columns 100%*/
	.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, .span_8, .span_9, .span_10, .span_11, .span_12, .span_13, .span_14, .span_15, .span_16, .span_17, .span_18, .span_19, .span_20, .span_21, .span_22, .span_23, .span_24, .one-half, .one-third, one-fourth, one-fifth { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 1.5em; }
	/*main*/
	#masthead { margin-bottom: 10px }
	.logo { float: none; margin-bottom: 25px; }
	#social { position: inherit; top: auto; right: auto; margin: 0; height: auto; }
	#social li { margin: 0 4px 4px 0 }
	.sidebar-container { padding: 0; margin-top: 50px; }
	.comment-list .children { margin-left: 0 }
	.entry .single-meta li { float: none; margin: 0 0 5px; }
	.entry .single-meta li i { margin-right: 10px }
	/*home*/
	.home-slider .flex-caption { font-size: 14px }
	.home-slider .flex-caption strong { font-size: 21px }
	.home-portfolio .recent-portfolio-carousel .portfolio-entry { width: 100%; margin-bottom: 1.5em; }
	.home-portfolio .bx-prev, .home-portfolio .bx-next { display: none !important }
	/*footer-menu*/
	#copyright, #footer-menu { text-align: center }
	#footer-menu ul { float: none; margin-top: 5px; }
	#footer-menu li { float: none; display: inliene; display: inline-block; margin-left: 0; margin-right: 10px; }
	/*portfolio*/
	.tax-archives-filter { position: inherit; position: relative; top: auto; right: auto; margin: 30px 0 0; height: 50px; line-height: 50px; }
	.tax-archives-filter > li { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.tax-archives-filter li li { height: auto; line-height: 1.6em; }
	.tax-archives-filter i { position: absolute; top: 50%; margin-top: -5px; right: 13px; }
	.single-portfolio-media { padding: 0 }
	/*misc*/
	.wpex-flickr-widget .flickr_badge_image { width: 23% }
}
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	/*.container, .robagrafica-container { width: 440px }*/
	.home-blog, #footer {
		width: 440px;
		margin: 0 auto;
	}
	#footer{
		text-align:center;
	}
	#home-slider-wrap {
		height:auto;
	}
}
@media only screen and (max-width: 480px) { 
	.container, .robagrafica-container { width: auto; max-width: 85%; }
	.home-blog, #footer{max-width: 100%;}
	#home-slider-wrap {	height:auto;}
	#footer{ text-align:center;	}
	
	.single-nav { position: inherit; top: auto; right: auto; margin: 20px 0 0; }
	.single-nav-left, .single-nav-right { margin-left: 0; margin-right: 3px; }
}