@media only screen and (max-width: 1920px){}

@media only screen and (max-width: 1399px)
{
    .navigation_container, .hero_container, .counter_container, .about_container, .experience_container, .skill_container, .cta_container, .footer_container{padding: 0 25px;}
}

@media only screen and (max-width: 1280px)
{
    .nav_links a, .hero_tag, .hero_container p{font-size: 18px;}
    .hero_container h1{font-size: 48px;}
    .counter_section{padding: 15px 0;}
    .count_num{font-size: 32px;}
}

@media only screen and (max-width: 1199px)
{
    .nav_links a, .hero_tag, .hero_container p, .about_left p, .experience_container p, .skill_container p, .cta_container p{font-size: 16px;}
    .section_title, .cta_container h2{font-size: 32px;}
    .hero_section{padding: 75px 0 0 0;}
    .counter_div{padding: 15px 0;}
    .about_section, .experience_section, .skill_section{padding: 75px 0;}
}

@media only screen and (max-width: 1024px)
{
    .nav_links{display: none;}
    .hamburger { display: flex; }
    .mobile-menu { display: flex; }
    .nav_links{display: none;}
    .hero_tag{font-size: 14px;padding: 6px 12px;}
    .hero_container{display: block;}
    .hero_text, .hero_img{width: 100%;}
    .hero_img img{width: 50%;padding-top: 25px;}
    .counter_div{padding: 10px 0;}
    .about_right{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);gap: 15px;padding: 6px;}
}

@media only screen and (max-width: 991px)
{
    .timeline_date, .timeline_company{font-size: 14px;}
}

@media only screen and (max-width: 767px)
{
    .navigation_container, .hero_container, .counter_container, .about_container, .experience_container, .skill_container, .cta_container, .footer_container{padding: 0 15px;}
    .hero_img img{width: 75%;padding-top: 25px;}
    .btn_primary, .btn_outline, .cta_container a{padding: 12px 32px;}
    .counter_container{display: block;}
    .counter_div{width: 100%;border-bottom: 1px solid rgba(255,255,255,0.3);padding: 15px;}
    .counter_div:last-child{border-style: none;}
    .about_right, .skill_grid{grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(1, 1fr);}
    #backToTop{width: 32px;height: 32px;bottom: 15px;right: 15px;}
    .timeline_item::before, .timeline_dot{display: none;}
    .timeline_item{grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(1, 1fr);gap: 10px;border-bottom: 1px solid #1F2937;margin-bottom: 25px;}
    .timeline_item:last-child{border-style: none;margin-bottom: 0;}
    .timeline_content{padding-left: 0;}
    .timeline_content ul{margin: 0;}
}

@media only screen and (max-width: 575px)
{
    .navigation_container{padding: 0;}
}

@media only screen and (max-width: 478px)
{
    .nav_logo{font-size: 26px;}
    .hero_section{margin-top: 66px;}
    .hero_tag{font-size: 12px;}
    .hero_container h1{font-size: 36px;}
    .hero_img img{width: 100%;}
    .hero_btn{display: grid;text-align: center;}
    .about_left p, .experience_container p, .skill_container p{margin-bottom: 6px;}
    .section_title, .cta_container h2{font-size: 26px;}
    .highlight_card h3{font-size: 20px;}
    .timeline{padding-top: 25px;}
    .cta_section{padding: 50px 0;}
    .cta_container{height: 250px;}
    .cta_container a{font-size: 18px;}
}