#main {           
            padding: 0;
            margin: 0;
            background-color: #f2f2f2!important;
            color: #333;
            height: 100%;
        }
        .background-buff
        {
            height:100% !important;
        }
       
        h1, h2 {
            margin: 0 0 32px 0;
        }
        h1 {
            font-size: 38px;
        }
        h2 {
            font-size: 28px;
            line-height: 33px;
            font-weight: bold;
        }
        
		.cta-module
		{
			padding-top:0!important;
            padding-bottom:0px!important;
			padding: 0px 0 !important;
            background-color:#f2f2f2!important;
		}
        
        .pdct-logo, .home-logo  {
            max-width: 100%;
        }
        .pdct-logo {
            height: 23px;
            margin-bottom: 16px;
            width: auto;
        }
        .home-logo {
            height: auto;
            margin-bottom: 24px;
        }
        .btn {
            height: 40px;
            padding: 0 24px;
            background-color: #fff;
            color: #333;
            font-size: 16px;
            font-weight: bold;
            border-radius: 3px;
            position: relative;
            border: 1px solid #b2b2b2;
            min-width: 209px;
        }
        .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 {
            background-color: #333;
            color: #CFAC8C;
            border: 1px solid #CFAC8C;
        }
        .oneap .btn:hover {
            background: rgba(242, 242, 242, 0.2);
            transition: background 0.3s ease-in-out;
        }
        .oneap .btn:after {
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
        }
        .wrapper-tech {
            margin: 24px;
            border-radius: 3px;
            border: none;
            background-color: #fff;
            text-align: center;
        }
        /* .column { */
            /* padding: 48px 24px; */
            /* background-size: cover; */
            /* min-height: 200px; */
        /* } */
        .transparent {
            background-color: transparent !important;
        }
        .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;
        }
        
        @media(max-width:414px)
        {
            #main
            {
                padding-bottom:0

            }
            .container {
                margin-right: auto;
                margin-left: auto;
                padding-left: 0px !important;
                padding-right: 0px !important;
            }
            .row {
                margin-left: 0px !important;
                margin-right: 0px !important;
            }
        }

        @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-tech {
                display: flex;
                flex-direction: row;
                width: calc(100% - 96px);
                max-width: 1140px;
                margin: 0 auto 48px auto;
                text-align: left;
            }
            .page-end {
                margin: 0 auto 96px auto;
            }
            .btn {
                min-width: 0;
            }
            .app-wrapper {
                width: calc(100% - 96px);
            }
            .masthead {
                margin: 0 0 48px 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);
            }
            
        }

        @media (min-width: 768px) 
        {
            #main 
            {
                height: auto;
            }

            .masthead 
            {
                height: 100%;
            }

        }
.wrapper-tech .modal .modal-content .modal-body iframe {
    width: 100%;
    height: 300px;
}
@media (max-width: 768px) {
    #main {
        height: auto;
    }

    #main .masthead {
        height: 100vh;
    }
}