/* Mobile Small (S) - max-width: 575.98px */
@media (max-width: 375px) {
    .our-tech-box {
        border: 2px solid #3cd48a;
        border-top-right-radius: 28%;
        background: #000;
        padding: 5%;
        height: 24em!important;
        margin-bottom: 10%;
    }
}
@media (max-width: 575.98px) {
    p.clr-white.font20.text-center.mobile-identity-content {
        font-size: 7px;
    }
}

/* Mobile Medium (M) - min-width: 576px and max-width: 767.98px */
@media (min-width: 576px) and (max-width: 767.98px) {
    /*p.clr-white.font20.text-center.mobile-identity-content {*/
    /*    font-size: 7px !important;*/
    /*}*/
}

/* Mobile Large (L) - min-width: 768px and max-width: 991.98px */
@media (max-width: 767.98px) {
    .font18 {
        font-size: 9px !important;
    }

    .font20 {
        font-size: 10px !important;
    }

    .font24 {
        font-size: 12px !important;
    }

    .font30 {
        font-size: 15px !important;
    }

    .font35 {
        font-size: 18px !important;
    }

    .font40 {
        font-size: 20px !important;
    }

    .font60 {
        font-size: 30px !important;
    }

    .font70 {
        font-size: 35px !important;
    }

    .font100 {
        font-size: 50px !important;
    }


    .home-section {
        width: 100%;
        min-height: 50vh !important;
        background-color: #000!important;
    }

    .home-first-head-div {
        padding-top: 8em;
    }

    .home-machine-head{
        font-size: 24px!important;
    }

    .mobile-home-first-section-head{
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .mobile-opacity{
        opacity: 0.5!important;
    }

    .btn-theme-default {
        width: 50%;
        height: 3.2em;
        margin-bottom: 12px;
    }
    .btn-filled-theme-default {
        width: 50%;
        height: 3.2em;
    }



    /*About*/
    .nuhark-about-content{
        font-size: 15px !important;
    }
    .about-img {
        width: auto;
        height: auto;
    }


    /*Identity*/
    .mobile-identity-box{
        width: 30% !important;
    }

    .mobile-identity-content{
        line-height: 12px!important;
    }
    .identity-box-content {
        padding: 10%;
        width: 104%;
    }
    .mobile-identity-img-left{
        text-align: left!important;
    }
    .mobile-mar-left-0per{
        margin-left: 0%;
    }

    .identity-section {
        min-height: 35vh !important;
    }

    .lets-go-btn{
        width: 100% !important;
        margin-top: 2%;
    }

    .tech-section {
        padding-top: 5%;
        min-height: 25vh !important;
    }

    .our-tech-head{
        padding-bottom: 10px;
    }
    .tech-img-height{
        height: 100% !important;
    }
    .transforming-btn{
        width: 100% !important;
    }

    .mobile-pad-top-0{
        padding-top: 0px!important;
    }
    .mobile-pad-bottom-10per{
        padding-bottom: 10% !important;
    }

    .mobile-pad-bottom-5per{
        padding-bottom: 5% !important;
    }

    /*Transforming Sec*/
    .animal-box-img {
        border: 2px solid #3cd48a;
        border-top-right-radius: 25%;
        border-bottom-left-radius: 25%;
        width: 100%;
        margin-top: 10%;
    }
    .animal-head{
        font-size: 16px !important;
        padding-top: 10%;
    }

    .box_2 {
        position: relative;
        height: 16em;
        margin-bottom: 10% !important;
    }


    .live-stock {
        padding-top: 5%;
        min-height: 35vh !important;
        background-color: #000;
    }

    .join-head{
        font-size: 21px !important;
        margin-bottom: 20px!important;
    }
    .join-content{
        font-size: 15px !important;
    }

    .mobile-margin-top0{
        margin-top: 0px!important;
    }

    .mobile-margin-bottom0{
        margin-bottom: 0px!important;
    }
    .mobile-mar-bottom-5per{
        margin-bottom: 5% !important;
    }
    .contact-info{
        font-size: 18px !important;
    }



    .contact-form-text-area, .contact-form-text-area:focus{
        margin-bottom: 5%;
        border: 1px solid #3cd48a;
        border-radius: 50px;
        color: #fff!important;
        box-shadow: 0 0 0 .25rem #3cd48a4f;
    }





    /*Our Tech*/
    .tech-first-head-div{
        padding-top: 50%;
    }
    .our-tech-section {
        width: 100%;
        min-height: 25vh !important;
    }
    .our-tech-first-head{
        margin-bottom: 2% !important;
    }
    .our-tech-box {
        border: 2px solid #3cd48a;
        border-top-right-radius: 28%;
        background: #000;
        padding: 5%;
        height: 20em;
        margin-bottom: 10%;
    }
    .mobile-tech-box-head{
        font-size: 18px !important;
        padding-bottom: 10px;
    }
    .mobile-tech-box-p{
        font-size: 15px !important;
        line-height: 20px;
    }

    .mobile-width-line{
        width: 100%;
    }
    .mobile-innovation-content{
        line-height: 20px!important;
    }
}