@media screen and (min-width: 1000px) {

    .dashboardSwitch{
        margin-top:-85px;
    }

    /*New JobSeekerRegister Popup*/
    .NewJobseekerRegisterPopup {
        width: 400px;
        position: absolute;
        left: 50%;
        margin-left: -200px;
        background-color: white;
        top: 50px;
        border-radius: 3px;
        overflow: hidden;
        z-index: 11000;
        height:auto;
    }

    /*Extra*/
    .homeNewsListItemDiv {
        width: 94%;
    }

    .CopyrightFooterDiv {
        width: 80%;
        float: left;
        margin-left: 10%;
        text-align: center;
        font-size: 1em;
        word-wrap: break-word;
    }

    /*Myprofile PopUp*/

    .MyProfilePopUp {
        position: fixed;
        z-index: 11000;
        width: 500px !important;
        height: 500px !important;
        background-color: white;
        left: 50% !important;
        top: 50% !important;
        margin-left: -250px !important;
        margin-top: -250px !important;
        overflow: hidden;
        border-radius: 3px;
    }

    .MyProfilePopUpHead {
        width: 100%;
        float: left;
        border-bottom: 1px solid rgb(200,200,200);
        height: 50px !important;
    }

    .MyProfilePopUpContent {
        width: 100%;
        float: left;
        height: 400px !important;
        overflow-y: scroll;
    }

    .MyProfilePopUpContentItemsDiv {
        float: left;
        width: 90%;
        height: 50px;
        margin-left: 5%;
        margin-right: 5%;
        padding-top: 7px;
    }

        .MyProfilePopUpContentItemsDiv p {
            float: left;
            font-size: 1.1em;
            width: 30%;
            height:35px;
            overflow:hidden;
        }

        .MyProfilePopUpContentItemsDiv input[type=text] {
            float: left;
            margin:0px;
            margin-left: 15px;
            padding: 3px;
            border: 1px solid rgb(150,150,150);
            border-radius: 3px;
            font-size: 1.1em;
            width: 60%;
            -webkit-transition: all .3s;
            outline: none;
        }

        .MyProfilePopUpContentItemsDiv input[type=date] {
            float: left;
            margin:0px;
            margin-left: 15px;
            padding: 3px;
            border: 1px solid rgb(150,150,150);
            border-radius: 3px;
            font-size: 1.1em;
            width: 60%;
            height: 35px;
            -webkit-transition: all .3s;
            outline: none;
        }

        .MyProfilePopUpContentItemsDiv select {
            float: left;
            margin:0px;
            margin-left: 15px;
            padding: 3px;
            border: 1px solid rgb(150,150,150);
            border-radius: 3px;
            font-size: 1.1em;
            width: 60%;
            outline: none;
            -webkit-transition: all .3s;
        }

        .MyProfilePopUpContentItemsDiv textarea {
            float: left;
            margin:0px;
            margin-left: 15px;
            padding: 3px;
            border: 1px solid rgb(150,150,150);
            border-radius: 3px;
            font-size: 1.1em;
            height: 50px;
            width: 60%;
            -webkit-transition: all .3s;
            outline: none;
        }

    .MyProfilePopUpFooter {
        width: 100%;
        float: left;
        border-top: 1px solid rgb(200,200,200);
        height: 50px !important;
    }



    /*New My Profile*/
    #MyProfilePageSmallTopMenu {
        display: none;
    }

    #MyProfilePageLeftMenu {
        display: block;
    }

    .myNewProfismallFullDiv {
        float: left;
        width: 100%;
        height: 50px;
        margin: 0px;
        margin-top: 15px;
        margin-bottom: 15px;
        background-color: white;
        -webkit-box-shadow: 0px 0px 3px rgb(150,150,150);
        overflow: hidden;
        cursor: pointer;
    }

    .myProfileLeftDiv {
        width: 275px;
        display: inline-block;
        float: left;
        background-color: transparent;
        -webkit-box-shadow: 0px 0px 3px black;
        border-radius: 5px;
    }

    .myProfilerightDiv {
        width: 70%;
        display: inline-block;
        float: right;
        background-color: white;
        margin-left: 0px;
        -webkit-box-shadow: 0px 0px 3px black;
    }

    .onclickSmallMenuPopup {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-color: white;
        z-index: 11000;
    }


    /*New Post Resume*/
    .uploadResumeLeftDiv {
        width: 260px;
        float: left;
        display: inline-block;
        -webkit-box-shadow: 0px 0px 5px rgb(150,150,150);
        background-color: rgba(255,255,255,0.7);
    }

    .uploadResumeContentDiv {
        float: right;
        width: 65%;
        margin-right: 5%;
        background-color: rgba(255,255,255,0.7);
        -webkit-box-shadow: 0px 0px 5px rgb(150,150,150);
        -webkit-transition: all .3s;
    }

    #ResumeDisplayIfremTag {
        height: 550px;
        -webkit-transition: all .3s;
    }

    .uploadResumeContentHeadDiv p {
        float: left;
        width: 400px;
        font-size: 1.2em;
        height: 30px;
        overflow: hidden;
        margin-left: 10px;
        margin-top: 10px;
        -webkit-transition: all .3s;
    }

    .uploadResumeContentHeadDiv .ResumeControls {
        float: right;
        width: 152px;
        height: 50px;
        -webkit-transition: all .3s;
    }

        .uploadResumeContentHeadDiv .ResumeControls a {
            width: 50px;
            height: 50px;
            float: right;
            margin-right: 1px;
            font-size: 1.3em;
            text-align: center;
            background-color: #14b1bb;
            color: white;
            -webkit-transition: all .3s;
        }


    /*FAQ*/
    .faqItemsDiv {
        width: 90%;
        margin-left: 2%;
        background-color: white;
        display: inline-block;
        margin-top: 5px;
        margin-bottom: 5px;
        -webkit-box-shadow: 0px 0px 3px rgb(150,150,150);
        -webkit-transition: all .3s;
    }

    .faqItemsQueDiv {
        width: 100%;
        float: left;
        border-bottom: 1px solid rgb(100,100,100);
        height: 50px;
        overflow: hidden;
        -webkit-transition: all .3s;
    }

        .faqItemsQueDiv p {
            margin-top: 5px;
            float: left;
            font-size: 1.1em;
            font-weight: bold;
            padding: 5px;
            max-width: 85%;
            word-wrap: break-word;
            text-align: left;
            -webkit-transition: all .3s;
        }


    /*New Software Design*/
    #softwareLeftMenuDiv {
        display: block;
        -webkit-transition: all .3s;
    }

    #SmallSoftwarecategoryDropdown {
        display: none;
        -webkit-transition: all .3s;
    }

    .sofwareSmallDropdown {
        width: 250px;
        float: left;
        margin-left: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 5px;
        font-size: 1.1em;
    }

    .SoftwaresMainDiv {
        width: 73%;
        float: right;
        display: inline-block;
        -webkit-transition: all .3s;
    }

    .SoftwareNewCard {
        width: 200px;
        height: 250px;
        background-color: transparent;
        margin-left: 25px;
        margin-bottom: 5px;
        float: left;
        -webkit-transition: all .3s;
    }

    /*NewHeaderNaviMenu*/

    #HeaderSmallMenu {
        display: none !important;
    }

    #HeaderMainMenu {
        display: block !important;
    }

    /*Blog Posts*/
    .BlogPostSearchKeywordDiv {
        width: 86%;
        text-align: left;
        margin-left: 0%;
        -webkit-transition: all .3s;
    }

    #totelBlogPostsCounts {
        margin-top: 0px;
        width: 94%;
        -webkit-transition: all .3s;
    }

    .blogFilters {
        display: block;
        -webkit-transition: all .3s;
    }

    #BlogPostCatDropDownList {
        margin-top: 10px;
        margin-left: 15px;
        width: 275px;
        -webkit-transition: all .3s;
        display: none;
    }

    .BlogListDiv {
        width: 67%;
        float: left;
        margin-left: 2%;
        -webkit-transition: all .3s;
    }

    .ListItemBlogPosts {
        float: left;
        margin: 1%;
        margin-top: 30px;
        -webkit-transition: all .3s;
    }

    #TxtBlogPostBloggerName {
        float: left;
        margin-top: 15px;
        padding: 0px;
        font-size: 1em;
        word-wrap: break-word;
        margin-left: 20px;
        -webkit-transition: all .3s;
        width: auto;
    }

    #TxtBlogPostCategory {
        width: auto;
        float: left;
        margin-top: 15px;
        padding: 0px;
        font-size: 1em;
        word-wrap: break-word;
        margin-left: 20px;
        -webkit-transition: all .3s;
    }

    #TxtBlogPostSource {
        margin: 0px;
        width: 100%;
        margin-top: 10px;
        text-align: right;
        -webkit-transition: all .3s;
    }



    /*New JobSeeker Dashbboard */

    .DashBoardMainDiv {
        float: left;
        background-color: white;
        width: 65%;
        margin-left: 2%;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        margin-bottom: 20px;
        -webkit-box-shadow: 0px 0px 5px rgb(120,120,120);
        -webkit-transition: all .3s;
    }

    .DashBoardRightContDiv {
        float: right;
        background-color: white;
        width: 25%;
        margin-right: 5%;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        margin-bottom: 20px;
        -webkit-box-shadow: 0px 0px 5px rgb(120,120,120);
        -webkit-transition: all .3s;
    }

    .BtnDashboardNavigation {
        float: left;
        width: 25%;
        background-color: transparent;
        height: 40px;
        text-align: center;
        -webkit-transition: all .3s;
    }

        .BtnDashboardNavigation div {
            text-align: center;
            font-size: 1em;
            height: 40px;
            width: 100%;
            border-right: 1px solid #ccc;
            padding-top: 7px;
            color: #888;
            -webkit-transition: all .3s;
            border-bottom: 1px solid rgb(200,200,200);
            -webkit-transition: all .3s;
        }

        .BtnDashboardNavigation:last-child div {
            border-right: none;
            -webkit-transition: all .3s;
        }

        .BtnDashboardNavigation div span {
            margin-right: 7px;
            -webkit-transition: all .3s;
        }

        .BtnDashboardNavigation div:hover {
            background-color: rgb(180,180,180);
            color: white;
            -webkit-transition: all .3s;
        }

    .NewDashboardJobItemDiv .jobsCompanyLogoDiv {
        margin-left: 5px;
        -webkit-transition: all .3s;
    }

    .txtDashboardJobTitle {
        float: left;
        margin-left: 20px;
        margin-top: 10px;
        text-align: left;
        width: 79%;
        font-weight: bold;
        font-size: 1em;
        -webkit-transition: all .3s;
    }


        .txtDashboardJobTitle div {
            width: 50%;
            float: left;
            font-weight: normal;
            -webkit-transition: all .3s;
        }

            .txtDashboardJobTitle div span {
                color: #14b1bb;
                margin-right: 7px;
                -webkit-transition: all .3s;
            }



    /*New JobSeeker Account Setting */

    .AccountSettingTopBackGroundImage {
        width: 100%;
        height: 350px;
        position: absolute;
        left: 0px;
        top: 0px;
        background-image: url('images/DashboardBackground.jpg');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: -2;
        -webkit-transition: all .3s;
    }

    #JSAccountSettingsHead h2 {
        font-size: 2em;
        margin-left: 20px;
        margin-top: 20px;
        -webkit-transition: all .3s;
    }

    .StudentAccountSettingDetailsMainDiv {
        width: 80%;
        float: left;
        -webkit-border-radius: 3px;
        -webkit-box-shadow: 0px 0px 5px;
        background-color: white;
        display: inline-block;
        margin-top: 100px;
        text-align: center;
        margin-left: 8%;
        border: 5px solid white;
        padding-bottom: 20px;
        -webkit-transition: all .3s;
    }

    .StudentSettingItemRow .itemGroupDiv {
        width: 48%;
        float: left;
        display: inline-block;
        margin-left: 1%;
        margin-right: 1%;
        -webkit-transition: all .3s;
    }

        .StudentSettingItemRow .itemGroupDiv .itemGroupDiv {
            width: 48%;
            float: left;
            display: inline-block;
            margin-left: 1%;
            margin-right: 1%;
            -webkit-transition: all .3s;
        }

    #BtnUpdateSettings {
        float: right;
        width: 120px;
        font-size: 1em;
        margin-right: 2px;
        margin-top: 0px;
        -webkit-transition: all .3s;
    }

    #btnSettingsChangePassword {
        width: 150px;
        float: left;
        font-size: 1em;
        margin-left: 2px;
        margin-top: 0px;
        -webkit-transition: all .3s;
    }

    /*New DetailsPagesDesign*/

    .DetailsPageBackGroungImageDiv {
        width: 100%;
        height: 350px;
        background-size: 100% 100%;
        float: left;
        margin: 0px;
        margin-top: -50px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url('images/DashboardBackground.jpg');
        -webkit-transition: all .3s;
    }

    .newCompanyNameTxt {
        font-size: 3em;
        letter-spacing: 2px;
        margin: 0px;
        color: white;
        padding: 0px;
        padding-left: 10px;
        text-shadow: 0px 0px 10px black;
        animation: DetailPageDisplayNameAnim 1s;
        margin-top: 0px;
        -webkit-transition: all .3s;
    }

    #companyDetailsTitleDiv {
        margin-top: 100px;
        margin-left: 20px;
        -webkit-transition: all .3s;
    }

    .companyDetailsLogoDiv {
        width: 200px;
        height: 205px;
        position: absolute;
        left: 50%;
        margin: -100px auto auto -100px;
        -webkit-transition: all .3s;
    }

    @keyframes allDetailsPageLogoAnim {
        0% {
            width: 0px;
            height: 0px;
            margin-top: 100px;
            margin-left: 100px;
        }

        100% {
            width: 200px;
            height: 200px;
            margin-top: 0px;
            margin-left: 0px;
        }
    }

    .companyDetailsLogoDiv .imageLogoDiveCompany {
        border: 5px solid white;
        width: 200px;
        height: 200px;
        overflow: hidden;
        margin-top: 0px;
        margin-left: 0px;
        background-color: white;
        -webkit-border-radius: 50%;
        background-position: center center;
        -webkit-box-shadow: 0px 0px 5px black;
        -webkit-transition: all .5s;
        background-repeat: no-repeat;
        background-size: contain;
        animation: allDetailsPageLogoAnim 1s;
    }

    .DetailPageContainLeftDiv {
        width: 65%;
        float: left;
        -webkit-transition: all .3s;
    }

    .DetailPageContainRightDiv {
        width: 33%;
        margin-left: 2%;
        float: left;
        -webkit-transition: all .3s;
    }

    #CompanyDetailsJobListDiv {
        width: 100%;
        display: inline-block;
        -webkit-transition: all .3s;
    }

    /*MasterPage Design*/


    .headerLogoImage {
        width: 190px;
    }

    .userProfileDiv {
        float: right;
        width: 200px;
        margin-right: 10px;
        margin-left: 10px;
        cursor: pointer;
    }

        .userProfileDiv img {
            float: left;
            margin-top: 5px;
            width: 35px;
            height: 35px;
            -webkit-border-radius: 50%;
            -webkit-box-shadow: 0px 0px 5px black;
            margin-right: 20px;
        }

        .userProfileDiv label {
            color: white;
            display: block;
            float: left;
            font-size: 1.2em;
            margin-top: 2px;
        }

    .headerRangLogoImageBig {
        width: 200px;
        display: block;
    }

    .headerRangLogoImageSmall {
        display: none;
    }

    /*31/1/2017*/
    .DashboardNewItemRow {
        float: left;
        width: 100%;
        display: inline-block;
        margin: 0px;
    }

    .DashboardNewItem {
        width: 40%;
        float: left;
        margin-left: 5%;
        margin-top: -20px;
    }

        .DashboardNewItem .profilePicture {
            width: 40%;
            margin-left: 0px;
            float: left;
        }

    /*Top PopupMenu*/
    @keyframes animationProfilePopup {
        0% {
            top: -20px;
            opacity: 0.2;
        }

        100% {
            top: 54px;
            opacity: 1;
        }
    }

    .ProfilePopupMenu {
        position: absolute;
        display: inline-block;
        background-color: white;
        width: 200px;
        right: 42px;
        top: 54px;
        padding-top: 2px;
        display: none;
        animation: animationProfilePopup .5s;
        -webkit-box-shadow: 0px 0px 5px #ccc;
        opacity: 1;
    }

    @keyframes animationProfilePopupBefore {
        0% {
            margin-top: 0px;
            opacity: 0;
        }

        50% {
            margin-top: -7px;
            opacity: 0;
        }

        100% {
            margin-top: -14px;
            opacity: 1;
        }
    }

    .ProfilePopupMenu::before {
        content: '';
        position: absolute;
        border-bottom: 12px solid white;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        animation: animationProfilePopupBefore .5s;
        animation-delay: .1s;
        animation-fill-mode: both;
        margin-left: 22px;
        opacity: 1;
    }

    .ProfilePopupMenu a {
        float: left;
        height: 40px;
        width: 100%;
        padding: 0px 5px 5px 10px;
        background-color: transparent;
        color: #454545;
        border-bottom: 1px solid #ccc;
    }

        .ProfilePopupMenu a:hover {
            background-color: #ccc;
        }

    .userProfileDiv:hover .ProfilePopupMenu {
        display: block;
    }
    /*Top PopupMenu*/

    .UserNameTxt {
        float: left;
        font-size: 2.5em;
        color: white;
        margin-left: -170px;
        margin-top: 0px;
    }

    #DivDashboardNavigationButtons {
        width: 70%;
        float: right;
        text-align: center;
        display: inline-block;
        margin: 0px;
        margin-top: -25px;
        margin-right: 0px;
    }

    #btnDashboardEditProfile {
        margin: 0px 1% 0px 1%;
        height: 125px;
        width: 120px;
        float: right;
    }

    #btnDashboardUploadResume {
        margin: 0px 1% 0px 1%;
        height: 125px;
        width: 120px;
        float: right;
    }

    #btnDashboardJobCart {
        margin: 0px 1% 0px 1%;
        height: 125px;
        width: 120px;
        float: right;
    }

    .UserLocationTxt {
        float: left;
        font-size: 1.3em;
        color: white;
        width: 100%;
        margin: 0px;
        text-align: center;
        margin-top: -75px;
        margin-left: -60px;
    }

        .UserLocationTxt img {
            width: 25px;
            height: 25px;
        }

    .DashboardNewItem div {
        border-radius: 50%;
        width: 52px;
        height: 52px;
        display: inline-block;
        text-align: center;
        -webkit-box-shadow: 0px 0px 5px white;
        margin-top: 20px;
    }

    .DashboardNewItem p {
        color: white;
        margin-top: 25px;
        font-size: 1.1em;
        -webkit-transition: all .3s;
    }

    .DashboardNewItem div img {
        margin-top: 10px;
        margin-left: 5px;
    }

    .DashboardNewItem:hover {
        cursor: pointer;
    }

        .DashboardNewItem:hover div {
            -webkit-box-shadow: 0px 0px 20px white;
        }

        .DashboardNewItem:hover p {
            margin-top: 23px;
        }

    .divItemsContents {
        width: 32%;
        margin-left: 1%;
        float: left;
        display: inline-block;
    }

        .divItemsContents div {
            width: 100%;
            height: 60px;
            border-bottom: 1px solid rgb(200,200,200);
            overflow: hidden;
            color: rgb(80,80,80);
            -webkit-transition: all .3s;
        }

            .divItemsContents div:hover {
                background-color: rgb(240,240,240);
                cursor: pointer;
                color: #888;
            }

            .divItemsContents div:first-child {
                background-color: rgba(50,50,50,0.6);
                color: white;
                text-align: center;
                font-size: 1.4em;
                height: 40px;
            }

                .divItemsContents div:first-child a {
                    text-decoration: none;
                    color: white;
                }

    @keyframes tooltipAnim {
        0% {
            opacity: 0;
            margin-top: 5px;
        }

        100% {
            opacity: 1;
            margin-top: 42px;
        }
    }

    .divItemsContents div:first-child a:hover::after {
        opacity: 1;
        content: attr(alt);
        position: absolute;
        font-size: 0.6em;
        background-color: #e7e7e7;
        padding: 7px;
        border-top: 5px solid #14b1bb;
        margin-top: 42px;
        -webkit-box-shadow: 0px 2px 5px rgba(100,100,100,0.7);
        color: black;
        margin-left: -215px;
        z-index: 1;
        font-style: italic;
        animation: tooltipAnim .3s;
    }

    @keyframes tooltipTagAnim {
        0% {
            opacity: 0;
            margin-top: 5px;
        }

        100% {
            opacity: 1;
            margin-top: 32px;
        }
    }

    .divItemsContents div:first-child a:hover::before {
        content: '';
        position: absolute;
        border-bottom: 10px solid #14b1bb;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        margin-top: 32px;
        margin-left: 50px;
        z-index: 1;
        animation: tooltipTagAnim .3s;
    }

    .divItemsContents div:first-child a span {
        float: right;
        margin-top: 8px;
        margin-right: 10px;
    }

    .jobItemDashBoardDiv {
        overflow: hidden;
        display: inline-block;
        margin: 0px;
        float: left;
        border-bottom: 1px solid red;
        width: 100%;
        height: 60px;
    }

    .CompanyLogoDashBoardDiv {
        float: left;
        height: 50px;
        margin-left: 0px;
        width: 50px;
        margin-top: 5px;
    }

    /*Start Hever Image*/

    .jobsCompanyLogoDiv {
        width: 50px;
        height: 50px;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: transparent;
        float: left;
        margin-top: 5px;
        margin-left: 0px;
        background-size: contain;
    }

    @keyframes animataioJobsLogoHover {
        0% {
            opacity: 0;
            margin-left: 0px;
        }

        100% {
            opacity: 1;
            margin-left: 35px;
        }
    }

    .jobsCompanyLogoDivHoverContent {
        position: fixed;
        width: 200px;
        height: 120px;
        background-color: white;
        margin: 0px;
        left: 0px;
        top: 0px;
        margin-left: 35px;
        margin-top: -20px;
        display: none;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 1;
        border-radius: 3px;
        border: 5px solid white;
        -webkit-box-shadow: 0px 0px 10px;
        opacity: 1;
        animation: animataioJobsLogoHover .7s;
    }

        .jobsCompanyLogoDivHoverContent::after {
            content: '';
            border-right: 10px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            position: absolute;
            margin-left: -15px;
            margin-top: 15px;
        }

        .jobsCompanyLogoDivHoverContent::before {
            content: '';
            border-right: 11px solid rgba(100,100,100,0.7);
            border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;
            position: absolute;
            margin-left: -16px;
            margin-top: 14px;
        }

    .jobsCompanyLogoDiv:hover .jobsCompanyLogoDivHoverContent {
        display: block;
    }

    /*End Hever Image*/

    .jobTitleDashboard {
        margin-left: 65px;
        font-size: 1em;
        overflow-wrap: break-word;
        margin-top: 2px;
        height: 55px;
    }

    .jobCompanyNameDashboard {
        position: absolute;
        margin-top: -36px;
        margin-left: 65px;
        overflow-wrap: break-word;
    }

    .LocationCityDashboard {
        margin-top: -20px;
        margin-left: 65px;
        position: absolute;
    }

        .LocationCityDashboard img {
            width: 12px;
            height: 12px;
            margin-bottom: 0px;
            margin-right: 5px;
        }

    /*Post Resume*/
    .postResumeDivHome {
        width: 100%;
        float: left;
    }

    .ResumeLeftContent {
        width: 300px;
        float: left;
        display: inline-block;
    }

    .ResumeRightContent {
        width: 100%;
        float: left;
        display: inline-block;
        margin-left: 0px;
    }

    .postResumeDiv {
        margin-left: 5px;
        width: 100%;
        height: 180px;
        border: 1px solid rgb(230,230,230);
        border-left: 5px solid #14b1bb;
        float: left;
    }

        .postResumeDiv .headerDiv {
            width: 100%;
            float: left;
            padding-top: 7px;
            padding-bottom: 7px;
            border-bottom: 1px solid #14b1bb;
            font-size: 1.3em;
            text-align: center;
            background-color: #0f858d;
            color: white;
        }

    .headerDiv div {
        position: absolute;
        width: 30px;
        height: 30px;
        background-image: url('images/Resume Upload.png');
        margin-top: 0px;
        margin-left: 50px;
    }

    .postResumeDiv .conrentDiv {
        float: left;
        margin: 0px;
    }

    /*News List*/
    .NewsItemDiv {
        float: left;
        width: 96%;
        margin-top: 10px;
        margin-bottom: 10px;
        -webkit-border-radius: 3px;
        -webkit-box-shadow: 0px 0px 5px #ccc;
        padding: 10px;
        -webkit-transition: all .3s;
        margin-left: 0%;
        float: left;
    }

        .NewsItemDiv:hover {
            -webkit-box-shadow: 0px 0px 10px #454545;
        }

        .NewsItemDiv img {
            width: 200px;
        }

        .NewsItemDiv h4 {
            margin-top: 15px;
            text-space-collapse: preserve;
        }

        .NewsItemDiv h5 {
            margin-top: 10px;
        }

            .NewsItemDiv h5 span {
                margin-right: 10px;
            }

        .NewsItemDiv p {
            margin-top: 10px;
            text-align: justify;
        }

    /*Online Courses*/
    #OnlineCourserHeaderDiv {
        height: 60px;
        -webkit-transition: all .3s;
    }

        #OnlineCourserHeaderDiv h2 {
            font-size: 1.2em;
            margin: 15px 0px 0px 10px;
            -webkit-transition: all .3s;
        }

    .EventsDivFilters {
        width: 100%;
        float: left;
        height: 70px;
        margin-top: 30px;
        margin-left: -5px;
        -webkit-transition: all .3s;
    }

    .EventsSearchDiv {
        float: left;
        height: 35px;
        width: 300px;
        border: 1px solid #0f858d;
        -webkit-border-radius: 3px;
        display: inline-block;
        margin-right: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        -webkit-transition: all .3s;
    }

    #OnlineCourserItemsCounterDiv {
        width: 100%;
        position: unset;
        float: left;
        margin-left: 3%;
        margin-top: 5px;
        border: none;
        -webkit-transition: all .3s;
    }

    .OnlineCourseItem {
        width: 270px;
        height: 200px;
        float: left;
        margin: 10px;
        margin-left: 40px;
        margin-top: 10px;
        background-color: #e7e7e7;
        border-bottom-width: 0px;
        border-bottom-style: solid;
        display: inline-block;
        color: white;
        animation: animCoursesDiv 1s;
        overflow: hidden;
        -webkit-transition: all .3s;
    }

    /*Online Courses Details*/

    #OnlineCoursesDetailsContainer {
        padding-top: 10px;
        -webkit-transition: all .3s;
    }

    .CourseVideo {
        float: left;
        background-color: #e7e7e7;
        width: 30%;
        height: 150px;
        -webkit-transition: all .3s;
    }

    .CourseDetailsTitle {
        font-size: 1.7em;
        margin-left: 10px;
        margin-top: 10px;
        -webkit-transition: all .3s;
    }

    .CourseDetailsSummary {
        font-size: 1.4em;
        margin: 0px;
        margin-left: 10px;
        margin-top: 5px;
        -webkit-transition: all .3s;
    }

    .CourseDetailsLeft {
        float: left;
        width: 63%;
        margin: 0px;
        -webkit-transition: all .3s;
    }

    .CourseDetailsRight {
        float: right;
        width: 35%;
        margin: 0px;
        -webkit-transition: all .3s;
    }

    .CourseDetailsAbiutHead {
        font-size: 1.5em;
        margin-top: 5px;
        border-left: 5px solid rgb(150,150,150);
        padding-left: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        -webkit-transition: all .3s;
    }

    .CourseDetailsAbiutDetails {
        font-size: 1em;
        margin-top: 30px;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        text-align: justify;
        -webkit-transition: all .3s;
    }

        .CourseDetailsAbiutDetails h1 {
            font-size: 1.1em;
            font-weight: normal;
            text-transform: none;
            text-decoration: none;
        }

    /*Tutorials*/

    .TutorialsFilterDiv {
        float: left;
        display: inline-block;
        width: 30%;
        margin-top: 50px;
    }

    .TutorialsContentDiv {
        float: left;
        display: inline-block;
        width: 70%;
        margin-top: 40px;
    }

    .TutorialCountsDiv {
        position: absolute;
        margin-top: -30px;
        margin-left: 40px;
    }

    .TutorialItemDiv {
        width: 95%;
        float: right;
        margin-left: 0px;
        margin-top: 10px;
        display: inline-block;
        background-color: white;
        -webkit-box-shadow: 0px 0px 5px #ccc;
        -webkit-border-radius: 3px;
        -webkit-transition: all .3s;
        padding-top: 15px;
        padding-bottom: 15px;
        cursor: pointer;
    }

        .TutorialItemDiv:hover {
            -webkit-box-shadow: 0px 0px 20px #ccc;
        }

    .TutorialNameTxt {
        float: left;
        font-size: 1.5em;
        border-left: 5px solid rgb(70,70,70);
        margin-top: 10px;
        padding: 10px;
    }

    .AuthorPhoto {
        width: 30px;
        -webkit-border-radius: 50%;
        -webkit-box-shadow: 0px 0px 5px #222;
        margin-left: 10px;
        margin-right: 15px;
    }

    .AuthorNameTxt {
        font-size: 1.2em;
        float: left;
        margin-left: 5px;
        margin-top: -15px;
    }

    .TutorialCategorys {
        font-size: 1em;
        margin-left: 300px;
        margin-top: -60px;
    }

    .TutorialPhoto {
        float: left;
        height: 150px;
        width: 250px;
        margin-left: 15px;
        margin-right: 10px;
    }

    .TutorialDescriptionTxt {
        font-size: 1em;
        margin-left: 10px;
        max-height: 150px;
        margin-top: -5px;
        word-wrap: break-word;
        overflow: hidden;
        padding-right: 10px;
        text-align: justify;
    }

    .TutorialItemRowHeader {
        width: 98%;
        float: left;
        display: inline-block;
        margin-top: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #14b1bb;
        color: white;
        display: block;
    }

    .TutorialItemHeaderSmall {
        margin: 0px;
        text-decoration: none;
        text-transform: none;
        text-align: left;
        float: left;
        padding-top: 10px;
        padding-left: 2px;
        display: none;
    }

    .FullWidthDropdown {
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 1.1em;
        padding: 7px;
        outline: none;
        border: 1px solid #ccc;
        border-radius: 3px;
        width: 275px;
        display: none;
    }

    .TutorialICetegorytemVis {
        float: left;
        width: 98%;
        padding: 5px;
        border-bottom: 1px solid #ccc;
        text-align: left;
        cursor: pointer;
        background-color: #e7e7e7;
        display: block;
    }

    .TutorialICetegorytem {
        float: left;
        width: 98%;
        padding: 5px;
        border-bottom: 1px solid #ccc;
        text-align: left;
        cursor: pointer;
        display: block;
    }

    h2 {
        margin: 10px 0px 20px 0px;
    }


    /*Bloggers*/

    #BloggersHeadingTxt {
        font-size: 1.6em;
        margin-bottom: 50px;
        padding-left: 20px;
        margin-top: 0px;
    }

    #totelBlogsCounts {
        margin-left: 20px;
        right: 10px;
    }

    .BlogsItemsDiv {
        width: 240px;
        float: left;
        height: 270px;
        display: inline-block;
        margin: 15px;
        margin-top: 10px;
        margin-left: 5px;
        margin-right: 5px;
        text-align: center;
        -webkit-border-radius: 3px;
        -webkit-box-shadow: 0px 0px 7px #ccc;
        -webkit-transition: all .3s;
        animation: animationBlogs .7s;
    }

    #blogDetailscontainer {
        padding-top: 20px;
    }

    #BlogDetailsAuthorImage {
        width: 230px;
    }

    #BlogDetailsAuthorName {
        font-size: 2.7em;
    }

    #BlogDetailsAuthorPosition {
        font-size: 2.2em;
        margin-top: 0px;
        word-wrap: break-word;
    }

    #BlogDetailsAuthorAbout {
        padding: 5px;
        text-align: justify;
        margin-bottom: 20px;
        font-size: 1.1em;
    }

    #BlogDetailsReadMoreBtn {
        margin-left: 5px;
    }


    /*Home - Company List*/

    .homeCompanyListItemDiv {
        width: 46%;
        margin: 1%;
        height: 170px;
        float: left;
        margin-top: 10px;
        margin-bottom: 15px;
        background-color: white;
        -webkit-transition: all .3s;
    }


    /*Company Search*/

    .companyBackground {
        width: 100%;
        background-color: white;
        display: inline-block;
        float: left;
        padding-top: 80px;
    }

    #companuSearchHeading {
        font-size: 1.8em;
        margin-left: 40px;
    }

    .companyList {
        border-top: 1px solid rgb(230,230,230);
        display: inline-block;
        background-color: white;
        width: 90%;
        margin-left: 5%;
        float: left;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #CompanySearchSearchDiv {
        float: left;
        border: none;
        margin: 0px;
        margin-left: 60px;
        margin-bottom: 50px;
        margin-top: 20px;
    }

        #CompanySearchSearchDiv p {
            margin: 0px;
            width: 120px;
            position: absolute;
            margin-top: 5px;
        }

    .txtCompanySearch {
        outline: none;
        padding: 5px;
        -webkit-border-radius: 3px;
        border: 1px solid #ccc;
        width: 220px;
        margin-left: 120px;
    }

    #companySearchCountDiv {
        margin-top: 20px;
        margin-left: 0px;
    }

    .companyItem img {
        height: 60px;
        width: 150px;
        margin-top: 10px;
        margin-left: 0px;
        float: left;
    }

    .companyItem label {
        margin-left: 20px;
        margin-top: 15px;
        font-size: 1.2em;
        float: left;
        color: rgb(232, 164, 70);
        text-transform: uppercase;
    }

    .companyItem #location {
        float: right;
        margin-top: 50px;
        padding-top: 0px;
        margin-left: -105px;
        color: #14b1bb;
        font-size: 1em;
    }

    .companyItem .CompanySummary {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        float: left;
        padding-left: 7px;
        font-size: 1.1em;
        padding-right: 7px;
        text-align: justify;
        color: rgb(150,150,150);
    }

    #CompanySearchnavigationsCountDiv {
        width: 90%;
        margin: 0px;
        margin-left: 5%;
        float: left;
        font-size: 1em;
        text-align: center;
    }

    .PegingDiv {
        float: left;
        width: 90%;
        margin-left: 5%;
        height: 65px;
        margin-top: 10px;
        margin-bottom: 20px;
        display: block;
    }

        .PegingDiv input {
            float: left;
            border: none;
            outline: none;
            background-color: rgb(150,150,150);
            height: 35px;
            width: 40px;
            font-size: 1em;
            border-right: 1px solid white;
            color: white;
            text-align: center;
        }

    .genralDropDown {
        outline: none;
        float: right;
        border: none;
        outline: none;
        background-color: rgb(150,150,150);
        height: 35px;
        color: white;
        text-align: center;
        width: 70px;
        margin: 0px 0px 5px 0px;
    }


    /*Company Details*/

    #CompanyDetalsContainerDiv {
        padding-top: 40px;
    }

    #ComapanyDetailsBackBtn {
        margin-left: 20px;
        right: 20px;
    }

    #CompanyDetailaLogoDiv {
        width: 80%;
        margin-left: 5%;
        margin-right: 15%;
        float: left;
        padding: 0px;
    }

        #CompanyDetailaLogoDiv img {
            float: left;
            width: 300px;
            margin: 0px;
        }

    #CompanyDetailsLeftContent {
        float: left;
        width: 60%;
        margin-left: 0%;
    }

        #CompanyDetailsLeftContent .CompanyName {
            font-size: 2.5em;
            margin: 10px;
            margin-left: 0px;
        }

        #CompanyDetailsLeftContent .CompanyDetailsRevenue {
            font-size: 1.7em;
            text-decoration: underline;
        }

    #CompanyDetailsDescription {
        margin-top: 10px;
        text-align: justify;
        font-size: 1.1em;
    }

    .CompanyDetailsRevenuerightPos {
        float: left;
        width: 31%;
        margin-right: 0%;
        display: inline-block;
        margin-top: 300px;
    }

    .ComapanyDetailsRightContent {
        float: right;
        width: 100%;
        margin-right: 0%;
    }

    .ComapanyDetailsContactContent {
        float: right;
        width: 100%;
        margin-right: 0%;
    }


    /*Software / Tools*/

    #SoftwareToolsHeading {
        font-size: 1.9em;
        -webkit-transition: all .3s;
    }

    #SoftwareTollsCountsdiv {
        position: unset;
        font-size: 1em;
        margin-top: 0px;
        -webkit-transition: all .3s;
        margin-bottom: 30px;
    }

    .SoftwaresMainDiv a .SoftwareItemDiv {
        float: left;
        margin: 15px;
        width: 270px;
        height: 200px;
        background-color: white;
        display: inline-block;
        border: none;
    }

    .SoftwareItemDiv .SoftwareLogoImageDiv {
        width: 90%;
        float: left;
        margin-left: 5%;
        -webkit-transition: all .3s;
    }

    .SoftwareItemDiv p {
        font-size: 1.5em;
        color: rgb(120,120,120);
        -webkit-transition: all .3s;
    }


    /*Software Details*/

    #softwareDetailsContainer {
        padding-top: 20px;
    }

    .SoftwareToolsLogoBackDiv {
        width: 100%;
        float: left;
        display: inline-block;
    }

    #softwareDetailsContainer .SoftwareDetailsLogoImg {
        width: 170px;
        margin-left: 10px;
        float: left;
    }

    .SoftwarenameText {
        width: 100%;
        float: left;
        font-size: 2.2em;
        margin-top: 40px;
        border-left: 7px solid #888;
        color: #454545;
        padding-left: 20px;
    }

    .SoftwareDetailsDescription {
        width: 100%;
        float: left;
        font-size: 1.2em;
        margin: 0px;
        text-align: justify;
    }

    #SoftwareDetailsReadMoreBtn {
        float: left;
    }


    /*Events*/

    .EventsDivFilters {
        width: 100%;
        float: left;
        margin: 30px 0px 0px 0px;
        display: inline-block;
        height: auto;
        -webkit-transition: all .3s;
    }

    #EventesHead {
        font-size: 1.7em;
        margin: 0px;
        margin-top: -10px;
        margin-bottom: 20px;
        -webkit-transition: all .3s;
        width: 100%;
    }

    .EventsOtherSearchDiv {
        margin: 0px;
        margin-left: 20px;
        margin-top: 15px;
        width: 200px;
        float: left;
        display: inline-block;
        -webkit-transition: all .3s;
    }

    #EventsCountDiv {
        position: unset;
        float: left;
        width: 100%;
        margin: 0px;
        text-align: right;
        -webkit-transition: all .3s;
    }

    #ListEvents {
        margin: 0px;
        width: 100%;
        margin-top: 170px;
        -webkit-transition: all .3s;
    }

    .EventItemDiv {
        float: left;
        width: 290px;
        height: 150px;
        margin: 10px 10px 10px 10px;
        display: inline-block;
        -webkit-transition: all .3s;
    }

    .EventContentDiv {
        position: absolute;
        float: left;
        width: 290px;
        height: 55px;
        margin-top: 95px;
        overflow: hidden;
        background-color: rgba(0,0,0,.4);
        -webkit-transition: all .3s;
    }

    .EventItemDiv:hover .EventContentDiv {
        height: 150px;
        margin-top: 0px;
        -webkit-transition: all .3s;
    }

    .EventContentDiv .EventNameLabel {
        color: white;
        width: 100%;
        padding-left: 7px;
        padding-right: 7px;
        word-wrap: break-word;
        text-transform: none;
        font-size: 1.2em;
        height: 40px;
        -webkit-transition: all .3s;
    }

    .EventContentDiv .fullContent {
        width: 100%;
        float: left;
        height: 30px;
        display: inline-block;
        margin-top: 0px;
        -webkit-transition: all .3s;
    }

    .EventContentDiv .EventDay {
        float: left;
        color: white;
        margin-left: 10px;
        font-size: 1em;
        margin-top: 30px;
        -webkit-transition: all .3s;
    }

    .EventContentDiv .EventLocation {
        float: left;
        color: white;
        margin-left: 10px;
        font-size: 1em;
        margin-top: 30px;
    }


    /*Event Details*/

    .EventDetailsMainDiv {
        width: 100%;
        height: 100%;
        float: left;
        display: inline-block;
        margin-top: 100px;
        margin-bottom: 0px;
        -webkit-transition: all .3s;
    }

        .EventDetailsMainDiv .EventDetailsBackgroungImage {
            width: 100%;
            float: left;
            -webkit-transition: all .3s;
            min-height: 700px;
        }

    .EventDetailsDiv {
        position: absolute;
        float: left;
        width: 700px;
        margin: 0px;
        left: 30px;
        top: 90px;
        background-color: rgba(0,0,0,0.4);
        padding: 20px;
        -webkit-transition: all .3s;
    }

    .EventDetailsNameTxt {
        color: white;
        font-size: 2.5em;
        font-family: 'Arial Rounded MT';
        -webkit-text-stroke: #ccc 0.7px;
        width: 100%;
        margin-top: 30px;
        -webkit-transition: all .3s;
    }

    .EventDetailsTitleText {
        color: white;
        width: 100%;
        font-size: 2em;
        font-family: 'Arial Rounded MT';
        -webkit-text-stroke: #ccc 0.5px;
        margin-top: 20px;
        font-style: italic;
        -webkit-transition: all .3s;
    }

    .EventDetailsLocation {
        color: white;
        font-size: 1.8em;
        font-family: 'Arial Rounded MT';
        -webkit-text-stroke: #ccc 0.5px;
        margin-top: 10px;
        -webkit-transition: all .3s;
    }

    .EventDetailsDateDiv {
        color: white;
        font-size: 1.8em;
        font-family: 'Arial Rounded MT';
        -webkit-text-stroke: #ccc 0.5px;
        margin-top: -40px;
        -webkit-transition: all .3s;
    }

    .EventNaviGationsBTN {
        padding: 7px 10px 7px 10px;
        -webkit-border-radius: 3px;
        border: 2px solid white;
        background-color: transparent;
        color: white;
        font-weight: bold;
        font-size: 1.2em;
        margin-right: 5px;
        -webkit-transition: all .3s;
    }

        .EventNaviGationsBTN:last-child {
            background-color: white;
            color: rgb(100,100,100);
        }

    .EventNavigatonDiv {
        display: block;
        position: absolute;
        right: 30px;
        width: 90px;
        -webkit-transition: all .3s;
    }

    .EventDetailsSmallNavigatonDiv {
        width: 100%;
        float: left;
        margin-top: 30px;
        -webkit-transition: all .3s;
        display: none;
    }

        .EventDetailsSmallNavigatonDiv a div {
            float: left;
            width: 100%;
            margin: 0px;
            height: 40px;
            margin-bottom: 2px;
            background-color: transparent;
            -webkit-transition: all .3s;
        }

            .EventDetailsSmallNavigatonDiv a div p {
                font-size: 1.3em;
                color: rgb(150,150,150);
                background-color: rgba(250,250,250,0.9);
                float: left;
                margin: 0px;
                width: 200px;
                margin-left: 0px;
                -webkit-transition: all .3s;
                height: 40px;
                padding-left: 20px;
                padding-top: 5px;
            }

            .EventDetailsSmallNavigatonDiv a div img {
                float: left;
                background-color: rgba(250,250,250,0.9);
                margin: 0px;
                padding: 5px;
                width: 40px;
                height: 40px;
                -webkit-transition: all .3s;
            }


    /*Job Search*/

    #jobsearch {
        margin-bottom: 0px;
    }

    #jobsCointainerDiv {
        padding-top: 0px;
    }

    #jobSearchHead {
        font-size: 1.5em;
    }

    #jobSearchHeadTitle {
        font-size: 1.1em;
    }

    #job-search-TextDiv {
        width: 300px;
        margin-top: 50px;
    }

    #JobSearshFirstHR {
        width: 100%;
    }

    #JobSearshFilterCityStateDiv {
        width: 92%;
        padding-left: 4%;
    }

        #JobSearshFilterCityStateDiv select {
            margin: 5px;
        }

    #JobSearshSecondHR {
        width: 100%;
    }

    #JobSearshThirdHR {
        width: 100%;
    }

    #JobsFilterButtonsDiv div a {
        margin-top: 5px;
    }

    .featured-job {
        color: #454545;
    }

        .featured-job img {
            width: 120px;
        }

        .featured-job .title {
            float: left;
            width: 100%;
        }

            .featured-job .title h5 {
                font-size: 1em;
            }

            .featured-job .title p {
                font-size: 1em;
                padding-top: 20px;
            }

        .featured-job .data {
            float: left;
            width: 100%;
        }

        .featured-job .description {
            float: left;
            width: 100%;
            text-align: justify;
        }

    #jobsList {
        float: left;
        width: 95%;
        border: none;
        margin-top: 60px;
    }

    #navigationsDivCount {
        text-align: center;
        height: 40px;
        padding-top: 10px;
    }

    #navigationsDiv {
        float: left;
        margin: 0px;
        width: 100%;
        height: 30px;
    }

        #navigationsDiv input {
            float: left;
            width: 40px;
            height: 30px;
            margin-top: 1px;
            font-size: 1em;
        }

        #navigationsDiv select {
            float: right;
            margin: 0px;
            height: 30px;
            margin-top: 1px;
        }


    /*JobsDetails*/

    #JobsDetailsConiter {
        padding-top: 40px;
    }

    .JobsDetailsRowTypeDiv {
        width: 88%;
        margin-left: 3%;
    }

        .JobsDetailsRowTypeDiv .IPageBackButton {
            margin: 0px;
            margin-top: -55px;
            margin-left: 10px;
        }

    #JobsDetasilsJobTitle {
        font-size: 2em;
        margin-left: 0px;
    }

    #JobsDetailsLocation {
        width: 100%;
        float: left;
        margin-top: 15px;
    }

    #JobsDetailsEmployment {
        width: 100%;
        float: left;
        margin-top: 15px;
    }

    #JobsDetailsSalary {
        width: 100%;
        float: left;
        margin-top: 15px;
    }

    #JobDetailsContentDiv {
        margin-top: 0px;
    }

    #JobDetailsJobDescriptin {
        margin: 0px;
        float: left;
        width: 94%;
    }

    #JobDetailsApplyJobBtn {
        margin-top: 20px;
    }

    #JobDetailsCompanyLogo {
        width: 200px;
    }


    /*Job Seeker*/

    #JobSeekerContentImage {
        width: auto;
        margin-top: 10px;
        -webkit-transition: all .3s;
    }

    #JobSeekerHead {
        font-size: 1.8em;
        -webkit-transition: all .3s;
    }

    .JobSeekerLoginForm {
        width: auto;
        -webkit-transition: all .3s;
    }

    /*Job Seeker Register Popup*/

    #JobSeeker-register .popup-form {
        left: 50%;
        margin: 60px 0 60px -350px;
        position: absolute;
        top: 0;
        width: 700px;
        -webkit-transition: all .3s;
    }

        #JobSeeker-register .popup-form .form-group-Ppoup {
            width: 47%;
            -webkit-transition: all .3s;
        }

        #JobSeeker-register .popup-form div .uploadImageDiv {
            position: fixed;
            width: 300px;
            height: 180px;
            background-color: white;
            -webkit-border-radius: 3px;
            top: 50%;
            left: 50%;
            margin-left: -150px;
            margin-top: -90px;
            -webkit-box-shadow: 0px 0px 10px black;
            z-index: 1;
            word-wrap: break-word;
        }

    /*Forgot Password popup*/

    .ForgotPassword {
        width: 320px;
        height: 190px;
        background-color: white;
        display: inline-block;
        -webkit-border-radius: 5px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -160px;
        margin-top: -85px;
        -webkit-transition: all .5s;
        -webkit-box-shadow: 0px 0px 5px black;
        animation: AnimationForgotPassword .5s;
        z-index: 0;
        -webkit-transition: all .3s;
    }


    /*Personalities*/

    #FAMOUSPERSONALITIESConrainer {
        padding-top: 10px;
        -webkit-transition: all .3s;
    }

    #FAMOUSPERSONALITIESHead {
        font-size: 1.5em;
        -webkit-transition: all .3s;
    }

    .PersonalitiesItemsDiv {
        width: 250px;
        float: left;
        height: 250px;
        display: inline-block;
        margin: 10px;
        margin-left: 50px;
        text-align: center;
        -webkit-border-radius: 3px;
        -webkit-box-shadow: 0px 0px 7px #ccc;
        -webkit-transition: all .3s;
    }


    /*Personalitys Details*/

    #PersonalitiesDetailsSection {
        padding-top: 80px;
        margin: 0px;
        -webkit-transition: all .3s;
    }

    #PersonalitisDetailsRowDiv {
        width: 92%;
        margin: 0px;
        -webkit-transition: all .3s;
    }

    .topcontainerDiv .itemContentDiv:first-child {
        width: 30%;
        float: left;
        text-align: left;
        display: inline-block;
        margin: 0px;
        -webkit-transition: all .3s;
    }

        .topcontainerDiv .itemContentDiv:first-child img {
            width: 100%;
            -webkit-transition: all .3s;
        }

    .topcontainerDiv .itemContentDiv:last-child {
        width: 70%;
        float: left;
        display: inline-block;
        -webkit-transition: all .3s;
    }

        .topcontainerDiv .itemContentDiv:last-child div {
            width: 100%;
            margin: 0px;
            float: left;
            padding-top: 10px;
            margin-top: 1%;
            border-bottom: 1px solid #ccc;
            font-size: 1.5em;
            -webkit-transition: all .3s;
        }

            .topcontainerDiv .itemContentDiv:last-child div:last-child {
                margin-top: 60px;
                font-size: 1.4em;
                border-bottom: none;
                font-style: italic;
                -webkit-transition: all .3s;
            }

    #PersonalitiesAboutDiv {
        width: 100%;
        text-align: justify;
        -webkit-transition: all .3s;
    }



    /*JobSeekerAccountSettings*/

    #AccountSettingsHeading {
        font-size: 1.8em;
        -webkit-transition: all .3s;
    }

    #AccountSettingsContainer {
        padding-top: 10px;
        -webkit-transition: all .3s;
    }

        #AccountSettingsContainer .row {
            width: 100%;
            margin: 0px;
            -webkit-transition: all .3s;
        }

            #AccountSettingsContainer .row .col-sm-12 {
                width: 100%;
                padding: 0px;
                float: left;
                -webkit-transition: all .3s;
            }

            #AccountSettingsContainer .row .col-sm-6 {
                width: 48%;
                padding: 0px;
                float: left;
                margin-left: 1%;
                -webkit-transition: all .3s;
            }

    .changeImageContainer {
        float: left;
        width: 100%;
        margin-top: 30px;
        display: inline-block;
        height: 40px;
        width: 250px;
        background-color: white;
        -webkit-border-radius: 3px;
        -webkit-box-shadow: 0px 0px 5px #888;
        padding: 0px;
        -webkit-transition: all .3s;
    }

        .changeImageContainer img {
            float: left;
            height: 40px;
            width: 40px;
            margin: 0px;
            -webkit-border-bottom-left-radius: 3px;
            -webkit-border-top-left-radius: 3px;
            margin-top: -20px;
            -webkit-transition: all .3s;
        }

            .changeImageContainer img:first-child {
                position: absolute;
                -webkit-transition: all .3s;
                -webkit-transition: all .3s;
            }

        .changeImageContainer input {
            float: left;
            border: none;
            outline: none;
            background-color: transparent;
            color: #0f858d;
            height: 40px;
            font-size: 1.1em;
            -webkit-border-bottom-right-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            margin: 0px;
            margin-top: -20px;
            -webkit-transition: all .3s;
        }

    #AccountsSetingsLastButtons button {
        margin: 5px;
        -webkit-transition: all .3s;
    }


    /*My Job Cart*/

    #MyJobCartHead {
        font-size: 1.7em;
    }

    #ListAppliedJobs {
        margin-top: 40px;
    }

    .AppliedJobItemDiv {
        width: 270px;
        height: 230px;
        background-color: white;
        -webkit-border-radius: 3px;
        -webkit-box-shadow: 0px 0px 3px rgb(200,200,200);
        margin: 7px;
        margin-left: 25px;
        float: left;
        overflow: hidden;
        -webkit-transition: all .3s;
    }


    /*Manage Profile*/

    #ManageProfileHead {
        font-size: 1.9em;
        -webkit-transition: all .3s;
    }

    #BiographyMunuToogleBtn {
        display: none;
        -webkit-transition: all .3s;
    }

    .LeftMenucontentBiographyDiv {
        width: 30%;
        float: left;
        border-left: 1px solid rgba(255,255,255,0.5);
        border-right: 1px solid rgba(255,255,255,0.5);
        border-top: 1px solid rgba(255,255,255,0.5);
        color: rgb(50,50,50);
        display: block;
        -webkit-transition: all .3s;
    }

    .RightcontentBiographyDiv {
        width: 68%;
        float: right;
        display: inline-block;
        -webkit-transition: all .3s;
    }

    .addCareerChiocePopuop {
        position: fixed;
        width: 400px;
        height: 85%;
        background-color: rgb(255,255,255);
        border-top: 5px solid #0f858d;
        top: 65px;
        left: 50%;
        margin-left: -200px;
        z-index: 1;
        overflow-y: scroll;
        padding-bottom: 10px;
        -webkit-transition: all .3s;
    }

        .addCareerChiocePopuop::before {
            position: absolute;
            content: '';
            border-bottom: 10px solid #0f858d;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            margin-top: -15px;
            margin-left: 30px;
            display: none;
            -webkit-transition: all .3s;
        }

    .FieldEditpopup {
        position: fixed;
        top: 70px;
        height: 85%;
        left: 50%;
        width: 400px;
        margin-left: -200px;
        z-index: 1;
        background-color: rgba(255,255,255,0.9);
        border-top: 7px solid #0f858d;
        -webkit-box-shadow: 0px 0px 5px black;
        overflow-y: scroll;
        padding-bottom: 10px;
        -webkit-transition: all .3s;
    }

    .CareerChoiceItemDiv {
        width: 100%;
        float: left;
        display: inline-block;
        height: 40px;
        border-bottom: 1px solid rgba(255,255,255,0.8);
        margin-top: 5px;
        color: white;
        background-color: rgba(255,255,255,0.7);
        margin-bottom: 0px;
        display: block;
        -webkit-transition: all .3s;
    }

    .BioGraphyItemBox {
        width: 300px;
        display: inline-block;
        background-color: rgba(255,255,255,0.7);
        margin: 7px;
        margin-left: 35px;
        float: left;
        padding: 7px;
        -webkit-border-radius: 3px;
        display: none;
        -webkit-transition: all .3s;
    }

    .uploadImageDiv {
        position: fixed;
        width: 300px;
        height: 180px;
        background-color: white;
        -webkit-border-radius: 3px;
        top: 50%;
        left: 50%;
        margin-left: -150px;
        margin-top: -90px;
        -webkit-box-shadow: 0px 0px 10px black;
        z-index: 1;
        word-wrap: break-word;
    }
}