
@media only screen and (min-width: 320px) and (max-width: 767px){
    body{
    overflow-x:hidden;
}
    
    .nav-cont.aos-init.aos-animate {
    padding: 0;
    width: 100%;
}
 .navbar-brand img {
    width: 100%;
}
#google_translate_wrapper {
        margin: 0 auto;
    display: flex !important;
}
.hero .hero-txt h1 {
    margin: 50px 0 0 0;
    font-size: 24px;
    line-height: 34px;
}
.hero .hero-txt p {
    font-size: 14px;
    line-height: 24px;
}
.hero .hero-txt .btns {
    display: block;
    margin: 0 auto;
}
.hero .hero-txt a {margin: 0 0 30px;}
.hero .hero-con .hero-bx {
    margin-top: 50px;
    display: block;
}
.bx-1 img {
    margin: 0 auto 20px;
}
.bx-1 h3 {
    font-size: 24px;
    text-align: center;
}
.bx-1 p {
    font-size: 14px;
    text-align: center;
}
.bx-2 img {
    margin: 0 auto 20px;
}
.bx-2 h3 {
    text-align: center;
    font-size: 24px;
}
.bx-2 p {
    text-align: center;
}
.hero .hero-con .hero-bx .bx-1 {
    margin: 0 0 20px;
}
.hero .hero-con .hero-bx .bx-2 {
    margin: 0 0 20px;
}
.about .about-content {
    display: block;
}
.about-con {
    width: 100%;
}
.about-con h4 {
    text-align: center;
}
.about-con h1 {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px;
}
.about-con p {
    font-size: 14px;
    text-align: center;
    margin: 0 0 20px;
}
.about-con ul {
    text-align: center;
}
.about-con ul li {
    justify-content: center;
    font-size: 14px;
}
.about-con .btn-bot .btn {
    font-size: 14px;
    display: table;
    margin: 0 auto 20px;
}
.about-con .btn-bot {
    display: block;
    margin: 0 0 50px;
}
.about-con .btn-bot img {
    display: block;
    margin: 0 auto;
}
.ab-bx {
    display: block;
    margin: 0 0 20px;
}
.ab-bx .ab-bx-1 {
    margin: 0 0 20px;
    width:100%;
}
.ab-bx .ab-bx-1 h5 {
    font-size: 24px;
}
.about-sec-img {
    width:100%;
    height:auto;
}
.ab-bx .ab-bx-1 p {
    font-size: 14px;
}
.ab-txt p {
    font-size: 14px;
}
.ab-txt-bx {
    display: block;
    text-align: center;
}
.ab-txt h2 {margin-top: 20px;}
.offer {
    padding-top: 50px;
}
.about {
    padding: 50px 0;
}
.offer h4 {
    text-align: center;
}
.offer .con {
    display: block;
}
.offer .con h1 {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
}
.offer .con p {
    font-size: 14px;
    text-align: center;
    width: 100%;
}
section.offer .col-4 {
    width: 100%;
}
.offer-con .btn {
    font-size: 14px;
}
.offer-con P {
    font-size: 14px;
}
.offer-con h3 {
    font-size: 24px;
}
.jobs {
    padding: 50px 0;
}
.jobs h4 {
    text-align: center;
}
.jobs .con {
    display: block;
}
.jobs h1 {
    font-size: 24px !important;
    text-align: center;
}
.jobs p {
    font-size: 14px !important;
    text-align: center;
}
.jobs .con .btn {
    font-size: 14px;
    display: table;
    margin: 0 auto;
}
.jobs .col-4 {
    width: 100%;
}
.job-card h3 {
    font-size: 18px;
    text-align: center !important;
    line-height: 28px;
    display: table;
    margin: 0 auto 10px;
}
.job-card ul li {
    font-size: 17px;
        margin-bottom: 15px;
}
.job-card .btn {
    font-size: 14px;
}
.job-card ul {
    text-align: center;
}
.contact {
    padding: 50px 0 !important;
}
.contact h4 {
    text-align: center;
}
.contact .con {
    display: block;
}
.contact .con h1 {
    text-align: center;
    font-size: 24px;
}
.contact .con p {
    font-size: 14px;
    width: 100%;
    text-align: center;
}
.contact-container {
    display: block;
}
.contact-info h2 {
    font-size: 24px;
    text-align: center;
}
.contact-info {
    padding: 20px;
}
.info-item {
    display: block;
    text-align: center;
}
.info-item p {
    font-size: 14px;
}
.promise {
    width: 100%;
}
.promise p {
    font-size: 14px;
    text-align: center;
}
.contact-form {
    padding: 20px;
}
.map {
    margin: 0;
    padding: 0;
}
.map img {
    height: auto;
}
.trusted h1 {
    font-size: 24px;
    line-height: 34px;
}
.logo-slider {
    padding: 0;
}
.newsletter-sec h2 {
    font-size: 24px;
    width: 100%;
}
.newsletter-sec input[type="email"] {
    width: 100%;
    height: 50px;
}
.newsletter-sec button {
    right: 10px;
    height: 40px;
    width: 60px;
    padding: 0px 10px;
}
footer#footer-row {
    padding: 20px;
}
footer#footer-row .footer-sec img {
    width: 50%;
    margin: 0 auto;
    display: block;
}
.footer-sec {
    display: block;
}
.footer-top {
    display: block;
}
footer#footer-row .footer-sec ul.link-flex {
    display: block;
    text-align: center;
}
footer#footer-row .footer-sec ul.link-flex li {
    margin: 0;
}
footer#footer-row .footer-sec ul.link-flex li a {
    font-size: 14px;
}
.footer-bot {
    display: block;
}
.footer-bot .contact-2 ul {display: block;text-align: center;}
.footer-bot .contact-2 ul li {
    font-size: 14px;
    text-align: center;
    justify-content: center;
    margin: 0 0 10px;
}
footer#footer-row .social-icons ul {
    justify-content: center;
}
footer#footer-row .social-icons ul li {
    margin-left: 0;
    margin: 0 10px;
}
.footer-bot .social-icons {
    margin: 30px 0 0;
}
.copyright {
    display: block;
    text-align: center;
}
.copyright h2 {
    font-size: 14px;
}
.copyright h3 {
    font-size: 14px;
}
.head h1 {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 0;
}
.core {
    padding: 50px 0 !important;
}
.core h1 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 30px;
}
.core .col-6 {
    width: 100%;
}
.core-item {
    display: block;
}
.core-item img {
    margin: 0 auto;
    display: block;
}
.core-item h3 {
    text-align: center;
    font-size: 24px;
    padding: 10px 0 10px;
}
.core-item p {
    font-size: 14px;
    text-align: center;
}
.what-we-do {
    padding: 50px 0 !important;
}
.section-title h2 {
    font-size: 24px !important;
    line-height: 34px !important;
    margin: 0 0 20px;
}
.section-title p {
    font-size: 14px;
}
.services-grid {
    display: block;
}
.bottom-text {
    font-size: 14px;
}
.staffing-process {
    padding: 50px 0 !important;
}
.process-grid {
    display: block;
}
.industries-grid {
    display: block;
}
.trust-grid {
    display: block;
}
.trust-text {
    font-size: 14px;
}
.why-trust {
    padding: 50px 0 !important;
}
.labor-fast {
    padding: 50px 0 !important;
}
.labor-fast h2 {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    margin: 0 0 20px;
}
.labor-fast p {
    font-size: 14px;
    text-align: center;
}
.labor-fast h4 {
    text-align: center;
}
.labor-list li {
    font-size: 14px;
    padding: 0;
}
.labor-list {
    text-align: center;
}
.cta-btn {
    font-size: 14px;
    text-align: center;
}
.head h1 {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 0;
}
.core {
    padding: 50px 0 !important;
}
.core h1 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 30px;
}
.core .col-6 {
    width: 100%;
}
.core-item {
    display: block;
}
.core-item img {
    margin: 0 auto;
    display: block;
}
.core-item h3 {
    text-align: center;
    font-size: 24px;
    padding: 10px 0 10px;
}
.core-item p {
    font-size: 14px;
    text-align: center;
}
.what-we-do {
    padding: 50px 0 !important;
}
.section-title h2 {
    font-size: 24px !important;
    line-height: 34px !important;
    margin: 0 0 20px;
}
.section-title p {
    font-size: 14px;
}
.services-grid {
    display: block;
}
.bottom-text {
    font-size: 14px;
}
.staffing-process {
    padding: 50px 0 !important;
}
.process-grid {
    display: block;
}
.industries-grid {
    display: block;
}
.trust-grid {
    display: block;
}
.trust-text {
    font-size: 14px;
}
.why-trust {
    padding: 50px 0 !important;
}
.labor-fast {
    padding: 50px 0 !important;
}
.labor-fast h2 {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    margin: 0 0 20px;
}
.labor-fast p {
    font-size: 14px;
    text-align: center;
}
.labor-fast h4 {
    text-align: center;
}
.labor-list li {
    font-size: 14px;
    padding: 0;
}
.labor-list {
    text-align: center;
}
.cta-btn {
    font-size: 14px;
    text-align: center;
}
.banner {
    min-height: 200px;
}
   .staff-ser h1 {
    font-size: 30px;
   }
   .staff-ser img{
       width:100% ;
   }
   .staff-con {
    flex-direction: column;
    gap: 16px;
    margin-bottom:0px;
}
.st-ser-bx {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap:20px
}
.main-line{
    display:none;
}
.net-line-1{
    display:none;
}
.net-line-2{
    display:none;
}
.st-ser{
    margin-left:0px !important;
}
.staff-ser .st-ser h3 {
    font-size: 20px;
}
.testimonial-section{
        padding: 80px 10px;
        
}
.testimonial-card {
    padding: 35px 20px;
}
.testimonial-section .col-4{
    width:100% !important;
}

.testimonial-card p {
    height: 120px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
      body{
    overflow-x:hidden;
}
    .navbar-brand img {
    max-height: 100px;
}
.nav-cont {
    padding: 0px 25px;
}
#google_translate_wrapper {
        display: flex !important;
    margin: 0 auto;
}
.hero .hero-txt h1 {
    font-size: 50px;
}
.about-con {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.about .about-content {
    display: flex;
    gap: 50px;
    flex-direction: column;
}
.offer .con h1 {
    font-size: 36px;
}
.row{
    justify-content:center;
}
.col-4{
    width:50%;
}
.contact-container {
    margin: auto;
    display: flex;
    gap: 30px;
    flex-direction: column;
}
.map {
    padding: 80px 0px;
    margin: 0px 40px;
}
.map img {
    width: 100%;
    height: 400px;
    border-radius: 20px;
}
.newsletter-sec h2 {
    color: #272727;
    text-align: center;
    font-size: 30px;
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    text-transform: capitalize;
    width: 64%;
    margin: 0 auto 20px;
    position: relative;
}
footer#footer-row {
    padding: 50px 20px 50px;
}
.footer-top {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-direction: column;
    align-items: center;
}
footer#footer-row .footer-sec ul.link-flex {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
footer#footer-row .footer-sec ul.link-flex li {
    list-style: none;
    margin-left: 30px;
    margin-bottom: 20px;
}
footer#footer-row .footer-sec img {
    width: 140px;
}
.footer-img-2 {
    width: 150px !important;
    height: 140px;
}
.footer-bot .contact-2 ul {
    display: flex;
    gap: 30px;
    margin-bottom: 0px;
}
.footer-bot .contact-2 ul li {
    font-size: 14px;
}
.copyright h2 {
    font-size: 15px;
    letter-spacing: 25%;
}
.copyright h3 {
    font-size: 15px;
    letter-spacing: 25%;
}
.hero .hero-con .hero-bx {
    justify-content: center;
    gap: 14px;
}
.hero .hero-con .hero-bx .bx-1 {
    background: rgba(0, 68, 137, 51);
    padding: 38px 25px 50px 25px;
    height: 300px;
}
.hero .hero-con .hero-bx .bx-2 {
    background: rgba(0, 68, 137, 51);
    padding: 34px 25px 30px 25px;
    height: 270px;
}
.process-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.st-ser-bx {
    display: flex;
    justify-content: space-between;
    gap:20px
}
.staff-con {
    flex-direction: column;
}
.main-line{
    display:none;
}
.net-line-1{
    display:none;
}
.net-line-2{
    display:none;
}
.st-ser{
    margin-left:0px !important;
}
.staff-ser .st-ser h3 {
    font-size: 16px;
}
.testimonial-section {
    padding: 80px 20px;
}
.ab-bx {
    margin:0 auto;
}
.about-con h1 {
    text-align:center;
}
.about-con p {
   text-align:center;
}
.about-con ul li {
    justify-content: center;
}
.about-con .btn-bot {
    margin: 0 auto;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1300px){
      body{
    overflow-x:hidden;
}
    .navbar-brand img {
    max-height: 100px;
}
.navbar-nav {
    gap: 15px;
    align-items: center;
}
.nav-cont {
    padding: 0px 10px;
}
select.goog-te-combo {
    font-size: 14px;
    width: 140px !important;
}
#google_translate_wrapper {
    display: inline-block;
    min-width: 140px !important;
    max-width: 140px !important;
    overflow: hidden;
    vertical-align: middle;
}
.hero .hero-txt h1 {
    font-size: 55px;
}
.about-con h1 {
    font-size: 44px;
}
.ab-bx .ab-bx-1 {
    width: 250px;
    height: 104px;
}
.about-sec-img{
    width: 250px;
    height: 104px;
}
.offer-con .btn {
    font-size: 15px;
}
.map {
    padding: 80px 0px;
    margin: 0px 100px;
}
.map img {
    width: 100%;
    height: 500px;
}
.newsletter-sec h2:before {
    bottom: 25px;
}
footer#footer-row {
    padding: 50px 20px 50px;
}
.footer-top {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-direction: column;
    align-items: center;
}
footer#footer-row .footer-sec ul.link-flex li {
    list-style: none;
    margin-left: 25px;
}
footer#footer-row .footer-sec img {
    width: 140px;
}
.footer-img-2 {
    width: 150px !important;
    height: 140px;
}
.footer-bot .contact-2 ul {
    display: flex;
    gap: 30px;
    margin-bottom: 0px;
}
.footer-bot .contact-2 ul li {
    font-size: 14px;
}
.main-line {
    display:none;
    
}
.net-line-1 {
    display:none;
}
.net-line-2 {
    display:none;
}
.staff-ser .st-ser h3 {
    font-size: 22px;
}
.st-ser{
    margin-left:0px !important;
}
.testimonial-section {
    padding: 80px 20px;}
}
@media only screen and (min-width: 1301px) and (max-width: 1600px){
    .navbar-brand img {
    max-height: 90px;
}
.map img {
    width: 100%;
    height: 700px;
    border-radius: 20px;
}
.newsletter-sec h2:before {
    content: url(../images/star.png);
    position: absolute;
    left: -190px;
    bottom: -40px;
}
footer#footer-row {
    background: #002856;
    margin: 0px 20px;
    border-radius: 30px;
    padding: 50px 50px 50px;
}
footer#footer-row .footer-sec img {
    width: 100px;
}
.footer-img-2 {
    width: 150px !important;
    height: 130px;
}
footer#footer-row .footer-sec ul.link-flex li {
    list-style: none;
    margin-left: 30px;
}
footer#footer-row .footer-sec ul.link-flex li a {
    color: #FFF;
    font-size: 17px;
}

.staff-con p {
    font-size: 17px;
    margin:0px 0px;
}
.net-line-1{
    width:190px !important;
}
}













