@media screen and (max-width:1920px) {
    .lumen-vmware {background-size: 105%;
    }
}

@media screen and (max-width:1780px) {
    .col-left img.app-wan , .col-left img.ztouch , .col-left img.secorch , .col-left img.automtn{
        width: 80% !important;
        margin: auto;
    }
    .explore-img img {
        height: 130px;
    }
  
    .lumen-vmware h1 {
        font-size: 42px;
        line-height: 47px;
        padding-bottom: 5px;
    }
  
    .main-buttons ul li {
        font-size: 14px;
        line-height: 19px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .lumen-vmware .info-header2 {
        height: 25px !important;
    }
    
    .lumen-vmware {background-size: cover;}
}
@media screen and (max-width:1600px) {
    .info-header-lftsctn h3 {
        position: absolute;
    }
    .col-right {
        margin-top: 15px;
    }
    .dot-plus-4.traffic-routing {
        top: 41%;
    }
    .dot-btn.traffic-routing {
        top: 44%;
    }
    .dot-plus-4.thresholds {
        top: 51%;
    }
    .dot-btn.thresholds {
        top: 54%;
    }
    .dot-plus-4.access {
        top: 61%;
    }
    .dot-btn.access {
        top: 65%;
    }
    .dot-plus-4.controls {
        top: 71%;
    }
    .dot-btn.controls {
        top: 74.5%;
    }
    .main-vmware.case1-pg .dy-connect, .main-vmware.case2-pg .dy-connect, .main-vmware.case3-pg .dy-connect {
        width: 80%;
        margin: auto;
    }
    .main-vmware.case4-pg .image-app-pr, .main-vmware.case5-pg img.app-edge {
        width: 73%;
        margin: auto;
    }
    .main-vmware.wan-evolution-pg .col-left img{
        width: 68%;
        margin: auto;
    }
    .explore-box h2 {
        font-size: 20px;
    line-height: 24px;
    margin-bottom: 8px;
    }
    .explore-box {
        padding: 20px;
    }
    .explore-img img {
        height: 120px;
    }
    .lumen-vmware .info-header2 {
        height: 25px !important;
    }
    .lumen-vmware h1 {
        font-size: 40px;
        line-height: 45px;
        padding-bottom: 5px;
    }
    .lumen-vmware p {
        padding-bottom: 10px;
    }
    .lumen-vmware {
        background-position: center 70%;

    }
    .col-left img.app-wan , .col-left img.ztouch , .col-left img.secorch , .col-left img.automtn{
        width: 65% !important;
        margin: auto;
    }

    /* .col-left img {
        width: 85% !important;
    } */

.explore-box img {
    margin-bottom: 10px;
}
.main-heading-vm {
    font-size: 32px;
    line-height: 34px;
}

.text-vm p {
    font-size: 16px;
    line-height: 22px;
}
.lumen-vm-ware p {
    padding-bottom: 0.8rem;
}
.sub-heading-main {
    font-weight: 700;
    padding-bottom: 15px;
    font-size: 16px;
    font-family: 'Gotham Pro';
}
}
@media screen and (max-width:1550px) {
    .dot-btn.uc6-automation {
        top: 69.5%;
        right: 21%;
    }
    .dot-btn.security-orch {
        top: 19%;
        right: 18%;
    }
    .dot-btn.zero-touch {
        top: 15%;
        left: 12%;
    }
    .dot-btn.center-visible {
        top: 70%;
        left: 9%;
    }
}
@media screen and (max-width: 1440px){
    .tabs-lumen {
        margin-top: 45px;
    }
    .text-vm.scroll-tab {
        height: 42vh;
        overflow-y: scroll;
        padding-right: 10px;
        margin-bottom: 19px;
    }
    .col-3 {
        width: 25%;
        margin: 15px;
    }
    .explore-img img {
        height: 105px;
    }
    .explore-box img {
        margin-bottom: 5px;
    }
    .main-heading-vm {
        padding-bottom: 10px;
    }
    .row.evo {
        margin-bottom: 0px;
        padding-top: 10px;
    }
    .explore-box h4 a {
        font-size: 10px;
        margin-bottom: 3px;
    }
    .explore-box p {
        font-size: 10px;
        line-height: 14px;
        padding-bottom: 0px !important;
        font-weight: 500;
    }
    .explore-box h2 {
        font-size: 16px;
        line-height: 20px;
    }
    .lumen-vmware h1 {
        font-size: 36px;
        line-height: 39px;
    }
   .lumen-vmware {
    background-position: center 55% !important;
    background-size: 100% !important;
}
.wrapper-lumen {
    top: -3%;
}
    .main-buttons ul li {
        padding: 8px 20px;
    }
   
/***Use Case-6***/
/* .text-vm.scroll-tab {
    height: 48vh;
    overflow-y: scroll;
    padding-right: 15px;
    margin-bottom: 19px;
} */
.text-vm.scroll-tab::-webkit-scrollbar {
    width: 4px !important;
    margin-left: 5px !important;
    height: 3px;
}
.text-vm.scroll-tab::-webkit-scrollbar-thumb {
    background-color: #0075c9 !important;
    outline: 0px solid #0075c9 !important;
    width: 1px !important;
}

.text-vm.scroll-tab::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    margin-left: 5px !important;
    width: 1px;
}
.dot-btn.uc6-automation {
    top: 69.5%;
    right: 20.3%;
}
.dot-btn.security-orch {
    top: 19%;
    right: 17.7%;
}
.dot-btn.zero-touch {
    top: 15%;
    left: 11%;
}
.dot-btn.center-visible {
    top: 70%;
    left: 8.2%;
}
.col-left {
    margin-right: 0px;
    position: relative;
}
h4.top-case {
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 7px;
}

.box-hov h3 {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px;
}
.box-hov.uc6-automation {
    top: 60%;
    right: 2%;
}
.box-hov.security-orch {
    right: 8%;
    top: 5%;
}
.box-hov.center-visible {
    top: 60%;
    left: -2%;
}
.box-hov.zero-touch {
    top: 5%;
    left: 3%;
}
.dot-plus-4.visibility {
    top: 45%;
    right: 26%;
}
.dot-plus-4.controls , .dot-plus-4.access , .dot-plus-4.thresholds , .dot-plus-4.traffic-routing {
    right: 6.5%;
}
img.why-lumen-sd {
    width: 65% !important;
    margin: auto;
}
}
@media screen and (max-width:1400px) {
    .info-header-lftsctn h3 {
        position: unset;
    }
    .dot-plus-4 img {
        width: 60% !important;
    }
    .main-heading-vm {
        font-size: 37px;
        line-height: 42px;
        padding-right: 15px;
    }
    .know-area a.know-more , .know-area a.why-lumen-button {
        font-size: 16px;
        line-height: 24px;
    }
    
     button.dot-btn {
        line-height: 18px;
        font-size: 13px;
    }
    button.dot-btn {
        padding: 6px 16px;
    }
/*
    .dot-plus.security-orch {
        top: 10%;
        right: 32%;
    }
    .dot-plus.uc6-automation {
        top: 60%;
        right: 25%;
    }
*/
    .dot-btn.security-orch {
        top: 19%;
        right: 18.8%;
    }
    .dot-btn.uc6-automation {
        top: 69.5%;
        right: 20.6%;
    }
    .dot-btn.zero-touch {
    top: 20%;
    left: 16%;
}
   .dot-btn.center-visible {
    top: 71%;
    left: 11.8%;
}
    
} 

@media screen and (max-width:1366px) {
    .col-left img.app-wan, .col-left img.ztouch, .col-left img.secorch, .col-left img.automtn {
        width: 59% !important;
        margin: auto;
    }
    .main-vmware.case4-pg .image-app-pr, .main-vmware.case5-pg img.app-edge {
        width: 70%;
        margin: auto;
    }
    .main-vmware.case1-pg .dy-connect, .main-vmware.case2-pg .dy-connect, .main-vmware.case3-pg .dy-connect {
        width: 75%;
        margin: auto;
    }
    .text-vm.scroll-tab {
        height: 38vh;
        overflow-y: scroll;
        padding-right: 10px;
        margin-bottom: 19px;
    }
    .box-hov.uc6-automation {
        top: 60%;
        right: 0%;
    }
    .box-hov.security-orch {
        right: 6%;
        top: 5%;
    }
    .box-hov.center-visible {
        top: 60%;
        left: -2%;
    }
    .box-hov.zero-touch {
        top: 5%;
        left: 0%;
    }
    .dot-plus-4.visibility {
        top: 45%;
        right: 25%;
    }
    .dot-plus-4.controls, .dot-plus-4.access, .dot-plus-4.thresholds, .dot-plus-4.traffic-routing {
        right: 5.8%;
    }
    .know-area a.know-more-arrow, .know-area a.why-lumen-arrow {
        position: relative;
        top: 4.5px;
    }
}
@media screen and (max-width:1365px) {
   
}
@media screen and (max-width:1280px) {

    .lumen-vmware {
        background-position: center 52% !important;
        background-size: 98% !important;
    }
    .wrapper-lumen {
        top: -4%;
    }
    .col-left img.app-wan, .col-left img.ztouch, .col-left img.secorch, .col-left img.automtn {
        width: 57% !important;
        margin: auto;
    }
    .main-vmware.case1-pg .dy-connect, .main-vmware.case2-pg .dy-connect, .main-vmware.case3-pg .dy-connect {
        width: 76%;
        margin: auto;
    }
    .main-vmware.case4-pg .image-app-pr, .main-vmware.case5-pg img.app-edge {
        width: 71%;
        margin: auto;
    }
    .main-heading-vm {
        font-size: 34px;
        line-height: 36px;
        padding-right: 20px;
    }
    .explore-box h2 {
        font-size: 14px;
        line-height: 17px;
    }
    .col-3 {
        width: 25%;
        margin: 7px;
    } 
    .col-3:hover {
        border: 1px solid #0C9ED9;
        transform: scale(1.01);
        -webkit-transform: scale(1.01);
    }
    .dot-btn.security-orch {
        top: 19%;
        right: 16.6%;
    }
    .dot-btn.uc6-automation {
        top: 69.5%;
        right: 20.5%;
    }
    .dot-btn.zero-touch {
        top: 17%;
        left: 10.7%;
    }
    .dot-btn.center-visible {
        top: 70%;
        left: 8%;
    }
    .dot-plus.security-orch {
    top: 10%;
    right: 33%;
}
   .dot-plus.uc6-automation {
    top: 59%;
    right: 26%;
}
	.dot-plus.zero-touch {
    top: 5.5%;
    left: 34%;
}
    .box-hov {
        padding: 15px 15px;
    }  
    .box-hov.uc6-automation {
        top: 60%;
        right: -3%;
    }
    .box-hov.security-orch {
        right: 4%;
        top: 5%;
    }
    .box-hov.center-visible {
        top: 60%;
        left: -4%;
    }
    .box-hov.zero-touch {
        top: 5%;
        left: -1%;
    }
    .dot-plus-4.visibility {
        top: 45%;
        right: 24%;
    }
    .dot-plus-4.controls, .dot-plus-4.access, .dot-plus-4.thresholds, .dot-plus-4.traffic-routing {
        right: 5%;
    }

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

    .lumen-vmware {
        background-position: center 48% !important;
        background-size: 95% !important;
    }
    .tabs-lumen {
        margin-top: 30px;
    }
    h2.wan-head {
        position: absolute;
        margin-top: 0px;
        font-size: 16px;
        padding-left: 20px;
    }
    .col-3 {
        width: 30%;
        margin: 5px;
    }
    .explore-box {
        padding: 15px;
    }
    .main-heading-vm {
        font-size: 32px;
        line-height: 34px;
    }
    .know-area a.know-more, .know-area a.why-lumen-button {
        font-size: 13px;
        line-height: 21px;
    }
    .explore-box h2 {
        font-size: 13px;
        line-height: 16px;
    }
    .lumen-vmware h1 {
        font-size: 32px;
        line-height: 34px;
    }
    
    .dot-btn.uc6-automation {
        top: 70.5%;
    right: 19.5%;
    }
    .dot-btn.security-orch {
        top: 20%;
    right: 15.7%;
    }
    .dot-btn.zero-touch {
        top: 17%;
    left: 9.3%;
    }
    .dot-btn.center-visible {
        top: 70%;
        left: 6.9%;
    }
    .box-hov.uc6-automation {
        top: 60%;
        right: -5%;
    }
    .box-hov.security-orch {
        right: 2%;
        top: 5%;
    }
    .box-hov.center-visible {
        top: 60%;
        left: -4%;
    }
    .box-hov.zero-touch {
        top: 5%;
        left: -3%;
    }
    .dot-plus-4.visibility {
        top: 45%;
        right: 23.6%;
    }
    .dot-btn.visibility {
        top: 52%;
        right: 9%;
    }
    .dot-btn.inside-anime {
        left: 5%;
    }
    .dot-btn.centric {
        left: 5%;
    }
    .dot-plus-4.controls, .dot-plus-4.access, .dot-plus-4.thresholds, .dot-plus-4.traffic-routing {
        right: 4.3%;
    }
}


@media screen and (max-width:1099px) {
    .lumen-vmware p {
        text-align: center;
        font-size: 14px;
        line-height: 19px;
    }
    img.crs-blue {
        display: block !important;
    }
    .info-header-lftsctn .click-to-use img {
        margin-right: 18px;
        margin-left: 18px;
    }
    .lumen-vmware .info-header2 {
        height: 0px !important;
    }
    .lumen-vmware h1 {
        padding-top: 25px;
    }
    .lumen-vmware {
        background-position: center 25% !important;
    }
    .main-heading-vm {
        font-size: 30px;
        line-height: 38px;
    }
     
   
     
    .dot-btn.security-orch {
        top: 12%;
        right: 12.5%;
    }
    .dot-btn.zero-touch {
        top: 13%;
        left: 4.3%;
    }
    .dot-btn.center-visible {
        top: 65%;
        left: 4.9%;
        
    }
    h4.top-case {
        font-size: 14px;
        line-height: 20px;
    } 
    .box-hov {
        width: 210px;
    }  
    
    .dot-plus-4.visibility {
        right: 22.6%;
    }
    .dot-plus-4.controls, .dot-plus-4.access, .dot-plus-4.thresholds, .dot-plus-4.traffic-routing {
        right: 2.8%;
    }

}
@media (height: 1024px) and (max-device-width: 1366px) and (orientation : landscape){
    .wrapper-lumen {
        top: 8%;
    } 
}
@media (height: 600px) and (width: 1024px){
    .wrapper-lumen {
        top: -2% !important;
    }
}
@media screen and (max-width:1024px) {
.dot-plus {
    width: 55px;
}
	h2.wan-head {
    position: relative;
    margin-top: 0px;
    font-size: 14px;
    padding-left: 0;
    float: left;
}
	.tabs-lumen {
    float: right;
    margin-top: 0;
}s
	.lumen-ipvpn h1 {
    text-align: left;
    }
	.lumen-ipvpn p {
    text-align: left;
   }
	.head-area-vpn h1 {
    padding-bottom: 10px;
}
	.lumen-ipvpn p br {
    display: none;
}
		.mobile-traditional-img.first-img-load{ display: block}
    .wrapper-lumen {
        top: 0%;
    }   
    .col-right {
        padding-right: 20px;
    }
    .explore-box {
        padding: 20px;

    }
    .explore-box.extra {
        padding: 12.5px 30px;
    }
    
    .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: 30px;
        height: 30px;
        margin-right: 5px;
    }
}

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


@media screen and (max-width:1000px) {
	.smtext {
   text-align: left;padding-bottom: 25px !important;
    }
	.wanimg {
    position: relative;
    padding-bottom: 15px;
}
    img.why-lumen-sd {
        width: 75% !important;
        margin: auto;
    }
    .main-vmware {
        padding-bottom: 40px !important;
    }
  
    .main-vmware.wan-evolution-pg .col-left img, .main-vmware.case4-pg .image-app-pr, .main-vmware.case5-pg img.app-edge, .main-vmware.case1-pg .dy-connect, .main-vmware.case2-pg .dy-connect, .main-vmware.case3-pg .dy-connect {
        width: 100% !important;
        margin: auto;
    } 
    .col-left img.app-wan, .col-left img.ztouch, .col-left img.secorch, .col-left img.automtn {
        width: 100% !important;
        margin: auto;
    }
    .col-3 {
        width: 45%;
    }
    .main-heading-vm {
       padding-right: 0px !important;
    }
    .row.evo {
        margin-bottom: 15px;
        padding-top: 10px;
    }
    .text-vm p {
        font-size: 16px;
        line-height: 26px;
    }
    .padding-inner .row {
        width: 100%;
        display: flex !important;
        flex-wrap: wrap;
    }
    .col-left {
        width: 100%;
    }
    .col-right {
        width: 100% !important;
    }
    .text-vm.scroll-tab {
        height: auto !important;
        overflow: auto;
    }
    .main-explore {
        display: none;
        padding: 15px 20px 40px 20px;
    }
    .dot-plus-4.controls, .dot-plus-4.access, .dot-plus-4.thresholds, .dot-plus-4.traffic-routing {
        right: 8%;
    }
 .dot-plus.zero-touch {
    top: 14.5%;
    left: 33%;
}
.dot-plus.security-orch {
    top: 14%;
    right: 35.5%;
}
        .dot-plus.uc6-automation {
    top: 62%;
    right: 28.5%;
}
        .dot-plus.center-visible {
            top: 62%;
            left: 28%;
        }
        .dot-btn.zero-touch {
    top: 22%;
    left: 16%;
}
        .dot-btn.center-visible {
            top: 70%;
            left: 13.3%;
        }
        .dot-btn.security-orch {
            top: 22%;
            right: 22.4%;
        }
        .dot-btn.uc6-automation {
            top: 69%;
        right: 23.1%;
        }
        .col-right {
            padding-right: 0px;
        }
        .box-hov.uc6-automation {
            top: 60%;
            right: 8%;
        }
        .box-hov.security-orch {
            right: 15%;
            top: 5%;
        }
        .box-hov.center-visible {
            top: 60%;
            left: 4%;
        }
        .box-hov.zero-touch {
            top: 5%;
            left: 9%;
        }
        .col-left img.app-wan, .col-left img.ztouch, .col-left img.secorch, .col-left img.automtn {
            width: 100% !important;
            margin: auto;
        }
        .dot-plus-4.visibility {
            top: 45%;
            right: 26.4%;
        }
        .dot-btn.visibility {
            right: 16%;
        }
        .dot-btn.centric {
            left: 12%;
        }
        .dot-btn.inside-anime {
            top: 52%;
            left: 11.5%;
        }
        .dot-plus-4.traffic-routing {
            top: 48%;
        }
        .dot-btn.traffic-routing {
            top: 52%;
        }
        .dot-plus-4.thresholds {
            top: 58%;
        }
        .dot-btn.thresholds {
            top: 62%;
        }
        .dot-plus-4.access {
            top: 68%;
        }
        .dot-btn.access {
            top: 73%;
        }
        .dot-plus-4.controls {
            top: 78%;
        }
        .dot-btn.controls {
            top: 81.5%;
        }
}


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


}


@media screen and (max-width:851px) {
    .lumen-vmware {
        background-position: center bottom !important;
        height: 550px;
    }
    .wrapper-lumen {
        top: 1%;
    }
}

@media screen and (max-width:768px) {
	.wanimg {
    position: relative;
    padding-bottom: 30px;
}
	.smtext {
    font-size: 13px;
    }
	.wanimg {
     padding-bottom: 36px;
}

	.lumen-vmware h1 {
    padding-top: 25px;
    padding-bottom: 12px;
}
	.head-area-vm {
    padding: 0 20px;
}
	.main-buttons {
    padding-top: 6px;
    padding-bottom: 10px;
}
h2.wan-head {
    position: relative;
    margin-top: 0px;
    font-size: 16px;
    padding-left: 0;
    color: #000;
    padding-top: 10px;
}
	.tabs-lumen {
    float: right;
    margin-top: 0;
}
	.mobile-traditional-img{display: block}
	.lumen-vmware{ background-image: url(none)}
    .lumen-vmware p {
        padding-left: 15px;
        padding-right: 15px;
    }
   h2.wan-head {
    position: relative;
    margin-top: 0px;
    font-size: 14px;
    padding-left: 0;float: left;
}
  .info-header-lftsctn {
        display: block;
    }
    .box-hov.uc6-automation {
        top: 60%;
        right: 6%;
    }
    .box-hov.security-orch {
        right: 12%;
        top: 5%;
    }
    .box-hov.center-visible {
        top: 60%;
        left: 0%;
    }
    .box-hov.zero-touch {
        top: 5%;
        left: 5%;
    }  
.dot-plus.zero-touch {
    top: 15%;
    left: 30.7%;
}  .dot-plus.security-orch {
    top: 8%;
    right: 36%;
}
  .dot-plus.uc6-automation {
    top: 60%;
    right: 27%;
}
    .dot-btn.uc6-automation {
        top: 70%;
        right: 20.7%;
    }
    .dot-btn.security-orch {
        top: 17%;
        right: 16.4%;
    }
    .dot-btn.zero-touch {
        top: 16%;
        left: 8.4%;
    }
    .dot-btn.center-visible {
        top: 73%;
        left: 9%;
    }
    .main-heading-vm {
        font-size: 26px !important;
        line-height: 32px !important;
    }
    .dot-plus-4.visibility {
        top: 45%;
        right: 23.5%;
    }
    .dot-btn.centric {
        left: 6.5%;
    }
    .dot-btn.visibility {
        right: 10%;
    }
    .dot-plus-4.controls, .dot-plus-4.access, .dot-plus-4.thresholds, .dot-plus-4.traffic-routing {
        right: 5%;
    }
}
@media screen and (max-width:700px) {
.head-area-vm br {
    display: none;
}
}
@media screen and (max-width:640px) {
    .lumen-vmware {
        background-position: center bottom !important;
        height: 500px;
    }
    .col-3 {
        width: 100%;
    }
    .text-vm p {
    font-size: 14px;
    line-height: 22px;
    }
    .lumen-vmware h1 {
        font-size: 28px;
        line-height: 30px;
    }
    .head-area-vm h1, .lumen-vmware p, .full-col p, .main-buttons {
        padding-left: 20px;
        padding-right: 20px;
    }
   .dot-plus.security-orch {
    top: 2%;
    right: 34.5%;
} 
     
    .dot-btn.security-orch {
        top: 13%;
        right: 12%;
    }
    .dot-btn.uc6-automation {
        top: 70%;
        right: 17.3%;
    }
    .dot-btn.zero-touch {
        top: 18%;
        left: 3.8%;
    }
    .dot-btn.center-visible {
        top: 73%;
        left: 4.8%;
    }
    .dot-plus-4.centric {
        top: 44%;
        left: 24%;
        }
        
        .dot-plus-4.visibility {
        top: 44%;
        right: 20.5%;
    }
    
    .dot-btn.centric {
        left: 4%;
    }
    .dot-btn.visibility {
        right: 6%;
    }
    .dot-plus-4.controls, .dot-plus-4.access, .dot-plus-4.thresholds, .dot-plus-4.traffic-routing {
        right: 3%;
    }
}
@media screen and (max-width:580px) {
    .main-vmware .col-left .uc6-Cloud {
    width: 55%;
   }
    .dot-plus img {
    width: 100% !important;
}
	.dot-plus.center-visible {
    top: 63%;
    left: 19%;
}
	.dot-plus.security-orch {
    top: 1%;
    right: 31.5%;
}
    .dot-plus.security-orch {
        top: 1%;
        right: 26.5%;
    }
    .dot-plus.uc6-automation {
        top: 59%;
        right: 19.5%;
    }
    button.dot-btn {
        line-height: 14px;
        font-size: 10px;
    }
    button.dot-btn {
        padding: 5px 8px;
    }
    .dot-btn.zero-touch {
        top: 17%;
        left: 9.3%;
    }
    .dot-btn.center-visible {
        top: 73%;
        left: 10%;
    }
    .dot-btn.security-orch {
        top: 11.5%;
        right: 18%;
    }
    .dot-btn.uc6-automation {
        top: 70%;
        right: 21.5%;
    }
    .dot-plus-4 img {
        width: 48% !important;
    }
    .dot-plus-4.visibility {
        top: 44%;
        right: 18.5%;
    }
    .dot-plus-4.centric {
        top: 44%;
        left: 25%;
    }
    .dot-btn.inside-anime {
        top: 52%;
        left: 6.8%;
    }
    .dot-btn.visibility {
        right: 11%;
    }
    .dot-btn.centric {
        left: 6.8%;
    }
    .dot-plus-4.controls, .dot-plus-4.access, .dot-plus-4.thresholds, .dot-plus-4.traffic-routing {
        right: 0%;
    }
}
@media screen and (max-width:500px) {
    .wrapper-lumen {
        top: 0%;
    }
     .dot-plus.zero-touch {
    top: 10%;
    left: 30.7%;
}
    .dot-btn.security-orch {
        top: 10.5%;
        right: 13%;
    }
    .dot-btn.zero-touch {
        top: 17%;
        left: 5.6%;
    }
    .dot-btn.center-visible {
        top: 74%;
        left: 7%;
    }
    .dot-plus-4.visibility {
        top: 40%;
        right: 15.5%;
    }
    }
@media screen and (max-width:480px) {
	   h2.wan-head {
    float: none;
}
	.wrapper-lumen {
    margin: 0px 30px;
    }
	.tabs-lumen {
    float: none;
    margin-top: 15px;
}
	.main-buttons ul {
     padding-bottom: 0;
}
    .main-buttons ul li {
        font-size: 12px;
        line-height: 17px;
    }
   .wrapper-lumen {
    text-align: left;
    margin-top: 0px;
}
    .tabs-lumen a {
    font-size: 13px !important;
    padding: 6px 22px;
}
    
    .know-main-area {
        display: block;
    }
    a.why-click.why-lumen-arrow {
        padding-top: 10px;
    }
    .why-lumen-button {
        margin-left: 0px;
        padding-top: 10px;
    }

    .main-heading-vm {
        font-size: 20px !important;
        line-height: 24px !important;
    } 
    .main-buttons ul li {
        margin-left: 5px;
        margin-right: 5px;
    }
    .lumen-vmware {
        height: 550px !important;
        background-position: 0px 300px !important;
    }
    .dot-plus.uc6-automation {
        top: 59%;
        right: 17.5%;
    }
     
    .dot-btn.security-orch {
        top: 15.5%;
        right: 12%;
    }
    .dot-btn.uc6-automation {
        top: 72%;
        right: 19.5%;
    }
    .dot-btn.zero-touch {
        top: 10%;
        left: 3.6%;
    }
    .dot-btn.center-visible {
        top: 74%;
        left: 6%;
    }
    .box-hov h3 {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 5px;
    }
    .box-hov p {
        font-size: 10px !important;
        line-height: 14px !important;
        padding-bottom: 0px !important;
    }
    .dot-btn.inside-anime {
        left: 1.8%;
    }
    .dot-btn.visibility {
        right: 6%;
    }
    .dot-btn.centric {
        left: 1.8%;
    }
    .dot-plus-4.controls, .dot-plus-4.access, .dot-plus-4.thresholds, .dot-plus-4.traffic-routing {
        right: -3%;
    }
    .col-left .use-tab.use-area2 button.dot-btn {
        line-height: 10px;
        font-size: 10px;
    }
}
@media screen and (max-width:420px) {
	.dot-btn.uc6-automation {
    top: 68%;
    right: 8.5%;
}
	.dot-plus.zero-touch {
    top: 10%;
    left: 26.7%;
}
	.dot-btn.center-visible {
    top: 63%;
    left: 0%;
}
    .dot-plus.center-visible {
        top: 49%;
        left: 25%;
    }
    .dot-plus.uc6-automation {
        top: 49%;
        right: 11.5%;
    }
	img.ztouch {
    display: none !important;
     
}
	.main-vmware .col-left .uc6-Cloud {
    width: 70%;
  }
.dot-btn.zero-touch {
    top: 8%;
    left: 0.6%;
}
 .dot-btn.security-orch {
    top: 4.5%;
    right: 5%;
}
   .dot-btn.security-orch {
    top: 8.5%;
    right: 5%;
}
    .dot-plus.uc6-automation {
    top: 58%;
    right: 9.5%;
}
   .dot-btn.zero-touch {
    top: 18%;
    left: 1.6%;
}
    .dot-plus.center-visible {
    top: 53%;
    left: 9%;
}
    .dot-plus-4.visibility {
        top: 43%;
        right: 12%;
    }
    .dot-btn.inside-anime {
        left: -3.2%;
    }
    .dot-btn.visibility {
        right: 1%;
    }
    .dot-btn.centric {
        left: -3.2%;
    }
    .dot-plus-4.controls, .dot-plus-4.access, .dot-plus-4.thresholds, .dot-plus-4.traffic-routing {
        right: -8%;
    }
    .dot-plus-4 img {
        width: 40% !important;
    }
    }
    
@media screen and (max-width:380px) {
    .main-buttons ul li {
        margin-left: 2px;
        margin-right: 2px;
    }
    .main-buttons ul li {
        padding: 8px 15px;
    }
    .main-buttons ul li {
        font-size: 10px;
        line-height: 13px;
    }
   
    .turn-msg-box {       
        font-size: 12px;      
    }
   
    .turn-msg-box {       
        font-size: 10px;      
    }
    .dot-btn.centric {
    left: -5.2%;
}
	.dot-btn.visibility {
    right: -3%;
}
	.dot-plus-4.visibility {
    top: 43%;
    right: 10%;
}
}

@media screen and (max-width:340px) {
    
     .dot-plus {
    width: 45px;
}
	.info-header-lftsctn h3 {
    font-size: 12px;
    line-height: 15px;
    color: #0075C9;
}
	.dot-btn.uc6-automation {
     right: 15.5%;
}
    .dot-btn.security-orch {
        top: -4.5%;
        right: -2%;
    }
    .dot-btn.zero-touch {
        top: -3%;
        left: -3.4%;
    }
    .dot-plus-4.visibility {
        top: 43%;
        right: 7%;
    }
    .dot-plus-4.controls, .dot-plus-4.access, .dot-plus-4.thresholds, .dot-plus-4.traffic-routing {
        right: -12%;
    }
}
/*
@media only screen and (orientation:landscape){
    #turn{ 
        display:none;
    }      
  }
  @media only screen and (orientation:portrait){
    #turn{
         display:block; 
        }
    .lumen-ipvpn .info-header2 {
        display: none !important;
     }
  }
*/