@media screen and (max-width: 1120px) {
    .page-header ul li .top-logo{
        padding-right: 15px;
        max-width: 300px;
    }
    .page-header ul li .top-logo h1{
        font-size: 16px
    }
    .page-header ul li .chat {
        padding-right: 5px;
    }
    .page-header ul li h2{
        padding-right: 10px;
        font-size: 14px;
    }
    .page-header ul li .chat img {
        margin-right: 5px;
        max-width: 25px;
        display: block;
    margin: 0 auto;
    }
    .page-header ul li .chat span{
        font-size: 12px;
        display: block;
        margin: 0 auto;
    }
    .page-header{
            margin: 0px 0 20px 0;
    }
    .banner-box h2, .sidebar h2,.form-box p, .page-title h2{
        font-size: 18px;
        margin-bottom: 5px;
    }
    .form-box img,.banner-box .box-content img{
        max-width: 18px;
    }
    .banner, .banner-box{
        max-height: 300px;
    }
    .banner-box{
        padding: 0 25px;
        max-width: 320px;
    }
    .sidebar .button-green, .sidebar .button-blue,.footer-content .button-green{
        margin: 20px auto;
        font-size: 14px;
        padding: 10px 0;
    }
    .list li{
        font-size: 16px;
        display: flex;
    }
    .navbar-inverse .navbar-nav>li>a{
        padding: 15px 5px;
        font-size: 9px;
    }
    .sidebar{
      margin-top: auto;
    }
    .form-box{
        padding: 20px 15px;
    }
    .page-header ul li{
        padding: 0 10px;
    }
    .page-header ul li h2 span{
        display: block;
    }
    .page-header ul li a{
        font-size: 10px;
    }
    .list i{
        margin-right: 20px
    }
    .paage-in h3, .paage-in h3.blue,.text-content p{
        font-size: 16px;
        line-height: 18px;
        padding: 10px 0;
        margin: 0;
    }
    .paage-in p{
        font-size: 12px;
        line-height: 16px;
        padding: 15px 0;
    }
    .text-content small{
        font-size: 14px;
        line-height: 18px;
    }
    .text-content{
        margin: 20px 0;
    }
    .page-content{
        min-height: 1500px;
    }
    .form-box label{
        margin: 10px 0
    }
    .sidebar small{
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px){
    .form-box p{
        font-size: 20px;
    }
    .sidebar h2{
        font-size: 25px;
    }

}
@media screen and (min-width: 320px) and (max-width: 349px){
	.page-header ul li {
		padding: 0 16px !important;
	}
}
@media screen and (min-width: 350px) and (max-width: 399px){
	.page-header ul li {
		padding: 0 25px !important;
	}
}
@media screen and (min-width: 400px) and (max-width: 449px){
	.page-header ul li {
		padding: 0 35px !important;
	}
}
@media screen and (min-width: 450px) and (max-width: 499px){
	.page-header ul li {
		padding: 0 45px !important;
	}
}
@media screen and (min-width: 500px) and (max-width: 549px){
	.page-header ul li {
		padding: 0 55px !important;
	}
}
@media screen and (max-width: 767px) {

    .navbar-header{
        background: #fff;
    }
    .navbar-brand>img{
        max-width: 230px;
    }
    .navbar-inverse .navbar-toggle{
        border: none;
    }
    .navbar-inverse .navbar-toggle .icon-bar{
        background: #05B2FF;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
        border:none;
        background: transparent;
    }
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
        background: transparent;
        color: #fff;
    }
    .page-header ul li .chat img{
        display: block;
        margin: 0 auto;
    }
    .page-header ul li h2 span{
        display: block;
    }
    .page-header ul li .chat {
        padding-right: 25px;
    }
    .page-header ul li h2{
        line-height: 20px;
    }
    .button-green,.button-blue{
        padding: 15px;
        font-size: 15px;
    }
}
@media screen and (max-width: 767px) {
    body{
    font-family: 'HelveticaNeue';
    font-size: 14px;
    }
    .page-content{
        padding-right: 0
    }
    .paage-in h3{
        font-size: 16px;        
    padding: 10px 0;

    }
    .paage-in p{
        font-size: 12px;
        padding: 5px 0;
        line-height: 15px;
    }
    .page-title h2{
        font-size: 18px;
    }
    .paage-in {
        padding-top: 15px;
        padding-bottom: 35px;
    }
    
    .green-sm{
        max-width: 100%;
    }
    .sidebar{
        position: relative;
        top: 0;
    }
    .form-box{
        padding: 15px;
        margin-bottom: 5px;
    }
    .banner-box h2, .sidebar h2, .form-box p, .text-content p {
        font-size: 18px;
    }
    .sidebar small{
        font-size: 14px;
        margin-bottom: 0;
        line-height: 22px;
    }
    .form-box label{
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .list li {
        margin: 5px auto;
        font-size: 12px;
    }
    .sidebar .button-green, .sidebar .button-blue{
        margin: 20px 0;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
        height: 100vh;
    }
    footer{
        padding: 15px 0;
    }
    footer .address-office,footer .admin-office{
        padding: 25px 0
    }
    .navbar-nav>li>a{
        padding: 5px 0;
    }
    .navbar-collapse{
        padding: 0;
    }
    .navbar-static-top a.navbar-brand{
        padding: 15px 5px
    }
    .navbar-static-top a.navbar-brand h1 {
        font-size: 14px;
        position: relative;
        bottom: 20px;
        color: #4d4b4a;
        padding-left: 10px;
    }
    .navbar-static-top{
        left: 0;;
    }
    .h1, .h2, .h3, h1, h2, h3{
        /*word-break: break-all;*/
    }
    .navbar-nav{
        display: inline-block;
        margin-left: 15px;
    }
    .page-header ul{
        justify-content: left;
        display:table;
        padding-left:0;
        margin: 0 auto;
        width: 100%;
    }
    .page-header ul li:nth-child(2) .chat{
        padding: 0
    }
    .page-header ul li:nth-child(3) span{
        display: inline-block;
    }
    .page-header ul li:nth-child(3){
        padding-right: 0;
        padding-left: 25px;
    }
    .page-header ul li:nth-child(3) h2{
        padding-right: 0;
    }
    .page-header ul li{
        padding: 0 5px;
    }
    .page-header ul li h2{
        font-size: 12px;
    }
    .navbar-inverse .navbar-nav>li>a {
        padding: 10px 5px;
        font-size: 12px;
    }
}