/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* RESPONSIVE STYLESHEET (sizes from Bootstrap : http://getbootstrap.com/css/#responsive-utilities)
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
@media only screen and (max-width: 1270px) and (min-width: 1200px) {
	#page-wrapper{overflow-x: hidden;}
}
@media only screen and (max-width: 1080px) {
	.widget.widget_search input[type="text"]{ width: 70%;}
	.container{width: 100%;}
	
	.forum-titles li{font-size: .8em;}
}
@media only screen and (max-width: 992px) {
	#widgets .widget{margin-bottom: 20px;}
	#nav-user strong,#nav-cart-trigger .amount{display: none;}
	
	#user-sidebar{width: 350px;right: -350px;z-index: 20;}
	
	/*LAYOUT CHANGES*/
	#navbar{z-index: 21;}
	#left-content{width: 100%;}
	#main-content.sidebar-hidden #right-sidebar{right: -650px !important; }
	a#can-scroll{display: none !important;}
	#right-sidebar{width: 350px !important;z-index: 19;}
	#main-content, #main-footer{padding-left: 0 !important;}
	
	#extrafooter-layer h1{font-size: 2em;}
	#extrafooter-layer h1::after{content: none;}
	#extrafooter-layer h1{line-height: 200px;  padding: 0;}
	.widget.widget_search input[type="text"]{width: 90%;}
	
	#content-container div.item-list-tabs ul li a{font-size: .9em;}
	
	#woffice-login-left{width: 30%;}
	#woffice-login-right{width: 70%;}
	
	#dashboard .widget,
	#content-container .masonry-layout .box{width: 48% !important;}
	
	#featuredbox .featured-background{ background-attachment: scroll; }
}
@media only screen and (max-width: 768px) {
	#nav-buttons a{padding: 0 10px;}
	#nav-logo{width: 140px !important;}
	
	#featuredbox.centered .pagetitle > h1{font-style: 3em;}
	
	#extrafooter-layer h1{font-size: 1.5em;}
	
	#navigation ul.sub-menu.mega-menu-row{float: none;}
	
	#buddypress ul#groups-list li, #buddypress ul#members-list li{ width: 48%; }
	
	#content-container div.item-list-tabs ul li a{font-size: 0;}
	#content-container div.item-list-tabs ul li a:before{font-size: 40px;}
	#content-container div.item-list-tabs ul li a span{font-size: 14px !important;right: 5px !important;top: 50px !important;}
	#buddypress div#item-header{text-align: center;}
	#content-container #buddypress div#item-header img.avatar{float: none; margin: 0 0 20px 0;}
	#buddypress div#item-header div#item-header-content{margin: 0;width: 100%;}
	#buddypress div#item-header div.generic-button, #buddypress div#item-header a.button{float: none; display: inline-block;}
	#buddypress div.item-list-tabs#subnav ul li a{border-radius: 5px !important;}
	#buddypress div.item-list-tabs#subnav ul{text-align: center;}
	#content-container #groups-directory-form #item-nav div.item-list-tabs ul li, #content-container #create-group-form #item-nav div.item-list-tabs ul li{width: 120px;}
	
	#user-thumb .notifications{font-size: 12px;}
	
	#content-container .blog-next-page a.btn{margin: 10px;}
	
	#buddypress div#item-header.group-header div#item-header-content{margin: 0;}
	#buddypress div#item-header.group-header div#item-actions{width: 100%;margin: 0;}
	#buddypress div#item-header div#item-actions h3{display: inline-block;margin: 10px 0 0 0;}
	#buddypress div#item-header ul{display: inline-block;}
	#buddypress form#whats-new-form #whats-new-avatar{float: none; text-align: center;}
	#buddypress form#whats-new-form p.activity-greeting{text-align: center;margin-left: 0;}
	#buddypress form#whats-new-form #whats-new-content{margin-left: 0;}
	
	#buddypress .standard-form #basic-details-section, 
	#buddypress .standard-form #blog-details-section, 
	#buddypress .standard-form #profile-details-section{width: 100%;float: none;display: inline-block;}
	
	.woocommerce table.cart td.actions input{width: 100% !important; display: block; margin: 10px 0;}
	
}
@media only screen and (max-width: 600px) {
	#navbar{position: fixed;}
	#featuredbox .pagetitle{padding-top: 60px;}
	#nav-user{font-size: 0;}
	#nav-user.active #user-close{font-size: 40px;line-height: 60px;}
	#navbar.navigation-fixed{padding-right: 0;}
	/*#navbar.navigation-fixed #nav-buttons, #nav-buttons{text-align: right;width: initial;padding-right: 80px;}
	#navbar.navigation-fixed #nav-left,#nav-left{text-align: left;padding-left: 40px; width: initial;}*/
	.logged-in.admin-bar #navbar.navigation-fixed{top:0;}
	.logged-in.admin-bar #navigation{top:46px;}
	
	#content-container .intern-padding {padding: 30px 20px 0px;}
	
	#content-container #content{width: 95%;}
	#extrafooter-layer h1{ line-height: initial !important; margin-top: 100px; }
	#extrafooter-layer h1:before{ content: none; }
	.widget.widget_search input[type="text"]{ width: 70%;}
	#featuredbox .featured-background{height: 200px;}
	
	#woffice-login-right{width: 90%; position: relative; margin: auto;}
	#woffice-login-left {width: 100%;position: fixed;height: 100%;}
	
	#buddypress ul#groups-list li, #buddypress ul#members-list li{ width: 98%; }
	
	#featuredbox .pagetitle{display: block;}
	#featuredbox.centered .pagetitle > h1{display: inline-block;font-size: 2.5em;padding: 0;}
	#featuredbox.has-search form{display: none;}
	
	#content-container div.item-list-tabs ul li a{ padding: 15px 20px;}
	#content-container div.item-list-tabs ul li a:before{font-size: 35px;}
	#content-container #buddypress div#item-header img.avatar{width: 100px;height: 100px;}
	#buddypress div#item-header div.generic-button, #buddypress div#item-header a.button{margin-bottom: 20px;}
	#content-container #groups-directory-form #item-nav div.item-list-tabs ul li, #content-container #create-group-form #item-nav div.item-list-tabs ul li{width: 80px;}
	
	#login-logo{max-width: 230px !important; background-repeat: no-repeat; background-size: 100% !important;}
}
@media only screen and (max-width: 450px) {
	#nav-buttons a{padding: 0 8px;}
	#nav-left{text-align: left;}
	#nav-logo{margin-left: 30px;}
	#nav-buttons{width: auto;}
	#user-sidebar,#right-sidebar{max-width: 100%;}
	
	#dashboard .widget,
	#content-container .masonry-layout .box{width: 98% !important;}
	.pagetitle.animate-me.fadeIn {
		padding: 0 !important;
	}
	.moderazione-content {
		margin: 0 auto !important;
		padding: 50px 20px !important;
	}
	.mobile-profile-menu {
		display: inline-block;
		padding: 5px 20px;
		width: 100%;
	}
	.mobile-profile-menu > a {
		border-top: 1px solid #eee5ee;
		color: #444;
		display: block;
		padding: 8px 0;
	}
}