/******************************************************************************* MAX-WIDTH-1381 ************************************************************************************/
@media (max-width: 1381px) {
    #title-block .title-text h2 { font-size: 6em; }
    #logo-container a#logo img { padding-left: 15px; }
    #utility-container a#utility-hamburger { padding-right: 15px; }
}




/******************************************************************************* MAX-WIDTH-1299 ************************************************************************************/

/* Note: ONLY use this query for the homepage slider stuff */

@media (max-width: 1299px) {
    #main-feature-mobile-sidebar { display:block; }
    #home-slider .main-feature-sidebar { display:none; }
    .main-feature-sidebar { width:100%; }
    .main-feature-sidebar .slider-textbox-chevron-holder img { width:60px; }
    .main-feature-sidebar .slider-textbox-content-holder { padding-left:80px; padding-right:20px; }
    .main-feature-sidebar .slider-textbox-content-holder h2 { font-size:1.8em; }
    .main-feature-sidebar .slider-textbox-content-holder h3 {font-size:1.8em;}
    .main-feature-sidebar .slider-textbox-content-holder p { font-size:1em; }

    img.desktop-img {
        display:none;
    }
    img.mobile-img {
        display:block;
    }
}



/******************************************************************************* MAX-WIDTH-1219 ************************************************************************************/

/* ??? - not sure why this size is needed or being used by grid */
@media (max-width: 1219px) {
    .ourstories-slider .slick-slide .slide-table .photo { width:40%; }
    .ourstories-slider .slick-slide .slide-table .photo img { max-width: 200px; }
    .ourstories-slider .slick-slide .slide-table .quoteblock { width:60%; }
}



/******************************************************************************* MAX-WIDTH-1199 ************************************************************************************/
@media (max-width: 1199px) {

}



/******************************************************************************* MAX-WIDTH-991 *************************************************************************************/
@media (max-width: 991px) {

    #cpcs-site h3 { font-size:2em;}
    #cpcs-site h4 { font-size:1.2em; }

    .ourstories-slider .slick-slide .slide-table .quoteblock a.cpcs-button { width: 96%; margin: 0 2%; }
    #sticky-menu-container {display: none;}
    /* #utility-container { margin: 12px 0 0 auto;} */

    #utility-container #lang-toggle { text-align:left; }
    #utility-container #lang-toggle a { margin-left:5px; }
    #utility-container #utility-linkedin { display:block; }
    #utility-container a#utility-linkedin img { display: block; margin: 0 auto; }
    #utility-container #utility-hamburger { display:block; }
    #utility-container a#utility-hamburger img { display: block; margin: 0 5px 0 auto;}

    #main-menu-dropdown { margin-right:0; margin-left:0; }
    #main-menu-dropdown div.menu-main-menu-container { width:100%; }

    .slider-textbox { display:none; } /* gets replaced with "clone" version at this size (added below the slider) */

    #slider-mobile-text-clone { display:block; }

    .testimonial-slider-wrapper-wrapper { padding-left:10px; padding-right:10px; }

    .testimonial-slider .slick-slide .slide-table { display: block; }
    .testimonial-slider .slick-slide .slide-table .photo { width:100%; display: block; }
    .testimonial-slider .slick-slide .slide-table .quoteblock { width:100%; display: block; }

    .testimonial-slider-wrapper .slide blockquote.testimonial-quote { font-size: 1.2rem; }

    #footer-menu .site-footer .menu-footer-menu-container ul#menu-footer-menu { display:block; }
    #footer-menu .site-footer .menu-footer-menu-container ul#menu-footer-menu li { display:block; margin-bottom:1em; text-align: center; }

    #sign-up-newsletter #signup-form { display:block; }
    #sign-up-newsletter #signup-form .block.icon { display:block; float:left; }
    #sign-up-newsletter #signup-form .block.sign-msg {overflow: hidden;}
    #sign-up-newsletter #signup-form .block.email { display:block; width:100%; padding:0; margin-top:15px; }
    #sign-up-newsletter #signup-form .gform_wrapper {clear:both; margin-top:30px;}
    #sign-up-newsletter #signup-form .gform_body {width:75%;}
    #sign-up-newsletter #signup-form .gform_body #input_2_1 { width:unset; width:95%; }
    #sign-up-newsletter #signup-form .gform_footer {width:25%;}
    #sign-up-newsletter #signup-form #gform_confirmation_wrapper_2 {clear:both;margin-top: 30px;}

    #title-block .title-text h2 { margin-left:20px; font-size: 2.5em; }
    #title-block .anchor-list { display:none; }

    .anchor-list.mobile { display:block; }
    .anchor-list a.cpcs-button { width: 96%; height: 60px; margin: 2%; }
    .anchor-list a.cpcs-button span { display: table-cell; vertical-align: middle; }
    .anchor-list a.cpcs-button span.left { width:90%; }
    .anchor-list a.cpcs-button span.right { text-align:right; width:10%; }
    .anchor-list a.cpcs-button span.right img { margin-left:0; }

    #homepage-topicons .col-md-3 { height: auto; }
    #homepage-topicons p {
        height: auto;
        margin-bottom: 10px;
    }

    .container.subsection-tabs-container { margin:0; width:100%; }
    .subsection-tabs { overflow-x:scroll; }

    /* People Slider */
    #cpcs-site .people-slider.slider .elementor-testimonial__image { display: none; }
    #cpcs-site .elementor-widget-testimonial-carousel .swiper-slide { padding: 0; }
    #cpcs-site .people-slider.slider .elementor-testimonial__content { padding-left: 0; }
    #cpcs-site .elementor-swiper-button { display:none; }

    #cpcs-site .icon-row-type3 .elementor-icon { margin: 5px auto 0; }
    #title-block { margin-bottom: 30px; }

	#member-quicksearch input { width:100%; }
	
	#member-results .grid-sizer,
	#member-results .grid-item { width:48%; height:auto; }
    
    #team-single-page { width:96%; padding-left:2%; padding-right:2%; }
    #team-single-page img.team-member-photo { width: 70%; margin: 0 auto 30px; }

    #office-select { margin-bottom:30px; }
    .photo-with-circle img { width: 50%; }

    #cpcs-site .elementor-spacer-inner {
        height:0; /* basically just hide the spacer at this screen size */
    }

    #cpcs-site .expert-row br {
        display:none;
    }

    #cpcs-site .cpcs-videoplayer { padding:0 !important; }

    #footer-copyright-etc .col-left,
    #footer-copyright-etc .col-right { text-align:center; }

    #cpcs-site .icon-row.content .elementor-row .elementor-widget-wrap .elementor-col-20 .elementor-widget-wrap img {
        max-width:150px;
    }

    #slider-mobile-text-clone-pusher { display:block; }

    #officeboxes-container .officebox a.cpcs-button { max-width: 75%; }

}



/******************************************************************************* MAX-WIDTH-859 ************************************************************************************/
@media (max-width: 859px) {

    /******************** 'Our stories' slider ********************/
    .ourstories-slider .slick-slide .slide-table { display: block; }
    .ourstories-slider .slick-slide .slide-table .photo { width:100%; display: block; margin-bottom:2em; }
    .ourstories-slider .slick-slide .slide-table .photo img { max-width: 50%; }
    .ourstories-slider .slick-slide .slide-table .quoteblock { width:100%; display: block; }


    #member-results .grid-sizer,
	#member-results .grid-item {
		width:100%;
    }
    
    #cpcs-site .fifty-fifty .text-block { padding:15px 0; }

    .resource-header-container {
        justify-content: space-around;  /* When on medium sized screens, we center it by evenly distributing empty space around items */
    }
        
}



/******************************************************************************* MAX-WIDTH-767 ************************************************************************************/
@media (max-width: 767px) {

    #banner-image { min-height: 250px; }

    .ourstories-slider .slick-slide .slide-table .photo img { max-width: 100%; width:100%; }

    /* #homepage-topicons div[class^="col-"] { text-align:center; } */
    /* #homepage-topicons p {margin-bottom:5px; *//* font-size:1.2em; } */
    #homepage-topicons a.cpcs-button { margin-bottom:30px; }

    .gform-violations-and-complaints_wrapper .gform_body ul#gform_fields_1 li#field_1_2 #input_1_2 { max-width: 100%; width:100%; }

    .resource-header-container {
        flex-direction: column;     /* On small screens, we are no longer using row direction but column */
    }

    #cpcs-site .icon-row.content .elementor-widget-image img { width: inherit; max-width: 200px; }
    #cpcs-site .icon-row.content > .elementor-row > .elementor-widget-wrap > .elementor-widget-wrap img { max-width: 200px; }
    .profile_icons { margin-bottom:30px !important; }
    #cpcs-site .grid-item.col-md-5-cpcscustom  { width: 100%; margin-left: 0; margin-right: 0; }

    
    #cpcs-site .icon-row.content .elementor-row .elementor-widget-wrap .elementor-col-20 .elementor-widget-wrap img {
        max-width:220px;
    }

    #homepage-topbuttons .col-md-3.force-five-columns { width:100%; max-width:none; } /* set it so force-five-columns uses same rules as col-md-3 */

    #cpcs-site .footer-donut img { max-width: 80%; }


    .ourstories-slider .slick-prev,
    .ourstories-slider .slick-next {
        display:none !important;
    }

    #single-post .author-date-wrapper { display: block; }
    #single-post .author-date-wrapper p.date { margin-top:15px; }
    

}

/******************************************************************************* MAX-WIDTH-575 ************************************************************************************/
@media (max-width: 575px) {
    .row-menu {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        align-items: center;
    }
    /*menu flyout*/
    #main-menu-dropdown {
        width: 100%;
        right: -100%;
    }
    
    
    #utility-container {
        margin: 0;
    }
}


/******************************************************************************* ELEMENTOR CONTENT CONTAINER OVERRIDES ************************************************************************************/

/* Important: don't put anything else in these queries! */




/*----------------------------- BEGIN CONTAINER FIX */




@media (max-width: 1380px) {
    #cpcs-site .elementor-section-wrap .elementor-section-boxed {
        width: 1320px;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1220px) {
    #cpcs-site .elementor-section-wrap .elementor-section-boxed {
        width: 1200px;
        max-width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 980px) {
    #cpcs-site .elementor-section-wrap .elementor-section-boxed {
        width: 960px;
        max-width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    #cpcs-site .elementor-section-wrap .elementor-section-boxed {
        width: 744px;
        max-width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 480px) {
    #cpcs-site .elementor-section-wrap .elementor-section-boxed {
        width: 468px;
        max-width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: auto;
        margin-right: auto;
    }
}