@media only screen and (max-width: 768px){
    .hbspt-form fieldset.form-columns-2 > div {
        width: 100%!important;
    }
    .ph-floatimg img.ph-floatimg-mobile {
        position: relative;
        margin-top: 0;
    }

    .phpersona_drpdwndivinner button{
        /* display: flex; */
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .phpersona_drpdwndivinner button::after{
        vertical-align: 0;
        margin-left: 20px;
        height: 18px;
        
    }
    .img-leafs {
        /* display: none!important; */
        position: relative;
    }
    .comp-faq {
        padding: 50px 0;
    }
    .pink-outline {
        -webkit-text-stroke: 1.5px var(--color-pink)
    }
    .nextline { 
        display: inline-block;
    }
    .sticky > .container { padding: 25px!important; }
    .sticky > .temp-container {
        margin-top: -38px;
    }
    /* .site-header .img-fluid { width: 150px; } */
    .slick-testimonials {
        margin-top: 50px; margin-bottom: 50px;
    }
    .ph-floatimg img {
        bottom: 0px;
    }
    .slick-testimonials .st-item .image-cropper-circle { width: 150px; height: 150px; }
    .slick-testimonials .st-item { padding: 30px; }
    .circle-button-aqua { margin-top: 50px; font-size: 18px; padding-top: 29px; }
    .p-masthead:not(.ishome) a:not(.circle-button-aqua):not(.ghost-button):not(.btn-demovid):not(.btn-aqua):not(.btn-pink) { background: #EBF1FB; }
    .pds_menuItems .dropdown-item, .button-anchor-group a {
        background: transparent!important;
    }
    .ph-ready-actions .circle-button-aqua { 
        margin-top: 20px;
        margin-bottom: -50px;
    }
    .ph-ready-complete, .ph-ready {
        margin-bottom: 80px;
    }
    .ph-ready-footer+.ph-ready{
        margin-bottom: -20px;
    }
    .circle-button-aqua { 
        height: 100px;
        width: 100px;
    }
    .ph-btnseemore {
        margin-top: -90px;
    }
    /* .circle-button-aqua:hover {
        width: 130px;
        height: 130px;
    } */
    .ph-ready-actions > img, .ph-ready-footer-actions > img {
        margin-left: 10px;
    }
    .ph-ready-actions > img { margin-top: -25px; position: absolute; }
    .page-home .ph-ready-top { margin: 50px auto -70px; }
    /* .ph-ready-top { margin: 50px auto -115px; } */
    .ph-ready-footer .ph-ready-top { width: 60%; }
    /* .ph-ready-top-footer { margin: -540px auto 50px; } */
    .ph-ready-top-footer, 
    .call-to-action-box p, .how-it-works-step video, .persona-step img { 
        width: 100%; max-width: 100%;
        z-index: 1;
    }
    .plan-columns > div > div { margin-bottom: 50px; }
    .service-comparison { padding: 110px 20px; }
    .pcu-inner {
        padding: 0px!important;
    }
    .pcu-inner .pcu-innerdiv {
        padding: 50px 35px 0;
    }
    .pcu-inner form {
        padding: 20px;
    }
    .pcu-inner form button {
        width: 100%;
    }
    .page-contact-us {  
        padding-left: 20px;
        padding-right: 20px;
    }
    .page-demo .mastheadimg, .page-newsletter .mastheadimg {
        width: 100%;
        position: initial;
    }
    .pd-formdiv {
        background: linear-gradient(309deg, rgba(31,22,116,1) 0%, rgba(67,34,121,1) 50%, rgba(81,39,122,1) 100%);
        margin: 0px;
    }
    .pd-form .pd-forminner,
    .pcu-inner .row > div:last-child {
        min-height: auto;
    }
    .work-delesign h2 {
        margin-bottom: 30px;
    }
    .comp-designers .slick-testimonials .st-item {
        padding-top: 60px;
    }
    .comp-designers .slick-testimonials .st-item .st-item-body {
        margin-top: 0px;
    }
    .comp-designers .slick-testimonials .st-item .image-cropper-circle {
        margin-top: -105px;
    }
    .form-submit-done {
        position: initial;
        top: 0;
        left: 0;
        transform: unset;
        padding: 30px;
    }
    .core-values-box { 
        padding: 50px 30px;
    }
    .learn-more {
        padding-top: 30px;
    }
    .page-scope-of-service-developer .checklist,
    .page-scope-of-service-writer .checklist,
    #display-blog {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .features .row > div:first-child,
    .features .row > div:last-child,
    .features .row > div {
        padding: 0px;
    }
    .feature-box {
        padding: 30px 10px;
    }
    .team-slider .slick-prev,
    .team-slider .slick-next {
        display: none!important;
    }
    .slider-tab a {
        font-size: 16px;
    }
    .slider-tab {
        display: block;
        margin-left: 0px;
    }
    .scrollonmobile.parent{ 
        width:100%; overflow:hidden; border-bottom-left-radius: 50px; border-top-left-radius: 50px;
        margin-left: 10%;
    }
    .slidertab-container{ width:1730px; left:-710px; position:relative;}
    .slider-tab{ 
        /* width:755px;  */
        width:500px; 
        float:left; font-size:15px; padding:10px; 
        left:720px; 
        /* left:445px;  */
    }
    .clear { clear:both; }
    .slider-tab {
        margin-bottom: 0px;
    }
    .meet-the-team .container {
        max-width: 100%;
        padding-right: 0px!important;
    }
    .meet-the-team .container > .heading-h2 {
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;    
    }
    .team-slider .slick-dots {
        width: 90%;
    }
    /* .page-careers .p-masthead {
        padding-top: 90px;
    } */
    .page-careers .background {
        width: calc(100% + 950px);
        left: -475px;
    }
    .page-scope-of-service .plan-price {
        margin-bottom: 0px;
    }
    .service-comparison {
        background-size: 125%;
        padding-bottom: 0px;
    }
    .page-design-samples .ph-btnseemore {
        margin-top: 80px;
    }
    .pds_drpdwndivinner button {
        font-size: 30px;
    }
    .pds_drpdwndivinner button::after {
        vertical-align: 5%;
    }
    .slick-testimonials .slick-track {
        overflow: hidden;
        padding-top: 35px;
    }
    .page-careers .slick-testimonials .slick-track {
        overflow: hidden;
        padding-top: 50px;
    }
    .slick-testimonials .slick-dots {
        bottom: -80px;
    }
    .p404-inner p {
        width: 300px;
    }
    .page-404 .pink-outline {
        font-size: 90px;
    }
    .p404-white {    
        margin-top: -220px;
        z-index: 1;
        border-top-left-radius: 70% 190px !important;
        border-top-right-radius: 40% 100px !important;
        margin-bottom: -590px;
    }
    .ph-gohome {
        margin-top: 0px;
        margin-bottom: 0px;
        position: relative;
    }
    .p404-inner .container {
        transform: scale(1.3);
        max-width: calc(100% + 400px);
    }
    .img-clouds {
        margin-bottom: 10px;
        width: calc(100% + 200px);
        margin-left: -100px;
    }
    .benefits-box {
        padding: 10px 0px;
    }
    .apply-form-sc .shift-row .form-check, .apply-form-sc .availability-row .form-check {
        display: block;
        height: auto;
        margin: 10px 0px;
    }
    .apply-form-sc .form-wrap.col-md-12 {
        padding-bottom: 0px;
    }
    .page-sub .job-offerings .content{
        flex-direction: unset;
        align-items: unset;
        padding-right: 0px;
        display: block;
    }
    .page-sub .job-offerings .content img{
        align-self: unset;
        width: calc(100% + 40px);
    }
    #popup-50off .modal-body {
        padding: 30px;
    }
    .newline {
        display: inline;
    }
    .scope-column { padding: 50px; }
    .scope .footnote { position: initial; width: 100%; }
    .phimage { width: 100%; }
    .phh-item h2 { font-size: 27px; }
    .inner-white {
        padding: 15px;
    }
    .core-values {
        padding: 0px;
    }
    .page-home .p-masthead {
        z-index: 2;
    }
    .ph-ourworks .ph-hiw-item,
    .ph-ourworks .row > div:first-child .ph-hiw-item,
    .ph-ourworks .row > div:last-child .ph-hiw-item {
        padding: 15px 0px;
    }
    .page-home .p-masthead .container .align-items-center {
        align-items: center!important;
    }
    .free-resources-right, .how-it-works-right, .persona-right {
        padding-right: 15px;
    }
    .free-resources-left, .how-it-works-left, .persona-left {
        padding-left: 15px;
    }
    .site-footer-white {
        padding: 100px 80px 80px;
    }
    .bg-divider:before { width: 99%; }
    .comp-testimonials.persona-home { margin-top: 80px; }
    .ph-floatimg-mobile {
        width: calc(100% + 300px);
        margin-top: -150px;
        margin-left: -150px;
    }
    /* .ideal-solution { margin-top: 0px; padding-top: 20px; } */
}
@media only screen and (width: 768px){
    .phh-item h3, .features h3 {
        font-size: 25px;
    }
    .phh-item {
        padding: 40px 15px 0 15px;
    }
    .ph-ready-complete .container > a { margin-bottom: -155px; }
    .comp-testimonials { padding: 50px 0 100px; }
    .ph-ourworks {
        border-top-left-radius: 70% 600px !important;
        border-top-right-radius: 40% 200px !important;
        border-bottom-left-radius: 40% 100px !important;
        border-bottom-right-radius: 70% 500px !important;
    }
    .ph-btnseemore { margin-top: -57px; }
    .phimage { width: 350px; bottom: 2%; }
    .page-home .p-masthead .container .align-items-center { 
        align-items: start!important;
    }
    .ph-how-outer .phho-0 { bottom: -150px; }
    .free-resources-right, .how-it-works-right, .persona-right {
        padding-right: 3rem;
    }
    .free-resources-left, .how-it-works-left, .persona-left {
        padding-left: 3rem;
    }
    .ph-ready-footer .container { padding: 100px 30px; }
    #menu .img-fluid { width: 250px; }
    .bg-divider:before { width: 95%; }
    .comp-testimonials.persona-home { margin-top: 80px; }
    .page-home .p-masthead { height: 1040px; }
    .ideal-solution { margin-top: 60px; }
}
@media only screen and (max-width: 767px){
    .pcu-innerdiv > img {
        position: initial;
        margin-bottom: 0px;
    }
    .page-home .p-masthead { background: unset; }
    .slick-testimonials .st-item .st-item-body .st-rating img { width: 20px; height: 20px; }
    .slick-testimonials .st-item .image-cropper-circle {
        margin-top: -60px;
    }
    .slick-testimonials .st-item .image-cropper-circle { width: 100px; height: 100px; }
    .slick-testimonials .st-item .st-item-body { padding-left: 0px; margin-top: -40px; }
    .p-masthead svg.pink-outline { font-size: 48px; }
    .p-masthead { height: auto; }
    .p-masthead .blue-fill { font-size: 44px; }
    .p-masthead .pink-outline, .p-masthead .blue-outline { font-size: 46px; }
    .p-masthead p, .slick-testimonials .st-item .st-item-body { width: 100%; }
    .page:not(.how-it-works) .p-masthead a img { margin-top: 5px; }
    .p-masthead .d-flex div:not(.com-mastheadprice) { position: initial; }
    .com-mastheadprice { left: 50%!important; transform: translateX(-50%); }
    .com-mastheadprice + img { top: 98px; left: 50%!important; transform: translateX(-50%); }
    .page-home .p-masthead .circle-button-aqua { margin-top: 80px; }
    .ph-ourworks {
        border-top-left-radius: 50% 100px !important;
        border-top-right-radius: 60% 100px !important;
        border-bottom-left-radius: 50% 100px !important;
        border-bottom-right-radius: 50% 100px !important;
        /* padding-top: 5px; */
        padding-top: 150px;
        /* margin-top: -55px; */
        /* padding-bottom: 350px; */
        padding-bottom: 100px;
    }
    /* .ideal-solution {
        border-top-left-radius: 50% 100px !important;
        border-top-right-radius: 60% 100px !important;
        padding-top: 150px;
    } */
    h2, .heading-h2, .ph-need h2, .pcu-inner .pcu-innerdiv h2, .page-sub .heading-h2 {
        font-size: 35px;
    }
    /* .ph-ourworks .row > div:last-child .ph-hiw-item,
    .ph-ourworks .row > div:first-child .ph-hiw-item { padding: 30px; } */
    /* .ph-hiw-item label { position: initial; } */
    label.small-title { font-size: 18px; }
    /* .ph-btnseemore { margin-top: -350px; } */
    .ph-btnseemore { margin-top: -55px; }
    .ph-carousel { padding-top: 50px; }
    .slick-testimonials .st-item .st-item-body .st-logo img { width: 80px; }
    .slick-testimonials .st-item hr { margin-top: 20px; }
    .slick-testimonials .slick-next {
        /* right: -25px; */
        right: 0px;
        top: 50%; transform: translateY(-50%);
    }
    .slick-testimonials .slick-prev {
        left: -25px; right: auto;
        top: 50%; transform: translateY(-50%);
        z-index: 1;
    }
    .slick-testimonials .slick-dots li button,
    .slick-testimonials .slick-dots li button:before,
    .slick-testimonials .slick-dots li {
        height: 10px; width: 10px;
    }
    .slick-testimonials .slick-dots li.slick-active button:before { font-size: 12px; }
    .page p {
        font-size: 16px;
        line-height: 1.5;
    }
    h4 { font-size: 18px; }
    /* .p-masthead { padding-top: 0px; } */
    .p-masthead svg.pink-outline { height: 110px; }
    .comp-testimonials {
        padding: 0px 20px 80px;
    }
    .ph-need .container > .row { padding: 30px!important; }
    .ph-need p { padding-right: 0px; }
    /* .page, .page:not(.page-home) { padding-top: 110px; } */
    .page, .page:not(.page-home) { padding-top: 200px; }
    .page-home { padding-top: 0; }
    .other-services .plan-columns > div > div:first-child,
    .service-comparison .plan-columns > div > div:first-child {
        border-right: unset;
    }
    .page.how-it-works .comp-faq {
        padding-top: 50px;
    }
    .ph-btnlearnmore { margin-top: -55px; }
    /* .ph-how { padding-bottom: 150px; margin-top: 0px; } */
    .page-careers:not(.page-sub) .p-masthead {
        padding-top: 100px;
    }
    .page-careers .background { top: 60px; }
    .scope { margin-bottom: 60px; }
    .inner-white .front-content > img {
        margin-bottom:  -15px;
        width: calc(100% + 70px);
        margin-left: -35px;
    }
    .img-leafs { display: none!important; }
    .ph-ready-footer .container {
        max-width: 540px;
    }
}
@media only screen and (max-width: 577px){
    .page, .page:not(.page-home) {
        padding-top: 110px;
    }
    .page-home {
        padding-top: 0;
    }
    .page-applicationsubmitted .p-masthead {
        margin-bottom: 0px;
    }
    .ph-ourworks { 
        padding-left: calc(30% + 20px); padding-right: calc(30% + 20px);
        padding-top: 100px;
    }
    /* .ph-ourworks h2 { margin-bottom: 50px; } */
    /* .ph-ourworks .row > div:last-child .ph-hiw-item, 
    .ph-ourworks .row > div:first-child .ph-hiw-item {  
        padding: 0px; 
    }
    .ph-ourworks .row > div { margin-top: 0px; } */
    .ph-ready { 
        padding-left: calc(30% + 20px); padding-right: calc(30% + 20px); 
        padding-top: 100px; 
        /* padding-bottom: 100px;  */
        padding-bottom: 0px;
    }
    /* .ideal-solution { 
        padding-left: 30%; padding-right: calc(30% + 20px); 
        padding-top: 100px; 
        padding-bottom: 0px;
    } */
    .ph-ready-complete { padding-left: calc(30% + 20px); padding-right: calc(30% + 20px); }
    .ph-ready-complete .container > img { width: 100%; }
    .site-footer { padding: 50px; margin-left: 30px; }
    .site-footer { padding: 80px 50px 50px; margin-left: 30px; }
    .site-footer-white { padding: 120px 50px 50px; }
    .sf-menu li a { font-size: 13px; }
    .ph-need img { margin: -20px auto -30px!important; }
    /* .ph-ready-top { margin-top: 0px; } */
    .page-home .ph-ready-top { margin: 0px auto -50px; }
    .ph-ready-top-footer { margin: 0px auto -85px; }
    .ph-ready-footer h2 { width: 100%; }
    .ph-ready-footer { margin-bottom: -30px; }
    .ph-ready-footer .container, .ph-ready {
        border-top-left-radius: 50% 50px !important;
        border-top-right-radius: 50% 50px !important;
        border-bottom-left-radius: 50% 50px !important;
        border-bottom-right-radius: 50% 50px !important;
    }
    .ph-ready-footer-actions > img {
        left: unset; top: 0; margin-top: 10px;
        position: absolute; 
    }
    .call-to-action-box {
        padding: 50px 30px;
    }
    .scope-column {
        padding: 30px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .page-scope-of-service-developer .checklist li, .page-scope-of-service-writer .checklist li {
        padding: 0px;
    }
    .meet-the-team .container > .heading-h2 {
        max-width: 90%;
    }
    .scrollonmobile.parent {
        margin-left: 0px; 
    }
    .meet-the-team .container > .heading-h2 {
        max-width: 100%;
    }
    .page-careers .background {
        width: 100%;
        left: 0;
        top: 80px;
    }
    .page-careers:not(.page-applicationsubmitted) .p-masthead {
        padding: 90px 15% 0px;
    }
    .pds_drpdwndivinner button {
        width: 100%;
    }
    .pds_menuItems .dropdown-item,
    .pds_drpdwnmenu form input {
        font-size: 18px;
    }
    .pds_drpdwnmenu {
        padding: 20px;
    }
    .page-404 .pink-outline {
        font-size: 60px;
    }
    .p404-inner p {
        font-size: 12px;
    }
    .page:not(.page-home).page-404 {
        padding-top: 80px;
    }
    #popup-50off .modal-dialog {
        max-width: 90%;
        margin: 0 auto;
    }
    #popup-50off h3 {
        font-size: 30px;
    }
    #popup-50off .gift svg {
        width: 250px;
        height: 200px;
    }
    .blog-item .bi-top {
        padding: 20px;
    }
    .ph-btnlearnmore { margin-top: -150px; }
    .slick-testimonials .st-item .st-item-body .st-logo img {
        margin-left: auto; margin-right: auto;
    }
    .ph-floatimg-mobile {
        width: calc(100% + 100px);
        margin-left: -50px;
        margin-right:-50px;
    }
}
@media only screen and (max-width: 450px){
    .site-header { 
        padding: 20px 30px;
    }
    .mobile-menu nav .account-login a:first-child {
        margin-right: 0px;
        margin-bottom: 0px;
    }
    .mobile-menu nav .account-login a {
        display: block;
        width: 100%;
    }
    .mobile-menu nav a, .mobile-menu .sub {
        font-size: 20px;
        padding: 0px;
    }
    .sf-social-mobile li, .sf-social-mobile li a i {
        font-size: 25px;
        display: inline-block;
        padding: 0 5px;
    }
    .mobile-menu nav .account-login {
        margin-top: 0px;
    }
    .ph-ready ul li { padding: 5px; }
    .ph-ready ul li > div, .ph-ready-footer ul li > div { margin: 10px auto; height: 100px; width: 100px; }
    .ph-ready > .container { padding: 0px; }
    .ph-ready ul li > div h4, .ph-ready-footer ul li > div h4 { font-size: 13px; }
    .ph-ready ul li > div h4 span, .ph-ready-footer ul li > div h4 span { font-size: 27px; }
    .comp-faq .btn-link .cf-icon { display: none; }
    .comp-faq .btn-link h4, .comp-faq .card-body { margin-left: 0px; }
    .comp-faq .btn-link .cf-action { width: 20px; height: 20px; }
    .ph-need .container { padding: 20px!important; }
    .site-footer { padding: 30px; }
    .ph-need img { margin: 50px auto -30px -10%!important; }
    .p-masthead .pink-outline, .p-masthead .blue-outline { line-height: 1; margin-bottom: 5px; }
    .p-masthead a:not(.circle-button-aqua):not(.ghost-button) { font-size: 15px; }
    .p-masthead .blue-fill, .p-masthead .pink-outline, .p-masthead .blue-outline { font-size: 40px; }
    .page-contact-us .p-masthead .blue-fill, .page-contact-us .p-masthead .pink-outline { font-size: 45px; }
    /* .pink-outline { 
        width: 90%!important;
        margin-left: auto;
        margin-right: auto;
    } */
    .ph-need .container > .row {
        padding: 10px!important;
    }
    .ph-floatimg-mobile { margin-top: -50px; }
    .page-home .ph-ready-top { margin: 0px auto -33px; }
    .how-it-works-step .pink-outline { 
        width: 100%!important;
    }
    .how-it-works-step, .persona-step {
        padding: 50px 0px;
    }
    .feature-box { 
        padding: 20px 0px;
    }
    .feature-icon {
        margin-bottom: 10px;
    }
    .scope-column h3 {
        font-size: 25px;
    }
    .page-design-samples .p-masthead .pink-outline {
        font-size: 50px;
    }
    .pds_drpdwndivinner button {
        font-size: 25px;
    }
    .comp-testimonials {
        padding: 0px 20px 100px;
    }
    .watch-delesign .btn-video { min-width: 200px; }
}
@media only screen and (max-width: 414px){
    .site-header .row > div { padding: 0px; }
    .site-header.sticky { padding: 10px!important; }
    .sticky > .temp-container { padding: 0 30px; }
    /* .ph-ready-footer .container { padding: 50px 20px; } */
    .ph-ready-top-footer { margin: 0px auto -91px; }
    .ph-ready-footer { margin-bottom: 0px; }
    .plan-columns { margin-bottom: 0px; }
    .inclusions { padding: 0px 0px 40px; }
    .form-submit-done { padding: 0px 0px 20px; }
    .site-footer-white { 
        padding: 150px 30px 30px;
    }
    .ph-ready-footer {
        margin-bottom: -50px;
    }
    .page-careers:not(.page-applicationsubmitted) .p-masthead {
        margin-bottom: 150px;
    }
    .pds_drpdwndivinner button::after {
        transform: scale(0.8);
        vertical-align: -10%;
    }
    .pds_drpdwndivinner.show button::after {
        vertical-align: -50%;
        transform: rotateX(180deg) scale(0.8);
    }
    .img-clouds {
        margin-bottom: -30px;
        z-index: 1;
        position: relative;
    }
    .p404-white {
        border-top-left-radius: 70% 120px !important;
        border-top-right-radius: 40% 50px !important;
        margin-top: -25px;
    }
    .site-footer > .row > div,
    .site-footer-white .container > .row > div {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: left!important;
    }
    .site-footer-white > .container > .d-flex,
    .site-footer > .d-flex {
        display: block!important;
    }
    .site-footer-white > .container > .d-flex > span,
    .site-footer > .d-flex span {
        margin-left: 0!important;
        margin-top: 5px;
    }
    /* .p-masthead .blue-fill, .p-masthead .pink-outline { font-size: 35px; } */
}
@media only screen and (max-width: 375px){
    .slick-testimonials .st-item .st-item-body { margin-top: 20px; }
    .page-contact-us .p-masthead .blue-fill s{ font-size: 35px; }
    .site-header .img-fluid, .mobile-menu .headerLogo { width: 150px; }
    .sh-st-float { font-size: 12px; }
    .sticky > .container { padding: 25px!important;}
    .page p { font-size: 14px; }
    .ph-ready ul li, .ph-ready-footer ul li { padding: 0px; }
    .pptm-pricing .pricing-toggle li { width: 125px; }
    .ph-ready-top-footer { margin: 0px auto -83px; }
    .page-contact-us > .container:not(.pcu-inner-learnmore) { padding: 0px!important; }
    .page-careers .p-masthead {
        padding: 50px 5% 0px;
    } 
    .pds_drpdwnmenu {
        min-width: auto;
        width: 100%;
    }
    .p404-inner p {
        font-size: 12px;
        padding: 0px 20px;
    }
    .pds_drpdwndivinner button {
        font-size: 25px;
    }
    .pds_drpdwndivinner button::after {
        vertical-align: -10%;
    }
    .site-footer .site-logo-white, .site-footer-white .site-logo-white { width: 120px; }
    .site-footer .font-15, .site-footer-white .font-15 { font-size: 13px; }
    .p-masthead a:not(.circle-button-aqua), .com-mastheadprice { font-size: 16px; }
    .com-mastheadprice { top: 75px; }
}
@media only screen and (max-width: 330px) {
    .sf-menu {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .pds_drpdwndivinner.show button::after {
        vertical-align: -50%;
    }
    .page-demo .inner-white {
        padding: 50px 20px;
    }
    .site-footer > .d-flex, .site-footer > .clean-row,
    .site-footer-white > .d-flex, .site-footer-white > .clean-row { display: block!important; }
    .site-footer > .d-flex .font-15,
    .site-footer-white > .d-flex .font-15 { margin-left: 0!important; margin-top: 15px; }
    .page-careers .background { width: 130%; left: -15%; }
    .pds_drpdwndivinner button, .phpersona_drpdwndivinner button {
        font-size: 18px;
    }
    .pds_drpdwndivinner button::after { vertical-align: -30%; }
    .pds_drpdwndivinner.show button::after { vertical-align: -90%; }
    .phpersona_drpdwnmenu { padding: 20px; }
    .sh-st-float { 
        display: none;
    }
}
@media only screen and (max-width: 320px){
    .mobile-menu nav a, .mobile-menu .sub {
        font-size: 16px;
    }
    .page-careers .p-masthead {
        margin-bottom: 100px;
    }
    .p404-inner p {
        font-size: 12px;
        padding: 0px 60px 0 40px;
    }
    .img-clouds {
        margin-bottom: -70px;
    }
    .com-mastheadprice {
        top: 68px;
    }
    .com-mastheadprice + img { 
        top: 76px;
    }
    .sh-st-float { display: none; }
    .pptm-pricing .pricing-toggle li {
        width: 45%;
        padding: 10px;
        margin-right: 2px;
    }
    .page-scope-of-service .scope-column h3 {
        display: block;
    }
    .p-masthead a:not(.circle-button-aqua), .com-mastheadprice {
        font-size: 14px;
    }
}