html, 
        body {
            padding: 0;
            margin: 0;
            height: 100%;
        }
        html {
            scroll-behavior: smooth;
        }        
        .mob-menu .main-menu ul li a{
            padding: 15px 10px 15px 25px !important;
        }
        body.main-layout {
            color: #333;
        }
        #main,
        .background-buff,
        .technology-wrapper {
            background-color: #f2f2f2;
        }
        #main {
            padding-bottom: 0;
        }
        h1, h2 {
            margin: 0 0 32px 0;
            line-height: 1;
        }
        h1 {
            font-size: 38px;
        }
        h2 {
            font-size: 28px;
            line-height: 33px;
            font-weight: bold;
        }
        h3 {
            font-size: 21px;
            margin: 0 0 16px 0;
        }
        p {
            font-size: 20px;
            line-height: 25px;
            margin: 0 0 32px 0;
        }
        .pdct-logo, .home-logo  {
            max-width: 100%;
        }
        .pdct-logo {
            height: 23px;
            margin-bottom: 16px;
            width: auto;
        }
        .home-logo {
            height: auto;
            margin-bottom: 24px;
        }
        .btn {
            padding: 10px 24px;
            background-color: #fff;
            color: #333;
            font-size: 16px;
            font-weight: bold;
            border-radius: 3px;
            position: relative;
            border: 1px solid #b2b2b2;
        }
        .btn:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            box-shadow: 0 5px 15px rgba(0,0,0,0.25);
            opacity: 0;
            transition: opacity 0.3s ease-in-out;
        }
        .btn:hover {
            cursor: pointer;
        }
        .btn:hover:after {
            opacity: 1;
            cursor: pointer;
        }
        .btn.primary {
            background-color: #e0a33a;
            border: none;
        }
        .oneap .btn, .lgold {
            background-color: #333;
            color: #CFAC8C;
            border: 1px solid #CFAC8C;
        }
        .oneap .btn:hover, .lgold:hover {
            background: rgba(242, 242, 242, 0.2);
            transition: background 0.3s ease-in-out;
        }
        .oneap .btn:after, .lgold:after {
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
        }

        .blk {
            background-color: transparent;
            border: 1px solid #333;
        }

        .sml {
            padding: 3px 16px;
            font-size: 14px;
            line-height: 16px;
        }

        .m16 {
            margin: 16px;
        }
        .wrapper {
            margin: 24px;
            border-radius: 3px;
            border: none;
            background-color: #fff;
            text-align: center;
        }
        .column {
            padding: 48px 24px;
            background-size: cover;
            min-height: 200px;
            background-position-x: 1px;
        }
        .transparent {
            background-color: transparent;
        }
        .icon {
            display: block;
            margin: auto;
        }
        .data {
            font-size: 48px;
            font-weight: 700;
        }
        .flex {
            display: flex;
        }
        .centered-content {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            text-align: center; 
            min-height: 300px;
        }
        .centered-content p {
            font-size: 18px;
            margin: 0;
        }
        .bottom-content {
            align-self: flex-end;
        }
        .sc-home {
            background-image: url('images/technology-home-mobile@2x-min.jpg');
            border-radius: 3px;
        }
        .sc-home-wrapper .btn {
            margin: 8px;
        }
        .oneap, .onefone {
            margin-bottom: 24px;
            background: #fff;
            border-radius: 3px;
            padding: 48px 24px;
            background-size: cover;
            min-height: 200px;
        }
        .oneap {
            background-color: #333;
            color: #fff;
        }
        .oneap-image {
            margin: -48px 0 48px 0;
            max-width: 100%;
            height: auto;
        }
        .onefone {
            background-image: url('images/technology-onefone-mobile-min.jpg');
            padding-bottom: 79%;
            background-repeat: no-repeat;
            background-position-y: 100%;
            background-size: 100%;
        }
        .wifi {
            padding: 48px 24px 24px 24px;
            box-sizing: border-box;
            text-align: center;
        }
        .free-wifi {
            background: #f2f2f2;
        }
        .secure-wifi {
            color: #fff;
            background: #333;
        }
        .custom-wifi {
            background: #CFAC8C;
        }
        .wifi-plans {
            text-align: center;
            width: 100%;
            margin: 48px 0 0 0;
        }
        .wifi-plan {
            padding: 48px 24px;
            margin: 0 0 16px 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .wifi-plan p {
            margin: 0;
            font-size: 16px;
            font-weight: bold;
        }
        .wifi-plan:first-child {
            border-radius: 3px 3px 0 0;
        }
        .wifi-plan:last-child {
            border-radius: 0 0 3px 3px;
            margin: 0;
        }
        .broadband {
            background-image: url('images/technology-internet-mobile-min.jpg');
            border-radius: 3px 3px 0 0;
        }
        .onefax {
            background-image: url('images/technology-onefax-mobile@2x-min.jpg');
            border-radius: 3px;
            background-position-y: 100%;
            background-repeat: no-repeat;
        }
        .phone {
            background-image: url('images/technology-phone-network-min.jpg');
            border-radius: 3px;
            background-repeat: no-repeat;
        }
        .support {
            background-image: url('images/technology-support-mobile-min.jpg');
            background-position: center;
            border-radius: 3px 3px 0 0;
        }
        .rvs-column {
            flex-direction: column-reverse;
            display: flex;
        }
        .block-element {
            display: block !important;
        }
        .page-end {
            margin: 24px 24px 48px 24px;
        }
        .content-block {
            padding: 48px 24px; 
            box-sizing: border-box;
        }
        .content-block h2, 
        .content-block p,
        .wifi-package p {
            max-width: 610px;
            margin-left: auto; 
            margin-right: auto; 
        }  
        .content-block img {
            max-width: 100%;
            height: auto;;
        }
        .text-block {
            max-width: 610px;
            margin-left: auto;
            margin-right: auto;
        }
        .two-cols {
            text-align: center;
            width: 100%;
        }
        .left-col, .right-col {
            background-size: cover;
            padding: 24px 0;
        }
        .technology-wrapper .specs {
            background-color: #333;
            padding: 24px;
            color: #f2f2f2;
            flex-wrap: wrap;
        }
        .specs p,
        .specs ul {
            font-size: 14px;
        }
        .specs-ul {
            margin: 0;
            padding: 0 0 0 16px;
            line-height: 25px;
        }
        .specs-ul li {
            padding: 0 0 0 16px;
        }
        .flex-center {
            align-items: center;
            justify-content: center;
            display: flex;
        }
       .technology-wrapper .col-wrapper {
            border-radius: 3px;
            margin: 24px;
            text-align: center;
            background: none;
        }
        .col-1, .col-2, .col-3 {
            padding: 48px 24px;
        }
        .col-space {
                margin: 24px 0;
        }
        .align-center {
            align-content: center;
            justify-content: center;
        }
        .subtext {
            font-size: 16px;
            line-height: 22px;
            color: #808080;
        }
        .anchor {
            display: block;
            position: relative;
            top: -140px;
            visibility: hidden;
        }
        section.servcorp-breadcrumb,
        .breadcrumbs {
            list-style: none;
            padding: 16px;
            color: #333;
        }
        section.servcorp-breadcrumb li,
        .breadcrumbs li {
            display: inline;
            font-size: 14px;
            color: #808080;
        }
        section.servcorp-breadcrumb li:last-of-type,
        .breadcrumbs li:last-of-type {
            color: #333;
        }
        @media (-webkit-min-device-pixel-ratio: 2), 
        (min-resolution: 192dpi) { 
            .onefone {
                background-image: url('images/technology-onefone-mobile@2x-min.jpg');
            }
            .broadband {
                background-image: url('images/technology-internet-mobile@2x-min.jpg');
            }
            .phone {
                background-image: url('images/technology-phone-network@2x-min.jpg');
            }
            .support {
                background-image: url('images/technology-support-mobile@2x-min.jpg');
            }
        }
        @media all and (min-width: 321px){ 
       
            h1 {
                font-size: 48px;
            }

        }
        @media all and (min-width: 550px){ 
            .column {
                padding: 48px;
                min-height: 200px;
            }
        }
        @media all and (min-width: 640px){ 
            .app-wrapper {
                display: flex;
                flex-direction: row;
                width: calc(100% - 48px);
                max-width: 1140px;
                margin: 0 auto 24px auto;
                text-align: left;
            }
            .app-content {
                max-width: 78%;
            }
            .oneap, .onefone {
                padding: 24px;
                width: 50%;
            }
            .oneap {
                margin: 0 24px 0 0;
            }
            .oneap-image {
                margin: -24px 0 48px 0;
                max-width: 100%;
                height: auto;
            }
            .onefone {
                margin: 0;
                background-image: url('images/technology-onefone-min.jpg');
                background-position-y: -100px;
                background-position-x: 50px;
            }
            .wifi {
                padding: 96px 16px 16px 16px;
                text-align: center;
            }
            .wifi-plans {
                display: flex;
            }
            .wifi-plan {
                width: 33%;
                margin: 0;
            }
            .wifi-plan:first-child {
                border-radius: 3px 0 0 3px;
                margin: 0 16px 0 0;
            }
            .wifi-plan:last-child {
                border-radius: 0 3px 3px 0;
                margin: 0 0 0 16px;
            }

        }

        @media all and (min-width: 950px){ 
            .wrapper {
                display: flex;
                flex-direction: row;
                width: calc(100% - 96px);
                max-width: 1140px;
                margin: 0 auto 48px auto;
                text-align: left;
                z-index: 1;
            }
            .page-end {
                margin: 0 auto 96px auto;
            }
            .btn {
                display: inline;
                min-width: 0;
            }
            .app-wrapper {
                width: calc(100% - 96px);
            }
            .masthead {
                margin: 0 0 48px 0;
            }
            section.servcorp-breadcrumb {
                height: 48px;
                padding: 0;
                width: 100%;
                padding: 0 48px;
                box-sizing: border-box;
            }
            section.servcorp-breadcrumb .container {
                max-width: 1140px;
                width: 100%;
                padding: 24px 0;
            }
            .sc-home-wrapper .btn {
                margin: 0 16px 0 0;
            }
            .sc-home {
                background-image: url('images/technology-home-min.jpg');
            }
            .rvs-row {
                flex-direction: row-reverse;
            }
            .data {
                font-size: 72px;
            }
            .centered-content p {
                font-size: 24px;
            }
            .centered-content {
                min-height: 0;
            }
            .column {
                width: 50%;
                padding: 144px 48px;
            }
            .wifi {
                text-align: center;
            }
            .broadband {
                background-image: url('images/technology-internet-min.jpg');
                border-radius: 3px 0 0 3px;
            }
            .pdct-logo {
                height: auto;
            }
            .oneap, .onefone {
                padding: 48px;
            }
            .oneap-image {
                margin: -48px auto 48px auto;
                display: block;
            }
            .onefax {
                background-image: url('images/technology-onefax-min.jpg');
                border-radius: 3px;
            }
            .phone {
                background-size: cover;
                background-position-x: 100%;
            }
            .support {
                border-radius: 0 3px 3px 0;
            }
            a.middle {
                position: relative;
            }
            a.middle:before {
              content: "";
              position: absolute;
              width: 100%;
              height: 4px;
              bottom: 0;
              left: 0;
              background-color: #e0a33a;
              visibility: hidden;
              transform: scaleX(0);
              transition: all 0.3s ease-in-out;
            }
            a.middle:hover:before {
              visibility: visible;
              transform: scaleX(1.25);
            }

            .content-block {
                text-align: center;
            }    
            .two-cols {
                display: flex;
                text-align: center;
                margin: 48px 0 0 0;
            }
            .left-col, .right-col {
                width: 50%;
            }
            .specs .left-col, 
            .specs .right-col {
                max-width: 542px;
                margin-bottom: 24px;
            }
            .left-col, 
            .right-col {
                padding: 0 24px;
            } 
            .data-wrapper {
                display: inline-block;
                margin: 0 48px;
            }
            .data-wrapper p {
                margin: 0;
            }
            .technology-wrapper .col-wrapper {
                display: flex;
                flex-direction: row;
                width: calc(100% - 96px);
                max-width: 1140px;
                margin: 0 auto 48px auto;
            }
            .col-1, .col-2, .col-3 {
                width: 33%;
            }
            .col-space {
                margin: 0 16px 0 0;
            }
            .col-space:last-child {
                margin: 0;
            }
            .technology-wrapper .specs {
                justify-content: center;
                display: flex;
                padding: 64px;
            }
        
            
        }