/*media*/


/*  #Mobile (Portrait) - Note: Design for a width of 320px */


/* #Mobile (Landscape) - Note: Design for a width of 480px */

@media (max-width: 1024px) {
    .m-comment form {
        padding: 0;
    }
    .head-section .navbar-nav>li:last-of-type {
        margin-left: 0;
    }
}

@media (max-width: 980px) {
    .col-4 .item {
        width: 47%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
}

@media (max-width: 900px) {
    /*Slider Sequence*/
    #sequence-theme .info {
        top: 80px !important;
        width: 60% !important;
        margin-right: 50px;
    }
    /*Slider Parallax*/
    .da-slide .da-img {
        display: none;
    }
}

@media (max-width: 768px) {
    .container {
        width: 95%
    }
    #portfoliolist .portfolio {
        width: 97%;
        margin: 2%;
    }
    #portfoliolist-three .portfolio {
        width: 97%;
        margin: 2%;
    }
    .navbar-toggle {
        margin: 0;
        margin-top: 18px;
    }
    .head-section .navbar-collapse ul.navbar-nav {
        float: none;
        margin-left: 0;
    }
    .head-section .navbar {
        min-height: 60px;
    }
    .navbar-brand {
        width: 70px;
    }
    .head-section .nav li a:hover, .head-section .nav li a:focus, .head-section .nav li a.dropdown-toggle:focus, .head-section .nav li a.dropdown-toggle .dropdown-menu li a:hover, .head-section .nav li.active a, .head-section .dropdown-menu li a:hover {
        color: #fff !important;
    }
    .head-section .navbar-nav>li {
        padding: 0;
        margin-bottom: 2px;
    }
    .head-section .nav li ul.dropdown-menu li a {
        margin-left: 0px;
        color: #999!important;
        ;
    }
    .head-section .nav li .dropdown-menu li a:hover, .head-section .nav li .dropdown-menu li.active a {
        color: #fff !important;
    }
    .m-margin-b {
        margin-bottom: 3em;
    }
    .m-subheading {
        text-align: center;
    }
    .m-welcome {
        margin-bottom: 0;
    }
    .purchase-btn, .about-testimonial {
        margin-top: 10px;
    }
    .breadcrumb.pull-right {
        padding: 0;
    }
    .search, .bx-controls-direction {
        display: none;
    }
    .tweet-box {
        margin-bottom: 20px;
    }
    .property {
        padding: 0;
    }
    .property h1 {
        padding: 35px 0 0;
        margin-bottom: 0;
    }
    .property img {
        width: 80%;
    }
    .bx-wrapper {
        margin-bottom: 60px;
    }
    .purchase-btn {
        line-height: 98px;
    }
    .social-link-footer li a {
        font-size: 16px;
        height: 40px;
        width: 40px;
    }
    .navbar-header {
        float: none;
        text-align: center;
    }
    .m-zm-about {
        padding: 0 0 20px;
        text-align: center;
    }
    .carousel-control {
        font-size: 45px;
        line-height: 70px;
    }
    .btn, .form-control {
        margin-bottom: 10px;
    }
    .m-zm-year {
        width: 100%;
        padding-bottom: 40px;
    }
    .m-zm-year>li {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    .m-zm-year>li.fr {
        transform: translateY(0);
    }
    .m-enterprise-founder .col-lg-9 {
        margin: 0;
    }
}

@media (max-width: 560px) {
    #layui-layer1 {
        min-height: 310px;
        border-radius: 5px;
    }
    .m-login {
        max-width: 270px !important;
    }
    .m-login-logo {
        width: 90px;
        margin: 0 auto 10px;
    }
    .m-login-logo img {
        width: 50%;
    }
    .m-login {
        padding: 10px;
    }
    .m-news ul>li .m-date {
        width: 40px;
    }
    .m-news ul>li .m-date i {
        height: 40px;
        line-height: 40px;
    }
}

@media (max-width: 480px) {
    .address {
        padding-top: 40px;
    }
    .address p {
        padding-left: 40%;
    }
    .m-little-hide {
        display: none;
    }
    .text-footer p:nth-of-type(2) {
        padding-bottom: 20px;
    }
    .head-section .nav li .dropdown-menu li a:hover {
        color: #48C9B0 !important;
    }
    .col-4 .item {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 2%;
    }
    .breadcrumb.pull-right {
        float: left !important;
        margin-top: 10px;
        padding: 0;
    }
    .carousel-control {
        font-size: 23px;
        line-height: 38px;
    }
    .feature-head h1 em {
        font-size: 100%;
    }
    .bs-un-featurette-title {
        font-size: 60%;
    }
    .da-slider {
        height: 360px;
    }
    .da-slide h2 {
        top: 10px;
    }
    .da-slide p {
        top: 160px;
    }
    .da-slide .da-link {
        top: 300px;
    }
    .m-lecturer ul li {
        margin-bottom: 10px;
    }
    .m-contact>.container {
        padding: 0 15px;
    }
    .m-contact-us a {
        padding: 0 15px;
    }
    .m-contact form ul {
        margin-bottom: 0;
    }
    .m-contact input[type="button"] {
        width: 100%;
        margin: 30px 0;
    }
    .m-contact h1 {
        margin: 20px 0 10px;
    }
}

@media (max-width: 450px) {
    /*Slider Sequence*/
    #sequence-theme .info {
        top: 70px !important;
        width: 70% !important;
        margin-right: 25px;
    }
    #sequence-theme h2 {
        font-size: 30px !important;
    }
    #sequence-theme .info p {
        font-size: 18px !important;
    }
    .da-slide h2 {
        font-size: 32px;
    }
    /*Slider Parallax*/
    .da-slide p, .da-slide h2, .da-slide .da-link {
        margin-left: 2%;
    }
    .m-team {
        padding-bottom: 0;
    }
    .m-team ul li p {
        padding: 0;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .m-team ul li {
        margin-bottom: 40px;
    }
    .m-zm-about p {
        text-align: left;
        padding: 0 5%;
    }
    .m-tab>ul>li a {
        font-size: 80%;
        padding: 10px 13px;
    }
    .m-tab-content h2 {
        margin: 20px 0 30px;
    }
    .m-enterprise-founder .col-lg-9 {
        margin: 10px 0 0;
    }
    .m-enterprise-founder .row {
        margin-bottom: 30px;
    }
    .m-agent {
        padding: 30px 0 20px;
    }
    ul.page-footer-list li {
        margin: 10px 0;
    }
    #mainMap {
        height: 400px;
    }
}

@media (max-width: 400px) {
    .m-tab>ul>li a {
        font-size: 60%;
        padding: 8px 5px;
    }
}


/*dwj 2016/11/30  start*/

@media (min-width:992px){
    .fea-box{ width: 309px;}
    .about-banner .text{  right: 46px; }

}

@media (max-width: 480px){
    .banner {
        height: 360px;
    }
    .about-banner .text{ top: 10px;}
    /*.school-banner .text{top:170px; width: 90%;margin-right: -45%;}*/

}
@media (max-width:992px){
    /*.school-banner .text{ width: 90%; margin-right: -45%;}*/

}
@media (max-width:767px){
    .school-banner-text .text{
        width: 100%;
        padding: 0 37px;}
    .school-banner-text .text h6{ float: none;}
    .ltext{border-right:none;padding-right:0;}
    .rtext{padding-left:0;margin-top:15px;}


}
@media (max-width:450px){
    /*.school-banner .text{ top: 70px;}*/
    /*.school-banner .text h1{ font-size: 32px;}*/
    /*.school-banner p{ font-size: 14px;}*/
}


/*dwj 2016/11/30 end*/