
/* --------------------------------------------------
	Responsive-Design
-------------------------------------------------- */

/* Small devices (landscape phones, 576px and up)
-------------------------------------------------- */
@media (min-width: 576px) {

}


/* Medium devices (tablets, 768px and up)
-------------------------------------------------- */

@media (min-width: 768px) {

}


/* Large devices (desktops, 992px and up)
-------------------------------------------------- */

@media (min-width: 992px) {

}


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

}


/* XX-Large devices (larger desktops, 1400px and up)
-------------------------------------------------- */
@media (min-width: 1400px) {  

}

/* X-Large devices (large desktops, less than 1400px)
-------------------------------------------------- */
@media (max-width: 1399.98px) {
	
	.navbar-brand img {
		height: 50px;
	}
	.nav-item a.nav-link {
		margin-left: 15px !important;
		
	}

}

/* Large devices (desktops, less than 1200px)
-------------------------------------------------- */
@media (max-width: 1199.98px) {
	
	.navbar-brand img {
		height: 40px;
	}
	.nav-item a.nav-link {
		margin-left: 10px !important;
		
	}
}

/* Medium devices (tablets, less than 992px)
-------------------------------------------------- */
@media (max-width: 991.98px) {
	.content-4-items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 13px;
	}

	.navbar .navbar-nav .nav-link {
		padding: 5px 6px 5px 0px !important;
	}
	
	.navbar-brand img {
		height: 40px;
	}
	.dropdown-menu {
		display: block;
		color: var(--template-color-3) !important;
		background-color: #ffffff !important;
		border: 0px solid #ffffff !important;
	}
	.dropdown-item {
		display: block;
		width: 100%;
		padding: 5px 10px 0px 50px !important;
		clear: both;
		font-size: 14px;
		font-weight: 400;
		color: var(--template-color-3) !important;
		text-align: inherit;
		white-space: nowrap;
		background-color: transparent;
		border: 0;
		line-height: 1 !important;
	}
	.dropdown-item:hover, .dropdown-item:focus {
		color: #000000 !important;
		background-color: #ffffff !important;
	}
	.element-content {
		margin-bottom: 20px;
	}
}

/* Small devices (landscape phones, less than 768px)
-------------------------------------------------- */
@media (max-width: 767.98px) {

}

/* X-Small devices (portrait phones, less than 576px)
-------------------------------------------------- */
@media (max-width: 575.98px) {

}

/* 
-------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
}

/* 
-------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px) {

}

/* 
-------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* 
-------------------------------------------------- */
@media (min-width: 1200px) and (max-width: 1399.98px) {
}
