@media only screen and (min-width: 1600px) {

    .largeScreen {
        display: block;
    }
}

@media only screen and (width: 1920px) and (min-width: 1400px) {

    .home-demo .item {
        /* background-color: #000; */
        width: 400px;
        /* height: 200px; */

    }


    .owl-item.active {
        margin: .1rem !important;
        width: 420px !important;
    }

}



@media only screen and (min-width: 300px) and (min-height: 650px) and (max-width: 600px) {
    #navMain {
        display: none !important;
    }

    #navMain.active {
        display: block !important;
        position: absolute;
        top: 101px;
        background: #e2e2e2;
        height: calc(100vh - 101px);
        color: #073842 !important;
        width: 100vw;
        right: 0;
    }

    .hoverS:hover::before {
        height: 0;
    }


    
    #navMain.active a{
        padding-left: 2rem;
        color: #073842 !important;
    }
    #navMain li {
        width: 100vw;

    }

    .responsiveHam {
        display: block;
        z-index: 99;
    }


    .mask1 {
        width: 100%;
    }

    .maske {
        min-width: calc(80% + 66px);

    }

    .text {
        margin: 1rem 0rem;
        padding-left: 1rem;
        width: 80vw;
    }

    .text h1 {
        font-size: 2.2rem;
    }

    .socialforHeader ul {

        padding-left: 1rem;
    }

    .centerNavDOt {
        top: 60%;
    }

    .typewriter-container,
    #typewriter-container2 {
        width: 334px !important;
        padding-left: 1rem;
        overflow: hidden;
    }

    .size {
        width: 312px !important;
        overflow: hidden;
    }

    .space2 {
        padding-right: 97px;
    }

    .spacewr {
        margin-left: 1rem;
        overflow: hidden;
    }

    .paradiv p {
        width: 90vw;
    }

    .aboutparagraph {
        /* margin-right: 4rem; */
        width: 90vw;
        margin-right: 0;
    }

    .progressbar {
        width: 90vw;
    }

    .slideshow-containerP {
        width: 90vw;
        margin-left: 1rem;
    }

    .animateh2forindex {
        margin-left: 1rem;
        width: 90vw;
    }

    #elementorlist {
        width: 90vw;
    }

    .qodef-e-character,
    .qodef-e-character2 {
        font-size: 40px;
    }

    .services-container {
        width: 100vw;

    }

    .list1 {
        width: 350px;
        margin: 0 1rem;
    }

    .buttonservicemore {
        top: 45%;
    }

    .moreaboutUsbigdiv {
        justify-content: flex-start;

    }

    .textButtonsforproject h1 {

        width: 80vw;
        font-size: larger;
    }

    .owl-stage-outer {
        margin: 2rem 1rem
    }

    .animatedivfromcenter {
        padding: 3rem 1rem;
    }

    .slidingtextwithimage {
        background-attachment: local;
        height: 37vh;
        padding: 26% 0% 012% 0%;
    }

    .qodef-m-text-item {
        font-size: 48px;
        padding-right: 0.5em;
        padding-left: 0.5em;
        font-weight: 500;
        -webkit-text-stroke: 2px #333;

    }

    .centered-div {
        margin-bottom: 20px;
    }

    .home-demo .item {
        /* background-color: #000; */
        width: 350px;
        height: 82px;
    }

    .contactusButton h2 {
        font-size: 24px;
    }

    .contactusButton p {
        font-size: 17px;
    }

    .officeLocation {
        padding: 4rem 2rem;

    }
}