@media (max-width: 1440px){
#index-slide .carousel-caption h2.whitetit {
    font-size: 60px;
}
#index-slide .carousel-caption h2.pagewhitett,#page-slide .carousel-caption h2.pagewhitett{ font-size:36px;}

.about-section .txt ul li h4{ font-size:36px;}	
.about-section .txt ul li p{ font-size:16px;}
.about-section .txt ul li {
    padding: 0 1.5rem 2rem 0;
}
.about-section{ display:flex; align-items:center;height:calc(100vh); padding:0;}

.pdf-item{ flex:0 1 25%;}
}
@media (max-width: 1024px){
#index-slide .carousel-caption h2.whitetit {
    font-size: 48px;
}
.about-section .txt ul li h4{ font-size:32px;}	
.about-section .txt ul li p{ font-size:16px;}
.about-section .txt ul li {
    padding: 0 1.5rem 2rem 0;
}
.pdf-item{ flex:0 1 33.33333%;}
}
@media screen and (max-width: 1024px){
	.navbar-nav{ display:flex;flex-direction: column;}
	}
@media screen and (max-width: 640px){
	
	}
	
@media screen and (max-width: 768px){
	.home-top {
    position:relative;
    padding-top: 20px;
	top:0;
}
	.navbar-brand img{ max-width:150px;}
	.carousel-indicators {
    margin-right: 0;
    margin-left: 0;
		}
		
	.navbar-toggler {
    display: block;
	}
	
	#navbarSupportedContent{ width:100%}
	.main_menu{ float:none; display:block; margin:0;}
	.main_menu > li{ float:none; }
.main_menu > li > a{ float:none;  line-height:45px; padding:0 25px;}
.main_menu > li > a:hover{ text-decoration:none; }
.main_menu > li > .nav-sub{ z-index:1000; width:100%; opacity:0.93;}

.main_menu li > ul > li a{}
.page-nav {
    font-size: 14px;
}
.pro-nav {
    font-size: 14px;
}
.about-section{ height:auto; background-position:0 0;}
.about-section .txt {
    width: 100%;
}
.about-section .img{ display:none;}
.page-banner{ height:180px}
.page-title h1{ font-size:1.7rem;}
.workPress{ display:block;}
.workPress .card {
    width: 100%;
    float: none;
}
.aboutpic h4{ font-size:14px;}
	}
@media screen and (min-width: 769px){
.navbar-main {
    display:inline-block !important;
}
}
@media screen and (min-width: 1440px){
.container {    max-width:1330px;}
}