/* bootstrap 5 media queries */

/* Small devices (landscape phones, 576px and up, probably don't need this) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Large to X-Large devices (desktops, 992px and up, large desktops 1200px) */
@media (min-width: 992px) and (max-width:1199px) {
    .agwest-widget-separator-desktop {
        display: block;
    }
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width:1399px) {
    .header .mainnav .navbar-nav .nav-item > .dropdown-menu .container .mega-img-container img {
        left: -200px !important;
    }

    .agwest-widget-separator-tablets {
        display: block;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width:1400px) {
    .left-img-right-text .right .text-container {
        width: 300px;
    }

    .carousel-caption {
        width: 27%;
        display: flex;
        height: 660px;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        right: unset;
        left: unset;
    }

        .carousel-caption.container > * {
            text-align: left;
        }

    .carousel-indicators {
        top: -50px;
    }

    .heroimage .bgcolor {
        width: 340px;
        height: 340px;
    }

    .agwest-widget-separator-desktop {
        display: block;
    }
}

/* hack for carousel captions on large devices */
@media (min-width:2000px) {
    .carousel-caption {
        width: 22%;
    }
}

/* end bootstrap 5 media queries */

@media (min-width:992px) and (max-width:1399px) {
    .carousel-caption {
        width: 36%;
        display: flex;
        height: 660px;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        right: unset;
        left: unset;
    }

        .carousel-caption.container > * {
            text-align: left;
        }

    .carousel-indicators {
        top: -50px;
    }
    .vimeo-frame {
        width: 100% !important;
        height: 350px;
    }

    .carousel-caption h1 {
        font-size: 65px;
    }

    h1, .header1 {
        font-size: 60px;
    }

    .search-result-filter-section {padding:0;}

}

/* large devices only (desktops) */
@media (min-width:992px) and (max-width:1199px) {
    .navbar > .container {
        padding: 0 50px;
    }

    .header .mainnav .navbar-nav .nav-item > .dropdown-menu .container .mega-img-container img {
        left: -190px;
        bottom: -120px
    }

    .industry-page-container a.button-transparent-green, .industry-page-container a.button-transparent-green:link, .industry-page-container a.button-transparent-green:visited {padding:10px 30px;}
}

/* small desktops and below */
@media (max-width:1199px) {  
    .header .navbar-nav {
        padding-top: 3.5%
    }

    .edu-res-section {
    }

    .in-news-heading {
        padding: 0px 90px 0px 0px;
    }

    .col2s1-mob {
        padding: 90px 90px 0px 80px;
    }

    .edu-res-hr {
        /*bottom: 179px;*/
    }

    .sec-heading {
        font-size: 36px;
        line-height: 41.4px;
    }

    .left-img-right-text .right .bgcolor {
        width: 42%;
    }

    .header .mainnav .container-fluid {
        padding: 0 0 0 80px;
    }

    .header .mainnav .navbar-nav .nav-link {
        padding: 13px 10px;
        height: 100%;
    }

    .header .navbar-nav {
        padding-top: 3%;
    }

    .carousel-caption {
        left: 6%;
    }

    .carousel-indicators {
        float: left;
        top: -50px;
    }

    .header .mainnav .navbar-nav .nav-item > .dropdown-menu .first-menu {
        padding: 48px 16px 50px 80px;
    }

    .header .mainnav .navbar-nav .nav-item > .dropdown-menu .second-menu {
        padding: 48px 170px 50px 16px;
    }

    .header .mainnav .navbar-nav .nav-item:nth-child(4) > .dropdown-menu .second-menu {
        padding: 48px 100px 50px 40px
    }

    .left-img-right-text h2 {
        font-size: 50px;
        line-height: 54px;
    }

    .left-img-right-text .right .text-container .container-text {
        font-size: 18px;
        line-height: 21px;
    }

    .secondary-btn, .primary-btn {
        padding: 15px 30px;
    }

    .left-img-right-text .float.container {
        margin-top: -115px;
    }

    .left-img-right-text .right .text-container {
        width: 100%;
    }

    /* Industry single page */
    .industry-page-right-section {
        padding-left: 30px;
    }

    /* Industry state page */
    .link-card {
        margin: 0 0 45px;
    }

    .industry-categorytype-section {
        padding: 80px 0 20px;
    }

        .industry-categorytype-section .bordered-title {
            margin: 0 0 30px;
        }

    .search-result-filter-section {
        padding: 0;
    }
}

/* large devices and up (desktops L, XL XXL) */
@media (min-width:992px) {

    .mobile-nav {
        display: none
    }

    .login-popup.mobile {
        display: none !important;
    }

    .footer .searchTerm {
        width: 378px;
        border-radius: unset;
    }

    .footer .header3 {
        color: white;
        padding-bottom: 10px;
    }

    .row > *:first-child {
        padding-left: 0;
    }

    .row > *:last-child {
        padding-right: 0;
    }
    .events-custom.cards-eight-container-inner .row > *:first-child {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .events-custom.cards-eight-container-inner .row > *:last-child {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .mobileheader {
        display: none;
    }

    .result-card .card-content {padding:30px 15px 24px;}

}

/* tablets and below */
@media (max-width:991px) {
    .create-an-account{
        top:0%;
    }
    .vimeo-frame {
        width: 100% !important;
        height: 200px;
    }
    .login-popup {
        width: 100%;
        left: 0%;
    }

    .cards-eight-container-inner .col-12 {
        margin-bottom: 10px;
    }

    ul.sub-menu a.subtitle1 {
        display: none
    }

    .mobile-nav .mobile-links li a {
        padding: 0
    }

    div#menu {
        /*height: 100% !important;
        overflow: auto;*/
    }

    .mobile-nav .mobile-links li a span {
        display: flex;
        justify-content: space-between;
        text-decoration: none;
        align-items: center;
        color: #224B4A;
    }

    .slinky-menu .header .title {
        padding: 5px;
    }

    .sub-menu .header {
        padding: 0 !important;
        font-weight: 600;
    }

    .sub-menu header {
        color: #224B4A !important;
    }

    .mobile-nav .mobile-links li a {
        padding: 0;
    }

    .slinky-menu ul {
        padding: 0;
    }

    .slinky-theme-default .next::after {
        display: none;
    }

    ul.sub-menu li span {
        font-size: 14px;
        line-height: 18px;
        font-family: 'Libre Franklin';
        font-style: normal;
        font-weight: 600;
        color: #224B4A;
    }

    .header .mobileBottomNav img {
        margin: 0 10px 0 10px;
    }

    .header .mobileBottomNav .login-img {
        width: 32px;
        height: 32px;
    }

    .container.details-img-sec .in-news-heading {
        padding: 50px 90px 0 76px;
    }

    .container.details-img-sec h2.sec-hd-detail-sec {
        padding-right: 0%;
    }

    .left-img-right-text-tire3 .img img {
        width: 100% !important;
        padding-right: 0 !important
    }

    .left-img-right-text-tire3 .img {
        width: 100% !important;
        padding-right: 0 !important;
    }

    .left-img-right-text-tire3 .text-content {
        padding-right: 0;
        padding: 20px;
        width: 100%;
    }

    .container.accordian-links .left-img-right-text-tire3 .row {
        padding: 0 !important;
    }

    .row {
    }

        .row > * {
            padding-left: 0;
        }

    .login-popup.desktop {
        display: none !important
    }

    .edu-res-section .container {
        max-width: 100% !important;
        padding: 0
    }

    .footer .social-links img.housing-first {
        width: 40px;
        padding-top: 5px;
        opacity: 0.6;
    }

    .desktopheader {
        display: none;
    }

    .details-img-sec {
        height: auto;
    }

    .rw-details-img-stl {
        margin: 0 0 0 0;
    }

    .details-img-heading {
        padding-left: 80px;
    }

    .card-img-top {
        max-width: 100%;
        height: 220px;
    }

    .star-img-header {
        position: absolute;
        left: -4em;
    }

    .img-fluid-header {
        display: none;
    }

    .star-img-header-contaier {
        text-align: left;
    }

    .footer-bottom a {
        padding: 0 16px
    }

    .footer-bottom .container {
        padding: 1.5% 0 1.5% 5%
    }

    .disp-cont {
        display: contents
    }

    .edu-res-section-1 {
        order: 2;
        height: auto;
        padding: 59px 40px
    }

    .edu-res-section-2 {
        order: 1;
        width: 100%
    }

    .in-news-section {
        padding-bottom: 96px;
    }

    .edu-res-section {
        height: auto;
        padding: 0;
    }

    .edu-res-section-2 img {
        height: 260px;
        width: 100%;
        border-bottom: 2px solid #fff
    }

    .desk-star {
        display: none
    }

    .star-img-mob {
        display: block;
        position: absolute;
        left: -2.1rem;
        top: 11.05em;
    }

    .vertical-hr {
        display: block;
        border-left: 3px solid #fff;
        height: 740px;
        position: absolute;
        bottom: -2.4em;
        left: 1.15rem;
        opacity: .7
    }

    .news-details {
        margin: 0 0 30px 0 !important;
    }

    .news-detail .news-detail-img {
        height: auto;
    }

    .in-news-heading {
        padding: 101px 90px 0 14px;
    }

    .col2s1-mob {
        padding: 90px 90px 0px 80px;
    }

    .news-mob-hr {
        display: block !important;
        border: 1px solid #e0e0e0;
        width: 100%;
        margin: 25px 0 40px
    }

    .news-heading {
        width: 100%;
        font-size: 18px;
        line-height: 25.2px;
        letter-spacing: 1px
    }

    .col-sec-pds-last > hr {
        display: none !important
    }

    .header .navbar-nav {
        display: none
    }

    .mainnav .navbar-toggler {
        display: block
    }

    h1, .header1 {
        font-size: 50px;
    }

    .body1 {
        font-size: 22px;
        line-height: 1.5em;
    }

    .header .top-navbar {
        display: none;
    }

    .header .mainnav .container-fluid {
        padding: 0 0 0 10px
    }

    .header .mainnav .container-fluid {
        align-items: stretch
    }

    .mobile-nav li {
        list-style: none
    }

    .mobile-nav ul {
        padding-left: 0
    }

    .mobile-nav .mobile-links li a {
        display: flex;
        justify-content: space-between;
        text-decoration: none;
        align-items: center;
        font-weight: 600;
    }

    .mobile-nav .Mobilesearch {
        display: flex;
        width: 100%;
        border-radius: 100px;
        border: 1px solid #e3e7ef
    }

    .mobile-nav input.MobileSearchTerm {
        border: none;
        background: 0 0;
        width: 100%;
        outline: none;
    }

    .mobile-nav button.mobileSearchButton {
        border: none;
        background: 0 0;
        padding: 10px
    }

    .header .mobile-links {
        padding: 40px 20px
    }

        .header .mobile-links li, .header .mobileBottomNav li {
            padding: 17px 0
        }

            .header .mobileBottomNav li i {
                padding-right: 10px
            }

    .header .mobileBottomNav {
        background: #eef1f4;
        padding: 10px 20px;
    }

    .header .mobile-nav {
        position: absolute;
        left: 0;
        right: 0;
        top: 80px;
        z-index: 1000;
        height: 100% !important
    }

        .header .mobile-nav .container {
            background: #fff;
            padding: 0;
            border: 1px solid rgba(227,231,239,1);
            max-width: 100% !important
        }

    #accordionTire3 #mainPage-accordion .accordion-button::before {
        padding: 0px 20px 0 10px;
    }

    #accordionTire3 #mainPage-accordion .accordion-button::before {
        width: 60px;
    }

    #accordionTire3 #mainPage-accordion .accordion-button.collapsed:before {
        width: 60px;
    }

	/** Heading **/
	.industry-page-container h1 {font-size: 40px; line-height: 44px;}
	.industry-page-container h2 {font-size: 36px; line-height: 40px;}
	.industry-page-container h3,.industry-page-container.industry-information-section h3, 
    .industry-page-container.industry-informational-video-section h3,.featured-article-section .featured-article-content h3 {font-size: 30px; line-height: 36px;}
	.industry-page-container h4 {font-size: 24px; line-height: 30px;}
	.industry-page-container h5 {font-size: 18px; line-height: 20px;}
	.industry-page-container h6 {font-size: 16px; line-height: 18px;}
	.industry-page-container .body1 {font-size: 20px; line-height:24px;}
	.industry-page-container .body2 {font-size: 16px; line-height:20px;}

    .herot1.industry-page-container .container .header1 {font-size: 50px; line-height:83px;}

	/** Home page **/
	.featured-article-section {padding: 0;}
	.featured-article-section .featured-article-content {padding: 20px 20px 50px 0; background: #ffffff;}
	/*.featured-article-section .featured-article-image img {max-height: none; height:100%;}*/
	.filter-section-wrapper {padding: 50px 0 20px;}
	.filter-section-wrapper .filter-section {align-items: center;}
	.filter-section-wrapper .filter-section .filter-button {margin-right: 15px;}
	.filter-section-wrapper .filter-section .filter-button img {margin-right: 0;}
	.filter-section-wrapper .filter-section .filter-button .label  {display: none;}
	.imagecard {margin: 0 0 30px;}
    .filter-section-wrapper h3 {margin: 0 0 20px;}
	.search-field .search-input {padding: 11px 110px 11px 24px;}
	.ag-trends-section {padding: 50px 0 0;}
	.ag-trends-section .bordered-title,.search-by-state-section .bordered-title {margin: 0 0 20px;}
	.news-block-card {padding: 0; margin: 0 0 30px;}
	.search-filter-modal-container .search-filter-modal-body {padding: 60px 30px;}
	.search-filter-modal-container .search-filter-modal-footer {min-height: 100px; padding: 20px;}
	.search-filter-modal-container .search-filter-modal-footer .btn-wrapper .btn {min-width: 130px;}
    .in-news-section .sec-pds{padding:20px 0;}
    .news-block .loc {margin:0 0 15px;}

	.search-by-state-section {padding: 30px 0;}
	.search-by-industries-section {padding: 30px 0 10px;}
	.disclaimer-section,.disclaimer-section.disclaimer-inner {padding: 60px 10px;}
	.disclaimer-section .disclaimer-content h3 {font-size: 30px; line-height: 36px; margin:0 0 30px;}

	/** Industry single page **/
	.herot2.heroImage .first-section-text .header1 {  font-size: 36px;  line-height: 41px;}
	.herot2.heroImage .first-section-text,.videocard-row .videocard-col,.footer-bottom .first-block,.footer-bottom .second-block,.imagecard-row .imagecard-col {padding-left: calc(var(--bs-gutter-x) * .5) !important; padding-right: calc(var(--bs-gutter-x) * .5) !important;}
	
	.industry-drivers-section {padding: 50px 0 20px;}
	.industry-page-container .bordered-title {margin: 0 0 20px; line-height: 20px;}
    .industry-category-section h5 {margin: 0 0 20px;}
	.industry-summary-section .body1 {margin: 0 0 1rem;}
	.subsection-content .body2,.industry-search-section .search-field,.industry-drivers-section .subsection-content {margin: 0 0 35px;}
	.industry-main-desc-section,.industry-informational-video-section {padding: 20px 0 50px;}
	.industry-information-section h3,.news-block .body3,.industry-informational-video-section h3,.card.overlay,.evt-card,.industry-events-section-wrapper .evt-card:last-child,.join-mailing-list-section h3,.infocard {margin: 0 0 20px;}
	.card.overlay .card-overlay .card-play {margin-top: 0;}
	.card.overlay .card-overlay h5 {max-width: none; text-align:center; margin-right: 0; margin-bottom:1rem;}
	.industry-information-section {padding: 20px 0;}
	.join-mailing-list-section {padding: 50px 10px;}
	.join-mailing-list-section .btn-wrapper {margin: 20px 0 0;}
	.industry-page-right-section {padding: 0;}
	.industry-category-section {margin: 0 0 45px;}
	.industry-share-feedback-section {padding: 30px 0;}
	.industry-share-feedback-section h5 {margin: 0 0 20px;}
	.infocard-row .infocard-col .infocard {height: auto;}
	.industry-info-news-section {padding: 20px 0;}
	.industry-info-news-section .news-block {padding: 0 !important;}
	.evt-card .evt-card-bottom {padding: 50px 20px 20px;}
	.evt-card .evt-card-top .evt-button .btn {padding: 5px 20px; min-width: 150px; font-size: 18px; line-height: 24px;}
	.infocard .card-content {padding: 15px;}
	.footer-bottom .container {padding: 0;}

	.industry-page-container .btn-filter {padding: 10px 36px; min-width:unset;}
    .industry-summary-section h3 {margin:0 0 20px;}

	.industry-page-container .desktop-cmp {display: none;}
	.industry-page-container .mobile-cmp {display: block;}

	/** Search result page **/
	.search-page .filter-section-wrapper,.search-page-filter .filter-section-wrapper {padding: 60px 0 10px;}
	.search-page .filter-section-wrapper .filter-button {display: block;}
	.search-result-filter-section h3 {display: none !important;}
	.search-result-filter-section {padding: 0; margin: 0 0 60px;}
    .search-filter-overlay-home .search-result-filter-section .search-filter-modal-container {display:flex !important;}
	.result-card {background: transparent; display:flex; flex-wrap: nowrap; flex-direction: row; padding-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.25);}
	.result-card .card-image h4 {display: none;}
	.result-card .card-image {height: 70px; width:80px; margin-right:15px;}
	.result-card .card-content {background: transparent; padding: 0;}
	.result-card .card-content .link-wrapper,.result-card .card-content .authname,.result-card .card-content .body3 {display: none;}
	.custom-tabs-container .row .col-xl-4:last-child .result-card {border-bottom: none;}

	/** Custom tabs **/
	.custom-nav-tabs.nav-tabs .nav-item {margin:0 5px;}
    .custom-nav-tabs.nav-tabs .nav-link {padding: 9px;}
    
	.search-filter-overlay .search-filter-modal,.search-filter-overlay.search-overlay.search-filter-overlay-search .search-filter-modal {width: auto; max-width:480px; min-width:unset;}
    .search-filter-overlay-home .search-result-filter-section .search-filter-modal-container .search-filter-modal-body {padding:60px 30px;}

	/** Industry state page **/
	.industry-categorytype-section {padding: 50px 0 40px;}
	.link-card {margin: 0 0 30px;}
	.industry-upcoming-events-section {padding: 20px 0 40px;}

	.card-row .card-col:nth-child(odd) {padding-right: 0;}
	.card-row .card-col:nth-child(even) {padding-left: 0;}

    /** Search result **/
	.events-card .events-image,.events-card .events-detail,.events-card .events-image img {width: 100%;}
	.events-card .events-detail .evt-duration .evt-col {width: 100%;}
	.events-card .events-detail {padding: 30px 20px;}
	.events-container {margin: 0 0 20px;}
    .events-card .events-image img {height:150px;}

    .search-filter-overlay.expanded .search-filter-modal-wrapper{display:block;}
    .news-block.news-block-card .body3 {margin:20px 0 0;}

    .search-page-filter .mobile-filter-button {
        display: block;
    }

    .search-filter-overlay .search-filter-modal .search-filter-close.search-filter-close-mobile {
        right: 10px;
        top: 20px;
        background: #ffffff;
        padding: 10px;
    }

    .search-filter-overlay.expanded .search-result-filter-section .search-filter-modal-container {
        display: block !important;
    }

        .search-filter-overlay.expanded .search-result-filter-section .search-filter-modal-container .search-filter-modal-body {
            padding: 60px 30px;
        }

    .search-filter-overlay.search-overlay.expanded {
        display: block;
    }

    .search-filter-overlay.search-overlay.search-filter-overlay-search {
        visibility: hidden;
        position: fixed;
    }

        .search-filter-overlay.search-overlay.search-filter-overlay-search.expanded {
            visibility: visible;
            background: rgba(34, 75, 74, 0.85);
        }

        .search-filter-overlay.search-overlay.search-filter-overlay-search .search-filter-count {
            display: none !important;
        }

    .search-page-filter .filter-section-wrapper {
        padding: 0 0 40px;
    }

    /* Bug-43843 (Industry pages - Too much spacing between indicators and drivers section) */
    .industry-summary-section.industry-page-container {padding-bottom:40px;}

    /* Hosted video custom template */
    .embedvideocard { padding-bottom: 40.25%;}

    .body-no-scroll {position: fixed; overflow:hidden; left: 0; right: 0; }
    
    .search-filter-modal .search-filter-close.search-filter-close-mobile {display:none;}
    .search-result-filter-section .search-filter-modal-container .search-filter-modal-footer {padding:10px;}
    
}

/* tablets only */
@media (min-width:768px) and (max-width:991px) {
    .subtitle2, .subtitle1 {
        font-size: 70%;
        line-height: 70%
    }

    header .mobile-nav .subtitle1, header .mobile-nav .subtitle2 {
        font-size: 100%;
        line-height: 100%
    }

    .header .mainnav .navbar-brand img {
        width: 150px
    }

    .agwest-widget-separator-tablets {
        display: block;
    }

    .header .mainnav .header-search .hsearch .hicon img {
        width: 15px
    }

    .header .mainnav .header-search .hsearch {
        padding: 0 0 0 .5rem
    }

    .header .mainnav .header-search {
        padding: .5rem 0 .5rem .5rem
    }

    .agwest-widget-separator-tablets {
        display: block;
    }

    .carousel-caption {
        left: 6%;
    }

    .search-filter-modal-container {
        height: calc(100VH);
    }

    .search-filter-overlay.expanded .search-result-filter-section .search-filter-modal-container .search-filter-modal-body {
        max-height: calc(100vH - 100px);
    }


}

/* large phones only */
@media (min-width:576px) and (max-width:767px) {
    div#accordionTire2 {
        display: none;
    }

    .accordian-links .subtitle1 {
        padding-top: 20px;
        margin: 0;
        padding-left: 15px;
        background: #EEF1F4;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

        .accordian-links .subtitle1 img {
            padding-right: 25px;
        }

    .header .mainnav .header-search .hsearch .hicon img {
        width: 10px
    }

    .header .mainnav .header-search .hsearch {
        padding: 0 0 0 .5rem
    }

    .header .mainnav .header-search {
        padding: .5rem 0 .5rem .5rem
    }

        .header .mainnav .navbar-nav .nav-link, .header .mainnav .header-search .hsearch-label {
            font-size: 68%;
            line-height: 1rem;
            padding: 18px 5px
        }

    .header .mainnav .navbar-brand {
        margin: 16px 0
    }

    .header .mainnav .header-search .hsearch-label {
        padding: 10px 5px
    }

    #homepagecarousel .header1 {
        font-size: 41px;
        line-height: 48px
    }

    .heroimage .bgcolor {
        height: 210px
    }

    .heroimage .container-text {
        font-size: 80%;
        line-height: 80%
    }

    .heroimage .text-container {
        width: 70% !important
    }

    .heroimage.float.container {
        top: 40%
    }

    .subtitle2, .subtitle1 {
        font-size: 70%;
        line-height: 70%
    }

    header .mobile-nav .subtitle1, header .mobile-nav .subtitle2 {
        font-size: 100%;
        line-height: 100%
    }

    .header .mainnav .navbar-brand img {
        width: 160px
    }

    .nav-detail-links img {
        width: 15px
    }

    .nav-detail-links.d-flex > div {
        width: 44%
    }

    .header .navbar-nav {
        padding-top: 2%
    }
}

/* large phones to tablets */
@media (min-width:576px) and (max-width:991px) {

    .footer .footer-bottom .container {
        padding: 1.5% 0% 1.5% 0%;
    }

    .footer .header3 {
        font-size: 40px;
    }

    .first, .second, .third {
        padding-right: 0%;
    }


    .heroimage.float.container {
        width: 55% !important;
        max-width: unset !important
    }

    .heroimage .bgcolor {
        width: 42%
    }

    .heroimage .text-container {
        width: 100%
    }

    .heroimage.float.container {
        top: 47%;
    }

    .heroimage .bgcolor {
        height: 200px;
    }

    .heroimage .container-text {
        font-size: 18px;
        line-height: 25px;
    }

    .carousel-caption {
        bottom: 20%;
        width: 38%;
    }

        .carousel-caption h1 {
            font-size: 56px;
            line-height: 1.2em;
        }
}

/* all phones */
@media (max-width:767px) {
   
        h2.accordion-header.hasChild {
            /*margin-left: -60px;*/
        }

        .sectionNav .accordion-body .accordion-body .accordion-item {
            margin: 0 0 0 -60px !important;
            padding: 0 !important;
        }
    
    .container.edu-res-section.in-news-section.card-sec-3col .card-details a.button-float {
        position: absolute;
        top: -15%;
        left: 23%;
    }
    p.subtitle1 img {
        display: block;
    }

    div#accordionTire2 .accordion-header {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px 30px;
    }

    .container.accordian-links .right {
        padding: 0;
        padding-bottom: 48px;
    }
    .accordion.sectionNav {
        padding-bottom: 40px;
    }

    .login-popup {
        width: 100%;
        left: 0%;
    }

    .row .left {
        padding-right: 0;
    }

    .container.accordian-links .left {
        padding-bottom: 20px;
    }

    .cards-eight-container-inner .col-12.col-sm-4.col-md-3 {
        padding-left: unset;
        padding-right: unset;
    }

    .left-img-right-text .container .row > .left {
        flex: 1;
        order: 2;
        padding-top: 20px;
    }

    .left-img-right-text .col-12.col-md-6.left .text-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-right: 0;
    }

    .left-img-right-text h2 {
        text-align: center;
    }

    .left-img-right-text .float.container {
        margin-top: -35px;
    }

    .footer .row {
        margin: 0
    }

    .footer .first {
        height: 305px;
        padding: 0;
    }

    .footer .header3 {
        font-size: 32px;
    }

    .footer .inner-content {
        margin: 0;
        padding: 0 50px;
        width: 100%;
    }

    .second, .third {
        display: unset;
        padding: 50px !important;
    }

    .footer-bottom a {
        display: block;
        padding: 0 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .footer-bottom div {
        padding: 0 !important;
    }

    .header-button .content {
        padding: 94px 40px;
        text-align: center;
    }

    .footer-bottom .container {
        padding: 48px !important;
    }

    footer.footer .container {
        max-width: 100% !important;
    }

    .footer .second, .footer .third {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    .footer .second-block {
        padding-top: 5% !important;
    }

    .t2-header-txt {
        height: 115px;
        padding: 48px 30px;
        font-size: 32px;
        line-height: 36px;
    }

    .star-img-header {
        position: absolute;
        bottom: 5.5rem;
        left: -4em;
    }

    .carousel-caption h1 {
        font-size: 36px;
    }

    .header-hr {
        bottom: 0;
    }

    .in-news-heading {
        padding: 11px 90px 0 13px;
    }

    .agwest-widget-separator-mobile {
        display: block;
    }

    div#tracking-consent-dialog .container {
        padding: 20px;
    }

    .embedvideocard {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .search-filter-modal-container {
        height: calc(100VH);
    }

    .search-filter-overlay.expanded .search-result-filter-section .search-filter-modal-container .search-filter-modal-body {
        max-height: calc(100vH - 100px);
    }

    .search-filter-overlay.expanded {
        background: rgba(34, 75, 74, 0.85);
    }

    .featured-article-section .featured-article-image img {
        max-height: 240px;
    }

}

/* small phones only */
@media (max-width:575px) {
    .accordion-body.parentRemoveSpace .accordion-collapse, .accordion-body.parentRemoveSpace1 .accordion-collapse .accordion-body {
        padding-left: 60px !important;
    }
    .create-an-account .breadcrumb {
        padding: 38px 5% 40px 5%;
    }
        .container.accordian-links > .row > .left {
       
        padding: 0px 30px;
    }

    .cards-eight-container-inner .card img.card-img-top {
        height: 100%;
    }

    .carousel-indicators {
        z-index: 0;
    }

    .create-an-account .buttons-radio-container .inputGroup {
        width: 100%;
    }

    .row > * {
        padding-left: 0;
        padding-right: 0;
    }

    .footer .social-links .row a {
        padding-right: 13.5px !important;
    }

    .create-an-account .container.two {
        background: rgba(254, 248, 234, 1);
        padding: 60px 30px;
        margin-top: 90px;
        width: 90%;
    }

    .create-an-account .container.one {
        width: 100%;
        padding: 0% 5%;
    }

    .login-popup.mobile {
        border: 1px solid #224B4A !important;
    }

    .in-news-section {
        padding: 30px 0 0 0;
    }

    .mainnav .navbar-nav {
        margin-bottom: 0 !important
    }

    div#homepagecarousel .carousel-inner img {
        height: 380px
    }

    .herot1.heroT3.headImg .star-img-header {
        position: absolute;
        top: 25.5px;
        left: -3.7em;
    }

    .carousel-caption h1 {
        width: 80%;
    }

    .carousel-caption {
        position: absolute;
        bottom: 38%;
        left: 9%;
        padding: 0 0 40px 0;
        color: #fff !important;
        text-align: unset;
        width: 100%
    }

        .carousel-caption p {
            padding: 3px 70px 3px 0
        }

    .carousel-indicators {
        left: 6%;
        display: unset;
        top: -130px;
    }

        .carousel-indicators button {
            height: 5px !important;
            width: 5px !important;
            margin: 0 5px !important;
            border-radius: 100%;
            background-color: transparent !important;
            border: 1px solid #fff !important
        }

    .contact-us .content {
        padding: 300px 32px 140px;
    }

    .heroimage .text-container {
        width: 100%;
        padding-left: 20px;
    }

    .heroimage.float.container {
        width: 100%;
        top: 78%
    }

    .heroimage .bgcolor {
        width: 44%;
        height: 140px
    }

    .heroimage .container-text {
        font-size: 16px;
        line-height: 19.2px;
        color: #fff
    }

    h1, .header1 {
        font-size: 32px;
        line-height: 41px
    }

    h2,.header2 {
        font-size: 32px;
        line-height: 41px
    }

    .branch-locations .header1 {
        padding-top: 30px;
    }

    .header .mainnav .navbar-brand img {
        max-width: 140px
    }

    .btn {
        padding: 10px 15px
    }

    .mobile-nav li {
        list-style: none
    }

    .mobile-nav ul {
        padding-left: 0
    }

    .mobile-nav .mobile-links li a {
        display: flex;
        justify-content: space-between;
        text-decoration: none;
        align-items: center;
        font-weight: 600;
    }

    .mobile-nav input.MobileSearchTerm {
        border: none;
        background: 0 0;
        width: 100%;
        outline: none;
    }

    .mobile-nav button.mobileSearchButton {
        border: none;
        background: 0 0;
        padding: 10px
    }

    .header .mainnav .navbar-brand {
        margin: 0
    }

        .header .mainnav .navbar-brand .nav-mobile {
            display: block
        }

    .header .mainnav .navbar-nav .nav-item > .dropdown-menu {
        min-width: unset;
        position: static;
        padding: 0
    }

    .header .mainnav .dropdown-menu .dropdown-header {
        flex-wrap: wrap;
        display: none !important;
        padding: 0
    }

    .header .mainnav .dropdown-menu .btn-header {
        margin: 20px 0 0;
        padding: 7px 30px
    }

    .header .mainnav .dropdown-menu .dropdown-mainmenu {
        max-width: none
    }

    .header .mainnav .header-search .hsearch {
        border-left: none;
        padding: 0;
        width: 100%;
        justify-content: flex-start
    }

    .header .mainnav .mobile-search {
        flex-grow: 1;
        display: block
    }

        .header .mainnav .mobile-search form, .header .mainnav .mobile-search .mobsearchfield {
            display: flex;
            width: 100%;
            height: 100%
        }

        .header .mainnav .mobile-search .mobsearchfield {
            position: relative
        }

            .header .mainnav .mobile-search .mobsearchfield .mobsearchbtn {
                position: absolute;
                right: 0;
                top: 0;
                border: 1px solid #ccc;
                padding: 20.5px 24px;
                background: 0 0;
                bottom: 0
            }

            .header .mainnav .mobile-search .mobsearchfield .form-control {
                height: 100%;
                border-radius: 0;
                padding-right: 74px;
                border: none
            }

    .header .mainnav .navbar-collapse {
        padding: 0;
        background: #fff
    }

    .header .mainnav .navbar-nav {
        margin: 0 20.5px 250px !important
    }

        .header .mainnav .navbar-nav .nav-link {
            font-size: 1rem;
            line-height: 1.1875rem;
            color: #fff;
            border-bottom: 2px solid #4f9fcf;
            padding: 20px 20px 20px 0;
            position: relative
        }

        .header .mainnav .navbar-nav .nav-item:last-child .nav-link {
            border-bottom: none
        }

    .header .mainnav .fmobilemenu {
        display: block;
        background: #0a4e82;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0
    }

        .header .mainnav .fmobilemenu ul {
            margin: 0;
            padding: 0;
            list-style: none;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap
        }

            .header .mainnav .fmobilemenu ul li {
                display: inline-block;
                flex: 1;
                text-align: center
            }

                .header .mainnav .fmobilemenu ul li a {
                    padding: 17px 10px;
                    display: block;
                    color: #fff;
                    text-decoration: none
                }

    .header .mainnav .navbar-nav .nav-link.dropdown-toggle:after, .header .mainnav .dropdown-menu .dropdown-mainmenu .dropdown-toggle:after {
        display: inline-block;
        border: none;
        background: url('../images/icons/selectmob.svg') no-repeat;
        position: absolute;
        width: 6px;
        position: absolute;
        width: 6px;
        height: 10px;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .header .mainnav .dropdown-menu .dropdown-body, .header .mainnav .navbar-nav .nav-item .dropdown-menu .container {
        padding: 0
    }

    .header .mainnav .dropdown-menu .dropdown-mainmenu .dropdown-item, .header .mainnav .dropdown-menu .dropdown-mainmenu .dropdown-submenu .dropdown-item {
        padding: 10px 20px 10px 0;
        font-size: .875rem;
        line-height: 1.25rem
    }

    .header .mainnav .dropdown-menu .dropdown-mainmenu .dropdown-toggle:after {
        right: 0
    }

    .header .mainnav .dropdown-menu .dropdown-footer {
        display: none !important
    }

    .header .mainnav .nav-item.current-active .mobnavtitle {
        display: block
    }

    .header .mainnav .mobnavtitle a, .header .mainnav .mobnavtitle1 a {
        display: block;
        font-size: 1rem;
        line-height: 1.1875rem;
        color: #fff;
        padding: 26px 0 12px;
        border-bottom: 1px solid #fff;
        text-align: center;
        position: relative;
        text-decoration: none
    }

        .header .mainnav .mobnavtitle a:before, .header .mainnav .mobnavtitle1 a:before {
            content: '';
            background: url('../images/icons/select-back.svg') no-repeat;
            width: 10px;
            height: 6px;
            display: inline-block;
            position: absolute;
            left: 0;
            transform: rotate(90deg);
            top: 50%
        }

    .header .mainnav .navbar-nav .nav-item.hide, .header .mainnav .navbar-nav .nav-item.current-active a.nav-link, .header .mainnav .dropdown-menu .dropdown-mainmenu li.hide, .header .mainnav .dropdown-menu .dropdown-mainmenu .active-sub > .dropdown-item {
        display: none
    }

    .header .mainnav .dropdown-menu .dropdown-mainmenu li .dropdown-submenu {
        background: #0074ba
    }

    .header .mainnav .navbar-nav .nav-item > .dropdown-menu.showmainmenu, .header .mainnav .navbar-nav .dropdown-body .dropdown-cta, .header .mainnav .dropdown-menu .dropdown-mainmenu li.active-sub .dropdown-submenu.showsubmenu {
        display: block
    }

    .header .mainnav .navbar-nav .dropdown-body .dropdown-mainmenu > li:hover > a, .header .mainnav .dropdown-menu .dropdown-mainmenu .dropdown-item:focus, .header .mainnav .dropdown-menu .dropdown-mainmenu .dropdown-item:hover, .header .mainnav .dropdown-menu .dropdown-mainmenu li:hover .dropdown-toggle, .dropdown-item.active, .dropdown-item:active, .header .mainnav .dropdown-menu .dropdown-mainmenu .dropdown-submenu .dropdown-item:hover, .header .mainnav .dropdown-menu .dropdown-mainmenu .dropdown-submenu > li:hover > .dropdown-toggle {
        color: #fff;
        background: 0 0
    }

    .header .mainnav .navbar-nav .dropdown-body .dropdown-cta {
        text-align: center
    }

    .header .mainnav .dropdown-menu .dropdown-mainmenu .dropdown-submenu .btn-header {
        width: auto
    }

    .header .mainnav .dropdown-menu .dropdown-mainmenu .dropdown-submenu .dropdown-btn {
        padding: 26px 0 0;
        text-align: center
    }

    .header .mainnav .nav-item.current-active .submenu-open .mobnavtitle, .header .mainnav .nav-item.current-active .submenu-open .dropdown-cta {
        display: none
    }

    .header .mainnav .nav-item.current-active .submenu-open .dropdown-submenu .mobnavtitle1 {
        display: block
    }

    .header .mainnav .mobnavtitle, .header .mainnav .mobnavtitle1 {
        margin: 0 0 15.5px
    }

    .header .mobile-links {
        padding: 20px 20px 20px 20px;
    }

    .header .mobileBottomNav {
        background: #eef1f4;
        padding: 15px 20px;
    }

        .header .mobileBottomNav img {
            margin: 0 10px 0 10px;
        }

        .header .mobileBottomNav .login-img {
            height: 32px;
            width: 32px;
        }

        .header .mobileBottomNav .subtitle2 {
            font-weight: 500;
            font-family: 'Libre Franklin', sans-serif;
        }

        .header .mobile-links li, .header .mobileBottomNav li {
            padding: 17px 0
        }

            .header .mobileBottomNav li i {
                padding-right: 10px
            }

    .header .mainnav .navbar-nav .nav-item > .dropdown-menu {
        min-height: unset
    }

    .sec-text {
        margin-top: 14px;
        letter-spacing: 2px;
        font-weight: 300;
    }

    .sec-pds-card-3col, .sec-pds-card-2col, .detail-sec-pds, .details-img-heading, .in-news-heading {
        padding: 30px 30px !important;
    }

    .container.accordian-links.tire3 .row > .left {
        order: unset !important;
    }

    div#accordionTire2 {
        display: none;
    }

    .accordian-links .subtitle1 {
        padding-top: 20px;
        margin: 0;
        padding-left: 15px;
        background: #EEF1F4;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

        .accordian-links .subtitle1 img {
            padding-right: 25px;
        }

    .accordion .subtitle1 {
        padding-top: 20px;
        margin: 0;
        padding-left: 15px;
        background: #EEF1F4;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

        .accordion .subtitle1 i {
            padding-right: 25px;
        }

    .container.accordian-links {
        padding-left: 0px;
        padding-right: 0px;
    }

        .container.accordian-links .right {
            padding: 0;
            padding-bottom: 10px;
        }

    .sectionNav #accordionTire2 .accordion-button {
        padding: 0 15px 0 0;
    }

    .sectionNav > #accordionTire2 > .accordion-item > .accordion-header > button {
        padding: 12px 0 12px 18px;
    }

    .sectionNav .level2 .accordion-body {
        margin-left: 10px !important;
    }

    .accordion.main {
        box-shadow: 0px 40px 40px -40px rgba(0, 0, 0, 0.15);
    }

    .container.accordian-links {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .header-hr {
        bottom: 1em !important;
    }

    .herot1 {
        height: 115px;
    }

        .herot1 .container {
            padding-top: 35px;
        }

    .container.details-img-sec h2.sec-hd-detail-sec {
        padding-right: 0%;
    }

    .star-img-header {
        position: absolute;
        left: -5em !important;
        top: 2.4em;
    }

    div#innerAccordionTire2 .accordion-button + a {
        font-weight: 600 !important;
        padding-left: 10px;
    }

    footer.footer .container {
        padding: 0;
    }

    .tabs-container .desktop-tab-container {
        display: none;
    }

    .tabs-container .Mobile-tabs .heading .header5 {
        padding: 0 0 20px 0;
        margin-bottom: 30px;
    }

    div#accordionTire2 .accordion-item .accordion-body {
    }

    .breadcrumb {
        display: none;
    }

    .create-an-account .breadcrumb {
        display: block;
    }

    a#tracking-consent-dialog-accept,
    a#tracking-consent-dialog-reject {
        padding: 10px 40px;
    }

    .accordion-body.parentRemoveSpace1 > .caption {
        padding-left: 30px !important;
    }

    /* industry search filters */
    .search-filter-overlay .search-filter-modal {
        min-width: unset;
    }

    .search-filter-modal-container .search-filter-modal-footer .btn-wrapper .btn {
        min-width: 100px;
    }

    .search-filter-overlay .search-filter-modal {
        min-width: unset;
    }

    .search-filter-modal-container .search-filter-modal-footer .btn-wrapper .btn {
        min-width: 100px;
    }

    .search-field .search-icon {
        padding: 10px 20px;
    }

    .industry-page-container .btn-filter {
        padding: 10px 15px;

    }
    .industry-summary-section {
        padding-top: 35px;
    }

    .search-filter-overlay .search-filter-modal {
        max-width: none;
        width: 100%;
    }

        .search-filter-overlay .search-filter-modal .search-filter-close {
            display: none;
        }

    .search-page-filter .filter-section-wrapper {
        padding: 40px 0;
    }

    .herot1.industry-page-container .container .header1 {
        font-size: 32px;
        line-height: 41px;
    }

    .search-filter-modal .search-filter-close.search-filter-close-mobile {
        display: block;
    }

}

/* all devices above small phones */
@media (min-width:576px) {

    .tabs-container .Mobile-tabs {
        display: none;
    }

    .container.accordian-links .left {
        padding-left: 0;
    }

    .header .mainnav .navbar-nav .dropdown-menu {
        position: absolute
    }

    .header .mainnav .navbar-nav > li:hover > .dropdown-menu, .header .mainnav .navbar-nav > li.open:hover > .dropdown-menu, .header .mainnav .navbar-nav .dropdown-body .dropdown-mainmenu > li:hover > .dropdown-submenu, .header .mainnav .navbar-nav .dropdown-body .dropdown-mainmenu .dropdown-submenu > li:hover > .dropdown-submenu {
    
        transition: all ease-in 1s
    }

    .mainnav .navbar-nav {
        flex-direction: row
    }

    .internalpagenav {
        position: sticky;
        top: 2rem;
        display: block !important;
        height: calc(100vh - 7rem);
        padding-left: .25rem;
        margin-left: -.25rem;
        overflow-y: auto
    }
    
}

/* tiny phones, iphone 6 and SE */
@media (max-width:360px){
    .heroimage .bgcolor
    {
        width:42%;
    }
    .footer .inner-content {
        margin: 0;
        padding: 0 30px;
        width: 100%;
    }
    .footer .header3 {
        font-size: 28px;
    }

    .industry-category-block .link-wrapper {
        flex-wrap: wrap;
    }

        .industry-category-block .link-wrapper .link-icon {
            margin: 0 0 10px;
        }

    .industry-page-container a.button-transparent-green, .industry-page-container a.button-transparent-green:link, .industry-page-container a.button-transparent-green:visited, .industry-page-container a.button-yellow,
    .industry-page-container a.button-yellow:link, .industry-page-container a.button-yellow:visited, .industry-page-container a.button-green, .industry-page-container a.button-green:link, .industry-page-container a.button-green:visited,
    .industry-page-container a.button-gray, .industry-page-container a.button-gray:link, .industry-page-container a.button-gray:visited {
        padding: 10px 30px;
    }
    .card-img-top {
        max-width: 100%;
    }

    .search-filter-modal-container .search-filter-modal-footer .btn-wrapper .custom-button {
        margin-top: 15px;
    }
    
}