@media screen and (max-width: 1440px) {
    .header-content {
        left: 40px;
    }

    .navbar-container {
        padding: 0 40px;
    }
}

@media screen and (max-width: 1300px) {
    .footer-section-text-content {
        width: calc(50% - 25px);
    }

    .footer-section-links {
        width: calc(50% - 25px);
    }
}

@media screen and (max-width: 1280px) {
    .reviews-section-item {
        width: calc(33.33% - 20px);
    }

    .nav div.main_list ul li a {
        font-size: 16px;
    }

    .navDropdown ul {
        gap: 5px !important;
    }

    .navDropdown ul li {
        width: 160px !important;
    }

    .navDropdown ul li a {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 1024px) {
    .reviews-section-item {
        width: calc(50% - 20px);
    }

    .hire-section-item {
        flex-direction: column;
        gap: 75px;
    }

    .hire-section-items>h2 {
        text-align: center !important;
    }

    .hire-section-image {
        width: 100%;
    }

    .hire-section-item ul {
        width: 100%;
    }

    .hire-section-item2 {
        flex-direction: column-reverse;
    }

    .start-hire {
        flex-direction: column;
        gap: 75px;
    }

    .start-hire-image {
        width: 100%;
    }

    .start-hire-text-content {
        width: 100%;
    }

    .start-hire-buttons {
        display: flex;
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .work-section-content {
        flex-direction: column;
        gap: 75px;
    }

    .work-section-text>h2 {
        text-align: center !important;
    }

    .work-section-text {
        width: 100%;
    }

    .work-section-image {
        width: 100%;
    }

    .work-section-content2 {
        flex-direction: column-reverse;
    }

    .about-section-content {
        flex-direction: column;
        gap: 75px;
    }

    .about-section-image {
        width: 100%;
    }

    .about-section-text {
        width: 100%;
    }

    .footer-section-text-content {
        width: calc(40% - 25px);
    }

    .footer-section-links {
        width: calc(60% - 25px);
    }

    .nav div.main_list ul {
        gap: 20px;
    }

    .nav div.main_list ul li a {
        font-size: 15px;
    }

    .navDropdown {
        width: 75%;
    }

    .navDropdown ul {
        gap: 10px !important;
    }

    .navDropdown ul li {
        width: 205px !important;
    }

    .navDropdown ul li a {
        font-size: 15px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .container {
        margin: 0;
    }
}

@media screen and (max-width: 912px) {
    .portfolio-section-items {
        gap: 10px;
    }

    .portfolio-section-item {
        width: calc(25% - 10px);
    }

    .footer-section-container {
        flex-direction: column-reverse;
    }

    .footer-section-text-content {
        width: 100%;
    }

    .footer-section-links {
        width: 100%;
        flex-direction: column;
        gap: 50px;
    }

    .contact-section-main-content {
        flex-direction: column-reverse;
        gap: 75px;
    }

    .contact-section-info {
        width: 100%;
    }

    .contact-form {
        width: 100%;
    }

    .slider {
        display: block;
    }

    .navContact {
        display: none !important;
    }

    .navlinks {
        display: none !important;
    }

    .navTrigger {
        display: block;
    }

    .main_list {
        display: none;
    }

    .slider.show {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .home-intro-container {
        flex-direction: column;
        gap: 75px;
    }

    .home-intro-image {
        width: 100%;
    }

    .home-intro-text-content {
        width: 100%;
    }

    .connection-section-container {
        flex-direction: column-reverse;
        gap: 75px;
    }

    .connection-section-text-content {
        width: 100%;
    }

    .connection-section-image {
        width: 100%;
    }

    .connection-section-image img {
        scale: 1;
    }

    .intro-container {
        flex-direction: column;
        gap: 75px;
    }

    .intro-image {
        width: 100%;
    }

    .intro-text-content {
        width: 100%;
    }

    .hire-section-container {
        flex-direction: column-reverse;
        gap: 75px;
    }

    .hire-section-box-container {
        width: 100%;
    }

    .hire-section-main-content {
        width: 100%;
    }

    .error-section-image img {
        width: 100%;
    }

    .combo-offer-main-content {
        flex-direction: column;
        gap: 75px;
    }

    .combo-offer-item-text {
        width: 100%;
    }

    .combo-offer-item-container {
        width: 100%;
    }

    .number-counter-container {
        flex-direction: column;
        gap: 75px;
    }

    .number-counter-text-content {
        width: 100%;
    }

    .counter-items {
        width: 100%;
    }
}

@media (width > 650px) and (width < 912px) {
    .header-content {
        width: 65%;
    }

    .header-item:nth-child(3) {
        left: 75%;
    }

    .header-item:nth-child(4) {
        left: calc(75% + 170px);
        opacity: 0;
    }

    .header-item:nth-child(5) {
        left: calc(75% + 340px);
        opacity: 0;
    }

    .header-item:nth-child(6) {
        left: calc(75% + 510px);
        opacity: 0;
    }
}

@media screen and (width < 650px) {
    .header-content {
        width: 90%;
    }

    .header-item:nth-child(3) {
        left: 75%;
        display: none;
    }

    .header-item:nth-child(4) {
        left: calc(75% + 170px);
        display: none;
    }

    .header-item:nth-child(5) {
        left: calc(75% + 340px);
        display: none;
    }

    .header-item:nth-child(6) {
        left: calc(75% + 510px);
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .reviews-section-items {
        gap: 20px;
    }

    .reviews-section-item {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .portfolio-section-item {
        width: 100%;
    }

    .pricing-section-item {
        width: 100%;
    }
}

@media screen and (max-width:525px) {
    .slider ul li a {
        font-size: 30px;
    }

    .slider .slider-dropdown ul {
        height: 190px;
        justify-content: start !important;
        overflow-y: auto;
    }

    .slider .slider-dropdown ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 20px;
    }
}

@media screen and (max-width: 480px) {
    .header-content {
        left: 20px;
    }

    .header-content h2 {
        font-size: 12vw;
    }

    .header-content p {
        font-size: 5vw;
    }

    .home-intro-buttons {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 10px;
    }

    .home-intro-buttons a {
        width: 100% !important;
        text-align: center;
    }

    .connection-section-buttons {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 10px;
    }

    .connection-section-buttons a {
        width: 100%;
        text-align: center;
    }

    .intro-buttons {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 10px;
    }

    .intro-buttons a {
        width: 100%;
        text-align: center;
    }

    .hire-section-box {
        width: 100%;
    }

    .hire-main-buttons {
        flex-direction: column;
        gap: 10px;
        width: 100%;
        display: flex;
        align-items: start;
        justify-content: start;
    }

    .hire-main-buttons a {
        width: 100%;
        text-align: center;
    }

    .about-section-buttons {
        display: flex;
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .combo-offer-buttons {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 10px;
    }

    .combo-offer-buttons a {
        width: 100%;
        text-align: center;
    }

    .combo-offer-item {
        width: 100%;
    }

    .contact-info-buttons {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 10px;
    }

    .contact-info-buttons a {
        width: 100%;
        text-align: center;
    }

    .contact-info-links a {
        width: 100%;
    }

    .contact-form-group {
        flex-direction: column;
        gap: 30px;
    }

    .contact-form button {
        width: 100%;
    }

    .navbar-container {
        padding: 0 22px;
    }

    .navTrigger {
        right: 22px;
    }

    .number-counter-buttons {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 10px;
    }

    .number-counter-buttons a {
        width: 100%;
        text-align: center;
    }

    .counter-item {
        width: 100%;
    }

    .counter-item:nth-child(2) {
        margin-right: 0;
    }

    .process-section-buttons {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 10px;
    }

    .process-section-buttons a {
        width: 100%;
        text-align: center;
    }

    .services-section-buttons {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 10px;
    }

    .services-section-buttons a {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width:435px) {
    .slider ul {
        padding: 15px;
    }

    .slider ul li a {
        font-size: 25px;
    }

    .slider .slider-dropdown ul {
        height: 185px;
        justify-content: start !important;
        overflow-y: auto;
    }

    .slider .slider-dropdown ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 18px;
    }
}

@media screen and (max-width:380px) {
    .slider ul {
        padding: 10px;
    }

    .slider ul li a {
        font-size: 20px;
    }

    .slider .slider-dropdown ul {
        height: 180px;
        justify-content: start !important;
        overflow-y: auto;
    }

    .slider .slider-dropdown ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 16px;
    }
}