/*media for responsive*/

/* WIDTH ---------------------------WIDTH ------------------------------- */

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

    .centerScreen{
        width: 65%;
    }
    .txtDigital{
        font-size: 80px;
    }
    .txtMarketCons{
        font-size: 60px;
    }

    .svgLogo{
        width: 500px;
        height: 470px;
    }
    .txtAbouts {
        font-size: 70px;
    }
    .txtServices {
        font-size: 70px;
    }
}

@media only screen and (max-width: 915px) {
    .leftSideMenu{
        display: none;
    }
    .rightSideNextBtn{
        display: none;
    }
    .centerScreen{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .txtDigital{
        font-size: 80px;
    }
    .txtMarketCons{
        font-size: 60px;
    }

    .svgLogo{
        width: 430px;
        height: 400px;
    }
    .menu-home, .menu-about, .menu-services, .menu-contact{
        width: 110px;
    }

    .txtAbouts {
        font-size: 65px;
    }
    .txtServices {
        font-size: 65px;
    }
}

@media only screen and (max-width: 760px) {
    .leftSideMenu{
        display: none;
    }
    .rightSideNextBtn{
        display: none;
    }

    .centerScreen{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .txtDigital{
        font-size: 70px;
    }
    .txtMarketCons{
        font-size: 50px;
    }

    .svgLogo{
        width: 430px;
        height: 400px;
    }

    .logoImg{
        width: 330px;
        margin-left: -50px
    }

    .menuIconRight{
        margin-right: -50px
    }

    .circle-icon {
        width: 40px;
        height: 40px;
        padding: 7px;
    }

    .menu-menuList {
        width: 80%;
        margin-top: -80px;
        font-size: 30px !important;
    }
    .menu-contactDetails {
        width: 80%;
        border: none !important;
        padding-top: 50px !important;
    }
    .txtAbouts {
        font-size: 50px;
    }
    .txtServices {
        font-size: 50px;
    }
    .txtContact1 {
        font-size: 30px !important;
    }
    .txtContact2 {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 480px) {
    .leftSideMenu{
        display: none;
    }
    .rightSideNextBtn{
        display: none;
    }

    .centerScreen{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .txtDigital{
        font-size: 65px;
    }
    .txtMarketCons{
        font-size: 40px;
    }

    .svgLogo{
        width: 55%;
        height: auto;
        margin-top: 100px;
    }
    .txtAbouts {
        font-size: 50px;
    }
    .txtServices {
        font-size: 50px;
    }
    .w3-container {
        width: 100%;
    }
}

@media only screen and (max-width: 380px) {
    .txtDigital{
        font-size: 50px !important;
    }
    .txtMarketCons{
        font-size: 40px !important;
    }
    .centerScreen{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .txtContact1 {
        font-size: 25px !important;
    }
    .txtContact2 {
        font-size: 20px !important;
    }
    .logoImg{
        width: 290px !important;
        margin-left: -50px
    }
}

@media only screen and (max-width: 330px) {
    .txtDigital{
        font-size: 55px !important;
    }
    .txtMarketCons{
        font-size: 40px !important;
    }
}

@media only screen and (max-width: 280px) {
    .logoImg{
        width: 250px !important;
        margin-left: -50px
    }
}

/* @media only screen and (max-width: 380px) {

} */

/* HEIGHT ------------------- HEIGHT ------------------------- HEIGHT */

@media only screen and (max-height: 870px) {
    .txtDigital{
        font-size: 70px;
    }
    .txtMarketCons{
        font-size: 45px;
    }
}


@media only screen and (max-height: 750px) {
    .txtDigital{
        font-size: 60px;
    }
    .txtMarketCons{
        font-size: 45px;
    }

    .svgLogo{
        width: 430px;
        height: 400px;
    }

    .logoImg{
        width: 330px;
        margin-left: -50px
    }

    .svgLogo{
        margin-top: 70px;
    }

    .txtAbouts {
        font-size: 35px;
    }
    .txtServices {
        font-size: 35px;
    }
    .txtContact1 {
        font-size: 25px !important;
    }
    .txtContact2 {
        font-size: 20px !important;
    }
}

@media only screen and (max-height: 650px) {
    .txtDigital{
        font-size: 60px;
    }
    .txtMarketCons{
        font-size: 45px;
    }
    .svgLogo{
        width: 430px;
        height: 400px;
    }

    .txtAbouts {
        font-size: 35px;
    }
    .txtServices {
        font-size: 35px;
    }
    .txtContact1 {
        font-size: 25px !important;
    }
    .txtContact2 {
        font-size: 20px !important;
    }
    .centerHome {
        margin-top: -50px !important;
    }
    .centerContact {
        margin-top: -50px !important;
    }
}

@media only screen and (max-height: 500px) {
    .txtDigital{
        font-size: 50px !important;
    }
    .txtMarketCons{
        font-size: 30px !important;
    }
}

@media only screen and (max-height: 390px) {

    .txtDigital{
        font-size: 50px;
    }
    .txtMarketCons{
        font-size: 30px;
    }

    .svgLogo{
        width: 430px;
        height: 400px;
    }

    .txtAbouts {
        font-size: 35px;
    }
    .txtServices {
        font-size: 35px;
    }
    .txtContact1 {
        font-size: 25px !important;
    }
    .txtContact2 {
        font-size: 20px !important;
    }

    .menu-contact1 {
        font-size: 18px !important;
    }
    .menu-contact2 {
        font-size: 16px !important;
    }

    .menu-menuList {
        font-size: 25px !important;
    }
}