@media (max-width: 1600px) {

}
@media (max-width: 1200px) {
    .container{max-width: 100%;}
    .section-title h1 {font-size: 40px;}
    .section-title p {font-size: 18px;}
    #about .about-content h3 {font-size: 20px;}
    .available-box ul li {font-size: 25px;}
    .logo-site img {max-width: 350px;}
    .service-text h6 {font-size: 17px;}
    .footer-top ul li {font-size: 15px;    }
}


@media (max-width: 1050px) {
    .service-boxs .service-icon img {max-width: 23px;    }
    .service-boxs .service-icon {width: 40px;height: 40px;line-height: 39px;margin-right: 10px;}
    .service-text h6 {font-size: 16px;}
    .section-title h1 {font-size: 35px; }
}


@media (max-width: 992px) {
    .section-title h1 {font-size: 30px;}
    #banner .banner-content .section-title p {margin-top: 20px;}
    .section-title p {font-size: 17px;    }
    #about .about-content h3 {font-size: 17px;}
    .service-boxs {padding: 10px;}
    .service-text h6 {font-size: 15px;}
    .service-boxs .service-icon {width: 30px;height: 30px; line-height: 28px;margin-right: 5px;}
    .service-boxs .service-icon img {max-width: 19px;    }
}


@media (max-width: 768px) {
    .col-md-6, .col-md-4 {width: 100%;}
    #banner .banner-box > .row .col-md-6:first-child{order: 2;}
    #banner .banner-box > .row .col-md-6:last-child{order: 1;}
    .banner-img img {        max-width: 600px;        margin: 0 auto;        display: block;    }
    #about .about-boxs { max-width: 400px;margin: 0 auto;margin-bottom: 40px;}
    .banner-img img {width: 100%;        max-width: 600px;        margin: 0 auto;        display: block;    }
    .service-img img {width: 100%;        max-width: 600px;        margin: 0 auto;        display: block;    }
    .service-box > .row > .col-md-6 > .row > .col-md-6 {width: 50% !important;    }
    .service-box > .row > .col-md-6 > .row{margin-top: 30px;}
    #banner .banner-box .banner-gif {display: none;}
    #banner{padding-top: 0;}
}


@media (max-width: 600px) {

    #header .header-box{display: block;text-align: center;}
    #header .logo-box {max-width: 300px;        margin: 0 auto;    }
    #header .header-box .button-box {margin-top: 35px;    }
    .logo-site {
        margin-left:0px;
        padding-left:0px;
    }
    .logo-site img {
        max-width: 350px;
        width: 100%;
    }.available-box {
        background-color: #262635;
        padding: 30px;
    }
}


@media (max-width: 470px) {
    .service-box > .row > .col-md-6 > .row > .col-md-6{
        width: 100% !important;
    }
    
}