/* ~~~~~~~~~~~~~~~~~~~  Smallest Desktop ~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 1600px) and (max-width: 1799px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
    section {
        padding: 90px 0;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~~~~~~~ */
    #landing-banner .container .col-xl-6 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    #home-history-section .col-xl-7 {
        flex: 0 0 55%;
        max-width: 55%;
    }

    #home-history-section .offset-xl-7 {
        margin-left: 55%;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Services Page ~~~~~~~~~~~~~~~~~~~~ */
    #services-card-section .de-card-poster .d-content h3 {
        font-size: 20px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ About Page ~~~~~~~~~~~~~~~~~~~~ */
    #about-history-section .container {
        margin-left: 50px;
    }

    #about-history-section .col-xl-7 {
        flex: 0 0 55%;
        max-width: 55%;
    }

    #about-history-section .offset-xl-7 {
        margin-left: 68%;
    }

    #our-specialties-section {
        margin-top: 80px;
    }
}

/* ~~~~~~~~~~~~~~~~~~~  Large Laptop ~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
    section {
        padding: 75px 0;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~~~~~~~ */
    #landing-banner .container .col-xl-6 {
        flex: 0 0 65%;
        max-width: 65%;
    }

    #home-history-section .col-xl-7 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #home-history-section .offset-xl-7 {
        margin-left: 52%;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Services Page ~~~~~~~~~~~~~~~~~~~~ */
    #services-card-section .de-card-poster .d-content h3 {
        font-size: 20px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ About Page ~~~~~~~~~~~~~~~~~~~~ */
    #about-history-section .container {
        margin-left: 50px;
    }

    #about-history-section .col-xl-7 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #about-history-section .offset-xl-7 {
        margin-left: 58%;
    }

    #our-specialties-section {
        margin-top: 75px;
    }
}



/* ~~~~~~~~~~~~~~~~~~~  Generic Laptop ~~~~~~~~~~~~~~~~~~~ */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
    section {
        padding: 60px 0;
    }

    /* Page Banners */
    #subheader {
        padding: 250px 0 0;
    }

    #subheader .container .col-xl-6 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~~~~~~~ */
    #landing-banner .container .col-xl-6 {
        flex: 0 0 80%;
        max-width: 80%;
    }

    #home-page #section-highlight .col-xl-4 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    #home-page #section-highlight .col-xl-8 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    #home-history-section .col-xl-7 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #home-history-section .offset-xl-7 {
        margin-left: 52%;
    }

    #home-page-cards-section .mask .cover {
        padding: 15px;
        margin-top: -50px;
    }

    #home-page-cards-section .mask:hover .cover {
        margin-top: 0;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ About Page ~~~~~~~~~~~~~~~~~~~~ */
    .de_count.ultra-big h3 {
        font-size: 110px;
        margin-bottom: 0;
    }

    .feature-box.f-boxed {
        min-height: 360px;
    }

    #about-history-section .col-xl-7 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #about-history-section .offset-xl-7 {
        margin-left: 52%;
    }

    #our-specialties-section {
        margin-top: 60px;
    }
}




/* ~~~~~~~~~~~~~~~~~~~  Smallest Laptop ~~~~~~~~~~~~~~~~~~~ */
@media (min-width: 1025px) and (max-width: 1199px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
    section {
        padding: 50px 0;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~~~~~~~ */
    #landing-banner {
        padding: 0;
    }

    #landing-banner .container {
        height: 415px;
    }

    #home-history-section .container {
        margin-left: 50px;
    }

    #home-page-cards-section .mask {
        margin-bottom: 25px;
    }

    #home-page-cards-section .mask img {
        height: 285px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Services Page ~~~~~~~~~~~~~~~~~~~~ */
    #services-card-section .de-card-poster .d-content {
        margin: 15px;
        margin-bottom: 30px;
    }

    #services-card-section .de-card-poster .d-content h3 {
        margin-bottom: 5px;
        font-size: 20px;
    }

    #services-card-section .de-card-poster .d-content .d-text {
        line-height: 25px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ About Page ~~~~~~~~~~~~~~~~~~~~ */
    .de_count.ultra-big h3 {
        font-size: 100px;
        margin-bottom: 0;
    }

    #about-history-section .container {
        margin-left: 50px;
    }
}




/* ~~~~~~~~~~ Standard iPad ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~  Tablet: Landscape ~~~~~~~~~~~~~~~~~~~ */
@media screen 
	and (min-width: 768px)
	and (max-width: 1024px)
	and (orientation: landscape) {
	/* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
    section {
        padding: 50px 0;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~~~~~~~ */
    #landing-banner {
        padding: 0;
    }

    #landing-banner .container {
        height: 415px;
    }

    #home-history-section .container {
        margin-left: 50px;
    }

    #home-page-cards-section .mask {
        margin-bottom: 25px;
    }

    #home-page-cards-section .mask img {
        height: 285px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Services Page ~~~~~~~~~~~~~~~~~~~~ */
    #services-card-section .de-card-poster .d-content {
        margin: 15px;
        margin-bottom: 30px;
    }

    #services-card-section .de-card-poster .d-content h3 {
        margin-bottom: 5px;
        font-size: 20px;
    }

    #services-card-section .de-card-poster .d-content .d-text {
        line-height: 25px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ About Page ~~~~~~~~~~~~~~~~~~~~ */
    .de_count.ultra-big h3 {
        font-size: 100px;
        margin-bottom: 0;
    }

    #about-history-section .container {
        margin-left: 50px;
    }

    #our-specialties-section {
        margin-top: 0;
    }
}




/* ~~~~~~~~~~~~~~~~~~~  Between md and lg breakpoints ~~~~~~~~~~~~~~~~~~~  */
@media screen 
	and (min-width: 769px)
	and (max-width: 991px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
    .spacer-double {
        display: none;
    }

    /* Nav Bar */
    header div#logo img {
        max-width: 90px;
    }

    header #logo img {
        height: 50px;
    }

    #mainmenu {
        font-size: 24px;
    }

    /* Page Banners */
    #subheader {
        padding: 00;
    }

    #subheader .container {
        height: 350px;
    }

    #subheader .container h1 {
        margin-top: 30px;
        font-size: 42px;
    }

    /* Call To Action */
    #call-to-action h4 {
        font-size: 16px;
    }

    /* Footer */
    footer img {
        width: 150px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~~~~~~~ */
    #landing-banner {
        padding: 0;
    }

    #landing-banner .container {
        height: auto;
        padding-top: 15px;
        padding-bottom: 25px;
    }

    #landing-banner .container h1 {
        font-size: 36px;
        line-height: 40px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ About Page ~~~~~~~~~~~~~~~~~~~~ */
    #about-page #section-text h2 {
        font-size: 32px;
    }

    #our-specialties-section .hover_card {
        margin-bottom: 30px;
    }
}





/* ~~~~~~~~~~ iPad Air ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~  Tablet: Portrait ~~~~~~~~~~~~~~~~~~~ */
@media only screen
	and (min-width: 769px)
	and (max-width: 820px)
	and (orientation: portrait) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
    h1 {
        font-size: 36px;
        line-height: 40px;
    }

    section {
        padding: 30px 0;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 96vw;
    }

    .spacer-double {
        display: none;
    }

    .image-container {
        height: 100%;
    }

    /* Nav Bar */
    header div#logo img {
        max-width: 90px;
    }

    header #logo img {
        height: 50px;
    }

    #mainmenu {
        font-size: 24px;
    }

    /* Page Banners */
    #subheader {
        padding: 0;
    }

    #subheader .container {
        height: 500px;
    }

    #subheader .container h1 {
        margin-top: 0;
    }

    /* Call To Action */
    #call-to-action {
        padding: 20px 0 20px;
    }

    #call-to-action h4 {
        line-height: 30px;
        margin-bottom: 15px;
    }

    /* Footer */
    footer ul,
    footer ul li {
        margin-bottom: 0;
    }

    footer .subfooter {
        padding-bottom: 35px;
    }

    footer .widget {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    footer img {
        width: 150px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~~~~~~~ */
    #landing-banner {
        padding: 0;
    }

    #landing-banner .container {
        height: auto;
        padding-top: 15px;
        padding-bottom: 25px;
    }

    #landing-banner .container h1 {
        font-size: 32px;
    }

    .di-text h1 {
        font-size: 6vw;
    }

    #home-page #section-highlight h2 {
        font-size: 30px;
    }

    #section-practice-areas ul,
    #section-practice-areas ul li {
        margin-bottom: 0;
    }

    #home-page-cards-section .row {
        padding-top: 65px;
    }

    #home-page-cards-section .mask {
        margin-bottom: 25px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Services Page ~~~~~~~~~~~~~~~~~~~~ */
    #services-card-section .de-card-poster .d-content {
        margin: 15px;
        margin-bottom: 30px;
    }

    #services-card-section .de-card-poster .d-content h3 {
        margin-bottom: 5px;
    }

    #services-card-section .de-card-poster .d-content .d-text {
        line-height: 25px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ About Page ~~~~~~~~~~~~~~~~~~~~ */
    #about-page #section-text h2 {
        font-size: 30px;
    }

    #our-specialties-section .row {
        padding-top: 65px;
    }

    #our-specialties-section .hover_card {
        margin-bottom: 30px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Contact Page ~~~~~~~~~~~~~~~~~~~~ */
}



/* ~~~~~~~~~~ Standard iPad ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~  Tablet: Portrait ~~~~~~~~~~~~~~~~~~~ */
@media only screen
	and (min-width: 481px)
	and (max-width: 768px)
	and (orientation: portrait) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
    h1 {
        font-size: 36px;
        line-height: 40px;
    }

    section {
        padding: 30px 0;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 96vw;
    }

    .spacer-double {
        display: none;
    }

    .image-container {
        height: 100%;
    }

    /* Nav Bar */
    header div#logo img {
        max-width: 90px;
    }

    header #logo img {
        height: 50px;
    }

    #mainmenu {
        font-size: 24px;
    }

    /* Page Banners */
    #subheader {
        padding: 0;
    }

    #subheader .container {
        height: auto;
    }

    #subheader .container h1 {
        margin-top: 0;
    }

    /* Call To Action */
    #call-to-action {
        padding: 20px 0 20px;
    }

    #call-to-action h4 {
        line-height: 30px;
        margin-bottom: 15px;
    }

    /* Footer */
    footer ul,
    footer ul li {
        margin-bottom: 0;
    }

    footer .subfooter {
        padding-bottom: 35px;
    }

    footer .widget {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    footer img {
        width: 150px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~~~~~~~ */
    #landing-banner {
        padding: 0;
    }

    #landing-banner .container {
        height: auto;
        padding-top: 15px;
        padding-bottom: 25px;
    }

    #landing-banner .container h1 {
        font-size: 32px;
        width: 100%;
    }

    .di-text h1 {
        font-size: 6vw;
    }

    #home-page #section-highlight h2 {
        font-size: 30px;
    }

    #section-practice-areas ul,
    #section-practice-areas ul li {
        margin-bottom: 0;
    }

    #home-page-cards-section .row {
        padding-top: 65px;
    }

    #home-page-cards-section .mask {
        margin-bottom: 25px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Services Page ~~~~~~~~~~~~~~~~~~~~ */
    #services-card-section .de-card-poster .d-content {
        margin: 15px;
        margin-bottom: 30px;
    }

    #services-card-section .de-card-poster .d-content h3 {
        margin-bottom: 5px;
    }

    #services-card-section .de-card-poster .d-content .d-text {
        line-height: 25px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ About Page ~~~~~~~~~~~~~~~~~~~~ */
    #about-page #section-text h2 {
        font-size: 30px;
    }

    #our-specialties-section .row {
        padding-top: 65px;
    }

    #our-specialties-section .hover_card {
        margin-bottom: 30px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Contact Page ~~~~~~~~~~~~~~~~~~~~ */
    /* #redding-office {
        margin-top: 50px;
    } */
}




/* ~~~~~~~~~~~~~~~~~~~  Between xs and sm breakpoints ~~~~~~~~~~~~~~~~~~~  */
@media only screen
	and (min-width: 576px) and (max-width: 636px) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */

    /* ~~~~~~~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~~~~~~~ */
    #home-page #section-highlight h2 {
        font-size: 26px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Services Page ~~~~~~~~~~~~~~~~~~~~ */
    #services-card-section .de-card-poster .d-content h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    #services-card-section .de-card-poster .d-content {
        margin: 20px 10px;
    }

    #services-card-section .de-card-poster .d-content .d-text {
        line-height: 22px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ About Page ~~~~~~~~~~~~~~~~~~~~ */
    #about-page #section-text h2 {
        font-size: 26px;
    }

    .de_count.ultra-big h3 {
        font-size: 100px;
        margin-bottom: 0;
    }

    #our-specialties-section .container .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}



/* ~~~~~~~~~~~~~~~~~~~  Cell Phone: Landscape ~~~~~~~~~~~~~~~~~~~  */
@media only screen
	and (max-height: 481px)
	and (max-width: 964px)
	and (orientation: landscape) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
    h1 {
        font-size: 36px;
        line-height: 40px;
    }

    section {
        padding: 30px 0;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 92vw;
    }

    .spacer-double {
        display: none;
    }

    .image-container {
        height: 250px;
    }

    /* Nav Bar */
    header div#logo img {
        max-width: 90px;
    }

    #mainmenu {
        font-size: 18px;
    }

    /* Page Banners */
    #subheader {
        padding: 0;
    }

    #subheader .container {
        height: auto;
    }

    #subheader .container h1 {
        margin-top: 0;
    }

    /* Call To Action */
    #call-to-action {
        padding: 20px 0 30px;
    }

    #call-to-action h4 {
        line-height: 30px;
        margin-bottom: 15px;
    }

    /* Footer */
    footer ul,
    footer ul li {
        margin-bottom: 0;
    }

    footer .subfooter {
        padding-bottom: 35px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~~~~~~~ */
    #landing-banner {
        padding: 0;
    }

    #landing-banner .container {
        height: auto;
        padding-top: 15px;
        padding-bottom: 25px;
    }

    #landing-banner .container h1 {
        font-size: 32px;
    }

    .di-text h1 {
        font-size: 8vw;
    }

    #home-page #section-highlight h2 {
        font-size: 30px;
    }

    #section-practice-areas ul,
    #section-practice-areas ul li {
        margin-bottom: 0;
    }

    #home-page-cards-section .row {
        padding-top: 65px;
    }

    #home-page-cards-section .mask {
        margin-bottom: 25px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Services Page ~~~~~~~~~~~~~~~~~~~~ */
    #services-card-section .de-card-poster .d-content {
        margin: 15px;
        margin-bottom: 30px;
    }

    #services-card-section .de-card-poster .d-content h3 {
        margin-bottom: 5px;
    }

    #services-card-section .de-card-poster .d-content .d-text {
        line-height: 25px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ About Page ~~~~~~~~~~~~~~~~~~~~ */
    #about-page #section-text h2 {
        font-size: 30px;
    }

    #our-specialties-section .row {
        padding-top: 65px;
    }

    #our-specialties-section .hover_card {
        margin-bottom: 30px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Contact Page ~~~~~~~~~~~~~~~~~~~~ */
    #redding-office {
        margin-top: 50px;
    }
}



/* ~~~~~~~~~~~~~~~~~~~  Cell Phone: Portrait ~~~~~~~~~~~~~~~~~~~  */
@media only screen
	and (max-width: 480px) 
	and (orientation: portrait) {
    /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
    h1 {
        font-size: 36px;
        line-height: 40px;
    }

    section {
        padding: 30px 0;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .spacer-double {
        display: none;
    }

    /* Nav Bar */
    header div#logo img {
        max-width: 90px;
    }

    header .h-phone {
        padding-top: 16px;
        padding-left: 30px;
    }

    header .h-phone i {
        font-size: 28px;
    }

    header #nav-phone a {
        font-size: 16px;
    }

    #mainmenu {
        font-size: 18px;
    }

    #extended-nav-section .extended_nav_col {
        border-bottom: 2px solid #1f419a;
        margin-top: 20px;
    }

    #extended-nav-section .extended_nav_col:not(:first-child) {
        margin-top: 0;
    }

    #extended-nav-section .extended_nav_col p {
        margin-bottom: .25rem;
    }

    #extended-nav-section .navbar_btn {
        display: block;
        margin-bottom: 10px;
    }

    /* Page Banners */
    #subheader {
        padding: 0;
    }

    #subheader .container {
        height: auto;
    }

    #subheader .container h1 {
        margin-top: 0;
    }

    /* Call To Action */
    #call-to-action {
        padding: 20px 0 30px;
    }

    #call-to-action h4 {
        line-height: 30px;
        margin-bottom: 15px;
    }

    /* Footer */
    footer ul,
    footer ul li {
        margin-bottom: 0;
    }

    footer .subfooter {
        padding-bottom: 35px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~~~~~~~~~ */
    /* #landing-banner {
        padding: 50px 0 0;
    } */

    #landing-banner .container {
        height: 435px;
        padding-top: 15px;
    }

    #landing-banner .container h1 {
        width: 100%;
        font-size: 30px;
        line-height: 35px;
    }

    #landing-banner .container .spacer-20 {
        display: none;
    }

    #home-page .di-text {
        padding: 2%;
        top: 65%;
        left: -3%;
        width: auto;
    }

    .di-text h1 {
        font-size: 8vw;
    }

    #home-page #section-highlight h2 {
        font-size: 30px;
    }

    #section-practice-areas ul,
    #section-practice-areas ul li {
        margin-bottom: 0;
    }

    #home-page-cards-section .row {
        padding-top: 65px;
    }

    #home-member-badges-section .member_badges {
        min-height: 215px;
    }

    #home-member-badges-section .member_badges .spacer-single {
        height: 10px;
    }

    #home-member-badges-section img {
        height: 130px;
    }

    #home-member-badges-section #member-2-col img {
        height: 150px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Services Page ~~~~~~~~~~~~~~~~~~~~ */
    #services-card-section .de-card-poster .d-content {
        margin: 10px;
        margin-bottom: 5px;
    }

    #services-card-section .de-card-poster .d-content h3 {
        margin-bottom: 5px;
    }

    #services-card-section .de-card-poster .d-content .d-text {
        line-height: 20px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ About Page ~~~~~~~~~~~~~~~~~~~~ */
    #about-page #section-text h2 {
        font-size: 30px;
    }

    #our-specialties-section .row {
        padding-top: 65px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~ Contact Page ~~~~~~~~~~~~~~~~~~~~ */
    #redding-office {
        margin-top: 50px;
    }
}