/** Custom Responsiveness for New Netherland Institute - @ 20220822 **/

/** NAVBAR **/
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}

@media (min-width: 1400px) {
	.container {
		max-width: 1350px;
	}
}



@media (max-width: 1400px) {
	#subfooter {
		width: 102.3%;
	}
}



@media (max-width: 1200px) {
	#subfooter {
		width: 102.8%;
	}

	.info-box.right {
		width: 37%;
	}
}



@media (max-width: 992px) {
	#main-navbar .dropdown-menu.show {
		background: transparent;
		border: none;
	}

	#main-navbar .navbar ul li {
		background-image: none;
	}

	#header .top-menu {
		width: 70%;
	}

	#main-navbar .ann-cont {
		display: none;
	}
	
	#sidebar{
		margin-top:0px!important;
	}

	#breadcrumbs ul li a {
		font-size: 0.8rem;
	}

	.left-box-img .w-25 {
		padding-top: 0;
		margin-bottom: 10px;
		text-align: left;
	}

	#news-events {
		padding-top: 0;
	}

	.home .boxes {
		margin-bottom: 35px;
	}

	#sidebar {
		margin-top: initial;
	}

	#subfooter {
		width: 103.6%;
	}

	#subfooter .right-side-inner {
		border-left: none;
		padding-left: 0;
		padding-bottom: 25px;
	}

	.align-right {
		text-align: initial;
	}

	.right, .left {
		float: none;
	}

	#main .heading-box h3 {
		font-size: 1rem;
	}

	.info-box.left {
		float: left;
	}

	.info-box.right {
		width: 100%;
		text-align: center;
                margin-left: 0;
                margin-right:0;
		margin-top: 25px;
	}

	.info-box.right p {
		text-align: initial;
	}

	.info-box.right .plus-sign {
		float: right;
	}

	.modal-body img {
		width: 100%;
		margin: 0 !important;
		margin-bottom: 20px !important;
	}

}



@media (max-width: 768px) {
	#subfooter {
		width: 105%;
	}

	#breadcrumbs ul {
		flex-wrap: wrap;
	}
}



@media (max-width: 580px) {
	.container { 
		max-width: 100%; 
	}
	
	#header .top-menu {
		width: 100%;
		margin-bottom: 10px;
	}

	#main-navbar {
		margin-top: -70px;
	}

	#main .col-lg-9 {
		padding-right: calc(var(--bs-gutter-x) * .5);
	}

	.board-access .boxes p a {
		line-break: anywhere;
	}

	#subfooter {
		width: 107.6%;
	}

	ul.pagination {
		flex-wrap: wrap;
	}

	.info-box.left {
		float: none;
		width: 100%;
	}

	.info-box {
		text-align: center;
		padding-top: 15px;
	}

	.info-box p {
		text-align: initial;
	}
}



@media (max-width: 430px) {
	#header {
		height: 195px;
	}

	#header form, #header ul {
		width: 50%;
	}

	#header ul {
		padding-left: 10px;
	}

	.login-container {
		width: 100% !important;
	}

	#main .heading-box h3 {
		width: 100%;
	}

	.heading-box span {
		width: 100%;
		text-align: initial;
	}

	.flex-middle {
		flex-wrap: wrap;
	}

	.flex-middle a {
		text-align: center;
	}

	.list-box ul {
		padding-left: 18px;
	}

	.info-box.right, .info-box.left {
		padding: 15px;
	}
}



@media (max-width: 300px) {
	#header {
		height: 170px;
	}
	
	#header ul {
		margin-top: 2px;
	}

	#header ul li, #header form input {
		font-size: 0.6rem;
	}

	#main .container {
		padding: 0;
	}

	.list-box ul {
		line-break: anywhere;
	}
}