﻿
@media(max-width:991px) and (min-width:768px) {

    #boxServiceHome .item {
        text-align: center;
    }

        #boxServiceHome .item .img {
            float: none;
            width: 100%;
            margin: 0 0 10px;
        }

            #boxServiceHome .item .img img {
                width: auto;
            }



    .address {
        position: relative;
        padding: 0 30px;
    }

        .address a.img {
            width: 200px;
            position: relative;
            left: auto;
            top: auto;
            margin: 0 auto 5px;
            display: block;
        }

            .address a.img img {
                width: 100%;
            }
}

@media(max-width:991px) {



    .bg {
        padding: 30px 0;
    }

    #menu .navbar-nav > li > a {
        padding: 5px 6px !important;
        font-size: 10pt;
    }


    #boxSliderService {
        position: relative;
        top: 0;
        margin-top: -120px;
        width: 350px;
        height: 220px;
        margin-bottom: 10px;
    }


    footer .copyright {
        text-align: center;
        font-size: 8pt;
        line-height: 16px;
    }

        footer .copyright .col-md-8 > span {
            display: block;
        }

    footer .boxSocial {
        text-align: center;
        margin: 15px 0 0;
    }
}

@media(min-width:768px) {

    #menu .navbar-nav {
        float: right;
    }
}

@media(max-width:767px) {

    #menu {
        margin: 0;
        height: auto;
    }

    .navbar {
        min-height: unset;
        margin: 0;
        border: none;
    }

    .navbar-toggle {
        border: 1px solid #808080;
    }

        .navbar-toggle .icon-bar {
            background: #808080;
        }


    #boxSliderHome .item {
        overflow: hidden;
        width: 100%;
    }

        #boxSliderHome .item img {
            margin: 0 -100px;
            width: calc(100% + 200px);
        }



    #boxAboutHome .title {
        font-size: 16pt;
        color: #0c4da2;
        margin: 5px 0;
        padding: 5px 0;
    }

    #boxAboutHome .desc {
        margin: 17px auto 10px;
        line-height: 22px;
        font-size: 11pt;
    }

    #boxAboutHome h4.title {
        font-size: 12pt;
        margin: 5px auto;
        padding: 5px;
    }


    #boxSliderHome > .container {
        padding: 0 15px;
    }

    #boxSliderService {
        position: relative;
        top: 0;
        margin-top: -40px;
        width: 100%;
        height: 220px;
    }

    h4.title-line {
        font-size: 13pt;
        padding: 10px 0 14px;
    }

    #boxSpecialHome .specialList {
        margin: 15px 0;
    }

    .col-sm-6.pull-left {
        float: unset !important;
    }

    .col-sm-6.pull-right {
        float: unset !important;
    }


    .service .item .content img.img {
        width: 150px;
    }



    .address {
        position: relative;
        min-height: 100px;
        padding: 0 0 0 115px;
        margin-bottom: 30px;
    }

        .address a.img {
            border-radius: 100%;
            width: 100px;
            position: absolute;
            left: 0;
            top: 0;
            overflow: hidden;
        }

            .address a.img img {
                width: 100%;
            }

        .address h4.title {
            color: #0C4DA2;
            font-size: 11pt;
            margin: 0;
            padding: 5px 0;
        }

        .address .desc {
            padding: 10px 0;
            font-size: 9pt;
            color: #313131;
            line-height: 20px;
        }

    footer .copyright {
        margin: 15px auto 0;
    }


    footer .boxISO {
        padding: 0 15px;
        text-align: center;
    }

        footer .boxISO img {
            max-width: 100%;
        }
}

@media(max-width:480px) {
}

@media(max-width:420px) {
    #boxServiceHome .item .img {
        float: left;
        width: 90px;
        height: 95px;
        margin: 0 15px 0 0;
    }

    #boxServiceHome .item a.title {
        font-size: 12pt;
        padding: 2px 0;
    }

    #boxServiceHome .item .desc {
        font-size: 9pt;
    }

    #boxServiceHome .item a.more {
        font-size: 9pt;
    }
}

@media(max-width:320px) {
}
