@media(min-width:360px){
    
}
@media(min-width:768px){
    #homePage .section-home-hero .row {
        min-height: 600px;
    }
}
@media(min-width:1200px){
    #navbarSiteMain .nav-item .dropdown:hover .dropdown-menu {display: block;}
}
@media(min-width:1366px){
    #accordionImages img{max-width: 550px;}
}
@media(min-width:1440px){
    #landingPageAlertModal li.mt-2 {
        line-height: 30px;
    }
    .section-learn-hero .container{
        max-width: 1390px;
    }
    .middle-start-wrap textarea {
        font-size: 18px;
        line-height: 1.7;
        padding: 0.5rem 1.5rem 0 1.5rem;
    } 
}


@media(min-width:1900px){
    .middle-start-wrap textarea{
        font-size: 18px;line-height: 1.7;    padding: 0.5rem 1.5rem 0 1.5rem;
    }
    #scrollToExplore {
        font-size: 20px;
    }
    #homePageContent h1.section-title {
        font-size: 65px;
    }
}

@media(max-width:1800px){
    .navbar-brand img {
        max-height: 48px;
    }
    .navbar-brand small.logo-text {
        font-size: 26px;
    }
    .navbar.px-xl-5 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    #navbarSiteMain .nav-link {
        padding: 0px 16px;
    }
}
@media(max-width:1600px){
    #navbarSiteMain .nav-link {
        font-size: 15px;padding: 0px 10px;
    }
    .section-home-hero .site-main-title {
        font-size: 48px;
    }
    .section-home-hero .site-main-title-home {font-size: 48px;}
    .home-page-wrapper .section-title{font-size: 46px;}
    .section-title {
        font-size: 36px;
    }
    .section-global-pros-feature .section-title {
        font-size: 42px;
    }
    .list-contact li a {
        height: 103px;
        width: 103px;
    }
    .gp-sp-body {
        padding: 30px 38px;
    }
    nav.navbar {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    

    .section-global-pros-feature img {
        max-width: 84px;
    }
    .section-uwb .section-title{font-size: 52px;}
    .section-uwb .article-title{font-size: 28px;}
    .section-why-global-pros .section-title,
    .section-global-pros-for .section-title { font-size: 52px; }
    .bg-gradient-curve {
        background-size: auto 640px;
    }
    .article-learn-inn {
        padding: 26px 45px 36px !important;
    }
    .site-main-sub-heading {
        font-size: 24px;
    }
    #GlobalProsSection .section-title{font-size:42px;}
    .gp-single-plan .gp-sp-title {
        font-size: 24px;
    }
    .gp-trend-title {
        font-size: 1.3rem;
    }
    #navbarSiteMain .nav-item {
        padding: 20px 0;
    }
    #navbarSiteMain .dropdown-menu ul {
        padding: 32px;
    }
    .site-main-sub-title {
        font-size: 16px;
    }
    .page-title {font-size: 60px;}
}
@media(max-width:1440px){
    #navbarSiteMain .nav-item {padding: 15px 0;}
    .navbar-brand small.logo-text {font-size: 24px;}
    .navbar-brand img {max-height: 42px;}
    #navbarSiteMain .nav-link {padding: 0px 7px;}
    .section-uwb .article-title{font-size: 25px;}
    .home-page-wrapper .wistia_embed {width: 90px;}
    .home-page-wrapper .hero-content {padding-top: 0 !important;}
    section.section-home-hero{margin-top: 0 !important;}
    section.section-home-hero > .container{margin-top: 01.5rem  !important;}
    section.section-home-hero > .container div[class*="mt-"] { margin-top: 1.5rem !important; }
    #navbarSiteMain .dropdown-menu-inner div[class*="col-"].p-5 {padding: 2rem !important;}
    #navbarSiteMain .dropdown-menu-inner div[class*="col-"].pe-xl-5 {padding-right: 1.5rem !important;}
    #navbarSiteMain .dropdown-menu-inner div[class*="col-"] ul.mx-3 {margin: 0 !important;}
    #navbarSiteMain .dropdown-menu {min-width: 1000px;max-width: 1000px;}
    #navbarSiteMain .dropdown-menu-inner div[class*="col-"] h2 {font-size: 28px;}
    #accordionHIW .accordion-button {font-size: 21px;padding: 20px 26px 12px;}
    #accordionHIW .collapse.show, #accordionHIW .collapsing {padding-left: 25px;padding-right: 25px;padding-bottom: 16px;}
    #accordionHIW .accordion-body {font-size: 17px;}
    #messageToggleWrapper h3 {font-size: 28px;}
    #messageToggleWrapper h3 .text-big {font-size: 32px;}
    .page-title {font-size: 48px;}
}
@media(max-width:1366px){
    .navbar.px-xl-5 {padding-right: 1rem !important;padding-left: 1rem !important;}
    .section-home-hero .site-main-title {font-size: 42px;}
    .section-home-hero .site-main-title-home {font-size: 42px;}
    .gp-single-plan .gp-sp-title {font-size: 24px;}
    .gp-sp-body {padding: 25px 32px;}
    .gp-trend-pic:after {top: -15px;}
    .section-why-global-pros .section-title,
    .section-global-pros-for .section-title { font-size: 48px; }
    .article-learn-inn {padding: 24px 32px 34px !important;}
    .home-page-wrapper .wistia_embed {width: 78px;}
    .text-with-stars span.text-yellow {font-size: 24px;}
    .modal-title {font-size: 24px;line-height: 42px;}
    #messageToggleWrapper h3 {font-size: 24px;}
    #messageToggleWrapper h3 .text-big {font-size: 30px;}
}


@media(max-width:1359px){
    .footer-single-part:first-of-type {padding-right: 1rem !important;}
    .navbar-brand img {max-height: 32px;}
    .navbar-brand small.text-white {font-size: 26px !important;}
    .section-category-title {font-size: 22px;}
    .section-global-pros-feature .article-title {font-size: 20px;}
    nav.navbar {padding-left: 1.75rem !important;padding-right: 1.75rem !important;}
    #navbarSiteMain .nav-link {font-size: 14px;}
    #navbarSiteMain .nav-link {padding: 0px 7px;}
    .navbar-brand small.logo-text {font-size: 20px;}
    .navbar-brand small.logo-sub-text {font-size: 13px;}
    .section-uwb .section-title{font-size: 48px;}
    .section-uwb .article-title{font-size: 25px;}
    .page-title {font-size: 42px;}
}
@media(max-width:1279px){
    .footer-single-part {width: 33.333%;}
    .section-global-pros-feature .section-title {font-size: 36px;}
    .template-help-center .section-title {margin-top: 30px;}
    .section-uwb .section-title{font-size: 42px;}
    .section-uwb .article-title{font-size: 24px;}
    .section-why-global-pros .section-title,
    .section-global-pros-for .section-title{ font-size: 42px; }
    .section-learn-hero .site-main-title {font-size: 48px;}
    .site-main-sub-heading {font-size: 22px;}
    #GlobalProsSection .section-title{font-size:36px;}
    .navbar-brand img {margin-right: 0.5rem;}
    #accordionHIW span.icon img {max-width: 48px;left: -60px;}
    .footer-single-part + .footer-single-part{margin-left: 0;}
    .site-footer .justify-content-between{justify-content: flex-start !important;}
    .site-footer .footer-single-part{padding-top: 1.5rem !important;}
}
@media(max-width:1199px){
    .site-main-sub-title {
        font-size: 14px;
    }
    #navbarSiteMain .nav-link {
        font-size: 16px;
    }
    
    #navbarSiteMain .nav-link{border: none !important;}

    .section-home-hero .site-main-title {font-size: 36px;}
    .section-home-hero .site-main-title-home {font-size: 38px;}
    
    .section-site > div[class*="bg-l"] {
        padding: 2.25rem !important;
    }
    #accordionFAQs .accordion-button {
        font-size: 20px;
        line-height: 28px;
    }
    #accordionFAQs .accordion-body {
        padding: 0.5rem 0 2.5rem;
    }
    .list-contact li a {
        height: 92px;
        width: 92px;
        padding: 20px;
    }
    .site-header .navbar-brand {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    #navbarSiteMain {
        padding: 0 15px;
    }
    nav.navbar {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important;
    }
    .leader-single {
        max-width: 310px;
    }
    .leader-single+ .leader-single {
        margin-left: 25px;
    }
    .btn-text-me {
        font-size: 18px;
    }
    .section-uwb .article-title {
        font-size: 20px;
    }
    .article-learn-title {
        font-size: 20px;
    }
    .article-learn-tag {
        font-size: 18px;
    }
    .site-main-sub-heading {
        font-size: 19px;
    }
    .gp-trend-single{
        padding: 0 15px;
    }
    .gp-trend-title {
        font-size: 18px;
    }
    #GlobalProsSection .section-title{font-size:32px;}
    #navbarSiteMain .dropdown-menu {
        min-width: 100% !important;
        max-width: none !important;
        left: 0 !important;
        transform: translate(0) !important;
    }
    #navbarSiteMain .dropdown-menu-inner{box-shadow: none;}
    #navbarSiteMain .menu-resources ul.list-unstyled {
        margin: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    header.site-header {overflow: auto;max-height: 100vh;}
}

@media(max-width:1024px){

#AIExplainabilityStatementModal iframe,
#AIExplainabilityStatementModal iframe,
#AIExplainabilityStatementModal iframe{display: none;}

#AIExplainabilityStatementModal .pdf-download,
#AIExplainabilityStatementModal .pdf-download,
#AIExplainabilityStatementModal .pdf-download {
    min-height: calc(100vh - 60px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1f1f1;
}
.site-main-sub-title {
    font-size: 16px;
}
.section-home-hero .site-main-title-home {
    font-size: 30px;
}
.list-gp-sp-features li {
    margin-top: 10px;
}
#navbarSiteMain .dropdown-menu-inner div[class*="col-"] {
    min-width: 100%;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}
#navbarSiteMain .dropdown-menu-inner .row {flex-direction: column;}

#navbarSiteMain .dropdown-menu-inner div[class*="col-"] {
    min-width: 100%;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

#navbarSiteMain .dropdown-menu-inner div[class*="col-"] div[class*="menu-"] {}

#navbarSiteMain .dropdown-menu-inner div[class*="menu-"] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
#navbarSiteMain .dropdown-menu-inner div[class*="col-"]:nth-child(1) {
    padding-bottom: 0 !important;
}
}
@media(min-width:768px)and (max-width:991px){
    .footer-single-part:nth-child(2) {
        max-width: 225px;
    }
    
    .footer-single-part:nth-child(3) {
        max-width: 255px;
    }
    .template-hr-hiring .hero-content .section-category-title {
        margin-right: -20px;
    }

    .section-reduce-risk .image-part img {
        position: relative;
        right: 22px;
    }
    .template-vc-portfolio-hiring .section-home-hero img.pic-home-hero {
        position: relative;
        top: -50px;
    }
    .template-why-global-pros .section-home-hero img.pic-home-hero {
        position: relative;
        top: -130px;
    }
    .template-job-seeker .section-home-hero img.pic-home-hero {
        position: relative;
        top: -85px;
    }
    .template-it-staffing .section-home-hero .section-category-title {
        margin-right: -32px;
    }
    .template-vc-portfolio-hiring .hero-content .section-category-title {
        margin-right: -8px;
    }
    .section-about-1 .image-part img,.section-about-2 .image-part img {
        position: relative;
        top: -96px;
    }
    .article-learn-title {
        font-size: 20px;
    }
    
}
@media(max-width:991px){
    .section-site > div[class*="bg-l"] {
        padding: 1.5rem !important;
    }
    .section-site .text-part .btn.btn-purple {
        margin-bottom: 20px;
    }
    .section-site .text-part .link-learn-more {
        display: block;
    }
    .section-title {
        font-size: 28px;
    }
    .home-page-wrapper .section-title{font-size: 36px;}
    .section-global-pros-feature .section-title {
        font-size: 32px;
    }
    .gp-trend-single .gp-trend-pic{text-align: center !important;}
    .list-contact li a {
        height: 70px;
        width: 70px;
        padding: 16px;
    }
    .site-main-title {
        font-size: 36px;
    }
    .section-site + .section-site:not(.section-global-pros-feature) {
        padding-top: 30px !important;
    }
    .section-benefit-flexibility img[src*="icon-"] {
        max-width: 72px;
    }
    .template-contact-us .site-main-title {
        font-size: 50px;
    }
    .container{
        max-width: 820px;
    }
    .btn-back-ar-category {
        position:static;
    }
    .section-learn .h1 {
        max-width: 550px;
        margin: 0 auto;
    }
    body {
        font-size: 16px;
    }
    .footer-single-part {
        padding: 0 1.5rem;
    }
    .template-project-staff .section-benefit-flexibility div[class*="col-"]:nth-child(1) img[src*=icon], .template-project-staff .section-benefit-flexibility div[class*="col-"]:nth-child(2) img[src*=icon] {
        max-height: 60px;
        margin-bottom: 10px;
    }
    .template-about-us .section-benefit-flexibility h4 {
        font-size: 28px;
    }
    .section-benefit-flexibility .section-title {
        line-height: 1.5;
        font-size: 40px;
    }
    .template-about-us .section-benefit-flexibility .site-main-sub-title {
        font-size: 18px;
    }
   
    .leader-single+ .leader-single {
        margin-left: 0;
    }
    .template-job-seeker .section-global-pros-feature .site-main-sub-title {
        font-size: 16px;
        padding: 0 44px;
    }
    .template-job-seeker .section-global-pros-feature img[src*="icon-"] {
        max-height: 80px;
    }
    .template-job-seeker .section-global-pros-feature h3{line-height: 1.4;}
    .section-uwb .article-title {
        font-size: 24px;
    }
    .section-uwb .section-title {
        font-size: 42px;
    }
    .section-why-global-pros .section-title,
    .section-global-pros-for .section-title 
    { font-size: 36px; }
    .section-learn-hero .site-main-title {
        font-size: 36px;
    }
    .join-exclusive-comm-wrap h2 {
        font-size: 30px;
    }
    #GlobalProsSection .section-title{font-size:28px;}
    .section-sub-title {
        font-size: 26px;
    }
    .middle-start-wrap textarea {
        min-width: 100%;
    }
    .page-title {font-size: 36px;}
}
@media(max-width:850px){
    .container{
        max-width: 750px;
    }
}
@media(max-width:810px){
    /* .container{
        max-width: 750px;
    } */
    nav.navbar {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
        max-width: 750px;
        margin: 0 auto;
    }
}

@media(max-width:767px){
    #sidebar {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 999;
    }
    .btn {
        font-size: 16px;
    }
    .footer-single-part {
        width: 50%;
    }
    .container,.container-fluid {
        max-width: 100%;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .section-site > div[class*="bg-l"] {
        padding: 0rem 1rem !important;
    }
    .section-home-hero div[class*="col"] {
        width: 100%;
    }
    /* .section-home-hero .container>.row {
        flex-direction: column-reverse;
    } */
    .section-home-hero .container>.row .hero-content{
       padding-top: 0 !important;
    }
    .row-text-image .image-part, .row-text-image .text-part {
        width: 100%;
    }
    .row-text-image .text-part{
        margin-top: 3rem;
    }
    .row-text-image .image-part img {
        max-width: 480px;
        margin: 0 auto;
        display: block;
    }
    
    .section-global-pros-feature .section-title {
        font-size: 28px;
    }
    #navbarSiteMain .dropdown-menu ul {
        padding: 25px 15px ;
        box-shadow: none;
        margin-left: 15px;
    }
    .site-header .container-fluid {
        padding: 0 !important;
    }
    nav.navbar {
        padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    }
    .section-home-hero .pic-home-hero {
        max-width: 480px;
        margin: 0 auto;
    }
    .section-home-hero div[class*="col"].text-end {
        text-align: center !important;
    }
    .site-header .navbar-brand {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .section-home-hero .hero-content div[class*="mw-"] {
        max-width: 100% !important;
    }

    .section-global-pros-feature img {
        max-width: 72px;
    }
    .img-responsive.p-5 {
        padding: 0 !important;
    }
   
    .template-about-us .section-benefit-flexibility {
        margin-top: 8rem !important;
    }
    .section-home-hero .hero-content .mw-550 {
        max-width: none !important;
    }
    section.section-home-hero .container {
        margin-top: 0 !important;
    }
    .article-hc-single-inn h5 {
        font-size: 22px;
    }
    .article-hc-single-inn {
        padding: 35px 42px !important;
    }
    #navbarSiteMain {
        padding: 0;
    }
    .navbar-brand small.logo-text {
        font-size: 24px;
    }
    .navbar-brand small.logo-sub-text {
        font-size: 12px;
    }
    .gp-trend-single {
        padding: 0 15px;
    }
    .footer-single-part {
        padding: 0 1rem;
    }
    nav.navbar {
        max-width: none;
        margin: 0 auto;
    }
    .row-text-image .text-part *[class*="mw-"]:not(.accordion-site-default){
        max-width: none !important;
    }
    .template-about-us .section-benefit-flexibility {
        margin-top: 5.5rem !important;
    }
    .template-about-us .section-benefit-flexibility h4 {
        font-size: 24px;
    }
    .section-benefit-flexibility .section-title {
        font-size: 32px;
    }
    .bg-gradient-curve {
        background-size: auto 350px;
    }
    .section-learn-hero .site-main-title {
        font-size: 32px;
    }
    .section-learn-hero .site-main-title br {
        display: none;
    }
    .section-learn-hero .hero-content h3,
    .site-main-sub-heading {
        font-size: 18px;
    }
    .live-show-filter-row .list-inline-item {
        margin: 0 0 12px !important;
        display: block;
    }
    #hireVettedTalentModal .modal-body p {
        font-size: 16px;
    }
    #GlobalProsSection .section-title{font-size:24px;}
    .modal-dialog-centered .close {
        position: static;
        transform: none;
    }
    #navbarSiteMain .dropdown-menu-inner div[class*="col-"] h2 {
        font-size: 22px;
    }
    section#homePageContent .page-title + h3 {
        font-size: 18px;
    }
    #sidebar.collapsed .toggle-sidebar {
        top: 15px;
    }
}
@media(max-width:575px){
    .section-home-hero .site-main-title {
        font-size: 30px;
    }
    .section-home-hero .pic-home-hero {
        max-width: 100%;
        margin: 0 auto;
    }
    .section-home-hero .site-main-title-home {font-size: 32px;}
    
   
    .footer-single-part {
        width: 100%;
        padding-bottom: 2rem !important;
    }
    .row-text-image .image-part img {
        max-width: 100%;
    }
    .list-copyright-text > .list-inline-item {
        width: 100%;
        white-space: nowrap;
        margin-top: 15px;
    }
    
    .section-title {
        font-size: 24px;
    }
    .home-page-wrapper .section-title{font-size: 28px;}
    .list-contact li a {
        height: 74px;
        width: 74px;
        padding: 15px;
    }
    #accordionHIW .accordion-button {
        font-size: 18px;
    }
    .icon-pt-hiw img {
        max-width: 36px;
        margin-right: 7.5px;
    }
    #accordionHIW{
        padding-left: 8vw;
    }
    #accordionFAQs .accordion-button {
        font-size: 18px;
        line-height: 24px;
    }
    #accordionHIW .accordion-body {
        font-size: 16px;
    }
    .section-benefit-flexibility img[src*="icon-"] {
        max-width: 64px;
    }
    .section-site + .section-site:not(.section-global-pros-feature) {
        padding-top: 30px !important;
    }
    #navbarSiteMain .dropdown-menu {
        min-width: calc(100vw - 35px);
        max-width: calc(100vw - 35px);
    }
    .section-benefit-flexibility .section-title {
        font-size: 28px;
    }
    
    .section-why-global-pros .section-title,
    .section-global-pros-for .section-title 
    { font-size: 32px; }
    .section-learn-hero .site-main-title {
        font-size: 26px;
    }
    #navbarSiteMain li:not(.menu-customers) .dropdown-menu ul {
        margin-left: 0;
    }
    .section-education-main .gp-trend-content > img{max-width: 100%;}
    #navbarSiteMain .dropdown-menu-inner div[class*="col-"].p-5 {
        padding: 1.5rem !important;
    }
    #navbarSiteMain .dropdown-menu-inner div[class*="col-"]:nth-child(1) {
        padding-bottom: 0 !important;
    }
    #navbarSiteMain .dropdown-menu-inner div[class*="col-"].pe-xl-5 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    #navbarSiteMain .dropdown-menu-inner div[class*="col-"] h2 {
        font-size: 18px;
    }
}
@media(max-width:420px){
    
    #navbarSiteMain .dropdown-menu ul {
        padding: 18px 6px !important;
    }
    #navbarSiteMain .dropdown-menu a img {
        max-width: 26px;
        margin-right: 0;
    }
    #navbarSiteMain .dropdown-menu a .lh-1-75 {
        line-height: 1 !important;
    }
    .list-contact li a {
        height: 64px;
        width: 64px;
    }
    .article-hc-single-inn h5 {
        font-size: 20px;
    }
    .article-hc-single-inn {
        padding: 30px 36px !important;
    }
    .footer-single-part {
        font-size: 14px;
    }
    .site-main-sub-title {
        font-size: 16px;
    }
    .article-title {
        font-size: 22px;
    }
    .section-benefit-flexibility .section-title {
        font-size: 26px;
    }
    .section-category-title {
        font-size: 18px;
        margin-bottom: 1rem;
    }
    .section-why-global-pros .section-title,
    .section-global-pros-for .section-title 
    { font-size: 28px; }
    .join-exclusive-comm-wrap h2 {
        font-size: 24px;
    }
    #webDevSearchModal .navbar-brand small.logo-text {
        font-size: 20px;
    }
    #webDevSearchModal .navbar-brand small.logo-sub-text {
        font-size: 10px;
    }
}
@media(max-width:375px){
    .accordion-site-default .accordion-item {
        min-width: 0;
    }
    .section-site > div[class*="bg-l"] {
        padding: 0.5rem 1rem !important;
    }
    #navbarSiteMain .dropdown-menu ul {
        padding: 15px 0px !important;
    }
    #navbarSiteMain .dropdown-menu a img + .ms-3 {
        margin-left: 0.75rem !important;
    }
    .home-page-wrapper .section-title {
        font-size: 26px;
    }
    .section-uwb .article-title{font-size: 22px;}
}

@media(max-width:360px){
    .navbar-brand img {
        max-height: 38px;
    }
    .navbar-brand small.logo-text {
        font-size: 21px;
    }
    .navbar-brand small.logo-sub-text {
        font-size: 10px;
    }
    nav.navbar, .container, .container-fluid {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
    .section-site > div[class*="bg-l"] {
        padding: 0rem 1rem !important;
    }
    .article-hc-single-inn {
        padding: 24px 30px !important;
    }
    .article-hc-single-inn h5 {
        font-size: 18px;
    }
    .section-learn-hero .site-main-title {
        font-size: 30px;
    }
    .page-title {
        font-size: 32px;
    }
}

@media(max-width:359px){
    .section-home-hero .site-main-title {
        font-size: 25px;
    }
    .section-learn-hero .site-main-title {
        font-size: 24px;
    }
}