/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/
@media (max-width: 1399px) {
	.sectionCategorie {
		margin: -200px 100px 0px 100px;	
	}	
	.portfolio-item .portfolio-box .portfolio-title div {
		left: 20px;
    	bottom: 20px;
    	right: 20px;	
	}
	.portfolio-item .portfolio-box .portfolio-title div h4 {
		font-size: 22px;	
	}
}

@media (max-width: 1199px) {
	.navbar .navbar-brand {
		margin-right: 22px;	
	}
	.sectionCategorie {
		margin: -200px 50px 0px 50px;	
	}
	.portfolio-wrapper.column-6 .portfolio-item {
		width: 16.66%;
	}
	.portfolio-item .portfolio-box .portfolio-title div {
		left: 15px;
    	bottom: 50px;
    	right: 15px;	
	}
	.portfolio-item .portfolio-box .portfolio-title div h4 {
		font-size: 20px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar .nav .nav-item {
		margin-right: 20px;	
	}
	.navbar .nav .nav-item .nav-link {
		letter-spacing: -0.5px;	
	}	
}

/*
Medium devices
Desktops (≥992px)
*/

@media (max-width: 992px) {
	.navbar .nav .nav-item .dropdown-menu {
		left: 0;	
	}
	.navbar .nav .nav-item .nav-link {
		border-bottom: 1px solid #E5E5E5;
		padding: 10px 20px;	
	}
	.navbar .nav .nav-item:last-child .nav-link {
		border-bottom: 0;
	}
	h2.text-red {
		font-size: 26px;
		letter-spacing: 0;
	}
	.portfolio-wrapper.column-6 .portfolio-item {
		width: 33.33%;
	}
	.portfolio-wrapper.column-3 .portfolio-item {
		width: 33.33%;
	}
	.navbar .nav .nav-item .dropdown-menu {
		position: relative;	
		top: 0;
		border: 0;
		padding: 0 20px 0;
	}
	.sidebar-box {
		padding: 15px;	
	}
	.sidebar-box .list-category li ul {
		padding-left: 10px;	
	}
	.sidebar-wrapper[class*=" col-md"], .sidebar-wrapper[class*=" col-lg"] {
		margin-top: 0;	
	}
	.sidebar-box h5 {
		line-height: 24px;	
	}
	.footer {
		padding: 35px 0;	
	}
	.footer .col-md-12 {
		text-align: center;	
	}
	.footer-bottom {
		padding: 25px 0;	
	}
	.footer-bottom p {
		margin-bottom: 0;	
	}
	.section-fullscreen-home .bg-image .col-md-12 {
		padding: 0 30px;	
	}
	.button-xl {
		padding: 15px 40px;
	}
	.navbar .nav {
		height: auto;
		max-height: 80vh;
    	overflow-y: scroll;
	}
	.sidebar-header-col h5 {
		padding: 10px;	
	}
	.navbar-cat .nav {
		display: flex;
		top: 0;
		left: 0;	
		padding: 0;
	}
	.navbar-cat .nav .nav-item {
		padding: 0;	
	}
	.navbar-cat .nav .nav-item .nav-link {
		padding: 0;	
	}
	.navbar-cat .nav .nav-item .nav-link h5 {
		padding: 22px 20px;
		background: rgba(0,0,0,0.20);
	}
	.navbar-cat .nav .nav-item.nav-dropdown .nav-link:before {
		right: 20px;	
	}
	.navbar-cat .nav .nav-item.nav-dropdown .nav-link:after {
		right: 23px;	
	}
	.navbar.navbar-cat .nav .nav-item .dropdown-menu {
		top: 0;	
		margin-top: 0;
	}
	.col-lg-8.col-md-12.padding-right-0 {
		padding-right: 15px !important;
	}
	.col-lg-4.col-md-12.padding-left-0 {
		padding-left: 15px !important;	
	}
	.search-box-home {
		display: none;	
	}
	.search-box-menu {
		display: block;	
	}
	.search-box-menu .search-box {
		padding-top: 10px;
		width: 100%;
		background: #fff;	
	}
}
@media (min-width : 768px) and (max-width: 1024px) and (orientation: landscape) {

}

@media (min-width : 768px) and (max-width: 1024px) {
	
}

/*
Small devices
Tablets (≥768px)
*/

@media (max-width: 767px) {
	p.box-sottotit {
		line-height: 20px;		
	}
	.portfolio-wrapper.column-6 .portfolio-item {
		width: 33.33%;
	}
	.portfolio-wrapper.column-3 .portfolio-item {
		width: 33.33%;
	}
	.sectionCategorie {
		margin: -200px 20px 0px 20px;
	}
	.button-xl.margin-top-20 {
		padding: 8px 20px;
		margin-top: 0 !important;
	}
	.portfolio-item .portfolio-box .portfolio-title div {
		bottom: 30px;	
	}
	.footer .col-12 {
		text-align: center;	
	}
	.modal-body {
		padding: 0;	
	}
	.section, .section-md {
		padding: 40px 0;
	}
	.breadcrumb li {
		margin-bottom: 0;	
	}
	.back-risultati {
		position: relative;
		left: unset;
		margin-bottom: 50px;
		padding: 0 25px;
	}
	.search-box.col-lg-4.offset-lg-8.col-md-6.offset-md-6 {

	}
}
@media (max-width: 767px) and (orientation: landscape) {
	
}
@media (max-width: 576px) {
	.sectionCategorie {
		margin: -200px 15px 0px 15px;
	}
	h1 {
		font-size: 30px;
    	line-height: 36px;	
	}
	h2 {
		font-size: 26px;
    	line-height: 32px;		
	}
	h3 {
		font-size: 22px;
    	line-height: 28px;		
	}
	h5, h5.heading {
		font-size: 18px;
		line-height: 24px;	
	}
	.portfolio-item .portfolio-box .portfolio-title div {
		bottom: 20px;	
	}
	.owl-carousel.owl-nav-overlay .owl-nav button.owl-next, .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev {
		width: 40px;
    	height: 40px;	
	}
	.owl-carousel.owl-nav-overlay .owl-nav button.owl-next i, .owl-carousel.owl-nav-overlay .owl-nav button.owl-prev i {
		line-height: 40px;
	}
	.owl-carousel.owl-nav-overlay .owl-nav .owl-prev {
		left: 5px;	
	}
	.owl-carousel.owl-nav-overlay .owl-nav .owl-next {
		right: 5px;	
	}
	.portfolio-wrapper.column-6 .portfolio-item {
		width: 50%;
	}
	.portfolio-wrapper.column-3 .portfolio-item {
		width: 50%;
	}
	.portfolio-wrapper.column-3.hover-style-3 .portfolio-item {
		width: 100%;
	}
	.breadcrumb-item+.breadcrumb-item {
		padding-left: 2px;	
	}
	.breadcrumb-item+.breadcrumb-item::before {
		padding-right: 2px;	
	}
	.search-box.col-lg-4.offset-lg-8.col-md-6.offset-md-6.margin-bottom-20 {
		padding: 15px;
		margin-bottom: 0 !important;
	}
	.navbar-cat .nav .nav-item .nav-link h5 {
		padding: 28px 20px;	
	}
}