@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .graphImage2 svg {
        min-height: 32vh;
    }
}
@media only screen and (min-width: 1700px) and (min-height: 1200px){
        .graphImage2 svg {
            min-height: 42vh;
        }
    .dcfMobileHover {
        transform: translate(159px, 184px) scale(0.85) !important;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px){
    .topMove {
        top: 5rem;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .graphImage2 svg {
        min-height: 52vh;
    }
}

@media (min-width: 991px) and (max-width: 1181px) and (orientation: landscape) {
    .companyName, .graph2Growth {
        left: -0.75rem;
    }
    .topMove{
        top: 5rem;
    }
    .graphImage2 svg {
         min-height: 52vh; 
    }
}
@media (min-width: 991px) and (max-width: 1181px) {
    foreignObject.dcfrect_hover {
        transform: translate(-152px, -240px) scale(1.3) !important;
    }
    .steps-disclosure {
        width: 75%;
        bottom: -10rem;
    }
}

/*@media (max-width: 1350px) and (max-height: 800px) {*/
    /*foreignObject.dcfrect_hover {
        transform: translate(-150px, -235px) scale(1.35) !important;
    }*/
    /*.graphImage2 svg {
        min-height: 50vh;
    }
}*/
@media (max-width: 1380px) and (min-height: 810px) and (orientation: landscape) {
    /*foreignObject.dcfrect_hover {
        transform: translate(-150px, -235px) scale(1.35) !important;
    }*/
    .graphImage2 svg {
        min-height: 45vh;
    }

    .companyName, .graph2Growth {
        left: -0.75rem;
    }
}
@media (max-width: 1380px) and (max-height: 810px) and (orientation: landscape) {
    /*foreignObject.dcfrect_hover {
        transform: translate(-150px, -235px) scale(1.35) !important;
    }*/
    .graphImage2 svg {
        min-height: 50vh;
    }

    .companyName, .graph2Growth {
        left: 0.25rem;
    }
}

/*@media (min-width: 1301px) and (max-width: 1449px) {
    .companyName, .graph2Growth {
        left: 1rem;
    }
}*/
/* ipad Mini Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .companyName, .graph2Growth {
        left: 1.6rem;
    }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .graphImage2 svg {
        min-height: 40vh;
    }

    .topMove {
        top: 5rem;
    }

    .companyName, .graph2Growth {
        left: -1.75rem;
    }
}
/* Ipad pro Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .graphImage2 svg {
        min-height: 34vh;
    }
}
@media(max-width: 1024px) {
    .grids-items.stepBoxContent, .grids-items.stepBoxContent2, .grids-items.stepBoxContent3 {
        width: 80%;
        padding-left: 5rem;
        padding-right: 1rem;
    }
    .grids-items p {
        font-size: 0.9rem;
    }
    .companyName, .graph2Growth {
        left: 0;
    }
    .sec4grids .grids-items.stepBoxContent{
        width: 90%;
    }
}

@media(max-width: 991px) {
    .homeNew_P .HomePagetitle, .homeNew_P .HomePagetitle p {
        padding-left: 0rem !important;
    }
    .dcfMobileHover {
        visibility: hidden;
    }
        .dcfMobileHover .objLine {
            display: none;
        }
    .closeObj{
        display: block;
    }
    .contentContainer .content {
        width: 100%;
        height: 3rem;
        font-size: 1.5rem;
    }

    #paralaxSec, #paralaxSec .d_flex {
        height: auto;
    }

        #paralaxSec .sec-card-text.padl-3 {
            padding-left: 1rem !important;
            padding-top: 5rem;
        }

    .sec-card-headline {
        padding: 2rem;
        width: 100%;
    }

        .sec-card-headline:before {
            background: transparent;
        }

        .sec-card-headline h3 {
            padding-bottom: 0;
        }

    .dragWheel {
        position: static;
        transform: none;
        height: auto;
    }

        .dragWheel #HomeChartcontainer {
            /*top: 0 !important;
            left: 4.5rem;
            transform: scale(1.5) !important;
            margin-bottom: 2rem;*/
        }
    /*#HomeChartcontainer svg {
        touch-action: none;
    }*/
    #IGRSection .HomePagetitle h2 {

        width: 100%;
        font-size: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;

        margin-top: 3rem;
    }
    .main-section .HomePagetitle {
        padding-top: 1rem;
        position: relative;
    }
    .IGRContainer .tab-menu {
        padding-top: 12rem;
    }
    .IGRContainer .tab_content {
        position: relative;
        padding-top: 5rem;
        /*height: 89vh;*/
    }
    .IGRContainer .tab-menu .grids-items .grids-items-inner.grids-one.active {
        opacity: 1;
        animation: rotation 3s linear 0s infinite;
    }
    .tab_content .grids.active{
        display:flex;
    }
    .IGRContainer .grids {
        grid-auto-flow: column dense;
        grid-auto-rows: 1fr;
        grid-template-columns: 1fr 1fr;
        text-align: center;
        align-items: center;
        right: 0;
        flex-direction: column;
        position: static;
    }
        .tab_content .grids{
            display:none;
        }
        .IGRContainer .grids-items.stepBoxContent, .IGRContainer .grids-items.stepBoxContent2, .IGRContainer .grids-items.stepBoxContent3, .IGRContainer .grids .grids-items {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 4rem;
        }
    .IGRContainer .tab-menu .grids-items.stepBox {
        display: flex;
        justify-content: space-evenly;
    }
    .IGRContainer .inner-div {
        height: auto;
        position: static;
    }
            .IGRContainer .tab-menu .grids-items.stepBox .p-rel {
                left: 0;
            }
    .IGRContainer .tab-menu .grids-items .grids-items-inner.grids-one {
        width: 6rem;
        margin: 0 auto;
        text-align: center;
        height: 6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-radius: 0.5rem;
        margin-bottom: 1rem;
        cursor: pointer;
        opacity: 0.3;
        position: static;
    }
    #tab-1, #tab-3, #tab-4 {
        height: auto;
    }
    .third_bg {
        height: auto;
    }
    .IGRContainer {
        position: static;
    }
    .cube_container {
        left: 50%;
    }
    .tab-menu .grids-items .grids-items-inner.grids-one p {
        padding: 0;
    }
    .sec_bg {
        height: auto;
    }
    .d_flex {
        height: auto;
    }
    .logo {
        width: 40%;
    }
    .homeRight h1 br{
        display:none;
    }
    .contentContainer .title {
        font-size: 1.5rem;
        margin-top: 1rem !important;
    }
    .cube_container{
        display:none;
    }
    .f_bg {
        height: 80vh;
    }
    .navigationBtn span.arrowDown {
        margin-right: 0;
        right: 0.5rem;
        z-index: 9999;
    }
    .navigationBtn span.arrowUp {
        margin-left: 0;
        left: 0.5rem;
        z-index: 9999;
    }
    .sec-card-headline {
        margin-top: 2rem;
    }
    .sec-card-text {
        margin-top: 2rem;
    }
   
    .prob-text {
        margin-top: 2rem;
    }

    .navigationBtn span {
        top: 48%;
    }
    .graphImage2 svg {
        min-height: 40vh;
    }
    .graph_face {
        transform: scale(0.8);
        /*padding-left: 2rem;*/
    }
    .grids .grids-items .grids-two img.sec_graph {
        top: 0;
    }
}
@media (min-width: 1024px) and (max-width: 1450px) {
    #personalize {
        padding-bottom: 10rem;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sec-card-text {
        margin-top: 2rem;
        text-align: left;
    }
    .navigationBtn span svg {
        z-index: 9;
        height: 4rem;
        width: 4rem;
    }
    #tab-4 .graph_container .graph_face {
        height: auto;
    }
}
@media (min-width: 991px) and (max-width: 1100px) {
    /*.dragWheel #HomeChartcontainer {
        top: 5rem !important;
        left: 18rem;
        transform: scale(3) !important;
    }*/

    .dragWheel #oneA {
        padding: 4rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    /*.dragWheel #HomeChartcontainer {
        top: 2rem !important;
        left: 4rem;
        transform: scale(1.3) !important;
    }*/

    /*.dragWheel #oneA {
        padding: 4rem;
    }*/
}
@media only screen and (max-width: 767px){
    #LogoText, #LogoIcon{
        text-align:center;
    }
    .logo {
        width: 100%;
    }
    .home_sec__{
        flex-wrap:wrap;
    }
    .homeRight h1 {
        margin-bottom: 1.2rem;
        width: 100%;
    }
    .IGRContainer .tab-menu {
        padding-top: 5rem;
    }
    .navigationBtn span {
        top: 45%;
    }
    .IGRContainer .tab_content {
        /*height: 100vh;*/
    }
}
@media (max-width: 550px) {
    .slide1SvgInner {
        transform: translate(-30%, 10px);
    }
    .dcfMobileHover {
        transform: translate(-180px, 184px) !important;
    }
}
@media (max-width: 460px){
    .slide1SvgInner {
        transform: translate(-35%, 10px);
    }
    .dcfMobileHover {
        transform: translate(-200px, 184px) !important;
    }
}
@media (max-width: 430px) {
    .slide1SvgInner {
        transform: translate(-42%, 10px);
    }
}
@media (max-width: 420px) {
    .slide1SvgInner {
        transform: translate(-40%, 10px);
    }
    .dcfMobileHover {
        transform: translate(-255px, 184px) !important;
    }
}
@media (max-width: 400px) {
    .slide1SvgInner {
        transform: translate(-48%, 10px);
    }
}
@media (max-width: 380px) {
    .slide1SvgInner {
        transform: translate(-55%, 10px);
    }

    .dcfMobileHover {
        transform: translate(-270px, 184px) !important;
    }
}
@media (max-width: 360px) {
    .slide1SvgInner {
        transform: translate(-60%, 10px);
    }
}
@media (max-width: 340px) {
    .slide1SvgInner {
        transform: translate(-66%, 10px);
    }
}
/*
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .homeNew_P .HomePagetitle, .homeNew_P .HomePagetitle p {
        padding-left: 0rem !important;
    }

    .contentContainer .content {
        width: 100%;
    }

    #paralaxSec, #paralaxSec .d_flex {
        height: auto;
    }

        #paralaxSec .sec-card-text.padl-3 {
            padding-left: 1rem !important;
            padding-top: 5rem;
        }

    .sec-card-headline {
        padding: 2rem;
        width: 100%;
    }

        .sec-card-headline:before {
            background: transparent;
        }

        .sec-card-headline h3 {
            padding-bottom: 0;
        }

    .dragWheel {
        position: static;
        transform: none;
    }

        .dragWheel #HomeChartcontainer {
            top: 0 !important;
            left: 2.5rem;
            transform: scale(1.3) !important;
            margin-bottom: 2rem;
        }
    #HomeChartcontainer svg {
        touch-action: none;
    }
    #IGRSection .HomePagetitle h2 {
        width: 100%;
        font-size: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
        margin-top: 3rem;
    }

    .main-section .HomePagetitle {
        padding-top: 1rem;
        position: relative;
    }

    .IGRContainer .tab-menu {
        padding-top: 12rem;
    }

    .IGRContainer .tab_content {
        position: relative;
        padding-top: 5rem;
        height: 89vh;
    }

    .IGRContainer .tab-menu .grids-items .grids-items-inner.grids-one.active {
        opacity: 1;
        animation: rotation 3s linear 0s infinite;
    }

    .IGRContainer .grids {
        display: flex;
        grid-auto-flow: column dense;
        grid-auto-rows: 1fr;
        grid-template-columns: 1fr 1fr;
        text-align: center;
        align-items: center;
        right: 0;
        flex-direction: column;
    }


        .IGRContainer .grids-items.stepBoxContent, .IGRContainer .grids-items.stepBoxContent2, .IGRContainer .grids-items.stepBoxContent3, .IGRContainer .grids .grids-items {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 4rem;
        }

    .IGRContainer .tab-menu .grids-items.stepBox {
        display: flex;
        justify-content: space-evenly;
    }

    .IGRContainer .inner-div {
        height: auto;
        position: static;
    }

    .IGRContainer .tab-menu .grids-items.stepBox .p-rel {
        left: 0;
    }

    .IGRContainer .tab-menu .grids-items .grids-items-inner.grids-one {
        width: 6rem;
        margin: 0 auto;
        text-align: center;
        height: 6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-radius: 0.5rem;
        margin-bottom: 1rem;
        cursor: pointer;
        opacity: 0.3;
        position: static;
    }

    #tab-1, #tab-3, #tab-4 {
        height: 0rem;
    }

    .third_bg {
        height: auto;
    }

    .IGRContainer {
        position: static;
    }

    .cube_container {
        left: 50%;
    }

    .tab-menu .grids-items .grids-items-inner.grids-one p {
        padding: 0;
    }

    .sec_bg {
        height: auto;
    }

    .d_flex {
        height: auto;
    }

    .logo {
        width: 100%;
    }

    .sec-card-text p {
        padding-bottom: 0.5rem;
        padding-top: 0;
    }

    .contentContainer .title {
        font-size: 1.5rem;
    }

    .cube_container {
        display: none;
    }

    .f_bg {
        height: 80vh;
    }

    .navigationBtn span.arrowDown {
        margin-right: 0;
        right: 0;
    }

    .navigationBtn span.arrowUp {
        margin-left: 0;
        left: 0;
    }

    .sec-card-headline {
        margin-top: 2rem;
    }

    .sec-card-text {
        margin-top: 2rem;
    }

    .grids .grids-items .grids-three p {
        padding-bottom: 0;
        margin-bottom: 0;
        padding-top: 0.5rem;
    }

    .prob-text {
        margin-top: 2rem;
    }

    .navigationBtn span {
        top: 35%;
    }

    .grids .grids-items .grids-two img.sec_graph {
        top: 0;
    }
    .col12{
        width:100% !important;
    }
}*/