/* Mobile */
@media (min-width: 320px) and (max-width: 374px) {
    .home-header {
        background-image: none;
        padding-bottom: 9%;
        height: 41vh!important;
        min-height: auto;
    }
    .home-header p br {
        display:none;
    }
    .mobile-home-header {
        display:block;
        padding-top:20px;
    }
    .card-body.home a {
        color:white!important;
        font-size:15px;
    }
    .orange-tab-paragraph {
        left: 0;
        color: #000927;
        font-size:15px;
    }
    .about-sub-header br{
        display:none;
    }
    .orange-header br{
        display:none;
    }
    .our-clients-text br{
        display: none;
    }
    .connecting p br {
        display:none;
    }
    .national-text p br {
        display: none;
    }
    .great-things-text br {
        display:none;
    }
    .nav-link-head.active:before{
        display:none;
    }
    .card-text br {
        display:none;
    }
    .card-body.home {
        padding-left: 32px;
    }
    .connecting p br {
        display:none;
    }
    .navbar-toggler-icon {
        color: white;
    }
    .mobile-home {
        display:none;
    }
    ul{
        display: contents!important;
        list-style: none;
        text-align: center;
        font-size:15px;
    }
    .squiggle{
        display:none;
    }
    .card-group.home-header-section {
        position: relative;
        left: 0;
        top: 0;
        font-size:15px;
    }
    .second-section-home {
        width: auto;
        margin-left: 0;
        height: auto;
        top:78%;
        font-size:15px;
    }
    .navbar {
        z-index: 99999;
        position:absolute;
        padding:0;
        left: 84%;
        top: -44px;
        font-size:15px;
    }
    .orange-jump-slider {
        padding-bottom: 16%;
        font-size:15px;
    }
    #mobi-only{
        overflow: hidden;
    }
    .logo-header{
        width: 50%;
        margin-top: 10px;
    }
    .navbar-collapse {
        background-color: #000927;
        min-height: 32vh;
        height: auto;
        left: -483%;
        position: absolute;
        top: 100%;
        width: 521%;
        padding: 3px;
        font-size: 15px;
    }
   
    .nav-link-head {
        color:white;
        z-index: 99999999999;
        position: relative;
        top: 16px;
        left: -7px;
        font-size:15px;
    }
    .nav-link-head a {
        margin-bottom:10px;
        font-size:15px;
    }
    .nav-item{
        margin-bottom: 18px;
        font-size:15px;
    }
    .end-button{
        display:none;
    }
    .connecting {
        padding-top: 1%;
        padding-left: 0;
        font-size: 45px;
    }
    .text{
        color:white!important;
        font-size:15px;
    }
    .view-gallery{
        margin-left: 31%;
    }
    .text-white{
        position: relative;
        left: 0px;
        font-size:15px;
    }
    .world::before{
        width:100%!important;
        opacity:1;
    }
    .national::before{
        width:100%!important;
        opacity:1;
    }
    .view-gallery::before{
        width:100%!important;
        opacity:1;
    }
    .our-services::before{
        width:100%!important;
        opacity:1;
    }
    .footer-btn::before{
        width:100%!important;
        opacity:1;
    }
    .btn.rounded .text {
        padding-left: 0;
    }
    .btn.rounded.world {
        margin-top: 19px;
        margin-left: 0;
        padding: 7px 44px;
    }
    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none;
        outline: none;
    }
    .national-header {
        font-size: 37px;
        padding-top: 10%;
        padding-bottom: 10%;
    }
    .national-text {
        padding-top: 10%;
    }
    .our-services {
        margin-left: 0;
        margin-bottom: 40px;
        margin-top: 14px;
    }
    .rounded-large-image{
        display:none
    }
    .smaller-round-pink-icon{
        display:none
    }
    .great-things-header {
        font-size: 37px;
        margin-top: 0;
        margin-left: 0;
    }
    .great-things-text {
        padding-left: 0;
        padding-top: 16px;
    }

    .nav.nav-tabs .nav-link.active::before{
        display:none;
    }
    .nav-tabs .nav-item {
        margin-bottom: -1px;
        margin-left: 0;
        margin-top: 0;
    }
    .btn.rounded.view-gallery {
        margin-left: 22%;
    }
    .second-section-home-mobile{
        background-color: #F2F5FF;
        padding-top: 58px;
        padding-bottom: 42px;
    }
    .nav.nav-tabs .nav-link {
        color: black;
    }
    .carousel-item img{
        width: 100%;
        height: 10vh;
    }
    .some-great-things {
        padding-bottom: 8%;
        padding-top: 11%;
    }
    .about-page-parallax{
        overflow:hidden;
    }
    .text-four{
        left:0;
    }
    .our-clients-gallery {
        height: auto;
    }
    .middle {
        margin-left:0;
    }
    .far.fa-arrow-square-up {
        margin-top: 14px;
        margin-bottom: 14px;
    }
    .our-clients-text br {
        display:none;
    }
    .move-right{
        position: relative;
        left: 27px;
        color:#000927;
        display:block;
    }
    .contact {
        padding-left: 15px;
        font-size:15px;
    }
    .about-header{
        font-size:55px;
    }
    .about-sub-header br{
        display:none;
    }
    .white-map-img {
        width: 100%;
        height: auto;
        margin-bottom: 21px;
    }
    .white-circle::before{
        opacity:1;
        width: 100% !important;
    }
    span.orange-text {
        position: relative;
        left: 0px;
        color: #F05C15;
        font-size:15px;
    }
    .white-cards-section .card-body {
        top: 0;
        min-height: 55vh;
        height:auto;
        margin-bottom: 9px;
    }
    .card-body.white-about-2 {
        min-height: 74vh;
        height:auto;
    }
    .services-page-parallax{
        overflow:hidden;
    }
    .gallery-page{
        overflow:hidden;
    }
   
    .contact-page{
        overflow:hidden;
    }
    .white-cards-section {
        padding-bottom: 9%;
        font-size:15px;
    }
    .card.white-bg{
        margin-top: 28px;
    }
    .great-things-text br {
        display:none;
    }
    .text-align-left{
        font-size:15px;
    }
    .our-works {
        padding-top: 34px;
    }
    .light-purple-box-master-slider .carousel-item img{
        height:34vh;
    }
    .light-purple-box-master-slider .carousel-control-next-icon, .light-purple-box-master-slider .carousel-control-prev-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: no-repeat 50%/100% 100%;
        margin-top: 253px;
    }
    .services-header{
        font-size:55px;
    }
    .services-text br {
        display:none;
    }
    .lilac-jump-slider {
        padding-bottom: 7%;
        padding-top: 7%;
        min-height: 44%;
        font-size:15px;
    }
    .triangle {
        padding-top: 33px;
    }
    #servicesCarousel>.carousel-indicators {
        top: 80%;
    }
    #servicesCarousel>.carousel-inner {
        top: -80px!important;
    }
    .triangle-text br{
        display:none;
    }
    .triangle-text-1{
        text-align:left;
        color: #000927;
        font-size:15px;
    }
    .triangle-img {
        margin-bottom: 23px;
    }
    .triangle-text {
        text-align: left;
        color: #000927;
        font-size:15px;
    }
    .triangle-small-header{
        font-size: 20px;
        font-weight: 600;
        text-align: left;
    }
    .quote-text {
        margin-top: 19px;
    }
    .quote br {
        display:none;
    }
    .contact-fibre-trade-bg {
        padding-bottom: 11%;
    }
    .our-clients-text br{
        display:none;
    }
    .btn.rounded.white-circle {
        margin-left: 2px;
    }
    .gallery-header{
        font-size:55px;
    }
    .gallery-text br{
        display:none;
    }
    .master-slider-img-2 {
        padding-top: 5%;
        width:auto;
    }
    .contact-header {
        font-size: 38px;
    }
    .contact-text br{
        display:none;
    }
    .contact-info{
        padding-left:15px!important;
        padding-right:15px!important;
    }
    .send::before{
        opacity:1;
        width: 100% !important;
    }
    .text-three {
        left:0;
    }
    .contact-map-img{
        display:none;
    }
    #carouselExampleControls .carousel-item img{
        height:auto;
    }
    .footer {
        overflow: hidden;
    }
}
@media (min-width: 375px) and (max-width: 424px) {
    .home-header{
        background-image:none;
        padding-bottom: 9%;
        height:auto;
        min-height: auto;
    }
    .nav-link-head.active:before{
        display:none;
    }
    .navbar-toggler-icon {
        color: white;
    }
    ul{
        display: contents!important;
        list-style: none;
        text-align: center;
    }
    .squiggle{
        display:none;
    }
    .card-group.home-header-section {
        left: 0;
        top: 0;
    }
    .text-white {
        position: relative;
        left: 0;
    }
    .btn.rounded .text {
        padding-left: 0;
    }
    .text-four{
        left:0;
    }
    #carouselExampleControls .carousel-item img{
        height:auto;
    }
    .second-section-home {
        width: auto;
        margin-left: 0;
        height: auto;
        top:78%;
    }
    .navbar {
        z-index: 99999;
        position:absolute;
        padding:0;
        left: 84%;
        top: -49px;
    }
    .logo-header{
        width: 50%;
        margin-top: 10px;
    }
    .navbar-collapse {
        background-color: #000927;
        min-height: 28vh;
        height: auto;
        left: -542%;
        position: absolute;
        top: 116%;
        width: 608%;
    }
   
    .nav-link-head {
        color:orange;
        z-index: 99999999999;
        position: relative;
        top: 16px;
        left: -7px;
    }
    .nav-link-head a {
        margin-bottom:10px;
    }
    .nav-item{
        margin-bottom: 18px;
    }
    .end-button{
        display:none;
    }
    .connecting {
        padding-top: 8%;
        padding-left: 0;
        font-size: 58px;
    }
    .connecting p br {
        display:none;
    }
    .national-text p br {
        display: none;
    }
    .great-things-text br {
        display:none;
    }
    .btn.rounded.world {
        margin-top: 37px;
        margin-left: 0;
        padding: 7px 44px;
    }
    .mobile-home{
        display:none;
    }
    .world::before{
        width:100%!important;
        opacity:1;
    }
    .about-sub-header br{
        display:none;
    }
    .orange-header br{
        display:none;
    }
    .our-clients-text br{
        display: none;
    }
    .national::before{
        width:100%!important;
        opacity:1;
    }
    .view-gallery::before{
        width:100%!important;
        opacity:1;
    }
    .our-services::before{
        width:100%!important;
        opacity:1;
    }
    .footer-btn::before{
        width:100%!important;
        opacity:1;
    }
    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none;
        outline: none;
    }
    .national-header {
        font-size: 37px;
        padding-top: 10%;
        padding-bottom: 10%;
    }
    .national-text {
        padding-top: 10%;
    }
    .our-services {
        margin-left: 0;
        margin-bottom: 42px;
        margin-top: 13px;
    }
    .rounded-large-image{
        display:none
    }
    .smaller-round-pink-icon{
        display:none
    }
    .great-things-header {
        font-size: 37px;
        margin-top: 0;
        margin-left: 0;
    }
    .great-things-text {
        padding-left: 0;
        padding-top: 16px;
    }
    .great-things-text br{
        DIsplay:none;
    }
    .nav.nav-tabs .nav-link.active::before{
        display:none;
    }
    .white-circle::before{
        opacity:1;
        width: 100% !important;
    }
    span.orange-text {
        position: relative;
        left: 0px;
        color: #F05C15;
    }
    .nav-tabs .nav-item {
        margin-bottom: -1px;
        margin-left: 0;
        margin-top: 0;
    }
    .btn.rounded.view-gallery {
        margin-left: 26%;
    }
    .orange-tab-paragraph {
        left: 0;
        color: #000927;
    }
    .card-body.home a {
        color:white!important;
    }
    .orange-jump-slider {
        padding-top: 2%;
        padding-bottom: 14%;
    }
    .second-section-home-mobile {
        background-color: #F2F5FF;
        padding-bottom: 30px;
        padding-top: 49px;
    }
    .nav.nav-tabs .nav-link {
        color: black;
    }
    .carousel-item img{
        width: 100%;
        height: 10vh;
    }
    .some-great-things {
        padding-bottom: 10%;
        padding-top: 10%;
    }
    .our-clients-gallery {
        height: auto;
    }
    .middle {
        margin-left:0;
    }
    .far.fa-arrow-square-up {
        margin-top: 14px;
        margin-bottom: 14px;
    }
    .our-clients-text br {
        display:none;
    }
    .move-right{
        position: relative;
        left: 30px;
        color:#000927;
        display: flex;
    }
    .center-text-slogan {
        font-size: 15px;
    }
    .about-header{
        font-size: 58px;
    }
    .about-sub-header br{
        display:none;
    }
    .white-map-img {
        width: 100%;
        height: auto;
        margin-bottom: 21px;
    }
    .white-cards-section .card-body {
        top: 0;
        min-height: 34vh;
        height:auto;
        margin-bottom: 9px;
    }
    .card-body.white-about-2 {
        min-height: 46vh;
        height: auto;
    }
    .card.white-bg{
        margin-top: 28px;
    }
    .our-works {
        padding-top: 34px;
    }
    .light-purple-box-master-slider .carousel-item img{
        height:34vh;
    }
    .light-purple-box-master-slider .carousel-control-next-icon, .light-purple-box-master-slider .carousel-control-prev-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: no-repeat 50%/100% 100%;
        margin-top: 253px;
    }
    .services-header{
        font-size: 58px;
    }
    .services-text br {
        display:none;
    }
    .lilac-jump-slider {
        padding-bottom: 5%;
        padding-top: 7%;
        height: auto;
    }
    .triangle-strategy {
        padding-bottom: 5%;
        padding-top: 5%;
    }
    #servicesCarousel>.carousel-indicators {
        top: 80%;
    }
    #servicesCarousel>.carousel-inner {
        top: -80px!important;
    }
    .triangle-text br{
        display:none;
    }
    .triangle-text-1{
        text-align:left;
    }
    .triangle-img {
        margin-bottom: 23px;
    
    }
    .triangle-text {
        text-align: left;
    }
    .triangle-small-header{
        font-size: 20px;
        font-weight: 600;
        text-align: left;
    }
    .quote-text {
        margin-top: 19px;
    }
    .quote br {
        display:none;
    }
    .contact-fibre-trade-bg {
        padding-bottom: 11%;
    }
    .contact-info{
        padding-left:15px!important;
        padding-right:15px!important;
    }
    .our-clients-text br{
        display:none;
    }
    .btn.rounded.white-circle {
        margin-left: 2px;
    }
    .gallery-header{
        font-size: 58px;
    }
    .gallery-text br{
        display:none;
    }
    .master-slider-img-2 {
        padding-top: 5%;
        width:auto;
    }
    .contact-header {
        font-size: 46px;
    }
    .contact-text br{
        display:none;
    }
    .btn.rounded.send {
        margin-top: 10px;
        margin-left: 4px;
        margin-bottom: 10px;
    }
    .contact-map-img{
        display:none;
    }
    .send::before{
        opacity:1;
        width: 100% !important;
    }
    .text-three {
        left:0;
    }
    .footer {
        overflow:hidden;
    }
    .footer i {
        line-height: 30px;
        vertical-align: top;
    }
}
@media (min-width: 425px) and (max-width: 767px) {
    .home-header{
        background-image:none;
        padding-bottom: 8%;
        min-height: 43vh;
    }
    .nav-link-head.active:before{
        display:none;
    }
    .navbar-toggler-icon {
        color: white;
    }
    ul{
        display: contents!important;
        list-style: none;
        text-align: center;
    }
    .squiggle{
        display:none;
    }
    .card-body.home a {
        color:white!important;
    }
    .card-group.home-header-section {
        left: 0;
        top: 0;
    }
    .about-sub-header br{
        display:none;
    }
    .orange-header br{
        display:none;
    }
    .our-clients-text br{
        display: none;
    }
    .connecting p br {
        display:none;
    }
    .national-text p br {
        display: none;
    }
    .great-things-text br {
        display:none;
    }
    .second-section-home {
        width: auto;
        margin-left: 0;
        height: auto;
        top:78%;
    }
    .logo-header {
        width: 50%;
        margin-top: 12px;
    }
    .navbar {
        z-index: 99999;
        position:absolute;
        padding:0;
        left: 84%;
        top: -50px;
    }
    .navbar-collapse {
        background-color: #000927;
        min-height: 31vh;
        height:auto;
        left: -611%;
        position: absolute;
        top: 100%;
        width: 698%;
    }
   
    .nav-link-head {
        color:orange;
        z-index: 99999999999;
        position: relative;
        top: 16px;
        left: -7px;
    }
    .nav-link-head a {
        margin-bottom:10px;
    }
    .nav-item{
        margin-bottom: 18px;
    }
    .text-white {
        position: relative;
        left: 0;
    }
    .btn.rounded .text {
        padding-left: 0;
    }
    .end-button{
        display:none;
    }
    .connecting {
        padding-top: 9%;
        padding-left: 0;
        font-size: 58px;
    }
    .btn.rounded.world {
        margin-top: 27px;
        margin-left: 0;
        padding: 7px 44px;
    }
    .mobile-home {
        display:none;
    }
    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none;
        outline: none;
    }
    .national-header {
        font-size: 37px;
        padding-top: 10%;
        padding-bottom: 10%;
    }
    .national-text {
        padding-top: 10%;
    }
    .our-services {
        margin-left: 0;
        margin-bottom: 43px;
        margin-top: 6px;
    }
    .world::before{
        width:100%!important;
        opacity:1;
    }
    .national::before{
        width:100%!important;
        opacity:1;
    }
    .view-gallery::before{
        width:100%!important;
        opacity:1;
    }
    .our-services::before{
        width:100%!important;
        opacity:1;
    }
    .footer-btn::before{
        width:100%!important;
        opacity:1;
    }
    .footer {
        padding-top: 7%;
        padding-bottom: 4%;
        overflow: hidden;
    }
    .rounded-large-image{
        display:none
    }
    .smaller-round-pink-icon{
        display:none
    }
    .great-things-header {
        font-size: 37px;
        margin-top: 0;
        margin-left: 0;
    }
    .great-things-text {
        padding-left: 0;
        padding-top: 16px;
    }
    .nav.nav-tabs .nav-link.active::before{
        display:none;
    }
    .nav-tabs .nav-item {
        margin-bottom: -1px;
        margin-left: 0;
        margin-top: 0;
    }
    .white-circle::before{
        opacity:1;
        width: 100% !important;
    }
    span.orange-text {
        position: relative;
        left: 0px;
        color: #F05C15;
    }
    .btn.rounded.view-gallery {
        margin-left: 28%;
    }
    .orange-tab-paragraph {
        left: 0;
        color: #000927;
    }
    .orange-jump-slider {
        padding-top: 8%;
        padding-bottom: 13%;
    }
    .second-section-home-mobile{
        background-color: #F2F5FF;
        padding-bottom: 36px;
        padding-top: 52px;
    }
    .nav.nav-tabs .nav-link {
        color: black;
    }
    .carousel-item img{
        width: 100%;
        height: 10vh;
    }
    .master-slider-img-2 {
        padding-top: 4%;
        width:auto;
    }
    .some-great-things {
        padding-bottom: 9%;
        padding-top: 9%;
    }
    .our-clients-gallery {
        height: auto;
        padding-bottom: 9%;
        padding-top: 9%;
    }
    .middle {
        margin-left:0;
    }
    .far.fa-arrow-square-up {
        margin-top: 14px;
        margin-bottom: 14px;
    }
    .our-clients-text br {
        display:none;
    }
    .move-right{
        position: relative;
        left:0;
        color:#000927;
        display:inline-block;
    }
   
    .contact{
        font-size: 15px;
    }
    .center-text-slogan {
        font-size: 15px;
        color:#000927;
    }
    .about-header{
        font-size: 58px;
    }
    .about-sub-header br{
        display:none;
    }
    .white-map-img {
        width: 100%;
        height: auto;
        margin-bottom: 21px;
    }
    .white-cards-section .card-body {
        top: 0;
        height: 44vh;
        margin-bottom: 9px;
    }
    .card-body.white-about-2 {
        height: 56vh;
    }
    .card.white-bg{
        margin-top: 28px;
    }
    .our-works {
        padding-top: 34px;
    }
    .light-purple-box-master-slider .carousel-item img{
        height:34vh;
    }
    .light-purple-box-master-slider .carousel-control-next-icon, .light-purple-box-master-slider .carousel-control-prev-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: no-repeat 50%/100% 100%;
        margin-top: 253px;
    }
    .services-header{
        font-size: 58px;
    }
    .services-text br {
        display:none;
    }
    .lilac-jump-slider {
        padding-bottom: 7%;
        padding-top: 7%;
        min-height: 44%;
    }
    .triangle-strategy {
        padding-bottom: 8%;
        padding-top: 9%;
    }
    #servicesCarousel>.carousel-indicators {
        top: 80%;
    }
    #servicesCarousel>.carousel-inner {
        top: -80px!important;
    }
    .triangle-text br{
        display:none;
    }
    .triangle-text-1{
        text-align:left;
    }
    .triangle-img {
        margin-bottom: 23px;
    }
    .triangle-text {
        text-align: left;
    }
    .triangle-small-header{
        font-size: 20px;
        font-weight: 600;
        text-align: left;
    }
    .quote{
        font-size: 31px;
    }
    .quote-text {
        margin-top: 19px;
    }
    .quote br {
        display:none;
    }
    .contact-fibre-trade-bg {
        padding-bottom: 11%;
    }
    .our-clients-text br{
        display:none;
    }
    .btn.rounded.white-circle {
        margin-left: 2px;
    }
    .gallery-header{
        font-size: 58px;
    }
    .gallery-text br{
        display:none;
    }
    .contact-header {
        font-size: 52px;
    }
    .contact-text {
        font-size: 16px;
    }
    .contact-info{
        padding-left:15px!important;
        padding-right:15px!important;
    }
    .contact-text br{
        display:none;
    }
    .btn.rounded.send {
        margin-top: 10px;
        margin-left: 4px;
        margin-bottom: 10px;
    }
    .contact-map-img{
        display:none;
    }
    #carouselExampleControls .carousel-item img{
        height:auto;
    }
    .send::before{
        opacity:1;
        width: 100% !important;
    }
    .text-three{
        left:0;
    }
} 
/* Tablet & small screens */
@media (min-width: 768px) and (max-width: 991px){
    .home-header {
        background-image: url(/images/home-header.png);
        background-repeat: no-repeat;
        min-height: 54vh;
        background-color: #000927;
        background-size: 87%;
        overflow: hidden;
        background-position: top 80% right;
    }
    .navbar-toggler {
        padding: 30px 0.75rem;
    }
    .fas.fa-arrow-circle-right.orange-grade {
        padding-top: 17px;
    }
    .mobile-home-header {
        display:none;
    }
    .card-body.home a {
        color:#ffffff;
    }
    .mobile-home {
        display:none;
    }
    .nav-link-head.active:before{
        display:none;
    }
    .navbar-toggler-icon {
        color: white;
    }
    .home-header p br{
        display:none;
    }
    ul{
        display: contents!important;
        list-style: none;
        text-align: center;
    }
    .squiggle{
        display:none;
    }
    .card-group.home-header-section {
        left: 0;
        top: 18px;
        display:contents;
    }
    .text-white {
        position: relative;
        left: 0;
    }
    .btn.rounded .text {
        padding-left: 0;
    }
    .world::before{
        width:100%!important;
        opacity:1;
    }
    .national::before{
        width:100%!important;
        opacity:1;
    }
    .view-gallery::before{
        width:100%!important;
        opacity:1;
    }
    .our-services::before{
        width:100%!important;
        opacity:1;
    }
    .footer-btn::before{
        width:100%!important;
        opacity:1;
    }
    .triangle {
        padding-top: 5%;
    }
    .second-section-home {
        width: auto;
        margin-left: 0;
        height: auto;
        top:78%;
    }
    .logo-header {
        width: 30%;
        margin-top: 12px;

    }
    .far.fa-bars{
        font-size: 26px;
    }
    .navbar {
        z-index: 99999;
        position:absolute;
        padding:0;
        left: 84%;
        top: -79px;
    }
    .navbar-collapse {
        background-color: #000927;
        height: auto;
        left: -618%;
        position: absolute;
        top: 83%;
        width: 698%;
        padding-bottom: 15px;
    }
   
    .nav-link-head {
        color:white;
        z-index: 99999999999;
        position: relative;
        top: 16px;
        left: -7px;
    }
    .nav-link-head a {
        margin-bottom:10px;
    }
    .nav-item{
        margin-bottom: 18px;
    }
    .end-button{
        display:none;
    }
    .connecting {
        padding-top: 11%;
        padding-left: 0;
        font-size: 48px;
    }
    .btn.rounded.world {
        margin-top: 17px;
        margin-left: 0;
        padding: 6px 44px;
    }
    .btn.rounded.send::before {
        height: 37px;
    }
    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none;
        outline: none;
    }
    .national-header {
        font-size: 37px;
        padding-top: 3%;
        padding-bottom: 3%;
    
    }
    .national-text {
        padding-top: 23px;
    }
    .our-services {
        margin-left: 0;
        margin-bottom: 25px;
    }
    .rounded-large-image {
        width: 91%;
    }
    
    .great-things-header {
        font-size: 37px;
        margin-top: 11%;
        margin-left: 0;
    }
    .btn.pink-text {
        margin-top: 14px;
        margin-left: 0;
    }
    .great-things-text {
        padding-left: 0;
        padding-top: 16px;
    }
    .great-things-text p br {
        display:none;
    }
    .nav.nav-tabs .nav-link.active::before{
        display:none;
    }
    .nav-tabs .nav-item {
        margin-bottom: -1px;
        margin-left: 0;
        margin-top: 0;
    }
    .btn.rounded.view-gallery {
        margin-left: 37%;
    }
    .orange-tab-paragraph {
        left: 0;
        color: #000927;
    }
    .triangle-text, .triangle-text-1 {
        color: #000927;
    }
    .orange-jump-slider {
        padding-top: 2%;
    }
    .second-section-home-mobile{
        background-color: #F2F5FF;
        padding-bottom: 19px;
        padding-top: 32px;
    }
    .connecting p {
        margin-left: 0;
    }
    .nav.nav-tabs .nav-link {
        color: black;
    }
    .carousel-item img {
        width: 100%;
        height: 23vh;
    }
    .some-great-things {
        padding-bottom: 41px;
        min-height: 135vh;
    }
    .white-circle::before{
        opacity:1;
        width: 100% !important;
    }
    span.orange-text {
        position: relative;
        left: 0px;
        color: #F05C15;
    }
    #greatCarousel>.carousel-indicators {
        bottom: -66px;
    }
    .text-four{
        left:0;
    }
    .orange-header br{
        display:none;
    }
    .our-clients-gallery {
        height: auto;
    }
    .middle {
        margin-left:0;
    }
    .far.fa-arrow-square-up {
        margin-top: 14px;
        margin-bottom: 14px;
    }
    .our-clients-text br {
        display:none;
    }
    .move-right{
        position: relative;
        left: 30px;
        color:black;
        display:inline-block;
    }
    .center-text-slogan {
        font-size: 15px;
    }
    .about-header{
        font-size: 58px;
        padding-top: 8%;
    }
    .about-sub-header br{
        display:none;
    }
    .white-map-img {
        margin-bottom: 0;
        margin-top: 29%;
        width:100%;
    }
    .white-cards-section .card-body {
        top: 0;
        min-height: 67vh;
        height:auto;
        margin-bottom: 9px;
    }
    .card-body.white-about-2 {
        min-height: 67vh;
        height:auto;
    }
    .card.white-bg {
        margin-top: -40px;
    }
    .our-works {
        padding-top: 34px;
    }
    .light-purple-box-master-slider .carousel-item img {
        height: 61vh;
    }
    .light-purple-box-master-slider .carousel-control-next-icon, .light-purple-box-master-slider .carousel-control-prev-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: no-repeat 50%/100% 100%;
        margin-top: 253px;
    }
    .services-header{
        font-size: 58px;
        padding-top: 8%;
    }
    .services-text br {
        display:none;
    }
    .lilac-jump-slider {
        padding-bottom: 7%;
        padding-top: 7%;
        height: 44%;
    }
    #servicesCarousel>.carousel-indicators {
        top: 80%;
    }
    #servicesCarousel>.carousel-inner {
        top: -80px!important;
    }
    .triangle-text br{
        display:none;
    }
    .triangle-text-1{
        text-align:left;
    }
    .triangle-img {
        margin-bottom: 23px;
        width: 60%;
    }
    .triangle-text {
        text-align: left;
    }
    .triangle-small-header{
        font-size: 20px;
        font-weight: 600;
        text-align: left;
    }
    .master-slider-img-2 {
        width: auto;
        padding-top: 4%;
    }
    .quote br {
        display:none;
    }
    .contact-fibre-trade-bg {
        padding-bottom: 0;
    }
    .our-clients-text br{
        display:none;
    }
    .btn.rounded.white-circle {
        margin-left: 0;
        left: -109%;
        top: -28%;
    }
    .gallery-header{
        font-size: 58px;
        padding-top: 4%;
    }
    .gallery-text br{
        display:none;
    }
    .contact-header {
        font-size: 58px;
        padding-top: 4%;
    }
    .contact-text br{
        display:none;
    }
    .btn.rounded.send {
        margin-top: 10px;
        margin-left: 4px;
        margin-bottom: 10px;
        padding: 6px 44px;
    }
    .contact-map-img{
        display:block;
    }
    #carouselExampleControls .carousel-item img{
        height:auto;
    }
    .send::before{
        opacity:1;
        width: 100% !important;
    }
    .text-three {
        left:0;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
     .card-body.home {
        padding-left: 25px;
        padding-top: 15px;
    }
    .nav-link-head {
        margin-left: 19px;
        left: -52px;
    }
    .navbar-nav-header, .nav-item.active:before{
        left:21px;
        top: -39px;
    }
    .nav-item{
        margin-left:0;
        margin-right:0;
    }
    .home-header {
        background-image: url(/images/home-header.png);
        height: auto;
        top: auto;
        background-size: 97%;
        background-position: top -60px right;
        min-height: 94vh;
        margin-bottom: 20px;
    }
    .header .navbar-nav {
        padding-top: 34px;
        padding-left: 12px;
    }
    .nav-link-head.active:before {
        left: 21px;
        height: 101px;
    }
    span.text-white {
        top: -5px;
        left: 25px;
    }
    .btn.rounded:hover:before{
        width: 132%;
    }
    .btn.rounded.national {
        margin-top: 85px!important;
    }
    .orange-header br{
        display: none;
    }
    .great-things-header {
        margin-left: 13%;
        font-size: 52px;
    }
    .great-things-text {
        padding-left: 13%;
    }
    .our-services {
        margin-left: 14%;
    }
    .text-one {
        position: relative;
        left: 5px;
        top: 0;
    }
    .btn.rounded.head-section {
        padding: 3px 38px;
        margin-left: -34px;
        margin-top: -3%;
    }
    .text-two {
        position: relative;
        left: 0;
        top: 0;
    }
    .btn.rounded::before {
        width: 20%;
        height: 33px;
    }
    .btn.rounded.world::before{
        width: 18%!important;
    
    }
    .some-great-things {
        padding-bottom: 13%;
    }
    .white-map-img {
        width: 100%;
        height: auto;
    }
    .orange-box {
        padding-bottom: 14%;
    }
    .white-cards-section .card-body {
        height: 26vh;
    }
    .rounded-large-image {
        width: 100%;
    }
    .lilac-jump-slider {
        min-height: 78vh;
        padding-bottom: 4%;
    }
    #greatCarousel{
        top: -80px;
    }
    span.orange-text {
        left: 0;
        top: 0;
    } 
    .orange-tex {
        padding-top:0!important;
    }
    #servicesCarousel>.carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        top: -137px!important;
    }
    #greatCarousel>.carousel-indicators {
        bottom: -74px;
    }
    .end-button {
        top: 19px;
    }
    .connecting {
        padding-top: 24%;
        padding-left: 0;
    }
    .header-section-layout>.col-md-8 {
        max-width: 49.666667%;
    }
    .header-section-layout{
        padding-bottom: 40px;
    }
    .squiggle {
        display:none;
    }
    .header-mission-row {
        min-height:243px;
        margin-top: 0;
    }
    .second-section-home .row {
        background-color: #F2F5FF;
        padding: 8%;
    }
    .second-section-home {
        bottom: 121px;
        height: 426px;
    }
    .fas.fa-arrow-circle-right.white-grade {
        margin-top: 14px;
    }    
    .orange-header br{
        display:none;
    }
    .nav.nav-tabs {
        margin-top: 0;
    }
    .orange-jump-slider {
        padding-top: 3%;
    }
    .fas.fa-arrow-circle-right.orange-grade {
        margin-top: 8px;
    }
    .lilac-jump-slider .nav.nav-tabs{
        margin-top: 166px!important;
    }
    .logo-header{
        width: 90%;
    }
    .send span {
        top: 0px;
        left: 0;
    }
    .btn.rounded.send {
        margin-left: 16px;
    }
    .middle {
        margin-left:0;
    }
    .move-right {
        position: relative;
        left: 0px;
        color: black;
        display: inline-block;
    }
    .text-four {
        left: 0;
        top: -2px;
    }
    .gallery-header {
        padding-top: 5%;
    }
    .gallery {
        padding-top: 4%;
    }
    .contact-header {
        padding-top: 6%;
    }
    .national-header {
        font-weight: 900;
        font-size: 29px;
    }
    .btn.rounded.white-circle::before {
        width: 19%!important;
        height: 35px;
    }
    .btn.rounded.footer-btn:before {
        height: 35px!important;
        width: 21%;
    }
    .btn.rounded.send::before {
        width: 27%!important;
        height: 35px!important;
    }
    .col-md-5.card-group.home-header-section {
        right: 0;
        top: 49%;
        max-width: 47.666667%;
        z-index: 9999999;
        left: 50%;
    }
    .card.section-one{
        min-width: 31px;
    }
    .btn.rounded.view-gallery::before {
        width: 21%!important;
    }
    .view-gallery {
        padding: 4px 34px;
    }
    .btn.rounded.national::before {
        width: 21%!important;
        height: 35px;
    }
    .btn.rounded .text {
        padding-left: 9px;
    }
    .btn.rounded.our-services::before{
        width: 21%!important;
        height: 35px;
    }
    .btn.rounded.our-services {
        padding: 6px 41px;
    }
}
@media (min-width: 1200px) and (max-width: 1289px){
    .home-header {
        background-image: url(/images/home-header.png);
        background-repeat: no-repeat;
        min-height: 80vh;
        background-color: #000927;
        background-size: 100%;
        overflow: hidden;
        background-position: top 75% right;
        margin-bottom: 0;
    }
    .header-mission-row {
        min-height: 200px;
        margin-top: 0;
    }
    .nav-link-head.active:before {
        left: 21px;
        height: 100px;
    }
    .lilac-jump-slider .nav.nav-tabs {
        margin-top: 167px;
    }
    .connecting {
        padding-top: 20%;
        padding-left: 10%;
    }
    .master-slider-img-2 {
        width: auto;
    }
    .squiggle {
       display:none;
    }
    .logo-header{
        Width:90%;
    }
    .col-md-5.card-group.home-header-section {
        right: 48px;
        top: 56%;
        max-width: 40.666667%;
    }
    .btn.rounded.national {
        margin-top: 43px!important;
    }
    .second-section-home {
        bottom: 66px;
        height: 460px;
    }
    .btn.rounded.world {
        margin-left: 54px;
    }
    .header-section-layout .col-md-8 {
        max-width: 49.666667%;
    }
    .nav.nav-tabs {
        margin-top: 0;
    }
    .card-text br {
        display:none;
    }
    .fas.fa-arrow-circle-right.orange-grade {
        position: relative;
        top: -20px;
    }
    .national-header {
        font-size: 31px;
    }
    .card-body.home {
        padding-left: 32px;
    }
    .orange-jump-slider {
        padding-top: 1%;
    }
    .great-things-header {
        margin-left: 24%;
        font-size: 53px;
    }
    .rounded-large-image {
        width: 86%;
    }
    .great-things-text {
        padding-left: 24%;
        color: #000927;
    }
    .our-services {
        margin-left: 23%;
    }
    .some-great-things {
        padding-bottom: 10%;
    }
    .btn.rounded.send::before {
        width: 29%;
        height: 37px;
    }
    .text-three {
        left: 0;
    }
    .orange-box {
        padding-bottom: 13%;
    }
    .card.white-bg {
        min-height: 24vh;
    }
    .lilac-jump-slider {
        height: 79vh;
        padding-top: 3px;
    }
    .carousel-item {
       margin-top:59px;
    }
    .gallery {
        padding-top:0;
    }
    .footer {
        color: #000927;
    }
}

@media (min-width: 1290px) and (max-width: 1439px), (min-height: 300px) and (max-height: 650px) and (orientation: landscape){
    .connecting {
        padding-top: 14%;
    }
    .second-section-home {
        bottom: 2px;
        height: 553px;
    }
    .home-header {
        min-height: 74vh;
        background-size:80%;
        overflow: hidden;
        background-position: top 60% right;
    }
    .col-md-8.col-lg-7.card-group.home-header-section {
        max-width: 49.333333%;
    }
    .btn.rounded::before {
        width: 20%;
        height: 36px;
    }
    .logo-header{
        width:90%;
    }
    .card-body.home {
        width: 100%;
        padding-left: 30px;
        padding-top: 21px;
    }
    .national-header {
        font-size: 29px;
    }
    .nav-link-head.active:before {
        left: 23px;
    }
    .orange-jump-slider .nav.nav-tabs{
        margin-top: 0px;
    
    }
    .btn.rounded.national {
        margin-top:51px!important;
    }
    .lilac-jump-slider .nav.nav-tabs {
        margin-top: 166px!important;
    }
    .master-slider-img-2 {
        width: auto;
    }
    .header-section-layout .col-md-8 {
        max-width: 49.666667%;
    }
    .squiggle {
     display:none;
    }
    .orange-jump-slider {
        padding-top: 0;
    }
    #greatCarousel>.carousel-inner {
        margin-top: 74px;
    }
    .gallery img{
        height: auto;
    }
    .some-great-things {
        padding-bottom: 9%;
    }
    .great-things-header {
        font-size: 51px;
        margin-left: 30%;
        margin-top: 9%;
    }
    .great-things-text {
        padding-left: 31%;
    }
    .our-services {
        margin-left: 30%;
    }
    .orange-box {
        padding-bottom: 13%;
    }
    .card.white-bg {
        min-height: 26vh;
        height: auto;
    }
    .lilac-jump-slider {
        height: 101vh;
    }
    .card-text br{
        display:none;
    }
    .fas.fa-arrow-circle-right.orange-grade {
        position: relative;
        top: -19px;
    }
    #servicesCarousel>.carousel-inner {
        top: -175px!important;
    }
    .btn.rounded.send::before {
        width: 31%;
        height: 38px;
    }
    .btn.rounded.head-section{
        padding: 5px 44px;
    }
}
@media (min-width: 1300px) and (max-width: 1439px){
    .home-header {
        min-height: 100vh!important;
    }
    .second-section-home {
        bottom: 119px;
        height: 435px;
    }
    .btn.rounded.send::before {
        width: 32%;
        height: 38px;
    }
}
@media (min-width: 1440px) and (max-width: 1600px){
    .header-section-layout .col-md-8 {
        max-width: 55.666667%;
    }
    .national-header {
        font-size: 33px;
    }
    .btn.rounded.national {
        margin-top: 31px!important;
    }
    .card-body.home {
        padding: 10px 15px!important;
    }
    .connecting {
        padding-top: 7%;
        padding-bottom: 14px;
    }
    .second-section-home .row {
        padding: 8%;
    }
    .second-section-home {
        bottom: 117px;
        height: 460px;
    }
    .orange-jump-slider .nav.nav-tabs {
        margin-top: -10%;
    }
    .home-header {
        background-size: 74%;
        min-height: 85vh;
        background-position: top 90% right;
    }
    .great-things-header {
        font-size: 50px;
        margin-top: 9%;
    }
    .header-mission-row {
        min-height: 130px;
        margin-top: -18px;
    }
    .some-great-things {
        padding-bottom: 8%;
    }
    .squiggle {
        left: -155px;
        width: 35%;
        bottom: 99%;
    }
    .orange-jump-slider {
        padding-top: 7%;
    }
    .card.white-bg {
        min-height: 25vh;
    }
    .orange-box {
        padding-bottom: 12%;
    }
    #greatCarousel {
        top: -132PX;
    }
    .lilac-jump-slider {
        min-height: 89vh;
        padding-top: 3px;
    }
    .btn.rounded.send::before {
        width: 32%;
        height: 38px;
    }
}