@media (max-width: 1300px) { 
    .menu ul li a { font-size: 16px; padding: 12px 10px 10px; }
}
@media (max-width: 1024px) { 
    .menu,.btn__hotline-email { display: none;} 
    .menu-res {display: block;}  

    /* header */ 

    /* Bạn sẽ nhận được hơn cả 1 khoá học */ 
    .bgsomething2{display: block;}
    .bgsomething{display: none;}
    .bgsomething2 .something__right{margin-bottom: 1rem;display: inline-block;aspect-ratio: 980/735;object-fit: contain;}
    .bgsomething2 .something__left {display: block;position: relative;}

    .bgsomething2 .something1__name{height: 42px;}
    /* sản phẩm */
    .grid__product {gap: 10px;}

    /* đăng ký tư vấn */
    .bg__newsletter2{width: 50%;}

    /* feedback */
    .wrap__feedback .title__main h2 {font-size: 25px;}

    /* mô hình lớp học */ 
    .model__info{padding: 50px 16px 25px;}
    .model__name span {font-size: 14px;}

    .course__name a {font-size: 14px;}

    .trans1.traing_desc{width: 28px !important;}
}
@media (max-width: 850px) {
    .img-auto img{width: auto !important;height: auto !important;}  
    .title__main h1,.title__main h2, .title__main span{font-size:25px;}
    .title__main .slogan{font-size: 13px;} 
    
    .mgb-res{margin-bottom: 30px;}
    .mb-none{display: none !important;}
    .py-50{padding-top: 30px !important;padding-bottom: 30px !important;}
    .mb-50{margin-bottom: 30px !important;}

    .scrollToTop{right: 15px;}

    /* Lịch khai giảng */ 
   
    .dayOfWeek:first-child {width: 30px;}
    .trans1 span {transform: translate(-45%, 480%) rotate(-90deg); font-size: 12px; }
    .traing_week { padding: 10px 0;font-size: 14px;height: 37.5px;line-height: 1.25; }
    .traing_desc {font-size: 12px;line-height: 1.25;padding: 3px; margin: 1px 0;}
    .traing_desc p{margin-bottom: 10px;}
    /* lộ trình học */  
    .loTrinhHoc__item-name span {font-size: 16px;}
    /* feedback */  
    .wrap__feedback::before{display: none;}
    .wrap__feedback .title__main h2 {color: var(--main);}
    .wrap__feedback .title__main img{filter: brightness(0) saturate(100%) invert(20%) sepia(69%) saturate(3420%) hue-rotate(351deg) brightness(113%) contrast(79%);}
    .wrap__feedback .wrap__content{flex-wrap: wrap;gap: 0;}
    .feedback__left,.feedback__right {width: 100%;}


    .info__course { padding: 10px 3px 10px 3px;}
    .course__name a {font-size: 14px;}   
    .course__desc { font-size: 13px;line-height: 1.5;}
    /* đăng ký nhận tin */ 

    /* footer */
    .name__footer{font-size: 35px;}

    /* tin tức */
    .grid__news{gap: 10px;} 
    .news__name a{font-size: 14px;}
    .news__desc{font-size: 13px;} 

    /* sản phẩm */
    .product .price-new{font-size: 11px;}
    
    .grid__product{gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr));}   
    .product .price-new,.product .product__name a{font-size: 14px;}
    
    /* .btn__buy{font-size: 14px;}
    .btn__product{font-size: 13px;} */
 
}  

@media (max-width: 768px) {  
    .bg__newsletter2 {width: 70%;margin: auto;}

    .why{padding: 0 10px;}
    .why__name span{font-size: 14px;}
    .why__desc span {font-size: 13px; line-height: 1.5;}

    .model__name span{-webkit-line-clamp: 2;}
}  

@media (max-width: 700px) { 
    .title__main h1, .title__main h2, .title__main span {font-size: 20px;}
    .header .btn__hotline-header{display: none;}

    .header .wrap__content{background: white;}
    .header marquee{width: 100%;}
    /* giới thiệu */ 
    /* .title__aboutus .lqd{font-size: 35px;}
    .title__aboutus h2{font-size: 17px;}  */

    .something2__box{flex-direction: column-reverse;}
    .something2__info {width: 100%;}

   /* feedback */  
   .bg__newsletter2 {width: 100%;}
   /* tin tức */
   .course {padding: 10px 10px 10px 5px;}
   .course__name a{-webkit-line-clamp: 2;}
   /* video */ 

   .grid2__news,.grid__news{gap: 5px; grid-template-columns: repeat(2, minmax(0, 1fr));} 
   .grid__product{gap: 5px; grid-template-columns: repeat(2, minmax(0, 1fr));} 
 
} 

@media (max-width: 575px) { 
    .grid__news{gap: 5px; grid-template-columns: repeat(2, minmax(0, 1fr));} 
    .grid__product{gap: 5px; grid-template-columns: repeat(2, minmax(0, 1fr));} 
}