/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	/*************** index ***************/
/* section - header-div */

#navbar-index{
    height: 197px;
}

#navbar-index .logo_navbar{
    height: 118px;
}

#navbar-index .container-fluid{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#navbar-index .link-nav{
    gap: 52px;
    margin-right: -20px;
}

#navbar-index .link-nav .navbar-index-a{
    width: 165px;
}

#navbar-index .link-nav{
    gap: 0px;
    display: flex;
    flex-direction: column;
    margin-top: -30px;
    margin-right: 26px;
}

#navbar-index .logo_navbar{
    margin-right: -30px;
}

#navbar-index .link-nav .navbar-index-a{
    width: 165px;
    text-align: center;
    padding-bottom: 9px;
}

#header-div h1{
    margin-top: 250px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    margin-right: -6px;
    width: 420px;
}

#header-div .header-button .header-button-employer{
    padding: 14px 10px;
    font-size: 16px;
}

#header-div .header-button .header-button-junior{
    padding: 14px 10px;
    font-size: 16px;
}

.slider{
    margin-top: 130px;
}

.slider .list .item{
    width: 319px;
}

/* section - Advantages-system */
#Advantages-system .Advantages{
    flex-wrap: wrap;
}

#Advantages-system h2{
    margin-top: -410px;
}

#Advantages-system .Advantages-junior{
    height: 497px;
    width: 420px;
}

#Advantages-system .Advantages-junior:hover{
    width: 450px;
}

#Advantages-system .Advantages-junior .Background-image-junior{
    left: -110px;
}

#Advantages-system .Advantages-junior .Advantages-junior-details{
    padding-right: 6px;
}

#Advantages-system .Advantages-employer{
    height: 500px;
    width: 420px;
}

#Advantages-system .Advantages-employer:hover{
    width: 450px;
}

#Advantages-system .Advantages-employer .Background-image-employer{
    left: -163px;
}

#Advantages-system .Advantages-employer .Advantages-employer-details{
    padding-right: 6px;
}

#Advantages-system .Advantages-junior .Advantages-junior-title h3{
    font-size: 20px;
}

#Advantages-system .Advantages-employer .Advantages-employer-title h3{
    font-size: 20px;
}

#Advantages-system .Advantages-employer:hover .Advantages-employer-title h3{
    font-size: 20px;
}

#Advantages-system .Advantages-employer .Advantages-employer-details .Advantages .Advantages-icon.icon-Responsive{
    margin-right: -1px;
}

#Advantages-system .Advantages-employer .Advantages-employer-details .Advantages .Advantages-p{
    width: 290px;
}

/*section - key-features */

#key-features .attributes{
    flex-wrap: wrap;
}

#key-features .attributes .attribute{
    margin-left: 9px;
    margin-bottom: 20px;
    margin-right: 11px;
}

#key-features .attributes .attribute.attribute-last{
    width: 691px;
}

#key-features .attributes .attribute .icon-ai{
    margin-top: -5px;
}

#key-features .attributes .attribute h3{
    font-size: 18px;
    margin-top: -3px;
}

#key-features h2{
    font-size: 30px;
}



/*scetion - Questions-and-answers */

#Questions-and-answers h2{
    margin-top: 792px;
}

#accordionExample{
    margin-left: 12px;
    margin-right: -1px;
}

/* section - Recommendations */
#Recommendations{
    margin-top: -520px;
}

#Recommendations .card-list .card-item{
    height: 546px;
}

/* section - Sign-up */
#Sign-up .Sign-up-div .Sign-up-p1{
    font-size: 25px;
    margin-right: -36px;
}

#Sign-up .Sign-up-div .Sign-up-p2{
    font-size: 20px;
    margin-right: -36px;
}


#Sign-up .Sign-up-buttons{
    display: flex;
    flex-direction: row;
    gap: 10;
}

#Sign-up .Sign-up-buttons .junior-button{
    padding: 14px 19px;
    width: 187px;
    margin-right: -32px;
}

#Sign-up .Sign-up-buttons .employer-button{
    padding: 14px 19px;
    width: 187px;
    margin-right: -32px;
}

/*************** login ***************/
#login-div h1{
    margin-top: 80px;
}

#login-div #login-junior-form input[type="submit"]{
    width: 156px;
}





/*************** explaining employer 1 ***************/
#explaining-employer #carouselExampleAutoplaying .carousel-ai-img1{
    width: 110px;
    height: 110px;
    margin-right: 115px;
    margin-top: 80px;
}

#explaining-employer #carouselExampleAutoplaying .carousel-ai-img2{
    width: 200px;
    height: 200px;
    margin-right: 70px;
    margin-top: 0px;
}

#explaining-employer #carouselExampleAutoplaying p span.title2{
    right: 27px;
    top: 195px;
}

#explaining-employer #carouselExampleAutoplaying .carousel-ai-img3{
    width: 160px;
    height: 150px;
    margin-right: 89px;
    margin-top: 60px;
}

#explaining-employer #carouselExampleAutoplaying p{
    margin-right: -47px;
    width: 420px;
    font-size: 17px;
}

#explaining-employer #carouselExampleAutoplaying p span{
    margin-right: 13px;
    font-size: 25px;
}

#explaining-employer #carouselExampleAutoplaying p.p2{
    margin-right: -55px;
    width: 440px;
    font-size: 17px;
    margin-top: -20px;
}

#explaining-employer{
    height: 1030px;
}




/*************** explaining juniors ***************/
#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img1{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin-right: 118px;
    margin-bottom: 5px;
    margin-top: 74px;
}

#explaining-juniors #carouselExampleAutoplaying p span.title2{
    position: absolute;
    top: 223px;
    right: 315px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img2{
    margin-right: 355px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img3{
    margin-right: 361px;
}

#explaining-juniors #carouselExampleAutoplaying p.p2{
    padding-left: 120px;
        text-align: center;
        font-size: 17px;
        font-weight: normal;
        line-height: 34px;
        margin-top: -33px;
        width: 549px;
        margin-right: -67px;
}

#explaining-juniors #carouselExampleAutoplaying p{
    padding-right: 17px;
        padding-left: 50px;
        text-align: center;
        font-size: 17px;
        font-weight: normal;
        line-height: 39px;
        margin-top: 11px;
        width: 396px;
}

#explaining-juniors #carouselExampleAutoplaying p span.title2{
    position: absolute;
    top: 203px;
    right: 58px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img2{
    margin-right: 74px;
    width: 220px;
    height: 200px;
    margin-top: 15px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img3{
    margin-right: 84px;
        width: 190px;
        height: 180px;
        margin-top: 40px;
}

#explaining-juniors #carouselExampleAutoplaying p span{
    font-size: 25px;
    font-weight: 500;
    margin-top: -10px;
}

#explaining-juniors{
    height: 930px;
}


}

/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	/*************** index ***************/
/* section - header-div */

#navbar-index{
    height: 150px;
}

#navbar-index .container-fluid{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#navbar-index .link-nav{
    gap: 52px;
    margin-right: -20px;
}

#header-div h1{
    font-size: 28px;
    line-height: 45px;
    margin-right: -23px;
}

#header-div .header-button .header-button-employer{
    padding: 14px 30px;
    font-size: 16px;
}

#header-div .header-button .header-button-junior{
    padding: 14px 30px;
    font-size: 16px;
}

#navbar-index .logo_navbar{
    width: 146px;
    height: 110px;
    margin-top: -9px;
    margin-right: -1px;
}

#navbar-index .link-nav .navbar-index-a{
    padding: 10px 20px;
    margin-left: -44px;
    margin-top: 11px;
}

#navbar-index .link-nav .navbar-index-a.login-a{
    padding: 10px;
    margin-left: -58px;
    margin-top: 11px;
    width: 131px;
}


.slider .list .item{
    width: 340px;
}

/* section - Advantages-system */
#Advantages-system .Advantages{
    flex-wrap: wrap;
}

#Advantages-system .Advantages-junior{
    height: 470px;
    width: 420px;
}

#Advantages-system .Advantages-junior:hover{
    width: 450px;
}

#Advantages-system .Advantages-junior .Background-image-junior{
    left: -110px;
}

#Advantages-system .Advantages-employer{
    height: 470px;
    width: 420px;
}

#Advantages-system .Advantages-employer:hover{
    width: 450px;
}

#Advantages-system .Advantages-employer .Background-image-employer{
    left: -163px;
}

/*section - key-features */

#key-features .attributes{
    flex-wrap: wrap;
}

#key-features .attributes .attribute{
    margin-left: 44px;
    margin-bottom: 20px;
    margin-right: 50px;
}

#key-features .attributes .attribute.attribute-last{
    width: 691px;
}

/*scetion - Questions-and-answers */

#Questions-and-answers h2{
    margin-top: 792px;
}

#accordionExample{
    margin-left: 46px;
    margin-right: 40px;
}

/* section - Recommendations */
#Recommendations .slider-wrapper{
    margin: 0;
}

/* section - Sign-up */
#Sign-up .Sign-up-div{
    margin-right: -22px;
}





/*************** explaining employer 1 ***************/
#explaining-employer #carouselExampleAutoplaying .carousel-ai-img1{
    margin-right: 187px;
    width: 150px;
    height: 150px;
    margin-top: 70px;
}

#explaining-employer #carouselExampleAutoplaying .carousel-ai-img2{
    margin-right: 131px;
    width: 230px;
    height: 240px;
    margin-top: -31px;
}

#explaining-employer #carouselExampleAutoplaying p span.title2{
    right: 104px;
    top: 165px;
}

#explaining-employer #carouselExampleAutoplaying .carousel-ai-img3{
    margin-right: 160px;
    width: 200px;
    height: 180px;
    margin-top: 20px;
}

#explaining-employer #carouselExampleAutoplaying p{
    width: 600px;
    margin-right: -45px;
    font-size: 17px;
}

#explaining-employer #carouselExampleAutoplaying p span{
    margin-right: 13px;
    font-size: 25px;
}

#explaining-employer #carouselExampleAutoplaying p.p2{
    width: 620px;
    font-size: 17px;
    margin-right: -60px;
    margin-top: -40px;
}




/*************** explaining juniors ***************/
#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img1{
    width: 160px;
    height: 160px;
    border-radius: 50%;
    margin-right: 180px;
    margin-bottom: 5px;
    margin-top: 50px;
}

#explaining-juniors #carouselExampleAutoplaying p span.title2{
    position: absolute;
    top: 223px;
    right: 315px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img2{
    margin-right: 355px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img3{
    margin-right: 361px;
}

#explaining-juniors #carouselExampleAutoplaying p.p2{
    padding-right: 0px;
        padding-left: 70px;
        text-align: center;
        font-size: 17px;
        font-weight: normal;
        line-height: 34px;
        margin-top: -33px;
        width: 593px;
}

#explaining-juniors #carouselExampleAutoplaying p{
    padding-right: 70px;
    padding-left: 50px;
    text-align: center;
    font-size: 17px;
    font-weight: normal;
    line-height: 39px;
    margin-top: 11px;
}

#explaining-juniors #carouselExampleAutoplaying p span.title2{
    position: absolute;
    top: 203px;
    right: 108px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img2{
    margin-right: 132px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img3{
    margin-right: 174px;
    width: 190px;
    height: 180px;
    margin-top: 40px;
}

}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) { 

   
/*************** index ***************/
/* section - header-div */

#header-div h1{
    margin-right: -24px;
    font-size: 33px;
}

#navbar-index .link-nav .navbar-index-a{
    width: 128px;
    padding: 9px;
    margin-right: -10px;
    margin-left: -43px;
}

#navbar-index .logo_navbar{
    margin-right: 0;
}

#navbar-index .link-nav{
    gap: 47px;
}

#navbar-index .link-nav .navbar-index-a{
    width: 138px;
}

.slider .list .item{
    width: 344px;
}


/* section - Advantages-system */
#Advantages-system .Advantages-junior{
    height: 470px;
    width: 420px;
}

#Advantages-system .Advantages-junior:hover{
    width: 450px;
}

#Advantages-system .Advantages-junior .Background-image-junior{
    left: -110px;
}

#Advantages-system .Advantages-employer{
    height: 470px;
    width: 420px;
}

#Advantages-system .Advantages-employer:hover{
    width: 450px;
}

#Advantages-system .Advantages-employer .Background-image-employer{
    left: -163px;
}

/*section - key-features */

#key-features .attributes{
    flex-wrap: wrap;
}

#key-features .attributes .attribute{
    margin-left: 5px;
    margin-bottom: 20px;
}

#key-features .attributes .attribute.attribute-last{
    width: 691px;
}

/*scetion - Questions-and-answers */

#Questions-and-answers h2{
    margin-top: 792px;
}

#accordionExample{
    margin-left: 10px;
}


/*************** explaining employer 1 ***************/
#explaining-employer #carouselExampleAutoplaying .carousel-ai-img1{
    margin-right: 287px;
    width: 140px;
    height: 140px;
    margin-top: 60px;
}

#explaining-employer #carouselExampleAutoplaying .carousel-ai-img2{
    margin-right: 231px;
    width: 230px;
    height: 240px;
    margin-top: 9px;
}

#explaining-employer #carouselExampleAutoplaying p span.title2{
    right: 166px;
}

#explaining-employer #carouselExampleAutoplaying .carousel-ai-img3{
    margin-right: 253px;
    width: 200px;
    height: 180px;
    margin-top: 20px;
}

#explaining-employer #carouselExampleAutoplaying p{
    padding-right: 70px;
    padding-left: 70px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    line-height: 39px;
    margin-top: 40px;
}

#explaining-employer #carouselExampleAutoplaying p span{
    margin-right: 22px;
    font-size: 30px;
}

#explaining-employer #carouselExampleAutoplaying p.p2{
    width: 720px;
    font-size: 17px;
}

/*************** explaining juniors ***************/
#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img1{
    width: 190px;
    height: 190px;
    border-radius: 50%;
    margin-right: 250px;
    margin-bottom: 5px;
}

#explaining-juniors #carouselExampleAutoplaying p span.title2{
    position: absolute;
    top: 223px;
    right: 315px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img2{
    margin-right: 355px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img3{
    margin-right: 361px;
}

#explaining-juniors #carouselExampleAutoplaying p.p2{
    padding-right: 70px;
    padding-left: 70px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    line-height: 39px;
    margin-top: -33px;
}

#explaining-juniors #carouselExampleAutoplaying p{
    padding-right: 70px;
    padding-left: 70px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    line-height: 39px;
    margin-top: 40px;
}

#explaining-juniors #carouselExampleAutoplaying p span.title2{
    position: absolute;
    top: 215px;
    right: 191px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img2{
    margin-right: 213px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img3{
     margin-right: 246px;
}


}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
/*************** index ***************/
/* section - header-div */
#header-div h1{
    margin-right: -34px;
}

.slider .list .item{
    width: 350px;
}

#navbar-index .link-nav{
    margin-left: 31px;
    gap: 26px;
}

#navbar-index .logo_navbar{
    margin-right: 15px;
}

/* section - Advantages-system */
#Advantages-system .Advantages-junior{
    height: 470px;
    width: 420px;
}

#Advantages-system .Advantages-junior:hover{
    width: 450px;
}

#Advantages-system .Advantages-employer{
    height: 470px;
    width: 420px;
}

#Advantages-system .Advantages-employer:hover{
    width: 450px;
}

/*section - key-features */
#key-features .attributes{
    padding: 30px;
    padding-left: 61px;
}

/*scetion - Questions-and-answers */
#accordionExample{
    margin-left: 37px;
}


/*************** explaining employer 1 ***************/
#explaining-employer #carouselExampleAutoplaying .carousel-ai-img1{
    margin-right: 373px;
}

#explaining-employer #carouselExampleAutoplaying .carousel-ai-img2{
    margin-right: 319px;
}

#explaining-employer #carouselExampleAutoplaying p span.title2{
    right: 254px;
}

#explaining-employer #carouselExampleAutoplaying .carousel-ai-img3{
    margin-right: 363px;
}

#explaining-employer #carouselExampleAutoplaying p{
    width: 910px;
}

#explaining-employer #carouselExampleAutoplaying p span{
    margin-right: 32px;
}


/*************** explaining juniors ***************/
#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img1{
    width: 190px;
    height: 190px;
    border-radius: 50%;
    margin-right: 369px;
    margin-bottom: 5px;
}

#explaining-juniors #carouselExampleAutoplaying p span.title2{
    position: absolute;
    top: 223px;
    right: 315px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img2{
    margin-right: 355px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img3{
    margin-right: 361px;
}

}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) { 
    
/*************** index ***************/
/* section - header-div */
#header-div h1{
    margin-right: -32px;
}

#header-div .header-button{
    margin-right: -26px;
}

#navbar-index .link-nav{
    margin-left: 66px;
}

#navbar-index .logo_navbar{
    margin-right: 48px;
}

.slider .list .item{
    width: 370px;
}

/* section - Advantages-system */
#Advantages-system .Advantages-junior{
    height: 480px;
    width: 490px;
}

#Advantages-system .Advantages-junior:hover{
    width: 520px;
}

#Advantages-system .Advantages-employer{
    height: 480px;
    width: 490px; 
}

#Advantages-system .Advantages-employer:hover{
    width: 520px; 
}

/*section - key-features */
#key-features .attributes{
    padding: 69px;
    margin-top: -30px;
}

/*scetion - Questions-and-answers */
#accordionExample{
    width: 1046px;
    margin-right: 43px;
}


/*************** explaining employer 1 ***************/
#explaining-employer #carouselExampleAutoplaying .carousel-ai-img1{
    margin-right: 462px;
}

#explaining-employer #carouselExampleAutoplaying .carousel-ai-img2{
    margin-right: 428px;
}

#explaining-employer #carouselExampleAutoplaying p span.title2{
    right: 385px;
}

#explaining-employer #carouselExampleAutoplaying .carousel-ai-img3{
    margin-right: 463px;
}

#explaining-employer #carouselExampleAutoplaying p{
    width: 1140px;
}


/*************** explaining juniors ***************/
#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img1{
    width: 190px;
    height: 190px;
    border-radius: 50%;
    margin-right: 466px;
    margin-bottom: 5px;
}

#explaining-juniors #carouselExampleAutoplaying p span.title2{
    position: absolute;
    top: 223px;
    right: 403px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img2{
    margin-right: 431px;
}

#explaining-juniors #carouselExampleAutoplaying .carousel-ai-img3{
    margin-right: 455px;
}




}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}







/*************************** job database - page *************************/

/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {

}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {

}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {

}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}















/*************************** Candidates - employer - page *************************/

/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    #side-employer-menu{
        width: 136px;
        max-width: 136px;
    }

    #side-employer-menu .div-logo .side-employer-menu-logo{
        width: 102px;
        margin-right: 34px;
    }

    #side-employer-menu .Links_menu{
        margin-right: -136px;
    }

    #side-employer-menu .Links_menu ul li a .link-p{
        display: none;
    }

    #side-employer-menu .Links_menu ul li{
        padding-top: 14px;
        height: 60px;
        width: 11px;
    }

    #side-employer-menu .Links_menu ul li.active-link{
        width: 54px;
        height: 60px;
        padding-top: 14px;
    }

    #side-employer-menu .Links_menu ul li:hover{
        width: 54px;
        height: 60px;
        padding-top: 14px;
    }

    #side-employer-menu .management-personnel{
        margin-right: 48px;
    }

    #side-employer-menu .management-personnel .Management-parent{
        flex-direction: column;
        margin-right: 193px;
    }
    

    #side-employer-menu .Editing-profile{
        flex-direction: column;
        gap: 0;
        margin-right: 54px;
        margin-top: 60px;
    }

    #Employer-dashboard-section .navbar-Employer{
        margin-right: 84px;
        height: 72px;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-p{
        display: none;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-img-AI{
        width: 40px;
        height: 40px;
        margin-top: 24px;
        margin-right: -55px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .timing .timing-icon{
        display: none;
    }

    #Employer-dashboard-section .navbar-Employer .left-part{
        margin-left: 18px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .profile-arrow-icon{
        left: 1px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .white-circle{
        left: 21px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .Connected-circle{
        left: 26px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .messages .messages-icon{
        margin-left: 12px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .calendar .calendar-icon{
        margin-left: 12px;
    }
        
    #Employer-dashboard-section .navbar-Employer .left-part .circle-number-messages{
        left: 106px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .circle-number-timing{
        left: 146px;
    }
    
    #Candidates .Candidates-div .grid-container{
        grid-template-columns: 240px;
        grid-template-rows: 478px;
    }

    #Candidates .Candidates-title h1{
        margin-right: 41px;
        font-size: 28px;
        margin-top: -32px;
    }

    #Candidates .Main_links{
        margin-right: 63px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 17px;
        width: 150px;
    }

    #Candidates .Candidates-div .Candidate{
        margin-right: 25px;
    }

    #Candidates .Candidates-div .Candidate h3{
        font-size: 16px;
    }

    [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){
        margin-right: -180px;
    }

    #Candidates .Candidates-div .Candidate .location-and-phone{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: -11px;
        gap: 0px;
        margin-top: 17px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img2{
        display: none;
    }

    #Candidates .Candidates-title{
        flex-direction: column;
    }

    #Candidates .Candidates-title .Candidates-ai{
        top: 100px;
        left: 12px;
    }

    #Candidates{
        height: 4843px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img1{
        display: none;
    }

    .calendar{
        display: none;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .circle-number-timing{
        display: none;
    }

    .offcanvas-body .buttons .Send-invitation{
        padding: 14px 45px;
    }

    #exampleMod2 .Delete{
        margin-left: 190px;
    }

    #exampleMod1 .Delete{
        margin-left: 190px;
    }
    
  
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    #side-employer-menu{
        width: 29%;
    }

    #side-employer-menu .div-logo .side-employer-menu-logo{
        width: 102px;
        margin-right: 65px;
    }

    #side-employer-menu .Links_menu{
        margin-right: -109px;
    }

    #side-employer-menu .Links_menu ul li a .link-p{
        display: none;
    }

    #side-employer-menu .Links_menu ul li{
        padding-top: 14px;
        height: 60px;
        width: 11px;
    }

    #side-employer-menu .Links_menu ul li.active-link{
        width: 54px;
        height: 60px;
        padding-top: 14px;
    }

    #side-employer-menu .Links_menu ul li:hover{
        width: 54px;
        height: 60px;
        padding-top: 14px;
    }

    #side-employer-menu .management-personnel{
        padding-right: 57px; 
    }

    #side-employer-menu .management-personnel p{
        margin-right: -191px; 
    }

    #side-employer-menu .management-personnel .Management-parent{
        flex-direction: column;
        margin-right: 9px;
    }

    #side-employer-menu .Editing-profile{
        flex-direction: column;
        gap: 0;
        margin-right: 80px;
        margin-top: 60px;
    }

    #Employer-dashboard-section .navbar-Employer{
        margin-right: 84px;
        height: 72px;
        box-shadow: -42px 3px 8px 1px #ededed;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-p{
        display: none;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-img-AI{
        width: 40px;
        height: 40px;
        margin-top: 24px;
        margin-right: -55px;
    }

 

    #Employer-dashboard-section .navbar-Employer .left-part{
        margin-left: 18px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .profile-arrow-icon{
        left: 1px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .white-circle{
        left: 21px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .Connected-circle{
        left: 26px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .messages .messages-icon{
        margin-left: 12px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .calendar .calendar-icon{
        margin-left: 12px;
    }
        
    #Employer-dashboard-section .navbar-Employer .left-part .circle-number-messages{
        left: 106px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .circle-number-timing{
        left: 146px;
    }
    
    #Candidates .Candidates-div .grid-container{
        grid-template-columns: 420px;
        grid-template-rows: 478px;
    }

    #Candidates .Candidates-title h1{
        margin-right: 60px;
        font-size: 28px;
        margin-top: -32px;
    }

    #Candidates .Main_links{
        margin-right: 63px;
        display: flex;
        flex-direction: row;
        gap: 20px;
        margin-top: 16px;
        width: 420px;
    }

    #Candidates .Candidates-div .Candidate{
        margin-right: 10px;
    }

    #Candidates .Candidates-div .Candidate h3{
        font-size: 16px;
    }

   [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){
            margin-right: -190px;
    }

    #Candidates .Candidates-div .Candidate .location-and-phone{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: -11px;
        gap: 0px;
        margin-top: 17px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img2{
        display: none;
    }

    #Candidates .Candidates-title{
        flex-direction: column;
    }

    #Candidates .Candidates-title .Candidates-ai{
        top: 100px;
        left: 12px;
    }

    #Candidates{
        height: 4736px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img1{
        display: none;
    }

 

    .offcanvas-body .buttons .Send-invitation{
        padding: 14px 45px;
    }

    #exampleMod2 .Delete{
        margin-left: 201px;
    }

    #exampleMod1 .Delete{
        margin-left: 201px;
    }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {

    #Candidates .Candidates-div .Candidate .Matching-ai-img1{
        right: 274px;
    }
    
    #side-employer-menu{
        width: 41%;
    }

    #side-employer-menu .div-logo .side-employer-menu-logo{
        width: 170px;
        margin-right: 28%;
    }

    #side-employer-menu .Links_menu{
        margin-right: -90px;
    }

    #Candidates{
        margin-right: 210px;
    }

    #Candidates .Main_links{
        margin-right: 73px;
        gap: 27px;
    }

    #Candidates .Candidates-title h1{
        margin-right: 71px;
    }

    #side-employer-menu .management-personnel{
        margin-right: 110px;
    }

    #side-employer-menu .Editing-profile{
        margin-right: 110px;
    }

    #Candidates .Candidates-div .grid-container{
        grid-template-columns: 431px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img2{
        right: 268px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img1{
        right: 276px; 
    }

    #Candidates .Candidates-title .Candidates-ai{
        display: none;
    }

    #Candidates{
        height: 4442px;
    }

    .Candidates-div{
        margin-right: 60px;
    }

    #Employer-dashboard-section .navbar-Employer{
        margin-right: 159px;
        box-shadow: -127px 3px 8px 1px #ededed;
    }

    #Employer-dashboard-section .navbar-Employer .right-part{
        margin-right: 133px;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-p{
        display: none;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-img-AI{
        margin-right: -23px;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #side-employer-menu .div-logo .side-employer-menu-logo{
        width: 160px;
        margin-right: 99px;
    }

    #side-employer-menu .Links_menu ul li{
        margin-right: 69px;
    }

    #side-employer-menu{
        width: 33vw;
    }

    #Candidates .Candidates-div .grid-container{
        margin-right: 51px;
        grid-template-columns: 330px 330px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img2{
        display: none;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img1{
        display: none;
    }

    #Candidates .Candidates-div .Candidate .location-and-phone{
        margin-right: 47px;
    }

    #Candidates{
        height: 2592px;
    }

    #Candidates .Candidates-title .Candidates-ai{
        left: 22px;
    }
}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #Candidates .Candidates-div .grid-container{
        margin-right: 37px;
    }

    #Candidates .Candidates-div .grid-container{
        grid-template-columns: 420px 420px;
    }

    #Candidates{
        height: 2601px;
    }

    #Candidates .Candidates-title .Candidates-ai{
        left: 32px;
    }
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}








/*************************** Candidates save - employer - page *************************/

/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    #side-employer-menu{
        width: 136px;
        max-width: 136px;
    }

    #side-employer-menu .div-logo .side-employer-menu-logo{
        width: 102px;
        margin-right: 34px;
    }

    #side-employer-menu .Links_menu{
        margin-right: -136px;
    }

    #side-employer-menu .Links_menu ul li a .link-p{
        display: none;
    }

    #side-employer-menu .Links_menu ul li{
        padding-top: 14px;
        height: 60px;
        width: 11px;
    }

    #side-employer-menu .Links_menu ul li.active-link{
        width: 54px;
        height: 60px;
        padding-top: 14px;
    }

    #side-employer-menu .Links_menu ul li:hover{
        width: 54px;
        height: 60px;
        padding-top: 14px;
    }

    #side-employer-menu .management-personnel{
        margin-right: 48px;
    }

    #side-employer-menu .management-personnel .Management-parent{
        flex-direction: column;
        margin-right: 193px;
    }
    

    #side-employer-menu .Editing-profile{
        flex-direction: column;
        gap: 0;
        margin-right: 54px;
        margin-top: 60px;
    }

    #Employer-dashboard-section .navbar-Employer{
        margin-right: 84px;
        height: 72px;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-p{
        display: none;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-img-AI{
        width: 40px;
        height: 40px;
        margin-top: 24px;
        margin-right: -55px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .timing .timing-icon{
        display: none;
    }

    #Employer-dashboard-section .navbar-Employer .left-part{
        margin-left: 18px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .profile-arrow-icon{
        left: 1px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .white-circle{
        left: 21px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .Connected-circle{
        left: 26px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .messages .messages-icon{
        margin-left: 12px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .calendar .calendar-icon{
        margin-left: 12px;
    }
        
    #Employer-dashboard-section .navbar-Employer .left-part .circle-number-messages{
        left: 106px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .circle-number-timing{
        left: 146px;
    }
    
    #Candidates .Candidates-div .grid-container{
        grid-template-columns: 240px;
        grid-template-rows: 478px;
    }

    #Candidates .Candidates-title h1{
        margin-right: 60px;
        font-size: 28px;
        margin-top: -32px;
    }

    #Candidates .Main_links{
        margin-right: 63px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 17px;
        width: 150px;
    }

    #Candidates .Candidates-div .Candidate{
        margin-right: 25px;
    }

    #Candidates .Candidates-div .Candidate h3{
        font-size: 16px;
    }

    [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){
        margin-right: -180px;
    }

    #Candidates .Candidates-div .Candidate .location-and-phone{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: -11px;
        gap: 0px;
        margin-top: 17px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img2{
        display: none;
    }

    #Candidates .Candidates-title{
        flex-direction: column;
    }

    #Candidates .Candidates-title .Candidates-ai{
        top: 100px;
        left: 12px;
    }

    #Candidates{
        height: 4843px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img1{
        display: none;
    }

    .calendar{
        display: none;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .circle-number-timing{
        display: none;
    }

    .offcanvas-body .buttons .Send-invitation{
        padding: 14px 45px;
    }

    #exampleMod2 .Delete{
        margin-left: 190px;
    }

    #exampleMod1 .Delete{
        margin-left: 190px;
    }

    #Candidates-save .Candidates-title h1{
        margin-right: 41px;
    }

    #Candidates-save .Main_links{
        margin-right: 41px;
    }

    #Candidates-save .Main_links{
        flex-direction: column;
    }
    
    #Candidates-save .Candidates-div .grid-container{
        grid-template-columns: 274px;
    }

    #Candidates-save .Candidates-div .Candidate .Matching-ai-img2{
        display: none;
    }

    #Candidates-save .Candidates-div .Candidate .location-and-phone{
        margin-right: 7px;
    }

    #Candidates-save{
        height: 1837px;
    }
    
  
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    #Candidates-save .Candidates-title h1{
        margin-right: 56px;
    }

    #Candidates-save .Main_links{
        margin-right: 58px;
        gap: 22px;
    }

    #Candidates-save .Candidates-div .grid-container{
        grid-template-columns: 420px;
    }

    #side-employer-menu{
        width: 29%;
    }

    #side-employer-menu .div-logo .side-employer-menu-logo{
        width: 102px;
        margin-right: 65px;
    }

    #side-employer-menu .Links_menu{
        margin-right: -109px;
    }

    #side-employer-menu .Links_menu ul li a .link-p{
        display: none;
    }

    #side-employer-menu .Links_menu ul li{
        padding-top: 14px;
        height: 60px;
        width: 11px;
    }

    #side-employer-menu .Links_menu ul li.active-link{
        width: 54px;
        height: 60px;
        padding-top: 14px;
    }

    #side-employer-menu .Links_menu ul li:hover{
        width: 54px;
        height: 60px;
        padding-top: 14px;
    }

    #side-employer-menu .management-personnel{
        padding-right: 57px; 
    }

    #side-employer-menu .management-personnel p{
        margin-right: -191px; 
    }

    #side-employer-menu .management-personnel .Management-parent{
        flex-direction: column;
        margin-right: 9px;
    }

    #side-employer-menu .Editing-profile{
        flex-direction: column;
        gap: 0;
        margin-right: 80px;
        margin-top: 60px;
    }

    #Employer-dashboard-section .navbar-Employer{
        margin-right: 84px;
        height: 72px;
        box-shadow: -42px 3px 8px 1px #ededed;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-p{
        display: none;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-img-AI{
        width: 40px;
        height: 40px;
        margin-top: 24px;
        margin-right: -55px;
    }

 

    #Employer-dashboard-section .navbar-Employer .left-part{
        margin-left: 18px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .profile-arrow-icon{
        left: 1px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .white-circle{
        left: 21px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .Connected-circle{
        left: 26px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .messages .messages-icon{
        margin-left: 12px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .calendar .calendar-icon{
        margin-left: 12px;
    }
        
    #Employer-dashboard-section .navbar-Employer .left-part .circle-number-messages{
        left: 106px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .circle-number-timing{
        left: 146px;
    }
    
    #Candidates .Candidates-div .grid-container{
        grid-template-columns: 420px;
        grid-template-rows: 478px;
    }

    #Candidates .Candidates-title h1{
        margin-right: 60px;
        font-size: 28px;
        margin-top: -32px;
    }

    #Candidates .Main_links{
        margin-right: 63px;
        display: flex;
        flex-direction: row;
        gap: 20px;
        margin-top: 16px;
        width: 420px;
    }

    #Candidates .Candidates-div .Candidate{
        margin-right: 10px;
    }

    #Candidates .Candidates-div .Candidate h3{
        font-size: 16px;
    }

   [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){
            margin-right: -190px;
    }

    #Candidates .Candidates-div .Candidate .location-and-phone{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: -11px;
        gap: 0px;
        margin-top: 17px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img2{
        display: none;
    }

    #Candidates .Candidates-title{
        flex-direction: column;
    }

    #Candidates .Candidates-title .Candidates-ai{
        top: 100px;
        left: 12px;
    }

    #Candidates{
        height: 4736px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img1{
        display: none;
    }

 

    .offcanvas-body .buttons .Send-invitation{
        padding: 14px 45px;
    }

    #exampleMod2 .Delete{
        margin-left: 201px;
    }

    #exampleMod1 .Delete{
        margin-left: 201px;
    }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {

    #Candidates-save .Candidates-div .Candidate .Matching-ai-img2{
        display: none;
    }

    #Candidates-save .Candidates-title h1{
        margin-right: 191px;
    }

    #Candidates-save .Main_links{
        margin-right: 193px;
    }

    #Candidates-save .Candidates-div .grid-container{
        margin-right: 133px;
    }

    #Candidates-save .Candidates-div .grid-container{
        grid-template-columns: 456px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img1{
        right: 274px;
    }
    
    #side-employer-menu{
        width: 41%;
    }

    #side-employer-menu .div-logo .side-employer-menu-logo{
        width: 170px;
        margin-right: 28%;
    }

    #side-employer-menu .Links_menu{
        margin-right: -90px;
    }

    #Candidates{
        margin-right: 210px;
    }

    #Candidates .Main_links{
        margin-right: 73px;
        gap: 27px;
    }

  

    #side-employer-menu .management-personnel{
        margin-right: 110px;
    }

    #side-employer-menu .Editing-profile{
        margin-right: 110px;
    }

    #Candidates .Candidates-div .grid-container{
        grid-template-columns: 431px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img2{
        right: 268px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img1{
        right: 276px; 
    }

    #Candidates .Candidates-title .Candidates-ai{
        display: none;
    }

    #Candidates{
        height: 4442px;
    }

    .Candidates-div{
        margin-right: 60px;
    }

    #Employer-dashboard-section .navbar-Employer{
        margin-right: 159px;
        box-shadow: -127px 3px 8px 1px #ededed;
    }

    #Employer-dashboard-section .navbar-Employer .right-part{
        margin-right: 133px;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-p{
        display: none;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-img-AI{
        margin-right: -23px;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #side-employer-menu .div-logo .side-employer-menu-logo{
        width: 160px;
        margin-right: 99px;
    }

    #side-employer-menu .Links_menu ul li{
        margin-right: 69px;
    }

    #side-employer-menu{
        width: 33vw;
    }

    #Candidates-save .Candidates-div .grid-container{
        margin-right: 49px;
        grid-template-columns: 340px 340px;
    }

    #Candidates-save .Candidates-div .Candidate .Matching-ai-img2{
        display: none;
    }

    #Candidates-save .Candidates-div .Candidate .location-and-phone{
        margin-right: 44px;
    }

    #Candidates-save .Candidates-title .Candidates-ai{
        left: 26px;
    }

}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {

    #Candidates-save .Candidates-title h1{
        margin-right: 103px;
    }

    #Candidates-save .Candidates-div .grid-container{
        grid-template-columns: 295px 295px 295px;
        grid-template-rows: 440px;
    }

    #Candidates-save .Candidates-div .Candidate .Matching-ai-img2{
        display: none;
    }

    #Candidates-save .Candidates-div .Candidate .location-and-phone{
        margin-right: 20px;
    }

    #Candidates-save .Main_links{
        margin-right: 103px;
    }

    #Candidates-save .Candidates-title .Candidates-ai{
        left: -12px;
    }
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}









/*************************** Candidates system - employer - page *************************/

/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    #side-employer-menu{
        width: 136px;
        max-width: 136px;
    }

    #side-employer-menu .div-logo .side-employer-menu-logo{
        width: 102px;
        margin-right: 34px;
    }

    #side-employer-menu .Links_menu{
        margin-right: -136px;
    }

    #side-employer-menu .Links_menu ul li a .link-p{
        display: none;
    }

    #side-employer-menu .Links_menu ul li{
        padding-top: 14px;
        height: 60px;
        width: 11px;
    }

    #side-employer-menu .Links_menu ul li.active-link{
        width: 54px;
        height: 60px;
        padding-top: 14px;
    }

    #side-employer-menu .Links_menu ul li:hover{
        width: 54px;
        height: 60px;
        padding-top: 14px;
    }

    #side-employer-menu .management-personnel{
        margin-right: 48px;
    }

    #side-employer-menu .management-personnel .Management-parent{
        flex-direction: column;
        margin-right: 193px;
    }
    

    #side-employer-menu .Editing-profile{
        flex-direction: column;
        gap: 0;
        margin-right: 54px;
        margin-top: 60px;
    }

    #Employer-dashboard-section .navbar-Employer{
        margin-right: 84px;
        height: 72px;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-p{
        display: none;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-img-AI{
        width: 40px;
        height: 40px;
        margin-top: 24px;
        margin-right: -55px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .timing .timing-icon{
        display: none;
    }

    #Employer-dashboard-section .navbar-Employer .left-part{
        margin-left: 18px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .profile-arrow-icon{
        left: 1px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .white-circle{
        left: 21px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .Connected-circle{
        left: 26px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .messages .messages-icon{
        margin-left: 12px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .calendar .calendar-icon{
        margin-left: 12px;
    }
        
    #Employer-dashboard-section .navbar-Employer .left-part .circle-number-messages{
        left: 106px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .circle-number-timing{
        left: 146px;
    }
    
    #Candidates .Candidates-div .grid-container{
        grid-template-columns: 240px;
        grid-template-rows: 478px;
    }

    #Candidates .Candidates-title h1{
        margin-right: 60px;
        font-size: 28px;
        margin-top: -32px;
    }

    #Candidates .Main_links{
        margin-right: 63px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 17px;
        width: 150px;
    }

    #Candidates .Candidates-div .Candidate{
        margin-right: 25px;
    }

    #Candidates .Candidates-div .Candidate h3{
        font-size: 16px;
    }

    [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){
        margin-right: -180px;
    }

    #Candidates .Candidates-div .Candidate .location-and-phone{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: -11px;
        gap: 0px;
        margin-top: 17px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img2{
        display: none;
    }

    #Candidates .Candidates-title{
        flex-direction: column;
    }

    #Candidates .Candidates-title .Candidates-ai{
        top: 100px;
        left: 12px;
    }

    #Candidates{
        height: 4843px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img1{
        display: none;
    }

    .calendar{
        display: none;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .circle-number-timing{
        display: none;
    }

    .offcanvas-body .buttons .Send-invitation{
        padding: 14px 45px;
    }

    #exampleMod2 .Delete{
        margin-left: 190px;
    }

    #exampleMod1 .Delete{
        margin-left: 190px;
    }

    #Candidates-save .Candidates-title h1{
        margin-right: 41px;
    }

    #Candidates-save .Main_links{
        margin-right: 41px;
    }

    #Candidates-save .Main_links{
        flex-direction: column;
    }
    
    #Candidates-save .Candidates-div .grid-container{
        grid-template-columns: 274px;
    }

    #Candidates-save .Candidates-div .Candidate .Matching-ai-img2{
        display: none;
    }

    #Candidates-save .Candidates-div .Candidate .location-and-phone{
        margin-right: 7px;
    }

    #Candidates-save{
        height: 1837px;
    }
    
  
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    #Candidates-save .Candidates-title h1{
        margin-right: 56px;
    }

    #Candidates-save .Main_links{
        margin-right: 58px;
        gap: 22px;
    }

    #Candidates-save .Candidates-div .grid-container{
        grid-template-columns: 420px;
    }

    #side-employer-menu{
        width: 29%;
    }

    #side-employer-menu .div-logo .side-employer-menu-logo{
        width: 102px;
        margin-right: 65px;
    }

    #side-employer-menu .Links_menu{
        margin-right: -109px;
    }

    #side-employer-menu .Links_menu ul li a .link-p{
        display: none;
    }

    #side-employer-menu .Links_menu ul li{
        padding-top: 14px;
        height: 60px;
        width: 11px;
    }

    #side-employer-menu .Links_menu ul li.active-link{
        width: 54px;
        height: 60px;
        padding-top: 14px;
    }

    #side-employer-menu .Links_menu ul li:hover{
        width: 54px;
        height: 60px;
        padding-top: 14px;
    }

    #side-employer-menu .management-personnel{
        padding-right: 57px; 
    }

    #side-employer-menu .management-personnel p{
        margin-right: -191px; 
    }

    #side-employer-menu .management-personnel .Management-parent{
        flex-direction: column;
        margin-right: 9px;
    }

    #side-employer-menu .Editing-profile{
        flex-direction: column;
        gap: 0;
        margin-right: 80px;
        margin-top: 60px;
    }

    #Employer-dashboard-section .navbar-Employer{
        margin-right: 84px;
        height: 72px;
        box-shadow: -42px 3px 8px 1px #ededed;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-p{
        display: none;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-img-AI{
        width: 40px;
        height: 40px;
        margin-top: 24px;
        margin-right: -55px;
    }

 

    #Employer-dashboard-section .navbar-Employer .left-part{
        margin-left: 18px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .profile-arrow-icon{
        left: 1px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .white-circle{
        left: 21px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .profile .Connected-circle{
        left: 26px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .messages .messages-icon{
        margin-left: 12px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .calendar .calendar-icon{
        margin-left: 12px;
    }
        
    #Employer-dashboard-section .navbar-Employer .left-part .circle-number-messages{
        left: 106px;
    }

    #Employer-dashboard-section .navbar-Employer .left-part .circle-number-timing{
        left: 146px;
    }
    
    #Candidates .Candidates-div .grid-container{
        grid-template-columns: 420px;
        grid-template-rows: 478px;
    }

    #Candidates .Candidates-title h1{
        margin-right: 60px;
        font-size: 28px;
        margin-top: -32px;
    }

    #Candidates .Main_links{
        margin-right: 63px;
        display: flex;
        flex-direction: row;
        gap: 20px;
        margin-top: 16px;
        width: 420px;
    }

    #Candidates .Candidates-div .Candidate{
        margin-right: 10px;
    }

    #Candidates .Candidates-div .Candidate h3{
        font-size: 16px;
    }

   [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled){
            margin-right: -190px;
    }

    #Candidates .Candidates-div .Candidate .location-and-phone{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: -11px;
        gap: 0px;
        margin-top: 17px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img2{
        display: none;
    }

    #Candidates .Candidates-title{
        flex-direction: column;
    }

    #Candidates .Candidates-title .Candidates-ai{
        top: 100px;
        left: 12px;
    }

    #Candidates{
        height: 4736px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img1{
        display: none;
    }

 

    .offcanvas-body .buttons .Send-invitation{
        padding: 14px 45px;
    }

    #exampleMod2 .Delete{
        margin-left: 201px;
    }

    #exampleMod1 .Delete{
        margin-left: 201px;
    }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {

    #Candidates-save .Candidates-title h1{
        margin-right: 191px;
    }

    #Candidates-save .Main_links{
        margin-right: 193px;
    }

    #Candidates-save .Candidates-div .grid-container{
        margin-right: 133px;
    }

    #Candidates-save .Candidates-div .grid-container{
        grid-template-columns: 456px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img1{
        right: 274px;
    }
    
    #side-employer-menu{
        width: 41%;
    }

    #side-employer-menu .div-logo .side-employer-menu-logo{
        width: 170px;
        margin-right: 28%;
    }

    #side-employer-menu .Links_menu{
        margin-right: -90px;
    }

    #Candidates{
        margin-right: 210px;
    }

    #Candidates .Main_links{
        margin-right: 73px;
        gap: 27px;
    }

  

    #side-employer-menu .management-personnel{
        margin-right: 110px;
    }

    #side-employer-menu .Editing-profile{
        margin-right: 110px;
    }

    #Candidates .Candidates-div .grid-container{
        grid-template-columns: 431px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img2{
        right: 268px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img1{
        right: 276px; 
    }

    #Candidates .Candidates-title .Candidates-ai{
        display: none;
    }

    #Candidates{
        height: 4442px;
    }

    .Candidates-div{
        margin-right: 60px;
    }

    #Employer-dashboard-section .navbar-Employer{
        margin-right: 159px;
        box-shadow: -127px 3px 8px 1px #ededed;
    }

    #Employer-dashboard-section .navbar-Employer .right-part{
        margin-right: 133px;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-p{
        display: none;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-img-AI{
        margin-right: -23px;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #side-employer-menu .div-logo .side-employer-menu-logo{
        width: 160px;
        margin-right: 99px;
    }

    #side-employer-menu .Links_menu ul li{
        margin-right: 69px;
    }

    #side-employer-menu{
        width: 33vw;
    }

    #Candidates-save .Candidates-div .grid-container{
        margin-right: 49px;
        grid-template-columns: 340px 340px;
    }

    #Candidates-save .Candidates-div .Candidate .Matching-ai-img2{
        display: none;
    }

    #Candidates-save .Candidates-div .Candidate .location-and-phone{
        margin-right: 44px;
    }

}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {

    #Candidates-save .Candidates-title h1{
        margin-right: 103px;
    }

    #Candidates-save .Candidates-div .grid-container{
        grid-template-columns: 295px 295px 295px;
        grid-template-rows: 440px;
    }

    #Candidates-save .Candidates-div .Candidate .Matching-ai-img2{
        display: none;
    }

    #Candidates-save .Candidates-div .Candidate .location-and-phone{
        margin-right: 20px;
    }

    #Candidates-save .Main_links{
        margin-right: 103px;
    }
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}







/*************************** Scheduled interviews - employer - page *************************/


/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    #scheduled .Scheduled-interview{
        display: none;
    }

    #scheduled .titles-scheduled{
        display: none;
    }

    #scheduled .Scheduled-interview-responsive{
        display: block;
        margin-top: 20px;
    }

    #scheduled .Scheduled-interview-responsive1{
        display: block;
        margin-top: 20px;
    }

    #scheduled .Interview{
        display: none;
    }

    #scheduled .titles-Interview-status{
        display: none;
    }

    #scheduled{
        margin-right: -33px;
    }

    #Open-messages{
        left: 54px;
    }

    #scheduled h1{
        font-size: 18px;
    }

    #scheduled .Interview-status h2{
        font-size: 18px;
    }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    #scheduled{
        margin-right: 0;
    }

    #scheduled .Interview-status h2{
        font-size: 20px;
    }

    #scheduled h1{
        font-size: 20px;
    }

    #scheduled .Scheduled-interview{
        display: none;
    }

    #scheduled .titles-scheduled{
        display: none;
    }

    #scheduled .Scheduled-interview-responsive{
        display: block;
        margin-top: 20px;
    }

    #scheduled .Scheduled-interview-responsive1{
        display: block;
        margin-top: 20px;
    }

    #scheduled .Interview{
        display: none;
    }

    #scheduled .titles-Interview-status{
        display: none;
    }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    #side-employer-menu{
        width: 41%;
        max-width: 330px;
    }
    
    #side-employer-menu .Links_menu ul li{
        margin-right: 149px;
    }

    #side-employer-menu .management-personnel{
        margin-right: 100px;
    }

    #side-employer-menu .Editing-profile{
        margin-right: 100px;
    }

    #Employer-dashboard-section .navbar-Employer .right-part .right-part-img-AI{
        margin-right: -53px;
    }

    #scheduled .Scheduled-interview .Candidate-name{
        padding-right: 14px;
    }

    #scheduled .Scheduled-interview .Candidate-name .profile-img{
        width: 30px;
        height: 30px;
    }

    #scheduled .Scheduled-interview .Reminder-button{
        padding: 4px 7px;
    }

    #scheduled .titles-Interview-status h3.h3-responsive{
        display: none;
    }

    #scheduled .titles-Interview-status h3.h3-responsive1{
        display: none;
    }

    #scheduled .Interview .interviewer-name{
        display: none;
    }

    #scheduled .Interview .datel{
        display: none;
    }

    #scheduled .Interview .name{
        margin-right: 10px;
    }

    #scheduled .titles-Interview-status{
        padding-right: 0;
    }

    #scheduled .titles-Interview-status h3{
        margin-right: -2px;
    }

    #scheduled .Unfollow{
        padding: 6px 0px;
        width: 150px;
        margin-left: 12px;
    }

    #scheduled .Interview .name .profile-img{
        width: 40px;
        height: 40px;   
    }

}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #scheduled{
        padding-left: 12px;
    }

    #side-employer-menu .management-personnel{
        margin-right: 131px;
    }

    #side-employer-menu .Editing-profile{
        margin-right: 131px;
    }

    #scheduled .Scheduled-interview .Candidate-name{
        padding-right: 27px;
    }

    #scheduled .titles-Interview-status h3.h3-responsive{
        display: none;
    }

    #scheduled .Interview .interviewer-name{
        display: none;
    }

    #scheduled .Interview .name{
        margin-right: 10px;
    }

    #scheduled .Unfollow{
        padding: 5px 9px;
        width: 136px;
        margin-left: 10px;
    }

    #Employer-dashboard-section .navbar-Employer{
        margin-right: 169px;
        box-shadow: -104px 3px 8px 1px #ededed;
    }

    #side-employer-menu .Links_menu ul li{
        margin-right: 89px;
    }

    #side-employer-menu .div-logo .side-employer-menu-logo{
        margin-right: 120px;
    }
}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #side-employer-menu{
        width: 31vw;
    }

    #side-employer-menu .div-logo .side-employer-menu-logo{
        margin-right: 139px;
    }

    #side-employer-menu .Links_menu ul li{
        margin-right: 118px;
    }

    #side-employer-menu .management-personnel{
        margin-right: 157px;
    }

    #side-employer-menu .Editing-profile{
        margin-right: 155px;
    }

    #scheduled{
        padding-left: 12px;
    }

    #scheduled .Unfollow{
        padding: 4px 0px;
        width: 150px;
        margin-left: 18px;
    }

    #scheduled .Interview .name{
        margin-right: 19px;
    }

    #scheduled .Interview .datel{
        width: 210px;
    }

    #Employer-dashboard-section .navbar-Employer{
        margin-right: 235px;
        box-shadow: -51px 3px 8px 1px #ededed;
    }

    #Employer-dashboard-section .navbar-Employer .right-part{
        margin-right: 34px;
    }
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}




/*************************** Job management - employer - page *************************/

/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .pagination{
        margin-right: 19px;
    }
    
    .Management{
        height: 3110px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
        margin-right: 17px;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
    margin-right: 18px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 19px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management h1{
    margin-right: 17px;
   }

   .Management .Management-title-and-filter .all-button{
    text-align: center;
   }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .pagination{
        margin-right: 19px;
    }
    
    .Management{
        height: 3110px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
        margin-right: 17px;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
    margin-right: 18px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 19px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management h1{
    margin-right: 17px;
   }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .pagination{
        margin-right: 123px;
    }

    .Management{
        height: 3090px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .Management .Management-title-and-filter .filtering-ai{
        display: none;
    }

    .Management .all-jobs .all-jobs-titles .h3-last{
        width: 340px;
        margin-left: 0px;
    }

    .Management .job .job-div-p .job-number{
        width: 181px;
    }

    .Management .job .job-div-p .job-Submissions{
        width: 162px;
    }

    .Management .job .job-div-p .job-posting-date{
        width: 292px;
    }

    .Management .job .job-div-p .job-status-open{
        padding-left: 56px;
    }

    .Management .job .job-div-p .job-name{
        width: 399px;
    }

    .Management .job.closejob .job-div-p .job-number{
        width: 181px;
    }

    .Management .job.closejob .job-div-p .job-Submissions{
        width: 162px;
    }

    .Management .job.closejob .job-div-p .job-posting-date{
        width: 292px;
    }

    .Management .job.closejob .job-div-p .job-status-close{
        padding-left: 56px;
    }

    .Management .job.closejob .job-div-p .job-name{
        width: 399px;
    }

    .Management .Management-title-and-filter .all-button{
        text-align: center;
    }

    .Management .Management-title-and-filter .addjob-modal-btn{
        padding: 0px 42px;
    }

    .Management .job .job-div-p .job-status-onhold{
        padding-left: 43px;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }
}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .Management .all-jobs .all-jobs-titles h3{
        width: 260px;
    }

    .Management .job .job-div-p .job-posting-date{
        width: 623px;
    }

    .Management .job .job-div-p .job-status-open{
        padding-left: 61px;
    }

    .Management .job .job-div-p .job-Submissions{
        width: 540px;
    }

    .Management .job .job-div-p .job-name{
        width: 785px;
    }

    .Management .job .job-div-p .job-number{
        width: 530px;
    }

    .Management .job.closejob .job-div-p .job-posting-date{
        width: 623px;
    }

    .Management .job.closejob .job-div-p .job-status-close{
        padding-left: 61px;
    }

    .Management .job.closejob .job-div-p .job-Submissions{
        width: 540px;
    }

    .Management .job.closejob .job-div-p .job-name{
        width: 785px;
    }

    .Management .job.closejob .job-div-p .job-number{
        width: 530px;
    }

    .Management .job .job-div-p .job-status-onhold{
        padding-left: 61px;
    }

    .Management .Management-title-and-filter .all-button{
        text-align: center;
    }

    .Management .Management-title-and-filter .addjob-modal-btn{
        width: 180px;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }
    
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }
}





/*************************** Job management2 - employer - page *************************/


/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .pagination{
        margin-right: 19px;
    }
    
    .Management{
        height: 3110px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
        margin-right: 17px;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
    margin-right: 18px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 19px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management h1{
    margin-right: 17px;
   }

   .Management .Management-title-and-filter .all-button{
    text-align: center;
   }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .pagination{
        margin-right: 19px;
    }
    
    .Management{
        height: 3110px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
        margin-right: 17px;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
    margin-right: 18px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 19px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management h1{
    margin-right: 17px;
   }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .pagination{
        margin-right: 123px;
    }

    .Management{
        height: 3090px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .Management .Management-title-and-filter .filtering-ai{
        display: none;
    }

    .Management .all-jobs .all-jobs-titles .h3-last{
        width: 340px;
        margin-left: 0px;
    }

    .Management .job .job-div-p .job-number{
        width: 181px;
    }

    .Management .job .job-div-p .job-Submissions{
        width: 162px;
    }

    .Management .job .job-div-p .job-posting-date{
        width: 292px;
    }

    .Management .job .job-div-p .job-status-open{
        padding-left: 56px;
    }

    .Management .job .job-div-p .job-name{
        width: 399px;
    }

    .Management .job.closejob .job-div-p .job-number{
        width: 181px;
    }

    .Management .job.closejob .job-div-p .job-Submissions{
        width: 162px;
    }

    .Management .job.closejob .job-div-p .job-posting-date{
        width: 292px;
    }

    .Management .job.closejob .job-div-p .job-status-close{
        padding-left: 56px;
    }

    .Management .job.closejob .job-div-p .job-name{
        width: 399px;
    }

    .Management .Management-title-and-filter .all-button{
        text-align: center;
    }

    .Management .Management-title-and-filter .addjob-modal-btn{
        padding: 0px 42px;
    }

    .Management .job .job-div-p .job-status-onhold{
        padding-left: 43px;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }

}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .Management .all-jobs .all-jobs-titles h3{
        width: 260px;
    }

    .Management .job .job-div-p .job-posting-date{
        width: 623px;
    }

    .Management .job .job-div-p .job-status-open{
        padding-left: 61px;
    }

    .Management .job .job-div-p .job-Submissions{
        width: 540px;
    }

    .Management .job .job-div-p .job-name{
        width: 785px;
    }

    .Management .job .job-div-p .job-number{
        width: 530px;
    }

    .Management .job.closejob .job-div-p .job-posting-date{
        width: 623px;
    }

    .Management .job.closejob .job-div-p .job-status-close{
        padding-left: 61px;
    }

    .Management .job.closejob .job-div-p .job-Submissions{
        width: 540px;
    }

    .Management .job.closejob .job-div-p .job-name{
        width: 785px;
    }

    .Management .job.closejob .job-div-p .job-number{
        width: 530px;
    }

    .Management .job .job-div-p .job-status-onhold{
        padding-left: 61px;
    }

    .Management .Management-title-and-filter .all-button{
        text-align: center;
    }

    .Management .Management-title-and-filter .addjob-modal-btn{
        width: 180px;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }
    
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }
}





/*************************** Job management3 - employer - page *************************/


/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .pagination{
        margin-right: 19px;
    }
    
    .Management{
        height: 3110px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
        margin-right: 17px;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
    margin-right: 18px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 19px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management h1{
    margin-right: 17px;
   }

   .Management .Management-title-and-filter .all-button{
    text-align: center;
   }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .pagination{
        margin-right: 19px;
    }
    
    .Management{
        height: 3110px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
        margin-right: 17px;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
    margin-right: 18px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 19px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management h1{
    margin-right: 17px;
   }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .pagination{
        margin-right: 123px;
    }

    .Management{
        height: 3090px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .Management .Management-title-and-filter .filtering-ai{
        display: none;
    }

    .Management .all-jobs .all-jobs-titles .h3-last{
        width: 340px;
        margin-left: 0px;
    }

    .Management .job .job-div-p .job-number{
        width: 181px;
    }

    .Management .job .job-div-p .job-Submissions{
        width: 162px;
    }

    .Management .job .job-div-p .job-posting-date{
        width: 292px;
    }

    .Management .job .job-div-p .job-status-open{
        padding-left: 56px;
    }

    .Management .job .job-div-p .job-name{
        width: 399px;
    }

    .Management .job.closejob .job-div-p .job-number{
        width: 181px;
    }

    .Management .job.closejob .job-div-p .job-Submissions{
        width: 162px;
    }

    .Management .job.closejob .job-div-p .job-posting-date{
        width: 292px;
    }

    .Management .job.closejob .job-div-p .job-status-close{
        padding-left: 56px;
    }

    .Management .job.closejob .job-div-p .job-name{
        width: 399px;
    }

    .Management .Management-title-and-filter .all-button{
        text-align: center;
    }

    .Management .Management-title-and-filter .addjob-modal-btn{
        padding: 0px 42px;
    }

    .Management .job .job-div-p .job-status-onhold{
        padding-left: 43px;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }

}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .Management .all-jobs .all-jobs-titles h3{
        width: 260px;
    }

    .Management .job .job-div-p .job-posting-date{
        width: 623px;
    }

    .Management .job .job-div-p .job-status-open{
        padding-left: 61px;
    }

    .Management .job .job-div-p .job-Submissions{
        width: 540px;
    }

    .Management .job .job-div-p .job-name{
        width: 785px;
    }

    .Management .job .job-div-p .job-number{
        width: 530px;
    }

    .Management .job.closejob .job-div-p .job-posting-date{
        width: 623px;
    }

    .Management .job.closejob .job-div-p .job-status-close{
        padding-left: 61px;
    }

    .Management .job.closejob .job-div-p .job-Submissions{
        width: 540px;
    }

    .Management .job.closejob .job-div-p .job-name{
        width: 785px;
    }

    .Management .job.closejob .job-div-p .job-number{
        width: 530px;
    }

    .Management .job .job-div-p .job-status-onhold{
        padding-left: 61px;
    }

    .Management .Management-title-and-filter .all-button{
        text-align: center;
    }

    .Management .Management-title-and-filter .addjob-modal-btn{
        width: 180px;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }
    
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }
}






/*************************** Job open - employer - page *************************/


/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .pagination{
        margin-right: 19px;
    }
    
    .Management{
        height: 3110px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
        margin-right: 17px;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
    margin-right: 18px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 19px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management h1{
    margin-right: 17px;
   }

   .Management .Management-title-and-filter .all-button{
    text-align: center;
   }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .pagination{
        margin-right: 19px;
    }
    
    .Management{
        height: 3110px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
        margin-right: 17px;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
    margin-right: 18px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 19px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management h1{
    margin-right: 17px;
   }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .pagination{
        margin-right: 123px;
    }

    .Management{
        height: 3090px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .Management .Management-title-and-filter .filtering-ai{
        display: none;
    }

    .Management .all-jobs .all-jobs-titles .h3-last{
        width: 340px;
        margin-left: 0px;
    }

    .Management .job .job-div-p .job-number{
        width: 181px;
    }

    .Management .job .job-div-p .job-Submissions{
        width: 162px;
    }

    .Management .job .job-div-p .job-posting-date{
        width: 292px;
    }

    .Management .job .job-div-p .job-status-open{
        padding-left: 56px;
    }

    .Management .job .job-div-p .job-name{
        width: 399px;
    }

    .Management .job.closejob .job-div-p .job-number{
        width: 181px;
    }

    .Management .job.closejob .job-div-p .job-Submissions{
        width: 162px;
    }

    .Management .job.closejob .job-div-p .job-posting-date{
        width: 292px;
    }

    .Management .job.closejob .job-div-p .job-status-close{
        padding-left: 56px;
    }

    .Management .job.closejob .job-div-p .job-name{
        width: 399px;
    }

    .Management .Management-title-and-filter .all-button{
        text-align: center;
    }

    .Management .Management-title-and-filter .addjob-modal-btn{
        padding: 0px 42px;
    }

    .Management .job .job-div-p .job-status-onhold{
        padding-left: 43px;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }

}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .Management .all-jobs .all-jobs-titles h3{
        width: 260px;
    }

    .Management .job .job-div-p .job-posting-date{
        width: 623px;
    }

    .Management .job .job-div-p .job-status-open{
        padding-left: 61px;
    }

    .Management .job .job-div-p .job-Submissions{
        width: 540px;
    }

    .Management .job .job-div-p .job-name{
        width: 785px;
    }

    .Management .job .job-div-p .job-number{
        width: 530px;
    }

    .Management .job.closejob .job-div-p .job-posting-date{
        width: 623px;
    }

    .Management .job.closejob .job-div-p .job-status-close{
        padding-left: 61px;
    }

    .Management .job.closejob .job-div-p .job-Submissions{
        width: 540px;
    }

    .Management .job.closejob .job-div-p .job-name{
        width: 785px;
    }

    .Management .job.closejob .job-div-p .job-number{
        width: 530px;
    }

    .Management .job .job-div-p .job-status-onhold{
        padding-left: 61px;
    }

    .Management .Management-title-and-filter .all-button{
        text-align: center;
    }

    .Management .Management-title-and-filter .addjob-modal-btn{
        width: 180px;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }
    
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }
}









/*************************** Job close - employer - page *************************/


/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .pagination{
        margin-right: 19px;
    }
    
    .Management{
        height: 3110px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
        margin-right: 17px;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
    margin-right: 18px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 19px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management h1{
    margin-right: 17px;
   }

   .Management .Management-title-and-filter .all-button{
    text-align: center;
   }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .pagination{
        margin-right: 19px;
    }
    
    .Management{
        height: 3110px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
        margin-right: 17px;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
    margin-right: 18px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 19px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management h1{
    margin-right: 17px;
   }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .pagination{
        margin-right: 123px;
    }

    .Management{
        height: 3090px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .Management .Management-title-and-filter .filtering-ai{
        display: none;
    }

    .Management .all-jobs .all-jobs-titles .h3-last{
        width: 340px;
        margin-left: 0px;
    }

    .Management .job .job-div-p .job-number{
        width: 181px;
    }

    .Management .job .job-div-p .job-Submissions{
        width: 162px;
    }

    .Management .job .job-div-p .job-posting-date{
        width: 292px;
    }

    .Management .job .job-div-p .job-status-open{
        padding-left: 56px;
    }

    .Management .job .job-div-p .job-name{
        width: 399px;
    }

    .Management .job.closejob .job-div-p .job-number{
        width: 181px;
    }

    .Management .job.closejob .job-div-p .job-Submissions{
        width: 162px;
    }

    .Management .job.closejob .job-div-p .job-posting-date{
        width: 292px;
    }

    .Management .job.closejob .job-div-p .job-status-close{
        padding-left: 56px;
    }

    .Management .job.closejob .job-div-p .job-name{
        width: 399px;
    }

    .Management .Management-title-and-filter .all-button{
        text-align: center;
    }

    .Management .Management-title-and-filter .addjob-modal-btn{
        padding: 0px 42px;
    }

    .Management .job .job-div-p .job-status-onhold{
        padding-left: 43px;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }

}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .Management .all-jobs .all-jobs-titles h3{
        width: 260px;
    }

    .Management .job .job-div-p .job-posting-date{
        width: 623px;
    }

    .Management .job .job-div-p .job-status-open{
        padding-left: 61px;
    }

    .Management .job .job-div-p .job-Submissions{
        width: 540px;
    }

    .Management .job .job-div-p .job-name{
        width: 785px;
    }

    .Management .job .job-div-p .job-number{
        width: 530px;
    }

    .Management .job.closejob .job-div-p .job-posting-date{
        width: 623px;
    }

    .Management .job.closejob .job-div-p .job-status-close{
        padding-left: 61px;
    }

    .Management .job.closejob .job-div-p .job-Submissions{
        width: 540px;
    }

    .Management .job.closejob .job-div-p .job-name{
        width: 785px;
    }

    .Management .job.closejob .job-div-p .job-number{
        width: 530px;
    }

    .Management .job .job-div-p .job-status-onhold{
        padding-left: 61px;
    }

    .Management .Management-title-and-filter .all-button{
        text-align: center;
    }

    .Management .Management-title-and-filter .addjob-modal-btn{
        width: 180px;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }
    
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }
}









/*************************** Job onhold - employer - page *************************/


/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

    #exampleModal .modal-body .row01{
        flex-wrap: wrap;
        gap: 35px;
    }

    #exampleModal .modal-body .row01 input{
        margin-right: 4px;
    }


    #exampleModal .modal-body .row04{
        flex-wrap: wrap;
        gap: 35px;
    }

    #exampleModal .modal-body .row01 input#work-environmentID{
        margin-right: 17px; 
    }

    #exampleModal .modal-body .row04 input#wageID{
        margin-right: 74px;
    }

    #exampleModal .modal-body .row04 input#start-dateID{
        margin-right: 10px;
    }

    #exampleModal .modal-body .row04 input#business-hoursID{
        margin-right: 21px;
    }

    #exampleModal .modal-body .row04 .input1.input1margin{
        margin-right: 2px;
    }

    #exampleModal .modal-body .row02{
        gap: 35px;
    }

    #side-employer-menu .div-logo .side-employer-menu-logo{
        width: 95px;
        margin-right: 41px;
    }

    #Employer-dashboard-section .navbar-Employer{
        margin-right: 81px;
        height: 68px;
    }

    #Employer-dashboard-section .navbar-Employer{
        margin-right: 90px;
    }

    .pagination{
        margin-right: 19px;
    }
    
    .Management{
        height: 3110px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
        margin-right: 17px;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
    margin-right: 18px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 19px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management h1{
    margin-right: 17px;
   }

   .Management .Management-title-and-filter .all-button{
    text-align: center;
   }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    #exampleModal .modal-body .row01{
        flex-wrap: wrap;
        gap: 35px;
    }

    #exampleModal .modal-body .row01 input{
        margin-right: 4px;
    }


    #exampleModal .modal-body .row04{
        flex-wrap: wrap;
        gap: 35px;
    }

    #exampleModal .modal-body .row01 input#work-environmentID{
        margin-right: 17px; 
    }

    #exampleModal .modal-body .row04 input#wageID{
        margin-right: 74px;
    }

    #exampleModal .modal-body .row04 input#start-dateID{
        margin-right: 10px;
    }

    #exampleModal .modal-body .row04 input#business-hoursID{
        margin-right: 21px;
    }

    #exampleModal .modal-body .row04 .input1.input1margin{
        margin-right: 2px;
    }

    .pagination{
        margin-right: 19px;
    }
    
    .Management{
        height: 3110px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
        margin-right: 17px;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
        margin-right: 17px;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
    margin-right: 18px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 19px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 20px;
    height: 50px;
    margin-top: -10px;
   }

   .Management h1{
    margin-right: 17px;
   }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {

    #exampleModal .modal-body .row01{
        flex-wrap: wrap;
        gap: 35px;
    }

    #exampleModal .modal-body .row01 input{
        margin-right: 4px;
    }


    #exampleModal .modal-body .row04{
        flex-wrap: wrap;
        gap: 35px;
    }

    #exampleModal .modal-body .row01 input#work-environmentID{
        margin-right: 17px; 
    }

    #exampleModal .modal-body .row04 input#wageID{
        margin-right: 74px;
    }

    #exampleModal .modal-body .row04 input#start-dateID{
        margin-right: 10px;
    }

    #exampleModal .modal-body .row04 input#business-hoursID{
        margin-right: 21px;
    }

    #exampleModal .modal-body .row04 .input1.input1margin{
        margin-right: 2px;
    }
    
    .pagination{
        margin-right: 123px;
    }

    .Management{
        height: 3090px;
    }

    .Management .job-responsive{
        height: 220px;
    }
    
    .Management .job-responsive.jobOpen-responsive{
        border: 1px solid green;
    }

    .Management .job-responsive.jobClose-responsive{
        border: 1px solid red;
    }

    .Management .job-responsive .job-number{
        background-color: var(--color-Employer_background);
        height: 40px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-right: 17px;
    }

    .Management .job-responsive .job-name{
        padding-right: 17px;
    }

    .Management .job-responsive .job-Submissions{
        padding-right: 17px;
    }

    .Management .job-responsive .job-posting-date{
        padding-right: 17px;
    }

    .Management .job-responsive.jobOpen-responsive .job-status-open{
        padding-right: 17px;
        color: green;
    }

    .Management .job-responsive.jobClose-responsive .job-status-close{
        padding-right: 17px;
        color: red;
    }

    .Management .job-responsive.jobOnhold-responsive .job-status-onhold{
        padding-right: 17px;
        color:#4044C9;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: block;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: block;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: block;
    }

    .Management .openjob{
        display: none !important;
    }

    .Management .closejob{
        display: none !important;
    }

    .Management .job{
        display: none !important;
    }

   .Management .all-jobs .all-jobs-titles{
    display: none;
   }

   a.btn.btn-primary.offcanvasExampleCBUTTON{
    display: none;
   }

   .Management .Management-title-and-filter{
    flex-direction: column;
   }

   .Management .Management-title-and-filter .addjob-modal-btn{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .all-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .open-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .close-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }

   .Management .Management-title-and-filter .onhold-button{
    width: 158px;
    margin-right: 120px;
    height: 50px;
    margin-top: -10px;
   }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .Management .Management-title-and-filter .filtering-ai{
        display: none;
    }

    .Management .all-jobs .all-jobs-titles .h3-last{
        width: 340px;
        margin-left: 0px;
    }

    .Management .job .job-div-p .job-number{
        width: 181px;
    }

    .Management .job .job-div-p .job-Submissions{
        width: 162px;
    }

    .Management .job .job-div-p .job-posting-date{
        width: 292px;
    }

    .Management .job .job-div-p .job-status-open{
        padding-left: 56px;
    }

    .Management .job .job-div-p .job-name{
        width: 399px;
    }

    .Management .job.closejob .job-div-p .job-number{
        width: 181px;
    }

    .Management .job.closejob .job-div-p .job-Submissions{
        width: 162px;
    }

    .Management .job.closejob .job-div-p .job-posting-date{
        width: 292px;
    }

    .Management .job.closejob .job-div-p .job-status-close{
        padding-left: 56px;
    }

    .Management .job.closejob .job-div-p .job-name{
        width: 399px;
    }

    .Management .Management-title-and-filter .all-button{
        text-align: center;
    }

    .Management .Management-title-and-filter .addjob-modal-btn{
        padding: 0px 42px;
    }

    .Management .job .job-div-p .job-status-onhold{
        padding-left: 43px;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }

}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .Management .all-jobs .all-jobs-titles h3{
        width: 260px;
    }

    .Management .job .job-div-p .job-posting-date{
        width: 623px;
    }

    .Management .job .job-div-p .job-status-open{
        padding-left: 61px;
    }

    .Management .job .job-div-p .job-Submissions{
        width: 540px;
    }

    .Management .job .job-div-p .job-name{
        width: 785px;
    }

    .Management .job .job-div-p .job-number{
        width: 530px;
    }

    .Management .job.closejob .job-div-p .job-posting-date{
        width: 623px;
    }

    .Management .job.closejob .job-div-p .job-status-close{
        padding-left: 61px;
    }

    .Management .job.closejob .job-div-p .job-Submissions{
        width: 540px;
    }

    .Management .job.closejob .job-div-p .job-name{
        width: 785px;
    }

    .Management .job.closejob .job-div-p .job-number{
        width: 530px;
    }

    .Management .job .job-div-p .job-status-onhold{
        padding-left: 61px;
    }

    .Management .Management-title-and-filter .all-button{
        text-align: center;
    }

    .Management .Management-title-and-filter .addjob-modal-btn{
        width: 180px;
    }

    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }
    
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    .Management .job-responsive.jobOpen-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobOnhold-responsive{
        display: none;
    }
    
    .Management .job-responsive.jobClose-responsive{
        display: none;
    }
}






/*************************** dashboard - employer - page *************************/


/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    #Main-dashboard-section{
        margin-right: -16px;
        height: 1360px;
    }

    #Main-dashboard-section .Dashboard-juniors-part1 h1{
        font-size: 20px;
    }

    #Main-dashboard-section .Dashboard-juniors-part1 h2{
        font-size: 14px;
    }

    #Main-dashboard-section .Dashboard-juniors-part2{
        flex-direction: column;
        gap: 15px;
    }

    #Main-dashboard-section .Chart-columns{
        width: 68%;
        padding: 70px 0px;
    }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    #Main-dashboard-section{
        margin-right: -30px;
        height: 1400px;
    }

    #Main-dashboard-section .Dashboard-juniors-part2{
        flex-wrap: wrap;
    }

    #Main-dashboard-section .Dashboard-juniors-part2 .part2-div1{
        padding: 13px;
    }

    #Main-dashboard-section .part3-div{
        flex-wrap: wrap;
    }

    #Main-dashboard-section .calendar{
        margin-right: 120px;
        width: 390px;
        max-width: 390px;
    }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    #Main-dashboard-section .Dashboard-juniors-part2{
        flex-wrap: wrap;
        gap: 40px;
        width: 470px;
        max-width: 470px;
    }

    #Main-dashboard-section .Dashboard-juniors-part2 .part2-div1{
        height: 160px;
    }

    #Main-dashboard-section .Dashboard-juniors-part2 .part2-div{
        height: 160px;
        padding: 42px;
    }

    #Main-dashboard-section .part3-div{
        flex-wrap: wrap;
    }

    #Main-dashboard-section .calendar{
        margin-right: 121px;
        width: 469px;
        max-width: 469px;
    }

    #Main-dashboard-section{
        height: 1530px;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #Main-dashboard-section .Dashboard-juniors-part2{
        flex-wrap: wrap;
        gap: 40px;
    }

    #Main-dashboard-section .part3-div{
        flex-wrap: wrap;
    }

    #Main-dashboard-section .calendar{
        margin-right: 120px;
        width: 624px;
        max-width: 624px;
    }

    #Main-dashboard-section{
        height: 1440px;
    }
}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {

}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    #Main-dashboard-section{
        margin-right: 141px;
    }

    #side-employer-menu{
        width: 420px;
    }

    #side-employer-menu .div-logo .side-employer-menu-logo{
        margin-right: 170px;
    }

    #side-employer-menu .Links_menu ul li {
        margin-right: 150px;
    }

    #side-employer-menu .management-personnel {
        margin-right: 196px;
    }

    #side-employer-menu .Editing-profile{
        margin-right: 196px;
        margin-top: 80px;
    }

    #Employer-dashboard-section .navbar-Employer{
        margin-right: 215px;
        box-shadow: -40px 3px 8px 1px #ededed;
    }
}




/*************************** settings - employer - page *************************/



/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    #settings-Employer{
        margin-right: -19px;
    }

    #settings-Employer .field-activity-div{
        height: 150px;
        flex-direction: column;
        align-items: flex-start;
    }

    #settings-Employer .field-activity-div #field-activity-input{
        width: 214px;
    }

    #settings-Employer .Advertising-preferences{
        height: 150px;
        flex-direction: column;
        align-items: flex-start; 
    }

    #settings-Employer .Advertising-preferences .Advertising-preferences-div #Advertising-preferences-input{
        width: 214px; 
    }

    #settings-Employer .Candidate-preferences{
        height: 310px;
        flex-direction: column;
    }

    #settings-Employer .Candidate-preferences .preferences-employer .Preferred-areas-Candidate{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }

    #settings-Employer .Candidate-preferences .preferences-employer .salary-range{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;  
    }

    #settings-Employer .Candidate-preferences .preferences-employer .Preferred-areas-Candidate #Preferred-areas-CandidateID{
        width: 214px; 
    }

    #settings-Employer .Candidate-preferences .preferences-employer .salary-range #salary-range-inputID{
        width: 214px;  
    }

    #settings-Employer .Message-preferences-employer{
        height: 340px;
        flex-direction: column;
    }
    

    #settings-Employer .Message-preferences-employer .Alerts-parent .candidate-alerts{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding-right: 0px;
    }

    #settings-Employer .Message-preferences-employer .Alerts-parent .candidate-alerts #candidate-alertsID{
        width: 214px;
    }

    #settings-Employer .Message-preferences-employer .Alerts-parent .SMS-messages{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding-right: 0; 
        margin-right: 0;
    }

    #settings-Employer .Message-preferences-employer .Alerts-parent .SMS-messages #SMS-messagesID{
        width: 214px;
    }

    #settings-Employer .privacy-settings{
        height: 200px;
        flex-direction: column;
    }

    #settings-Employer .privacy-settings .privacy-settings-div{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding-right: 0px;
    }

    #settings-Employer .privacy-settings .privacy-settings-div #privacy-settingsID{
        width: 214px;  
    }

    #settings-Employer .Account-security{
        height: 310px;
        flex-direction: column;
    }

    #settings-Employer .Account-security .username-and-password .User-change{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }

    #settings-Employer .Account-security .username-and-password .User-change #User-changeID{
        width: 214px;
    }

    #settings-Employer .Account-security .username-and-password .password-change{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px; 
    }

    #settings-Employer .Account-security .username-and-password .password-change #password-change-inputID{
        width: 214px;
        margin-right: 0;
    }

    #settings-Employer .Data-and-privacy{
        height: 140px;
        flex-direction: column;
        align-items: flex-start;
    }

    #settings-Employer .Data-and-privacy .Account-deletion .removeButton{
        margin-right: 1px;
    }

    #settings-Employer .Save-changes-button{
        margin-right: 248px;
    }

    #settings-Employer{
        height: 2030px;
    }
    
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    #settings-Employer{
        margin-right: -20px;
        height: 1880px;
    }

    #settings-Employer .field-activity-div #field-activity-input{
        width: 164px;
    }

    #settings-Employer .Advertising-preferences .Advertising-preferences-div #Advertising-preferences-input{
        width: 164px;
    }

    #settings-Employer .Candidate-preferences{
        height: 330px;
        flex-direction: column;
    }

    #settings-Employer .Candidate-preferences .preferences-employer .Preferred-areas-Candidate{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }

    #settings-Employer .Candidate-preferences .preferences-employer .salary-range{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;  
    }

    #settings-Employer .Message-preferences-employer{
        height: 330px;
        flex-direction: column;
    }

    #settings-Employer .Message-preferences-employer .Alerts-parent .candidate-alerts{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding-right: 0;
    }

    #settings-Employer .Message-preferences-employer .Alerts-parent .SMS-messages{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding-right: 0;
        margin-right: 0;
    }

    #settings-Employer .privacy-settings{
        height: 210px;
        flex-direction: column;
    }

    #settings-Employer .privacy-settings .privacy-settings-div{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding-right: 0px;
    }

    #settings-Employer .Account-security{
        height: 260px;
        flex-direction: column;
    }

    #settings-Employer .Save-changes-button{
        margin-right: 385px;
    }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    #settings-Employer .Candidate-preferences{
        flex-direction: column;
        height: 260px;
    }

    #settings-Employer .Message-preferences-employer{
        flex-direction: column;
        height: 320px; 
    }

    #settings-Employer .Message-preferences-employer .Alerts-parent .candidate-alerts{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding-right: 2px;
    }

    #settings-Employer .Message-preferences-employer .Alerts-parent .SMS-messages{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding-right: 0;
        margin-right: 4px;
    }

    #settings-Employer .privacy-settings{
        flex-direction: column;
        height: 180px;
    }

    #settings-Employer .privacy-settings .privacy-settings-div{
        padding-right: 0px;
    }

    #settings-Employer .privacy-settings{
        justify-content: flex-start;
    }

    #settings-Employer .Account-security{
        flex-direction: column;
        height: 241px;
    }

    #settings-Employer .Save-changes-button{
        margin-right: 491px;
    }

    #settings-Employer{
        height: 1760px;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #settings-Employer .Message-preferences-employer .Alerts-parent .candidate-alerts .candidate-alerts-p{
        margin-left: -10px;
        width: 196px;
    }

    #settings-Employer .Message-preferences-employer .Alerts-parent .SMS-messages .SMS-messages-p{
        padding-left: 0px;
        width: 275px;
        margin-left: -2px;
    }

    #settings-Employer .Save-changes-button{
        margin-right: 694px;
    }
}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #settings-Employer .Save-changes-button{
        margin-right: 884px;
    }

    #Employer-dashboard-section .navbar-Employer .right-part{
        margin-right: 24px;
    }
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}








/*************************** profile - employer - page *************************/

/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    #employer-profile{
        margin-right: -19px;
        height: 3470px;
        overflow: hidden;
    }

    #employer-profile .profilesection .Personal-details{
        height: 380px;
        flex-direction: column;
        align-items: flex-start;
        padding-right: 12px;
        padding-top: 20px;
    }

    #employer-profile .profilesection .Personal-details .details h3{
        font-size: 16px;
    }

    #employer-profile .profilesection .Personal-details .EditButton button{
        margin-right: 0px;
    }

    #employer-profile .profilesection .Company-details{
        height: 420px;
        padding-right: 12px;
    }

    #employer-profile .profilesection .details p{
        font-size: 16px;
        margin-top: -4px;
        line-height: 23px;
        margin-right: -51px;
    }

    #employer-profile .profilesection .Company-details .Company-details-header{
        padding-right: 4px;
    }

    #employer-profile .profilesection .Company-details .Company-details-header .EditButton button{
        margin-right: -187px;
    }

    #employer-profile .profilesection .Company-details .Company-details-header .Company-details-title{
        margin-top: 50px;
        margin-bottom: -27px;
    }

    #employer-profile .profilesection .about-company .about p{
        width: 224px;
        padding-right: 17px;
    }

    #employer-profile .profilesection .about-company{
        height: 983px;
    }

    #employer-profile .profilesection .about-company .about-company-header{
        padding-right: 17px;
    }

    #employer-profile .profilesection .about-company .about-company-header .EditButton button{
        margin-right: -182px;
    }

    #employer-profile .profilesection .about-company .about-company-header .Company-details-title{
        margin-top: 50px;
        margin-bottom: -7px;
    }

    #parent-divs{
        flex-direction: column;
    }

    #employer-profile .profilesection .Company-projects{
        width: 258px;
        max-width: 258px;
        height: 451px;
    }

    #employer-profile .profilesection .Company-projects .Company-projects-header .Company-details-title{
        margin-top: 50px;
        margin-right: -36px;
    }

    #employer-profile .profilesection .Company-projects .projects{
        padding-right: 16px;
        font-size: 16px;
    }

    #employer-profile .profilesection .Company-projects .projects p{
        width: 220px;
    }

    #employer-profile .profilesection .recommend{
        margin-right: 120px;
        width: 258px;
        max-width: 258px;
        height: 484px;
    }

    #employer-profile .profilesection .recommend .recommend-header .recommend-title{
        margin-top: 50px;
        margin-right: -33px;
    }

    #employer-profile .profilesection .recommend #carouselExampleAutoplaying .worker-img{
        margin-right: 98px;
    }

    #employer-profile .profilesection .recommend #carouselExampleAutoplaying p{
        width: 310px;
        padding-right: 35px;
        padding-left: 70px;
    }

    #employer-profile .profilesection .social-media .social-media-header .EditButton button{
        margin-right: -179px;
    }

    #employer-profile .profilesection .social-media .social-media-header .social-media-title{
        margin-top: 50px;
        margin-right: -34px;
    }

    #employer-profile .profilesection .social-media .Links-social-media{
        margin-right: 25px;
        margin-top: -14px;
    }

    #employer-profile .profilesection .social-media{
        height: 290px;
    }

    #Open-messages {
            left: 5px;
     }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    #employer-profile{
        margin-right: -16px;
        height: 2881px;
        overflow: hidden;
    }

    #employer-profile .profilesection .Personal-details{
        flex-direction: column;
        align-items: flex-start;
        height: 330px;
    }

    #employer-profile .profilesection .Personal-details .profileImg{
        margin-top: 24px;
    }

    #employer-profile .profilesection .Personal-details .EditButton button{
        margin-right: 210px;
        margin-top: -280px;
    }

    #employer-profile .profilesection .Company-details{
        height: 370px;
    }

    #employer-profile .profilesection .details p{
        margin-top: -9px;
        line-height: 36px;
    }

    #employer-profile .profilesection .Company-details .Company-details-header{
        padding-bottom: 20px;
    }

    #employer-profile .profilesection .Company-details .Company-details-header .EditButton button{
        margin-right: -40px;
    }

    #employer-profile .profilesection .about-company .about p{
        width: 360px;
    }

    #employer-profile .profilesection .about-company{
        height: 714px;
    }

    #employer-profile .profilesection .about-company .about-company-header .EditButton button{
        margin-right: -10px;
    }

    #parent-divs{
        flex-direction: column;
    }

    #employer-profile .profilesection .Company-projects{
        width: 396px;
        max-width: 396px;
        height: 381px;
    }

    #employer-profile .profilesection .Company-projects .Company-projects-header .Company-details-title{
        margin-top: 40px;
    }

    #employer-profile .profilesection .Company-projects .Company-projects-header .EditButton button{
        margin-right: -98px;
    }

    #employer-profile .profilesection .recommend{
        margin-right: 120px;
        width: 396px;
        max-width: 396px;
        height: 387px;
    }

    #employer-profile .profilesection .recommend .recommend-header .EditButton button{
        margin-right: 16px;
    }

    #employer-profile .profilesection .recommend #carouselExampleAutoplaying .worker-img{
        margin-right: 165px;
    }

    #employer-profile .profilesection .social-media .social-media-header .EditButton button{
        margin-right: -60px;
    }

    #employer-profile .profilesection .Company-projects .projects p{
        width: 287px;
    }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    #employer-profile .profilesection .Personal-details{
        flex-direction: column;
        align-items: flex-start;
        height: 310px;
    }

    #employer-profile .profilesection .Personal-details .profileImg{
        margin-top: 20px;
    }

    #employer-profile .profilesection .Personal-details .EditButton button{
        margin-right: 160px;
        margin-top: -270px;
    }

    #employer-profile .profilesection .Company-details{
        height: 340px;
    }

    #employer-profile .profilesection .Company-details .Company-details-header .EditButton button{
        margin-right: 160px;
    }

    #employer-profile .profilesection .details p{
        padding-right: 56px;
        font-size: 17px;
        font-weight: normal;
        margin-top: -6px;
        line-height: 30px;
    }

    #employer-profile .profilesection .Company-details .Company-details-header{
        padding-bottom: 18px;
    }

    #employer-profile .profilesection .about-company .about p{
        width: 460px;
    }

    #employer-profile .profilesection .about-company{
        height: 589px;
    }

    #employer-profile .profilesection .about-company .about-company-header .EditButton button{
        margin-right: 180px;
    }

    #parent-divs{
        flex-direction: column;
    }

    #employer-profile .profilesection .Company-projects{
        width: 514px;
        max-width: 514px;
    }

    #employer-profile .profilesection .recommend{
        margin-right: 120px;
        width: 514px;
        max-width: 514px;
    }

    #employer-profile .profilesection .social-media .social-media-header .EditButton button{
        margin-right: 49px;
    }

    #employer-profile{
        height: 2650px;
    }

    #employer-profile .profilesection .Personal-details .EditButton button{
        margin-right: 318px;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #employer-profile .profilesection .Personal-details .EditButton button{
        margin-right: 98px;
    }

    #employer-profile .profilesection .Company-details .Company-details-header .EditButton button{
        margin-right: 252px;
    }

    #employer-profile .profilesection .Company-details{
        height: 350px;
    }

    #employer-profile .profilesection .about-company .about-company-header .EditButton button{
        margin-right: 362px;
    }

    #employer-profile .profilesection .about-company{
        height: 450px;
    }

    #employer-profile .profilesection .about-company .about p{
        width: 670px;
    }

    #parent-divs{
        flex-direction: column;
    }

    #employer-profile .profilesection .Company-projects{
        width: 708px;
        max-width: 708px;
    }

    #employer-profile .profilesection .recommend{
        margin-right: 120px;
        width: 705px;
        max-width: 705px;
    }
    
    #employer-profile .profilesection .recommend #carouselExampleAutoplaying .worker-img{
        margin-right: 315px;
    }

    #employer-profile .profilesection .social-media .social-media-header .EditButton button{
        margin-right: 280px;
    }

    #employer-profile{
        height: 2380px;
    }

    #employer-profile .profilesection .social-media{
        width: 704px;
        max-width: 704px;
    }
}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #employer-profile .profilesection .Personal-details .details h3{
        width: 300px;
    }

    #employer-profile .profilesection .Personal-details .EditButton button{
        margin-right: 220px;
    }

    #employer-profile .profilesection .about-company{
        height: 360px;
    }

    #employer-profile .profilesection .about-company .about p{
        width: 860px;
    }

    #employer-profile .profilesection .Company-projects .projects p{
        width: 311px;
    }

    #employer-profile .profilesection .Company-projects{
        height: 380px;
    }

    #employer-profile .profilesection .recommend{
        height: 380px;
    }

    #employer-profile .profilesection .recommend{
        margin-right: 118px;
    }

    #employer-profile .profilesection .recommend #carouselExampleAutoplaying .worker-img{
        margin-right: 165px;
    }

    #employer-profile{
        height: 1924px;
    }
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    #employer-profile .profilesection .Personal-details .EditButton button{
        margin-right: 549px;
    }

    .AI-After_employer_registration .input-chat-div{
        margin-top: 20px;
    }

    .AI-After_employer_registration .image-AI{
        width: 190px;
    }
}






/*************************** messages - employer - page *************************/


/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    #message-system{
        margin-right: -20px;
        height: 1642px;
    }

    #message-system .message .message-parent{
        flex-direction: column;
    }

    #message-system .message .chat-div{
        margin-right: 120px;
        width: 257px;
        max-width: 257px;
    }

    #message-system .message .chat-div .chat-div-header .icon{
        margin-right: -380px;
    }

    #message-system .message .chat-div{
        height: 700px;
    }

    #message-system .message .chat-div .writing-message{
        margin-top: 42px;
    }

    #message-system .message .chat-div .message-employer .message-employer-content{
        height: 330px;
    }

    #message-system .message .chat-div .message-junior{
        margin-right: 2px;
    }

    #message-system .message .chat-list .chat{
        height: 138px;
    }

    #message-system .message .chat-list .chat1{
        height: 230px;
    }

    #message-system .message .chat-list .chat3{
        height: 134px;
    }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    #message-system{
        margin-right: -21px;
        height: 1342px;
    }

    #message-system .message .message-parent{
        flex-direction: column;
    }

    #message-system .message .chat-div{
        margin-right: 120px;
        width: 396px;
        max-width: 396px;
    }

    #message-system .message .chat-div .message-employer .message-employer-content{
        height: 200px;
    }

    .message-employer-content p{
        font-size: 14px;
    }

    #message-system .message .chat-div .message-junior{
        margin-right: 29px;
    }

    #message-system .message .chat-div .message-junior .message-junior-img{
        margin-left: 13px;
    }

    #message-system .message .chat-div .chat-div-header .icon{
        margin-right: -252px;
    }


}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    #message-system .message .message-parent{
        flex-direction: column;
    }

    #message-system .message .chat-div{
        margin-right: 120px;
        width: 449px;
        max-width: 449px;
    }

    #message-system .message .chat-div .chat-div-header .icon{
        margin-right: -210px;
    }

    #message-system .message .chat-div .message-employer .message-employer-content{
        height: 180px;
    }

    #message-system .message .chat-div .message-junior .message-junior-content{
        margin-right: -90px;
    }

    #message-system{
        height: 1332px;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #message-system .message .message-parent{
        flex-direction: column;
    }

    #message-system .message .chat-div{
        margin-right: 120px;
        width: 637px;
        max-width: 637px;
    }

    #message-system{
        height: 1306px;
    }

    
}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #message-system .message .chat-div{
        margin-right: 30px;
    }

    #message-system .message .chat-list .chat1{
        height: 185px;
    }

    #message-system .message .chat-list .chat3{
        height: 138px;
    }

    #message-system .message .chat-div{
        height: 599px;
    }

    #message-system .message .chat-div .writing-message{
        margin-top: 112px;
    }

    #message-system .message .chat-div .message-junior .message-junior-content{
        padding: 10px;
    }

    #message-system .message .chat-div .message-junior{
        margin-left: 16px;
        margin-right: 455px;
    }

    #message-system .message .chat-div .chat-div-header .name .name1{
        width: 100px;
    }

    #message-system .message .chat-div .chat-div-header .icon{
        margin-right: -140px;
    }

    #message-system .message .message-parent{
        flex-direction: column;
    }

    #message-system .message .chat-div{
        margin-right: 120px;
        width: 816px;
        max-width: 816px;
    }

    #message-system{
        height: 1462px;
    }

    #message-system .message .chat-div .chat-div-header .icon{
        margin-right: 140px;
    }
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}









/*************************** dashboard - juniors - page *************************/

/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    #side-junior-menu .div-logo .side-juniors-menu-logo{
        width: 102px;
        margin-right: 37px;
    }

    #side-junior-menu{
        width: 136px;
        max-width: 136px;
    }

    #side-junior-menu .Links_menu ul li a .link-p{
        display: none;
    }

    #side-junior-menu .Links_menu ul li{
        margin-right: 30px;
        padding-top: 14px;
        height: 60px;
        width: 51px;
    }

    #side-junior-menu .Editing-profile{
        flex-direction: column;
        margin-right: 66px;
    }

    #junior-dashboard-section .navbar-junior{
        margin-right: 82px;
        height: 73px;
    }

    #junior-dashboard-section .navbar-junior .right-part .right-part-p{
        display: none;
    }

    #junior-dashboard-section .navbar-junior .right-part .right-part-img-AI{
        width: 40px;
        height: 40px;
        margin-right: -15px;
        margin-top: 17px;
    } 

    .timing{
        display: none;
    }

    #junior-dashboard-section .navbar-junior .left-part .circle-number-timing{
        display: none;
    }

    #Dashboard-juniors{
        margin-right: -16px;
        height: 1360px;
    }

    #Dashboard-juniors .Dashboard-juniors-part1 h1{
        font-size: 20px;
    }

    #Dashboard-juniors .Dashboard-juniors-part1 h2{
        font-size: 14px;
    }

    #Dashboard-juniors .Dashboard-juniors-part2{
        flex-direction: column;
        gap: 15px;
    }

    #Dashboard-juniors .Chart-columns{
        width: 68%;
        padding: 70px 0px;
        padding-left: 2px;
    }

    #Dashboard-juniors .Chart-columns .columns .columns-div2{
        margin-left: 6px;
    }

    #Dashboard-juniors .Chart-columns .columns .columns-div3{
        margin-left: 0;
    }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    #side-junior-menu .div-logo .side-juniors-menu-logo{
        width: 102px;
        margin-right: 65px;
    }

    #side-junior-menu{
        width: 29%;
    }

    #side-junior-menu .Links_menu ul li a .link-p{
        display: none;
    }

    #side-junior-menu .Links_menu ul li{
        margin-right: 52px;
        padding-top: 14px;
        height: 60px;
        width: 51px;
    }

    #side-junior-menu .Editing-profile{
        flex-direction: column;
        margin-right: 88px;
    }

    #junior-dashboard-section .navbar-junior{
        margin-right: 89px;
        height: 73px;
        box-shadow: -34px 3px 8px 1px #ededed;
    }

    #junior-dashboard-section .navbar-junior .right-part .right-part-p{
        display: none;
    }

    #junior-dashboard-section .navbar-junior .right-part .right-part-img-AI{
        width: 40px;
        height: 40px;
        margin-right: -15px;
        margin-top: 17px;
    }

    #Dashboard-juniors{
        margin-right: -30px;
        height: 1450px;
    }

    #Dashboard-juniors .Dashboard-juniors-part2{
        flex-wrap: wrap;
    }

    #Dashboard-juniors .part3-div{
        flex-wrap: wrap;
    }

    #Dashboard-juniors .calendar{
        margin-right: 120px;
        width: 390px;
        max-width: 390px;
    }

    #Dashboard-juniors .Dashboard-juniors-part2 .part2-div1{
        padding: 13px;
    }

}



/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    #side-junior-menu{
        width: 41%;
        max-width: 330px;
    }

    #side-junior-menu .div-logo .side-juniors-menu-logo{
        width: 170px;
        margin-right: 25%;
    }

    #side-junior-menu .Links_menu ul li{
        margin-top: 20px;
        margin-right: 56px;
    }

    #side-junior-menu .Editing-profile{
        margin-right: 104px;
    }

    #junior-dashboard-section .navbar-junior{
        margin-right: 216px;
    }

    #junior-dashboard-section .navbar-junior .right-part .right-part-p{
        display: none;
    }

    #junior-dashboard-section .navbar-junior .right-part .right-part-img-AI{
        margin-right: -9px;
    }

    #Dashboard-juniors .Dashboard-juniors-part2{
        flex-wrap: wrap;
        gap: 40px;
        width: 470px;
        max-width: 470px
    }

    #Dashboard-juniors .Dashboard-juniors-part2 .part2-div1{
        height: 160px;
    }

    #Dashboard-juniors .Dashboard-juniors-part2 .part2-div{
        height: 160px;
        padding: 42px;
        text-align: center;
    }

    #Dashboard-juniors .part3-div{
        flex-direction: column;
    }

    #Dashboard-juniors .calendar{
        margin-right: 121px;
        width: 469px;
        max-width: 469px;
    }

    #Dashboard-juniors{
        height: 1530px;
    }

}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #side-junior-menu .div-logo .side-juniors-menu-logo{
        width: 160px;
        margin-right: 96px;
    }

    #side-junior-menu{
        width: 332px;
        max-width: 332px;
    }

    #side-junior-menu .Links_menu{
        margin-right: -81px;
    }

    #side-junior-menu .Editing-profile{
        margin-right: 122px;
    }

    #junior-dashboard-section .navbar-junior{
        margin-right: 217px;
    }

    #junior-dashboard-section .navbar-junior .right-part{
        margin-right: -5px;
    }

    #Dashboard-juniors .Dashboard-juniors-part2{
        flex-wrap: wrap;
        gap: 40px;
    }

    #Dashboard-juniors .part3-div{
        flex-direction: column;
    }

    #Dashboard-juniors .calendar{
        margin-right: 120px;
        width: 624px;
        max-width: 624px;
    }

    #Dashboard-juniors{
        height: 1450px;
    }
}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #side-junior-menu .div-logo .side-juniors-menu-logo{
        margin-right: 121px;
    }

    #side-junior-menu .Links_menu{
        margin-right: -60px;
    }

    #side-junior-menu{
        width: 363px;
        max-width: 363px;
    }

    #junior-dashboard-section .navbar-junior{
        margin-right: 200px;
        box-shadow: -30px 3px 8px 1px #ededed;
    }

    #junior-dashboard-section .navbar-junior .right-part{
        margin-right: -8px;
    }

    #side-junior-menu .Editing-profile{
        margin-right: 146px;
    }

    #Dashboard-juniors .Dashboard-juniors-part2 .part2-div{
        padding: 19px;
        text-align: center;
    }
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}







/*************************** job - juniors - page *************************/

/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .Employer-registration .Registration_details-employer #Employer-details{
        flex-direction: column;
        gap: 33px;
    }

    .Employer-registration{
        height: 151vh;
    }

    .Employer-registration .Registration_details-employer{
        height: 915px;
    }


    .Employer-registration .Registration_details-employer #Employer-details .label{
        width: 123px;
    }

    .Employer-registration .Employer-registration-title{
        margin-top: 240px;
    }

    .Employer-registration .Employer-registration-title h1{
        font-size: 25px;
    }

    .Employer-registration{
        height: 200vh;
    }

    .Employer-registration .Registration_details-employer{
        height: 1210px;
    }

    .Employer-registration .Registration_details-employer #Employer-details #Employer-registration-button2{
        margin-right: 1px;
    }

    .Employer-registration .Registration_details-employer #Employer-details #employer-goback-button2{
        width: 236px;
    }


    #Junior-job-database.Junior-job-database-save{
        margin-right: -15px;
    }

    #Junior-job-database .Jobs-menu a{
        font-size: 16px;
    }

    #Junior-job-database .Jobs-menu{
        text-align: center;
        gap: 20px;
    }

    #Junior-job-database .Junior-jobs-ai .grid-container{
        grid-template-columns: 247px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .job-description{
        display: none;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .more-information .more-information-p{
        display: none;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .Applying{
        margin-top: 155px;
        margin-right: -162px;
        padding: 7px 50px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .location-and-wage-and-business-hours{
        flex-wrap: wrap;
    }

    #Junior-job-database{
        margin-right: -15px;
    }

    .Junior-jobs:nth-child(4) {
        height: 100px;
    }

    .location-icon{
        font-size: 21px;
    }

    .business-hours-icon{
        font-size: 21px;
    }

    .wage-icon{
        font-size: 21px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .location-and-wage-and-business-hours{
        gap: 0;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .location-and-wage-and-business-hours .location .location-p{
        font-size: 16px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .location-and-wage-and-business-hours .wage .wage-p{
        font-size: 16px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .location-and-wage-and-business-hours .business-hours .business-hours-p{
        font-size: 16px;
    }

    .btn.Applying.Applying-responsive{
    margin-top: 109px !important;
 }

 #Junior-job-database .Junior-job-database-title .Junior-job-database-ai{
    margin-top: 98px;
 }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .Employer-registration .Employer-registration-title{
        margin-top: 180px;
    }

    .Employer-registration .Registration_details-employer #Employer-details{
        flex-direction: column;
        gap: 33px;
    }

    .Employer-registration{
        height: 151vh;
    }

    .Employer-registration .Registration_details-employer{
        height: 915px;
    }


    .Employer-registration .Registration_details-employer #Employer-details .label{
        width: 123px;
    }


    .Employer-registration .Registration_details-employer #Employer-details .aboutCompany-p{
        width: 122px;
    }

    .Employer-registration .Registration_details-employer #Employer-details .Field_Activity_p{
        width: 123px;
    }

    .Employer-registration .Registration_details-employer #Employer-details #Employer-registration-button2{
        margin-right: 39px;
        width: 200px;
    }

    .Employer-registration .Registration_details-employer #Employer-details #employer-goback-button2{
        width: 170px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details .Junior-strengths-p{
        width: 113px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details .Junior-weaknesses-p{
        width: 113px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details .Professional_goals-p{
        width: 113px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details .Junior-weaknesses-p{
        margin-top: 24px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details .Media-p{
        margin-top: 24px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details .Junior-status_p{
        margin-top: 73px;
        width: 151px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #juniors-registration-button2{
        margin-top: 80px;
        margin-right: 183px;
        width: 191px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #juniors-goback-button2{
        width: 170px;
    }


    #Junior-job-database{
        margin-right: -18px;
    }

    #Junior-job-database .Jobs-menu{
        gap: 30px;
    }

    #Junior-job-database .Junior-job-database-title .Junior-job-database-ai{
        margin-top: 87px;
    }

    #Junior-job-database .Junior-jobs-ai .grid-container{
        grid-template-columns: 386px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .job-description{
        width: 260px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .more-information .more-information-p{
        display: none;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .Applying{
        margin-top: 175px;
        margin-right: -300px;
    }

    #Junior-job-database.Junior-job-database-save{
        margin-right: -18px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .Applying{
        margin-top: 45px;
        margin-right: -33px;
        width: 30px;
        padding-right: 10px;
        padding-left: 70px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .location-and-wage-and-business-hours{
        margin-top: -13px;
    }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    #Junior-job-database .Junior-jobs-ai .grid-container{
        grid-template-columns: 493px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .p-hidden-all .p span{
        width: 500px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .p-hidden5{
        width: 440px;
        margin-top: -20px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .p-hidden6{
        width: 440px;
        margin-top: -20px;
    }


    #Junior-job-database .Junior-jobs-ai .Junior-jobs .p-hidden4{
        width: 440px;
        margin-top: -20px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .p-hidden3{
        width: 440px;
        margin-top: -20px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .job-description{
        width: 283px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .Applying{
        position: absolute;
        top: 25px;
        left: 19px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .more-information .more-information-p{
        position: absolute;
        top: 107px;
        left: 56px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs.Junior-jobs5{
        height: 254px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Junior-strengths{
        width: 129px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Junior-weaknesses{
        width: 129px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Professional_goals{
        width: 129px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Junior-status{
        width: 129px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Media{
        width: 129px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details{
        gap: 11px;
    }

    #Junior-job-database{
        height: 1790px;
    }

    #Junior-job-database.Junior-job-database-save{
        height: 1130px;
    }

    .part3{
        width: 168px;
    }


    .Employer-registration .Registration_details-employer #Employer-details input{
        width: 124px;
    }

    .Employer-registration .Registration_details-employer #Employer-details{
        gap: 41px;
    }

    .Employer-registration .Registration_details-employer #Employer-details #aboutCompany{
        width: 124px;
    }

    .Employer-registration .Registration_details-employer #Employer-details #Field_Activity{
        width: 124px;
    }

    .Employer-registration .Registration_details-employer #Employer-details #Social-media-links{
        width: 124px;
    }

    .Employer-registration .Registration_details-employer #Employer-details .Social-media-links-p{
        margin-top: 6px;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #Junior-job-database .Junior-jobs-ai .grid-container{
        grid-template-columns: 697px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .p-hidden-all .p span{
        width: 500px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .p-hidden5{
        width: 660px;
        margin-top: -20px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .p-hidden6{
        width: 650px;
        margin-top: -20px;
    }


    #Junior-job-database .Junior-jobs-ai .Junior-jobs .p-hidden4{
        width: 650px;
        margin-top: -20px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .p-hidden3{
        width: 650px;
        margin-top: -20px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .job-description{
        width: 483px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .Applying{
        position: absolute;
        top: 25px;
        left: 19px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .more-information .more-information-p{
        position: absolute;
        top: 107px;
        left: 56px;
    }


    .juniors-registration .Registration_details-juniors #juniors-details #Junior-strengths{
        width: 178px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Junior-weaknesses{
        width: 178px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Professional_goals{
        width: 178px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Junior-status{
        width: 178px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Media{
        width: 178px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details{
        gap:36px
    }
    
    .Employer-registration .Registration_details-employer #Employer-details input{
        width: 184px;
    }

    .Employer-registration .Registration_details-employer #Employer-details{
        gap: 65px;
    }

    .Employer-registration .Registration_details-employer #Employer-details #aboutCompany{
        width: 184px;
    }

    .Employer-registration .Registration_details-employer #Employer-details #Field_Activity{
        width: 184px;
    }

    .Employer-registration .Registration_details-employer #Employer-details #Social-media-links{
        width: 184px;
    }

    .Employer-registration .Registration_details-employer #Employer-details{
        gap: 42px;
    }
}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #Junior-job-database .Junior-jobs-ai .grid-container{
        grid-template-columns: 887px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .p-hidden-all .p span{
        width: 500px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .p-hidden5{
        width: 790px;
        margin-top: -20px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .p-hidden6{
        width: 790px;
        margin-top: -20px;
    }


    #Junior-job-database .Junior-jobs-ai .Junior-jobs .p-hidden4{
        width: 790px;
        margin-top: -20px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .p-hidden3{
        width: 790px;
        margin-top: -20px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .job-description{
        width: 663px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .Applying{
        position: absolute;
        top: 25px;
        left: 19px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .more-information .more-information-p{
        position: absolute;
        top: 107px;
        left: 56px;
    }

    .Employer-registration .Registration_details-employer #Employer-details{
        gap: 33px;
    }
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    #Junior-job-database .Junior-jobs-ai .Junior-jobs .Applying{
        position: absolute;
        top: 25px;
        left: 30px;
    }

    #Junior-job-database .Junior-jobs-ai .Junior-jobs .more-information .more-information-p{
        position: absolute;
        top: 107px;
        left: 67px;
    }

    .Management{
        margin-right: 140px;
    }

    .Management.Management-open-job{
        margin-right: 140px;
    }

    .Management.Management-close-job{
        margin-right: 140px;
    }

    .Management.Management-onhold-job{
        margin-right: 140px;
    }

    #offcanvasExampleC .offcanvas-body #modal-chatID{
        margin-top: 260px;
    }

    #Candidates{
        margin-right: 140px;
    }

    #Candidates-save{
        margin-right: 140px;
    }

    #Candidates .Candidates-div .grid-container{
        grid-template-columns: 370px 370px 370px;
    }

    #Candidates .Candidates-title .Candidates-ai {
        left: 20px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img2 {
        right: 206px;
    }

    #Candidates .Candidates-div .Candidate .Matching-ai-img1{
        right: 213px; 
    }

    #Candidates-save .Candidates-div .grid-container{
        grid-template-columns: 370px 370px 370px;
    }

    #Candidates-save .Candidates-title .Candidates-ai {
        left: 20px;
    }

    #Candidates-save .Candidates-div .Candidate .Matching-ai-img2 {
        right: 206px;
    }

    #Candidates-save .Candidates-div .Candidate .Matching-ai-img1{
        right: 213px; 
    }

    #scheduled{
        margin-right: 140px;
    }

    #employer-profile{
        margin-right: 140px;
    }

    #settings-Employer{
        margin-right: 140px;
    }

    #message-system{
        margin-right: 140px;
    }

    #Dashboard-juniors{
        margin-right: 140px;
    }

    #side-junior-menu{
        width: 420px;
        max-width: 420px;
    }

    #side-junior-menu .div-logo .side-juniors-menu-logo{
        margin-right: 170px;
    }

    #side-junior-menu .Links_menu ul li{
        margin-right: 150px;
    }

    #side-junior-menu .Editing-profile{
        margin-top: 190px;
    }

    #junior-dashboard-section .navbar-junior{
        margin-right: 253px;
    }

    #junior-dashboard-section .navbar-junior .right-part{
        margin-right: -4px;
    }

    #Junior-job-database{
        margin-right: 140px;
    }

    #Junior-job-database.Junior-job-database-save{
        margin-right: 140px;
    }

    #scheduled-junior{
        margin-right: 140px;
    }

    #Document-management{
        margin-right: 140px;
        height: 1812px;
    }

    #junior-profile{
        margin-right: 140px;
    }

    #junior-profile .profilesection .status-change {
        width: 488px;
        max-width: 488px;
    }

    #offcanvasExampleCJ .offcanvas-body #modal-chatID{
        margin-top: 260px;
    }

    #settings-juniors{
        margin-right: 140px;
    }

    #message-juniors-system{
        margin-right: 140px;
    }

    .juniors-registration .juniors-registration-title{
        margin-top: 90px;
    }

    .Employer-registration .Employer-registration-title{
        margin-top: 90px;
    }

    .AI-After_juniors_registration .image-AI{
        width: 200px;
    }

    .AI-After_juniors_registration .input-chat-div{
        margin-top: 10px;
    }




}










/*************************** scheduled interviews - juniors - page *************************/

/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    #scheduled-junior{
        margin-right: -13px;
    }

    #scheduled-junior .Interview-status h2{
        font-size: 20px;
    }

    .nav-tabs{
        padding-right: 103px;
    }

    .nav-item{
        padding-right: 137px;
    }

    #scheduled-junior .Junior-jobs .job-description{
        width: 130px;
    }

    #scheduled-junior .Junior-jobs{
        height: 1628px;
    }

    #scheduled-junior .Junior-Closedjobs .Junior-Closedjobs-p{
        font-size: 20px;
        left: 40px;
    }

    #scheduled-junior .Scheduled-interview-responsive{
        display: block;
        margin-top: 20px;
    }

    #scheduled-junior .Scheduled-interview{
        display: none;
    }

    #scheduled-junior .titles-scheduled{
        display: none;
    }

    #scheduled-junior .Scheduled-interview-responsive .title-div-responsive{
        height: 77px;
    }

    #scheduled-junior .Scheduled-interview-responsive{
        height: 261px;
    }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    #scheduled-junior{
        margin-right: -15px;
    }

    #scheduled-junior .Scheduled-interview-responsive{
        display: block;
        margin-top: 20px;
    }

    #scheduled-junior .Scheduled-interview{
        display: none;
    }

    #scheduled-junior .titles-scheduled{
        display: none;
    }

    #scheduled-junior .Interview-status h2{
        font-size: 25px;
    }

    .nav-tabs{
        padding-right: 190px;
    }

    .nav-item{
        padding-right: 137px;
    }

    #scheduled-junior .Junior-jobs .job-description{
        width: 310px;
    }

    #scheduled-junior .Junior-jobs{
        height: 1153px;
    }

    #scheduled-junior .Junior-Closedjobs .Junior-Closedjobs-p{
        font-size: 20px;
        left: 23px;
    }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    #scheduled-junior .Scheduled-interview-responsive{
        display: block;
        margin-top: 20px;
    }

    #scheduled-junior .Scheduled-interview{
        display: none;
    }

    #scheduled-junior .titles-scheduled{
        display: none;
    }

    #scheduled-junior .Junior-jobs .job-description{
        width: 410px;
    }

    #scheduled-junior .Junior-jobs{
        height: 984px;
    }

    #scheduled-junior .Junior-Closedjobs .Junior-Closedjobs-p{
        font-size: 23px;
        left: 49px;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #scheduled-junior .Scheduled-interview .job-title{
        padding-right: 36px;
    }

    #scheduled-junior .Scheduled-interview .Summons-time-junior .Summons-time-junior-p{
        margin-right: -47px;
    }

    #scheduled-junior .Scheduled-interview .Summons-date-junior .Summons-date-junior-p{
        margin-right: 15px;
    }

    #scheduled-junior .Scheduled-interview .Summons-date-junior .Summons-date-junior-p{
        margin-right: -7px;
    }

    #scheduled-junior .Scheduled-interview .Summons-date-junior{
        width: 450px;
    }

    #scheduled-junior .Scheduled-interview .Summons-date-junior .Summons-date-junior-p{
        margin-right: -30px;
    }

    #scheduled-junior .Scheduled-interview .Interview-location .Interview-location-p{
        margin-right: -26px;
    }

    #scheduled-junior .Scheduled-interview .interviewer-name-div .interviewer-name-a{
        margin-right: -1px;
    }

    #scheduled-junior .Scheduled-interview-responsive{
        display: block;
        margin-top: 20px;
    }

    #scheduled-junior .Scheduled-interview{
        display: none;
    }

    #scheduled-junior .titles-scheduled{
        display: none;
    }

    #scheduled-junior .Junior-jobs .job-description{
        width: 660px;
    }

    #scheduled-junior .Junior-jobs{
        height: 884px;
    }

    #scheduled-junior .Junior-Closedjobs .Junior-Closedjobs-p{
        left: 91px;
    }
}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #scheduled-junior .Scheduled-interview .job-title{
        padding-right: 55px;
    }

    #scheduled-junior .Junior-Closedjobs .Junior-Closedjobs-p{
        left: 209px;
    }

    #scheduled-junior .Junior-jobs{
        height: 824px;
    }
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}






/*************************** document management - juniors - page *************************/

/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    #Document-management{
        margin-right: -15px;
        height: 2912px;
    }

    #Document-management .Document-management-title h1{
        font-size: 20px;
    }

    #Document-management .Document{
        display: none;
    }

    #Document-management .titles-Document-management{
        display: none;
    }

    #Document-management .Document-responsive{
        display: block;
        margin-top: 30px;
    }

    #Document-management .Document-responsive .document-name-responsive{
        height: 70px;
    }

    #Document-management .Document-responsive .delete{
        top: 168px;
    }
}



/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    #Document-management{
        height: 3102px;
        margin-right: -10px;
    }

    #Document-management .Document-management-title h1{
        font-size: 24px;
    }

    #Document-management .Document{
        display: none;
    }

    #Document-management .titles-Document-management{
        display: none;
    }

    #Document-management .Document-responsive{
        display: block;
        margin-top: 30px;
    }

    #Document-management h2{
        margin-top: -57px;
    }

    #Document-management{
        height: 2752px;
    }


}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    #Document-management .Document{
        display: none;
    }

    #Document-management .titles-Document-management{
        display: none;
    }

    #Document-management .Document-responsive{
        display: block;
        margin-top: 30px;
    }

    #Document-management{
        height: 3272px;
    }

    #Document-management .Document-responsive .div-button .Delete-document-button{
        display: none;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #Document-management .Document .document-name{
        width: 409px;
        padding-right: 11px;
    }

    #Document-management .Document .Delete-document .Delete-document-button{
        width: 89px;
        margin-left: 1px;
        padding: 7px 0;
    }

    #Document-management{
        height: 1812px;
    }
}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #Document-management .Document .Delete-document .Delete-document-button{
        padding: 6px 14px;
    }

    #Document-management{
        height: 1792px;
    }
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}







/*************************** profile - juniors - page *************************/
/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    #junior-profile{
        margin-right: -17px;
        height: 3320px;
        overflow: hidden;
    }

    #junior-profile .profilesection .Personal-details{
        flex-direction: column;
        align-items: flex-start;
        height: 340px;
    }

    #junior-profile .profilesection .Personal-details .profileImg{
        margin-top: 20px;
    }

    #junior-profile .profilesection .Personal-details .EditButton button{
        margin-right: 0;
    }

    #junior-profile .profilesection .Personal-details2{
        height: 330px;
    }

    #junior-profile .profilesection .Personal-details2 .Personal-details2-header .EditButton button{
        margin-right: -162px;
    }

    #junior-profile .profilesection .Personal-details2 .Personal-details2-header .Personal-details2-title{
        margin-top: 50px;
    }

    #junior-profile .profilesection .strengths .strengths-header .EditButton button{
        margin-right: 17px;
    }

    #junior-profile .profilesection .strengths{
        height: 289px;
    }

    #junior-profile .profilesection .strengths .about p{
        margin-top: -17px;
        line-height: 33px;
        width: 230px;
    }

    #junior-profile .profilesection .weaknesses .about p{
        margin-top: -49px;
        width: 220px;
        line-height: 27px;
    }

    #junior-profile .profilesection .weaknesses{
        height: 269px;
    }

    #junior-profile .profilesection .weaknesses .weaknesses-header .EditButton button{
        margin-right: 11px;
    }

    #junior-profile .profilesection .Professional-goals{
        height: 459px;
    }

    #junior-profile .profilesection .Professional-goals .about p{
        width: 240px;
    }

    #junior-profile .profilesection .Professional-goals .Professional-goals-header .EditButton button{
        margin-right: -10px;
    }

    #junior-profile .profilesection .Document-links .Document-links-header .Document-links-title{
        margin-top: 100px;
    }

    #junior-profile .profilesection .Document-links .Document-links-header .EditButton button{
        margin-right: -81px;
    }

    #junior-profile .profilesection .Document-links{
        height: 460px;
    }

    #junior-profile .profilesection .status-change{
        margin-right: 120px;
        width: 260px;
        max-width: 260px;
    }

    #junior-profile .profilesection .status-change .status-change-header .status-change-title{
        margin-top: 60px;
    }

    #junior-profile .profilesection .status-change .status-change-header .EditButton button{
        margin-right: -150px;
    }

    #junior-profile .profilesection .social-media .social-media-header .EditButton button{
        margin-right: -150px;
    }

    #junior-profile .profilesection .social-media .social-media-header .social-media-title{
        margin-top: 50px;
    }

    #junior-profile .profilesection .social-media{
        height: 260px;
    }
}



/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    #junior-profile{
        margin-right: -20px;
        height: 2990px;
        overflow: hidden;
    }

    #junior-profile .profilesection .Personal-details{
        flex-direction: column;
        align-items: flex-start;
        height: 310px;
    }

    #junior-profile .profilesection .Personal-details .profileImg{
        margin-top: 20px;
    }

    #junior-profile .profilesection .Personal-details .EditButton button{
        margin-right: 1px;
        margin-top: -13px;
    }

    #junior-profile .profilesection .Personal-details2{
        height: 331px;
    }

    #junior-profile .profilesection .Personal-details2 .Personal-details2-header .EditButton button{
        margin-right: -40px;
    }

    #junior-profile .profilesection .strengths .strengths-header .EditButton button{
        margin-right: 50px;
    }

    #junior-profile .profilesection .weaknesses{
        height: 269px;
    }

    #junior-profile .profilesection .weaknesses .about p{
        margin-top: -34px;
        line-height: 33px;
        width: 320px;
    }

    #junior-profile .profilesection .weaknesses .weaknesses-header .EditButton button{
        margin-right: 50px;
    }

    #junior-profile .profilesection .Professional-goals{
        height: 349px;
    }

    #junior-profile .profilesection .Professional-goals .about p{
        width: 350px;
    }

    #junior-profile .profilesection .Professional-goals .Professional-goals-header .EditButton button{
        margin-right: -70px;
    }

    #junior-profile .profilesection .Document-links .Document-links-header .Document-links-title{
        margin-top: 55px;
    }

    #junior-profile .profilesection .Document-links{
        height: 400px;
    }

    #junior-profile .profilesection .status-change{
        margin-right: 120px;
        width: 397px;
        max-width: 397px;
    }

    #junior-profile .profilesection .social-media .social-media-header .EditButton button{
        margin-right: -40px;
    }

    #junior-profile .profilesection .status-change .status-change-header .EditButton button{
        margin-right: 22px;
    }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    #junior-profile .profilesection .Personal-details{
        flex-direction: column;
        align-items: flex-start;
    }

    #junior-profile .profilesection .Personal-details .EditButton button{
        margin-right: -1px;
    }

    #junior-profile .profilesection .Personal-details .profileImg{
        margin-top: 20px;
    }

    #junior-profile .profilesection .Personal-details{
        height: 338px;
    }

    #junior-profile .profilesection .Personal-details2{
        height: 340px;
    }

    #junior-profile .profilesection .Personal-details2 .Personal-details2-header .EditButton button{
        margin-right: 150px;
    }

    #junior-profile .profilesection .strengths .strengths-header .EditButton button{
        margin-right: 110px;
    }

    #junior-profile .profilesection .weaknesses .about p{
        margin-top: -44px;
        line-height: 39px;
        width: 430px;
    }

    #junior-profile .profilesection .weaknesses .weaknesses-header .EditButton button{
        margin-right: 130px;
    }

    #junior-profile .profilesection .Professional-goals .about p{
        width: 460px;
    }

    #junior-profile .profilesection .Professional-goals{
        height: 284px;
    }

    #junior-profile .profilesection .Professional-goals .Professional-goals-header .EditButton button{
        margin-right: 30px;
    }

    #junior-profile .profilesection .Document-links{
        width: 502px;
    }

    #junior-profile .profilesection .Document-links .Document-links-header .EditButton button{
        margin-right: -75px;
        padding: 5px 15px;
    }

    #junior-profile .profilesection .status-change{
        margin-right: 120px;
        width: 502px;
    }

    #junior-profile .profilesection .social-media .social-media-header .EditButton button{
        margin-right: 60px;
    }

    #junior-profile{
        overflow: hidden;
        height: 2870px;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #junior-profile .profilesection .Personal-details .EditButton button{
        margin-right: 131px;
    }

    #junior-profile .profilesection .Personal-details2 .Personal-details2-header .EditButton button{
        margin-right: 340px;
    }

    #junior-profile .profilesection .strengths .strengths-header .EditButton button{
        margin-right: 400px;
    }

    #junior-profile .profilesection .weaknesses .weaknesses-header .EditButton button{
        margin-right: 350px;
    }

    #junior-profile .profilesection .Professional-goals .Professional-goals-header .EditButton button{
        margin-right: 360px;
    }

    #junior-profile .profilesection .Professional-goals .about p{
        width: 690px;
    }

    #junior-profile .profilesection .status-change{
        margin-right: 120px;
        width: 696px;
        max-width: 696px;
    }

    #junior-profile .profilesection .social-media .social-media-header .EditButton button{
        margin-right: 340px;
    }
}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #junior-profile .profilesection .Personal-details .EditButton button{
        margin-right: 322px;
    }

    #junior-profile .profilesection .Professional-goals .about p{
        width: 840px;
    }

    #junior-profile .profilesection .Document-links .links p{
        width: 352px;
    }

    #junior-profile .profilesection .status-change{
        width: 336px;
        max-width: 336px;
    }
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}







/*************************** settings - juniors - page *************************/
/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    #settings-juniors{
        margin-right: -10px;
        height: 2050px;
    }

    #settings-juniors .Adding-education-field{
        flex-direction: column;
        align-items: flex-start;
        height: 150px;
    }

    #settings-juniors .Management-educational-fields{
        height: 140px;
        flex-direction: column;
        align-items: flex-start;
    }

    #settings-juniors .Management-educational-fields .Current-field-education .removeButton{
        margin-right: 10px;
    }

    #settings-juniors .work-preferences{
        height: 313px;
        flex-direction: column;
    }

    #settings-juniors .work-preferences .preferences .Preferred-areas{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }

    #settings-juniors .work-preferences .preferences .salary-range{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;  
    }

    #settings-juniors .Message-preferences{
        flex-direction: column;
        height: 340px;
    }

    #settings-juniors .Message-preferences .Alerts .work-alerts{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding-right: 0px;
    }

    #settings-juniors .Message-preferences .Alerts .SMS-messages{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding-right: 0px;
    }

    #settings-juniors .privacy-settings{
        flex-direction: column;
        height: 200px;
    }

    #settings-juniors .privacy-settings .privacy-settings-div{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding-right: 0px;
    }

    #settings-juniors .Account-security{
        flex-direction: column;
        height: 340px;
    }

    #settings-juniors .Save-changes-button{
        margin-right: 385px;
    }

    #settings-juniors .Adding-education-field #Adding-education{
        width: 194px;
    }

    #settings-juniors .work-preferences .preferences .Preferred-areas #area-inputID{
        width: 194px;
    }

    #settings-juniors .work-preferences .preferences .salary-range #salary-range-inputID{
        width: 194px; 
    }

    #settings-juniors .Message-preferences .Alerts .work-alerts #work-alertsID{
        width: 194px;
    }

    #settings-juniors .Message-preferences .Alerts .SMS-messages #SMS-messagesID{
        width: 194px;
    }

    #settings-juniors .privacy-settings .privacy-settings-div #privacy-settingsID{
        width: 194px;
    }

    #settings-juniors .Account-security .username-and-password .User-change{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }

    #settings-juniors .Account-security .username-and-password .password-change{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px; 
    }

    #settings-juniors .Account-security .username-and-password .password-change #password-change-inputID{
        margin-right: 0;
    }

    #settings-juniors .Data-and-privacy{
        flex-direction: column;
        align-items: flex-start;
        height: 140px;
    }

    #settings-juniors .Data-and-privacy .Account-deletion .removeButton{
        margin-right: 0;
    }

    #settings-juniors .Save-changes-button{
        margin-right: 237px;
    }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    #settings-juniors{
        margin-right: -10px;
        height: 1900px;
    }

    #settings-juniors .Adding-education-field{
        flex-direction: column;
        align-items: flex-start;
        height: 150px;
    }

    #settings-juniors .Management-educational-fields{
        height: 140px;
        flex-direction: column;
        align-items: flex-start;
    }

    #settings-juniors .Management-educational-fields .Current-field-education .removeButton{
        margin-right: 10px;
    }

    #settings-juniors .work-preferences{
        height: 313px;
        flex-direction: column;
    }

    #settings-juniors .work-preferences .preferences .Preferred-areas{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
    }

    #settings-juniors .work-preferences .preferences .salary-range{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;  
    }

    #settings-juniors .Message-preferences{
        flex-direction: column;
        height: 320px;
    }

    #settings-juniors .Message-preferences .Alerts .work-alerts{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding-right: 0px;
    }

    #settings-juniors .Message-preferences .Alerts .SMS-messages{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding-right: 0px;
    }

    #settings-juniors .privacy-settings{
        flex-direction: column;
        height: 200px;
    }

    #settings-juniors .privacy-settings .privacy-settings-div{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding-right: 0px;
    }

    #settings-juniors .Account-security{
        flex-direction: column;
        height: 240px;
    }

    #settings-juniors .Save-changes-button{
        margin-right: 385px;
    }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    #settings-juniors .work-preferences{
        flex-direction: column;
        height: 260px;
    }

    #settings-juniors .Message-preferences{
        flex-direction: column;
        height: 320px;
    }

    #settings-juniors .Message-preferences .Alerts .work-alerts{
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding-right: 0;
    }

    #settings-juniors .Message-preferences .Alerts .SMS-messages{
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    #settings-juniors .privacy-settings{
        flex-direction: column;
        height: 210px;
    }

    #settings-juniors .privacy-settings .privacy-settings-div{
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding-right: 0px;
    }

    #settings-juniors .Account-security{
        height: 240px;
        flex-direction: column;
    }

    #settings-juniors .Save-changes-button{
        margin-right: 489px;
    }

    #settings-juniors{
        height: 1790px;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #settings-juniors .Save-changes-button{
        margin-right: 694px;
    }
    
}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #settings-juniors .Save-changes-button{
        margin-right: 885px;
    }

    #settings-juniors{
        height: 1420px;
    }
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}







/*************************** messages - juniors - page *************************/
/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    #message-juniors-system{
        margin-right: -14px;
    }

    #message-juniors-system .message .message-parent{
        flex-direction: column;
    }

    #message-juniors-system .message .chat-div{
        margin-right: 120px;
        width: 258px;
        max-width: 258px;
    }

    #message-juniors-system .message .chat-div .chat-div-header .icon{
        margin-right: -390px;
    }

    #message-juniors-system .message .chat-div .message-employer .message-employer-content{
        height: 162px;
    }

    #message-juniors-system .message .chat-div .writing-message{
        margin-top: 157px;
    }

    #message-juniors-system .message .chat-list .chat{
        height: 186px;
    }

    #message-juniors-system .message .chat-list .chat1{
        height: 187px;
    }

    #message-juniors-system .message .chat-list .chat3{
        height: 138px;
    }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    #message-juniors-system{
        margin-right: -10px;
        height: 1342px;
    }

    #message-juniors-system .message .message-parent{
        flex-direction: column;
    }

    #message-juniors-system .message .chat-div{
        margin-right: 120px;
        width: 396px;
        max-width: 396px;
    }

    #message-juniors-system .message .chat-div .chat-div-header .icon{
        margin-right: -260px;
    }

    #message-juniors-system .message .chat-list .chat{
        height: 138px;
    }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    #message-juniors-system .message .message-parent{
        flex-direction: column;
    }

    #message-juniors-system .message .chat-div{
        margin-right: 120px;
        width: 449px;
        max-width: 449px;
    }

    #message-juniors-system .message .chat-div .chat-div-header .icon{
        margin-right: -220px;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #message-juniors-system .message .message-parent{
        flex-direction: column;
    }

    #message-juniors-system .message .chat-div{
        margin-right: 120px;
        width: 640px;
        max-width: 640px;
    }

    #message-juniors-system .message .chat-div .chat-div-header .icon{
        margin-right: -20px;
    }

    #message-juniors-system{
        height: 1322px;
    }
}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #message-juniors-system .message .message-parent{
        flex-direction: column;
    }

    #message-juniors-system .message .chat-div{
        margin-right: 120px;
        width: 816px;
        max-width: 816px;
    }

    #message-juniors-system .message .chat-div .chat-div-header .icon{
        margin-right: 140px;
    }

    #message-juniors-system{
        height: 1302px;
    }
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}






/*************************** AI chat Candidates page menu - page *************************/
/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .AI-After_employer_registration .image-AI{
        width: 130px;
        margin-top: 130px;
    }

    .AI-After_employer_registration h1{
        font-size: 60px;
    }

    .AI-After_employer_registration #Start-chatID{
        margin-right: 29px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #juniors-registration-button{
        margin-right: 9px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details .label{
        margin-right: 9px;
        width: 85px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Field_Activity{
        width: 294px;
        margin-right: 14px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details{
        flex-direction: column;
        gap: 3px;
    }

    .juniors-registration .juniors-registration-title{
        margin-top: 241px;
    }

    .juniors-registration .juniors-registration-title h1{
        font-size: 27px;
    }

    .juniors-registration{
        height: 203vh;
    }

    .juniors-registration .Registration_details-juniors{
        height: 1292px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Field_Activity{
        margin-right: 0;
        width: 233px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details .Junior-weaknesses-p{
        margin-top: 13px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details .Media-p{
        margin-top: 25px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Junior-documentsID{
        margin-bottom: 33px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #juniors-goback-button2{
        width: 235px;
    }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .AI-After_employer_registration #Start-chatID{
        margin-right: 72px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #juniors-registration-button{
        margin-right: 9px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details .label{
        margin-right: 9px;
        width: 85px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Field_Activity{
        width: 294px;
        margin-right: 14px;
    }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .AI-After_employer_registration #Start-chatID{
        margin-right: 80px;
        width: 622px;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {

}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}






/*************************** AI chat Candidates save  - page *************************/
/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
   
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .AI-After_employer_registration .image-AI{
        width: 190px;
        margin-top: 120px;
    }
}


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

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {

}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}




/*************************** AI chat dashboard juniors menu   - page *************************/
/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .AI-After_juniors_registration #Start-chatID{
        margin-right: 40px;
    }

    .AI-After_juniors_registration .image-AI{
        width: 170px;
        margin-top: 130px;
    }

    .AI-After_juniors_registration h1{
        font-size: 50px;
    }

    .AI-After_juniors_registration{
        height: 104vh;
    }
}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .AI-After_juniors_registration #Start-chatID{
        margin-right: 50px;
    }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .AI-After_juniors_registration #Start-chatID{
        margin-right: 50px;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {

}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}





/*************************** registration1 - juniors - page *************************/
/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .juniors-registration .Registration_details-juniors #juniors-details input{
        width: 164px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Field_Activity{
        width: 164px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details{
        flex-direction: column;
        gap: 0px;
    }

    .part2{
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        flex-wrap: wrap;
        gap: 20px
    }

    .part3{
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 21px;
    }

    .part4{
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 21px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details input{
        width: 294px;
    }

    .juniors-registration{
        height: 163vh;
    }

    .juniors-registration .Registration_details-juniors{
        height: 1040px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Field_Activity{
        width: 294px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details .Field_Activity_p{
        margin-left: 31px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details .label{
        display: inline-block;
    }

    .juniors-registration .Registration_details-juniors #juniors-details .label{
        margin-right: 9px;
    }
}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .juniors-registration .Registration_details-juniors #juniors-details input{
        width: 129px;
    }
    .juniors-registration .Registration_details-juniors #juniors-details #Field_Activity{
        width: 129px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details{
        gap: 33px;
    }
}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .part1{
        width: 120px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details input{
        width: 178px;
    }

    .juniors-registration .Registration_details-juniors #juniors-details #Field_Activity{
        width: 178px;
    }

    
}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .juniors-registration .Registration_details-juniors #juniors-details{
        gap: 26px;
    }
}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}



















/* XS - Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}


/* SM - Small devices (landscape phones, 576px and up to 768)*/
@media (min-width: 576px) and (max-width: 767.98px) {

}


/* MD - Medium devices (tablets, 768px and up to 992)*/
@media (min-width: 768px) and (max-width: 991.98px) {

}

/* LG - Large devices (desktops, 992px and up to 1200)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* XL - Extra large devices (large desktops, 1200px and up to 1400)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {

}


/* XXL - Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
   
}