#page-container,
#menu_div,
#header{
	width:auto !important;
	min-width:auto !important;
}
.vmsLink{
	float: right;
    margin-right: 30px;
    margin-left: auto !important;
}
#header{
	height: 75px;
}
#header #site_logo{
	width: 100%;
    margin-top: 2px;
}
#menu_div{
	height: 25px;
}
.jqueryslidemenu {
	top: -10.5px !important;
}
.descript{
	line-height: 0;
	color: #ffdd57 ;
}
#banner{
	width: auto;
	padding: 25px 130px 5px 130px;
}
#banner #banner_image{
	width: 400px;
    margin-top: -10px;
}
#banner_content{
	margin-top: -17px;
}
#banner_wrapper{
	height: auto !important;
	margin-top: -10px;
    clear: inherit;
}
	
#banner #banner_image #container{
	width: 400px;
	height: 230px;
}
#content_wrapper{
	width: auto;
}
#content_wrapper #content{
	width: auto;
	padding: 10px 50px;
}
#footer{
	width: auto;
}
#footer img{
	max-height: 76px;
} 
.mx-0{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.point{
	font-size: 12px;
}
input[type="text"],
input[type="password"]{
	border:1px solid #424242;
}
/* responsive */
@media(min-width: 1200px){
	
	#banner{
		height: 380px;
		padding: 25px 10px 5px 10px;
		width: 100%;
		margin-top: -15px;
		padding-left: 25px;
	}
	#banner_content{
		margin-top: 0px;
		margin-right: 10px;
		height: 350px;
		padding: 40px 30px;
		box-shadow: 5px 5px 10px #000;
	}
	#banner #banner_image #container{
		height: 350px;
	    width: 533px;
	    box-shadow: 5px 5px 10px #000;
	}
	#slider,
	#slider li img{
		height: 330px  !important;
	    width: 513px !important;
	}
	#slider li, #slider2 li{
		height: 376px  !important;
	    width: 533px !important;
	}
	#content_wrapper #content {
		padding: 28px 30px;
		box-shadow: 5px 5px 10px #000;
	}
	
	.point {
    	position: absolute;
   		bottom: 0px;
    	width: 100%;
	}
	#footer_wrapper{
	    position: absolute;
    	bottom: 17px;
	} 
	
	
	
	#banner_wrapper{
		display: grid;
    	width: 100%;
    	grid-template-columns: 2fr 1.5fr 1fr;
    	/* gap: 20px; */
    }
    #content_wrapper {
    	grid-column: 2;
    	grid-row: 1;
        margin-left: -15px;
	}
	#login_wrapper{
		margin-top: -15px;
	}
	.log{
	    margin-top: -15px;
    padding: 14px;
    background: #399cb5;
	}
	#content_wrapper{
	    padding: 15px;
    margin: -15px;
    background: #399cb5;
	}
}

@media(max-width: 1200px){
	#banner{
		padding: 25px 40px 5px 40px;
	}
	.log{
	background: #3a9db6;
    padding-top: 1px;
    padding-bottom: 5px;}
}
@media(max-width: 991px){
	#banner #banner_image{
		margin: 5px auto;
    	float: inherit;
	}
	#banner_content{
		margin: 5px auto;
    	float: inherit;
	}
	#banner {
    	padding: 5px 40px 5px 40px;
    	height: auto;
	}

}
@media(max-width: 767px){
	#header #site_logo{
		font-size: 20px;
	}
	.descript{
		margin: 0 !important;
	}
}
@media(max-width: 475px){
	#slider{
		width: 290px !important;
		height: 165px !important;
	}
	#banner #banner_image,
	#banner #banner_image #container{
		width:310px;
		margin:auto !important;
		height: 185px;
	}
	#header {
  		height: 90px;
	}
	#menu_div{
		top: 0;
	}
	.jqueryslidemenu ul{
		margin-left: -15px !important;
	}
	.jqueryslidemenu ul li a{
		padding: 8px 8px;
	}
	.vmsLink {
		margin-right: 5px;
	}
	#banner {
  		padding: 10px 5px;
	}
	#slider li img{
		width: 310px;
	}
	#banner_content{
		width: 310px;
		text-align: center;
	}
	#footer td{
		padding: 0 !important;
		font-size: 12px !important;
		text-align: center;
	}
	#footer img {
  		max-height: 50px;
	}
}