@media (min-width: 768px) {
.width-sm-1 {
    width: 60px;
	
}
.width-sm-2 {
    width: 180px
}
.width-sm-3 {
    width: 240px
}
.width-sm-4 {
    width: 320px
}
.width-sm-5 {
    width: 480px
}
.width-sm-6 {
    width: 720px
}
.width-sm-full {
    width: 1130px
}
.height-sm-auto .list-wrapper>li {
    height: auto
}
.height-sm-1 .list-wrapper>li {
    height: 60px
}
.height-sm-2 .list-wrapper>li {
    height: 120px
}
.height-sm-3 .list-wrapper>li {
    height: 180px
}
.height-sm-4 .list-wrapper>li {
    height: 240px
}
.height-sm-5 .list-wrapper>li {
    height: 320px
}
.height-sm-6 .list-wrapper>li {
    height: 480px
}
.column-sm-1 ul li {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important
}
.column-sm-1 ul li:first-child,.column-sm-1 ul li:nth-child(2n+1),.column-sm-1 ul li:nth-child(3n+1),.column-sm-1 ul li:nth-child(4n+1),.column-sm-1 ul li:nth-child(5n+1),.column-sm-1 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-sm-2 ul li {
    width: 47%;
    margin-left: 1% !important;
    margin-right: 1% !important
}
.column-sm-2 ul li:first-child,.column-sm-2 ul li:nth-child(2n+1),.column-sm-2 ul li:nth-child(3n+1),.column-sm-2 ul li:nth-child(4n+1),.column-sm-2 ul li:nth-child(5n+1),.column-sm-2 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-sm-2 ul li:first-child,.column-sm-2 ul li:nth-child(2n+1) {
    margin-left: 2% !important
}
.column-sm-3 ul li {
    width: 30%;
    margin-left: 1% !important;
    margin-right: 1% !important
}
.column-sm-3 ul li:first-child,.column-sm-3 ul li:nth-child(2n+1),.column-sm-3 ul li:nth-child(3n+1),.column-sm-3 ul li:nth-child(4n+1),.column-sm-3 ul li:nth-child(5n+1),.column-sm-3 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-sm-3 ul li:first-child,.column-sm-3 ul li:nth-child(3n+1) {
    margin-left: 2% !important
}
.column-sm-4 ul li {
    width: 23%;
    margin-left: 1% !important;
    margin-right: 1% !important
}
.column-sm-4 ul li:first-child,.column-sm-4 ul li:nth-child(2n+1),.column-sm-4 ul li:nth-child(3n+1),.column-sm-4 ul li:nth-child(4n+1),.column-sm-4 ul li:nth-child(5n+1),.column-sm-4 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-sm-4 ul li:first-child,.column-sm-4 ul li:nth-child(4n+1) {
    margin-left: 2% !important
}
.column-sm-4 .menu-text .menu-info .menu-action .menu-action-icon {
    font-size: 10px;
    height: 16px;
    width: 16px;
    line-height: 12px
}
.column-sm-5 ul li {
    width: 18%;
    margin-left: 1% !important;
    margin-right: 1% !important
}
.column-sm-5 ul li:first-child,.column-sm-5 ul li:nth-child(2n+1),.column-sm-5 ul li:nth-child(3n+1),.column-sm-5 ul li:nth-child(4n+1),.column-sm-5 ul li:nth-child(5n+1),.column-sm-5 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-sm-5 ul li:first-child,.column-sm-5 ul li:nth-child(5n+1) {
    margin-left: 1% !important
}
.column-sm-5 .menu-text .menu-info .menu-action .menu-action-icon {
    font-size: 10px;
    height: 16px;
    width: 16px;
    line-height: 12px
}
.column-sm-6 ul li {
    width: 15%;
    margin-left: 1% !important;
    margin-right: 1% !important
}
.column-sm-6 ul li:first-child,.column-sm-6 ul li:nth-child(2n+1),.column-sm-6 ul li:nth-child(3n+1),.column-sm-6 ul li:nth-child(4n+1),.column-sm-6 ul li:nth-child(5n+1),.column-sm-6 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-sm-6 ul li:first-child,.column-sm-6 ul li:nth-child(6n+1) {
    margin-left: 2% !important
}
.column-sm-6 .menu-text .menu-info .menu-action .menu-action-icon {
    font-size: 10px;
    height: 16px;
    width: 16px;
    line-height: 12px
}
.left-sm {
    right: 0;
    left: auto
}
.left-sm:before {
    left: auto;
    right: 20px
}
.right-sm {
    left: 0;
    right: auto
}
.right-sm:before {
    right: auto;
    left: 20px
}
.center-sm-1 {
    left: -10px;
    right: auto
}
.center-sm-1:before {
    left: 30px;
    right: auto
}
.center-sm-2 {
    left: -70px;
    right: auto
}
.center-sm-2:before {
    left: 90px;
    right: auto
}
.center-sm-3 {
    left: -100px;
    right: auto
}
.center-sm-3:before {
    left: 120px;
    right: auto
}
.center-sm-4 {
    left: -140px;
    right: auto
}
.center-sm-4:before {
    left: 160px;
    right: auto
}
.center-sm-5 {
    left: -220px;
    right: auto
}
.center-sm-5:before {
    left: 240px;
    right: auto
}
.center-sm-6 {
    left: -340px;
    right: auto
}
.center-sm-6:before {
    left: 360px;
    right: auto
}
.center-sm-5 {
    left: -220px;
    right: auto
}
.center-sm-5:before {
    left: 240px;
    right: auto
}
.center-sm-6 {
    left: -340px;
    right: auto
}
.center-sm-6:before {
    left: 360px;
    right: auto
}
.center-sm-full {
    left: -545px;
    right: auto
}
.center-sm-full:before {
    left: 565px;
    right: auto
}
.mgbt-sm-0 {
    margin-bottom: 0 !important
}
.mgbt-sm-5 {
    margin-bottom: 5px !important
}
.mgbt-sm-10 {
    margin-bottom: 10px !important
}
.mgbt-sm-15 {
    margin-bottom: 15px !important
}
.mgbt-sm-20 {
    margin-bottom: 20px !important
}
.fixed{
	height: 45px;
}
}
@media (min-width: 992px) {
.company{
	padding-left: 0px;
}
.width-md-1 {
    width: 60px
}
.width-md-2 {
    width: 180px
}
.width-md-3 {
    width: 240px
}
.width-md-4 {
    width: 320px
}
.width-md-5 {
    width: 480px
}
.width-md-6 {
    width: 720px
}
.width-md-full {
    width: 1130px
}
.height-md-auto .list-wrapper>li {
    height: auto
}
.height-md-1 .list-wrapper>li {
    height: 60px
}
.height-md-2 .list-wrapper>li {
    height: 120px
}
.height-md-3 .list-wrapper>li {
    height: 180px
}
.height-md-4 .list-wrapper>li {
    height: 240px
}
.height-md-5 .list-wrapper>li {
    height: 320px
}
.height-md-6 .list-wrapper>li {
    height: 480px
}
.column-md-1 ul li {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important
}
.column-md-1 ul li:first-child,.column-md-1 ul li:nth-child(2n+1),.column-md-1 ul li:nth-child(3n+1),.column-md-1 ul li:nth-child(4n+1),.column-md-1 ul li:nth-child(5n+1),.column-md-1 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-md-2 ul li {
    width: 47%;
    margin-left: 1% !important;
    margin-right: 1% !important
}
.column-md-2 ul li:first-child,.column-md-2 ul li:nth-child(2n+1),.column-md-2 ul li:nth-child(3n+1),.column-md-2 ul li:nth-child(4n+1),.column-md-2 ul li:nth-child(5n+1),.column-md-2 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-md-2 ul li:first-child,.column-md-2 ul li:nth-child(2n+1) {
    margin-left: 2% !important
}
.column-md-3 ul li {
    width: 30%;
    margin-left: 1% !important;
    margin-right: 1% !important
}
.column-md-3 ul li:first-child,.column-md-3 ul li:nth-child(2n+1),.column-md-3 ul li:nth-child(3n+1),.column-md-3 ul li:nth-child(4n+1),.column-md-3 ul li:nth-child(5n+1),.column-md-3 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-md-3 ul li:first-child,.column-md-3 ul li:nth-child(3n+1) {
    margin-left: 2% !important
}
.column-md-4 ul li {
    width: 23%;
    margin-left: 1% !important;
    margin-right: 1% !important
}
.column-md-4 ul li:first-child,.column-md-4 ul li:nth-child(2n+1),.column-md-4 ul li:nth-child(3n+1),.column-md-4 ul li:nth-child(4n+1),.column-md-4 ul li:nth-child(5n+1),.column-md-4 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-md-4 ul li:first-child,.column-md-4 ul li:nth-child(4n+1) {
    margin-left: 2% !important
}
.column-md-4 .menu-text .menu-info .menu-action .menu-action-icon {
    font-size: 10px;
    height: 16px;
    width: 16px;
    line-height: 12px
}
.column-md-5 ul li {
    width: 18%;
    margin-left: 1% !important;
    margin-right: 1% !important
}
.column-md-5 ul li:first-child,.column-md-5 ul li:nth-child(2n+1),.column-md-5 ul li:nth-child(3n+1),.column-md-5 ul li:nth-child(4n+1),.column-md-5 ul li:nth-child(5n+1),.column-md-5 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-md-5 ul li:first-child,.column-md-5 ul li:nth-child(5n+1) {
    margin-left: 1% !important
}
.column-md-5 .menu-text .menu-info .menu-action .menu-action-icon {
    font-size: 10px;
    height: 16px;
    width: 16px;
    line-height: 12px
}
.column-md-6 ul li {
    width: 15%;
    margin-left: 1% !important;
    margin-right: 1% !important
}
.column-md-6 ul li:first-child,.column-md-6 ul li:nth-child(2n+1),.column-md-6 ul li:nth-child(3n+1),.column-md-6 ul li:nth-child(4n+1),.column-md-6 ul li:nth-child(5n+1),.column-md-6 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-md-6 ul li:first-child,.column-md-6 ul li:nth-child(6n+1) {
    margin-left: 2% !important
}
.column-md-6 .menu-text .menu-info .menu-action .menu-action-icon {
    font-size: 10px;
    height: 16px;
    width: 16px;
    line-height: 12px
}
.left-md {
    right: 0;
    left: auto
}
.left-md:before {
    left: auto;
    right: 20px
}
.right-md {
    left: 0;
    right: auto
}
.right-md:before {
    right: auto;
    left: 20px
}
.center-md-1 {
    left: -10px;
    right: auto
}
.center-md-1:before {
    left: 30px;
    right: auto
}
.center-md-2 {
    left: -70px;
    right: auto
}
.center-md-2:before {
    left: 90px;
    right: auto
}
.center-md-3 {
    left: -100px;
    right: auto
}
.center-md-3:before {
    left: 120px;
    right: auto
}
.center-md-4 {
    left: -140px;
    right: auto
}
.center-md-4:before {
    left: 160px;
    right: auto
}
.center-md-5 {
    left: -220px;
    right: auto
}
.center-md-5:before {
    left: 240px;
    right: auto
}
.center-md-6 {
    left: -340px;
    right: auto
}
.center-md-6:before {
    left: 360px;
    right: auto
}
.center-md-full {
    left: -545px;
    right: auto
}
.center-md-full:before {
    left: 565px;
    right: auto
}
.mgbt-md-0 {
    margin-bottom: 0 !important
}
.mgbt-md-5 {
    margin-bottom: 5px !important
}
.mgbt-md-10 {
    margin-bottom: 10px !important
}
.mgbt-md-15 {
    margin-bottom: 15px !important
}
.mgbt-md-20 {
    margin-bottom: 20px !important
}

}
@media (min-width: 1200px) {
	
    .width-lg-1 {
    width: 60px
}
.width-lg-2 {
    width: 180px
}
.width-lg-3 {
    width: 240px
}
.width-lg-4 {
    width: 320px
}
.width-lg-5 {
    width: 480px
}
.width-lg-6 {
    width: 720px
}
.width-lg-full {
    width: 1130px
}
.height-lg-auto .list-wrapper>li {
    height: auto
}
.height-lg-1 .list-wrapper>li {
    height: 60px
}
.height-lg-2 .list-wrapper>li {
    height: 120px
}
.height-lg-3 .list-wrapper>li {
    height: 180px
}
.height-lg-4 .list-wrapper>li {
    height: 240px
}
.height-lg-5 .list-wrapper>li {
    height: 320px
}
.height-lg-6 .list-wrapper>li {
    height: 480px
}
.column-lg-1 ul li {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important
}
.column-lg-1 ul li:first-child,.column-lg-1 ul li:nth-child(2n+1),.column-lg-1 ul li:nth-child(3n+1),.column-lg-1 ul li:nth-child(4n+1),.column-lg-1 ul li:nth-child(5n+1),.column-lg-1 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-lg-2 ul li {
    width: 47%;
    margin-left: 1% !important;
    margin-right: 1% !important
}
.column-lg-2 ul li:first-child,.column-lg-2 ul li:nth-child(2n+1),.column-lg-2 ul li:nth-child(3n+1),.column-lg-2 ul li:nth-child(4n+1),.column-lg-2 ul li:nth-child(5n+1),.column-lg-2 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-lg-2 ul li:first-child,.column-lg-2 ul li:nth-child(2n+1) {
    margin-left: 2% !important
}
.column-lg-3 ul li {
    width: 30%;
    margin-left: 1% !important;
    margin-right: 1% !important
}
.column-lg-3 ul li:first-child,.column-lg-3 ul li:nth-child(2n+1),.column-lg-3 ul li:nth-child(3n+1),.column-lg-3 ul li:nth-child(4n+1),.column-lg-3 ul li:nth-child(5n+1),.column-lg-3 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-lg-3 ul li:first-child,.column-lg-3 ul li:nth-child(3n+1) {
    margin-left: 2% !important
}
.column-lg-4 ul li {
    width: 23%;
    margin-left: 1% !important;
    margin-right: 1% !important
}
.column-lg-4 ul li:first-child,.column-lg-4 ul li:nth-child(2n+1),.column-lg-4 ul li:nth-child(3n+1),.column-lg-4 ul li:nth-child(4n+1),.column-lg-4 ul li:nth-child(5n+1),.column-lg-4 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-lg-4 ul li:first-child,.column-lg-4 ul li:nth-child(4n+1) {
    margin-left: 2% !important
}
.column-lg-4 .menu-text .menu-info .menu-action .menu-action-icon {
    font-size: 10px;
    height: 16px;
    width: 16px;
    line-height: 12px
}
.column-lg-5 ul li {
    width: 18%;
    margin-left: 1% !important;
    margin-right: 1% !important
}
.column-lg-5 ul li:first-child,.column-lg-5 ul li:nth-child(2n+1),.column-lg-5 ul li:nth-child(3n+1),.column-lg-5 ul li:nth-child(4n+1),.column-lg-5 ul li:nth-child(5n+1),.column-lg-5 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-lg-5 ul li:first-child,.column-lg-5 ul li:nth-child(5n+1) {
    margin-left: 1% !important
}
.column-lg-5 .menu-text .menu-info .menu-action .menu-action-icon {
    font-size: 10px;
    height: 16px;
    width: 16px;
    line-height: 12px
}
.column-lg-6 ul li {
    width: 15%;
    margin-left: 1% !important;
    margin-right: 1% !important
}
.column-lg-6 ul li:first-child,.column-lg-6 ul li:nth-child(2n+1),.column-lg-6 ul li:nth-child(3n+1),.column-lg-6 ul li:nth-child(4n+1),.column-lg-6 ul li:nth-child(5n+1),.column-lg-6 ul li:nth-child(6n+1) {
    margin-left: 0 !important
}
.column-lg-6 ul li:first-child,.column-lg-6 ul li:nth-child(6n+1) {
    margin-left: 2% !important
}
.column-lg-6 .menu-text .menu-info .menu-action .menu-action-icon {
    font-size: 10px;
    height: 16px;
    width: 16px;
    line-height: 12px
}
.left-lg {
    right: 0;
    left: auto
}
.left-lg:before {
    left: auto;
    right: 20px
}
.right-lg {
    left: 0;
    right: auto
}
.right-lg:before {
    right: auto;
    left: 20px
}
.center-lg-1 {
    left: -10px;
    right: auto
}
.center-lg-1:before {
    left: 30px;
    right: auto
}
.center-lg-2 {
    left: -70px;
    right: auto
}
.center-lg-2:before {
    left: 90px;
    right: auto
}
.center-lg-3 {
    left: -100px;
    right: auto
}
.center-lg-3:before {
    left: 120px;
    right: auto
}
.center-lg-4 {
    left: -140px;
    right: auto
}
.center-lg-4:before {
    left: 160px;
    right: auto
}
.center-lg-5 {
    left: -220px;
    right: auto
}
.center-lg-5:before {
    left: 240px;
    right: auto
}
.center-lg-6 {
    left: -340px;
    right: auto
}
.center-lg-6:before {
    left: 360px;
    right: auto
}
.center-lg-full {
    left: -545px;
    right: auto
}
.center-lg-full:before {
    left: 565px;
    right: auto
}
.mgbt-lg-0 {
    margin-bottom: 0 !important
}
.mgbt-lg-5 {
    margin-bottom: 5px !important
}
.mgbt-lg-10 {
    margin-bottom: 10px !important
}
.mgbt-lg-15 {
    margin-bottom: 15px !important
}
.mgbt-lg-20 {
    margin-bottom: 20px !important
}

}



@media (max-width: 767px) {
    .vd_mega-menu-content .child-menu .content-grid .menu-text .menu-info .menu-action .menu-action-icon {
		font-size: 10px;
		height: 16px;
		width: 16px;
		line-height: 12px
	}
	.company span{
		display:none;
	}
	.company h2{
		font-size: 14px;
	}
	.company {
		width: 82%;
		float: none !important;
		margin: 0 auto;
	}
 
	.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu {
		float: none;
		margin-left: -15px;
		margin-right: -15px;
		padding-top: 5px;
		padding-bottom: 10px;
		background-color: rgba(0,0,0,0.4)
	}
	.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>.mega-ul>.mega-li {
		float: none;
		padding: 7px 15px;
		height: auto;
		margin: 0;
		border-radius: 0
	}
	.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>.mega-ul>.mega-li>a {
		display: block
	}
	.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .vd_mega-menu-content {
		width: 100% !important;
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		margin-top: 5px;
		margin-bottom: 10px
	}
	.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .vd_mega-menu-content .vd_mega-menu-content {
		margin-bottom: 0
	}
	.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .vd_mega-menu-content:before {
		display: none
	}
	.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .open-right .list-wrapper>li,.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .open-left .list-wrapper>li {
		padding: 0 0 0 15px !important
	}
	.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .vd_mega-menu-content.open-right,.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .vd_mega-menu-content.open-left {
		border-top: none;
		box-shadow: none;
		margin-top: 0
	}
	.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .vd_mega-menu-content.open-right>div>div>ul>li>a,.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .vd_mega-menu-content.open-left>div>div>ul>li>a {
		border-left: 3px solid #1fae66;
		padding: 3px 0px 3px 10px
	}
	.light-top-menu .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu {
		background: rgba(0,0,0,0.8)
	}
	.light-top-menu .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>.mega-ul>.mega-li>a {
		color: #fff
	}

}
@media (max-width: 319px) {


	.company h2{
		font-size: 11px;
	}

}
@media (min-width: 992px) and (max-width: 1199px) {
    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>.mega-ul>.mega-li {
    padding-left: 10px;
    padding-right: 10px
}

}
@media (max-width: 991px) {
	#back-top{
		display:none;
	}
	.mega-link{
		display: inline-block;

	}
    header .vd_top-menu-wrapper {
    position: relative
}
header .vd_top-nav {
    width: 100%;
    display: block;
    position: relative;
    padding-left: 15px;
    padding-right: 15px
}
header .vd_top-nav .vd_panel-header .logo {
    float: none;
    text-align: center
}
header .vd_container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    /* padding-right: 15px */
}
header .vd_container .vd_menu-search {
    margin-left: 0
}
header .container {
    padding-left: 0;
    padding-right: 0
}
header .vd_top-nav {
    padding-left: 15px;
    padding-right: 15px
}
.nav-left-hide .content .vd_content-wrapper .vd_container {
    margin-left: 0
}
.nav-right-hide .content .vd_content-wrapper .vd_container {
    margin-right: 0
}
.vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>ul>li {
    padding-left: 10px;
    padding-right: 10px
}
.vd_visitor-counter .item {
    width: 60px;
    height: 76px;
    line-height: 76px;
    font-size: 56px
}
.vd_visitor-counter .item .line {
    width: 60px
}
#front-1-banner .vd_content {
    height: auto
}
#front-1-banner .icon-banner {
    position: relative;
    top: auto;
    left: auto;
    text-align: center
}
#front-1-banner .icon-1 {
    margin-top: 40px
}
#front-1-banner .icon-2 {
    margin-top: 30px
}
#front-1-banner .icon-3 {
    margin-top: 30px
}
#front-1-banner .icon-4 {
    margin-top: 50px;
    margin-bottom: 75px
}

	#ModalBox .modal-dialog{
		margin: 0;
		height: 100%;
		width:100%;
	}
	#ModalBox .modal-content{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		height: 100%;
	}
	#ModalBox .modal-body{
		padding: 0
	}

}
@media (max-width: 767px) {
.menuusers{
	display:none;
}
    header {
    height: 50px;
    background-color: #2196F3;
}
header .vd_top-nav {
   /*  height: 63px */
}

header .vd_container .vd_menu-search {
    margin-left: auto;
    margin-right: auto
}
header .vd_container .col-xs-12 {
    margin-bottom: 10px
}
/* .submenu header .vd_container {
    display: block
} */
body .affix,body .affix-top,body .affix-bottom {
    position: static !important
}
.nav-left-hide .content .vd_container {
    float: right;
    min-width: 717px
}
.nav-right-hide .content .vd_container {
    float: left;
    min-width: 717px
}
.nav-left-hide.nav-right-hide .content .container .vd_container {
    float: none;
    min-width: inherit
}
.fc .fc-header-title h2 {
    font-size: 26px
}
.login-layout .vd_register-page,.login-layout .vd_login-page {
    width: 100%
}
.vd_visitor-counter .item {
    width: 46px;
    height: 60px;
    line-height: 60px;
    font-size: 46px;
    margin-bottom: 10px
}
.vd_visitor-counter .item .line {
    width: 46px
}
.vd_interactive-widget .item-left,.vd_interactive-widget .item-right {
    border-top: none
}
.vd_interactive-widget .item-left {
    margin-right: 0;
    border-right: none
}
.vd_interactive-widget .item-right {
    margin-left: 0
}
.content-blog-small .list-wrapper>li .menu-icon,.content-blog-large .list-wrapper>li .menu-icon {
    float: none;
    display: block;
    margin: 0 auto 10px;
    width: 100%
}
.content-blog-small .list-wrapper>li .menu-text,.content-blog-large .list-wrapper>li .menu-text {
    margin-left: 0;
    text-align: center
}

}
@media (max-width: 480px) {
    .vd_status-widget .menu-value {
    font-size: 24px;
    margin-left: 15px
}
.vd_status-widget .menu-icon {
    font-size: 36px
}
.fc .fc-header-title h2 {
    font-size: 20px
}
#fullcalendar .fc-header-left .fc-button-prev,#fullcalendar .fc-header-left .fc-button-next {
    line-height: 18px;
    height: 22px;
    width: 22px;
    position: absolute;
    top: -9px
}
#fullcalendar .fc-header-left .fc-button-prev {
    left: 20px
}
#fullcalendar .fc-header-left .fc-button-next {
    left: 68px
}
#fullcalendar .fc-header-left .fc-button .fc-icon {
    font-size: 1.8em
}
#fullcalendar .fc-header .fc-header-right .fc-button-today {
    top: 47px
}
.vd_visitor-counter .item {
    width: 30px;
    height: 46px;
    line-height: 46px;
    font-size: 30px;
    margin-bottom: 10px
}
.vd_visitor-counter .item .line {
    width: 30px
}
.company h2 {
    font-size: 12px;
}
.company{
	width:78%;
}
}

@media (min-width: 768px) and (max-width: 991px) {
	
/*     header {
    height: 126px
} */
header .vd_top-nav {
    /* height: 63px */
}
header .vd_top-nav .vd_panel-header .logo {
    margin-top: 0
}
header .vd_top-nav .vd_panel-menu {
    top: 10px
}
.company{
	padding-left: 130px;
}
.company h2{
	font-size: 15px;
	padding-top: 18px;
}

}
@media (max-width: 830px) and (min-width: 768px)
{
	.company {
		padding-left: 90px;
	}
}
@media (min-width: 992px) and (max-width: 1366px) {
	#formadd .fixed {
		width: 50%;
	}
	
}
@media (min-width: 768px) and (max-width: 1199px) {
	.company{
		width: 79.16666667%;
		
	}
	.menuusers{
		width: 20.83333333%;
	}
	.company span{
		display:none
	}
}	
@media (min-width: 992px) and (max-width: 1199px) {
	.company h2 {
		font-size: 18px;
	}	
	.company span{
		display:none
	}
    .vd_status-widget .menu-value {
    font-size: 24px;
    margin-left: 15px
}
.vd_status-widget .menu-icon {
    font-size: 36px
}
#front-1-banner .icon-banner {
    position: absolute
}
#front-1-banner .icon-1 {
    top: 222px;
    left: 208px
}
#front-1-banner .icon-2 {
    top: 170px;
    left: 344px
}
#front-1-banner .icon-3 {
    top: 203px;
    left: 648px
}
#front-1-banner .icon-4 {
    top: 230px;
    left: 412px
}
#front-1-banner .word-1 {
    top: 215px;
    left: 85px
}
#front-1-banner .word-2 {
    top: 152px;
    left: 438px
}
#front-1-banner .word-3 {
    top: 178px;
    left: 746px
}

}
@media (min-width: 1200px) and (max-width: 1260px) {
    body.boxed-layout .vd_body {
    width: 100%;
    border: none;
    float: left;
    border-radius: 0
}
body.boxed-layout .vd_bottom .vd_footer-line,body.boxed-layout .vd_bottom .bg {
    margin-left: -10px;
    margin-right: -10px
}

}
@media (min-width: 992px) and (max-width: 1016px) {
    body.boxed-layout .vd_body {
    width: 100%;
    border: none;
    float: left;
    border-radius: 0
}
body.boxed-layout .vd_bottom .vc_footer-line,body.boxed-layout .vd_bottom .bg {
    margin-left: -10px;
    margin-right: -10px
}

}
@media (max-width: 767px) {
    body.boxed-layout .vd_body {
		width: 100%;
		float: left;
		margin: 0;
		border: none
	}
	body.boxed-layout header {
		margin-top: 0px
	}
	body.boxed-layout header .vd_top-menu-wrapper .container {
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 0px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px
	}
	body.boxed-layout footer {
		margin-bottom: 0px
	}
	body.boxed-layout footer .vd_bottom .container {
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 0px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px
	}
	#ModalBox .modal-dialog.modal-md{
		width:96%;
	}
 
	.submitalign{
		text-align: center
	}
	#tableview{
		display: none
	}
	#mobileview, #trangthaiview{
		display:block
	}
	#trangthaiview{ border: 1px #939292 solid;  margin-bottom: 10px; display:block }
	#trangthaiview h3{padding: 10px 10px 0 10px; }
 
	#mobileview ul{ padding:0; margin: 0; list-style: none; border: 1px #939292 solid; border-bottom: none; margin-bottom: 10px}
	#mobileview li{ font-weight:bold; border-bottom: 1px #939292 solid;padding: 4px 8px;}
	#mobileview li.stt{ text-align: center}
	#mobileview li.stt span {
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background: #f6f6f6;
		border: 1px #2196F3 solid;
		width: 25px;
		height: 25px;
		display: inline-block;
		text-align: center;
	}
	#mobileview li span.lb{ display: inline-block}
	#mobileview li span.vl{ display: inline-block; padding-left: 15px}
	#ModalBox .modal-header, #ModalBox .modal-footer {
		padding: 5px 10px;
	}
}
@media (max-width: 500px) {
     #ModalBox h4.modal-title{
		 font-size: 16px !important
	 }
}
@media (max-width: 399px) {
     #ModalBox h4.modal-title{
		 font-size: 15px !important
	 }
	
}
@media (max-width: 374px) {
     #mobileview li span.vl{
		  padding-left: 0;
	 }
}
@media (max-height: 500px) {
	#ModalBox .modal-header, #ModalBox .modal-footer {
		padding: 5px 10px;
	}  
}

/* @media  only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
	table, thead, tbody, th, td, tr {
		display: block;
	}

	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
		margin: 0 0 1rem 0;
	}

	tr:nth-child(odd) {
		background: #ccc;
	}

	td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	td:before {
		position: absolute;
		top: 0;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	td:nth-of-type(1):before { content: "Đã đọc"; }
	td:nth-of-type(2):before { content: "Đã xem"; }
	td:nth-of-type(3):before { content: "Bình luận"; }
	td:nth-of-type(4):before { content: "Số, ký hiệu"; }
	td:nth-of-type(5):before { content: "Trích yếu"; }
	td:nth-of-type(6):before { content: "Ngày ban hành"; }
	td:nth-of-type(7):before { content: "Ngày ký"; }
	td:nth-of-type(8):before { content: "Đơn vị soạn thảo"; }
	td:nth-of-type(9):before { content: "Phân loại"; }
	td:nth-of-type(10):before { content: "Người ký"; }
} */