@media screen and (max-width:1600px) {
.lumen-svg .info-header2 {
    height: 40px !important;
}
.network-main {
    padding: 2% 3.5% 0px;
}
.main-heading {
    font-size: 48px;
    line-height: 56px;
}
.network-main h1.main-heading {
    padding-bottom: 1.5rem !important;
}
.know {
    padding-top: 4vh;
    padding-bottom: 2.5vh;
}
.lumen-integration .two-sec-div {
    padding: 2% 3% 0%;
}
.direct-main {
    padding: 2% 3.5% 0px;
}
.analytics-main {
    padding: 2% 3.5% 0px;
}
.direct-main .col-left {
    padding-top: 0%;
}
.lumen-managed-services .two-sec-div {
    padding-top: 2% !important;
}
.dot.data-centers {
    top: 6%;
    left: 41.7%;
}

.dot.lumen-sip {
    top: 2%;
    left: 62%;
}
.dot.byo-sip {
    top: 16%;
    left: 62.2%;
}
.direct-boxes.data-centers {
    top: 19%;
    left: 28%;
}
.integrations-main-img {
    width: 80%;
}
.top-sec-div h1.main-heading {
    line-height: 48px;
    font-size: 38px;
    padding-bottom: 0rem;
	}
    .top-sec-div {
        padding-top: 0px;
    }
    .end-support-circle {
        position: absolute;
        top: 19%;
        left: 56%;
    }
    .reduced-complexity-circle {
        position: absolute;
        top: 19%;
        left: 29.5%;
    }
    .reduced-complexity-doticon {
        position: absolute;
        top: 19.5%;
        left: 29.8%;
    }
    h3.reduced-complexity-title {
        position: absolute;
        top: 29%;
        left: 21%;
    }
    h3.end-support-title {
        position: absolute;
        top: 27%;
        left: 71%;
    }
    .fast-trans-circle {
        position: absolute;
        top: 74.6%;
        left: 56%;
    }
    .in-flex-circle {
        position: absolute;
        top: 74.6%;
        left: 29.5%;
    }
    .in-flex-doticon {
        position: absolute;
        top: 74%;
        left: 30%;
    }
    .network-slides {
        margin-top: -10px;
    }
}
@media screen and (max-width:1550px) {

    .direct-boxes, .assessment-box, .migration-box, .adoption-box, .support-box {
        width: 225px !important;
        padding: 10px 15px;
    }
    .lumen-svg, .lumen-home {
        background-size: 100% !important;
    }
    .dot.lumen-sip {
        top: 7.2%;
    }
}


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

    .network-main {
        padding: 3% 3.5% 0px 0px;
    }

}

@media screen and (max-width:1400px) {
    .black.buttons.network {
        left: 44%;
        top: 23%;
    }
    .black.buttons.direct {
        top: 23%;
    }
    .support-plusicon {
        position: absolute;
        top: 55%;
        left: 72%;
    }
    button.support-btn {
        position: absolute !important;
        top: 59% !important;
        left: 70% !important;
    }
    .Voice-collaboration-box, .it-agility-box, .adaptive-networking-box, .connected-security-box {
        background-color: #ffffff;
        width: 200px;
    }
    .direct-boxes {
        width: 250px !important;
        padding: 10px 15px;
    }

    .assessment-box, .migration-box, .adoption-box, .support-box {
        width: 180px !important;
        padding: 10px 15px;
    }

    .content-main .direct-boxes {
        width: 180px !important;
        left: -5% !important;
        top: 35px !important;
    }
    .normal-text p {
        font-size: 12px !important;
        line-height: 19px !important;
    }
    .botttom-sec-div .wl-main-img {
        width: 40%;
    }
    img.wl-circle-img {
        width: 80%;
    }
    .reduced-complexity-circle {
        top: 19%;
        left: 26%;
    }
    .in-flex-circle {
        top: 75%;
    left: 26%;
    }
    .end-support-circle {
        top: 19%;
    left: 58%;
    }
    .fast-trans-circle {
        top: 75%;
    left: 58%;
    }
    .why-lumen-div .botttom-sec-div {
        padding-top: 70px !important;
        
    }
    h3.reduced-complexity-title {
        top: 28%;
        left: 19%;
    }
    h3.in-flex-title {
        top: 85%;
    left: 19%;
    }
    h3.end-support-title {
        left: 74%;
    top: 27%;
    }
    h3.fast-trans-title {
        top: 84%;
    left: 74%;
    }
    .wl-plus-icon {
        width: 80%;
    }
    .reduced-complexity-doticon {
        top: 20%;
    left: 26%;
    }
    .end-support-doticon {
        top: -3%;
        left: 62%;
    }
    .in-flex-doticon {
        top: 75%;
    left: 26.5%;
    }
    .fast-trans-doticon {
        top: 0%;
        left: 63%;
    }
    h3.reduced-complexity-title, h3.in-flex-title, h3.end-support-title, h3.fast-trans-title, .Voice-collaboration-box h3, .it-agility-box h3, .adaptive-networking-box h3, .connected-security-box h3, .head-boxes, .assessment-box h3, .migration-box h3, .adoption-box h3, .support-box h3 {
        line-height: 24px !important;
        font-size: 16px !important;
    }
    .main-area-full {
        padding: 0px 6vh;
    }

    .reduced-complexity-box, .in-flex-box, .end-support-box, .fast-trans-box {
        width: 190px;
        top: 18%;
        left: 0%;
        padding: 20px 10px;
    }
    .in-flex-box {
        top: 83% !important;
        left: 0% !important;
    }
    .end-support-box {
        left: 83% !important;
    }
    .fast-trans-box {
        left: 83% !important;
    }

    


    /****Direct Routing Page ****/
    .direct-main {
        padding: 2% 0% 0px
    }
    .main-heading, .network-main h1.main-heading {
        font-size: 38px;
        line-height: 43px;
        padding-bottom: 1.7rem;
    }
    .direct-boxes.lumen-sip {
        top: -19%;
        left: 66%;
    }
    .direct-boxes.data-centers {
        top: -19%;
    }
    .direct-boxes.byo-sip {
        left: 51%;
        top: 35%;
    }

    .p-text p, .network-main .p-text p{
        padding-bottom: 1.25rem !important;
    }
    .p-text p, .blue-scroll ul li, .ms-text ul li {
        font-size: 13px;
        line-height: 20px;
    }
    a.know-more {
        font-size: 15px;
    }
    .know {
        padding-top: 1vh;
    }
    .direct-boxes.data-centers {
        top: -22%;
    }
    .direct-boxes.lumen-sip {
        top: -22%;
        left: 50%;
    }
    .dot.data-centers {
        top: 12%;
        left: 41.9%;
    }

    .net-img {
        width: 80px !important;
    }
    .click-img img {
        width: 80% !important;
    }
    .lumen-svg h1 {
        font-size: 42px !important;
        line-height: 49px !important;
        padding-bottom: 2px !important;
    }
    .lumen-svg p {
        font-size: 16.5px !important;
        line-height: 26px !important;
    }
    .lumen-svg .info-header {
        padding: 0px 6vh !important;
    }
	.blue-scroll li::marker {
		font-size: 15px
	}
    .black.buttons {
        padding: 0px 0px 0px 20px !important;
    }
    .black.buttons h4 {
        font-size: 16px;
        line-height: 40px;
        padding-right: 20px;
    }
    .black.buttons  img {
        width: 40px !important;
    }
    img#info-logo {
        width: 155px;
    }
    img.header-icon {
        width: 20px;
    }
    .header-vertical-line {
        height: 45px !important;
}
.header-icon {
    padding: 15px 0px;
}
.lumen-svg .info-header {
    height: 60px !important;
}
}

@media screen and (max-width:1366px) {
    img.back-blue.minimize {
        top: 5.8% !important;
     }
    
button.it-agility-btn{
    top: 31% !important;
    left: 61% !important;
}
button.Voice-collaboration-btn {
top: 31% !important;
left: 0%;
}
 button.connected-security-btn {
    top: 61% !important;
    left: 62% !important;
}
button.adaptive-networking-btn {
    top: 61% !important;
    left: 0% !important;
}
    .pulse-ico.na {
        top: 14.5%;
    }
    .nt-btn.na {
        top: 20%;
        left: 4.5%;
    }
    button.Voice-collaboration-btn a, button.it-agility-btn a, button.adaptive-networking-btn a , button.connected-security-btn  a, .nt-btn a, button.assessment-btn a, button.migration-btn a, button.adoption-btn a, button.support-btn a{
        line-height: 32px !important;
         font-size: 13px !important;
    
        }
        .blue-scroll {
            padding-right: 10px;
            /* padding-bottom: 20px; */
            margin-bottom: 20px;
        }
    .plus-icon, .pulse-ico .plus-icon {
        width: 68px !important;
    }
    .circle-button.aa .act-layer, .circle-button.aa .blue-layer {
        transform: translatex(43%);
    }
    .circle-button.sa .act-layer, .circle-button.sa .blue-layer {
        transform: translatex(9%) !important;
    }

    .reduced-complexity-box, .in-flex-box, .end-support-box, .fast-trans-box {
        left: 0%;
        top: 23% !important;
        
    }
    .in-flex-box {
        left: 0% !important;
        top: 83% !important;
    }
    .end-support-box {
        right: 0 !important;
        top: 23% !important;
    }
    .fast-trans-box {
        right: 0 !important;
        top: 75% !important;
    }
    .botttom-sec-div .wl-main-img {
        width: 28%;
    }
    img.wl-circle-img {
        width: 58%;
    }
    .top-sec-div {
        padding-bottom: 30px;
    }
    .fast-trans-circle {
        top: 75%;
    left: 53%;
    }
    .end-support-circle {
        top: 24.3%;
    left: 53%;
    }
    .reduced-complexity-circle {
        top: 24.3%;
        left: 30.5%;
    }
    .in-flex-circle {
        top: 75%;
    left: 30.5%;
    }
    .end-support-doticon {
        top: -3%;
        left: 60%;
    }
    .reduced-complexity-doticon {
        top: 23%;
    left: 32.2%;
    }

    .in-flex-doticon {
        top: 73%;
        left: 32.5%;
    }
    .fast-trans-doticon {
        top: -3%;
        left: 61%;
    }

    /* .direct-main .col-left {
        padding-top: 50px;
    } */
    .direct-boxes.data-centers {
        top: 19.5%;
    }
    .direct-boxes.lumen-sip {
        top: -5.5%;
    left: 68%;
    }
  
    .dot.data-centers {
        top: 5%;
    left: 40.9%;
    }
    .dot.lumen-sip {
        top: 1%;
        left: 62%;
    }
    .dot.byo-sip {
        top: 15.3%;
        left: 62%;
    }
  
    .integrations-main-img {
       width: 75%;       
       padding: 0 5% 0 0%;
    }

    .connected-security-box {
        top: 47.2% !important;
    }

    .adaptive-networking-box {
        top: 47.2% !important;
    }

    .Voice-collaboration-plusicon {
        top: 28%;
        left: 7%;
    }

    .it-agility-plusicon {
        top: 28%;
        left: 70%;;
    }


    .connected-security-plusicon {
        top: 58%;
        left: 70%;
    }

    .adaptive-networking-plusicon {
        top: 58%;
        left: 7%;
    }

    /*-----------------------------Managed-services------------------------------------*/



    .assessment-box {
        top: 59.5%;
    }


     /*------------------------------------Network---------------------------------------*/
    
    .pulse-ico.apac {
        top: 21.4%;
        left: 75.4%;
    }

    .pulse-ico.latam {
        top: 52%;
        left: 19%;
    }

    /* .network-slides {
        margin-top: -20px;
    } */

    h3.in-flex-title {
        top: 83%;
        left: 20%;
    }
    h3.fast-trans-title {
        top: 81%;
        left: 72%;
    }
    .network-slides {
        margin-top: -20px;
    }
}


@media screen and (max-width:1320px) {
    .content-main .direct-boxes {
        width: 165px !important;
        left: -8% !important;
        top: 35px !important;
    }
    .analytics-main .direct-boxes p, .direct-boxes p, .Voice-collaboration-box p, .it-agility-box p, .adaptive-networking-box p, .connected-security-box p, .box-p, .assessment-box p, .migration-box p, .adoption-box p, .support-box p, .reduced-complexity-box p, .in-flex-box p, .end-support-box p, .fast-trans-box p{
        font-size: 12px !important;
        line-height: 17px !important;
    }
}

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

    .Voice-collaboration-box h3, .it-agility-box h3, .adaptive-networking-box h3, .connected-security-box h3, .head-boxes , .assessment-box h3, .migration-box h3, .adoption-box h3, .support-box h3{
        padding-bottom: 10px;
    }
    .direct-boxes.byo-sip {
        left: 45%;
        top: 37%;
    }

    .head-boxes {
        line-height: 20px;
        font-size: 19px;
        padding-bottom: 10px;
    }
    .act-layer, .blue-layer {
        transform: translatex(16%) !important;

    }
   
}

@media screen and (max-width:1250px) {
    .ms-plus-icon {
        width: 60%;
    }
    .assessment-box, .migration-box, .adoption-box, .support-box {
        width: 160px !important;
        padding: 10px 15px;
    }
    .content-main .direct-boxes {
        left: -10% !important;
        top: 35px !important;
    }
    .analytics-main .direct-boxes p, .direct-boxes p, .Voice-collaboration-box p, .it-agility-box p, .adaptive-networking-box p, .connected-security-box p, .box-p, .assessment-box p, .migration-box p, .adoption-box p, .support-box p, .reduced-complexity-box p, .in-flex-box p, .end-support-box p, .fast-trans-box p {
        font-size: 11px !important;
        line-height: 16px !important;
    }
    .normal-text p {
        font-size: 11px !important;
        line-height: 17px !important;
    }


}

@media screen and (max-width:1200px) {
    .direct-boxes.lumen-sip {
        top: -8.5%;
    }
    .direct-boxes.data-centers {
        top: -11.5%;
    }
    .black.buttons.network {
        left: 43%;
        top: 22% !important;
    }
    .black.buttons.direct {
        top: 22% !important;
    }
    h3.fast-trans-title {
        top: unset;
        left: 60%;
        bottom: -12.5%;
        text-align: left;
    }

    .pulse-ico.latam {
        top: 46%;
        left: 19%;
    }
    .nt-btn.latam {
        top: 50%;
        left: 18%;
    }
    .pulse-ico.na {
        top: 12.5%;
    }
    .nt-btn.na {
        top: 17%;
        left: 4.5%;
    }
    .pulse-ico.emea {
        top: 12%;
        left: 41%;
    }
    .pulse-ico.emea {
        top: 14%;
        left: 41%;
    }
    .pulse-ico.apac {
        top: 20.4%;
        left: 75.4%;
    }
    .nt-btn.apac {
        top: 25%;
        left: 74.8%;
    }
    .mini-map.na {
        top: 6%;
        left: 5%;
    }
    .mini-map.latam {
        top: 45%;
        left: 5%;
    }
    .mini-map.emea {
        top: 0%;
        left: 5%;
    }
    .mini-map.apac {
        top: 15%;
        left: 5%;
    }
    button.Voice-collaboration-btn a, button.it-agility-btn a, button.adaptive-networking-btn a , button.connected-security-btn  a, .nt-btn a, button.assessment-btn a, button.migration-btn a, button.adoption-btn a, button.support-btn a{
        line-height: 35px !important;
         font-size: 12px !important;
    
        }
        .Voice-collaboration-box, .it-agility-box, .adaptive-networking-box, .connected-security-box {
            width: 180px;
        }
    .direct-boxes.byo-sip {
        top: 35% !important;
    }
    .content-main .direct-boxes {
        width: 155px !important;
        left: -11% !important;
    }
    .p-text p, .network-main .p-text p {
        padding-bottom: 0.7rem !important;
    }
    img.home-icon {
        padding: 18px 20px !important;
    }
    .botttom-sec-div .wl-main-img {
        width: 40%;
    }

    img.wl-circle-img {
        width: 75%;
    }

    .end-support-box {
        left: 77% !important;
        top: 26% !important;
    }
    .fast-trans-box {
        left: 77% !important;
        top: 76% !important;
    }
    .reduced-complexity-box, .in-flex-box, .end-support-box, .fast-trans-box {
        left: 0%;
        top: 23% ;
    }

    .in-flex-box {
        left: 0% !important;
        top: 83% !important;
    }
    .reduced-complexity-circle {
        top: 23.3%;
    left: 23.5%;
    }
    .in-flex-circle {
        top: 73%;
    left: 23.5%;
    }
    .end-support-circle {
        top: 21.3%;
        left: 57%;
    }
    h3.reduced-complexity-title {
        top: 12.4%;
        left: 28%;
         text-align:left;
    }

    h3.in-flex-title {
        top: unset;
        left: 27.5%;
        bottom: -12.5%;
         text-align:left;
    }
    .reduced-complexity-doticon {
        top: 23%;
    left: 24.5%;
    }

    .in-flex-doticon {
        top: 73%;
    left: 24.2%;
    }
    h3.end-support-title {
        left: 64%;
        top: 10.5%;
         text-align:left;
    }
    h3.in-flex-title {
        bottom: -13%;
        left: 29.5%;
    }
    .fast-trans-circle {
        top: 73%;
        left: 57%;
    }

    h3.fast-trans-title {
        bottom: -13%;
        left: 65%;

    }
    /****Direct Routing Page ****/
    .direct-main {
        padding:2% 0% 0px
    }
    .head-boxes {
        line-height: 20px;
        font-size: 16px;
        padding-bottom: 8px;
    }
    .box-p {
        font-size: 12px;
        line-height: 18px;
    }
    .main-heading, .network-main h1.main-heading {
        font-size: 36px;
        line-height: 44px;
        padding-bottom: 1.2rem;
    }
    .p-text p , .network-main .p-text p {
        padding-bottom: 1rem;
    }
    .p-text p, .blue-scroll ul li, .ms-text ul li {
        font-size: 14px;
        line-height: 23px;
    }
    a.know-more {
        font-family: "Gotham Pro";
        font-size: 16px;
    }
    .know {
        padding-top: 1vh;
    }
    .direct-main .col-left {
        width: 66% !important;
        margin-right: 1%;
        /* display: flex; */
    }
    .direct-main .col-right {
        width: 34% !important;
    }
    .direct-boxes {
        width: 210px;
    
    }
    .data-centers img, .lumen-sip img, .byo-sip img {
        width: 45% !important;
    }
    .direct-main .col-left {
        padding-top: 50px;
     }
     .dot.data-centers {
        top: 15%;
        left: 41.9%;
    }
    .dot.lumen-sip {
        top: 12.3%;
        left: 63%;
    }
    .dot.byo-sip {
        top: 22.5%;
        left: 62.7%;
    }
    .click-img {
        top: 31% !important;
        left: 26% !important;
    }
    
	.blue-scroll ul {
		padding-left: 15px !important
	}
	.blue-scroll li::marker {
		font-size: 13px
	}
    .lumen-svg h1 {
        font-size: 38px !important;
        line-height: 44px !important;
    }
    .lumen-svg p {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    .top-sec-div {
        padding-bottom: 50px;
    }
}
@media screen and (max-width:1195px) {
 

    img#info-logo {
        padding-top: 20px;
    }

}


@media screen and (max-width:1099px) {
    .assessment-box, .migration-box, .adoption-box, .support-box {
        width: 135px !important;
        padding: 10px 15px;
    }
    button.Voice-collaboration-btn a, button.it-agility-btn a, button.adaptive-networking-btn a , button.connected-security-btn  a, .nt-btn a, button.assessment-btn a, button.migration-btn a, button.adoption-btn a, button.support-btn a{
        line-height: 35px !important;
         font-size: 11px !important;
    
        }
        h3.reduced-complexity-title, h3.in-flex-title, h3.end-support-title, h3.fast-trans-title, .Voice-collaboration-box h3, .it-agility-box h3, .adaptive-networking-box h3, .connected-security-box h3, .head-boxes, .assessment-box h3, .migration-box h3, .adoption-box h3, .support-box h3 {
            line-height: 18px !important;
            font-size: 16px !important;
        }
    .content-main .direct-boxes {
        top: 20px !important;
    }
    .analytics-main .direct-boxes p, .direct-boxes p, .Voice-collaboration-box p, .it-agility-box p, .adaptive-networking-box p, .connected-security-box p, .box-p, .assessment-box p, .migration-box p, .adoption-box p, .support-box p, .reduced-complexity-box p, .in-flex-box p, .end-support-box p, .fast-trans-box p {
        font-size: 11px !important;
        line-height: 14px !important;
    }
    .normal-text p {
        font-size: 10px !important;
        line-height: 17px !important;
    }
    .analytics-main .direct-boxes {
        padding: 10px 10px;
    }
    h3.in-flex-title {

        bottom: -13%;
    
    }

    h3.fast-trans-title {
        bottom: -13%;

    }

    /*** direct routing page css ****/
    .main-heading, .network-main h1.main-heading {
        font-size: 30px;
        line-height: 38px;
        padding-bottom: 1rem;
    }
    .p-text p, .blue-scroll ul li, .ms-text ul li {
        font-size: 13px;
        line-height: 20px;
    }
    .dot.data-centers {
        top: 15.8%;
        left: 41%;
    }
    .dot.lumen-sip {
        top: 12.5%;
        left: 62%;
    }
    .dot.byo-sip {
        top: 24.5%;
        left: 61.7%;
    }
    .lumen-svg h1 {
        font-size: 35px !important;
        line-height: 42px !important;
    }
    .lumen-svg p {
        font-size: 13.8px !important;
        line-height: 23px !important;
    }
.black.buttons h4 {
    font-size: 14px !important;
    line-height: 38px !important;
}
.click-img {
    left: 23% !important;
}

img#info-logo {
    padding-top: 10px;
}
img.blue-sa {
    width: 100%;
}
.data-centers img, .lumen-sip img, .byo-sip img {
    width: 55% !important;
}
}
@media screen and (max-width:1050px) {

     /*-----------------------------Managed-services------------------------------------*/

     .support-plusicon {
        top: 54%;
    }

    button.support-btn {
        top: 56.7% !important;
    }  

}
@media screen and (max-width:1024px) {

    /* .why-lumen-div, .direct-main,  .lumen-main-all,.main-area-full, .main-area-full,.lumen-integration {
        width: 1024px !important;
    } */

     /*** direct routing page css ****/

	.text-sp {
		margin-top: 0px !important;
	}
	.blue-scroll li::marker {
		font-size: 12px
	}

   .lumen-home, .lumen-svg {
   height: 720px !important;
}
/* .main-area-full {

    width: calc(1024px - 8vh) !important;
        
    padding: 0px 4vh;
 
    } */
 .lumen-svg .info-header-rgtsctn {
    padding-right: 4vh !important;
}
.lumen-svg .info-header-lftsctn {
    padding-left: 4vh !important;
    }
    .network-main {
 padding: 2% 0% 0px 0px;
  }
  .info-header-rgtsctn {

    padding-right: 0vh !important;
  
    }

}

@media screen and (max-width:1023px) { 
  
    .lumen-home, .lumen-svg {
        height: 700px!important;
     }  
}

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

   .lumen-home, .lumen-svg {
   height: 82vh !important;
}
 .network-main .row, .direct-main .row, .analytics-main .row {
    flex-wrap: wrap !important;
}
 .col-left,  .left-sec-div{
    width: 100% !important;
    margin-right: 0%;
}
.col-right ,  .right-sec-div {
    width: 100% !important;
    margin-left: 0%;
}
.analytics-main .col-right {
    padding-top: 10% !important;
} 
}

@media only screen and (max-width: 768px) and (min-width: 760px) {
.lumen-home, .lumen-svg {
    height: 60vh !important;
}
} */

@media screen and (max-width:1000px) {
.network-main .row, .direct-main .row, .analytics-main .row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.network-main .col-left {
    width: 100%;
    margin-right: 0;
    position: relative;
}
.main-area-full {
    width: unset !important;
    padding: unset !important;
}
.network-main .col-right {
    width: 100%;
    margin-left: 0%;
    padding-top: 6%;
}

.network-slides img {
    width: 100% !important;
}
.network-main{
    padding-left:40px;
    padding-right: 40px;
    padding-bottom: 40px;
}
.pulse-ico.na {
    top: 16.5%;
    left: 9.8%;
}
.pulse-ico.emea {
    top: 17%;
    left: 42%;
}
.pulse-ico.apac {
    top: 25.2%;
    left: 77.7%;
}
.pulse-ico.latam {
    top: 57%;
    left: 21%;
}
.nt-btn.na {
    top: 21%;
}
.nt-btn.emea {
    top: 21.5%;
}
.nt-btn.apac {
    top: 29.5%;
    left: 76.8%;
}
.nt-btn.latam {
    top: 61.5%;
    left: 20%;
}
img.back-blue.maximize {
    top: 9%;
}
.mini-map.apac {
    top: 3%;
    left: 5%;
}
.mini-map.latam {
    top: 2%;
    left: 5%;
}
img.home-icon-main {
    padding-left: 25%;
}
img.back-blue.minimize {
    top: 7.5% !important;
}

/*** integration slide****/
.lumen-integration .two-sec-div .left-sec-div {
    width: 100%;
    float: left;
}

.integrations-main-img {
    width: 100%;
    padding: 0 0% 0 0%;
}
.lumen-integration .two-sec-div {
    padding: 2% 0% 0%;
}
.lumen-integration .two-sec-div .right-sec-div {
    width: 100%;
    float: left;
    margin-top: 70px;
}
/**** direct Routing Responsive ***/
.direct-main .col-left {
    width: 100% !important;
    margin-right: 0%;
}
.direct-main .col-right {
    width: 100% !important;
    margin-top: 30px;
}
.direct-main {
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-bottom: 40px !important;
}
.direct-main .col-left {
    padding-top: 0px;
}
.dot.data-centers {
    top: 7.5%;
    left: 42%;
}
.dot.lumen-sip {
    top: 3.3%;
    left: 63%;
}
.dot.byo-sip {
    top: 17.5%;
    left: 62.7%;
}
.main-heading, .network-main h1.main-heading {
    font-size: 30px;
    line-height: 38px;
    padding-bottom: 3rem;
}
.lumen-managed-services .two-sec-div .left-sec-div {
    width: 100%;
}
.ms-main-img {
    width: 100%;
    padding: 0 0%;
}
.lumen-managed-services .two-sec-div .right-sec-div {
    width: 100%;
    float: left;
    margin-top: 75px;
}
.lumen-managed-services {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
}
.lumen-managed-services .two-sec-div {
    padding-top: 10px !important;
}
.lumen-managed-services .main-heading br {
    display: none;
}
.main-heading, .network-main h1.main-heading {
    padding-bottom: 2rem;
}
.analytics-main .col-left {
    width: 100%;
    margin-right: 0%;
}
.analytics-main .col-right {
    width: 100%;
    margin-left: 0%;
    padding-top: 16%;
}
.content-main .direct-boxes {
    left: 3% !important;
}
.content-main hr {
    left: 0%;
}
.analytics-main {
    padding: 2% 40px 40px;
}
.content-box {
    text-align: center;
}
.main-heading, .network-main h1.main-heading {
    font-size: 30px;
    line-height: 38px;
    padding-bottom: 2rem;
}

.p-text p, .blue-scroll ul li, .ms-text ul li {
    font-size: 16px;
    line-height: 26px;
}
.know {
    padding-top: 4vh;
}
a.know-more {
    font-size: 16px;
}
.nt-btn.emea {
    top: 20.5%;
}
.nt-btn.latam {
    top: 60.5%;
}
.nt-btn.na {
    top: 20%;
}
.lumen-integration {
    padding: 0px 40px 40px 40px !important;
}
.circle-button.mon {
    left: 86%;
}
.circle-button.gov {
    left: 70%;
}
.circle-button.sa {
    left: 56%;
}
.circle-button.aa {
    left: 37%;
}
.circle-button.ue {
    left: 20%;
}
.circle-button.ir {
    left: 5%;
}
.why-lumen-div {
    padding: 0px 40px 40px 40px;
}
/***Why Lumen ***/
.botttom-sec-div .wl-main-img {
    width: 50%;
}
.reduced-complexity-circle {
    top: 23.3%;
    left: 18.5%;
}
.end-support-circle {
    top: 22%;
    left: 56%;
}
.in-flex-circle {
    top: 80%;
    left: 18.5%;
}
.fast-trans-circle {
    top: 79.7%;
    left: 58%;
}
h3.reduced-complexity-title {
    top: 14.4%;
    left: 24.5%;
    text-align: center;
}
.reduced-complexity-doticon {
    top: 22%;
    left: 20.7%;
}
h3.end-support-title {
    left: 63%;
    top: 13%;
    text-align: center;
}
.end-support-doticon {
    top: -7%;
    left: 61%;
}
h3.in-flex-title {
    top: unset;
    left: 24.5%;
    bottom: -83px !important;
    text-align: center;
}
.in-flex-doticon {
    top: 81%;
    left: 18.7%;
}
h3.fast-trans-title {
    top: unset !important;
    left: 64%;
    bottom: -83px !important;
    text-align: center;
}
.reduced-complexity-box {
    left: 6%;
    top: 46% !important
}
.end-support-box {
    left: 67% !important;
    top: 44% !important;
}
.in-flex-box {
    left: 6% !important;
    top: 66% !important;
}
.fast-trans-box {
    left: 66% !important;
    top: 58% !important;
}
.fs-out {
    position: relative;
}
.direct-boxes {
    width: 180px !important;
    padding: 10px 15px;
}
.direct-boxes.lumen-sip {
    top: -8.5%;
    left: 67%;
}
.direct-boxes.data-centers {
    top: -9.5%;
    left: 12%;
}
}
/**** display message home page ****/
.turn-msg-box {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    text-align: center;    
    background: #2374BB; 
    margin: 0 0px;
    color: #ffffff;
    padding: 12px 20px;
   
}

.turn-msg-box span {
    position: absolute;
    right: 15px;
    top:18px;
}

.turn-msg-box .cross-btn {
    width: 12px;
    height: 12px;
    margin-left: 7px;
}

.Mobile-rotation-icon {
    width: 29px;
    height: 26px;
    margin-right: 5px;
}



.turn-msg-box .cross-btn {
    width: 12px;
    height: 12px;
    margin-left: 7px;
}

.Mobile-rotation-icon {
    width: 29px;
    height: 26px;
    margin-right: 5px;
}
@media screen and (max-width:900px) {
h3.fast-trans-title {
    top: unset !important;
    left: 64%;
    bottom: -100px !important;
    text-align: center;
}
h3.in-flex-title {
    top: unset;
    left: 24.5%;
    bottom: -100px !important;
    text-align: center;
}
/*** home page css***/

.lumen-svg .info-header2 {
    height: 20px !important;
}

/* .net-img {
    margin-top: -95px;
} */

.click-img {
    display: none;
}

.lumen-svg h1 {
    font-size: 45px !important;
    line-height: 52px !important;
}

.black.buttons.analytics {
    left: 75%;
}

.lumen-svg h1 {
    font-size: 36px !important;
    line-height: 42px !important;
    margin-top: 10px;
}

.black.buttons h4 {
    font-size: 12px !important;
}

.black.buttons.managed {
    left: 35.5%;
    top: 45%;
}

.black.buttons.integrations {
    left: 8.15%;
}

.black.buttons.network {
    left: 40%;
    top: 27% !important;
}

.black.buttons.analytics {
    left: 70%;
    top: 67.7%;
}

.black.buttons.direct {
    left: 67.8%;
    top: 28% !important;
}
}


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


    .net-img {
        display:none !important;
    }

    .lumen-home, .lumen-svg {
        height:550px !important;
        background-position: 0 120px !important;
    }

    .net-img {
        margin-top: 18px;
    }

    .black.buttons.integrations {
        left: 10%;
        top: 65%;
    }

    .black.buttons.managed {
        top: 51%;
    }

    .black.buttons.analytics {
        left: 72%;
        top: 80%;
    }

    .black.buttons.why-lumen {
        left: 65%;
        top: 60.5%;
    }

    .black.buttons.direct {
        left: 63.8%;
        top: 35% !important;
    }
}

@media screen and (max-width:812px) {
    .net-img {
        margin-top: 45px;
    }
}

@media screen and (max-width:768px) {
 /***home page css ***/
    .net-img {
        display:none !important;
    }

    .lumen-home, .lumen-svg {
        height:550px !important;
        background-position: 0 120px !important;
    }

    .net-img {
        margin-top: 18px;
    }

    .black.buttons.integrations {
        left: 10%;
        top: 65%;
    }

    .black.buttons.managed {
        top: 51%;
    }

    .black.buttons.analytics {
        left: 72%;
        top: 80%;
    }

    .black.buttons.why-lumen {
        left: 65%;
        top: 60.5%;
    }

    .black.buttons.direct {
        left: 63.8%;
        top: 35% !important;
    }
}

@media screen and (max-width:767px) {
   
    .plus-icon, .pulse-ico .plus-icon {
        width: 57px !important;
    }
    .pulse-ico.na {
        top: 16.5%;
        left: 9.1%;
    }
    .pulse-ico.emea {
        top: 16%;
        left: 41.5%;
    }
    .nt-btn a {
        padding: 8px 15px;
    }
    button.Voice-collaboration-btn a, button.it-agility-btn a, button.adaptive-networking-btn a, button.connected-security-btn a, .nt-btn a, button.assessment-btn a, button.migration-btn a, button.adoption-btn a, button.support-btn a {
        line-height: 33px !important;
        font-size: 9px !important;
    }
    .network-main{
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
    }
    .mapicon-box img.back-blue {
        padding: 10px 8px !important;
    }
    .main-area-full.direct-routing-pg .direct-main {
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-bottom: 40px !important;
    }
    .direct-boxes {
        width: 170px !important;
        padding: 10px 15px;
    }
    .direct-boxes.data-centers {
        left: 11%;
        top: 22.5%;
    }
    .direct-boxes.lumen-sip {
        left: 49%;
        top: 26.5%;
    }
    
    .direct-boxes.byo-sip {
    left: 40%;
     }
    .lumen-managed-services {
     padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
     }
    .assessment-box, .migration-box, .adoption-box, .support-box {
            width: 120px !important;
    }
    .support-box {
    left: 60%;
    }
    .adoption-box {
    left: 59%;
    }
    .lumen-integration {
        padding: 0px 30px 30px 30px !important;
    }
    .Voice-collaboration-box, .it-agility-box, .adaptive-networking-box, .connected-security-box {
        width: 160px;
    }
    .it-agility-box {
        left: 54%;
    }
    .connected-security-box {
        left: 52%;
    }
    .circle-button.ir {
        left: 2%;
    }
    .circle-button.aa {
        left: 32%;
    }
    .circle-button.ue {
        left: 17%;
    }
    .circle-button.sa {
        left: 52%;
    }
    .circle-button.gov {
        left: 66%;
    }
    .circle-button.mon {
        left: 83%;
    }
    .analytics-main {
        padding: 2% 30px 40px;
    }
    /****Why Lumen ****/

    .botttom-sec-div .wl-main-img {
        width: 60%;
    }
    .reduced-complexity-circle {
        top: 30.3%;
        left: 13.5%;
    }
    .end-support-circle {
        top: 30.3%;
        left: 56%;
    }
    .in-flex-circle {
        top: 79%;
        left: 16.5%;
    }
    .fast-trans-circle {
        top: 78.7%;
        left: 56%;
    }
    h3.reduced-complexity-title {
        left: 21.5%;
    top: 23%;
    }
    h3.end-support-title {
        left: 65%;
        top: 23%;
        }
    h3.in-flex-title {
        left: 24.5%;
    bottom: -70px !important;
        text-align: center;
    }
    h3.fast-trans-title {
        left: 62%;
        bottom: -70px !important;
    text-align: center;
        }
        
    .reduced-complexity-doticon {
        top: 31%;
    left: 14.9%;
    }
    .in-flex-doticon {
        top: 81%;
        left: 16.7%;
    }
    .fast-trans-doticon {
        top: 2%;
    left: 64%;
    }
    .fast-trans-box {
        left: 62% !important;
        top: unset !important;
        bottom: -39%;
    }
    
    .why-lumen-div .botttom-sec-div {
        padding-top: 18% !important;
    }
    .reduced-complexity-box, .in-flex-box, .end-support-box, .fast-trans-box {
        width: 220px;
    }
    .end-support-box {
        left: 59% !important;
        top: 5% !important;
        z-index: 2;
    }
    .fast-trans-box {
        left: 62% !important;
        top: unset !important;
        bottom: -29% !important;
        z-index: 2;
    }
    .reduced-complexity-box {
        left: 12%;
        top: 3% !important;
        z-index: 2;
    }
    .in-flex-box {
        left: 13% !important;
        top: unset !important;
        bottom: -23% !important;
        z-index: 2;
    }
    img.wl-circle-img {
        width: 70%;
    }
    .why-lumen-div {
        padding: 0px 30px 40px 30px;
    }
    .data-centers img, .lumen-sip img, .byo-sip img {
        width: 45% !important;
    }
   
}
/***home page css ***/
@media screen and (max-width:700px) {
    .lumen-svg h1 {
        font-size: 30px !important;
        line-height: 38px !important;
    }
}

@media screen and (max-width:640px) {
/***home page css ***/
.lumen-home, .lumen-svg {
    height:470px !important;
    background-position: 0 120px !important;
}

.lumen-svg, .lumen-home {
    background-position: 0 360px;
}

.black.buttons h4 {
    font-size: 10px !important;
    padding-right: 10px;
}

.click-img {
    left: 12% !important;
}

.head-area {
    padding-bottom: 20px;
}

.head-area p, .head-area h1  {
    padding-left: 20px;
    padding-right: 20px;
}

.black.buttons.network {
    left: 32%;
    top: 35% !important;
    z-index: 9;
}

.black.buttons.direct {
    left: 63%;
    top: 48% !important;
}

.black.buttons.why-lumen {
    position: absolute;
    left: 65%;
    top: 64.5%;
}

.black.buttons.analytics {
    left: 75%;
    top: 78%;
}

.black.buttons.managed {
    top: 62%;
}

.net-img {
    margin-top: 38px;
}
}


@media screen and (max-width:639px) {
.break-div {
    display:block;
}
.circle-button.sa {
    left: 7%;
    top: 89%;
}
.circle-button.gov {
    left: 44%;
    top: 89%;
}
.circle-button.mon {
    left: 78%;
    top: 89%;
}
.circle-button.ir {
    left: 7%;
}
.circle-button.ue {
    left: 44%;
}
.circle-button.aa {
    left: 78%;
}
.content-main .direct-boxes {
    top: -10px !important;
}
.break-div hr {
    border-top: 1px solid #000000;
    margin: 35px 20px 20px 20px;
    position: relative;
    left: 0%;
}
.content-box img {
    width: 100% !important;
}
.botttom-sec-div .wl-main-img {
    width: 70%;
}
.reduced-complexity-circle {
    top: 32.3%;
    left: 6.5%;
}
.reduced-complexity-doticon {
    top: 31%;
    left: 9.9%;
}
h3.reduced-complexity-title {
    left: 16.5%;
    top: 25%;
}
.in-flex-circle {
    top: 77%;
    left: 6.5%;
}
.in-flex-doticon {
    top: 77%;
    left: 8.7%;
}
h3.in-flex-title {
    left: 15.5%;
    bottom: -55px!important;
    text-align: center;
}
.end-support-circle {
    top: 31.3%;
    left: 59%;
}
h3.end-support-title {
    left: 70%;
    top: 24%;
}
.end-support-doticon {
    top: -10%;
    left: 55%;
}
.fast-trans-circle {
    top: 77%;
    left: 59%;
}
h3.fast-trans-title {
    left: 66%;
    bottom: -60px !important;
    text-align: center;
}
.end-support-box {
    left: 50% !important;
}
.fast-trans-box {
    left: 50% !important;
}

}
/*** home page css ***/

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

    .black.buttons.analytics {
        top: 81%;
        left: 72%;
    }

    .lumen-home, .lumen-svg {
        height: 580px !important;
        background-position: 0px 240px !important;
    }

    .black.buttons.why-lumen {
        left: 70%;
        top: 70.5%;
    }

    .black.buttons.managed {
        left: 38.5%;
    }

    .black.buttons.integrations {
        left: 10%;
        top: 69%;
    }

    .black.buttons.network {
        left: 38%;
        top: 45% !important;
    }

}

@media screen and (max-width:575px) {
.circle-button.sa {
    left: 7%;
    top: 88.5%;
}
.circle-button.gov {
    left: 44%;
    top: 88.5%;
}
.circle-button.mon {
    left: 78%;
    top: 88.5%;
}
img.wl-circle-img {
    width: 60%;
}
.in-flex-doticon {
    top: 80%;
    left: 8.7%;
}
.end-support-circle {
    top: 37.3%;
    left: 55%;
}
.fast-trans-circle {
    top: 79%;
    left: 53%;
}
.end-support-circle {
    top: 34%;
    left: 54%;
}
h3.end-support-title {
    left: 67%;
    top: 26%;
}
.fast-trans-circle {
    top: 77%;
    left: 54%;
}
h3.fast-trans-title {
    left: 66%;
    bottom: -40px !important;
}
.fast-trans-doticon {
    top: -3%;
    left: 58%;
}
h3.reduced-complexity-title {
    left: 17.5%;
}
h3.in-flex-title {
    left: 19.5%;
    bottom: -40px!important;
}
.end-support-box {
    left: 40% !important;
}
.fast-trans-box {
    left: 40% !important;
}
.botttom-sec-div .wl-main-img {
    width: 65%;
}
img.wl-circle-img {
    width: 55%;
}
h3.reduced-complexity-title, h3.in-flex-title, h3.end-support-title, h3.fast-trans-title, .Voice-collaboration-box h3, .it-agility-box h3, .adaptive-networking-box h3, .connected-security-box h3, .head-boxes, .assessment-box h3, .migration-box h3, .adoption-box h3, .support-box h3 {
    line-height: 16px !important;
    font-size: 14px !important;
}
.reduced-complexity-circle {
    top: 35.3%;
    left: 5.5%;
}
.reduced-complexity-doticon {
    top: 34%;
    left: 9.9%;
}
h3.reduced-complexity-title {
    top: 27%;
}
}
/*** home page css ***/
@media screen and (max-width:540px) {
    .black.buttons.network {
        left: 30%;
        }

    .black.buttons.why-lumen {
        top: 80.5%;
    }

    .black.buttons.analytics {
        left: 68%;
        top: 70.7%;
    }

    .black.buttons.direct {
        top: 48% !important;
    }
}

@media screen and (max-width:530px) {
    .circle-button.sa {
        left: 7%;
        top: 87.5%;
    }
    .circle-button.gov {
        left: 44%;
        top: 87.5%;
    }
    .circle-button.mon {
        left: 78%;
        top: 87.5%;
    }
    }


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

    .main-heading, .network-main h1.main-heading {
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 1rem;
    }
    .p-text p, .blue-scroll ul li, .ms-text ul li {
        font-size: 14px;
        line-height: 22px;
    }
    a.know-more {
        font-size: 14px;
    }
    .know {
        padding-top: 2vh;
    }
    .plus-icon, .pulse-ico .plus-icon {
        width: 40px !important;
    }
    .pulse-ico.na {
        top: 14.5%;
        left: 10.8%;
    }
    .pulse-ico.emea {
        top: 14%;
        left: 40%;
    }
    .pulse-ico.apac {
        top: 22.2%;
        left: 76.7%;
    }
    .pulse-ico.latam {
        top: 56%;
        left: 20%;
    }
    button.Voice-collaboration-btn a, button.it-agility-btn a, button.adaptive-networking-btn a, button.connected-security-btn a, .nt-btn a, button.assessment-btn a, button.migration-btn a, button.adoption-btn a, button.support-btn a {
        line-height: 33px !important;
        font-size: 9px !important;
    }
    .network-main h1.main-heading {
        padding-bottom: 1rem !important;
    }
    img.border-img {
        width: 100%;
    }
    .mapicon-box {
        right: 0%;
    }
    .mini-map.latam {
        top: -5%;
        left: 0%;
    }
    .network-main .col-right {
        padding-top: 15%;
    }
    .mini-map.apac {
        top: 0%;
        left: 0%;
    }
    .direct-boxes.data-centers {
        left: 20%;
    }
    .direct-boxes.lumen-sip {
        left: 23%;
    }
    
    .direct-boxes.byo-sip {
        left: 23%;
        }

    .lumen-managed-services .two-sec-div .right-sec-div {
        margin-top: 120px;
    }
    .adoption-box {
        left: 43%;
    }
    .support-box {
        left: 43%;
    }
    .migration-box {
        left: 43%;
    }
    .it-agility-box {
        right: 0%;
        padding: 15px 15px;
        left: unset;
    }
    .connected-security-box {
        right: 0%;
    padding: 15px 15px;
    left: unset;
    }
    h3.reduced-complexity-title, h3.in-flex-title, h3.end-support-title, h3.fast-trans-title, .Voice-collaboration-box h3, .it-agility-box h3, .adaptive-networking-box h3, .connected-security-box h3, .head-boxes, .assessment-box h3, .migration-box h3, .adoption-box h3, .support-box h3 {
        line-height: 16px !important;
        font-size: 14px !important;
    }
    .Voice-collaboration-box, .it-agility-box, .adaptive-networking-box, .connected-security-box {
        padding: 15px 15px;
        top: 0%;
    }
    .adaptive-networking-box {
        top: 44.2% !important;
    }
    .content-main .direct-boxes {
        top: -5px !important;
    }
    .analytics-main .col-right {
        padding-top: 26%;
    }
    .circle-button.sa {
        left: 9%;
        top:87.5%;
    }
    .circle-button.gov {
        left: 41%;
        top: 87.5%;
    }
    .circle-button.mon {
        left: 73%;
        top: 87.5%;
    }
    .circle-button.ir {
        left: 9%;
    }
    .circle-button.ue {
        left: 42%;
    }
    .circle-button.aa {
        left: 73%;
    }

    .break-div {
        padding-top: 17%;
    }
    .content-main .direct-boxes {
        width: 220px !important;
    }
    .reduced-complexity-circle {
        top: 37.3%;
    left: -0.5%;
    }
    .in-flex-circle {
        top: 79%;
    left: -0.5%;
    }
    .end-support-circle {
        top: 35.3%;
    left: 50%;
    }
    .fast-trans-circle {
        top: 79%;
        left: 50%;
    }
    .reduced-complexity-doticon {
        top: 37%;
        left: 5.9%;
    }
    h3.reduced-complexity-title {
        left: 14.5%;
        top: 28.5%;
    }
    h3.end-support-title {
        left: 66%;
    top: 26%;
    }
    .in-flex-doticon {
        top: 79%;
        left: 5.7%;
    }
    h3.in-flex-title {
        left: 15.5%;
    bottom: -50px !important;
    }
    h3.fast-trans-title {
        left: 64%;
    bottom: -50px !important;
    }
    img.wl-circle-img {
        width: 50%;
    }
    .fast-trans-doticon {
        top: -1%;
        left: 55%;
    }
    button.Voice-collaboration-btn, button.it-agility-btn, button.adaptive-networking-btn, button.connected-security-btn {
        padding: 6px 10px;
         }
         button.Voice-collaboration-btn a, button.it-agility-btn a, button.adaptive-networking-btn a, button.connected-security-btn a, .nt-btn a, button.assessment-btn a, button.migration-btn a, button.adoption-btn a, button.support-btn a {
         line-height: 12px !important;
         font-size: 8px !important;
     }
     button.it-agility-btn {
        left: 57% !important;
    }
    button.connected-security-btn {
        left: 54% !important;
    }
    .wl-plus-icon {
        width: 60%;
    }
    .reduced-complexity-box {
        top: 0% !important;
    }
    .end-support-box {
          top: 0% !important;
        
    }
    .end-support-doticon {
        top: -6%;
        left: 53%;
    }
    .fast-trans-box {
        bottom: -38% !important;
    }
    .in-flex-box {
        bottom: -29% !important;
    }
    .end-support-box {
        left: unset !important;
        right: 30px !important;
    }
    .fast-trans-box {
        left: unset !important;
        right: 30px !important;
    }
    /***** home page css ****/
    .lumen-home, .lumen-svg {
        height: 550px !important;
        background-position: 0 315px !important;
    }

    .net-img {
        margin-top: -30px;
    }

    .click-img {
        top: 25% !important;
    }

    .black.buttons.managed {
        left: 4%;
        top: 43%;
    }

    .lumen-svg h1 {
        margin-top: 10px;
        font-size: 28px !important;
        line-height: 32px !important;
    }

    .click-img {
        display: none;
        left: 5% !important;
    }

    .black.buttons.network {
        left: 4%;
        top: 35% !important;
    }


    .black.buttons.managed {
        left: 4%;
        top: 46%;
    }

    .black.buttons.integrations {
        left: 4%;
        top: 56%;
    }

    .black.buttons.network, .black.buttons.managed ,  .black.buttons.integrations  {
        min-width: 150px;
    }

    .black.buttons.network img, .black.buttons.managed img, .black.buttons.integrations img  {
        position: absolute;
        right: 0;
    }

    .black.buttons.analytics {
        left: 55.8%;
        top: 56%;
    }

    .black.buttons.direct {
        top: 36% !important;
        left: 55.8%;
    }

    .black.buttons.why-lumen {
        position: absolute;
        left: 55.8%;
        top: 46%;
    }

    .black.buttons.analytics, .black.buttons.why-lumen, .black.buttons.direct {
        min-width: 150px;
    }

    .black.buttons.analytics img, .black.buttons.why-lumen img, .black.buttons.direct img {
        position: absolute;
        right: 0;
    }
}



@media screen and (max-width:430px) {
    .circle-button.sa {
        left: 5%;
        top: 86%;
    }
    .circle-button.gov {
        left: 35%;
        top: 86%;
    }
    .circle-button.mon {
        left: 68%;
        top: 86%;
    }
    .circle-button.ir {
        left: 4%;
    }
    .circle-button.ue {
        left: 37%;
    }
    .circle-button.aa {
        left: 68%;
    }
    .botttom-sec-div .wl-main-img {
        width: 65%;
    }
    img.wl-circle-img {
        width: 42%;
    }
    .reduced-complexity-circle {
        top: 39.3%;
        left: -4.5%;
    }
    .in-flex-circle {
        top: 80%;
        left: -4.5%;
    }
    .in-flex-doticon {
        top: 79%;
    left: 5.7%;
    }
    .end-support-circle {
        top: 37.3%;
    left: 43%;
    }
    h3.end-support-title {
        left: 61%;
    top: 26.7%;
    }
    .end-support-doticon {
        top: -7%;
    left: 51%;
    }
    .fast-trans-circle {
        top: 80%;
        left: 43%;
    }
    h3.fast-trans-title {
        left: 58%;
        bottom: -45px !important;
    }
    /* .main-area-full.why-lumen-pg {
        width: 400px !important;
    } */
    .end-support-box {
        top: -2% !important;
    }
    .reduced-complexity-box {
        top: -4% !important;
    }
    .in-flex-box {
        bottom: -33% !important;
    }
    .fast-trans-box {
        bottom: -43% !important;
    }
    .fast-trans-doticon {
        top: 2%;
        left: 53%;
    }
    }

/***  home page css ***/
@media screen and (max-width:380px) {

    .turn-msg-box {
        font-size: 12px;
        font-weight: 500;
    }


    .black.buttons.network, .black.buttons.managed ,  .black.buttons.integrations  {
        min-width: 145px;
    }

    
    .black.buttons.analytics, .black.buttons.why-lumen, .black.buttons.direct {
        min-width: 145px;
    }

    .black.buttons.direct {
        top: 35% !important;
        left: 52.8%;
    }

    .black.buttons.why-lumen {
        left: 52.8%;
    }

    .black.buttons.analytics {
        left: 52.8%;
        top: 56%;
    }

    .black.buttons.integrations {
        top: 56%;
    }

    .black.buttons {
        padding: 0px 0px 0px 15px !important;
    }
    /**new code **/
    img.wl-circle-img {
        width: 30%;
    }
    .botttom-sec-div .wl-main-img {
        width: 60%;
    }
    .reduced-complexity-circle {
        top: 41.3%;
        left: -4.5%;
    }
    .end-support-circle {
        top: 41.3%;
        right: -6%;
        left: unset;
    }
    .fast-trans-circle {
        top: 80%;
        right: -6%;
        left: unset;
    }
    .in-flex-circle {
        top: 80%;
        left: -4.5%;
    }
    h3.reduced-complexity-title, h3.in-flex-title, h3.end-support-title, h3.fast-trans-title, .Voice-collaboration-box h3, .it-agility-box h3, .adaptive-networking-box h3, .connected-security-box h3, .head-boxes, .assessment-box h3, .migration-box h3, .adoption-box h3, .support-box h3 {
        line-height: 14px !important;
        font-size: 12px !important;
    }
    .wl-plus-icon {
        width: 40%;
    }
    .reduced-complexity-doticon {
        top: 41%;
        left: 9.9%;
    }
    .end-support-doticon {
        top: -7%;
        left: 46%;
    }
    .fast-trans-doticon {
        top: 0%;
        left: 48%;
    }
    .in-flex-doticon {
        top: 81%;
        left: 8.7%;
    }
    h3.reduced-complexity-title {
        left: 15.5%;
        top: 30.5%;
    }
    h3.end-support-title {
        left: 63%;
        top: 30.7%;
    }
    .reduced-complexity-box {
        top: -7% !important;
    }
    h3.in-flex-title {
        left: 17.5%;
        bottom: -30px !important;
    }
    h3.fast-trans-title {
        left: 62%;
        bottom: -30px !important;
    }
}


    @media screen and (max-width:370px) {
        .circle-button.sa {
            top: 83.5%;
            left: 0%;
        }
        .circle-button.gov {
            top: 83.5%;
            left: 30%;
        }
        .circle-button.mon {
            top: 83.5%;
            left: 62%;
        }
        .content-main hr {
            left: -5%;
        }
        .break-div hr {
            left: -5%;
        }
        .circle-button.ir {
            left: 0%;
        }
        .circle-button.ue {
            left: 30%;
        }
        .circle-button.aa {
            left: 62%;
        }
        button.it-agility-btn {
            left: 47% !important;
        }
    }

    @media screen and (max-width:340px) {
.botttom-sec-div .wl-main-img {
    width: 70%;
}
    .reduced-complexity-circle {
        top: 41.3%;
        left: -12.5%;
    }
    .end-support-circle {
        top: 41.3%;
        right: -16%;
        left: unset;
    }
    .in-flex-circle {
        top: 80%;
        left: -12.5%;
    }
    .fast-trans-circle {
        top: 80%;
        right: -16%;
        left: unset;
    }
    .reduced-complexity-doticon {
        top: 40%;
        left: 4.9%;
    }
    .in-flex-doticon {
        top: 81%;
        left: 2.7%;
    }
    .fast-trans-box {
        left: unset !important;
        right: 5px !important;
    }
    .end-support-box {
        left: unset !important;
        right: 5px !important;
    }

    }

/***home page css **/
@media screen and (max-width:325px) {

    .turn-msg-box {
        font-size: 10px;
    }

    .lumen-svg h1 {
        font-size: 24px !important;
        line-height: 28px !important;
    }

    .black.buttons.network {
        top: 40% !important;
    }

    .black.buttons.direct {
        top: 40% !important;
        left: 50.8%;
    }

    .black.buttons.managed {
        top: 48.2%;
    }

    .black.buttons.why-lumen {
        top: 48.2%;
        left: 50.8%;
    }

    .black.buttons.integrations {
        top: 56.5%;
    }

    .black.buttons.analytics {
        top: 56.5%;
        left: 50.8%;
    }


    .black.buttons.network, .black.buttons.managed ,  .black.buttons.integrations  {
        min-width: 135px;
    }

    
    .black.buttons.analytics, .black.buttons.why-lumen, .black.buttons.direct {
        min-width: 135px;
    }

    .black.buttons h4 {
        font-size: 9px !important;
    }

    .black.buttons {
        padding: 0px 0px 0px 10px !important;
    }
}


/*** home page css ***/
@media screen and (max-width:320px) {

    .turn-msg-box {
        font-size: 10px;
    }

    .lumen-svg h1 {
        font-size: 24px !important;
        line-height: 28px !important;
    }

    .black.buttons.network {
        top: 40% !important;
    }

    .black.buttons.direct {
        top: 40% !important;
        left: 50.8%;
    }

    .black.buttons.managed {
        top: 48%;
    }

    .black.buttons.why-lumen {
        top: 48%;
        left: 50.8%;
    }

    .black.buttons.integrations {
        top: 56.5%;
    }

    .black.buttons.analytics {
        top: 56.5%;
        left: 50.8%;
    }


    .black.buttons.network, .black.buttons.managed ,  .black.buttons.integrations  {
        min-width: 135px;
    }

    
    .black.buttons.analytics, .black.buttons.why-lumen, .black.buttons.direct {
        min-width: 135px;
    }

    .black.buttons h4 {
        font-size: 9px !important;
    }

    .black.buttons {
        padding: 0px 0px 0px 10px !important;
    }
}


@media only screen and (orientation:landscape){
    #turn{ display:none; }      
  }

@media only screen and (orientation:portrait){
    #turn{ display:block; }
    .lumen-home .info-header2 {
        display: none !important;
     }
  }