@media (max-width: 2000px) {
    .left-sidebar {
        max-width: 400px;
    }
    .left-sidebar .sidebar-header {
        margin-bottom: 5px;
    }
    .left-sidebar .social-profile {
        margin-bottom: 30px;
    }
    .left-sidebar .copyright {
        margin-bottom: 25px;
    }
    
    .menu {
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (max-width: 1555px) {
    .left-sidebar {
        max-width: 350px;
        padding: 30px;
    }
    .left-sidebar > img.me {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1220px) {
    .content-width {
        max-width: 100%;
    }
    .section-header h1 br {
        display: none;
    }
    .left-sidebar {
        position: relative;
        max-width: 95%;
        left: 0;
        margin: auto;
        top: 0;
        transform: translateY(0);
        margin-top: 20px;
    }
    .left-sidebar > img.me {
        width: auto;
    }
    .icon-menu {
        position: fixed;
    }
    .menu {
        display: none !important;
    }
    .responsive-sidebar-menu .sidebar-menu-inner .menu-wrap .menu {
        display: flex !important;
    }
    .resume-area,
    .about-area {
        padding-bottom: 50px;
    }
    .about-area .about-content p {
        max-width: 100%;
    }
    .testimonial-area {
        padding-top: 50px;
    }
    
}
@media (max-width: 787px) {
    .hero-section .hero-content h1 {
        font-size: 58px;
        line-height: 1.3;
    }
    .hero-section .hero-content .facts h1 {
        font-size: 52px;
    }
}

@media (max-width: 767px) {
    .icon-menu {
        right: 30px;
        top: 30px;
    }
    .skills-area .skills-content .row .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }
    .clients-logos .row .col-md-3 {
        flex: 0 0 auto;
        width: 33.3333%;
        margin-bottom: 54px;
    }
    .pricing-area {
        padding-top: 50px;
    }
    .pricing-table-items .pricing-table {
        margin-bottom: 15px;
        display: block;
        height: auto;
    }
    .pricing-table-items .pricing-table .theme-btn {
        width: 100%;
        padding: 13px 20px;
    }
    .pricing-table-items .pricing-table ul {
        margin-bottom: 50px;
    }
    .contact-area .contact-content h3 {
        margin-bottom: 50px;
    }
    .contact-area {
        padding-bottom: 30px;
    }
}
@media (max-width: 584px) {
    .subtitle {
        margin-bottom: 40px;
    }
    .section-header h1 {
        font-size: 26px;
        line-height: 1.4;
    }
    .skills-area,
    .services-area,
    .resume-area,
    .about-area,
    .hero-section {
        padding-bottom: 0;
    }
    .page-section{
        margin-bottom: 0px;
    }
    .hero-section .hero-content h1 {
        font-size: 32px;
    }
    .hero-section .hero-content .facts h1 {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .hero-section .hero-content .facts p br {
        display: none;
    }
    .resume-area .resume-content .resume-timeline .item {
        padding-left: 30px;
    }
    .portfolio-area {
        padding-top: 30px;
    }
    .clients-logos .row .col-md-3 {
        width: 50%;
    }
    .hero-section .hero-content .facts {
        gap: 30px;
    }
    .testimonial-item {
        padding: 0px;
    }
    .testimonial-item .testimonial-item-inner {
        padding: 20px 15px;
    }
    .testimonial-item .testimonial-item-inner > p {
        font-size: 18px;
    }
    .services-items .service-item {        
        padding: 24px 28px 21px 28px;
    }
    .services-items .service-item i {
        font-size: 26px;
        top: 30px;
        right: 10px;
    }
    .achievement-gallery {
        flex-direction: column;
    }
    .contact-area .contact-content .contact-form .input-group{
        margin-bottom: 16px;
    }
    .contact-area .contact-content .contact-form .input-group textarea {
        height: 80px;
    }
    .show-credential-btn {
        padding: 8px 10px;
        font-size: 14px;
    }
}