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

    .company-sec, .srv-container{

        width:85%;

    }

}

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

    .mission-content, .contact-form-sec {

        width: 85%;

    }

}



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

    .ha-txt-1{

        font-size: 3.2rem;

    }

    .ha-txt-2{

        font-size: 2.3rem;

    }

    .ha-txt-3{

        font-size: 1.6rem;

    }

}

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

    #about{

        padding-bottom: 10vh;

        height: auto;

    }

    .service-inner{

        width:50%;

    }

    .service-outer{

        justify-content: center;

    }

    .sserv-sec{

        width:100%;

    }

}

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

    #work{

        padding: 5rem 1rem;

    }

    .company-sec {

        width: 100%;

    }

    .mem-container{

        justify-content: space-between;

    }

    .mem{

        margin:0;

    }

}

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

    .mission-content, .srv-container, .contact-form-sec {

        width: 95%;

    }

    .content-area h1 {

        font-size: 4rem;

    }



    .content-area h2 {

        font-size: 1.5rem;

    }

}



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

    .mem{

        width:350px;

    }

}

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

    #services{

        padding-top:10vh;

    }

    #home{

        height: auto;

        padding-top:30vh;

    }

    .hm-txt{

        align-self: auto;

        padding: 0 0 10vh;

        align-items: center;

        text-align: center;

    }

    .hmc-area{

        width: 100%;

        height: auto;

        align-items: center;

        justify-content: center;

    }

    .img-area-abt{

        justify-content: center;

        align-items: center;

        width: 100%;

    }

    .content-s{

        text-align: center;

    }

    .hmc-area video{

        width:300px;

    }

    .abt-mid-content{

        width:100%;

        padding: 0 10% 5vh;

        align-items: center;

    }

    .company-sec{

        

        flex-direction: column-reverse;

        align-items: center;

    }

    .footer-info-sec{

        width:100%;

    }

    .video-sec{

        width:100%;

    }

    #mission .img-container{

        margin-top: 2rem;

    }

    .m-side-res{

        margin-top: 2rem !important;

    }

    .company-desc{

        margin-top: 2rem;

        width: 100%;

    }

    .company-desc table{

        width: auto;

        margin: auto;

    }

    .mission-content {

        flex-direction: column;

        align-items: center;

        justify-content: center

    }

    .work-box{

        height: 250px;

    }

    .m-contant,

    .m-side-res {

        width: 100%;

        display: flex;

        justify-content: center;

        text-align: center;

        align-items: center;

        flex-direction: column;

        margin: 0;

    }

    .su-content{

        margin-bottom: 2rem;

    }

}



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

    .hb-area{

        display: block;

    }

    html{

        scroll-behavior: auto!important;

    }

    .service-desc-area{

        width:100%;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    .left-p-ap, .right-p-ap{
        transform: translate(-20px, 0);
    }

    .sserv-img{
        margin:0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sm-area{

        display: none;

    }

    svg text{

        font-size: 6rem;

    }

    .inner-cc{

        flex-direction: column;

    }

    .cc-split{
        width:100%;
        padding: 0 !important;
    }

    .right-cc{

        flex-wrap: wrap;

        flex-direction: row;

        padding: 0 2rem;

    }

    .sserv-desc{

        width:100%;

        padding: 0 1rem;

    }

    .sserv_name{

        text-align: center;

    }

    .sserv-desc p{

        text-align: center;

    }

    .sserv-sec{

        width:50%;

        flex-direction: column;

        align-items: center;

    }

    .left-cc{

        align-items: center;

        padding: 0 2.5vw;

        flex-direction: column;

    }

    .serv-desc{
        padding: 0;
        text-align: center;
    }

    .serv-desc{
        /* -webkit-order: 3; */
        /* order:3; */
    }

    .service-m-name{
        /* transform: translate(0,20px); */
        /* order:1; */
        text-align: center;
    }

    .serve_m_img{
        max-width: 400px;
        height: 300px;
        width: auto;
    }

    .menu-item{

        color: var(--clr-white) !important;

        font-size: 2rem !important;

        font-weight: 800;

    }

    #normal-nav{

        padding: 1rem 3rem;

        align-items: flex-start;

    }

    .menu-area{

        position: fixed;

        width: 100vw;

        height: 100vh;

        background: var(--clr-orange);

        left: 0;

        transform: translateX(150%);

        top: 0;

        transition: all .4s ease;

    }

    .menu-area a{

        color: #121212;

        margin: 0 0 1rem;

        text-transform: uppercase;

        font-size: 1.2rem;

    }

    .menu-sec{

        flex-direction: column;

        align-items: center;

        justify-content: center;

    }

}

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

    .mem{

        width:250px;

    }

    .mem-container{

        justify-content: space-around;

    }

    body{

        font-size: 14px;

    }

    .element{

        width: 100%;

    }

    .why-elm{

        padding: 0 3rem;

    }

    .sserv-sec{
        width: 100%;
        padding: 1rem;
    }

}

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

    .work-box{

        height: 200px;

    }

    .srv-container, .contact-form-sec{

        width:100%;

    }

    .footer-top{

        padding: 2rem 0;

    }

}

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

    .mem-container{

        flex-direction: column;

        align-items: center;

    }

}

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

    .service-inner{

        width:100%;

    }

    .form-section{

        min-width: auto;

        width:95%

    }

    .input-cover-short{

        width:100%;

    }

    .cc-area{
        padding: 5rem 1rem 5rem 3rem;
    }

    .sserv-sec{

        width:100%;

    }

}

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

    .su-content{

        font-size: 3rem;

    }

    .form-input-sec{

        flex-direction: column;

    }

    .form-info, .form-input{

        width:100%;

    }

    

}

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

    .serv-images{

        width:100%;

    }

    .why-elm{

        padding: 0;

    }

}

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

    .work-box{

        width:100%;

        height: 300px;

    }

    .footer-contact{

        flex-direction: column-reverse;

        align-items: center;

    }

    div#map {

        width:100%;

        margin-bottom: 2rem

    }

    .content-area-f{

        width:100%;

    }

    .footer-info-sec, .f-info-display{

        display: flex;

        flex-direction: column;

        align-items: center;

        text-align: center;

    }

    .footer-bottom span {

        display: flex;

        flex-direction: column;

        text-align: center;

    }

}

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

    .title-sec{

        text-align: center;

        font-size: 3rem;

    }

}

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

    .cc-area{
        padding: 5rem 1.6rem;
    }

    .ha-txt-1{

       font-size: 2.8rem; 

    }

    .ha-txt-2{

        font-size: 2rem;

    }

    .ha-txt-3{

        font-size: 1.3rem;

    }

}