@media(min-width: 1200px){
    footer.footer-sandbox .ftrlistleft, footer.footer-sandbox .ftrlistcenter{
        width: fit-content;
        padding-right: 35px;
    }
}
@media only screen and (max-width:1199px){
.sdrow{background:url(../images/sd_bg2.png) repeat-x 11px 11px; height:157px;}
.sdrow .normalbox h2{font-size:30px;}
.sdrow .hoverbox h2{font-size:30px; padding-top:12px;}
.sdrow .hoverbox p{top:52px; font-size:14px; line-height:22px;}
.sdrow .hoverbox h3{font-size:16px;}
.header .logo{width:250px;}
.navigation ul{margin-top: 0;}
.navigation ul li{font-size:20px;}
.header .navigation{margin-top:30px;}
.line{background:url(../images/line-md.png) no-repeat center; top:92px;}
.bottomgrey ul.affiliates li{padding:0 12px;}
.bottomgrey ul.clients li{padding:0 6px;}
footer .cti, footer .emailsignup, footer .copyright{text-align:center;}
footer .ftrfix{padding-right:15px; margin-bottom:20px;}
footer .emailsignup{margin-top:25px;}
footer .copyright{margin-top:20px;}
footer .emailsignup p.emailform{width:250px; margin:auto;}
footer .ftrlist1{margin-left:100px;}
footer .ftrlist1{width:28%;}
footer .ftrlist2{width:22%;}
#btn-social > table, .footer-copyright, .three-links{
    position: unset;
}

.three-links {
    text-align: center;
    margin-bottom: 10px;
    padding-left: unset;
}

.footer-copyright{
    text-align: center;
}

.footer-sandbox #btn-social table{
    height: 105px;
    margin: 0 auto;
    max-width: 389px;
}

}

@media only screen and (max-width:991px){
.sdrow{background:url(../images/sd_bg2.png) repeat-x 11px 11px; height:118px; bottom:15px;}
.sdrow .normalbox h2{font-size:22px; height:30px; line-height:30px;}
.sdrow .hoverbox h2{font-size:24px; padding-top:38px;}
.sdrow .hoverbox h3{font-size:12px; height:24px; line-height:24px;}
.header .logo{width:190px;}
.navigation ul{margin-top: 0;}
.navigation ul li{font-size:16px; padding:0 10px;}
.navigation ul li:hover ul{top:27px;}
.navigation ul li ul li{font-size:15px; padding:6px;}
.navigation ul li ul li:first-child{padding-left:6px;}
.header .topnav ul li{font-size:16px;}
.header .navigation{margin-top:25px;}
.line{background:url(../images/line-sm.png) no-repeat center; top:82px;}
.bottomgrey ul.affiliates, .bottomgrey ul.clients{padding-right:0; font-size:20px;}
.bottomgrey ul.affiliates li:first-child, .bottomgrey ul.clients li:first-child{padding:12px 10px 0;}
.bottomgrey ul.affiliates li, .bottomgrey ul.clients li{padding:0;}
.bottomgrey ul.affiliates li img{width:90%;}
.bottomgrey ul.clients li:last-child{width:70px;}
.navigation ul{padding-bottom:1px;}
footer .ftrlist1{margin-left:50px;}
.bottomgrey ul.sandbox.affiliates li:first-child{
    padding-top: 30px;
}
.bottomgrey ul.affiliates li:first-child{
    padding-top: 30px;
}
}

@media only screen and (max-width:767px){
.header .logo{width:100%; text-align:center; margin-top:25px;}
.header .logo img{max-width:50%;}
.sdrow{background:none; position:relative; z-index:1; width:100%; float:left; min-height:700px;}
.sdrow .box{margin:20px auto 0; width:380px;}
.sdrow .normalbox{position:relative; width:380px; height:204px; margin:auto;}
.sdrow .normalbox h2{position:absolute; bottom:0; background:rgba(0,34,46,0.75); height:42px; line-height:42px; width:100%; color:#fff; text-align:center; margin:0; padding:0; font-size:30px;}
.sdrow .hoverbox{position:relative; display:none; text-align:center; color:#fff; width:380px; height:204px; margin:auto;}
.sdrow .hoverbox a{color:#fff;}
.sdrow .hoverbox h2{position:absolute; text-align:center; width:100%; font-size:37px; margin:0; padding:16px 0 0;}
.sdrow .hoverbox p{position:absolute; text-align:center; width:100%; top:72px; font-size:17px; padding:0 10px; line-height:26px;}
.sdrow .hoverbox h3{position:absolute; bottom:0; background:rgba(0,34,46,0.75); height:30px; width:100%; color:#fff; text-align:center; margin:0; padding:0; font-size:17px; line-height:30px; font-family:'oswaldlight'; text-transform:uppercase;}
.contentarea{padding-bottom:30px;}
.contentarea .greybox{text-align:center;}
.bottomgrey ul.affiliates, .bottomgrey ul.clients{float:none; text-align:center; border-right:none;}
.bottomgrey ul.affiliates li, .bottomgrey ul.clients li{float:none; text-align:center; display:inline-block;}
.bottomgrey ul.affiliates li{padding-bottom:20px;}
.bottomgrey ul.affiliates li:first-child, .bottomgrey ul.clients li:first-child{display:block; width:100%; padding:0 0 10px 0; width:100%;}
footer .ftrlist1{margin-left:0;}
footer .ftrlist1, footer .ftrlist2, footer .address{border-right:none; text-align:center; width:100%;}

footer .ftrlistleft, footer .ftrlistcenter, footer .address{border-right:none!important; text-align:center; width:100%;}

footer .ftrlist1 li, footer .ftrlist1 li:last-child, footer .ftrlist2 li:last-child{padding-bottom:13px;}

footer .ftrlistleft li, footer .ftrlistleft li:last-child, footer .ftrlistcenter li:last-child{padding-bottom:13px;}

footer .address{margin-top:15px;}
.innerbanner{height:110px;}
.innerbanner-xs{background-size:100% 100%;}

#mc_embed_signup .foot{
    grid-template-columns: 3fr 1fr!important;
}
#mc_embed_signup .button{
    justify-self: unset!important;
}
.footer-sandbox #btn-callout, .footer-sandbox #phone-number{
    display: block;
    margin: auto;
    width: fit-content;
}
.footer-sandbox #btn-social table img{
    width: 100%;
    height: auto!important;
}

.bottomgrey ul.sandbox.affiliates{
    justify-content: center;
    flex-wrap: wrap;
}
.bottomgrey ul.affiliates{
    justify-content: center;
    flex-wrap: wrap;
}

}

@media only screen and (max-width:729px){
.innerbanner-xs{background-size:auto 100%;}
}

@media only screen and (max-width:518px){
    #footer-nav{
        float: unset!important;
        display: block!important;
    }
    #btn-callout, #phone-number{
        text-align: center;
    }
    #btn-social{
        float: unset!important;
        display: unset!important;
        padding-left: unset!important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width:479px){
.bottomgrey ul.affiliates li{width:50px;}
.bottomgrey ul.affiliates li img{width:80%;}
}

@media only screen and (max-width:419px){
.sdrow{min-height:622px;}
.sdrow .box, .sdrow .normalbox, .sdrow .hoverbox{width:290px; height:auto;}
.sandbox-banner-sm.sdrow .box, .sandbox-banner-sm.sdrow .normalbox, .sandbox-banner-sm.sdrow .hoverbox{width:100%; height:auto;}


.sdrow .normalbox h2{font-size:28px;}
.sdrow .hoverbox h2{font-size:28px; padding-top:10px;}
.sdrow .hoverbox p{top:50px; font-size:14px; padding:0 5px; line-height:20px;}
}
