/* ---------------------------------------------- */
/* MEDIA QUERIES */
/* ---------------------------------------------- */

@media screen and (max-width:1538px)  {
	#navigationMenu > ul{
    	margin-left: 10px!important;
	}
}

@media screen and (max-width: 1023px) { 
    
    img {
        margin: 0px;    
    }
}


@media screen and (min-width:1201px)  {
	.dropdown-content {
        margin-left: -20px!important;
	}
	
	.dropdown-content-last {
        margin-left: -97px!important;
	}
}

@media screen and (min-width:1024px) and (max-width:1290px){
	.drop-title{
		font-size: smaller;
	}
	
}

@media screen and (max-width: 1023px) { 
    
    img {
        margin: 0px;    
    }
}

@media screen and (min-width:1075px) and (max-width:1200px){
	.nav_item{
		padding-left: 20px;
	    padding-right: 20px;
	}

	.dropdown-content {
        margin-left: -15px!important;
	}
	
	.dropdown-content-last {
	    margin-left: -115px!important;
	}
	
}

@media screen and (min-width:1024px) and (max-width:1075px){
	#navigationMenu > ul{
    	margin-left: 10px;
	}
	
	#navigationMenu > ul > li{
	    padding-left: 10px;
	    padding-right: 10px;
	}
	
	.dropdown-content {
        margin-left: -10px!important;
	}
	
	.dropdown-content-last {
	    margin-left: -107px!important;
	}
}

@media screen and (max-width:767px){
	#navigationDIV > div.logo-div > a > img{
		height: 45px;
	    width: auto;
	}

	.sticky {
	    height: 80px;
	}
}



@media screen and (max-width:575px){
    /* -------- navigation (max-width: 575px) -------- */
    .sidenav {
    	top: 80px;
    	padding-top: 0;
    	height: calc( 100% - 80px);
    }
    
    .mobile-menu {
    	overflow: visible;
    }
    
    .sidenav > .side_nav_menu > #scrollable_view > a {
    	height: 80px;
    	display: flex;
    	align-items: center;
    }
    
/*     #scrollable_view { */
/*     	overflow-y: scroll; */
/*     } */
    
/*     ::-webkit-scrollbar-thumb { */
/* 	  background: rgba(168, 166, 171, 1); */
/* 	} */
	
/* 	::-webkit-scrollbar { */
/* 	  width: 5px; */
/* 	  margin-right: 2px; */
/* 	} */
	    
    .side_nav_footer {
    	width: 0;
   	    transition: width 0.5s;
    }
    
   	.sidenav.opened .side_nav_footer {
    	position: fixed;
    	bottom: 0;
    	left:auto;
    	right: 0;
		width: 100%;
	    transition: width 0.5s ease-out;
    }
    
    .scrolling-stop {
    	overflow: hidden;
    }
    
    #scrollable_view > a.accordion {
    	padding-right: 50px;
    	display: flex;
    	justify-content: space-between;
    }
    
    .nav-icon-right {
/*     	position: absolute; */
/*     	right: 60px; */
    }
    
    .nav-icon-subpage-direction {
/*     	transform: rotate(270deg); */
    }
    
    .accordion.active > .nav-icon-subpage-direction  {
    	transform: rotate(180deg);
    }
}

@media screen and (max-width:425px){
	#navigationDIV > div.logo-div > a > img {
		height: 60px;
	}
	
	#navigationMenu {
		display: none;
	}
	
	.logo-div {
    	width: 100%;
	}
	
	.mobile-menu {
    	padding: 0;
    	margin-top: 0px;
	}
	
	.side_nav_footer.social-media {
/* 		width: 100%;		 */
		padding: 0px;
	}
	
	.side_nav_footer.social-media .banner {
    	font-size: 90%;
    	padding-bottom: unset;
    	padding: 0px 5px;
	}
	
	.nav-mob-menu {
		font-size: 125%;
	}
	
	.nav-mob-menu a {
		font-size: 100%;
	}

	i.country_side_nav,
	i.language_side_nav  {
	    position: absolute;
	    bottom: 4px;
	    right: -14px;
	}
	
	.nav_space.language {
	    padding-left: 20px;
	}

}


@supports (-webkit-overflow-scrolling: touch) {
  
  	@media screen and (max-width: 375px) {
  	
  		/* Index Logo */
		#navigationDIV > div.logo-div > a > img {
		    height: 55px;
		    width: auto;
		}
		
		i.country_side_nav, i.language_side_nav {
		    position: absolute;
		    bottom: 0px;
		    right: -14px;
		}
		
		.nav-mob-menu {
		    font-size: 145%;
		}
		
		.nav-mob-menu a {
			font-size: 110%;
		}

	}
}