@-webkit-keyframes up-down {
    0%{transform:translateY(10px)}
    100%{transform:translateY(-10px)}
    }
@keyframes up-down {
    0%{transform:translateY(10px)}
    100%{transform:translateY(-10px)}
    }
@-webkit-keyframes animate-loading {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
    }
@keyframes animate-loading {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
    }

@media (max-width: 1200px) {
    .nav-menu .drop-down .drop-down ul{left:-90%}
    .nav-menu .drop-down .drop-down:hover > ul{left:-100%}
    .nav-menu .drop-down .drop-down > a:after{content:"\ea9d"}
    .font_dynamic{font-size:180px; color:darkgreen}
    .img-fluid {width: 80%;margin-left:10%;}
}

/* tỷ lệ 0.75 */
@media (max-width: 1024px) {
    #hero{background-attachment:fixed;height:80vh}
    .counts .image{text-align:center}
    .counts .image img{max-width:70%}
    .font_dynamic{font-size:130px; color:darkgreen}
    .dynamic-mobile{font-size:17px;letter-spacing: -2px;}
    .img-fluid {width: 60%;margin-left:15%;}
}

/* tỷ lệ 0.65 */
@media (max-width: 900px) {
    #header{background:#0f8b2b}
    #header .logo img{padding:0;margin:0;max-height:45px}
    #header .logo h1{font-size:18px;margin:0;padding-top:5px;line-height:1;font-weight:700}
    #hero{height:80vh}
    #hero .hero-img{text-align:center}
    #hero .hero-img img{width:70%}
    .portfolio-details .portfolio-info{padding-top:20px}
    .font_dynamic{font-size:120px; color:darkgreen}
    .dynamic-mobile{display: none;}
    .dynamic-icon{font-size: 45px;}
    .dynamic-icon-mobile{font-size: 20px;} */
    .fluid-img-hs {width: 60px; height:auto;}
    .crud-title h5{display:none}
    .section-title h4{display:none}
    .phone{display:none}
}
/* tỷ lệ 0.50 */
@media (max-width: 768px) {
    #hero{margin-top:10px;height:75vh}
    #hero h1{font-size:2rem;line-height:22px}
    #hero h2{font-size:1.4rem;line-height:1.5rem;}
    #hero h3{margin:0 0 10px;font-size:1.3rem;font-weight:600;line-height:1.4rem;}
    #hero .hero-img img{width:80%}
    .portfolio .portfolio-wrap .portfolio-links a{font-size:60px}
    .section-title h2{font-size:1.3rem;font-weight:700;text-transform:uppercase;position:relative;color:#222}
    .section-title h2::before,.section-title h2::after{content:'';width:10%;height:2px;background:#3498db;position:absolute;bottom:-15px;left:50%;transform:translateX(-50%)}
    .section-title h2::before{margin:0 15px 10px 0}
    .section-title h2::after{margin:0 0 10px 15px}
    .section-title p{margin:15px 0 0}
    .testimonials .testimonial-wrap{padding-left:0}
    .testimonials .testimonial-item{padding:30px;margin:15px}
    .testimonials .testimonial-item .testimonial-img{position:static;left:auto}
    [data-aos-delay]{transition-delay:0!important}
    .counts .image img{max-width:100%}
    .breadcrumbs .d-flex{display:block!important}
    .breadcrumbs ol{display:block}
    .breadcrumbs ol li{display:inline-block}
    .font_dynamic{font-size:100px; color:darkgreen}
    .guide_name{display:none}
    .card-img{display:none}
    .fluid-img-hs {width: 50px; height:auto;}


}

@media (min-width: 767px) {

    .guide_name_mobile{display: none;}
    .progresss_view {display: none;}
}