#wrapper,
#container,
#container #content,
#footer {
	max-width: calc(100vw - 100px)!important;
}

#col_one{
	max-height: calc(100vh - 50px)!important;
	box-sizing: initial;
}

.navbar{
	padding: 0 !important;
}

#head #col_three .menu {
	height: initial;
}

body{
	line-height: initial;
}

.navbar-nav{
	justify-content: center;
}

.site_pages{
	height: -webkit-fill-available;
	max-height: 416px;
	overflow: auto;
}

#col_two{
	width: 80%;
	box-sizing: unset;
}	

#breadcrumbs_container{
	width: 100%;
}

.user_grid{
	width: calc(100% / 13.3) !important;
	height: calc(100% / 8.2) !important;
}

.webdataquikmenu{
	left: unset !important;
}

* {
	-webkit-box-sizing: unset !important;
	-moz-box-sizing: unset !important;
	box-sizing: unset !important;
}
*:before,
*:after {
	-webkit-box-sizing: unset !important;
	-moz-box-sizing: unset !important;
	box-sizing: unset !important;
}

button {
	box-sizing: border-box !important;
}

select {
	box-sizing: border-box !important;
}

.dropdown-menu{
	padding-bottom: 16px !important;
}

@media (max-width: 1600px) {
	.overlay-content{
		transform: scale(0.7);
		transform-origin: top left;
	}
}

@media (max-width: 1200px) {
	.overlay-content{
		transform: scale(0.6);
		transform-origin: top left;
	}
}

@media (max-width: 1000px) {
	.overlay-content{
		transform: scale(0.5);
		transform-origin: top left;
	}
}

@media (max-width: 800px) {
	.overlay-content{
		transform: scale(0.4);
		transform-origin: top left;
	}
}

@media (max-width: 600px) {
	.overlay-content{
		transform: scale(0.3);
		transform-origin: top left;
	}
}

@media (max-width: 400px) {
	.overlay-content{
		transform: scale(0.2);
		transform-origin: top left;
	}
}

@media (max-width: 200px) {
	.overlay-content{
		transform: scale(0.1);
		transform-origin: top left;
	}
}

@media (max-width: 750px) {
    .col_one{
		margin-left: auto;
		margin-right: auto;
		width: fit-content;
		float: unset !important;
	}
	
	.col_two{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		float: unset !important;
	}
		
	.logo{
		margin-left: auto;
		margin-right: auto;
	}
	
	#top_menu{
		margin-top: 65px;
		text-align: center;
		float: initial;
	}
	
	#top_menu a{
		float: none !important;
	}
}

@media (max-width: 450px) {	
	.logo a img{
		width: calc(100vw - 100px) !important;
	}
}