/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) { 

	html{
		font-size:12px;
	}
	
	.top-header {
		height:36px;
		padding-top:5px;
	}
	
	.title p, .title h2, .title h1 {
		
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 0px;
		padding: 10px 5px 10px 10px;
	}
	
	
	.mobile-menu-wrapper{
		display:block;
	}
	
	.main-menu-wrapper{
		display:none;
	}
	
	#frm-search{
		padding-bottom:.5rem;
	}
	
	#frm-sort{
		padding-bottom:2rem;
	}
	
	#contactmap{
		height:400px;
		box-shadow: 0px 5px 20px rgba(0, 0, 0, .2);
	}
	
	.product-card .card-title {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		height: 50px;
	}
	
	.product .main-image .product-card_badge {
		font-size: 9px;		
	}
	
	.product-card .product-card_badge {
		font-size: 9px;		
	}
	
	.sidebar-nav{
		display: none;
	}
	
	.mobile-none{
		display: none;
	}
	
	.logo-wrapper{
		padding:.8rem;
		text-align: center;
	}
	
	.logo-wrapper img{
		max-height: 48px;
	}
	
	.product .prices {
		text-align: center;
	}

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	.mobile-menu-wrapper{
		display:block;
	}

	.main-menu-wrapper{
		display:none;
	}
	
	.top-header {
		height:36px;
		padding-top:5px;
	}
	
	.middle-header {
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.title p, .title h2, .title h1 {
		
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 0px;
		padding: 10px 5px 10px 10px;
	}
	
	#contactmap{
		height:400px;
		box-shadow: 0px 5px 20px rgba(0, 0, 0, .2);
	}
	
	.product-card .card-title {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		height: 50px;
	}
	
	.sidebar-nav{
		display: none;
	}
	
	.mobile-none{
		display: none;
	}
	
	.product .prices {
		text-align: center;
	}
	
	

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	html{
		font-size:12px;
	}
	
	.title p, .title h2, .title h1 {
		
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 0px;
		padding: 10px 5px 10px 10px;
	}
	
	.sidebar-nav{
		display: block;
	}
	
	.mobile-none{
		display:inline;
	}
	
	.product .prices {
		text-align: center;
	}

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	.mobile-menu-wrapper{
		display:none;
	}

	.main-menu-wrapper{
		display:block;
	}

	.title p, .title h2, .title h1 {
		
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 0px;
		padding: 10px 5px 10px 10px;
	}
	
	.product .prices {
		text-align: left;
	}
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

	html{
		font-size:14px;
	}
	
	.top-header {
		height: inherit;
		padding-top: inherit;
	}

	#frm-search{
		padding-top:1rem;
	}
	
	.title p, .title h2, .title h1 {		
		font-size: 36px;
		font-weight: 700;
		margin-bottom: 0px;
		padding: 30px 25px 10px 25px;
	}
	
	#contactmap{
		height:800px;
		box-shadow: 0px 5px 20px rgba(0, 0, 0, .2);
	}

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
	html{
		font-size:16px;
	}
	.pred{
		width:1000px;
	}
	
	#contactmap{
		height:800px;
		box-shadow: 0px 5px 20px rgba(0, 0, 0, .2);
	}
	
	.title p, .title h2, .title h1 {		
		font-size: 36px;
		font-weight: 700;
		margin-bottom: 0px;
		padding: 30px 25px 10px 25px;
	}
	
	
	
	
}













/* special */
@media (min-width: 992px) {
	
    .topbar-nav .metismenu {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
		justify-content: center;
    }
	
    .topbar-nav .metismenu > li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
		
    }
	
    .topbar-nav .metismenu > li > ul {
        position: absolute;
        top: 100%;
        min-width: 100%;
        z-index: 1001;
    }
    .topbar-nav.is-hoverable .metismenu > li > ul {
      height: auto !important;
    }
    .topbar-nav.is-hoverable .metismenu > li:hover > ul {
        display: block;
    }
    .topbar-nav.is-hoverable .metismenu > li:hover > a.has-arrow:after {
        -webkit-transform: rotate(-135deg);
                transform: rotate(-135deg);
    }
	
	
	
	
	
	
	
	.sidebar-nav .metismenu li {
        position: relative;
		margin-left: 4px;
    }
    .sidebar-nav .metismenu > li > ul {
        position: absolute;
        left: 100%;
        top: 0;
        min-width: 200px;
        z-index: 1001;
    }
    .sidebar-nav .metismenu > li:hover > ul {
        height: auto !important;
    }
    .sidebar-nav .metismenu > li:hover > ul,
    .sidebar-nav .metismenu > li:hover > ul.collapse {
        display: block;
		background-color:#F9F9FA;
		border: 1px solid #ced4da;
    }

    .sidebar-nav .metismenu > li:hover > a.has-arrow:after {
        transform: rotate(135deg);
    }
	
	
	
	
	.sidebar-nav .metismenu > li:hover > ul > li:hover > ul,
    .sidebar-nav .metismenu > li:hover > ul.collapse  > li:hover > ul.collapse{
        display: block;
    }
	
	.sidebar-nav .metismenu > li > ul >  li:hover > a.has-arrow:after{
        transform: rotate(135deg);
    }
	
	.sidebar-nav .metismenu > li > ul > li > ul{
        position: absolute;
        left: 100%;
        top: 0;
        min-width: 200px;
        z-index: 1001;
    }
	
	
	
	
}