/* 1840px */

@media screen and (max-width: 1840px) {
	
	
	.mapplic-container
	{
		    right: 5vw;
	}
	
}

/* 1650px */

@media screen and (max-width: 1650px) {
	
	
	.mapplic-container
	{
		    right: 5vw;
	}
	
}

/* 1550px */

@media screen and (max-width: 1550px) {
	
	
	.mapplic-container
	{
		    right: 5vw;
	}
	
}
/* 1427px */

@media screen and (max-width: 1427px) {
	
	.mapplic-filter{
		width: 40%;
	}
	
	
}

/* 1249px */

@media screen and (max-width: 1271px) {
	
	.mapplic-sidebar
	{
		width: 30%;
	}
	.mapplic-filter{
		width: 45%;
		left: 40%;
	}
	
	
}

/* 1110px */

@media screen and (max-width: 1110px) {
	
	.mapplic-sidebar
	{
		width: 33%;
	}
	.mapplic-filter{
		width: 50%;
		left: 45%;
	}
	
	
}

/* 999px */

@media screen and (max-width: 999px) {
	
	.mapplic-sidebar
	{
		width: 33%;
	}
	.mapplic-filter{
		width: 59%;
		left: 39%;
	}
	
	
}

/* 964px */

@media screen and (max-width: 964px) {
	
	h4{
		font-size: .8rem!important;
	}
	#navitgation-buttons
	{
		    transform: scale(.8);
    right: 0;
	}
	
}

/* 846px */

@media screen and (max-width: 846px) {
	
.mapplic-search-input
{
	width: 80%;
}
	
}

/* 824px */

@media screen and (max-width: 824px) {
	
.mapplic-sidebar
	{
		width: 38%;
	}
	.mapplic-filter{
		width: 54%;
    left: 43%
	}
}


/* MOBILE */

/* 750px */

@media screen and (max-width: 750px) {
	.mapplic-list-container{
		    overflow: hidden;
	}
	.mapplic-list-container ol{
		margin-top:0;
	}
#navitgation-buttons
	{
		      bottom: -7rem;
    left: 45%;
	right: unset;
    top: unset;
    transform: rotateZ(90deg) scale(1);
	}
	.floor
	{
		transform: rotateZ(270deg) scale(.8);
	}
	.mapplic-button
	{
		transform: rotateZ(270deg) scale(.8);
	}
	.mapplic-list-container
	{
		max-height: 100vh;
	}
	.mapplic-sidebar
	{
		width: 100vw;
    padding: 0;
    top: 0;
      position: absolute;
	}
	.open-category
	{
		    border-top: 2px solid #d9d9d9;
    border-bottom: 2px solid #d9d9d9;
    height: 50px;
    width: 27%;
    background: white;
    /* border-bottom: 1px solid rgba(125, 125, 133, 0.5); */
    position: relative;
    width: inherit;
    z-index: 2;
	}
	.mapplic-filter
	{
		left: 0;
    width: 100%;
    /* margin-bottom: 17px; */
    position: relative; 
 
	}
	.mapplic-search-input {
    width: 90%;
}
.mapplic-container
{
	    height: 100%;
    width: 100%;
    right: 0;

}
.cat-img
{
	left: 0px;
	right:unset;
}
.open-category span
{
	margin-left: 4rem;
}
h4 {
    font-size: 1rem!important;
}
}

/* 668px */

@media screen and (max-width: 668px) {
	
	.mapplic-portrait .mapplic-sidebar {
	 padding: 0!important;
	 height: 100vh;
		}
	.mapplic-container
	{
		height:100vh!important;
		
	}

	.mapplic-portrait .mapplic-list-container
	{
		    max-height: calc(100% - 48px);
			   
	}

}

/* 499px */

@media screen and (max-width: 499px) {
	
	.mapplic-filter {
   
    width: 101%;
    
}
.mapplic-search-input {
    width: 86%;
}
}

/* 414px */

@media screen and (max-width: 414px) {
	
#navitgation-buttons {
    
    left: 41%;
}
.mapplic-search-input {
    width: 81%;
}
}

/* 320px */

@media screen and (max-width: 320px) {
	
.searh-img{
	    width: 40px;
    height: 40px;
}
.mapplic-filter
{
	  height: 40px;
}
.mapplic-search-input {
   padding: .6rem 1rem .8rem 1rem;
}
.open-category {
		height: 40px;
}
.cat-img {
    width: 40px;
    height: 40px;
}
.open-category span {
    margin-top: .7rem;
    margin-left: 3.5rem;
}
.mapplic-sidebar {
  
      top: 0;
    
}
.mapplic-filter {
   
   
    
}
#navitgation-buttons {
    left: 38%;
}
.cat-img img
{
	    top: 16px;
}
.mapplic-list-container ol {
   
  /*   margin-top: 22px; */
}
.mapplic-portrait .mapplic-list-container {
    max-height: calc(100% - 38px);
}
}