@media (max-width: 1389px) {
    .slick-blu-nav .slick-arrow.slick-prev {
        left: 10px;
    }

    .slick-blu-nav .slick-arrow.slick-next {
        right: 10px;
    }
}

@media (max-width: 1199px) {
    .main-nav.main-nav19 > ul > li > a {
        padding: 10px 15px;
    }

    #page-head {
        height: 300px;
    }
    #page-head .page-head-img {
        height: 300px;
        width: 1478px;
        position: absolute;
        left: calc((100% - 1478px) / 2);
        max-width: none;
    }
    #page-head .page-head-title {
        font-size: 40px;
    }
}

@media (max-width: 991px) {
    .fixed-header .header .nav-header .main-nav {
        padding: 0 10%;
    }

    .left-sidebar.prod-sidebar.is_stuck {
        z-index: 10;
        background-color: #fff;
    }

    .home-service {
        margin: 0 auto;
        margin-bottom: 42px;
    }

    .home-service img {
        margin-bottom: 24px;
    }

    .home-service > span {
        width: 100%;
        max-width: none;
        text-align: center;
    }

    .widget.widget-filter {
        padding: 0;
        margin: 0;
    }

    .widget.widget-filter .widget-title {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .shop-single-v1-section .woocommerce .summary .cart .btn-small {
        font-size: 12px;
        padding: 20px 13px;
        letter-spacing: 1px;
    }

    .product_title {
        font-size: 38px;
        margin: 0 0 20px 0;
    }

    .product-thumb {
        font-size: 13px;
    }
    ul.mega-menu-first > li > a { 
        font-size: 9px;
        line-height: 11px;
    }


   
    #page-head .page-head-title {
        font-size: 32px;
    }
    .ty-page .intro-text {
        font-size:20px;
    }
    .ty-page .page-fluid-wrapper .page-fluid-title {
        font-size: 24px;
    }


    .pagine-settore .category-slider .tab-content .owl-carousel .owl-stage {
        height: 435px;
    }
    .pagine-settore .col-12.bg-grey {
        padding-bottom: 350px!important;
        background-position-y: bottom;
    }

    .blog-slider-container .owl-carousel.owl-arrow-nav {
        padding: 0;
    }

    .blog-slider-container .owl-nav{
        display: none;
    }
}

@media (max-width: 767px) {
    /* Table Responsive Horizontal */
	table.table-responsive-horizontal {
        width: 100%;
        white-space: normal;
    }

	table.table-responsive-horizontal,
	.table-responsive-horizontal thead,
	.table-responsive-horizontal tbody,
	.table-responsive-horizontal tfoot,
	.table-responsive-horizontal th,
	.table-responsive-horizontal td,
	.table-responsive-horizontal tr {
        display: block;
	}

	.table-responsive-horizontal thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.table-responsive-horizontal tr {
		margin: 0 0 20px 0;
		background-color: #FBFCFC;
    }
    
	.table-responsive-horizontal tr td[data-title-responsive]{
	    border-left:none !important;
		white-space: normal !important;
    }
    
	.table-responsive-horizontal td[data-title-responsive] {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #fff;
		position: relative;
		padding-left: 50% !important;
		white-space: normal;
		text-align:left!important;
	}

	.table-responsive-horizontal td[data-title-responsive]:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 50%;
		left: 10px;
        width: 45%;
		padding-right: 10px;
		/*white-space: nowrap;*/
		text-align:left;
        font-weight: bold;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
	.table-responsive-horizontal td[data-title-responsive]:before {
        content: attr(data-title-responsive);
    }
    /* end Table Responsive Horizontal */

    /* Table responsive Vertical */
	table.table-responsive-vertical,
	.table-responsive-vertical thead,
	.table-responsive-vertical tbody,
	.table-responsive-vertical tfoot,
	.table-responsive-vertical th,
	.table-responsive-vertical td,
	.table-responsive-vertical tr {
        display: block;
    }
    
    .table-responsive-vertical thead {
        display: none;
    }

    .table-responsive-vertical tbody td {
        width: 100%;
    }

    .table-responsive-vertical tbody td:first-child {
        font-weight: bold;
    }
    /* end Table responsive Vertical */

    .table-responsive-horizontal .product-remove {
        width: 100%;
        max-width: none;
        text-align: right;
    }

    .table-responsive-horizontal .product-name:before {
        display: none;
    }

    .table-responsive-horizontal td.product-name {
        width: 100%;
        max-width: none;
        text-align: right;
        padding-left: 0 !important;
    }

    .table-responsive-horizontal td.product-name > a {
        width: 50%;
        margin: 0;
        padding: 50% 0 0;
        position: relative;
        overflow: hidden;
        border: 1px solid #e8e8e8;
    }

    .cart-item .product-quantity .quantity .qty {
        border: 1px solid #000;
    }

    .cart-item .product-quantity .quantity {
        float: none;
    }

    #home-slide .slide-text p {
        max-width: 80%;
        margin: 0 auto;
    }

    #home-slide .slide-text .au-btn {
        margin-top: 25px;
    }

    .fixed-header .header .main-header {
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px; 
    }

    .header .list-product-box,  .fixed-header .header .list-product-box {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        margin-top: 5px;
        z-index: 400;
    }
    .header .main-header .row > div {
        position: static;
    }
    .fixed-header .navbar-search .form-group, .header .navbar-search .form-group {
        width: 100%;
        margin: 0;
        padding: 15px 0;
    }


    .header .searc-button-alt{
        display: inline-block;
    }

    .header .list-product-box > li {
        float: none;
        display: inline-block;
    }

    .fixed-header .navbar-search{
        z-index: 300;
    }
    .fixed-header .toggle-mobile-menu i {
        font-size: 22px;
    }

    .header .list-product-box {
        margin-right: -15px;
    }
    .fixed-header .list-product-box {
        margin-right: 0;
    }

    .search-button {
        display: none;
    }
    .navbar-search {
        position: absolute;
        top: 31px;
        left: 0;
        width: 100%;
        padding: 10px 20%;
        max-width: none;
        background: #fff;
        height: 110px;
        z-index: 300;
    }

  .fixed-header .navbar-search  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 20%;
	max-width: none;
	background: #fff;
	height: 60px;
    z-index: 300;
}
 

    .fixed-header .logo-alt {
        display: block;
        position: relative;
        left: 0;
        top: 0;
        margin: 0 auto;
        text-align: center;
    }
    
    .fixed-header .toggle-mobile-menu {
        margin-top: 10px;
    }

    .main-header {
        padding: 20px 0;
    }

    .toggle-mobile-menu {
        margin: 10px;
    }

    .toggle-mobile-menu i {
        font-size: 24px;
    }

    .toggle-mobile-menu .closed {
        display: block;
    }

    .toggle-mobile-menu .opened {
        display: none;
    }

    .toggle-mobile-menu.nav-open .closed {
        display: none;
    }

    .toggle-mobile-menu.nav-open .opened {
        display: block;
    }

    .nav-header {
        display: none;
        position: absolute;
        top: 36px;
        left: 0;
        width:0px;
    }

    
 
body.body-nav-open {
	overflow: hidden;
}

    .body-nav-open .nav-header {
        display: block;
    }


    
.main-nav > ul {
	display: block;
	width: 85%;
	position: fixed;
	top: 131px;
	left: 0;
	transform: translateX(-100%);
	transition: all 0.3s ease-out 0s;
	height: auto;
	overflow-y: scroll;
	bottom: 0;
    min-height: calc(100vh - 145px);
	border: none;
    background: #fff;
    border-right: 1px solid #e5e5e5;
}



.fixed-header .main-nav > ul{
  min-height: calc(100vh - 64px);  
}
.main-nav.main-nav19 > ul > li {
	margin-right: 0;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.main-nav > ul > li:last-child {
	margin-bottom: 30px !important;
}
.main-nav.main-nav19 > ul > li > a {
	color: #575757;
	font-size: 18px;
	padding: 4px 0 !important;
	display: block;
	height: auto !important;
    border-bottom: none;
}
.main-nav.main-nav19.main-nav20 > ul > li > a::after {
	height: auto;
	width: auto;
	content: "\f0da";
	position: absolute;
	right: 15px;
	bottom: auto;
	top: 6px;
	left: auto;
	background: transparent !important;
	transform: none;
	font-family: "Font Awesome 5 Pro";
	color: #dadada;
	font-size: 24px;
    font-weight: 900;
    display: block !important;
}
.main-nav > ul > li.has-mega-menu > a::after{
    display: inline-block !important;
}


.mega-menu {
	width: 100%;
	/* display: block; */
	position: static;
	left: 0;
	transform: none;
	padding: 0;
	max-height: none;
	box-shadow: none;
	opacity: 1;
	visibility: visible;
}
.layer-menu {
	display: none !important;
}

.mega-menu .container {
	padding: 15px 0;
}

.mega-link.mega-link-container {
	column-count: 1;
	height: auto;
}

.mega-link h4, .mega-link h4 a {
	font-size: 14px;
	margin: 0 0 10px 0;
}

.mega-link h4, .mega-link h4 a {
	font-size: 14px;
	margin: 0 0 10px 0;
}

.main-nav > ul li .mega-menu li > a {
	padding: 3px 0 !important;
	height: auto !important;
	line-height: normal !important;
	border: none;
}

.main-nav > ul > li.has-mega-menu.active > a + .mega-menu{
    display: block;
}

.main-nav.main-nav19.main-nav20 > ul > li.active > a::after{
    content: "\f0d7";
}

.fixed-header .header { 
	z-index: 9999;
}

.main-nav > ul > li.has-mega-menu.active > a + .mega-menu-container{
    
display: block;
}

.mega-menu-container{
 
position: static;
transform: none;
background: transparent;
width: auto;
left: 0;
top: 0;
}
ul.mega-menu-first > li {
	display: block;
}

ul.mega-menu-first > li.active > a::after{
    display: none;
}


ul.mega-menu-first > li > a {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}



ul.mega-menu-first {
	display: block;
}

.fixed-header .header .main-nav.main-nav19 > ul > li > a {
	font-size: 18px;
}


ul.mega-menu-first > li.active > a::after {
	display: none;
}

.fixed-header .main-nav > ul {
	top: 62px;
}

ul.mega-menu-first > li.active .mega-menu {
	display: block;
	min-height: 0;
	box-shadow: none;
	background: transparent;
	width: auto;
	position: static;
	transform: none;
}
.mega-menu-first .mega-menu > .container {
	padding: 0;
}
.mega-menu-second > li {
	width: auto;
	border: none;
	padding: 0;
}
.mega-menu-second ul {
	position: static;
	left: 0;
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
	column-count: unset;
	display: block !important;
}
.mega-menu-second > li > a:hover + ul, .mega-menu-second li.active ul {
	display: none;
}

.mega-menu-container .container, .mega-menu-container .container-fluid {
	padding: 0;
}
ul.mega-menu-first > li.active > a::after {
	display: none;
}

.main-nav > ul li > a {
	text-transform: capitalize;
	font-size: 16px;
	border: none;
}

.mega-menu-second > li > a {
	font-weight: bold !important;
	color: #676464;
	margin: 5px 0;
}

.mega-menu .container .row .col {
	flex-basis: 100%;
}


.fixed-header .header .logo {
	width: 33.333333%;
	left: 50%;
	margin-left: -16.666667%;
	text-align: center;
	top: 16px;
	height: 34px;
}
.fixed-header .header .logo img {
	/* max-height: none; */
}
.fixed-header .header .main-header {
/* 	height: 0px;
	padding: 0; */
}
.fixed-header .header .nav-header { 
	padding: 10px 0;
	width: 100%;
	top: 0;
}

.mega-menu .container .row .col {
	flex-basis: 100%;
}

.mega-menu .categories-detail .banner-center span.name {
	color: #000;
	text-transform: capitalize;
	font-weight: 400;
}
.mega-menu .categories-detail .banner-center a {
	display: block !important;
	text-align: left;
	height: 40px;
	border-bottom: 1px solid #E5E5E5;
	line-height: 40px;
}
.mega-menu .categories-detail .banner-center {
	position: static;
	display: block !important;
	padding: 8px 5px;
}
.mega-menu .categories-detail.categories-att .images {
	display: none;
}
/*Start Menu*/


ul.mega-menu-first > li > a {
	color: #000 !important;
	text-align: left;
	border: none;
	height: auto !important;
	font-size: 16px !important;
	line-height: 30px !important;
}


.mega-menu{
	display:none;
}
.main-nav .sub-menu {
    background: #fff none repeat scroll 0 0;
    box-shadow: none;
    display: none;
    margin: 0;
    opacity: 1;
    visibility: visible;
	position:static;
}
.main-nav > ul > li > a::before{
	display:none;
}	
.main-nav .toggle-mobile-menu {
    display: block;
}
.main-nav {
	position: relative;
	z-index: 9999;
	margin: 0 0 0 -15px;
}

.main-nav > ul.active{
	transform:translateX(0);
	-webkit-transform:translateX(0);
	opacity:1;
}
.main-nav2 > ul,
.main-nav7 > ul,
.main-nav8 > ul,
.main-nav12 > ul{
	transform:translateX(320px);
	-webkit-transform:translateX(320px);
}
.main-nav > ul > li {
    display: block;
    margin: 0 15px !important;
    padding: 0!important;
}
.main-nav .sub-menu li a::before{
	display:none;
}
.main-nav > ul li > a {
    border-bottom: 1px solid #e5e5e5;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 40px !important;
    line-height: 40px !important;
	padding:0!important;
}
.main-nav > ul  li:last-child > a {
    border: medium none;
}
.main-nav .sub-menu > li {
    padding: 0px;
	margin:0 15px;
}
.main-nav > ul li.menu-item-has-children .menu-item-has-children > a::after {
    right: 0;
    top: 0;
}
.main-nav > ul > li.menu-item-has-children > a::after {
    position: absolute;
    right: 0!important;
    top: 0;
    content: "\f107";
    font-family: fontawesome;
}
.main-nav > ul > li .sub-menu::after {
    display: none;
}
.main-nav > ul > li .sub-menu {
    display: none;
    width: 100%;
	border:1px solid #e5e5e5;
	padding:0;
}
.main-nav > ul > li.menu-item-has-children li.menu-item-has-children>.sub-menu{
	left:0;
	top:100%;
	padding:0;
}
.main-nav > ul > li.menu-item-has-children li.menu-item-has-children > a::after {
    content: "";
    font-family: fontawesome;
    position: absolute;
    right: 0;
    top: 0;
}
.mega-menu{
	display:none;
}
.main-nav > ul > li.has-mega-menu > a::after{
	display:none!important;
}


.left-sidebar.prod-sidebar {
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	min-height: 100%;
	background: #fff;
	will-change: transform, opacity;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	left: -100%;
	transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
	-webkit-overflow-scrolling: touch;
	height: 100%;
	padding: 15px 15px;
	transform: translateZ(0);
}
.left-sidebar.prod-sidebar.overlayMe {
	left: 0;
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}
.scrollable-mobi-area {
	overflow-y: scroll;
	height: 100%; 
	padding: 15px 15px;
}


.left-sidebar-mobi-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	background: #fff;
	padding: 15px 10px;
	margin: 0;
	transform: translateZ(0);
}
.left-sidebar-mobi-footer > div {
	padding: 0 5px;
}
.left-sidebar-mobi-footer .clear-filters {
	display: block !important;
}
.widget-filter > ul {
	max-height: none;
}
div.fancy-select ul.options {
	background: #fff;
	z-index: 999999;
}


.product-cont h5 {
	font-size: 13px;
	font-weight: 500;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	overflow: hidden;
	/*text-overflow: ;*/
}
.product-cont .product-link {
	line-height: 18px;
}

.popup-container {
	min-width: 0;
}
.prod-table td.product-name > div {
	float: right;
	width: 46%;
}

.banner-hp-4 .banner-content .banner-detail.banner-detail-2 .images img {
	height: auto;
}

/*End Menu*/
 

    .page-content {
        padding-top: 0;
    }

    .home-services {
        padding: 30px 0 0;
    }

    .home-reg {
        padding: 50px 0 40px;
    }

    .home-reg .special-heading {
        padding-bottom: 15px;
    }

    .categories-hp-1 .categories-content .categories-detail {
        margin-bottom: 15px;
    }

    .categories-content > div:first-child .categories-detail .banner-center span.name {
        position: absolute;
        top: 60px;
    }

    .categories-content > div:first-child .categories-detail .banner-center h2 {
        position: absolute;
        top: 110px;
    }

    .categories-content > div:first-child .categories-detail .au-btn.btn-xs {
        position: absolute;
        bottom: 60px;
    }

    .banner-hp-4 .banner-content .banner-wrapper > div:nth-child(3) .banner-detail .images img {
        padding-top: 100px;
    }

    .banner-hp-4 .banner-content .banner-detail.banner-detail-2 .images {
        float: right;
    }

    .banner-hp-4 .banner-content .banner-detail.banner-detail-2 .images img {
        height: 350px;
        width: auto;
    }

    .brand-slider .owl-carousel .owl-item img {
        width: auto;
    }

    .newsletter-home .container h4 {
        text-align: center;
    }

    .newsletter-home .container p {
        text-align: center;
        font-weight: 100;
        margin-bottom: 35px;
    }

    .newsletter-home input[type="email"] {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .newsletter-home button[type="submit"] {
        display: block;
        margin: 60px auto 0;
    }

    .newsletter-home .privacylabel {
       /*  position: absolute; */
        top: 50px;
        z-index: 9999;
    }

    #newsl-footer-submit #news-homemail, #newsl-footer-submit .au-btn{
        width: 100%;
        margin: 0 0 10px 0;
    }

    .filter-row .mobi-show-filters {
        display: block;
    }

    #active-filters {
        min-height: auto;
    }

    .back-filters {
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .left-sidebar {
        margin-bottom: 50px;
    }

    .logo-footer {
        max-width: 370px;
    }

    .footer-section h3 {
        font-size: 15px;
        font-weight: 500;
        line-height: 17.99px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin: 0;
        padding: 10px 0 20px 0;
    }

    .footer-section p {
        font-size: 11px;
        font-weight: 300;
        line-height: 19px;
    }

    .footer-section hr {
        border-top: 1px solid #fff;
    }

    .newsletter-footer p {
        margin: 0;
    }

    .bottom-footer {
        margin-top: 50px;
    }

    .main-nav > ul > li.has-mega-menu:hover .mega-menu-container{
        display: none;
    }

    .not-found-div h3 {
        margin-top: 300px;
    }

    .not-found-div {
        background-size: 400px;
        background-position: top right;
        margin-top: 0;
    }

    .logo img{
        max-width: 160px;
    }
    .home-slider {
        margin: 0;
    }
    
     /*#page-head {
        height: 300px;
    }
    #page-head .page-head-img {
        height: 300px;
        width: 1478px;
        position: absolute;
        left: calc((100% - 1478px) / 2);
        max-width: none;
    }*/
    .ty-page .page-fluid-wrapper {
        height: 230px;
    }
    .ty-page .page-fluid-wrapper .page-fluid-img {
        height: 230px;
        width: 1132px;
        position: absolute;
        left: calc((100% - 1132px) / 2);
        max-width: none;
    }


    .pagine-settore h1.text-white { 
        font-size: 40px;
    }
    .pagine-settore .container-title h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .pagine-settore .container-title p {
        font-size: 20px;
        line-height: 30px;
    }
    .pagine-settore .special-heading {
        margin-bottom: 25px;
    }
    .pagine-settore .category-slider .tab-content .owl-carousel .owl-stage {
        height: 315px;
    }
    .pagine-settore .category-slider .tab-content > .active {
        height: 320px;
    }
    .pagine-settore .col-12.bg-grey {
        padding-bottom: 400px!important;
    }
    .pagine-settore h3.must-have-title {
        font-size: 20px;
        margin-top: 10px!important;
    }
    .container-title .img-fluid {
        height: auto;
    }
    .pagine-settore-ristoranti .col-12.bg-grey {
        background-image: url(../img/ristoranti/bg_1_mobi.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
        background-blend-mode: multiply;
    }
    .pagine-settore-catering .col-12.bg-grey {
        background-image: url(../img/catering/bg_1_mobi.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
        background-blend-mode: multiply;
    }
    .pagine-settore-hotel .col-12.bg-grey {
        background-image: url(../img/hotel/bg_1_mobi.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
        background-blend-mode: multiply;
    }
    .pagine-settore-bar .col-12.bg-grey {
        background-image: url(../img/bar/bg_1_mobi.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
        background-blend-mode: multiply;
    }
    .pagine-settore-enoteche .col-12.bg-grey {
        background-image: url(../img/enoteche/bg_1_mobi.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
        background-blend-mode: multiply;
    }


    .col-12.bg-grey.blog-consulenza {
        background-image: none;
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain;
        background-blend-mode: multiply;
    }
 

}

@media (max-width: 767px) {
    body.search .header .main-header .row > div {
        position: relative;
    }

    body.search .navbar-search {
        padding: 10px 20px;
    }

    body.search .formSearchContainer .search-button {
        display: block;
        /* right: 20px; */
        position: relative;
        bottom: 10px;
        z-index: 10000;
    }

    body.search .closeSearchContainer .close-search-button{
        margin-right: 13px;
    }

    body.search .main-header {margin-top:0px;}
    body.search .navbar-search {top:61px;}
    body.search .closeSearchContainer {height:55px;}
}
@media (max-width: 575px) {
    .pagine-settore .slide-selector + .trigger {
        display:block;
    }
    .pagine-settore .col-12.bg-grey {
        padding-bottom: 70vw!important;
    }
}
@media (max-width: 480px) {
    .clerk-design-component-qTktDVii > div {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 0px;
    }
    #page-head .page-head-title {
        top: calc(50% - 55px);
    }
}