a{text-decoration:none !important; display:inline-block; color: #000;}
section{position:relative; width: 100%; height:auto;}
img{max-width: 100%; height: auto; object-fit:cover; object-position: center center;}
figure.image-style-align-left{max-width: 50%; float:left; margin-right: 1.5em;}
figure.image{position: relative; overflow: hidden; clear:both; text-align: center;}
figure.table tr td{vertical-align: top; padding: 5px;}
figcaption{color: #666; font-style: italic;}

button{position:relative; top: 0px; left: 0px; width:auto; height: auto; background-color: #0d7b3e; color: #fff; text-transform: uppercase; border: 1px solid #666; padding: 7px 20px;}
button:hover{background-color: rgba(13, 123, 62, 0.9); border-color: #0d7b3e;}
button i{font-size: 20px; margin-right: 10px; vertical-align: middle;}
button span{vertical-align: middle;}
button:disabled{background-color: #eee; color: #ababab; border: 1px solid #ababab; cursor: default;}
select{background-color: #fff; color: #999;border: 1px solid #ababab;-moz-appearance : none;
        -webkit-appearance: none;
        appearance: none;
        background: #fff url(/skins/default/icons/system/select-down-icon.png) no-repeat center right 5px;
            background-size: auto; padding-left: 11px !important;
        background-size: 10px 10px;}
select option{color: #000;}

.page-header{position:relative; top:0px; left: 0px; width: 100%; height:auto; padding: 33px 0px 15px 0px; margin: 0px; border-bottom: 0px; background-color:#0d7b3e; background-repeat: no-repeat; background-size:cover; background-position: center center;}

.line{position:relative; display:inline-block; width: 75%; margin: 12px auto 0px auto; height: 4px; background: #0d7b3e;}

.menu-mobile{position:fixed; top: 0px; left: 0px; right: 0px; bottom: auto; width: auto; z-index: 2; border-bottom: 1px solid #ababab; height: 50px; background-color: #fff; background-image: url(../images/logo-phongkham-mobile.png); background-repeat: no-repeat; background-position: center center; background-size: auto;}
.menu-mobile i{font-size: 28px; color: #666; margin-top: 10px;}
.menu-mobile-content{position:fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; width: auto; height: auto; overflow-x: hidden; overflow-y:auto; z-index: 999; background: #0d7b3e; background-size: auto; color: #fff; display: none;}
.menu-mobile-content .logo{position:fixed; top: 0px; left: 0px; right: 0px; bottom: auto; width: auto; height: 70px; background:#0d7b3e url(../images/logo-phongkham-mobile-menu.png) no-repeat top 5px left 5px; background-size: auto; color: #fff; border-bottom: 1px solid #fff; z-index:2;}
.menu-mobile-content .logo i:first-child{position: absolute; top: 10px; right: 10px; color: #fff; margin: 0px;}
.menu-mobile-content nav{position:relative; top: 0px; left: 0px; width: 100%; height:auto; margin-top: 70px; padding-top: 10px;}
.menu-mobile-content nav ul{position:relative; top: 0px; left: 0px; width: 100%; height:auto; list-style: none; margin: 0px; padding: 0px;}
.menu-mobile-content nav ul li{position:relative; top: 0px; left: 0px; width: 100%; height: auto; margin: 0px;}
.menu-mobile-content nav ul li a{position: relative; top: 0px; left: 0px; width: 100%; height: auto; padding: 10px; color: #fff; text-transform: uppercase; font-size: 15px;}
.menu-mobile-content .working-time{position:relative; top: 0px; left: 0px; width: auto; height: auto; margin: 10px; padding: 10px; background-color: #fff; color: #000; font-size: 14px;}
.menu-mobile-content .working-time p, .menu-mobile-content .working-time i{font-size: 15px;}
.menu-mobile-content .share{position:relative; top:0px; left:0px; width: 100%; height:auto; margin-bottom: 20px; text-align:center;}
.menu-mobile-content .share a{position:relative; top:0px; left:0px; width:28px; height:28px; margin: 0px 7px; color:#fff; padding-top: 2px; text-align:center; text-decoration:none; font-size: 15px; border: 2px solid #fff; border-radius: 50%; display:inline-block;}
.menu-mobile-content .share a i{font-size: 14px; color: #fff; margin: 0px;}

.left-menu {position: fixed; top: 0px; left: 0px; bottom: 0px; background-color: #eaebeb; width: inherit; height: auto; z-index: 5; -webkit-box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.25);}
.left-menu .logo {position: relative; top: 0px; left: 0px; padding: 25px 20px; margin-bottom: 7px; }
.left-menu .logo img { width: 100%; height: auto; }
.left-menu .search-box{ position:relative; top:0px; left:0px; width: 100%; height:26px; padding: 0px 20px; }
.left-menu .search-box input { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; border: 0px; background-color: #dbdcdc; padding: 0px 20px 0px 5px; }
.left-menu .search-box i{position:absolute; top: 6px; right: 25px;}
.left-menu nav{position:relative; top:0px; left:0px; width: 100%; height:auto; margin: 15px 0px 10px 0px;}
.left-menu nav ul{position:relative; top:0px; left:0px; width: 100%; height:auto; padding: 0px; margin: 0px; list-style: none;}
.left-menu nav ul li{position:relative; top: 0px; left: 0px; width: 100%; height:auto; padding: 0px; margin: 0px; list-style: none;}
.left-menu nav ul li a{position:relative; top: 0px; left: 0px; width: 100%; height: auto; line-height: 28px; padding: 0px 0px 0px 20px; text-transform: uppercase; font-size: 15px; color: #000; text-decoration:none;}
.left-menu nav ul li a:hover{color:#0d7b3e;}
.left-menu nav ul li a.selected{font-weight:bold; color:#0d7b3e;}
.left-menu .left-menu-bottom{position:absolute; top:auto; left: 0px; right: 0px; bottom: 0px; width: auto; height:auto; background-color: #eaebeb;}
.left-menu .left-menu-bottom .working-time{position:relative; top:0px; left:0px; width: 100%; height:auto; padding: 0px 20px 17px 20px;}
.left-menu .left-menu-bottom .working-time a{position:relative; top:0px; left:0px; width: 100%; height:auto; display:inline-block; padding: 8px 10px 10px 10px; white-space:nowrap; background-color:#dbdcdc; color:#1d905b; text-decoration: none; text-transform:uppercase; }
.left-menu .left-menu-bottom .working-time a:hover{background-color:#1d905b; color: #fff;}
.left-menu .left-menu-bottom .working-time a span{margin: 0px 3px;}
.left-menu .left-menu-bottom .share{position:relative; top:0px; left:0px; width: 100%; height:auto; margin-bottom: 20px; text-align:center;}
.left-menu .left-menu-bottom .share a{position:relative; top:0px; left:0px; width:28px; height:28px; margin: 0px 7px; color:#0d7b3e; padding-top: 2px; text-align:center; text-decoration:none; font-size: 15px; border: 2px solid #0d7b3e; border-radius: 50%; display:inline-block;}
.left-menu .left-menu-bottom .footer{position:relative; top:0px; left: 0px; width: 100%; height: auto; padding: 5px 10px; background-color:#0d7b3e; color: #fff; text-align:justify; font-size: 12px;}

.slide{position:relative; top:0px; left:0px; width:100%; height:auto; overflow:hidden;}
.slide .slide-item-list{position:relative; top:0px; left:0px; right: 0px; bottom: 0px; width:100%; height:100%; overflow: hidden; z-index: 1;}
.slide .slide-item-list > * {position:relative; top:0px; left:0px; width: 100%; height: 100%; object-fit:cover; object-position: center center;}
.slide .item-comment{position:absolute; top:auto; left:65px; right: 65px; bottom:0px; width:auto; height:auto; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 10px; background-color: rgba(0, 0, 0, 0.3); color: #fff; text-align:justify; z-index: 1; display:none;}
.slide .next{position:absolute; top:100px; left:auto; right: 0px; bottom: 175px; width: 50px; border-top-left-radius:10px; border-bottom-left-radius:10px; height:auto; color:transparent; font-size: 24px; display: block; cursor:pointer; z-index:2;}
.slide .back{position:absolute; top:100px; left:0px; right: auto; bottom: 175px; width: 50px; border-top-right-radius:10px; border-bottom-right-radius:10px; height:auto; color:transparent; font-size: 24px; display: block; cursor:pointer; z-index:2;}
.slide .next, .slide .back{background-color:rgba(0,0,0,0.3); color: #fff; display:none;}
.slide:hover .next, .slide:hover .back{display: block;}
.slide .next i, .slide .back i{position:relative; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; pointer-events:none; font-size: 24px; display:block;}
.slide .slide-pager{position:absolute; top: auto; left: 0px; right: 0px; bottom: 10px; width: auto; height: 11px; text-align:center;}
.slide .slide-pager .slider-page-item{position:relative; top: 0px; left: 0px; width: 11px; height: 11px; display: inline-block; z-index: 2; border: 0px; background-color: #ababab; border-radius: 50%; margin: 0px 5px;}
.slide .slide-pager .slider-page-item.selected{background-color: #0d7b3e;}

.slider img{width: 100%; height: 100%;}

.home-box{position:relative; top:0px; left:0px; width: 100%; height:auto; padding-top: 20px; margin: 0px; background-repeat: no-repeat; background-position:center center; background-size: cover;}
.home-box .box-title{position:relative; top:0px; left:0px; width: 100%; height:auto; padding: 35px 0px 25px 0px; margin: 0px; text-align: center; font-weight:bold; text-transform:uppercase;}
.home-box .box-title h3{width:auto; display:inline-block; font-weight:bold; line-height: 20px;}
.home-box.lien-he{background-image:url(../images/lien-he-bg.png); padding-top: 0px;}
.home-box.lien-he .box-title h3{margin: 0px; color: #fff;}

.home-box-1 img{width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.home-box-1 .row .col-md-4{margin-top: 15px;}
.home-box-1 .row .col-md-4:first-child{background-color: #0d7b3e; color: #fff; line-height: 28px; padding: 40px 30px 30px 30px; text-align: justify; font-size: 16px;}
.home-box-1 .row .col-md-4:first-child p{position:relative; top:0px; left:0px; display:block; width: 100%; height:auto; overflow:hidden; margin-bottom: 0px;}
.home-box-1 .row .col-md-4:first-child a:first-child{font-size: 26px; color: #fff; margin-bottom: 15px;}
.home-box-1 .row .col-md-4:first-child a:last-child{color: #fff; margin: 25px 0px 7px 0px; width: 100%; text-align: right; letter-spacing: 1px;}
.home-box-1 .row .col-md-4:first-child a:last-child i{font-size: 13px; margin-left: 10px;}
.home-box-1 .home-box-video{position:relative; top:0px; left:0px; display:inline-block; filter: hue-rotate(0deg) brightness(50%) grayscale(30%); background-repeat:no-repeat; background-size:cover; background-position:center center; cursor:pointer; vertical-align:top;}
.home-box-1 .home-box-video:hover{filter: hue-rotate(0deg) brightness(100%) grayscale(0%);}
.home-box-1 .home-box-video i{position:relative; display:inline-block; color: #0d7b3e; opacity: 0.8; font-size: 24px; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px;}
.home-box-1 .home-box-video:hover i{opacity: 1;}
.home-box-1 .home-box-video:first-child i{font-size: 40px; margin-left: -20px; margin-right: -20px;}
.home-box-1 .home-box-video:first-child{width: 100%; margin-bottom: 5px;}
.home-box-1 .home-box-video:not(:first-child){ width: 32%;}
.home-box-1 .home-box-video:not(:first-child):not(:last-child){ margin-right: 2%;}

.home-box-2 {background-color: #ccc;}
.home-box-2 .box-title{color:#fff;}
.home-box-2 .col-md-4{text-align:center;}
.home-box-2 a{color: #fff; text-transform:uppercase; margin: 30px 0px; max-width: 100%;}
.home-box-2 a img{max-width: 100%; object-fit:cover; object-position: center center;}
.home-box-2 a span{display:block; top: 0px; left:0px; width: 100%; height:auto; padding: 10px 0px; white-space:nowrap; font-weight:bold; font-size: 16px; overflow:hidden; text-overflow:ellipsis;}

.home-box-2.doi-ngu-bac-si{background-image: url(../images/doingubacsi-bg.png); padding-top: 0px; padding-bottom: 30px;}
.home-box-2.doi-ngu-bac-si .box-title{color: #000;}
.home-box-2.doi-ngu-bac-si .col-md-3{padding-top: 20px; padding-bottom: 20px;}
.home-box-2.doi-ngu-bac-si a{width: 100%; height:auto; margin: 0px; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4); padding-bottom: 10px; background-color: #fff;}
.home-box-2.doi-ngu-bac-si a span{padding: 10px 10px 0px; background-color: #fff; color: #545555; font-weight: normal; font-size: 14px; font-weight:bold;}
.home-box-2.doi-ngu-bac-si a span:last-child{white-space:normal; font-weight:normal; padding-top: 0px; text-transform: none; height: 40px; overflow: hidden;}
.home-box-2.doi-ngu-bac-si a:hover span, .home-box-2.doi-ngu-bac-si a:hover{background-color: #0d7b3e; color: #fff;}
.home-box-2.doi-ngu-bac-si a img{width: 100%; height: auto; object-position: center top;}

.home-box-2.chuyen-khoa .box-title, .home-box-2.chuyen-khoa a{color: #000;}
.home-box-2.chuyen-khoa a:hover span{color: #fff; background-color: #0d7b3e;}

.home-box-3 ul{position:relative; top:0px; left:0px; width:auto; height:auto; padding: 0px; margin: 20px auto 25px auto; list-style: none; text-align: center;}
.home-box-3 ul li{position:relative; top:0px; left: 0px; width: auto; height:auto; padding: 0px; margin: 0px 8px 8px 8px; display:inline-block;}
.home-box-3 ul li a{color: #404040; padding: 8px 40px; background-color: #f3f3f3; font-size: 16px; text-transform: uppercase; display:inline-block;}
.home-box-3 ul li a:hover{color: #fff; background-color: #0d7b3e;}
.home-box-3 .news-list img{position:absolute; top:0px; left:0px; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.home-box-3 .news-list a{position:absolute; top:0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);}
.home-box-3 .news-list a:hover{background-color: rgba(3, 168, 78, 0.8);}
.home-box-3 .news-list a span{position:absolute; top:auto; left:10px; right: 10px; bottom: 10px; color: #fff; width:auto; height:auto; font-size: 16px; }
.home-box-3 .news-list > div{margin-bottom: 15px;}

.home-box-4 img{width: 100%; height: auto; object-fit:cover; object-position: center center;}
.home-box-4 .col-xs-6{margin-bottom: 25px;}
.home-box-4 a{position:absolute; top:0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.3); text-align: center;}
.home-box-4 a:hover{background-color: rgba(3, 168, 78, 0.8)}
.home-box-4 a span{position:relative; top: calc(50% - 16px); left: 0px; margin: auto; color: #fff; width:auto; height:auto; font-size: 30px; }
.home-box-4 .row{padding: 0px 10%;}

.home-box-5 img{width: 100%; height: 200px; object-fit:cover; object-position: center center;}
.home-box-5 .sub-category-item{width: 100%; height:auto; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4); margin-bottom: 25px;}
.home-box-5 .sub-category-item a{position:relative; width: 100%; height:auto; display:block;}
.home-box-5 .sub-category-item a span{position:relative; width: 100%; width: 100%; height: auto; color: #545555; padding: 10px 5px; display: block; text-align: center; text-transform: uppercase; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold;}
.home-box-5 .sub-category-item a:hover span{color: #fff; background-color: #0d7b3e;}
.home-box-5 .row{padding: 0px 10%;}

.home-box-6{background-color: #f3f3f3;}
.home-box-6 img{width: 100%; height: auto; object-fit:cover; object-position: center center;}
.home-box-6 .link-view-all{margin-top: 20px; color: #1d905b; font-size: 14px;}
.home-box-6 .sub-category-item{position:relative; width: 100%; min-height:100%;}
.home-box-6 .col-sm-4{margin: 20px 0px;}
.home-box-6 .sub-category-item a{position:relative; width: 100%; height:100%; padding: 10px 25px; background-color: #fff;}
.home-box-6 .sub-category-item a:hover{background-color: #1d905b;}
.home-box-6 .sub-category-item a:hover *{color: #fff;}
.home-box-6 .sub-category-item a > span{font-size: 20px; line-height: 28px; text-transform: uppercase; color: #0d7b3e;}
.home-box-6 .sub-category-item a > p:nth-child(2){color: #999;}
.home-box-6 .sub-category-item a > p:nth-child(3){font-size: 16px; line-height: 22px; text-align: justify;}

.home-box-7 .row{padding: 0px 10%;}
.home-box-7 .sub-category-item{position:relative; width: 100%; height: auto; text-align:center;}
.home-box-7 .sub-category-item > span{margin: 15px 0px; font-size: 20px; line-height: 25px; display: block;}
.home-box-7 .sub-category-item a{color: #fff; text-transform: uppercase; padding: 7px 20px; margin: 15px 0px; background-color:#0d7b3e; border: 1px solid #6dad40;}

.timeline-container{position:relative; top:0px; left:0px; width: 100%; height:auto; text-align: center;}
.timeline{position:relative; top:0px; left:0px; width: auto; height:auto; padding: 0px; margin: 50px auto; display:inline-block;  text-align:center; white-space:nowrap;}
.timeline .line{position:absolute; top:auto; left:0px; bottom: 10px; width: auto; height: 2px; background-color: #ccc; margin-top: 0px;}
.timeline a{display:inline-block; text-transform: uppercase; font-size: 14px; text-align:center; color: #444; padding: 0px 25px; white-space:normal;}
.timeline a.active{font-size: 16px; line-height: 22px; color: #000; font-weight:bold;}
.timeline a span:first-child{margin-bottom: 10px; display:block;}
.timeline a .point{position:relative; width: 11px; height: 11px; background-color: #ccc; border-radius: 50%; margin: auto; display: inline-block;}
.timeline a:hover .point{background-color: #000;}

.lien-he{padding-bottom: 50px;}
.lien-he h2{text-align:center;}
.lien-he h2:nth-child(1){font-weight:bold; font-size: 20px;}
.lien-he h2:nth-child(2){font-size: 18px; color: #313131; line-height: 20px;}
.lien-he p{position:relative; padding: 30px 0px; text-align:center;}
.lien-he p a{position:relative; display: inline-block; padding: 10px 26px; text-align: center; text-transform: uppercase; color: #0d7b3e; background-color: rgba(0, 0, 0, 0.3)}
.lien-he p a span{color: #0d7b3e; vertical-align: middle; font-size: 18px;}
.lien-he p a i{font-size: 20px; margin-right: 5px; vertical-align: middle;}
.lien-he p a:hover span, .lien-he p a:hover i{color: #fff;}
.lien-he .contact-info span{display:block; margin-top: 20px; font-size: 16px; color: #fff; text-align: center;}
.lien-he .contact-info span:first-child{position:relative; top: 0px; left: 0px; width: 48px; height: 48px; padding: 10px; background-color: #fff; border-radius: 50%; display: inline-block;}
.lien-he .contact-info span i{color: #000; font-size: 28px;}
.lien-he .contact-form{background-color: rgba(13, 123, 62, 0.8);}
.lien-he .contact-form input, .lien-he .contact-form textarea{border: 1px solid rgba(0, 0, 0, 0.1); background-color: #0d7b3e; color: #fff;}
.lien-he .contact-form button:disabled{background-color: #f3f3f3; color: #999;}

.contact-form{position:relative; top:0px; left:0px; width: 100%; height:auto;}
.contact-form .col-md-6, .contact-form .col-md-12{padding-top: 10px; padding-bottom: 10px;}
.contact-form input, .contact-form textarea{position:relative; width: 100%; height: 35px; font-size: 16px; line-height: 24px; padding: 5px;}
.contact-form textarea{height: 150px; resize: none;}
.contact-form button{background-color: #0d7b3e; border: 0px; color: #fff; text-transform: uppercase; font-size: 16px; padding: 10px 26px; cursor:pointer;}
.contact-form button:hover{background-color: rgba(0, 0, 0, 0.3); color: #0d7b3e;}

.contact-info a{position:relative; top: 0px; left: 0px; width: auto; height:auto; background:transparent; color: #fff;}
.contact-info a:hover{background:transparent; color: #ff0000;}
.contact-messeage{font-size: 20px; color: #fff;}

.ui-selectmenu-button{width: 100% !important; height: 38px; background-color:#0d7b3e; color: #fff; padding-top: 10px; border: 0px; border-radius: 0px; font-size: 16px; text-transform: uppercase; text-align: center;}
.ui-selectmenu-button:hover, .ui-selectmenu-button:focus{background-color: #0d7b3e; border-color: #0d7b3e; color: #fff;}

.ui-selectmenu-menu, .ui-selectmenu-menu ul{background-color: #0d7b3e !important; border: 0px !important; border-radius: 0px !important; color: #fff; text-transform: uppercase;}
.ui-selectmenu-menu{border-top: 1px solid #fff !important;}
.ui-selectmenu-menu ul li > div{padding-top: 5px !important; padding-bottom: 5px !important;}
.ui-selectmenu-menu ul li .ui-state-active{background-color: #79bc4b; border: 0px !important;}

.menu-bottom {position: fixed; top: auto; left: auto; bottom: 24px; right: 110px; width: auto; height: 40px; background-color: transparent; z-index: 999; text-align: right;}
.menu-bottom .btn{position:relative; top: 0px; left: 0px; width: 40px; height: 40px; background-color:#0d7b3e; border-radius: 50%; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4); color: #fff; cursor: pointer; text-align:center; display:inline-block; font-size: 18px; padding: 6px; margin-left: 10px; vertical-align: middle;}
.menu-bottom a{width: 100%; height: 100%; color: #fff;}
.bottom-sologan{position:fixed; top:auto; left:auto; bottom: 0px; right: 0px; width: 100%; height: 30px; border-top: 1px solid #0d7b3e; z-index:4; background-color: #32a22d; color: #ffffff; padding: 5px;}

.popup .popup-main .contact-form{padding: 20px;}
.popup .popup-main .contact-form input, .popup .popup-main .contact-form textarea { border: 1px solid  rgba(0, 0, 0, 0.1); background-color: #0d7b3e; color: #fff; }
.popup .popup-main .contact-form .col-md-6{width: 100% !important;}
.popup .popup-main .contact-form .row:nth-child(3){display:none;}
.popup .popup-main .contact-form .row:nth-child(2) .col-md-6:last-child{display:none;}
.popup .popup-main .contact-form .row:last-child .col-md-6{text-align:center !important;}
.popup .popup-main .contact-form .row:last-child .g-recaptcha{display:inline-block;}

.cokhach{position:fixed; top: 100px; left: 20px; width: 60px; height: 60px; background-color: #db4437; border-radius: 50%; box-shadow: 0px 2px 5px #666 !important; z-index: 3;}
.cokhach:before{position:absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; content: ''; display: block; border: 1px solid #db4437; border-radius: 50%; -webkit-animation: cokhach6 2s linear infinite; animation: cokhach6 2s linear infinite;}
.cokhach:after{position:absolute; content: ''; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-animation: cokhach1 0.7s infinite; animation: cokhach1 0.7s infinite; background-image:url(../images/phone-01.png); background-repeat:no-repeat; background-position:center; }
.cokhach:hover{background-color: #4cd137;}
.cokhach:hover:before{border-color: #4cd137;}

@-webkit-keyframes cokhach1 {
    from {
        -webkit-transform: rotate(-15deg);
    }
    to {
        -webkit-transform: rotate(15deg);
    }
}

@keyframes cokhach1 {
    from {
        transform: rotate(-15deg);
    }
    to {
        transform: rotate(15deg);
    }
}

@-webkit-keyframes cokhach6 {
    0% {
        -webkit-transform: scale(1);
    }
    75% {
        -webkit-transform: scale(1.75);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

@keyframes cokhach6 {
    0% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.75);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@media only screen and (max-width: 1023px){
    .home-box-4 .row, .home-box-5 .row, .home-box-7 .row{padding: 0px;}
    .home-box-2{margin-top: 50px;}
    .container-fluid .row .col-md-12 .container{padding-left:0px; padding-right: 0px; overflow-x:hidden;}
    form{padding-top: 50px;}
    .home-box-2.doi-ngu-bac-si .col-md-3{padding: 25px;}
    .home-box-2.doi-ngu-bac-si a{padding: 10px;}
}

@media only screen and (min-width: 1024px) {
    .home-box-3 .col-md-8 { padding-left: 0px; padding-right: 0px; }
    .home-box-3 .col-md-4 { padding-right: 0px; }
    .contact-form{padding: 50px 0px 30px 0px;}
}

@media only screen and (max-width: 375px) {
    .home-box-4 a span{position:relative; top: calc(50% - 7px); left: 0px; margin: auto; color: #fff; width:auto; height:auto; font-size: 14px; }
}