@media screen and (min-width:321px) {
    div#block-info-homepage {

        padding: 130px 0 2px;
    }

    div#block-info-homepage .block-info {
        background-size: cover;
        width: 100%;
        height: 243px;
        padding-top: 30px;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a
    }

    div#block-info-homepage .block-info:hover {
        margin-top: 0;
        border-bottom: 6px solid #09f;
        transition: all .3s ease
    }

    div#block-info-homepage p.highlight-number {
        font-size: 32px;
        text-align: center;
        color: #dcb42a;
        font-weight: 900;
        margin-bottom: 0
    }

    div#block-info-homepage p.highlight-text {
        font-size: 15px;
        text-align: center;
        color: #fff
    }

    div#block-info-homepage p.highlight-text br {
        display: none
    }

    div#block-info-homepage .block-info:hover p.highlight-number {
        color: #09f;
        transition: all .3s ease
    }

    div#block-info-homepage h3 {
        font-family: 'Roboto', sans-serif;
        margin-top: 50px;
        margin-bottom: 0
    }

    div#block-info-homepage h3 a:link,
    div#block-info-homepage h3 a:visited {
        color: #fff;
        font-size: 24px;
        font-weight: 900;
        text-transform: uppercase
    }

    div#block-info-homepage h3 a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    div#block-info-homepage hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        transition: all .6s ease
    }

    div#block-info-homepage .header-box:hover hr {
        width: 100%;
        transition: all .6s ease
    }

    div.chuyen-mon-page {
        padding: 10px 0 0 0 !important;
        margin-top: 0 !important
    }

    div.block-info-chuyenmon {
        background: url(/images/info-block-bg.jpg) 0 0 repeat;
        width: 48% !important;
        height: 243px;
        padding-top: 30px;
        margin: 0 3px 10px 3px !important;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a;
        background-size: cover !important
    }

    #footer {
        background: url(/images/bg-footer.jpg) #102a4f 0 0 no-repeat;
        padding: 20px 0 80px;
        color: #fff;
        font-size: 15px;
        background-size: cover
    }

    #footer h3 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 10px;
        text-transform: uppercase
    }

    #footer ul {
        margin: 0;
        padding: 0
    }

    #footer ul li {
        list-style-type: none;
        padding: 10px 0
    }

    #footer ul li a:link,
    #footer ul li a:visited {
        color: #fff;
        transition: all .3s ease;
        font-size: 13px
    }

    #footer ul li a:hover {
        color: #008eec;
        padding-left: 0;
        transition: all .3s ease
    }

    #footer .copyright {
        text-align: center;
        font-size: 13px
    }

    #footer a:link,
    #footer a:visited {
        color: #fff;
        transition: all .3s ease
    }

    #footer a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    #footer hr {
        border-top: 1px solid #003d74
    }

    #footer a.social-icon {
        display: inline-block;
        margin-right: 2px;
        margin-top: 10px
    }

    #footer a.social-icon img {
        border-bottom: 5px solid #102a4f;
        transition: all .3s ease
    }

    #footer a.social-icon img:hover {
        border-bottom: 5px solid #dcb42a;
        opacity: .8;
        transition: all .3s ease
    }

    #footer .cong-truong {
        bottom: -20px;
        position: relative
    }

    #footer iframe {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .lienhe-map {
        padding-left: 15px;
        padding-right: 15px
    }



    .lienhe-col-left {
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px
    }



    .lienhe-col-right p.tentruong {
        font-size: 20px;
        font-weight: 900;
        font-family: 'Roboto', sans-serif
    }

    .lienhe-col-right hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

    .lienhe-col-right p.location {
        margin-bottom: 20px
    }
}

@media screen and (min-width:375px) {
    div#block-info-homepage {
        padding: 0px 0 2px;
        margin-top: 0px
    }

    div#block-info-homepage .block-info {
        background-size: cover;
        width: 100% !important;
        height: 243px;
        padding-top: 30px;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a
    }

    div#block-info-homepage .block-info:hover {
        margin-top: 0;
        border-bottom: 6px solid #09f;
        transition: all .3s ease
    }

    div#block-info-homepage p.highlight-number {
        font-size: 32px;
        text-align: center;
        color: #fff;
        font-weight: 900;
        margin-bottom: 0
    }

    div#block-info-homepage p.highlight-text {
        font-size: 15px;
        text-align: center;
        color: #fff
    }

    div#block-info-homepage p.highlight-text br {
        display: none
    }

    div#block-info-homepage .block-info:hover p.highlight-number {
        color: #09f;
        transition: all .3s ease
    }

    div#block-info-homepage h3 {
        font-family: 'Roboto', sans-serif;
        margin-top: 50px;
        margin-bottom: 0
    }

    div#block-info-homepage h3 a:link,
    div#block-info-homepage h3 a:visited {
        color: #fff;
        font-size: 24px;
        font-weight: 900;
        text-transform: uppercase
    }

    div#block-info-homepage h3 a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    div#block-info-homepage hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        transition: all .6s ease
    }

    div#block-info-homepage .header-box:hover hr {
        width: 100%;
        transition: all .6s ease
    }

    div.chuyen-mon-page {
        padding: 10px 0 0 0 !important;
        margin-top: 0 !important
    }

    div.block-info-chuyenmon {
        background: url(/images/info-block-bg.jpg) 0 0 repeat;
        width: 48% !important;
        height: 243px;
        padding-top: 30px;
        margin: 0 3px 10px 3px !important;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a;
        background-size: cover !important
    }


    #footer {
        padding: 20px 0 80px;
        color: #fff;
        font-size: 15px;
        background-size: cover
    }

    #footer h3 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 10px;
        text-transform: uppercase
    }

    #footer ul {
        margin: 0;
        padding: 0
    }

    #footer ul li {
        list-style-type: none;
        padding: 5px 0
    }

    #footer ul li a:link,
    #footer ul li a:visited {
        color: #fff;
        transition: all .3s ease;
        font-size: 13px
    }

    #footer ul li a:hover {
        color: #008eec;
        padding-left: 0;
        transition: all .3s ease
    }

    #footer .copyright {
        text-align: center;
        font-size: 13px
    }

    #footer a:link,
    #footer a:visited {
        color: #fff;
        transition: all .3s ease
    }

    #footer a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    #footer hr {
        border-top: 1px solid #003d74
    }

    #footer a.social-icon {
        display: inline-block;
        margin-right: 2px;
        margin-top: 10px
    }

    #footer a.social-icon img {
        border-bottom: 5px solid #102a4f;
        transition: all .3s ease
    }

    #footer a.social-icon img:hover {
        border-bottom: 5px solid #dcb42a;
        opacity: .8;
        transition: all .3s ease
    }

    #footer .cong-truong {
        bottom: -20px;
        position: relative
    }

    #footer iframe {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .lienhe-map {
        padding-left: 15px;
        padding-right: 15px
    }

    .lienhe-col-left {
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px
    }


    .lienhe-col-right p.tentruong {
        font-size: 20px;
        font-weight: 900;
        font-family: 'Roboto', sans-serif
    }

    .lienhe-col-right hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

    .lienhe-col-right p.location {
        margin-bottom: 20px
    }
}

@media screen and (min-width:414px) {
    div#block-info-homepage {
        padding: 180px 0 2px;
        margin-top: -150px
    }

    div#block-info-homepage .block-info {
        background-size: cover;
        width: 100%;
        height: 243px;
        padding-top: 30px;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a
    }

    div#block-info-homepage .block-info:hover {
        margin-top: 0;
        border-bottom: 6px solid #09f;
        transition: all .3s ease
    }

    div#block-info-homepage p.highlight-number {
        font-size: 32px;
        text-align: center;
        color: #dcb42a;
        font-weight: 900;
        margin-bottom: 0
    }

    div#block-info-homepage p.highlight-text {
        font-size: 15px;
        text-align: center;
        color: #fff
    }

    div#block-info-homepage p.highlight-text br {
        display: none
    }

    div#block-info-homepage .block-info:hover p.highlight-number {
        color: #09f;
        transition: all .3s ease
    }

    div#block-info-homepage h3 {
        font-family: 'Roboto', sans-serif;
        margin-top: 50px;
        margin-bottom: 0
    }

    div#block-info-homepage h3 a:link,
    div#block-info-homepage h3 a:visited {
        color: #fff;
        font-size: 26px;
        font-weight: 900;
        text-transform: uppercase
    }

    div#block-info-homepage h3 a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    div#block-info-homepage hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        transition: all .6s ease
    }

    div#block-info-homepage .header-box:hover hr {
        width: 100%;
        transition: all .6s ease
    }

    div.chuyen-mon-page {
        padding: 10px 0 0 0 !important;
        margin-top: 0 !important
    }

    div.block-info-chuyenmon {
        background: url(/images/info-block-bg.jpg) 0 0 repeat;
        width: 48% !important;
        height: 243px;
        padding-top: 30px;
        margin: 0 4px 10px 4px !important;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a;
        background-size: cover !important
    }

    #footer {
        padding: 20px 0 80px;
        color: #fff;
        font-size: 15px;
        background-size: cover
    }

    #footer h3 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 10px;
        text-transform: uppercase
    }

    #footer ul {
        margin: 0;
        padding: 0
    }

    #footer ul li {
        list-style-type: none;
        padding: 5px 0
    }

    #footer ul li a:link,
    #footer ul li a:visited {
        color: #fff;
        transition: all .3s ease
    }

    #footer ul li a:hover {
        color: #008eec;
        padding-left: 0;
        transition: all .3s ease
    }

    #footer .copyright {
        text-align: center
    }

    #footer a:link,
    #footer a:visited {
        color: #fff;
        transition: all .3s ease
    }

    #footer a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    #footer hr {
        border-top: 1px solid #003d74
    }

    #footer a.social-icon {
        display: inline-block;
        margin-right: 2px;
        margin-top: 10px
    }

    #footer a.social-icon img {
        border-bottom: 5px solid #102a4f;
        transition: all .3s ease
    }

    #footer a.social-icon img:hover {
        border-bottom: 5px solid #dcb42a;
        opacity: .8;
        transition: all .3s ease
    }

    #footer .cong-truong {
        bottom: -20px;
        position: relative
    }

    #footer iframe {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .lienhe-map {
        padding-left: 15px;
        padding-right: 15px
    }

    .lienhe-col-left {
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px
    }

    .lienhe-col-right p.tentruong {
        font-size: 20px;
        font-weight: 900;
        font-family: 'Roboto', sans-serif
    }

    .lienhe-col-right hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

    .lienhe-col-right p.location {
        margin-bottom: 20px
    }
}

@media screen and (min-width:480px) {
    div#block-info-homepage {
        padding: 220px 0 2px;
        margin-top: -179px
    }

    div#block-info-homepage .block-info {
        background-size: cover;
        width: 100%;
        height: 243px;
        padding-top: 30px;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a
    }

    div#block-info-homepage .block-info:hover {
        margin-top: 0;
        border-bottom: 6px solid #09f;
        transition: all .3s ease
    }

    div#block-info-homepage p.highlight-number {
        font-size: 32px;
        text-align: center;
        color: #dcb42a;
        font-weight: 900;
        margin-bottom: 0
    }

    div#block-info-homepage p.highlight-text {
        font-size: 14px;
        text-align: center;
        color: #fff
    }

    div#block-info-homepage p.highlight-text br {
        display: none
    }

    div#block-info-homepage .block-info:hover p.highlight-number {
        color: #09f;
        transition: all .3s ease
    }

    div#block-info-homepage h3 {
        font-family: 'Roboto', sans-serif;
        margin-top: 50px;
        margin-bottom: 0
    }

    div#block-info-homepage h3 a:link,
    div#block-info-homepage h3 a:visited {
        color: #fff;
        font-size: 26px;
        font-weight: 900;
        text-transform: uppercase
    }

    div#block-info-homepage h3 a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    div#block-info-homepage hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        transition: all .6s ease
    }

    div#block-info-homepage .header-box:hover hr {
        width: 100%;
        transition: all .6s ease
    }

    div.chuyen-mon-page {
        padding: 10px 0 0 0 !important;
        margin-top: 0 !important
    }

    div.block-info-chuyenmon {
        background: url(/images/info-block-bg.jpg) 0 0 repeat;
        width: 48% !important;
        height: 243px;
        padding-top: 30px;
        margin: 0 4px 10px 4px !important;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a;
        background-size: cover !important
    }


    #footer {
        padding: 20px 0 80px;
        color: #fff;
        font-size: 15px;
        background-size: cover
    }

    #footer h3 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 10px;
        text-transform: uppercase
    }

    #footer ul {
        margin: 0;
        padding: 0
    }

    #footer ul li {
        list-style-type: none;
        padding: 5px 0
    }

    #footer ul li a:link,
    #footer ul li a:visited {
        color: #fff;
        transition: all .3s ease;
        font-size: 15px
    }

    #footer ul li a:hover {
        color: #008eec;
        padding-left: 0;
        transition: all .3s ease
    }

    #footer .copyright {
        text-align: center;
        font-size: 15px
    }

    #footer a:link,
    #footer a:visited {
        color: #fff;
        transition: all .3s ease
    }

    #footer a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    #footer hr {
        border-top: 1px solid #003d74
    }

    #footer a.social-icon {
        display: inline-block;
        margin-right: 2px;
        margin-top: 10px
    }

    #footer a.social-icon img {
        border-bottom: 5px solid #102a4f;
        transition: all .3s ease
    }

    #footer a.social-icon img:hover {
        border-bottom: 5px solid #dcb42a;
        opacity: .8;
        transition: all .3s ease
    }

    #footer .cong-truong {
        bottom: -20px;
        position: relative
    }

    #footer iframe {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .lienhe-map {
        padding-left: 15px;
        padding-right: 15px
    }

    .lienhe-col-left {
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px
    }

    .lienhe-col-right p.tentruong {
        font-size: 20px;
        font-weight: 900;
        font-family: 'Roboto', sans-serif
    }

    .lienhe-col-right hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

    .lienhe-col-right p.location {
        margin-bottom: 20px
    }
}

@media screen and (min-width:640px) {
    div#block-info-homepage {
        padding: 220px 0 2px;
        margin-top: -187px
    }

    div#block-info-homepage .block-info {
        background-size: cover;
        width: 100%;
        height: 243px;
        padding-top: 30px;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a
    }

    div#block-info-homepage .block-info:hover {
        margin-top: 0;
        border-bottom: 6px solid #09f;
        transition: all .3s ease
    }

    div#block-info-homepage p.highlight-number {
        font-size: 32px;
        text-align: center;
        color: #dcb42a;
        font-weight: 900;
        margin-bottom: 0
    }

    div#block-info-homepage p.highlight-text {
        font-size: 15px;
        text-align: center;
        color: #fff
    }

    div#block-info-homepage p.highlight-text br {
        display: none
    }

    div#block-info-homepage .block-info:hover p.highlight-number {
        color: #09f;
        transition: all .3s ease
    }

    div#block-info-homepage h3 {
        font-family: 'Roboto', sans-serif;
        margin-top: 50px;
        margin-bottom: 0
    }

    div#block-info-homepage h3 a:link,
    div#block-info-homepage h3 a:visited {
        color: #fff;
        font-size: 26px;
        font-weight: 900;
        text-transform: uppercase
    }

    div#block-info-homepage h3 a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    div#block-info-homepage hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        transition: all .6s ease
    }

    div#block-info-homepage .header-box:hover hr {
        width: 100%;
        transition: all .6s ease
    }

    div.chuyen-mon-page {
        padding: 10px 0 0 0 !important;
        margin-top: 0 !important
    }

    div.block-info-chuyenmon {
        background: url(/images/info-block-bg.jpg) 0 0 repeat;
        width: 48% !important;
        height: 243px;
        padding-top: 30px;
        margin: 0 6px 10px 6px !important;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a;
        background-size: cover !important
    }

    #footer {
        padding: 20px 0 80px;
        color: #fff;
        font-size: 15px;
        background-size: cover
    }

    #footer h3 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 10px;
        text-transform: uppercase
    }

    #footer ul {
        margin: 0;
        padding: 0
    }

    #footer ul li {
        list-style-type: none;
        padding: 5px 0
    }

    #footer ul li a:link,
    #footer ul li a:visited {
        color: #fff;
        transition: all .3s ease
    }

    #footer ul li a:hover {
        color: #008eec;
        padding-left: 0;
        transition: all .3s ease
    }

    #footer .copyright {
        text-align: center
    }

    #footer a:link,
    #footer a:visited {
        color: #fff;
        transition: all .3s ease
    }

    #footer a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    #footer hr {
        border-top: 1px solid #003d74
    }

    #footer a.social-icon {
        display: inline-block;
        margin-right: 2px;
        margin-top: 10px
    }

    #footer a.social-icon img {
        border-bottom: 5px solid #102a4f;
        transition: all .3s ease
    }

    #footer a.social-icon img:hover {
        border-bottom: 5px solid #dcb42a;
        opacity: .8;
        transition: all .3s ease
    }

    #footer .cong-truong {
        bottom: -20px;
        position: relative
    }

    #footer iframe {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .lienhe-map {
        padding-left: 15px;
        padding-right: 15px
    }

    .lienhe-col-left {
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px
    }

    .lienhe-col-right p.tentruong {
        font-size: 20px;
        font-weight: 900;
        font-family: 'Roboto', sans-serif
    }

    .lienhe-col-right hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

    .lienhe-col-right p.location {
        margin-bottom: 20px
    }
}

@media screen and (min-width:768px) {
    div#block-info-homepage {
        padding: 220px 0 10px;
        margin-top: -210px
    }

    div#block-info-homepage .block-info {
        background: url(/images/info-block-bg.jpg) 0 0 repeat;
        background-size: cover;
        width: 100%;
        height: 243px;
        padding-top: 30px;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a
    }

    div#block-info-homepage .block-info:hover {
        margin-top: 0;
        border-bottom: 6px solid #09f;
        transition: all .3s ease
    }

    div#block-info-homepage p.highlight-number {
        font-size: 32px;
        text-align: center;
        color: #dcb42a;
        font-weight: 900;
        margin-bottom: 0
    }

    div#block-info-homepage p.highlight-text {
        font-size: 15px;
        text-align: center;
        color: #fff
    }

    div#block-info-homepage p.highlight-text br {
        display: none
    }

    div#block-info-homepage .block-info:hover p.highlight-number {
        color: #09f;
        transition: all .3s ease
    }

    div.chuyen-mon-page {
        padding: 15px 0 0 0 !important;
        margin-top: 0 !important
    }

    div.block-info-chuyenmon {
        background: url(/images/info-block-bg.jpg) 0 0 repeat;
        width: 48% !important;
        height: 243px;
        padding-top: 30px;
        margin: 0 7px 15px 7px !important;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a;
        background-size: cover !important
    }


    #footer {
        padding: 20px 0 80px;
        color: #fff;
        font-size: 15px;
        background-size: cover
    }

    #footer h3 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 10px;
        text-transform: uppercase
    }

    #footer ul {
        margin: 0;
        padding: 0
    }

    #footer ul li {
        list-style-type: none;
        padding: 5px 0
    }

    #footer ul li a:link,
    #footer ul li a:visited {
        color: #fff;
        transition: all .3s ease
    }

    #footer ul li a:hover {
        color: #008eec;
        padding-left: 0;
        transition: all .3s ease
    }

    #footer .copyright {
        text-align: center
    }

    #footer a:link,
    #footer a:visited {
        color: #fff;
        transition: all .3s ease
    }

    #footer a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    #footer hr {
        border-top: 1px solid #003d74
    }

    #footer a.social-icon {
        display: inline-block;
        margin-right: 2px;
        margin-top: 10px
    }

    #footer a.social-icon img {
        border-bottom: 5px solid #102a4f;
        transition: all .3s ease
    }

    #footer a.social-icon img:hover {
        border-bottom: 5px solid #dcb42a;
        opacity: .8;
        transition: all .3s ease
    }

    #footer .cong-truong {
        bottom: -20px;
        position: relative
    }

    #footer iframe {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .lienhe-map {
        padding-left: 15px;
        padding-right: 15px
    }
    .lienhe-col-left {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0
    }

    .lienhe-col-right p.tentruong {
        font-size: 20px;
        font-weight: 900;
        font-family: 'Roboto', sans-serif
    }

    .lienhe-col-right hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

    .lienhe-col-right p.location {
        margin-bottom: 20px
    }
}

@media screen and (min-width:1024px) {
    div#block-info-homepage {
        padding: 170px 0 50px;
        margin-top: -150px
    }

    div#block-info-homepage .block-info {
        background: url(/images/info-block-bg.jpg) 0 0 repeat;
        width: 100%;
        height: 220px;
        padding-top: 10px;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a
    }

    div#block-info-homepage .block-info:hover {
        margin-top: -15px;
        border-bottom: 8px solid #09f;
        transition: all .3s ease
    }

    div#block-info-homepage p.highlight-number {
        font-size: 32px;
        text-align: center;
        color: #dcb42a;
        font-weight: 900;
        margin-bottom: 0
    }

    div#block-info-homepage p.highlight-text {
        font-size: 15px;
        text-align: center;
        color: #fff
    }

    div#block-info-homepage p.highlight-text br {
        display: none
    }

    div#block-info-homepage .block-info:hover p.highlight-number {
        color: #09f;
        transition: all .3s ease
    }

    div#block-info-homepage h3 {
        font-family: 'Roboto', sans-serif;
        margin-top: 0;
        margin-bottom: 0
    }

    div#block-info-homepage h3 a:link,
    div#block-info-homepage h3 a:visited {
        color: #fff;
        font-size: 26px;
        font-weight: 900;
        text-transform: uppercase
    }

    div#block-info-homepage h3 a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    div#block-info-homepage hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        transition: all .6s ease
    }

    div#block-info-homepage .header-box:hover hr {
        width: 100%;
        transition: all .6s ease
    }

    div.chuyen-mon-page {
        padding: 50px 0 50px 0 !important;
        margin-top: 0 !important
    }

    div.block-info-chuyenmon {
        background: url(/images/info-block-bg.jpg) 0 0 repeat;
        width: 225px !important;
        height: 220px;
        padding-top: 10px;
        margin: 0 7px 0 7px !important;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a;
        background-size: cover !important
    }

    div.block-info-chuyenmon:hover {
        margin-top: -15px !important
    }



    #footer {
        padding: 50px 0 0;
        color: #fff;
        font-size: 15px;
        background-size: cover
    }

    #footer h3 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 10px;
        text-transform: uppercase
    }

    #footer ul {
        margin: 0;
        padding: 0
    }

    #footer ul li {
        list-style-type: none;
        padding: 5px 0
    }

    #footer ul li a:link,
    #footer ul li a:visited {
        color: #fff;
        transition: all .3s ease
    }

    #footer ul li a:hover {
        color: #008eec;
        padding-left: 0;
        transition: all .3s ease
    }

    #footer .copyright {
        text-align: right
    }

    #footer a:link,
    #footer a:visited {
        color: #fff;
        transition: all .3s ease
    }

    #footer a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    #footer hr {
        border-top: 1px solid #003d74
    }

    #footer a.social-icon {
        display: inline-block;
        margin-right: -2px;
        margin-top: 10px
    }

    #footer a.social-icon img {
        border-bottom: 5px solid #102a4f;
        transition: all .3s ease
    }

    #footer a.social-icon img:hover {
        border-bottom: 5px solid #dcb42a;
        opacity: .8;
        transition: all .3s ease
    }

    #footer .cong-truong {
        bottom: 70px;
        position: relative
    }

    #footer iframe {
        margin-top: 10px;
        margin-bottom: 0
    }

    .lienhe-map {
        padding-left: 0;
        padding-right: 0
    }


    .lienhe-col-left {
        padding-left: 15px;
        padding-right: 0
    }


    .lienhe-col-right p.tentruong {
        font-size: 18px;
        font-weight: 900;
        font-family: 'Roboto', sans-serif
    }

    .lienhe-col-right hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

    .lienhe-col-right p.location {
        margin-bottom: 20px
    }
}

@media screen and (min-width:1280px) {
    div#block-info-homepage {
        padding: 210px 0 50px;
        margin-top: -190px
    }

    div#block-info-homepage .block-info {
        background: url(/images/info-block-bg.jpg) 0 0 repeat;
        width: 100%;
        height: 220px;
        padding-top: 10px;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a
    }

    div#block-info-homepage .block-info:hover {
        margin-top: -15px;
        border-bottom: 8px solid #FF9800;
        transition: all .3s ease
    }

    div#block-info-homepage p.highlight-number {
        font-size: 30px;
        text-align: center;
        color: #fff;
        font-weight: 900;
    }

    div#block-info-homepage p.highlight-text {
        font-size: 17px;
        text-align: center;
        color: #fff
    }

    div#block-info-homepage p.highlight-text br {
        display: block
    }

    div#block-info-homepage .block-info:hover p.highlight-number {
        color: #f0d800;
        transition: all .3s ease
    }

    div#block-info-homepage h3 {
        font-family: 'Roboto', sans-serif;
        margin-top: 0;
        margin-bottom: 0
    }

    div#block-info-homepage h3 a:link,
    div#block-info-homepage h3 a:visited {
        color: #fff;
        font-size: 26px;
        font-weight: 900;
        text-transform: uppercase
    }

    div#block-info-homepage h3 a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    div#block-info-homepage hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        transition: all .6s ease
    }

    div#block-info-homepage .header-box:hover hr {
        width: 100%;
        transition: all .6s ease
    }

    div.chuyen-mon-page {
        padding: 50px 0 50px 0 !important;
        margin-top: 0 !important
    }

    div.block-info-chuyenmon {
        background: url(/images/info-block-bg.jpg) 0 0 repeat;
        width: 275px !important;
        height: 220px;
        padding-top: 10px;
        margin: 0 7px 0 7px !important;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a;
        background-size: cover !important
    }

    div.block-info-chuyenmon:hover {
        margin-top: -15px !important
    }

    #footer {
        background: #d40b0b;
        padding: 50px 0 0;
        color: #fff;
        font-size: 15px;
        background-size: cover
    }

    #footer h3 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 10px;
        text-transform: uppercase
    }

    #footer ul {
        margin: 0;
        padding: 0
    }

    #footer ul li {
        list-style-type: none;
        padding: 5px 0
    }

    #footer ul li a:link,
    #footer ul li a:visited {
        color: #fff;
        transition: all .3s ease
    }

    #footer ul li a:hover {
        color: #008eec;
        padding-left: 12px;
        transition: all .3s ease
    }

    #footer .copyright {
        text-align: right
    }

    #footer a:link,
    #footer a:visited {
        color: #fff;
        transition: all .3s ease
    }

    #footer a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    #footer hr {
        border-top: 1px solid #003d74
    }

    #footer a.social-icon {
        display: inline-block;
        margin-right: 8px;
        margin-top: 10px
    }

    #footer a.social-icon img {
        border-bottom: 5px solid #f0d800;
        transition: all .3s ease
    }

    #footer a.social-icon img:hover {
        border-bottom: 5px solid #dcb42a;
        opacity: .8;
        transition: all .3s ease
    }

    #footer .cong-truong {
        bottom: 70px;
        position: relative
    }

    #footer iframe {
        margin-top: 10px;
        margin-bottom: 0
    }

    .lienhe-map {
        padding-left: 0;
        padding-right: 0
    }


    .lienhe-col-left {
        padding-left: 15px;
        padding-right: 0
    }

    .lienhe-col-right p.tentruong {
        font-size: 20px;
        font-weight: 900;
        font-family: 'Roboto', sans-serif
    }

    .lienhe-col-right hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

    .lienhe-col-right p.location {
        margin-bottom: 20px
    }
}

@media screen and (min-width:1440px) {
    div#block-info-homepage {
        padding: 50px 0 50px;
        margin-top: 20px;
    }

    div#block-info-homepage .block-info {
        background: url(/images/info-block-bg.jpg) 0 0 repeat;
        width: 100%;
        height: 220px;
        padding-top: 10px;
        transition: all .3s ease;
        border-bottom: 6px solid #f0d800;
        background: #d40b0b;
    }

    div.chuyen-mon-page {
        padding: 50px 0 50px 0 !important;
        margin-top: 0 !important
    }

    div.block-info-chuyenmon {
        background: url(/images/info-block-bg.jpg) 0 0 repeat;
        width: 335px !important;
        height: 220px;
        padding-top: 10px;
        margin: 0 7px;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a;
        background-size: cover !important
    }

    div.block-info-chuyenmon:hover {
        margin-top: -15px !important
    }

    .lienhe-map {
        padding-left: 0;
        padding-right: 0
    }



    .lienhe-col-left {
        padding-left: 15px;
        padding-right: 0
    }

    .lienhe-col-right p.tentruong {
        font-size: 20px;
        font-weight: 900;
        font-family: 'Roboto', sans-serif
    }

    .lienhe-col-right hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

    .lienhe-col-right p.location {
        margin-bottom: 20px
    }
}

@media screen and (min-width:1600px) {
    div#block-info-homepage {
        padding: 40px 0;
    }
}

@media screen and (max-width:320px) {
    div#block-info-homepage {
        padding: 2px 0 2px;
    }

    div#block-info-homepage .block-info {
        background-size: cover;
        width: 100%;
        height: 243px;
        padding-top: 30px;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a
    }

    div#block-info-homepage .block-info:hover {
        margin-top: 0;
        border-bottom: 6px solid #09f;
        transition: all .3s ease
    }

    div#block-info-homepage p.highlight-number {
        font-size: 42px;
        text-align: center;
        color: #dcb42a;
        font-weight: 900;
        margin-bottom: 0
    }

    div#block-info-homepage p.highlight-text {
        font-size: 15px;
        text-align: center;
        color: #fff
    }

    div#block-info-homepage p.highlight-text br {
        display: none
    }

    div#block-info-homepage .block-info:hover p.highlight-number {
        color: #09f;
        transition: all .3s ease
    }

    div#block-info-homepage h3 {
        font-family: 'Roboto', sans-serif;
        margin-top: 50px;
        margin-bottom: 0
    }

    div#block-info-homepage h3 a:link,
    div#block-info-homepage h3 a:visited {
        color: #fff;
        font-size: 24px;
        font-weight: 900;
        text-transform: uppercase
    }

    div#block-info-homepage h3 a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    div#block-info-homepage hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        transition: all .6s ease
    }

    div#block-info-homepage .header-box:hover hr {
        width: 100%;
        transition: all .6s ease
    }

    div.chuyen-mon-page {
        padding: 10px 0 0 0 !important;
        margin-top: 0 !important
    }

    div.block-info-chuyenmon {
        background: url(/images/info-block-bg.jpg) 0 0 repeat;
        width: 48% !important;
        height: 243px;
        padding-top: 30px;
        margin: 0 3px 10px 3px !important;
        transition: all .3s ease;
        border-bottom: 6px solid #dcb42a;
        background-size: cover !important
    }


    #footer {
        padding: 20px 0 80px;
        color: #fff;
        font-size: 15px;
        background-size: cover
    }

    #footer h3 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 10px;
        text-transform: uppercase
    }

    #footer ul {
        margin: 0;
        padding: 0
    }

    #footer ul li {
        list-style-type: none;
        padding: 5px 0
    }

    #footer ul li a:link,
    #footer ul li a:visited {
        color: #fff;
        transition: all .3s ease;
        font-size: 13px
    }

    #footer ul li a:hover {
        color: #008eec;
        padding-left: 0;
        transition: all .3s ease
    }

    #footer .copyright {
        text-align: center;
        font-size: 13px
    }

    #footer a:link,
    #footer a:visited {
        color: #fff;
        transition: all .3s ease
    }

    #footer a:hover {
        color: #008eec;
        transition: all .3s ease
    }

    #footer hr {
        border-top: 1px solid #003d74
    }

    #footer a.social-icon {
        display: inline-block;
        margin-right: 2px;
        margin-top: 10px
    }

    #footer a.social-icon img {
        border-bottom: 5px solid #102a4f;
        transition: all .3s ease
    }

    #footer a.social-icon img:hover {
        border-bottom: 5px solid #dcb42a;
        opacity: .8;
        transition: all .3s ease
    }

    #footer .cong-truong {
        bottom: -20px;
        position: relative
    }

    #footer iframe {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .lienhe-map {
        padding-left: 15px;
        padding-right: 15px
    }

    .lienhe-col-left {
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px
    }

    .lienhe-col-right p.tentruong {
        font-size: 20px;
        font-weight: 900;
        font-family: 'Roboto', sans-serif
    }

    .lienhe-col-right hr {
        width: 32px;
        height: 3px;
        background-color: #dcb42a;
        display: inline-block;
        margin: 15px 0 25px;
        border: none;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }

    .lienhe-col-right p.location {
        margin-bottom: 20px
    }
}

.simply-scroll-container {
    position: relative
}

.simply-scroll-clip {
    position: relative;
    overflow: hidden
}

.simply-scroll-list,
#scroller {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none !important;
    display: flex;
    align-items: center
}

.simply-scroll-list li,
#scroller li {
    padding: 0;
    margin: 0;
    list-style: none !important
}

.simply-scroll-list li img {
    border: none;
    display: block
}

.simply-scroll-btn {
    position: absolute;
    width: 42px;
    height: 44px;
    z-index: 3;
    cursor: pointer
}

.simply-scroll-btn-left {
    left: 6px;
    bottom: 6px;
    background-position: 0 -44px
}

.simply-scroll-btn-left.disabled {
    background-position: 0 0 !important
}

.simply-scroll-btn-left:hover,
.simply-scroll-btn-left:focus {
    background-position: 0 -88px
}

.simply-scroll-btn-right {
    right: 6px;
    bottom: 6px;
    background-position: -84px -44px
}

.simply-scroll-btn-right.disabled {
    background-position: -84px 0 !important
}

.simply-scroll-btn-right:hover,
.simply-scroll-btn-right:focus {
    background-position: -84px -88px
}

.simply-scroll-btn-up {
    right: 6px;
    top: 6px;
    background-position: -126px -44px
}

.simply-scroll-btn-up.disabled {
    background-position: -126px 0 !important
}

.simply-scroll-btn-up:hover,
.simply-scroll-btn-up:focus {
    background-position: -126px -88px
}

.simply-scroll-btn-down {
    right: 6px;
    bottom: 6px;
    background-position: -42px -44px
}

.simply-scroll-btn-down.disabled {
    background-position: -42px 0 !important
}

.simply-scroll-btn-down:hover,
.simply-scroll-btn-down:focus {
    background-position: -42px -88px
}

.simply-scroll-btn-pause {
    right: 6px;
    bottom: 6px;
    background-position: -168px -44px
}

.simply-scroll-btn-pause:hover,
.simply-scroll-btn-pause:focus {
    background-position: -168px -88px
}

.simply-scroll-btn-pause.active {
    background-position: -84px -44px
}

.simply-scroll-btn-pause.active:hover,
.simply-scroll-btn-pause.active:focus {
    background-position: -84px -88px
}

.simply-scroll {
    width: 100%;
    margin-bottom: 0;
    padding: 10px 0;
}

.simply-scroll .simply-scroll-clip {
    width: 100%
}

.simply-scroll .simply-scroll-list li {
    float: left;
    width: 250px;
    list-style: none !important
}

.vert {
    width: 340px;
    height: 400px;
    margin-bottom: 1.5em
}

.vert .simply-scroll-clip {
    width: 290px;
    height: 400px
}

.vert .simply-scroll-list li {
    width: 290px;
    height: 200px
}

.vert .simply-scroll-btn-up {
    right: 0;
    top: 0
}

.vert .simply-scroll-btn-down {
    right: 0;
    top: 52px
}
.lienhe-col-right {
    background: #d40b0b;
    padding: 15px;
    color: #fff;
    height: auto;
    font-size: 16px
}
#footer li i.xxx {
    padding: 10px 0;
}
li.pt-3{
    padding-top: 2rem !important;
}
div#block-info-homepage {
    background: #ff9800;
}