@media screen and (min-width: 1900px) {
    .navbar:after {
        left: 15%
    }
}

@media screen and (max-width: 768px) {
    html {
        overflow-x: hidden;
    }
    body {
        overflow-x: hidden;
    }
    .alert {
        width: 90% !important;
    }
    h1 {
        font-size: 1.6em !important;
    }

    .overwrite {
        /*height: 250px;*/
        /*max-height: 250px;*/
        overflow: hidden !important;
        position: relative;
        margin-bottom: 30px !important;
    }
    
    .navbar .navbar-brand {
        justify-content: left
    }

    .navbar .dropdown-menu {
        background-color: unset !important;
        padding-left: 30px;
    }

    .jobsclick {
        background-color: unset !important;
    }

    .home {
        height: 95vh;
    }

    .home .inputs {
        flex-direction: column;
        width: 100%
    }

    .searchResults {
        width: 95%;
        bottom: -360px;
    }

    .searchResults .row div {
        margin-top: 5px
    }

    .searchEffect {
        padding-right: 10px
    }

    .home .input-group:first-child,
    .home .input-group {
        width: 100%
    }

    .home .input-group:last-child {
        width: 50%
    }

    .home input[type='text'],
    .home .input-group>.form-control,
    .home .input-group>.custom-select{
        border-radius: 5px !important;
    }

    .home .row p {
        font-size: 1em;
        letter-spacing: 1px;
    }

    .home .input-group {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 15px;
    }

    .home .input-group>.form-control, .home .input-group>.custom-select {
        margin-left: 0
    }

    .home .input-group>input[type='submit'] {
        max-width: 98%;
    }

    .about img {
        max-width: 100% !important;
        margin-bottom: 25px;
    }

    .about .row .about-desc h3 {
        line-height: 1.5;
    }
    .about .about-desc {
        text-align: center;

    }

    .about .row .about-desc {
        padding-left: 15px !important
    }

    .about .row .about-desc h3,
    .about .row .about-desc h1 {
        /*text-align: left*/
    }

    .about .row .about-desc h3 {
        font-size: 1.1em;
    }

    .categories {
        overflow: hidden;
    }

    .categories .row > div {
        margin: 30px 50px;
        transform: scale(1.05);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1) /*border: 0;*/ /*box-shadow: 0px 0px 5px 0px rgba(207,21,45,0.3);*/;
    }

    .jobs .row:nth-of-type(2) > div {
        flex-direction: column;
        width: 92%
    }

    .jobs .row:nth-of-type(2) > div > div:not(:last-child) {
        margin: 0
    }

    .jobs .job-summery,
    .jobs .job-desc {
        width: 100%
    }

    .jobs .row:nth-of-type(2) > div img {
        /*width: 300px*/
    }

    .jobs button {
        margin-top: 25px;
        padding: 15px 50px
    }

    .jobs .jobs-navigate {
        justify-content: center;
    }

    .jobs ul {
        padding: 0
    }

    .jobs-results {
        width: 98%;
    }

    .employee .row {
        flex-wrap: nowrap;
    }

    .employee .row:last-of-type {
        margin-top: 20px !important;
    }

    .employee .emp-comm {
        text-align: justify;
    }

    .employee .carousel img {
        display: unset !important;
    }

    .employee .text-right {
        width: auto
    }

    .employee .carousel-control-prev,
    .employee .carousel-control-next {
        display: none
    }

    .newsletter .input-group input[type="text"] {
        width: 80%;
    }

    .newsletter button {
        width: 45%;
        margin: 0 auto;
    }

    .newsletter {
        padding: 15% 2%;
    }

    .contact {
        background-size: 100% 100%;
        padding-top: 10%;
    }

    .contact .contact-back {
        width: 100%
    }

    .contact .col-md-5 {
        background-color: unset;
        transform: unset;
        text-align: center;
        padding-left: 5%;
        margin-top: 25px;
    }

    .contact .col-md-5 * {
        transform: unset;
    }

    .contact .icons-cont {
        margin-bottom: 20px;
    }

    .contact .icon {
        left: -85px
    }

    .contact .data {
        width: 50px
    }

    .contact .data .first {
        width: 118px !important
    }

    .contact .data h5,
    .contact .data p {
        color: #fff !important
    }

    .contact .data p:last-of-type {
        width: 125px
    }

    /******************************** Apply Page ********************************/
    .apply .left-side {
        top: 0vh;
        left: 0;
        width: 100%;
        position: relative;
        padding: 5px
    }

    .apply:before,
    .apply .apply-back {
        height: 25%;
    }

    .apply:before {
        background-image: none;
    }

    .apply .apply-back {
        height: 25%;
        background-image: none;
        background-color: rgba(221, 221, 221  , 0.4);
    }

    .apply .left-side p {
        margin-top: 0;
    }

    .swiper {
        flex-direction: row;
        align-content: stretch;
        flex-wrap: wrap;
        justify-content: center;
        overflow-y: scroll;
    }

    .scroll {
        display: none
    }

    .swiper-wrapper {
        /*width: 99%;*/
        /*left: 0%;*/
        /*overflow-y: scroll;*/
        /*overflow-x: hidden;*/
        flex-direction: column;
        padding: 5px;
        /*height: 65%*/
        background-color: rgba(221, 221, 221  , 0.4);
    }

    .apply .row {
        margin-top: 0
    }

    .checkbox-required:after {
        right: 235px;
    }

    .swiper-slide {
        align-items: unset;
        padding: 15px 5px;
        margin-top: 50px;
        height: auto
    }

    .swiper-wrapper .references {
        padding-bottom: 30px;
    }

    .apply .middle-side:before,
    .apply .middle-side:after {
        width: 90%
    }

    .apply .middle-side h2 {
        font-size: 1.2em
    }

    .apply .middle-side form {
        padding: 0
    }

    .swiper-pagination-vertical.swiper-pagination-bullets,
    .swiper-vertical>.swiper-pagination-bullets {
        right: var(--swiper-pagination-right,3%);
    }

    /******************************** category Page ********************************/
    .jobs-results select {
        width: 100%;
    }

    .jobs-results .job a:before {
        left: 65%
    }

    .jobs-results .job a:after {
        left: 63%;
        bottom: -2px;
    }

    .jobs-results .job a:hover:after {
        left: 61.5%;
    }

    /*.navbar .pages-navbar  {*/
    /*    position: relative !important;*/
    /*}*/

    .pages-navbar {
        position: relative !important;
        /*top: 0;*/
        background-color: #f8f8f8 !important;
    }

    .pages-navbar .navbar-toggler {
        border: 0
    }

    .pages-navbar .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28207, 21, 45, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }

    .pages-home {
        padding-top: 100px
    }

    .navbar-nav .lang {
        justify-content: center;
    }

    /******************************** Job Page ********************************/
    .job-description .px-5 {
        padding: 0 !important
    }

    .job-details .col-md-4 div {
        width: 100%;
    }

    .job-details .col-md-4 .ml-3 {
        margin-left: 0 !important
    }

    .job-details .col-md-4 {
        padding: 0;
    }

    .job-details .links {
        margin-left: 30px !important;
    }

}