@media (max-width:1880px) {
    .social-home {
        bottom: 0
    }
}

@media (max-width:1720px) {

    .section-head h2,
    .txt h1 {
        font-size: 2.5em
    }

    .content div img {
        width: 100%
    }

    .social-home {
        display: none
    }

    .parts,
    .parts-2 {
        width: 650px
    }

    #box {
        margin: 16px;
        width: 400px
    }

    .about-cont div {
        width: unset;
        padding: 64px
    }

    .service {
        height: fit-content
    }

    nav ul li a {
        font-size: 1.2em
    }
}

@media (max-width:1200px) {
    .home {
        flex-direction: column
    }

    .home .txt {
        width: 100%
    }
}

@media (max-width:1024px) {

    .home .txt,
    .kuwait img,
    .service {
        width: 100%
    }

    .contact-container {
        flex-direction: column
    }

    .home {
        flex-wrap: wrap
    }

    .news p,
    .section-head p {
        width: 100%;
        padding: 14px
    }

    nav ul li a {
        font-size: 1.2em;
        margin: 24px
    }

    .home .txt {
        margin-top: 100px
    }

    .parts {
        margin-top: 150px
    }

    .column ul {
        margin-left: 0;
        margin-top: 32px
    }

    #box {
        width: 650px
    }
}

@media (min-width:481px) and (max-width:932px) {

    .content div img,
    .kuwait img,
    nav {
        width: 100%
    }

    nav ul li a {
        font-size: 1em;
        margin: 14px
    }

    #box {
        width: 500px
    }

    #menu {
        display: block
    }

    nav {
        display: none;
        margin-top: 24px
    }

    header {
        flex-wrap: wrap
    }

    .parts {
        margin-top: 175px;
        width: fit-content
    }

    .about-cont div {
        width: unset;
        padding: 16px
    }

    .service {
        width: 100%;
        height: fit-content
    }

    p {
        font-size: .9em
    }
}

@media (min-width:481px) and (max-width:740px) {

    .parts,
    .parts-2 {
        height: 500px;
        margin: 50px auto;
        width: unset
    }

    nav ul {
        flex-direction: column;
        background-color: var(--c2);
        list-style: none;
        height: fit-content
    }

    nav ul li {
        padding: 50px
    }

    .se {
        border-bottom: solid var(--greenNeon) 1px;
        width: 100%;
        padding: 0
    }
}

@media (max-width:480px) {

    .arm,
    .features-head p,
    .home .txt,
    .kuwait img,
    .se,
    nav {
        width: 100%
    }

    .about-cont div,
    .btns,
    .features-head {
        text-align: center
    }

    .about-us p,
    .txt p,
    p {
        font-size: .9em
    }

    .service:hover {
        transform: none;
        cursor: unset
    }

    .projects-container ul li {
        font-size: .8em;
        padding: 17px
    }

    #menu {
        display: block
    }

    nav {
        display: none;
        margin-top: 24px
    }

    header {
        flex-wrap: wrap
    }

    nav ul {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
        background-color: var(--c2);
        list-style: none;
        height: fit-content
    }

    nav ul li a {
        font-size: 1em;
        margin: 0
    }

    nav ul li {
        padding: 50px
    }

    .se {
        border-bottom: solid var(--greenNeon) 1px;
        padding: 0
    }

    .logo img {
        height: 100px
    }

    .contact-container,
    .home {
        flex-direction: column
    }

    .home .txt {
        margin-top: 50px
    }

    .txt h1 {
        font-size: 2em
    }

    .second {
        margin-left: 0;
        margin-top: 12px
    }

    .parts {
        height: 400px;
        width: fit-content;
        margin: 50px auto
    }

    .features-head h2,
    .news h2 {
        font-size: 2.3em
    }

    .features-head {
        padding: 14px
    }

    #box {
        width: 100%;
        margin: 16px auto;
        height: unset;
        padding: 50px 24px
    }

    .boxes {
        padding: 16px
    }

    .services .boxes {
        padding: 8px
    }

    .service {
        margin: 12px 0 0;
        width: 100%
    }

    .service h2 {
        font-size: 1.3em
    }

    .service p {
        font-size: .8em;
        letter-spacing: 1px
    }

    .section-head h2 {
        font-size: 2.1em
    }

    .section-head p {
        width: 100%;
        padding: 7px
    }

    .content div img:hover {
        transform: scale(1.1)
    }

    .projects-container ul {
        width: unset
    }

    .mini-cont h2 {
        font-size: 1.2em
    }

    .content div img {
        width: 100%;
        margin: 0
    }

    .mini-cont {
        margin: 24px auto
    }

    .about-cont div {
        padding: 16px;
        width: -webkit-fill-available
    }

    .news p {
        width: 100%;
        padding: 6px
    }

    .sub input[type=mail] {
        width: 200px
    }

    .parts-2 {
        width: auto;
        height: 400px;
        margin: 50px auto
    }

    .icon {
        padding: 16px 6px 6px
    }

    .center,
    footer .column {
        padding-top: 64px
    }

    .social-home {
        width: unset;
        position: unset
    }
}