/* Mobile */
@media (max-width: 767px){
    /* Header */
    .mobi-logo {
        display: inline-block;
        width: 80px;
        padding: 10px 0;
        margin-left: 10px;
    }

    .header {
        height: 90px;
    }

    .mobi-only{
        display: block;
    }

    .logo, .home-logo{
        display:none;
    }

    .navbar {
        margin-bottom: 0;
    }

    .h-active .navbar-default{
        background-color: transparent;
    }

    .navbar-default {
        background-color: #1E252D;
    }

    .noshow{
        display:none;
    }

    .navbar-toggle {
        margin: 15px;
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
        color: #4D868E;
        font-size: 25px;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }

    .navbar-nav>li>a {
        padding: 5px 0;
        border-top: 0;
    }

    .navbar-nav>li {
        float: none;
        padding: 0;
    }

    .navbar-nav {
        float: none;
        background: #1E252D;
        text-align: center;
        width: 100%;
        margin: 0;
        padding: 10px 0 0;
    }

    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
        border-top: 0;
    }

    .social-icons {
        position: relative;
        text-align: center;
        background: #1E252D;
        padding-top: 10px;
        padding-bottom: 10px;
        right: 0;
        top: 0;
        padding-bottom: 15px;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent;
        border: 0;
    }

    /* Home */
    .home-head {
        /* background: url("/images/home/mobile-header.jpg") no-repeat center center/cover; */
        padding: 150px 0 0;
        height: 400px;
    }

    .home-head h1 {
        padding-right: 0;
    }

    h1 {
        font-size: 2.5em;
    }

    h2 {
        font-size: 25px;
    }

    .our-employer-info h2{
        font-size: 40px;
    }

    p,li,a{
        font-size: 18px;
    }

    .home-infobox {
        width: 100%;
    }

    .home-head p {
        font-size: 18px;
    }

    .home-head, .home, .shift, .our-employer, .footer{
        text-align: center;
    }

    .job-box {
        padding: 10px;
        width: 100%;
        max-width: 400px;
        margin: 0 auto 20px;
    }

    .job-box .btn-view {
        float: none;
        width: 200px;
    }

    .recruiters {
        padding: 15px;
        margin-right: 0;
    }

    .recruiters, .employee {
        /* height: 400px; */
        height: auto;
        margin: 10px;
    }

    .rec-info, .can-info {
        float: none;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .job-box h2 {
        margin-bottom: 10px;
        padding: 0;
    }

    .rec-can p {
        margin-bottom: 10px;
    }

    .rec-can h2 {
        margin-bottom: 10px;
    }

    .employee {
        padding: 15px;
    }

    .rec-can {
        margin: 0;
    }

    /* .shift-info h1 {
        color: #1E252D;
    } */

    .dealer-box {
        padding: 10px;
        padding-top: 25px;
        margin-top: 15px;
        margin: 15px auto 0;
        max-width: 400px;
    }

    .dealer-box .col-md-12 {
        margin-bottom: 20px;
        padding: 0;
    }

    .dealer-box .deal-head {
        font-size: 16px;
    }

    .shift-info {
        padding: 15px 0;
    }

    .shift-info p {
        margin-bottom: 20px;
        padding-right: 0;
        /* color: #1E252D; */
    }

    .shift{
        background: url("/images/home/mobile-shift.jpg") no-repeat center center/cover;
    }

    .logos {
        width: 100%;
        margin-top: 10px;
    }

    .btn-view {
        width: 220px;
    }

    /* Jobs */
    .jobs {
        padding: 20px 0;
        margin-top: 90px;
    }

    .jobs-searchbox {
        padding: 15px;
        width: 100%;
        max-width: 500px;
        text-align: center;
    }

    .jobs-searchbox h2 {
        margin-bottom: 10px;
        text-align: center;
    }

    .jobs-searchbox h1{
        font-size: 1.9em;
        padding: 11px 0;
    }

    .jobs-searchbox .btn-view {
        float: none;
        margin: 10px auto 0;
        display: block;
        max-width: 220px;
    }

    .jobs-searchbox select {
        max-width: 350px;
        margin: 0 auto 10px;
    }

    .search-results {
        padding: 15px 0;
        text-align: center;
    }

    .job {
        padding: 15px;
        max-width:500px;
        margin: 0 auto 30px;
        -webkit-box-shadow: 3px 5px 20px 0px rgba(0,0,0,0.19);
        -moz-box-shadow: 3px 5px 20px 0px rgba(0,0,0,0.19);
        box-shadow: 3px 5px 20px 0px rgba(0,0,0,0.19);
        min-height: auto;
    }

    .job-listings .btn-view {
        margin: 15px 0 10px;
        display: block;
        position: relative;
        bottom: unset;
    }

    .vacancy {
        position: relative;
        bottom: 0;
        right: unset;
        text-align: left;
    }

    .job-location {
        padding-bottom: 10px;
    }

    .job-listings ul {
        padding-left: 1.3em;
    }

    .navigation {
        width: 100%;
        text-align: center;
    }

    .navigation ul {
        padding-left: 0;
    }

    .pagination {
        margin: 10px 0 30px;
    }

    /* employer */
    .other-heads {
        /* padding: 60px 0; */
        padding: 120px 0;
        /* height: 400px; */
        height: auto;
        text-align: center;
        margin-top: 90px;
    }
    
    .other-heads h1 {
        margin-bottom: 0;
        font-size: 2.5em;
    }

    .employer-infobox {
        width: 100%;
    }

    .employer-head {
        background: url(/images/employer/mobile-header.jpg) no-repeat center center/cover;
        height: 400px;
        padding: 110px 0!important;
    }

    .employer-head a {
        display: none;
    }

    .employer-services h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .employer-services {
        padding: 20px 0;
        text-align: center;
    }

    .why-work {
        padding: 20px 0;
        height: auto;
    }

    .why-work-info {
        padding: 15px;
        top: 0;
        max-width: 500px;
        margin: 0 auto;
    }

    .mobi-breaks{
        display:none;
    }

    .why-work-info h2 {
        margin-bottom: 20px;
        font-size: 24px;
        text-align: center;
    }

    .why-work-info li {
        padding-bottom: 20px;
        font-size: 18px;
        margin-bottom: 0px;
    }

    .code-conduct h2 {
        font-size: 2.5em!important;
        text-align: center;
    }

    .ahead h2 {
        padding-right: 0;
    }

    .ahead {
        padding: 20px 0 0;
        text-align: center;
    }

    .code-conduct p {
        margin-bottom: 20px;
    }

    .code-conduct h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    /* employee */
    .employee-head {
        background: url(/images/employee/mobile-header.jpg) no-repeat center center/cover;
        height: 400px;
        padding: 120px 0!important;
    }

    .employee-infobox {
        width: 100%;
        float: none;
    }

    .employee-services h2 {
        font-size: 2.5em;
        margin-bottom: 20px;
    }

    .other-heads a {
        display: none;
    }

    .hashtag{
        font-size: 28px!important;
        padding-bottom: 10px;
    }

    .employee-services {
        padding: 20px 0;
        text-align: center;
    }

    .can-jobs {
        margin-top: 0!important;
    }

    /* Who We Are */
    .who-head {
        background: url(/images/who/mobile-header.jpg) no-repeat center center/cover;
        height: 400px;
        padding: 110px 0!important;
    }

    .who-we-are {
        padding: 20px 0;
        text-align: center;
    }

    .who-infobox {
        width: 100%;
    }

    .who-we-are h2 {
        font-size: 2.5em;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .btn-contact {
        width: 200px;
    }

    .offer-info {
        max-width: 500px;
        margin: 20px auto;
        padding: 15px;
        top: 0;
    }

    .what-we-offer {
        height: auto;
        text-align:center;
    }

    .ahead img {
        padding-top: 0;
    }

    .ahead h3 {
        margin-bottom: 20px;
    }

    .ahead ul {
        text-align: left;
    }

    .ahead li {
        padding-bottom: 10px;
    }

    .ahead-rest {
        max-width: 500px;
        margin: 0 auto;
    }

    /* Contact */
    .contact {
        padding: 30px 0 20px;
        margin-top: 90px;
    }

    .contact h1 {
        font-size: 2.2em;
        text-align: center;
        margin-bottom: 10px;
    }

    .contact p {
        margin-bottom: 10px;
        font-size: 2em;
        text-align: center;
    }

    .contact a {
        font-size: 25px;
        color: #fff;
        font-family: 'solosans-bold',sans-serif;
        padding-left: 0;
    }

    .contact span {
        line-height: 35px;
    }

    .contact-input {
        max-width: 400px;
        margin: 0 auto 30px;
    }

    .contact-section {
        padding: 30px 0;
        text-align: center;
    }

    .contact-info {
        padding: 15px;
        margin-left: 0;
        padding: 25px 15px 15px;
        margin-top: 30px;
    }

    .msg-input {
        margin-bottom: 20px;
        width: 100%;
        max-width: 400px;
    }

    .contact-form .col-md-6 {
        padding-right: 0;
    }

    /* Jobs Individual */
    .backto {
        margin-top: 90px;
        padding: 15px 0;
        text-align: center;
    }

    .jobs-indiv {
        padding: 15px 0;
    }

    .jobs-indiv ul {
        margin: 20px 0 10px;
    }

    .jobs-indiv h1, .jobs-indiv p{
        text-align: left;
    }

    .check-lists h2 {
        text-align: center;
        margin: 20px 0 10px;
    }

    .gap-links {
        padding-top: 20px;
        margin-top: 10px;
        text-align: center;
    }

    .check-lists ul {
        padding-left: 2em;
    }

    .apply-box {
        padding: 50px;
        position: relative;
        margin: 0 auto;
        left: 0;
        top: 0!important;
    }

    .apply-box .btn-view {
        margin-bottom: 20px;
    }

    /* Footer */
    .footer h1 {
        color: #fff;
        font-size: 1em;
        text-transform: lowercase;
        margin-bottom: 5px;
    }

    .top-footer i {
        font-size: 30px;
        margin:5px 10px 0 0;
        top: 0;
    }

    .copyright {
        padding: 15px 0;
    }

    .foot-logos img {
        margin-left: 15px;
        margin-bottom: 10px;
        padding: 0;
    }

    .selectdiv {
        max-width: 400px;
        margin: 0 auto;
    }

    .arrow-d {
        width: 12px;
        top: 23px;
    }

    .jobs-searchbox .selectdiv {
        max-width: 350px;
        margin: 0 auto 10px;
    }

    .dealer-box p {
        margin-bottom: 15px;
    }

    .arrow-l {
        float: none;
        top: -2px;
    }

    .foot-logos {
        padding-left: 0;
    }

    .contact-section h2 {
        margin-bottom: 30px;
        padding-bottom: 15px;
    }

    .recruiters .job-box, .employee .job-box {
        float: none;
    }

    .footer-social {
        float: none;
    }

    .our-employer {
        background: url(/images/gap-logos2.png) no-repeat center center/cover fixed;
        height: 400px;
    }

    .our-employer-info {
        height: 400px;
    }

    .who-we-are.legal-info {
        margin-top: 90px;
        text-align: left;
    }

    .open>.dropdown-menu {
        text-align: center;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 0;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #4D868E;
    }

    .btn-industry {
        margin-right: 0;
        margin-bottom: 10px;
    }

    /* Industries */
    .automotive {
        background: url(/images/automotive/header-mobile.jpg) no-repeat center center/cover;
    }
    
    .engineering {
        background: url(/images/engineering/header-mobile.jpg) no-repeat center center/cover;
    }
    
    .construction {
        background: url(/images/construction/header-mobile.jpg) no-repeat center center/cover;
    }
    
    .mining {
        background: url(/images/mining/header-mobile.jpg) no-repeat center center/cover;
    }
    
    .transport {
        background: url(/images/transport/header-mobile.jpg) no-repeat center center/cover;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #4D868E;
        background-color: transparent;
    }

    .dropdown-menu {
        position: fixed;
    }

    #transportBtn {
        width: 230px!important;
        font-size: 13px;
    }

    .btn-industry{
        font-size: 13px;
        padding: 15px 10px;
        width: 230px;
    }


}

/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px){

    .logo {
        width: 100px;
        padding: 10px 0;
    }

    .header {
        height: 111px;
    }

    .last-item {
        padding-right: 1.2em!important;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 14px;
    }

    .navbar {
       margin-bottom: 0;
    }

    .navbar-nav>li>a {
        padding: 40px 0;
    }

    .navbar-nav>li {
        padding: 0 1.2em 0 0;
    }

    .social-icons {
        position: absolute;
        right: 8px;
        /* right: 22px; */
        top: 75px;
    }

    .social-icons i {
        font-size: 25px;
    }

    .footer h1 {
        font-size: 1.2em;
    }

    .top-footer i {
        font-size: 30px;
        top: 20px;
        float: right;
        margin-right: 5px;
    }

    .mobi-breaks{
        display:none;
    }

    .mobi-only {
        display: none;
    }

    .jobs-indiv ul {
        margin: 15px 0 20px;
    }

    .backto {
        margin-top: 110px;
        text-align: center;
    }

    ul.deal-ul{
        padding-left: 1em;
    }

    .jobs-indiv h2 {
        margin-bottom: 20px;
    }

    .jobs-indiv p {
        margin-bottom: 0;
    }

    .gap-links p {
        margin-bottom: 10px;
    }

    .jobs-indiv ul li:before {
        padding-right: 10px;
    }

    .check-lists ul {
        padding-left: 2em;
    }

    .jobs-indiv h1, .jobs-indiv h2, .jobs-indiv p {
        text-align: center;
    }

    .apply-box .btn-view {
        margin-bottom: 20px;
    }

    .copyright {
        font-size: 15px;
        line-height: 21px;
        padding: 15px 0;
        text-align: center;
    }

    .foot-logos {
        float: right;
    }

    .footer{
        text-align: center;
    }

    /* Home */
    .home-logo {
        width: 100px;
        padding: 10px 0;
    }

    .home-head {
        height: auto;
        padding: 170px 0;
    }
    
    h1 {
        font-size: 3em;
    }

    .home-infobox {
        width: 60%;
    }

    .home-head h1 {
        padding-right: 0;
    }

    .recruiters, .employee {
        height: auto;
        min-height: 523px;
    }

    .recruiters, .employee {
        padding: 25px 20px;
        text-align: center;
    }

    .job-box {
        float: none!important;
        margin: 0 auto 20px;
        width: 100%;
        padding: 20px 2%;
    }

    .job-box .btn-view {
        float: none;
        margin: 0 auto 20px;
        display: block;
    }

    .rec-info, .can-info {
        float: none!important;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .job-box h2 {
        margin-bottom: 10px;
        padding: 0;
    }

    .rec-can p {
        margin-bottom: 20px;
    }

    .shift {
        padding: 20px 0;
    }

    .dealer-box {
        padding: 10px;
        width: 100%;
    }

    .dealer-box .deal-head {
        font-size: 17px;
    }

    .dealer-box .col-md-12 {
        margin-bottom: 15px;
    }

    .btn-view {
        width: 220px;
    }

    h2 {
        font-size: 2.5em;
    }

    .rec-can h2 {
        margin-bottom: 10px;
    }

    .our-employer {
        padding: 20px 0;
    }

    /* Jobs */

    .jobs {
        margin-top: 110px;
    }

    .jobs-searchbox {
        width: 100%;
        padding: 15px 0 15px 15px;
    }

    .jobs-searchbox h1, .jobs-searchbox h2 {
        font-size: 1.9em;
        padding: 11px 0;
    }

    .jobs-searchbox .btn-view {
        float: none;
        width: 100%;
        padding: 15px 10px;
    }

    .jobs-searchbox .col-md-3{
        padding-left:0;
    }

    .search-results {
        text-align: center;
    }

    .job {
        padding: 20px;
        min-height: 360px;
    }
    
    .job-listings .btn-view {
        margin: 20px auto;
        display: block;
        bottom: 50px;
        left: 50%;
        transform: translate(-50%);
    }

    .vacancy {
        right: 90px;
    }

    .job h2, .job p {
        text-align: center;
    }

    .job-location {
        padding-bottom: 15px;
    }

    .navigation {
        width: 50%;
        text-align: center;
        margin: 0 auto;
    }
    
    /* employer */
    .other-heads {
        margin-top: 111px;
        padding: 100px 0;
        height: auto;
    }

    p, li, a {
        font-size: 16px;
    }

    .employer-infobox {
        width: 70%;
    }

    .employer-head h1 {
        font-size: 3em;
    }

    .employer-services h2 {
        font-size: 2.5em;
        margin-bottom: 10px;
    }

    .employer-services {
        padding: 3% 0;
        text-align: center;
    }

    .why-work-info {
        padding: 20px;
        top: 0;
    }

    .why-work {
        height: auto;
    }

    .why-work-info h2 {
        margin-bottom: 20px;
        text-align: center;
    }

    .why-work-info li {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .code-conduct h2 {
        font-size: 2.5em!important;
        padding-right: 0;
    }

    .ahead-rest {
        padding-bottom: 30px;
        padding-top: 0;
    }

    .ahead {
        padding: 30px 0;
        text-align: center;
    }

    /* employee */
    .employee-infobox {
        width: 60%;
    }

    .other-heads h1 {
        font-size: 3em;
    }

    .employee-services h2 {
        font-size: 2.5em;
        margin-bottom: 20px;
    }

    .employee-services {
        padding: 20px 0;
    }

    .can-jobs {
        margin-top: 0!important;
    }

    /* Who we are */
    .who-infobox {
        width: 70%;
    }

    .who-we-are h2 {
        font-size: 3em;
        padding-right: 0;
    }

    .who-we-are {
        padding: 30px 0;
        text-align: center;
    }

    .who-we-info .btn-contact {
        margin-top: 20px;
    }

    .offer-info {
        padding: 20px;
        top: 0;
        width: 60%;
        float: right;
        text-align: center;
    }

    .what-we-offer {
        height: auto;
        padding: 30px 0;
    }

    .ahead h2 {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .ahead-rest li {
        height: auto;
        text-align: left;
    }

    .ahead img {
        padding-top: 0;
    }

    .who-lists ul {
        text-align: left;
    }

    .who-lists li {
        margin-bottom: 5px;
    }

    /* Contact */
    .contact {
        margin-top: 111px;
    }

    .contact-info {
        margin: 30px auto 0;
        width: 60%;
    }

    .contact-section .btn-view {
        margin: 0 auto;
        display: block;
    }

    /* Jobs Individual */
    .apply-box {
        left: 54%;
    }

    .arrow-l {
        float: none;
        top: 0;
    }

    .our-employer-info {
        height: 400px;
    }

    .btn-industry {
        margin-bottom: 10px;
    }

    .limit-jobs {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    #transportBtn {
        width: 230px!important;
    }

}

@media (min-width: 992px) and (max-width: 1199px){

    .home-logo {
        width: 57%;
    }

    .navbar-nav>li {
        padding: 0 1.2em 0 0;
    }

    .social-icons {
        right: 3px;
        /* right: 107px; */
        top: 85px;
    }

    .navbar-nav {
        float: left;
    }

    .home-head {
        padding: 28% 0;
        height: auto;
    }

    .home-infobox {
        width: 80%;
    }

    .footer h1 {
        font-size: 1.8em;
    }

    .top-footer i {
        top: 15px;
        font-size: 50px;
    }

    .foot-logos {
        padding-left: 23px;
    }

    .recruiters, .employee {
        height: auto;
        min-height: 624px;
    }

    .job-box {
        width: 90%;
        text-align: center;
    }

    .job-box .btn-view {
        float: none;
    }

    .job-box h2 {
        margin-bottom: 20px;
        padding: 0;
    }

    .shift {
        padding: 6% 0;
    }

    .shift{
        padding: 6%;
        background: url("/images/home/vacancies.jpg") no-repeat center center/cover;
    }

    .can-info {
        width: 91%;
        padding-left: 0;
    }

    .rec-info {
        width: 90%;
        padding-right: 0;
    }

    .dealer-box {
        padding: 20px 20px 0 20px;
    }

    h1 {
        font-size: 4em;
    }

    .logos {
        width: 70%;
    }

    .home-head h1 {
        padding-right: 40%;
    }

    /* Jobs */
    .jobs-searchbox h1 {
        font-size: 2.2em;
        padding: 4% 0;
    }

    .navigation {
        width: 50%;
        text-align: center;
    }

    .jobs-searchbox .col-md-3 {
        padding-left: 0;
    }

    .jobs-searchbox {
        padding: 20px 0 20px 15px;
        width: 90%;
    }

    .other-heads {
        padding: 7% 0;
        margin-top: 130px;
        height: auto;
        min-height: 430px;
    }

    .employer-infobox {
        width: 64%;
    }

    .why-work-info {
        /* top: 200px; */
        top: 120px;
    }

    .code-conduct h2 {
        font-size: 4em!important;
        /* margin-top: 5%; */
        margin-top: 0;
    }

    .employee-infobox {
        width: 60%;
    }

    .employee-services h2 {
        font-size: 4em;
    }

    .jobs-searchbox .btn-view {
        width: 100%;
        max-width: 250px;
    }

    .jobs.can-jobs h2 {
        font-size: 2.2em;
        padding: 9px 0;
    }

    .expect {
        /* padding-top: 3%!important; */
        padding-top: 0;
    }

    .employer-services h2 {
        font-size: 4.5em;
    }

    /* Who we are */
    .who-infobox {
        width: 58%;
    }

    .who-we-are h2 {
        font-size: 4em;
        padding-right: 30%;
    }

    .who-we-info .btn-contact {
        margin-top: 10%;
    }

    .offer-info {
        padding: 6%;
        top: 70px;
    }

    .ahead-rest li {
        font-size: 21px;
    }

    .ahead img {
        padding-top: 20%;
    }

    .ahead ul {
        padding-left: 1em;
    }

    .contact-info {
        margin-left: 0;
    }

    .employer-page .code-conduct h2{
        margin-top:5%;
    }

    .dealer-box p {
        margin-bottom: 15px;
    }

    .dealer-box .col-md-12 {
        margin-bottom: 15px;
    }

    .our-employer-info {
        height: 400px;
    }

    .custom-spacing {
        margin-bottom: 2em!important;
    }

    .ss-space {
        margin-top: 61px;
    }

    .btn-industry {
        padding: 10px 12px;
        width: 170px;
        font-size: 12px;
        margin-right: 5px;
    }

    #transportBtn {
        width: 220px!important;
    }

    .mobi-breaks{
        display:none;
    }

    .limit-jobs {
    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
    }

    .job {
        min-height: 410px;
    }

}

/* Laptop: */
@media (min-width: 1200px) and (max-width: 1600px){
    .navbar-nav {
        float: left;
        padding-left: 0;
    }

    .social-icons {
        /* right: 0; */
        right: -10px;
    }

    .navbar-nav>li {
        /* padding: 0 1.8em 0 0; */
        padding: 0 1.5em 0 0;
    }

    .top-footer i {
        font-size: 50px;
        /* top: 10px; */
    }
    
    .home-head {
        /* padding: 25% 0; */
        padding: 18% 0;
        height: auto;
    }

    .recruiters, .employee {
        height: auto;
        min-height: 590px;
    }

    .rec-info, .can-info {
        width: 90%;
        padding-right: 0;
        padding-left: 0;
    }

    /* .rec-info {
        width: 80%;
        padding-right: 0;
        padding-left: 0;
    } */

    .shift {
        padding: 6% 0;
    }

    .job-box h2 {
        font-size: 2em;
        padding: 10px 0;
    }

    .jobs-searchbox h1 {
        font-size: 2.1em;
        padding: 10px 0;
    }

    .jobs-searchbox .btn-view {
        width: 100%;
    }

    .job-box {
        width: 90%;
    }

    .other-heads {
        /* padding: 18% 0 20%; */
        padding: 12% 0;
        height: auto;
        margin-top: 130px;
    }

    .ahead {
        margin-top: 0;
    }

    .ahead-rest {
        padding: 8% 0;
    }

    .jobs.can-jobs h2 {
        font-size: 2.4em;
        padding: 4px 0;
    }

    .can-jobs .jobs-searchbox {
        width: 90%;
    }

    .expect {
        padding-top: 0!important;
    }

    .ss-break{
        display:block;
    }

    .footer-social {
        float: none;
    }

    .limit-jobs {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        }

}