@media only screen and (min-width: 350px) and (max-width: 420px) {
    .nav-pills {
        margin-bottom: 1rem !important;
    }

    .bottomBanner {
        padding-left: 0;
        padding-right: 0;
    }

    .d-none {
        display: none !important;
    }

    .deskTopNav {
        display: block;
    }

    .footerBg {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .topBanner {
        height: auto !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin: 1.5rem !important;
        padding-left: 0px !important;
    }
    .col-md-4.col-xs-12.w100 {
        width: 100%;
    }
    .bannerSlogan p {
  
        font-size: 10px !important;
        text-align: center;
        padding-top: 20px;
        padding: 1rem;
    }

    .borderDahsed {
        float: left;
        border: .5px dashed #4c0075;
        border-radius: 1rem;
        padding: 1rem;
        height: 345px;
        width: 100% !important;
        position: relative !important;
        margin-left: 0 !important;
        margin-top: 25px !important;
    }

    .bulutWidgetOne {
        float: left;
        background: #212121;
        min-width: 170px !important;
        margin-left: 160px !important;
        border-radius: .5rem !important;
        margin-top: 3rem !important;
        background-image: url(../img/widgetGreenBg.png);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 80%;
        height: 75px !important;
        position: absolute;
    }

    .bulutWidgetFour {
        float: left;
        background: #212121;
        min-width: 170px !important;
        margin-left: 140px !important;
        border-radius: .5rem !important;
        margin-top: 1.5rem !important;
        background-repeat: no-repeat;
        background-size: 80%;
        height: 82px !important;
        position: absolute;
        min-height: 70px !important;
    }

    .svg.chart4 {
        position: relative;
        bottom: 38px !important;
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    svg.chart1 {
        position: relative;
        bottom: 2.3rem !important;
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    .borderDahsed {
        display: none !important;
    }

    .BtfeatureBox {
        min-height: 240px;
        border-radius: 1.5rem !important;
        padding: 2rem !important;
        padding-left: 2rem !important;
        margin-bottom: 35px !important;
    }

    .BtfeatureBoxTitle {
        float: none !important;
    }

    .BtfeatureCircleIcon {
        float: left !important;
    }

    .BtfeatureBoxTitle h3 {
        float: none !important;
        padding-left: 0 !important;
        margin-left: 60px !important;
    }

    .BtfeatureBoxTitle p {
        float: none !important;
        margin-left: 0 !important;
        margin-top: 22px !important;
    }

    a.navbar-brand {
        padding-left: 15px !important;
    }

    .bulutWidgetTree {
        width: 170px !important;
        height: 82px !important;
        margin-top: -89px !important;
        border-radius: .5rem !important;
    }

    .svg.chart3 {
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    .font-w-size13 {
        font-size: 11px !important;
    }

    .f-size12 {
        font-size: 11px !important;
    }

    .phoneCam img {
        position: absolute;
        z-index: 1;
        margin-top: 19px !important;
        margin-left: -39px !important;
        width: 75px !important;
    }

    .centerPhone {
        width: 250px !important;
    }

    .centerDevice img {
        width: 250px !important;
    }

    .btPhoneLogo img {
        width: 110px !important;
        position: absolute;
        z-index: 1;
        margin-top: 2.8rem !important;
        margin-left: -6.5rem !important;
    }

    .btBalance {
        margin-left: -0.5rem !important;
        width: 267px !important;
        margin-top: 4.5rem !important;
    }

    .comingAndGoingBox {
        width: 230px !important;
        margin-left: 1rem !important;
    }

    .wIconTRight {
        font-size: 8px !important;
    }

    .comingAndGoing {
        width: 110px !important;
        margin-left: 0rem !important;
        margin-top: 2px !important;
    }

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

    .bannerSlogan h1 {
        font-size: 27px !important;
        text-align: center;
        margin-top: 30px !important;
        font-weight: 500;
    }

    .bannerSlogan h2 {
        font-size: 25px !important;
        text-align: center;
        font-weight: 700;
    }

    .phoneBg {
        width: 239px !important;
        margin-left: 6px !important;
        border-top-right-radius: 2rem !important;
        border-top-left-radius: 2rem !important;
        margin-top: 9px !important;
        height: 348px !important;
        border: 5px solid #000;
        border-bottom: 0;
        border-top: 0;
    }

    .totalBalance {
        padding-left: 1rem !important;
        font-size: 11px !important;
        padding-top: .7rem !important;
    }

    .totalBalanceNumber {
        padding-left: 1rem !important;
        font-size: 14px !important;
        padding-top: .5rem !important;
    }

    span.balancePlus {
        right: 4px !important;
        top: 7px !important;
        font-size: 50px !important;
    }

    .balanceQuality {
        padding-left: 1rem !important;
        font-size: 10px !important;
        padding-top: 0 !important;
    }

    .widgetIconTree {
        margin-left: 2rem !important;
        box-shadow: none !important;
        margin-top: -90px !important;
        width: 214px !important;
        min-height: auto !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        height: 106px !important;
    }

    .wIconTLeft {
        font-size: 11px !important;
    }

    .widgetOneIcon {
        width: 25px !important;
        height: 25px !important;
        padding-top: 1px !important;
    }

    .widgetIconTDate {
        padding-top: 5px !important;
        font-size: 9px !important;
    }

    .widgetIconTreeBalance h3 {
        font-size: 9px !important;
    }

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

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

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

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

    .minH900 {
        height: auto !important;
    }

    .img-fluid {
        width: 70%;
    }

    .mt120 {
        margin-top: 60px !important;
    }

    .topLogo {
        width: 190px !important;
    }

    .mL25 {
        margin-left: 10px !important;
    }

    .col-md-2.text-right.circleBtnRight {
        position: absolute !important;
    }

    .topCircleButton {
        width: 25px !important;
        height: 25px !important;
        font-size: 15px !important;
        background: none !important;
        text-align: center;
        padding: 0;
        color: white;
        border-radius: 5rem;
        box-shadow: none !important;
    }

    .col-md-2.text-right.circleBtnRight {
        position: absolute !important;
        margin-top: 20px;
        margin-left: -6rem;
    }
    .widgetIconTree {
        margin-left: 3rem !important;
    }
    .minH900 {
    min-height: 900px !important;
    }
    .topBannerInfoPage{
        max-height:450px !important;
    }
    .img.m-left20 {
        margin-left: 0 !important;
    }
}


@media only screen and (min-width: 421px) and (max-width: 576px) {
    .nav-pills {
        margin-bottom: 1rem !important;
    }
    .col-md-4.col-xs-12.w100 {
        width: 100%;
    }
    .minH900 {
        min-height: 900px !important;
    }

    .bottomBanner {
        padding-left: 0;
        padding-right: 0;
    }

    .d-none {
        display: none !important;
    }

    .deskTopNav {
        display: block;
    }

    .footerBg {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .topBanner {
        height: auto !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin: 1.5rem !important;
        padding-left: 0px !important;
    }

    .bannerSlogan p {
  
        font-size: 10px !important;
        text-align: center;
        padding-top: 20px;
        padding: 1rem;
    }

    .borderDahsed {
        float: left;
        border: .5px dashed #4c0075;
        border-radius: 1rem;
        padding: 1rem;
        height: 345px;
        width: 100% !important;
        position: relative !important;
        margin-left: 0 !important;
        margin-top: 25px !important;
    }

    .bulutWidgetOne {
        float: left;
        background: #212121;
        min-width: 170px !important;
        margin-left: 160px !important;
        border-radius: .5rem !important;
        margin-top: 3rem !important;
        background-image: url(../img/widgetGreenBg.png);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 80%;
        height: 75px !important;
        position: absolute;
    }

    .bulutWidgetFour {
        float: left;
        background: #212121;
        min-width: 170px !important;
        margin-left: 160px !important;
        border-radius: .5rem !important;
        margin-top: 1.5rem !important;
        background-repeat: no-repeat;
        background-size: 80%;
        height: 82px !important;
        position: absolute;
        min-height: 70px !important;
    }

    .svg.chart4 {
        position: relative;
        bottom: 38px !important;
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    svg.chart1 {
        position: relative;
        bottom: 2.3rem !important;
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    .borderDahsed {
        display: none !important;
    }

    .BtfeatureBox {
        min-height: 240px;
        border-radius: 1.5rem !important;
        padding: 2rem !important;
        padding-left: 2rem !important;
        margin-bottom: 35px !important;
    }

    .BtfeatureBoxTitle {
        float: none !important;
    }

    .BtfeatureCircleIcon {
        float: left !important;
    }

    .BtfeatureBoxTitle h3 {
        float: none !important;
        padding-left: 0 !important;
        margin-left: 60px !important;
    }

    .BtfeatureBoxTitle p {
        float: none !important;
        margin-left: 0 !important;
        margin-top: 22px !important;
    }

    a.navbar-brand {
        padding-left: 15px !important;
    }

    .bulutWidgetTree {
        width: 170px !important;
        height: 82px !important;
        margin-top: -89px !important;
        border-radius: .5rem !important;
    }

    .svg.chart3 {
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    .font-w-size13 {
        font-size: 11px !important;
    }

    .f-size12 {
        font-size: 11px !important;
    }

    .phoneCam img {
        position: absolute;
        z-index: 1;
        margin-top: 19px !important;
        margin-left: -39px !important;
        width: 75px !important;
    }

    .centerPhone {
        width: 250px !important;
    }

    .centerDevice img {
        width: 250px !important;
    }

    .btPhoneLogo img {
        width: 110px !important;
        position: absolute;
        z-index: 1;
        margin-top: 2.8rem !important;
        margin-left: -6.5rem !important;
    }

    .btBalance {
        margin-left: -0.5rem !important;
        width: 267px !important;
        margin-top: 4.5rem !important;
    }

    .comingAndGoingBox {
        width: 230px !important;
        margin-left: 1rem !important;
    }

    .wIconTRight {
        font-size: 8px !important;
    }

    .comingAndGoing {
        width: 110px !important;
        margin-left: 0rem !important;
        margin-top: 2px !important;
    }

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

    .bannerSlogan h1 {
        font-size: 27px !important;
        text-align: center;
        margin-top: 30px !important;
        font-weight: 500;
    }

    .bannerSlogan h2 {
        font-size: 25px !important;
        text-align: center;
        font-weight: 700;
    }

    .phoneBg {
        width: 239px !important;
        margin-left: 6px !important;
        border-top-right-radius: 2rem !important;
        border-top-left-radius: 2rem !important;
        margin-top: 9px !important;
        height: 348px !important;
        border: 5px solid #000;
        border-bottom: 0;
        border-top: 0;
    }

    .totalBalance {
        padding-left: 1rem !important;
        font-size: 11px !important;
        padding-top: .7rem !important;
    }

    .totalBalanceNumber {
        padding-left: 1rem !important;
        font-size: 14px !important;
        padding-top: .5rem !important;
    }

    span.balancePlus {
        right: 4px !important;
        top: 7px !important;
        font-size: 50px !important;
    }

    .balanceQuality {
        padding-left: 1rem !important;
        font-size: 10px !important;
        padding-top: 0 !important;
    }

    .widgetIconTree {
        margin-left: 4.6rem !important;
        box-shadow: none !important;
        margin-top: -90px !important;
        width: 214px !important;
        min-height: auto !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        height: 106px !important;
    }

    .wIconTLeft {
        font-size: 11px !important;
    }

    .widgetOneIcon {
        width: 25px !important;
        height: 25px !important;
        padding-top: 1px !important;
    }

    .widgetIconTDate {
        padding-top: 5px !important;
        font-size: 9px !important;
    }

    .widgetIconTreeBalance h3 {
        font-size: 9px !important;
    }

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

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

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

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

    .minH900 {
        height: auto !important;
    }

    .img-fluid {
        width: 70%;
    }

    .mt120 {
        margin-top: 60px !important;
    }

    .topLogo {
        width: 190px !important;
    }

    .mL25 {
        margin-left: 10px !important;
    }

    .col-md-2.text-right.circleBtnRight {
        position: absolute !important;
    }

    .topCircleButton {
        width: 25px !important;
        height: 25px !important;
        font-size: 15px !important;
        background: none !important;
        text-align: center;
        padding: 0;
        color: white;
        border-radius: 5rem;
        box-shadow: none !important;
        margin-left:20px !important;
    }

    .col-md-2.text-right.circleBtnRight {
        position: absolute !important;
        margin-top: 20px;
        margin-left: -6rem;
    }
    .topBannerInfoPage {
        max-height: 450px !important;
    }
    .img.m-left20{
        margin-left:0 !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .nav-pills {
        margin-bottom: 1rem !important;
    }
    .d-none {
        display: none !important;
    }

    .deskTopNav {
        display: block;
    }
    .col-md-4.col-xs-12.w100 {
        width: 100%;
    }
    .footerBg {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .topBanner {
        height: auto !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin: 1.5rem !important;
        padding-left: 0px !important;
    }

    .bannerSlogan p {

        font-size: 10px !important;
        text-align: center;
        padding-top: 20px;
        padding: 1rem;
    }

    .borderDahsed {
        float: left;
        border: .5px dashed #4c0075;
        border-radius: 1rem;
        padding: 1rem;
        height: 345px;
        width: 100% !important;
        position: relative !important;
        margin-left: 0 !important;
        margin-top: 25px !important;
    }

    .bulutWidgetOne {
        float: left;
        background: #212121;
        min-width: 170px !important;
        margin-left: 160px !important;
        border-radius: .5rem !important;
        margin-top: 3rem !important;
        background-image: url(../img/widgetGreenBg.png);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 80%;
        height: 75px !important;
        position: absolute;
    }

    .bulutWidgetFour {
        float: left;
        background: #212121;
        min-width: 170px !important;
        margin-left: 160px !important;
        border-radius: .5rem !important;
        margin-top: 1.5rem !important;
        background-repeat: no-repeat;
        background-size: 80%;
        height: 82px !important;
        position: absolute;
        min-height: 70px !important;
    }

    .svg.chart4 {
        position: relative;
        bottom: 38px !important;
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    svg.chart1 {
        position: relative;
        bottom: 2.3rem !important;
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    .borderDahsed {
        display: none !important;
    }

    .BtfeatureBox {
        min-height: 240px;
        border-radius: 1.5rem !important;
        padding: 2rem !important;
        padding-left: 2rem !important;
        margin-bottom: 35px !important;
    }

    .BtfeatureBoxTitle {
        float: none !important;
    }

    .BtfeatureCircleIcon {
        float: left !important;
    }

    .BtfeatureBoxTitle h3 {
        float: none !important;
        padding-left: 0 !important;
        margin-left: 60px !important;
    }

    .BtfeatureBoxTitle p {
        float: none !important;
        margin-left: 0 !important;
        margin-top: 22px !important;
    }

    a.navbar-brand {
        padding-left: 15px !important;
    }

    .bulutWidgetTree {
        width: 170px !important;
        height: 82px !important;
        margin-top: -89px !important;
        border-radius: .5rem !important;
    }

    .svg.chart3 {
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    .font-w-size13 {
        font-size: 11px !important;
    }

    .f-size12 {
        font-size: 11px !important;
    }

    .phoneCam img {
        position: absolute;
        z-index: 1;
        margin-top: 19px !important;
        margin-left: -39px !important;
        width: 75px !important;
    }

    .centerPhone {
        width: 250px !important;
    }

    .centerDevice img {
        width: 250px !important;
    }

    .btPhoneLogo img {
        width: 110px !important;
        position: absolute;
        z-index: 1;
        margin-top: 2.8rem !important;
        margin-left: -6.5rem !important;
    }

    .btBalance {
        margin-left: -0.5rem !important;
        width: 267px !important;
        margin-top: 4.5rem !important;
    }

    .comingAndGoingBox {
        width: 230px !important;
        margin-left: 1rem !important;
    }

    .wIconTRight {
        font-size: 8px !important;
    }

    .comingAndGoing {
        width: 110px !important;
        margin-left: 0rem !important;
        margin-top: 2px !important;
    }

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

    .bannerSlogan h1 {
        font-size: 27px !important;
        text-align: center;
        margin-top: 30px !important;
        font-weight: 500;
    }

    .bannerSlogan h2 {
        font-size: 25px !important;
        text-align: center;
        font-weight: 700;
    }

    .phoneBg {
        width: 239px !important;
        margin-left: 6px !important;
        border-top-right-radius: 2rem !important;
        border-top-left-radius: 2rem !important;
        margin-top: 9px !important;
        height: 348px !important;
        border: 5px solid #000;
        border-bottom: 0;
        border-top: 0;
    }

    .totalBalance {
        padding-left: 1rem !important;
        font-size: 11px !important;
        padding-top: .7rem !important;
    }

    .totalBalanceNumber {
        padding-left: 1rem !important;
        font-size: 14px !important;
        padding-top: .5rem !important;
    }

    span.balancePlus {
        right: 4px !important;
        top: 7px !important;
        font-size: 50px !important;
    }

    .balanceQuality {
        padding-left: 1rem !important;
        font-size: 10px !important;
        padding-top: 0 !important;
    }

    .widgetIconTree {
        margin-left: 4.6rem !important;
        box-shadow: none !important;
        margin-top: -90px !important;
        width: 214px !important;
        min-height: auto !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        height: 106px !important;
    }

    .wIconTLeft {
        font-size: 11px !important;
    }

    .widgetOneIcon {
        width: 25px !important;
        height: 25px !important;
        padding-top: 1px !important;
    }

    .widgetIconTDate {
        padding-top: 5px !important;
        font-size: 9px !important;
    }

    .widgetIconTreeBalance h3 {
        font-size: 9px !important;
    }

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

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

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

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

    .minH900 {
        height: auto !important;
    }

    .img-fluid {
        width: 70%;
    }

    .mt120 {
        margin-top: 60px !important;
    }
    .topBannerInfoPage {
        max-height: 450px !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .col-md-4.col-xs-12.w100 {
        width: 100%;
    }
    .d-none {
        display: none !important;
    }

    .deskTopNav {
        display: block;
    }

    .footerBg {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .topBanner {
        height: auto !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin: 1.5rem !important;
        padding-left: 0px !important;
    }

    .bannerSlogan p {

        font-size: 10px !important;
        text-align: center;
        padding-top: 20px;
        padding: 1rem;
    }

    .borderDahsed {
        float: left;
        border: .5px dashed #4c0075;
        border-radius: 1rem;
        padding: 1rem;
        height: 345px;
        width: 100% !important;
        position: relative !important;
        margin-left: 0 !important;
        margin-top: 25px !important;
    }

    .bulutWidgetOne {
        float: left;
        background: #212121;
        min-width: 170px !important;
        margin-left: 160px !important;
        border-radius: .5rem !important;
        margin-top: 3rem !important;
        background-image: url(../img/widgetGreenBg.png);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 80%;
        height: 75px !important;
        position: absolute;
    }

    .bulutWidgetFour {
        float: left;
        background: #212121;
        min-width: 170px !important;
        margin-left: 160px !important;
        border-radius: .5rem !important;
        margin-top: 1.5rem !important;
        background-repeat: no-repeat;
        background-size: 80%;
        height: 82px !important;
        position: absolute;
        min-height: 70px !important;
    }

    .svg.chart4 {
        position: relative;
        bottom: 38px !important;
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    svg.chart1 {
        position: relative;
        bottom: 2.3rem !important;
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    .borderDahsed {
        display: none !important;
    }

    .BtfeatureBox {
        min-height: 240px;
        border-radius: 1.5rem !important;
        padding: 2rem !important;
        padding-left: 2rem !important;
        margin-bottom: 35px !important;
    }

    .BtfeatureBoxTitle {
        float: none !important;
    }

    .BtfeatureCircleIcon {
        float: left !important;
    }

    .BtfeatureBoxTitle h3 {
        float: none !important;
        padding-left: 0 !important;
        margin-left: 60px !important;
    }

    .BtfeatureBoxTitle p {
        float: none !important;
        margin-left: 0 !important;
        margin-top: 22px !important;
    }

    a.navbar-brand {
        padding-left: 15px !important;
    }

    .bulutWidgetTree {
        width: 170px !important;
        height: 82px !important;
        margin-top: -89px !important;
        border-radius: .5rem !important;
    }

    .svg.chart3 {
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    .font-w-size13 {
        font-size: 11px !important;
    }

    .f-size12 {
        font-size: 11px !important;
    }

    .phoneCam img {
        position: absolute;
        z-index: 1;
        margin-top: 19px !important;
        margin-left: -39px !important;
        width: 75px !important;
    }

    .centerPhone {
        width: 250px !important;
    }

    .centerDevice img {
        width: 250px !important;
    }

    .btPhoneLogo img {
        width: 110px !important;
        position: absolute;
        z-index: 1;
        margin-top: 2.8rem !important;
        margin-left: -6.5rem !important;
    }

    .btBalance {
        margin-left: -0.5rem !important;
        width: 267px !important;
        margin-top: 4.5rem !important;
    }

    .comingAndGoingBox {
        width: 230px !important;
        margin-left: 1rem !important;
    }

    .wIconTRight {
        font-size: 8px !important;
    }

    .comingAndGoing {
        width: 110px !important;
        margin-left: 0rem !important;
        margin-top: 2px !important;
    }

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

    .bannerSlogan h1 {
        font-size: 27px !important;
        text-align: center;
        margin-top: 30px !important;
        font-weight: 500;
    }

    .bannerSlogan h2 {
        font-size: 25px !important;
        text-align: center;
        font-weight: 700;
    }

    .phoneBg {
        width: 239px !important;
        margin-left: 6px !important;
        border-top-right-radius: 2rem !important;
        border-top-left-radius: 2rem !important;
        margin-top: 9px !important;
        height: 348px !important;
        border: 5px solid #000;
        border-bottom: 0;
        border-top: 0;
    }

    .totalBalance {
        padding-left: 1rem !important;
        font-size: 11px !important;
        padding-top: .7rem !important;
    }

    .totalBalanceNumber {
        padding-left: 1rem !important;
        font-size: 14px !important;
        padding-top: .5rem !important;
    }

    span.balancePlus {
        right: 4px !important;
        top: 7px !important;
        font-size: 50px !important;
    }

    .balanceQuality {
        padding-left: 1rem !important;
        font-size: 10px !important;
        padding-top: 0 !important;
    }

    .widgetIconTree {
        margin-left: 15.3rem !important;
        box-shadow: none !important;
        margin-top: -90px !important;
        width: 214px !important;
        min-height: auto !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        height: 106px !important;
    }
    .widgetCircle.animate__bounceInUp.my-element33{
        display:none !important
    }
    .wIconTLeft {
        font-size: 11px !important;
    }

    .widgetOneIcon {
        width: 25px !important;
        height: 25px !important;
        padding-top: 1px !important;
    }

    .widgetIconTDate {
        padding-top: 5px !important;
        font-size: 9px !important;
    }

    .widgetIconTreeBalance h3 {
        font-size: 9px !important;
    }

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

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

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

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

    .minH900 {
        height: auto !important;
    }

    .img-fluid {
        width: 70%;
    }

    .mt120 {
        margin-top: 60px !important;
    }
    .topBannerInfoPage {
        max-height: 450px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .d-none {
        display: none !important;
    }
    .col-md-4.col-xs-12.w100 {
        width: 100%;
    }
    .deskTopNav {
        display: block;
    }

    .footerBg {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .topBanner {
        height: auto !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin: 1.5rem !important;
        padding-left: 0px !important;
    }

    .bannerSlogan p {
  
        font-size: 10px !important;
        text-align: center;
        padding-top: 20px;
        padding: 1rem;
    }

    .borderDahsed {
        float: left;
        border: .5px dashed #4c0075;
        border-radius: 1rem;
        padding: 1rem;
        height: 345px;
        width: 100% !important;
        position: relative !important;
        margin-left: 0 !important;
        margin-top: 25px !important;
    }

    .bulutWidgetOne {
        float: left;
        background: #212121;
        min-width: 170px !important;
        margin-left: 160px !important;
        border-radius: .5rem !important;
        margin-top: 3rem !important;
        background-image: url(../img/widgetGreenBg.png);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 80%;
        height: 75px !important;
        position: absolute;
    }

    .bulutWidgetFour {
        float: left;
        background: #212121;
        min-width: 170px !important;
        margin-left: 160px !important;
        border-radius: .5rem !important;
        margin-top: 1.5rem !important;
        background-repeat: no-repeat;
        background-size: 80%;
        height: 82px !important;
        position: absolute;
        min-height: 70px !important;
    }

    .svg.chart4 {
        position: relative;
        bottom: 38px !important;
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    svg.chart1 {
        position: relative;
        bottom: 2.3rem !important;
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    .borderDahsed {
        display: none !important;
    }

    .BtfeatureBox {
        min-height: 240px;
        border-radius: 1.5rem !important;
        padding: 2rem !important;
        padding-left: 2rem !important;
        margin-bottom: 35px !important;
    }

    .BtfeatureBoxTitle {
        float: none !important;
    }

    .BtfeatureCircleIcon {
        float: left !important;
    }

    .BtfeatureBoxTitle h3 {
        float: none !important;
        padding-left: 0 !important;
        margin-left: 60px !important;
    }

    .BtfeatureBoxTitle p {
        float: none !important;
        margin-left: 0 !important;
        margin-top: 22px !important;
    }

    a.navbar-brand {
        padding-left: 15px !important;
    }

    .bulutWidgetTree {
        width: 170px !important;
        height: 82px !important;
        margin-top: -89px !important;
        border-radius: .5rem !important;
    }

    .svg.chart3 {
        border-bottom-right-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
    }

    .font-w-size13 {
        font-size: 11px !important;
    }

    .f-size12 {
        font-size: 11px !important;
    }

    .phoneCam img {
        position: absolute;
        z-index: 1;
        margin-top: 19px !important;
        margin-left: -39px !important;
        width: 75px !important;
    }

    .centerPhone {
        width: 250px !important;
    }

    .centerDevice img {
        width: 250px !important;
    }

    .btPhoneLogo img {
        width: 110px !important;
        position: absolute;
        z-index: 1;
        margin-top: 2.8rem !important;
        margin-left: -6.5rem !important;
    }

    .btBalance {
        margin-left: -0.5rem !important;
        width: 267px !important;
        margin-top: 4.5rem !important;
    }

    .comingAndGoingBox {
        width: 230px !important;
        margin-left: 1rem !important;
    }

    .wIconTRight {
        font-size: 8px !important;
    }

    .comingAndGoing {
        width: 110px !important;
        margin-left: 0rem !important;
        margin-top: 2px !important;
    }

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

    .bannerSlogan h1 {
        font-size: 27px !important;
        text-align: center;
        margin-top: 30px !important;
        font-weight: 500;
    }

    .bannerSlogan h2 {
        font-size: 25px !important;
        text-align: center;
        font-weight: 700;
    }

    .phoneBg {
        width: 239px !important;
        margin-left: 6px !important;
        border-top-right-radius: 2rem !important;
        border-top-left-radius: 2rem !important;
        margin-top: 9px !important;
        height: 348px !important;
        border: 5px solid #000;
        border-bottom: 0;
        border-top: 0;
    }

    .totalBalance {
        padding-left: 1rem !important;
        font-size: 11px !important;
        padding-top: .7rem !important;
    }

    .totalBalanceNumber {
        padding-left: 1rem !important;
        font-size: 14px !important;
        padding-top: .5rem !important;
    }

    span.balancePlus {
        right: 4px !important;
        top: 7px !important;
        font-size: 50px !important;
    }

    .balanceQuality {
        padding-left: 1rem !important;
        font-size: 10px !important;
        padding-top: 0 !important;
    }

    .widgetIconTree {
        margin-left: 23.4rem !important;
        box-shadow: none !important;
        margin-top: -90px !important;
        width: 214px !important;
        min-height: auto !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        height: 106px !important;
    }
    .widgetCircle.animate__bounceInUp.my-element33{
        display:none !important;
    }
    .wIconTLeft {
        font-size: 11px !important;
    }

    .widgetOneIcon {
        width: 25px !important;
        height: 25px !important;
        padding-top: 1px !important;
    }

    .widgetIconTDate {
        padding-top: 5px !important;
        font-size: 9px !important;
    }

    .widgetIconTreeBalance h3 {
        font-size: 9px !important;
    }

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

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

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

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

    .minH900 {
        height: auto !important;
    }

    .img-fluid {
        width: 70%;
    }

    .mt120 {
        margin-top: 60px !important;
    }
    .topLogo {
        width: 190px !important;
    }

}

@media (min-width: 1200px) {
    .deskTopNav {
        display: none !important;
    }
        .d-none {
        display: block !important;
    }

}


/* Extra Cemre devices (1440px and up)*/
@media (min-width: 1183px) and (max-width: 1583px) {
    .topMenuBg .nav-link {
        margin-left: 0.5rem !important;
    }

    .widgetFourHead h3 {
        font-size: 14px;
        padding-top: 10px;
        text-align: left;
    }

    .widgetFourchart #chart {
        width: 150px !important;
    }

    .widgetFour {
        margin-left: 9rem !important;
    }

    .widgetTwo {
        margin-left: 16rem !important;
    }

    .widgetIconTree {
        margin-left: 53rem !important;
    }

    .widgetCircle {
        margin-right: 24rem !important;
        bottom: -2rem !important;
    }

    .widgetOne {
        margin-left: 15.5rem !important;
    }

    .centerDevice img {
        width: 414px !important;
    }

    .phoneBg {
        background: #8620E0;
        background: linear-gradient(34deg, rgb(134 32 224 / 1) 0%, rgb(51 51 51 / 68%) 32%, rgb(169 25 255) 100%);
        width: 379px !important;
        height: 548px !important;
        position: absolute;
        margin-left: 15.4rem !important;
        border-top-right-radius: 3rem;
        border-top-left-radius: 3rem;
        margin-top: 17px;
    }

    .cashFlowReport {
        margin-top: 21.8rem !important;
    }

    .btBalance {
        margin-top: 7.5rem !important;
    }

    .bannerSlogan p {
        padding-left: 18% !important;
        padding-right: 18% !important;
        padding-bottom: 19px !important;
    }
}
    /* Extra Cemre devices (1440px and up)*/
@media (min-width: 1583px) and (max-width: 1800px) {
    .topMenuBg .nav-link {
        margin-left: 1.5rem !important;
    }

    .widgetFourHead h3 {
        font-size: 14px;
        padding-top: 10px;
        text-align: left;
    }

    .widgetFourchart #chart {
        width: 150px !important;
    }

    .widgetFour {
        margin-left: 15rem !important;
    }

    .widgetTwo {
        margin-left: 24rem !important;
    }

    .widgetIconTree {
        margin-left: 59rem !important;
    }

    .widgetCircle {
        margin-right: 30rem !important;
        bottom: 4rem !important;
    }
}  


    /*11.1 ipad land*/
    @media only screen and (min-width: 960px) and (max-width: 1199px) {
    }

    /* 11.2 ipad port*/
    @media only screen and (min-width: 768px) and (max-width: 959px) {

        .d-none {
            display: none !important;
        }

        .deskTopNav {
            display: block;
        }

        .footerBg {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .topBanner {
            height: auto !important;
            margin-left: 0px !important;
            margin-right: 0px !important;
            margin: 1.5rem !important;
            padding-left: 0px !important;
        }

        .bannerSlogan p {
            font-size: 10px !important;
            text-align: center;
            padding-top: 20px;
            padding: 1rem;
        }

        .borderDahsed {
            float: left;
            border: .5px dashed #4c0075;
            border-radius: 1rem;
            padding: 1rem;
            height: 345px;
            width: 100% !important;
            position: relative !important;
            margin-left: 0 !important;
            margin-top: 25px !important;
        }

        .bulutWidgetOne {
            float: left;
            background: #212121;
            min-width: 170px !important;
            margin-left: 160px !important;
            border-radius: .5rem !important;
            margin-top: 3rem !important;
            background-image: url(../img/widgetGreenBg.png);
            background-position: top right;
            background-repeat: no-repeat;
            background-size: 80%;
            height: 75px !important;
            position: absolute;
        }

        .bulutWidgetFour {
            float: left;
            background: #212121;
            min-width: 170px !important;
            margin-left: 160px !important;
            border-radius: .5rem !important;
            margin-top: 1.5rem !important;
            background-repeat: no-repeat;
            background-size: 80%;
            height: 82px !important;
            position: absolute;
            min-height: 70px !important;
        }

        .svg.chart4 {
            position: relative;
            bottom: 38px !important;
            border-bottom-right-radius: .5rem !important;
            border-bottom-left-radius: .5rem !important;
        }

        svg.chart1 {
            position: relative;
            bottom: 2.3rem !important;
            border-bottom-right-radius: .5rem !important;
            border-bottom-left-radius: .5rem !important;
        }

        .borderDahsed {
            display: none !important;
        }

        .BtfeatureBox {
            min-height: 240px;
            border-radius: 1.5rem !important;
            padding: 2rem !important;
            padding-left: 2rem !important;
            margin-bottom: 35px !important;
        }

        .BtfeatureBoxTitle {
            float: none !important;
        }

        .BtfeatureCircleIcon {
            float: left !important;
        }

        .BtfeatureBoxTitle h3 {
            float: none !important;
            padding-left: 0 !important;
            margin-left: 60px !important;
        }

        .BtfeatureBoxTitle p {
            float: none !important;
            margin-left: 0 !important;
            margin-top: 22px !important;
        }

        a.navbar-brand {
            padding-left: 15px !important;
        }

        .bulutWidgetTree {
            width: 170px !important;
            height: 82px !important;
            margin-top: -89px !important;
            border-radius: .5rem !important;
        }

        .svg.chart3 {
            border-bottom-right-radius: .5rem !important;
            border-bottom-left-radius: .5rem !important;
        }

        .font-w-size13 {
            font-size: 11px !important;
        }

        .f-size12 {
            font-size: 11px !important;
        }

        .phoneCam img {
            position: absolute;
            z-index: 1;
            margin-top: 19px !important;
            margin-left: -39px !important;
            width: 75px !important;
        }

        .centerPhone {
            width: 250px !important;
        }

        .centerDevice img {
            width: 250px !important;
        }

        .btPhoneLogo img {
            width: 110px !important;
            position: absolute;
            z-index: 1;
            margin-top: 2.8rem !important;
            margin-left: -6.5rem !important;
        }

        .btBalance {
            margin-left: -0.5rem !important;
            width: 267px !important;
            margin-top: 4.5rem !important;
        }

        .comingAndGoingBox {
            width: 230px !important;
            margin-left: 1rem !important;
        }

        .wIconTRight {
            font-size: 8px !important;
        }

        .comingAndGoing {
            width: 110px !important;
            margin-left: 0rem !important;
            margin-top: 2px !important;
        }

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

        .bannerSlogan h1 {
            font-size: 27px !important;
            text-align: center;
            margin-top: 30px !important;
            font-weight: 500;
        }

        .bannerSlogan h2 {
            font-size: 25px !important;
            text-align: center;
            font-weight: 700;
        }

        .phoneBg {
            width: 239px !important;
            margin-left: 6px !important;
            border-top-right-radius: 2rem !important;
            border-top-left-radius: 2rem !important;
            margin-top: 9px !important;
            height: 348px !important;
            border: 5px solid #000;
            border-bottom: 0;
            border-top: 0;
        }

        .totalBalance {
            padding-left: 1rem !important;
            font-size: 11px !important;
            padding-top: .7rem !important;
        }

        .totalBalanceNumber {
            padding-left: 1rem !important;
            font-size: 14px !important;
            padding-top: .5rem !important;
        }

        span.balancePlus {
            right: 4px !important;
            top: 7px !important;
            font-size: 50px !important;
        }

        .balanceQuality {
            padding-left: 1rem !important;
            font-size: 10px !important;
            padding-top: 0 !important;
        }

        .widgetIconTree {
            margin-left: 4.6rem !important;
            box-shadow: none !important;
            margin-top: -90px !important;
            width: 214px !important;
            min-height: auto !important;
            border-bottom-left-radius: 0px !important;
            border-bottom-right-radius: 0px !important;
            height: 106px !important;
        }

        .wIconTLeft {
            font-size: 11px !important;
        }

        .widgetOneIcon {
            width: 25px !important;
            height: 25px !important;
            padding-top: 1px !important;
        }

        .widgetIconTDate {
            padding-top: 5px !important;
            font-size: 9px !important;
        }

        .widgetIconTreeBalance h3 {
            font-size: 9px !important;
        }

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

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

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

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

        .minH900 {
            height: auto !important;
        }

        .img-fluid {
            width: 70%;
        }

        .mt120 {
            margin-top: 60px !important;
        }

        .topLogo {
            width: 190px !important;
        }

        .mL25 {
            margin-left: 10px !important;
        }

        .col-md-2.text-right.circleBtnRight {
            position: absolute !important;
        }

        .topCircleButton {
            width: 25px !important;
            height: 25px !important;
            font-size: 15px !important;
            background: none !important;
            text-align: center;
            padding: 0;
            color: white;
            border-radius: 5rem;
            box-shadow: none !important;
        }


        .col-md-2.text-right.circleBtnRight {
            position: absolute !important;
            margin-top: 20px;
            margin-left: -6rem;
        }
    }

    @media (min-width: 576px) and (max-width: 767.98px) {
        .d-none {
            display: none !important;
        }

        .deskTopNav {
            display: block;
        }

        .footerBg {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .topBanner {
            height: auto !important;
            margin-left: 0px !important;
            margin-right: 0px !important;
            margin: 1.5rem !important;
            padding-left: 0px !important;
        }

        .bannerSlogan p {
            font-size: 10px !important;
            text-align: center;
            padding-top: 20px;
            padding: 1rem;
        }

        .borderDahsed {
            float: left;
            border: .5px dashed #4c0075;
            border-radius: 1rem;
            padding: 1rem;
            height: 345px;
            width: 100% !important;
            position: relative !important;
            margin-left: 0 !important;
            margin-top: 25px !important;
        }

        .bulutWidgetOne {
            float: left;
            background: #212121;
            min-width: 170px !important;
            margin-left: 160px !important;
            border-radius: .5rem !important;
            margin-top: 3rem !important;
            background-image: url(../img/widgetGreenBg.png);
            background-position: top right;
            background-repeat: no-repeat;
            background-size: 80%;
            height: 75px !important;
            position: absolute;
        }

        .bulutWidgetFour {
            float: left;
            background: #212121;
            min-width: 170px !important;
            margin-left: 160px !important;
            border-radius: .5rem !important;
            margin-top: 1.5rem !important;
            background-repeat: no-repeat;
            background-size: 80%;
            height: 82px !important;
            position: absolute;
            min-height: 70px !important;
        }

        .svg.chart4 {
            position: relative;
            bottom: 38px !important;
            border-bottom-right-radius: .5rem !important;
            border-bottom-left-radius: .5rem !important;
        }

        svg.chart1 {
            position: relative;
            bottom: 2.3rem !important;
            border-bottom-right-radius: .5rem !important;
            border-bottom-left-radius: .5rem !important;
        }

        .borderDahsed {
            display: none !important;
        }

        .BtfeatureBox {
            min-height: 240px;
            border-radius: 1.5rem !important;
            padding: 2rem !important;
            padding-left: 2rem !important;
            margin-bottom: 35px !important;
        }

        .BtfeatureBoxTitle {
            float: none !important;
        }

        .BtfeatureCircleIcon {
            float: left !important;
        }

        .BtfeatureBoxTitle h3 {
            float: none !important;
            padding-left: 0 !important;
            margin-left: 60px !important;
        }

        .BtfeatureBoxTitle p {
            float: none !important;
            margin-left: 0 !important;
            margin-top: 22px !important;
        }

        a.navbar-brand {
            padding-left: 15px !important;
        }

        .bulutWidgetTree {
            width: 170px !important;
            height: 82px !important;
            margin-top: -89px !important;
            border-radius: .5rem !important;
        }

        .svg.chart3 {
            border-bottom-right-radius: .5rem !important;
            border-bottom-left-radius: .5rem !important;
        }

        .font-w-size13 {
            font-size: 11px !important;
        }

        .f-size12 {
            font-size: 11px !important;
        }

        .phoneCam img {
            position: absolute;
            z-index: 1;
            margin-top: 19px !important;
            margin-left: -39px !important;
            width: 75px !important;
        }

        .centerPhone {
            width: 250px !important;
        }

        .centerDevice img {
            width: 250px !important;
        }

        .btPhoneLogo img {
            width: 110px !important;
            position: absolute;
            z-index: 1;
            margin-top: 2.8rem !important;
            margin-left: -6.5rem !important;
        }

        .btBalance {
            margin-left: -0.5rem !important;
            width: 267px !important;
            margin-top: 4.5rem !important;
        }

        .comingAndGoingBox {
            width: 230px !important;
            margin-left: 1rem !important;
        }

        .wIconTRight {
            font-size: 8px !important;
        }

        .comingAndGoing {
            width: 110px !important;
            margin-left: 0rem !important;
            margin-top: 2px !important;
        }

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

        .bannerSlogan h1 {
            font-size: 27px !important;
            text-align: center;
            margin-top: 30px !important;
            font-weight: 500;
        }

        .bannerSlogan h2 {
            font-size: 25px !important;
            text-align: center;
            font-weight: 700;
        }

        .phoneBg {
            width: 239px !important;
            margin-left: 6px !important;
            border-top-right-radius: 2rem !important;
            border-top-left-radius: 2rem !important;
            margin-top: 9px !important;
            height: 348px !important;
            border: 5px solid #000;
            border-bottom: 0;
            border-top: 0;
        }

        .totalBalance {
            padding-left: 1rem !important;
            font-size: 11px !important;
            padding-top: .7rem !important;
        }

        .totalBalanceNumber {
            padding-left: 1rem !important;
            font-size: 14px !important;
            padding-top: .5rem !important;
        }

        span.balancePlus {
            right: 4px !important;
            top: 7px !important;
            font-size: 50px !important;
        }

        .balanceQuality {
            padding-left: 1rem !important;
            font-size: 10px !important;
            padding-top: 0 !important;
        }

        .widgetIconTree {
            margin-left: 4.6rem !important;
            box-shadow: none !important;
            margin-top: -90px !important;
            width: 214px !important;
            min-height: auto !important;
            border-bottom-left-radius: 0px !important;
            border-bottom-right-radius: 0px !important;
            height: 106px !important;
        }

        .wIconTLeft {
            font-size: 11px !important;
        }

        .widgetOneIcon {
            width: 25px !important;
            height: 25px !important;
            padding-top: 1px !important;
        }

        .widgetIconTDate {
            padding-top: 5px !important;
            font-size: 9px !important;
        }

        .widgetIconTreeBalance h3 {
            font-size: 9px !important;
        }

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

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

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

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

        .minH900 {
            height: auto !important;
        }

        .img-fluid {
            width: 70%;
        }

        .mt120 {
            margin-top: 60px !important;
        }
    }

    @media (min-width: 768px) and (max-width: 991.98px) {

        .d-none {
            display: none !important;
        }

        .deskTopNav {
            display: block;
        }

        .footerBg {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .topBanner {
            height: auto !important;
            margin-left: 0px !important;
            margin-right: 0px !important;
            margin: 1.5rem !important;
            padding-left: 0px !important;
        }

        .bannerSlogan p {
            font-size: 10px !important;
            text-align: center;
            padding-top: 20px;
            padding: 1rem;
        }

        .borderDahsed {
            float: left;
            border: .5px dashed #4c0075;
            border-radius: 1rem;
            padding: 1rem;
            height: 345px;
            width: 100% !important;
            position: relative !important;
            margin-left: 0 !important;
            margin-top: 25px !important;
        }

        .bulutWidgetOne {
            float: left;
            background: #212121;
            min-width: 170px !important;
            margin-left: 160px !important;
            border-radius: .5rem !important;
            margin-top: 3rem !important;
            background-image: url(../img/widgetGreenBg.png);
            background-position: top right;
            background-repeat: no-repeat;
            background-size: 80%;
            height: 75px !important;
            position: absolute;
        }

        .bulutWidgetFour {
            float: left;
            background: #212121;
            min-width: 170px !important;
            margin-left: 160px !important;
            border-radius: .5rem !important;
            margin-top: 1.5rem !important;
            background-repeat: no-repeat;
            background-size: 80%;
            height: 82px !important;
            position: absolute;
            min-height: 70px !important;
        }

        .svg.chart4 {
            position: relative;
            bottom: 38px !important;
            border-bottom-right-radius: .5rem !important;
            border-bottom-left-radius: .5rem !important;
        }

        svg.chart1 {
            position: relative;
            bottom: 2.3rem !important;
            border-bottom-right-radius: .5rem !important;
            border-bottom-left-radius: .5rem !important;
        }

        .borderDahsed {
            display: none !important;
        }

        .BtfeatureBox {
            min-height: 240px;
            border-radius: 1.5rem !important;
            padding: 2rem !important;
            padding-left: 2rem !important;
            margin-bottom: 35px !important;
        }

        .BtfeatureBoxTitle {
            float: none !important;
        }

        .BtfeatureCircleIcon {
            float: left !important;
        }

        .BtfeatureBoxTitle h3 {
            float: none !important;
            padding-left: 0 !important;
            margin-left: 60px !important;
        }

        .BtfeatureBoxTitle p {
            float: none !important;
            margin-left: 0 !important;
            margin-top: 22px !important;
        }

        a.navbar-brand {
            padding-left: 15px !important;
        }

        .bulutWidgetTree {
            width: 170px !important;
            height: 82px !important;
            margin-top: -89px !important;
            border-radius: .5rem !important;
        }

        .svg.chart3 {
            border-bottom-right-radius: .5rem !important;
            border-bottom-left-radius: .5rem !important;
        }

        .font-w-size13 {
            font-size: 11px !important;
        }

        .f-size12 {
            font-size: 11px !important;
        }

        .phoneCam img {
            position: absolute;
            z-index: 1;
            margin-top: 19px !important;
            margin-left: -39px !important;
            width: 75px !important;
        }

        .centerPhone {
            width: 250px !important;
        }

        .centerDevice img {
            width: 250px !important;
        }

        .btPhoneLogo img {
            width: 110px !important;
            position: absolute;
            z-index: 1;
            margin-top: 2.8rem !important;
            margin-left: -6.5rem !important;
        }

        .btBalance {
            margin-left: -0.5rem !important;
            width: 267px !important;
            margin-top: 4.5rem !important;
        }

        .comingAndGoingBox {
            width: 230px !important;
            margin-left: 1rem !important;
        }

        .wIconTRight {
            font-size: 8px !important;
        }

        .comingAndGoing {
            width: 110px !important;
            margin-left: 0rem !important;
            margin-top: 2px !important;
        }

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

        .bannerSlogan h1 {
            font-size: 27px !important;
            text-align: center;
            margin-top: 30px !important;
            font-weight: 500;
        }

        .bannerSlogan h2 {
            font-size: 25px !important;
            text-align: center;
            font-weight: 700;
        }

        .phoneBg {
            width: 239px !important;
            margin-left: 6px !important;
            border-top-right-radius: 2rem !important;
            border-top-left-radius: 2rem !important;
            margin-top: 9px !important;
            height: 348px !important;
            border: 5px solid #000;
            border-bottom: 0;
            border-top: 0;
        }

        .totalBalance {
            padding-left: 1rem !important;
            font-size: 11px !important;
            padding-top: .7rem !important;
        }

        .totalBalanceNumber {
            padding-left: 1rem !important;
            font-size: 14px !important;
            padding-top: .5rem !important;
        }

        span.balancePlus {
            right: 4px !important;
            top: 7px !important;
            font-size: 50px !important;
        }

        .balanceQuality {
            padding-left: 1rem !important;
            font-size: 10px !important;
            padding-top: 0 !important;
        }

        .widgetIconTree {
            margin-left: 15.3rem !important;
            box-shadow: none !important;
            margin-top: -90px !important;
            width: 214px !important;
            min-height: auto !important;
            border-bottom-left-radius: 0px !important;
            border-bottom-right-radius: 0px !important;
            height: 106px !important;
        }

        .wIconTLeft {
            font-size: 11px !important;
        }

        .widgetOneIcon {
            width: 25px !important;
            height: 25px !important;
            padding-top: 1px !important;
        }

        .widgetIconTDate {
            padding-top: 5px !important;
            font-size: 9px !important;
        }

        .widgetIconTreeBalance h3 {
            font-size: 9px !important;
        }

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

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

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

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

        .minH900 {
            height: auto !important;
        }

        .img-fluid {
            width: 70%;
        }

        .mt120 {
            margin-top: 60px !important;
        }

        .col-xs-12 {
            width: 100% !important;
            min-width: 100% !important;
        }

        .w100 {
            width: 100%;
        }

        .col-md-2.text-right.circleBtnRight {
            position: absolute !important;
            margin-top: 20px;
            float: right;
            right: 0;
            margin-right: 6rem;
        }

        .widgetCircle animate__bounceInUp my-element33 {
            display: none !important;
        }
    }

    @media (min-width: 992px) and (max-width: 1199.98px) {
        .d-none {
            display: none !important;
        }

        .deskTopNav {
            display: block;
        }

        .footerBg {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .topBanner {
            height: auto !important;
            margin-left: 0px !important;
            margin-right: 0px !important;
            margin: 1.5rem !important;
            padding-left: 0px !important;
        }

        .bannerSlogan p {
            font-size: 10px !important;
            text-align: center;
            padding-top: 20px;
            padding: 1rem;
        }

        .borderDahsed {
            float: left;
            border: .5px dashed #4c0075;
            border-radius: 1rem;
            padding: 1rem;
            height: 345px;
            width: 100% !important;
            position: relative !important;
            margin-left: 0 !important;
            margin-top: 25px !important;
        }

        .bulutWidgetOne {
            float: left;
            background: #212121;
            min-width: 170px !important;
            margin-left: 160px !important;
            border-radius: .5rem !important;
            margin-top: 3rem !important;
            background-image: url(../img/widgetGreenBg.png);
            background-position: top right;
            background-repeat: no-repeat;
            background-size: 80%;
            height: 75px !important;
            position: absolute;
        }

        .bulutWidgetFour {
            float: left;
            background: #212121;
            min-width: 170px !important;
            margin-left: 160px !important;
            border-radius: .5rem !important;
            margin-top: 1.5rem !important;
            background-repeat: no-repeat;
            background-size: 80%;
            height: 82px !important;
            position: absolute;
            min-height: 70px !important;
        }

        .svg.chart4 {
            position: relative;
            bottom: 38px !important;
            border-bottom-right-radius: .5rem !important;
            border-bottom-left-radius: .5rem !important;
        }

        svg.chart1 {
            position: relative;
            bottom: 2.3rem !important;
            border-bottom-right-radius: .5rem !important;
            border-bottom-left-radius: .5rem !important;
        }

        .borderDahsed {
            display: none !important;
        }

        .BtfeatureBox {
            min-height: 240px;
            border-radius: 1.5rem !important;
            padding: 2rem !important;
            padding-left: 2rem !important;
            margin-bottom: 35px !important;
        }

        .BtfeatureBoxTitle {
            float: none !important;
        }

        .BtfeatureCircleIcon {
            float: left !important;
        }

        .BtfeatureBoxTitle h3 {
            float: none !important;
            padding-left: 0 !important;
            margin-left: 60px !important;
        }

        .BtfeatureBoxTitle p {
            float: none !important;
            margin-left: 0 !important;
            margin-top: 22px !important;
        }

        a.navbar-brand {
            padding-left: 15px !important;
        }

        .bulutWidgetTree {
            width: 170px !important;
            height: 82px !important;
            margin-top: -89px !important;
            border-radius: .5rem !important;
        }

        .svg.chart3 {
            border-bottom-right-radius: .5rem !important;
            border-bottom-left-radius: .5rem !important;
        }

        .font-w-size13 {
            font-size: 11px !important;
        }

        .f-size12 {
            font-size: 11px !important;
        }

        .phoneCam img {
            position: absolute;
            z-index: 1;
            margin-top: 19px !important;
            margin-left: -39px !important;
            width: 75px !important;
        }

        .centerPhone {
            width: 250px !important;
        }

        .centerDevice img {
            width: 250px !important;
        }

        .btPhoneLogo img {
            width: 110px !important;
            position: absolute;
            z-index: 1;
            margin-top: 2.8rem !important;
            margin-left: -6.5rem !important;
        }

        .btBalance {
            margin-left: -0.5rem !important;
            width: 267px !important;
            margin-top: 4.5rem !important;
        }

        .comingAndGoingBox {
            width: 230px !important;
            margin-left: 1rem !important;
        }

        .wIconTRight {
            font-size: 8px !important;
        }

        .comingAndGoing {
            width: 110px !important;
            margin-left: 0rem !important;
            margin-top: 2px !important;
        }

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

        .bannerSlogan h1 {
            font-size: 27px !important;
            text-align: center;
            margin-top: 30px !important;
            font-weight: 500;
        }

        .bannerSlogan h2 {
            font-size: 25px !important;
            text-align: center;
            font-weight: 700;
        }

        .phoneBg {
            width: 239px !important;
            margin-left: 6px !important;
            border-top-right-radius: 2rem !important;
            border-top-left-radius: 2rem !important;
            margin-top: 9px !important;
            height: 348px !important;
            border: 5px solid #000;
            border-bottom: 0;
            border-top: 0;
        }

        .totalBalance {
            padding-left: 1rem !important;
            font-size: 11px !important;
            padding-top: .7rem !important;
        }

        .totalBalanceNumber {
            padding-left: 1rem !important;
            font-size: 14px !important;
            padding-top: .5rem !important;
        }

        span.balancePlus {
            right: 4px !important;
            top: 7px !important;
            font-size: 50px !important;
        }

        .balanceQuality {
            padding-left: 1rem !important;
            font-size: 10px !important;
            padding-top: 0 !important;
        }

        .widgetIconTree {
            margin-left: 4.6rem !important;
            box-shadow: none !important;
            margin-top: -90px !important;
            width: 214px !important;
            min-height: auto !important;
            border-bottom-left-radius: 0px !important;
            border-bottom-right-radius: 0px !important;
            height: 106px !important;
        }

        .wIconTLeft {
            font-size: 11px !important;
        }

        .widgetOneIcon {
            width: 25px !important;
            height: 25px !important;
            padding-top: 1px !important;
        }

        .widgetIconTDate {
            padding-top: 5px !important;
            font-size: 9px !important;
        }

        .widgetIconTreeBalance h3 {
            font-size: 9px !important;
        }

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

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

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

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

        .minH900 {
            height: auto !important;
        }

        .img-fluid {
            width: 70%;
        }

        .mt120 {
            margin-top: 60px !important;
        }

        .topLogo {
            width: 190px !important;
        }
    }

    /* 11.3 iphone land*/
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    }

    /* 11.4 iphone port*/
    @media only screen and (min-width: 320px) and (max-width: 479px) {
    }

    /* 11.6 all iphone*/
    @media only screen and (min-width: 320px) and (max-width: 767px) {
    }

    @media only screen and (min-width: 320px) and (max-width: 1199px) {
    }