@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);

.btn-default,
.f-jobs-title,
.featured-paragraph,
.icom-text,
.please-login-text,
.timeline-search {
    font-family: Poppins
}

.institute-img,
.institute-txt {
    position: relative;
    min-height: 1px
}

.h1-award-color,
.h3-award-color {
    letter-spacing: 1px;
    font-weight: 700
}

.zmdi-icon-size {
    margin-top: 10px;
    color: #fff;
    font-size: 20px
}

.social-icon-pad-left {
    padding-left: 2px !important
}

.width-22 {
    width: 22px
}

.please-login-text {
    color: #000;
    background-color: #fac036;
    font-size: 14px !important;
    padding: 3px;
    border-radius: 0 0 10px 10px;
    width: 100%;
    box-shadow: rgb(50 50 93 / 25%) 0 6px 12px -2px, rgb(0 0 0 / 30%) 0 3px 7px -3px;
    text-align: center
}

.please-login-text a {
    color: #000
}

.font-16 {
    font-size: 16px !important
}

.icom-text {
    clear: both;
    display: block;
    color: #999;
    font-size: 11px !important
}

.d-m-r-0 {
    margin-right: 0 !important
}

.d-pad-left-right-30 {
    padding-left: 30px;
    padding-right: 30px !important
}

.preview-btn {
    margin: 15px 5px
}

.d-m-t-0,
.my-b-m,
.timeline-jobs-txt {
    margin-top: 0 !important
}

.modal-footer-2 {
    padding: 10px 23px !important
}

.d-height-170 {
    height: 170px
}

.read-row {
    margin-right: 0;
    margin-left: 0
}

.mob-like-btn {
    margin-bottom: 20px
}

.timeline-jobs-txt {
    display: inline-block;
    margin-bottom: 0 !important
}

.timeline-search {
    height: 40px;
    padding: 5px 5px 5px 1em;
    width: 100%;
    box-shadow: rgb(50 50 93 / 25%) 0 2px 5px -1px, rgb(0 0 0 / 30%) 0 1px 3px -1px;
    border: none;
    border-radius: 7px
}

.d-pad-bot-30 {
    padding-bottom: 30px !important
}

.news-h1 {
    display: inline !important;
    margin: 0 !important
}

#form_method,
.save-c-img-2 {
    margin-bottom: 10px
}

.fl-btn {
    float: left !important
}

.pad-10 {
    padding: 10px
}

#user-message-btn {
    margin-top: 5px
}

.btn-default {
    height: 30px
}

.info-2,
.wtpad-top-10 {
    padding-top: 10px
}

.job-response-leftsidebar {
    margin-top: 20px;
    position: relative;
    overflow: visible;
    box-sizing: border-box;
    padding-left: 0 !important;
    left: 27px !important
}

.save-c-fullname {
    color: #000;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 700
}

.save-c-img-2 {
    position: relative;
    border: 1px solid #ddd;
    height: auto;
    padding: 5px;
    margin-top: 10px
}

.job-svg-pad {
    padding: 0 5px
}

.search-db-m {
    margin: 0 5px
}

.job-response-middle {
    padding-left: 40px;
    padding-right: 23px;
    margin-top: 20px
}

.gmp {
    padding-left: 5px !important
}

.admin-muser-m {
    margin-top: -15px;
    float: right
}

.event-box-list {
    height: 270px;
    background: #fff;
    padding: 5px 10px;
    margin-bottom: 0
}

.c-bg-color,
.new-font {
    background: #47356e
}

.event-pad-r {
    padding-right: 30px;
    padding-left: 8px
}

.gm-img {
    width: 90px !important
}

.font13 {
    font-size: 13px !important
}

.d-margin-left-right-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
    line-height: 24px
}

.award-count,
.b-count {
    line-height: 25px;
    transition: .4s;
    pointer-events: none;
    cursor: pointer
}

.d-pad-left-right-15,
.mob-pad-left-right-30,
.pad-space-4 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.d-width-20,
.d-width-80 {
    padding-left: 0;
    padding-right: 0
}

.page-about-txt {
    padding: 0;
    font-size: 16px
}

.d-width-20 {
    width: 20%;
    float: left
}

.d-width-80,
.d-width-85 {
    width: 80%;
    float: left
}

.alumni-fullname {
    color: #000;
    padding-left: 10px;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700
}

.b-c-l {
    left: 27px;
    padding-left: 0
}

.b-c-t {
    padding-left: 50px;
    padding-right: 8px
}

.count_heading {
    font-size: 18px !important;
    color: #604594 !important
}

.fetch-img-pad {
    padding-top: 20px;
    padding-bottom: 10px
}

.fetch-img {
    border: 1px solid #ddd;
    height: 135px;
    width: 135px;
    padding: 5px;
    opacity: 1;
    display: block;
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.d-pad-top-12 {
    padding-top: 12px
}

.f-jobs-title {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    padding-top: 15px
}

.pad-left-7 {
    padding-left: 7px
}

.txt-white {
    color: #fff !important
}

.d-margin-5 {
    margin-left: 5px;
    margin-right: 5px
}

.blog-row {
    margin-right: -20px;
    margin-left: -20px
}

.height-515 {
    height: 515px
}

.alumni-info {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.b-circle,
.cc-theme-edgeless.cc-window,
.for-mobile4,
.more_jobs {
    display: block
}

.featured-paragraph {
    margin-left: 80px;
    margin-bottom: 0;
    font-size: 12px
}

.btn-glossy {
    padding-left: 15px;
    padding-right: 15px
}

.featured-img {
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 6px
}

.institute-img {
    padding-right: 0;
    padding-left: 0;
    width: 18%
}

.institute-txt {
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 78%
}

.d-margin-top-11 {
    margin-top: -20px
}

.dp-open {
    right: 8px;
    top: -15px
}

.width-110 {
    width: 95px !important
}

.dp-open-2 {
    right: 8px;
    z-index: 1
}

.both-right,
.d-float-r,
.event-btn,
.faq-right-left,
.header-menu-align,
.pull-left-right-2,
.pull-right-5,
.rtl-feature-btn,
.rtl-read-faq-btn {
    float: right
}

.blog-card-txt {
    float: left;
    margin-bottom: 0;
    text-align: left
}

.not-profile {
    left: 530px;
    right: auto
}

.award-count {
    color: #020202;
    font-weight: 700;
    border: 3px;
    text-decoration: underline;
    font-size: 14px;
    top: 3px;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.h3-award-color {
    color: #000;
    padding-top: 20px;
    font-size: 28px
}

.h1-award-color {
    color: #000;
    font-size: 36px
}

.pad-left-right-10 {
    padding-left: 10px;
    padding-right: 10px
}

.article-margin-15 {
    margin-top: -15px;
    color: #000
}

.padding-left-0-2 {
    padding-left: 0
}

.pg-left-sidebar {
    height: 50px;
    padding-top: 10px;
    padding-right: 10px
}

.credits-align {
    float: right;
    position: absolute;
    top: 72px;
    left: 90%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.m-left-20 {
    margin-left: 8px
}

.b-circle,
.b-count {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.seo-card-pad {
    float: left;
    margin-bottom: 0
}

.blogs-f-padding,
.padding-left-30-3 {
    padding-left: 30px;
    padding-right: 15px
}

.pad-top-5 {
    padding-top: 5px
}

.new-font {
    color: #fff;
    padding: 7px;
    margin-top: 2px
}

.b-slider-pad {
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 15px
}

.b-pad-top-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.b-pad-mar-15 {
    margin-top: 15px;
    border: 1px solid #e1d4fd
}

.benefits-bg {
    background: url(../img/benefits.jpg) top left/cover no-repeat;
    height: 550px
}

.b-count {
    background: #47356e;
    width: 30px;
    height: 30px;
    color: #fff;
    border: 3px solid #47356e;
    font-size: 12px;
    top: 3px;
    border-radius: 100%
}

.business-solution {
    background: url(../img/Banner.jpg) top center/cover no-repeat;
    height: 272px;
    margin-top: 0
}

.podcast-solution {
    background: url(https://resume-image-upload.s3.ap-southeast-1.amazonaws.com/upload/photos/Podcast-Banner.jpg) top center/cover no-repeat;
    height: 272px;
    margin-top: 0
}

.awards-solution {
    background: url(../img/Our-Awards-2.jpg) top center/cover no-repeat;
    height: 272px;
    margin-top: 0
}

.business-color {
    color: #fac036 !important
}

.pad-left-400 {
    padding-left: 400px
}

.height-60 {
    height: 70px
}

.page-p-txt {
    padding: 0 !important;
    font-size: 13px;
    font-family: Poppins, sans-serif;
    line-height: 24px
}

.b-circle {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    background: #624796;
    display: flex;
    align-items: center;
    justify-content: center
}

.oam-background,
.oam-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.oam-wrapper {
    min-width: max-content;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    overflow: auto;
    z-index: 11;
    font-size: 1.6rem
}

.oam-background {
    height: 100%;
    background-color: #1c1c1c;
    opacity: .85;
    visibility: visible;
    transition: opacity .25s;
    -webkit-transition: opacity .25s;
    -moz-transition: opacity .25s
}

.oam-bodyWrapper {
    position: absolute;
    bottom: 0;
    width: 100vw;
    min-height: 0;
    transition: .25s, visibility;
    -webkit-transition: .25s, visibility;
    -moz-transition: .25s, visibility;
    border-radius: .6rem .6rem 0 0;
    background-color: #fff;
    height: max-content;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 1;
    display: block
}

.accept-btn,
.ignore-btn-2 {
    position: relative;
    bottom: 40px
}

.oam-titleSeperator,
.oam-topSeperator {
    align-self: center;
    background-color: #e8e8e8
}

.oam-bodyWrapper section {
    min-height: 8rem;
    display: block;
    overflow: initial;
    padding: 0 1.6rem 1.6rem
}

.oam-topSeperator {
    border-radius: .8rem;
    margin-top: 1.2rem;
    height: .5rem;
    width: 4.6rem
}

.oam-body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.oam-title {
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    width: 100%;
    margin-top: 1.2rem
}

.oam-titleSeperator {
    height: 1px;
    margin-top: 1.6rem
}

.oam-itemsWrapper {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.oam-imageWrapper {
    position: relative;
    max-width: 100%;
    width: 5.8rem;
    height: 5.8rem;
    overflow: hidden
}

.oam-imageWrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    opacity: 1;
    border-radius: inherit;
    transition: opacity .25s, transform .25s;
    -webkit-transition: opacity .25s, transform .25s;
    -moz-transition: opacity .25s, transform .25s
}

.oam-description {
    margin-left: 1.6rem;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    font-size: 1.6rem;
    font-weight: 100
}

.oam-btn-red {
    background: #ed5a6b;
    color: #fff
}

.faq-h4,
.right-rfq-h {
    margin-bottom: 8px;
    color: #36246c
}

.oam-actionButton {
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    font: 400 1.5rem Arial;
    border-width: 0;
    border-style: outset;
    border-image: initial;
    cursor: pointer;
    min-width: 8rem;
    height: 3.2rem;
    border-radius: 2rem;
    outline: 0
}

.time-fea-course,
a {
    font-family: Poppins
}

.a-tag,
.faq-h4,
.right-rfq-h,
.s-heading-t,
.title_underline-4 {
    font-weight: 700
}

.all-banner-faq,
.company-banner-faq,
.institute-banner-faq,
.professional-banner-faq,
.student-banner-faq,
.supplier-banner-faq {
    height: 272px;
    margin-top: 0
}

.faq-h4,
.right-rfq-h,
a {
    text-decoration: none;
    outline: 0 !important
}

.instiimg,
.rtl-join-pad {
    float: right;
    padding-right: 15px
}

.alumni-img-align {
    float: left
}

.accept-btn {
    right: 20px
}

.ignore-btn-2 {
    right: 15px
}

.all-banner-faq {
    background: url(../img/F1.jpg) top center/cover no-repeat
}

.company-banner-faq {
    background: url(../img/faq-company.jpg) top center/cover no-repeat
}

.institute-banner-faq {
    background: url(../img/faq-institute.jpg) top center/cover no-repeat
}

.supplier-banner-faq {
    background: url(../img/faq-supplier.jpg) top center/cover no-repeat
}

.professional-banner-faq {
    background: url(../img/faq-professtional.jpg) top center/cover no-repeat
}

.student-banner-faq {
    background: url(../img/faq-students.jpg) top center/cover no-repeat
}

.right-rfq-h {
    font-size: 16px;
    padding: 10px 0
}

.faq-center-pad {
    padding-left: 15px;
    padding-right: 10px
}

.faq-middle-pad,
.my-network-timeline-pad {
    padding-left: 25px
}

.faq-middle-pad {
    padding-right: 0
}

.faq-h4 {
    font-size: 19px
}

.network-search {
    margin-top: 20px;
    background: #fff;
    margin-bottom: 20px
}

.timeline-pad-3 {
    padding-left: 40px;
    padding-right: 24px
}

.add-me {
    height: 30px !important;
    padding: 3px 12px !important
}

.network-box {
    box-shadow: rgb(0 0 0 / 15%) 0 20px 30px
}

.margin-top-30 {
    margin-top: 30px
}

form.example input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 1px solid #fff;
    float: left;
    width: 95%;
    background: #fff
}

form.example button {
    float: left;
    width: 5%;
    padding: 10px;
    background: #332563 !important;
    color: #fff;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer
}

form.example button:hover {
    background: #0b7dda
}

form.example::after {
    content: "";
    clear: both;
    display: table
}

.web-color {
    background: #70549d
}

.time-title {
    display: flex;
    float: left;
    padding-top: 7px
}

.rating-img {
    width: 70%
}

.s-heading-t {
    font-size: 16px !important;
    text-transform: capitalize
}

.credits-color {
    color: #000;
    background: #fac036;
    padding: 2px
}

.d-margin-top-25 {
    margin-top: 25px
}

.for-mobile3,
.for-mobile33 {
    display: none !important
}

.pad-left-10 {
    padding-left: 10px
}

.menuactive {
    color: #fac036 !important;
    border-bottom: 3px solid #fac036
}

.menuactive-2 {
    background: #2d93bc !important;
    border-bottom: 3px solid #2d93bc !important
}

.a-tag {
    padding: 10px
}

.pad-top-24 {
    padding-top: 24px
}

.d-margin-top-50 {
    margin-top: 50px
}

.pad-top-bot-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.d-margin-top-15 {
    margin-top: 15px
}

.timeline-pad-2 {
    padding-left: 40px;
    padding-right: 15px
}

.img-f-left {
    float: left;
    width: 110px;
    margin-right: 20px
}

.search-db-btn {
    float: right;
    margin-left: 15px
}

.exp-btn-main {
    padding: 0;
    margin: 0
}

.desktop-center {
    align-items: center;
    display: inline-flex
}

.left-sidebar-pad {
    z-index: 9;
    padding-left: 0 !important;
    left: 27px !important
}

.dashboard-pad {
    padding-left: 40px;
    padding-right: 10px
}

.exp-btn-second {
    text-align: center;
    width: auto;
    margin: 2px;
    background-image: linear-gradient(90deg, #4b318a 0, #654997 61%, #7f62a4 100%);
    padding: 10px 0;
    display: inline-block;
    text-transform: capitalize
}

.btn-active-2,
.market-p-btn {
    background: #fba919
}

.exp-btn-second a {
    color: #fff;
    padding: 15px 11px;
    font-size: 13px;
    text-decoration: none
}

.pad-left-50 {
    padding-left: 50px
}

.margin-top-0 {
    margin-top: 0
}

.feature_underline-2 {
    border-bottom: 2px solid orange;
    font-size: 14px;
    display: inline-flex;
    font-weight: 700
}

.pad-left-right12 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.timeline-featured-img {
    width: 100%;
    height: 95px;
    object-fit: cover;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out
}

.border-yellow {
    border-bottom: 2px solid #fba919
}

.btn-active-2,
.btn-active-2:hover {
    color: #fff;
    outline: 0;
    border: 1px solid #fba919
}

.post-youtube-2 iframe {
    height: 350px;
    border: 3px solid #47356e
}

.btn-active-2:hover {
    background: #604594
}

.no-effect a:hover {
    background: 0 0
}

.time-fea-course {
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: left;
    height: 60px
}

.post-job-btn {
    float: right;
    margin-top: -6px
}

.myplan-btn,
.myplan-btn-2 {
    position: absolute;
    bottom: 98px;
    left: 0;
    right: 0
}

#JBcontent.jobindex #indexmenu ul {
    padding: 5px !important;
    border: 1px solid #fff;
    background: #f5f5f5;
    overflow: hidden
}

#JBcontent.jobindex ul,
#JBcontent.jobindex ul li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important
}

#JBcontent.jobindex #indexmenu ul li {
    background: 0 0;
    height: 50px;
    overflow: hidden;
    font-size: 1em;
    text-align: left;
    border: 1px solid #fff;
    width: 33.333333%;
    margin: 0 !important;
    display: block;
    float: left
}

#JBcontent.jobindex #indexmenu ul li a {
    padding-left: 15px;
    padding-top: 5px;
    display: block
}

.text-shadow {
    display: none
}

.width-100 {
    width: 100% !important
}

.fetured-img-120 {
    height: 120px !important
}

.height-265 {
    height: 265px
}

.title_underline-4 {
    border-bottom: 2px solid orange;
    font-size: 20px;
    display: inline-flex
}

.setting-label {
    color: red;
    padding-left: 0
}

.market-p-btn {
    color: #000;
    font-weight: 500 !important;
    height: 30px;
    margin-top: 0 !important;
    right: 0;
    z-index: 1
}

#cover-image {
    display: block;
    width: 100%
}

.width10,
.width9-10 {
    width: 10%
}

.width9 {
    width: 9%
}

.width7 {
    width: 7%
}

.width6 {
    width: 6%
}

.c-setting-3 {
    padding-left: 100px;
    padding-right: 100px
}

.exp-company {
    width: 170px
}

.c-img-pad-3 {
    width: 320px;
    padding-top: 20px
}

.partner-padding {
    background: #7356a6;
    padding: 30px;
    width: 80%;
    margin-top: 20px
}

.height-330-2 {
    height: 330px
}

.blog-list-img-2,
.blog-list-img-5 {
    width: 100%;
    height: 120px;
    object-fit: cover;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out
}

.blog-list-img-2 {
    border: 1px solid #eee
}

.blog-pad-space,
.pad-space-6 {
    padding-left: 15px !important;
    padding-right: 5px !important
}

.article-list-img {
    height: 240px;
    object-fit: cover;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out
}

.search-pageination {
    float: right;
    margin-top: -30px
}

.renew-btn,
.show-records {
    float: left;
    padding-left: 0;
    padding-right: 0
}

.show-records {
    width: 30%
}

.renew-btn {
    width: 70%
}

.rounded-circle-testimonial {
    width: 150px;
    display: block;
    margin: 20px auto
}

.article-list-img-3 {
    width: 100%;
    height: auto;
    object-fit: fill;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out
}

@media (min-width:1025px) and (max-width:1140px) {
    .height-515 {
        height: 600px
    }

    .pricing button {
        width: 200px;
        height: 40px
    }
}

@media (min-width:991px) and (max-width:1024px) {
    .tb-pad-left-right-15 {
        padding-left: 15px;
        padding-right: 15px
    }

    .pricing button {
        width: 200px;
        height: 40px
    }

    .tb-m-l-20 {
        margin-left: 20px
    }

    .tb-m-b-50,
    .tb-margin-bot-50 {
        margin-bottom: 50px
    }

    .height230 {
        height: 330px
    }

    .height-90 {
        height: 125px
    }

    .d-height-170 {
        height: 210px
    }

    .wo_user_side_info li {
        display: block;
        padding-left: 0
    }

    .mob-m-bot-100 {
        margin-bottom: 100px !important
    }

    .mob-pad-bot-50 {
        padding-bottom: 50px
    }

    .height-220 {
        height: 250px !important
    }

    .height-60 {
        height: 90px !important
    }

    .tb-btn-100 {
        width: 100%
    }

    .tb-no-margin {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .event-box-list {
        height: 250px;
        background: #fff;
        padding: 5px 10px;
        margin-bottom: 0
    }

    .brand-right-pad,
    .help-right,
    .tb-p-6 {
        padding-right: 0
    }

    .event-timeline-pad {
        padding-left: 45px;
        padding-right: 5px
    }

    .tb-p-width {
        width: 60px !important
    }

    .gmp {
        padding-left: 15px !important
    }

    .d-width-20,
    .d-width-80 {
        padding-left: 0;
        padding-right: 0;
        float: left
    }

    .gm-img {
        width: 70px !important
    }

    .select2-container {
        min-width: 100% !important
    }

    .d-width-20 {
        width: 25%
    }

    .d-width-80 {
        width: 75%
    }

    .d-width-85 {
        width: 80%;
        float: left
    }

    .height-515 {
        height: 630px
    }

    .tb-pro-width-50 {
        width: 50%
    }

    .institute-img {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        width: 25%
    }

    .renew-btn,
    .show-records {
        float: left;
        padding-left: 0;
        padding-right: 0
    }

    .width-110 {
        width: 80px !important
    }

    .bottom-80 {
        margin-bottom: 80px
    }

    .cc-theme-edgeless.cc-window {
        display: none
    }

    .tb-margin-b-10 {
        margin-bottom: 10px
    }

    .messages-recipients-list img {
        margin-left: 0
    }

    .tab-pro-margin-b-60 {
        margin-bottom: 60px
    }

    .show-records {
        width: 100%;
        margin-bottom: 10px
    }

    .renew-btn {
        width: 100%
    }

    .deleted-selected {
        float: none;
        margin-left: 0;
        margin-top: 10px
    }

    .deleted-selected-2 {
        float: none;
        margin-left: 10px;
        margin-top: 10px
    }

    .width10,
    .width6,
    .width7,
    .width9,
    .width9-10 {
        float: left
    }

    .wow_sett_sidebar>ul>li>a {
        display: contents
    }

    .tab-pro-margin-left-30 {
        margin-left: -30px
    }

    .tab-pro-margin-left-15 {
        margin-left: -15px
    }

    .font13 {
        font-size: 13px
    }

    .groupmenulist {
        padding: 2px 15px;
        text-decoration: underline !important;
        transition: .2s
    }

    .blog-list-img-5 {
        border: 1px solid #eee;
        width: 100%;
        height: 160px;
        object-fit: cover;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out
    }

    .pad-left-75 {
        padding-left: 65px
    }

    .degree-bg {
        background: url(../img/degree-student.jpg) top left/cover no-repeat;
        height: 600px
    }

    .pad-left-50 {
        padding-left: 50px
    }

    .c-setting-3 {
        padding-left: 70px;
        padding-right: 70px
    }

    .search-container .search-input {
        width: 460px
    }

    .credits-align {
        left: 92%
    }

    .width9-10 {
        width: 16%
    }

    .width9 {
        width: 17%
    }

    .width7 {
        width: 12%
    }

    .width6 {
        width: 15%
    }

    .width10 {
        width: 20%
    }

    .student-banner {
        background: url(../img/1-04.jpg) top center/contain no-repeat;
        height: 200px;
        margin-top: 0
    }

    .margin-top-178px {
        margin-top: 0
    }

    .txt-middle {
        position: absolute;
        top: 7%;
        left: 0;
        right: 0
    }

    .height-475 {
        height: 580px
    }

    .pad-bottom-30 {
        padding-bottom: 30px
    }

    .article-count {
        height: 150px !important;
        margin-bottom: 0
    }

    .ipad-pro-top-85 {
        top: 85px !important
    }

    .article-info {
        display: flex
    }

    .wo_settings_page {
        background-color: #fff;
        border-radius: 0;
        padding: 15px;
        margin-bottom: 40px
    }

    .pro-padtop-10 {
        padding-top: 10px;
        margin-bottom: 5px !important
    }

    .tb-height-110 {
        height: 110px !important
    }

    .all-banner-faq,
    .company-banner-faq,
    .institute-banner-faq,
    .professional-banner-faq,
    .student-banner-faq,
    .supplier-banner-faq {
        height: 230px;
        margin-top: 0
    }

    .all-banner-faq {
        background: url(../img/F1.jpg) top center/contain no-repeat
    }

    .company-banner-faq {
        background: url(../img/faq-company.jpg) top center/contain no-repeat
    }

    .institute-banner-faq {
        background: url(../img/faq-institute.jpg) top center/contain no-repeat
    }

    .supplier-banner-faq {
        background: url(../img/faq-supplier.jpg) top center/contain no-repeat
    }

    .professional-banner-faq {
        background: url(../img/faq-professtional.jpg) top center/contain no-repeat
    }

    .student-banner-faq {
        background: url(../img/faq-students.jpg) top center/contain no-repeat
    }

    .tb-pro-width {
        width: 25%
    }

    .institute-txt {
        width: 71%
    }
}

@media (max-width:990px) and (min-width:768px) {

    .myplan-btn-2,
    .txt-middle {
        position: absolute;
        right: 0
    }

    .tb-m-l-20 {
        margin-left: 45px
    }

    .tb-top-15 {
        padding-top: 17px !important
    }

    .header-brand {
        margin: 0 20px 11px 0
    }

    .profile-container .card.hovercard .user-avatar {
        position: absolute;
        bottom: -27px;
        margin-left: 10px;
        margin-right: 10px;
        z-index: 1;
        width: 120px;
        height: 120px
    }

    .event-timeline-pad,
    .t-pad-top-15 {
        padding-top: 15px
    }

    .tb-width-90,
    .width-90pc {
        width: 90%
    }

    .b-c-t,
    .c-setting-3,
    .padding40-30 {
        padding-left: 30px;
        padding-right: 30px
    }

    .tb-pad-right-15 {
        padding-right: 15px
    }

    .my-network-timeline-pad,
    .padding-left-25-2 {
        padding-left: 15px
    }

    .credits-align {
        top: 90px
    }

    .d-margin-top-11 {
        margin-top: 11px
    }

    .tb-height-110-2 {
        height: 110px !important
    }

    .mob-pad-left-right-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .tb-margin-bot-50 {
        padding-bottom: 50px;
        margin-bottom: 50px
    }

    .myplan-btn-2 {
        bottom: 98px;
        left: 0
    }

    .benefits-bg {
        background: url(../img/benefits.jpg) top left/cover no-repeat;
        height: 70vh
    }

    .pad-left-400 {
        padding-left: 200px
    }

    .tb-txt-left {
        text-align: left !important
    }

    .tb-pad-top-30 {
        padding-top: 30px !important
    }

    .bottom-80 {
        margin-bottom: 80px
    }

    .faq-middle-pad {
        padding-left: 0;
        padding-right: 0
    }

    .t-width-100 {
        width: 100% !important
    }

    .t-margin-bot-40 {
        margin-bottom: 40px
    }

    .t-width-90 {
        width: 90% !important
    }

    .tb-pad-left-right-15,
    .timeline-pad-2,
    .timeline-pad-3 {
        padding-left: 15px;
        padding-right: 15px
    }

    .tab-show {
        display: block
    }

    .padding-left-55 {
        padding-left: 15px;
        padding-right: 0
    }

    .cc-theme-edgeless.cc-window {
        display: none
    }

    .credits-color {
        color: #000;
        background: red;
        padding: 0;
        top: 4px
    }

    .t-height-220 {
        height: 250px
    }

    .o-unset {
        overflow: unset !important
    }

    .m-top-110,
    .t-margin-top-50 {
        margin-top: 50px
    }

    .t-over-f {
        overflow: unset
    }

    .height-258 {
        height: auto
    }

    .tb-height-110 {
        height: 100px !important
    }

    .cv-ul-li {
        display: table-cell
    }

    .t-margin-b-10 {
        margin-bottom: 10px
    }

    .article-list-img-3 {
        height: 150px !important
    }

    .tab-pro-margin-b-60 {
        margin-bottom: 80px !important
    }

    .pad-space,
    .pad-space-3 {
        padding-left: 30px !important;
        padding-right: 30px !important;
        left: 0
    }

    .pro-padtop-10 {
        padding-top: 10px;
        margin-bottom: 5px !important
    }

    .deleted-selected {
        float: none;
        margin-left: 0;
        margin-top: 10px
    }

    .deleted-selected-2 {
        float: none;
        margin-left: 10px;
        margin-top: 10px
    }

    .renew-btn,
    .show-records {
        float: left;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .show-records {
        margin-bottom: 10px
    }

    .tab-search-pad-left-right {
        padding-left: 5px !important;
        padding-right: 15px
    }

    .tab-check-alert-white-bg {
        padding-top: 10px !important;
        padding-right: 11px !important;
        padding-left: 10px
    }

    .search_boxy {
        margin-top: 60px !important;
        margin-left: 10px !important
    }

    .tab-select-btn {
        float: right;
        margin-left: 5px !important
    }

    .tab-top-70 {
        margin-top: 70px
    }

    .wo_settings_page {
        background-color: #fff;
        border-radius: 0;
        padding: 15px;
        margin-bottom: 60px
    }

    .tab-pro-margin-left-15,
    .tab-pro-margin-left-30 {
        margin-left: -30px
    }

    .dashboard-pad {
        padding-left: 30px;
        padding-right: 10px
    }

    .timeline-pad {
        padding-left: 25px;
        padding-right: 25px;
        z-index: 1
    }

    .article-count,
    .tb-pad-top-10 {
        padding-top: 10px
    }

    .ipad-pad-top-120 {
        padding-top: 120px
    }

    .pad15 {
        padding-left: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-right: 0 !important
    }

    .flexslider .slides img {
        width: 100%;
        height: 310px !important;
        object-fit: cover;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out
    }

    .ipad-margin-top-0,
    .margin-top-178px {
        margin-top: 0
    }

    .ipad-margin-top-20 {
        margin-top: 20px
    }

    .view-all {
        vertical-align: sub
    }

    .ipad-height-50 {
        height: 50px
    }

    .ipad-margin-top-35 {
        margin-top: 35px !important
    }

    .ipad-height-65 {
        height: 65px
    }

    .groupmenulist {
        padding: 2px 5px;
        text-decoration: underline !important;
        transition: .2s
    }

    .blog-list-img-2,
    .blog-list-img-5 {
        border: 1px solid #eee;
        width: 100%;
        height: 220px;
        object-fit: cover;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out
    }

    .padding-left-55-2,
    .padding-left-65 {
        padding-left: 35px;
        padding-right: 20px
    }

    .cussidepageda-2 {
        height: 190px
    }

    .pad-bottom-60 {
        padding-bottom: 60px
    }

    .jobs-padding {
        left: 20px;
        padding-right: 50px
    }

    .txt-middle {
        top: 7%;
        left: 0
    }

    .partner-padding {
        background: #7356a6;
        padding: 30px;
        width: 100%;
        margin-top: 20px
    }

    .container-partner,
    .container-partner-2 {
        padding: 5px 15px
    }

    .container-student,
    .container-supplier {
        padding-left: 30px
    }

    .sup-pad-60 {
        padding-left: 60px
    }

    .h3-c-txt-color,
    .pad-top-70 {
        padding-top: 0
    }

    .container-supplier-2 {
        padding: 5px 30px
    }

    .pad-left-0 {
        padding-left: 0
    }

    .container-students-2 {
        padding: 5px 45px
    }

    .help-right {
        padding-right: 130px
    }

    .padding-left-100 {
        padding-left: 43px
    }

    .student-banner {
        background: url(../img/1-04.jpg) top center/contain no-repeat;
        height: 160px;
        margin-top: 0
    }

    .pad-top-100px {
        padding-top: 80px
    }

    .degree-bg {
        background: top left/cover;
        height: 560px
    }

    .pad-left-110 {
        padding-left: 110px
    }

    .c-img-pad-3 {
        width: 240px;
        padding-top: 20px
    }

    .publish-haed {
        padding-top: 0 !important
    }

    .brand-right-pad {
        padding-right: 0
    }

    .exp-company {
        width: 145px
    }

    .clear-both {
        clear: both
    }

    .tab-width-50 {
        width: 50%
    }

    .height-330-2 {
        height: 390px
    }

    .article-count {
        height: 110px !important;
        margin-bottom: 0
    }

    .text-sender-container .sendMessages .input-group {
        padding: 10px 50px 0
    }

    .left-22-2 {
        left: 0 !important
    }

    .tab-margin-bot-100 {
        margin-bottom: 100px !important
    }

    .messages-container {
        height: auto;
        overflow: hidden;
        overflow-y: auto;
        position: relative
    }

    .all-banner-faq,
    .company-banner-faq,
    .institute-banner-faq,
    .professional-banner-faq,
    .student-banner-faq,
    .supplier-banner-faq {
        height: 170px;
        margin-top: 0
    }

    .left-sidebar ul li a {
        color: #000 !important
    }

    #candidate_profile_laoded {
        margin-top: 62px
    }

    .border-right {
        margin-top: 30px !important;
        border-right: none
    }

    .padding-left-25 {
        padding-left: 15px !important
    }

    .all-banner-faq {
        background: url(../img/F1.jpg) top center/contain no-repeat
    }

    .company-banner-faq {
        background: url(../img/faq-company.jpg) top center/contain no-repeat
    }

    .institute-banner-faq {
        background: url(../img/faq-institute.jpg) top center/contain no-repeat
    }

    .supplier-banner-faq {
        background: url(../img/faq-supplier.jpg) top center/contain no-repeat
    }

    .professional-banner-faq {
        background: url(../img/faq-professtional.jpg) top center/contain no-repeat
    }

    .student-banner-faq {
        background: url(../img/faq-students.jpg) top center/contain no-repeat
    }

    .tb-pad-bot-30 {
        padding-bottom: 30px
    }

    .tab-margin-left-right-15 {
        margin-left: 15px;
        margin-right: 15px
    }

    .group-left-sidebar {
        left: auto
    }

    .img-top-margin-3 {
        position: absolute;
        bottom: 100px;
        margin-left: 30px;
        margin-right: 10px;
        z-index: 1;
        width: 120px;
        height: 120px
    }

    .tb-pad-top-40 {
        padding-top: 40px
    }

    .supplier-banner {
        background: url(../img/supplier-banner.jpg) top center/contain no-repeat;
        height: 180px;
        margin-top: 0
    }

    .attention-2 {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
        width: 100%
    }

    .add-edit2 {
        margin-top: 15px;
        margin-bottom: 15px
    }
}

@media(max-width:768px) {
    .tb-m-b-50 {
        margin-bottom: 50px
    }

    .tb-m-top-30 {
        margin-top: 30px
    }

    .profile-style:not(.promoted-style) {
        margin-right: 6px;
        height: auto;
        margin-bottom: 20px
    }

    .d-height-170 {
        height: 230px
    }

    .height-320 {
        height: 370px
    }

    .mob-pad-bot-50 {
        padding-bottom: 50px
    }

    .height-60 {
        height: 90px
    }

    .height-220 {
        height: 240px !important
    }

    .recommended-articles {
        margin: 0 0 30px
    }

    .tb-m-top-10 {
        margin-top: 10px !important
    }

    .height-435 {
        height: 480px
    }

    .student-banner {
        background: url(../img/1-04.jpg) top center/contain no-repeat;
        height: 165px;
        margin-top: 105px
    }

    .professional-banner {
        background: url(../img/prof-banner.jpg) top center/contain no-repeat;
        height: 170px;
        margin-top: 0
    }

    .company-banner {
        background: url(../img/compnaies-2.jpg) top center/contain no-repeat;
        height: 170px;
        margin-top: 0
    }

    .pad-r-35 {
        padding-right: 35px !important
    }
}

@media (max-width:990px) and (min-width:700px) {
    .company-banner {
        background: url(../img/compnaies-2.jpg) top center no-repeat;
        background-size: contain !important;
        height: 170px !important;
        margin-top: 0
    }
}

@media (max-width:990px) and (min-width:769px) {
    .resources-banner {
        background: url(../img/Resources-Banner.jpg) top left/contain no-repeat;
        height: 160px;
        margin-top: 0
    }
}

@media(max-width:767px) {

    .a-tag,
    .list-txt,
    .s-heading-t {
        font-weight: 700
    }

    .filterbyz li {
        width: 20% !important
    }

    .mob-m-top-50 {
        margin-top: 50px
    }

    .modal-footer-2 {
        padding: 10px 43px !important
    }

    .timeline-jobs-txt {
        margin-bottom: 12px !important
    }

    .mob-like-btn {
        float: left !important;
        padding-left: 30px !important;
        margin-bottom: 10px !important
    }

    .mob-m-top-0,
    .mob-margin-t-0 {
        margin-top: 0 !important
    }

    .mob-m-45 {
        margin-top: 45px
    }

    #user-message-btn {
        margin-top: 15px !important
    }

    .mob-pad-r-7 {
        padding-right: 7px !important
    }

    #family-requests-list {
        margin-top: 85px
    }

    .bootstrap-tagsinput,
    .mob-m-top-30 {
        margin-top: 30px
    }

    .wtpad-top-10 {
        padding-top: 0
    }

    .mob-m-top-10,
    .wo_read__blog .blog-author-info {
        margin-top: 10px
    }

    .ht-300 {
        height: 300px !important
    }

    .bs-video-pad {
        padding: 0 !important;
        width: 100% !important
    }

    .field-icon {
        margin-right: 0 !important
    }

    .rtl-read-faq-btn {
        float: left;
        margin-top: 5px
    }

    .name-cont-mobile-admin {
        background: #fff;
        box-shadow: 0 0 2px rgba(0, 0, 0, .2);
        text-align: left;
        margin: 0 0 20px !important;
        width: 100%;
        padding: 0
    }

    .wo_settings_page .setting-panel-mdbtn {
        padding: 9px 15px !important
    }

    .save-c-img-2 {
        position: relative;
        border: 1px solid #ddd;
        height: auto;
        width: 135px !important;
        margin: auto auto 30px;
        display: block;
        padding: 0
    }

    .mob-margin-top-20,
    .my-b-m {
        margin-top: 10px !important
    }

    .s-data-row {
        margin-right: -3px !important;
        margin-left: -15px
    }

    .tb-width-90 {
        width: 95%
    }

    .mob-pad-right-30 {
        padding-right: 30px
    }

    .d-width-20,
    .d-width-80 {
        padding-right: 0;
        float: left
    }

    .admin-muser-m {
        margin-top: 0;
        float: right
    }

    .add-edit2 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .mob-popup-height {
        height: 100vh;
        max-height: 100vh;
        overflow-y: auto
    }

    .mob-w-100 {
        width: 100px !important
    }

    .d-width-20 {
        width: 30%;
        padding-left: 8px
    }

    .d-width-80 {
        width: 70%;
        padding-left: 0;
        padding-top: 5px
    }

    .d-width-85 {
        width: 100%;
        float: left
    }

    .b-c-t {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .rb-img {
        height: 70px !important;
        width: 70px !important;
        object-fit: cover
    }

    .share_modal_social_icos>a {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        margin: 6px 9px;
        text-decoration: none
    }

    .mob-pad-10,
    .select_radio_btn .sr_btn_lab_innr {
        padding: 10px
    }

    .share_modal_opts_icos.select_radio_btn label {
        width: 98%
    }

    .share_modal_social_icos {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding-bottom: 0;
        border-bottom: 1px solid #eaeaea;
        margin-bottom: 0
    }

    .mob-share-pad {
        padding: 0 15px
    }

    .m-no-bg,
    .no-bg {
        background: 0 0 !important
    }

    .attention {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
        width: 100%
    }

    .company-img-2,
    .inst-img-2,
    .institute-img,
    .institute-txt,
    .mobile-logo-fb,
    .pp_mat_input {
        position: relative
    }

    .pad-top-20 {
        padding-top: 20px
    }

    .pad-top-11 {
        padding-top: 11px
    }

    .absul-right-2 {
        padding-left: 10px;
        float: left !important;
        top: 0 !important;
        padding-top: 10px
    }

    .login-top {
        margin-top: 10px;
        margin-right: 0 !important
    }

    .dis-content {
        display: contents
    }

    textarea.postText {
        padding-left: 65px !important
    }

    .inst-img-2 {
        border: 1px solid #ddd;
        height: auto;
        width: 135px;
        padding: 5px;
        margin-bottom: 0
    }

    .s-heading-t {
        font-size: 16px !important;
        text-transform: capitalize;
        padding: 6px
    }

    .mob-visit-btn {
        margin: 0;
        padding-left: 10px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .mob-pad-right-5 {
        padding-right: 5px
    }

    .institute-img {
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        width: auto
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -5px
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: 0
    }

    .mob-pad-15 {
        padding: 15px !important
    }

    .mob-pad-left-right-15 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .mob-pad-left-right-10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .article-title {
        font-size: 13px !important;
        font-style: normal !important
    }

    .list-txt {
        font-size: 20px;
        text-decoration: underline;
        clear: both;
        display: block;
        margin-bottom: 10px
    }

    .bs-bg,
    .cc-theme-edgeless.cc-window,
    .for-mobile4 {
        display: none
    }

    .mob-pad-left-15,
    .padding-left-25-2 {
        padding-left: 15px !important
    }

    .institute-txt {
        min-height: 1px;
        padding-right: 15px;
        padding-top: 5px;
        padding-left: 6px;
        float: left;
        width: 100%
    }

    .user-image {
        margin: 0 2px
    }

    .mob-width-90 {
        width: 90% !important
    }

    .d-float-r,
    .event-btn,
    .pull-left-right-2,
    .pull-right-5 {
        float: left
    }

    .mob-pad-left-right-30 {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .mob-m-bot-15 {
        margin-bottom: 15px !important
    }

    .mob-left {
        float: left;
        margin-top: 20px !important
    }

    .mob-border-none {
        border: none
    }

    .mob-width-100,
    .t-width-90 {
        width: 100% !important
    }

    .mob-pad-top-bot-30 {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .mob-pad-bot-50 {
        padding-bottom: 50px
    }

    .benefits-bg {
        background: url(../img/benefits.jpg) top left/cover no-repeat;
        height: auto
    }

    .tb-pad-top-30 {
        padding-top: 30px !important
    }

    .business-solution {
        background: top center/cover #534b7d;
        height: auto;
        margin-top: 100px
    }

    .bs-bg {
        background: url(../img/BS.png) center top/cover no-repeat;
        width: 100%;
        height: 216px;
        margin-top: 100px
    }

    .awards-solution {
        background: url(../img/Our-Awards-2.jpg) top center/cover no-repeat;
        height: auto;
        margin-top: 100px
    }

    .all-banner-faq,
    .company-banner-faq,
    .institute-banner-faq,
    .professional-banner-faq,
    .student-banner-faq,
    .supplier-banner-faq {
        height: 90px;
        margin-top: 0
    }

    .pad-left-400 {
        padding-left: 0
    }

    .mob-bottom-pad-10 {
        padding-bottom: 10px
    }

    .faq-middle-pad {
        padding-left: 0;
        padding-right: 0
    }

    .all-banner-faq {
        background: url(../img/F1.jpg) top center/contain no-repeat
    }

    .company-banner-faq {
        background: url(../img/faq-company.jpg) top center/contain no-repeat
    }

    .institute-banner-faq {
        background: url(../img/faq-institute.jpg) top center/contain no-repeat
    }

    .supplier-banner-faq {
        background: url(../img/faq-supplier.jpg) top center/contain no-repeat
    }

    .professional-banner-faq {
        background: url(../img/faq-professtional.jpg) top center/contain no-repeat
    }

    .student-banner-faq {
        background: url(../img/faq-students.jpg) top center/contain no-repeat
    }

    .mob-margin-top-35 {
        margin-top: 35px !important
    }

    .mob-margin-bot-20 {
        margin-bottom: 20px !important
    }

    .mob-pad-top-20 {
        padding-top: 20px !important
    }

    .mob-pad-top-10 {
        padding-top: 10px
    }

    .mob-pad-left-10 {
        padding-left: 10px
    }

    .mob-pad-left-5 {
        padding-left: 4px !important
    }

    .mob-height-120 {
        height: 120px
    }

    form.example input[type=text] {
        width: 85%
    }

    form.example button {
        width: 15%
    }

    .dashboard-pad,
    .read-blog-container .read-blog .read-content {
        padding-left: 10px;
        padding-right: 10px
    }

    .mob-pad-left-right-45 {
        padding-left: 45px;
        padding-right: 45px
    }

    .timeline-pad-2,
    .timeline-pad-3 {
        padding-left: 15px;
        padding-right: 15px
    }

    .carousel-caption {
        left: 2%;
        right: 2%;
        padding-bottom: 0
    }

    .wo_settings_page .setting-panel-mdbtn {
        margin: 2px 5px
    }

    .my_pages_header ul li {
        padding: 11px 5px !important
    }

    .feature-btn {
        height: 30px;
        margin-bottom: 10px;
        float: left;
        border-radius: 0;
        margin-right: -5px
    }

    .fetured-img-120,
    .img-height-auto,
    .mob-height-auto,
    .responses_p {
        height: auto !important
    }

    .icon-size {
        width: 20px;
        font-size: 24px;
        margin-right: 24px;
        margin-left: 15px;
        line-height: 34px
    }

    .for-mobile3 {
        display: block !important
    }

    .for-mobile33,
    .mob-block {
        display: inline-block !important
    }

    .a-tag {
        padding: 10px;
        font-size: 15px
    }

    .mobcredits {
        padding: 0 0 0 5px !important
    }

    .pp_mat_input {
        margin: 2em 0 2.5em;
        padding: 0 !important
    }

    .pp_mat_input label {
        top: -45px
    }

    .search-db-btn {
        float: none;
        margin-left: 0
    }

    .responses_p {
        background: 0 0 !important;
        padding: 10px
    }

    .d-margin-top-25 {
        margin-top: 5px;
        margin-bottom: 40px
    }

    .marignMobileData {
        margin-left: -10px
    }

    .img-f-left {
        float: none
    }

    #extra_height {
        height: 0 !important
    }

    body {
        padding-bottom: 0 !important
    }

    .company-img-2 {
        border: 1px solid #ddd;
        height: 135px;
        width: 135px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 5px;
        margin-bottom: 15px
    }

    .blog-list-img-2,
    .blog-list-img-5 {
        border: 1px solid #eee;
        object-fit: cover;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out
    }

    .mobisearchcont .search-dropdown-result .search-user-avatar img {
        width: auto !important
    }

    .search-dropdown-result .search-user-name {
        display: contents !important
    }

    .left-sidebar ul li a {
        color: #000 !important
    }

    .count_heading {
        padding-left: 30px
    }

    .t-margin-b-10 {
        margin-bottom: 10px
    }

    .mob-margin-b-10 {
        margin-bottom: 10px !important
    }

    .mob-margin-t-100 {
        margin-top: 100px !important
    }

    .mob-float-left {
        float: left !important
    }

    .renew-btn,
    .show-records {
        width: 100%;
        float: left;
        padding-left: 0;
        padding-right: 0
    }

    .show-records {
        margin-bottom: 10px
    }

    .search-pageination {
        float: right;
        margin-top: -10px
    }

    .mob-width-70 {
        width: 70%;
        float: left
    }

    .mob-pad-left-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .mob-following-info {
        display: table-cell;
        vertical-align: middle;
        width: 100%
    }

    .mob-right-0 {
        right: 0 !important
    }

    .blog-list-img-2 {
        width: 100%;
        height: auto !important
    }

    .height-265,
    .height-330-2,
    .height-435,
    .height-475,
    .height-515,
    .timeline-featured-img {
        height: auto
    }

    .blog-list-img-5 {
        width: 100%;
        height: 220px
    }

    .row-3 {
        margin-right: 15px;
        margin-left: 15px
    }

    .pad-bottom-60 {
        padding-bottom: 60px
    }

    .exp-company {
        width: 50%;
        padding: 10px
    }

    .c-setting-3 {
        padding-left: 30px;
        padding-right: 30px
    }

    .mobile-logo-fb {
        top: 50%;
        left: 50%;
        border-radius: 50%;
        border-color: #756969 !important;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        display: block
    }

    .user-avatar-3 {
        position: relative !important;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .profile-avatar-changer {
        position: relative
    }

    .myplan-btn,
    .myplan-btn-2 {
        position: static;
        left: 0;
        right: 0
    }

    .post-youtube-2 {
        margin-top: 65px
    }

    .setting-label {
        color: red;
        padding-left: 0
    }

    .test-flex {
        display: flex
    }

    #JBcontent.jobindex #indexmenu ul li {
        background: 0 0;
        height: 50px;
        overflow: hidden;
        font-size: 1em;
        text-align: left;
        border: 1px solid #fff;
        width: 100% !important;
        margin: 0 !important;
        display: block;
        float: left
    }

    .mob-img-saved-com {
        margin-top: -30px
    }

    .myplan-btn {
        bottom: 98px
    }

    .myplan-btn-2 {
        bottom: 135px
    }

    .mob-pad-left-12 {
        padding-left: 12px
    }

    .mob-no-margin {
        margin-left: 0;
        margin-right: 0
    }

    .mob-no-l-margin {
        margin-left: 0
    }

    .mob-padleft-22 {
        padding-left: 22px !important
    }

    .mob-padleft-30 {
        padding-left: 30px !important
    }

    .desktop-center {
        align-items: center;
        display: block
    }

    .exp-btn-second {
        width: 140px
    }

    .post-job-btn {
        float: left;
        margin-top: 10px !important
    }

    .story-courses {
        margin-left: 15px
    }

    .mob-fea-pro-img {
        width: 100%;
        height: 100% !important;
        padding-left: 5px;
        object-fit: cover;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .pad-space-4 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .padding-left-30-3 {
        padding-left: 5px;
        padding-right: 5px
    }

    .my-network-timeline-pad {
        padding-left: 15px
    }

    .info-2 {
        padding-top: 30px
    }

    .company-padding {
        overflow: visible;
        padding-left: 0;
        padding-right: 5px !important;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .mob-pad-7 {
        padding: 7px
    }

    .mob-pad-top-0 {
        padding-top: 0 !important
    }

    .mob-pad-5 {
        padding: 5px !important
    }

    .wlang {
        z-index: 1;
        text-align: right;
        float: right
    }
}

@media (max-width:725px) {
    .cussidepageda-2 {
        height: 180px
    }

    .mob-margin-top-30 {
        margin-top: -7px
    }

    .s4tb {
        padding-top: 10px !important
    }

    .d-width-20 {
        width: 20%
    }
}

@media (max-width:540px) {
    .mob-pad-left-20 {
        padding-left: 20px !important
    }

    .mob-margin-top-30 {
        margin-top: -30px
    }

    .d-width-20 {
        width: 30%;
        float: left
    }

    .s4tb {
        padding-top: 16px !important
    }

    .pad-left-7 {
        padding-left: 0
    }

    .mob-dis-f {
        display: flex
    }

    .timeline-pad {
        padding-left: 20px;
        padding-right: 20px
    }

    .mob-all-pop {
        max-height: calc(100vh - 0px);
        overflow-y: auto;
        z-index: 1050
    }
}

@media(max-width:500px) {

    .alumni-fullname,
    .mob-a-h {
        padding-top: 10px
    }

    .mob-pad-left-6 {
        padding-left: 6px !important
    }

    .mob-a-h {
        height: auto !important;
        padding-bottom: 10px
    }

    .mob-p-l-23 {
        padding-left: 23px !important
    }

    .profile-style:not(.promoted-style) {
        margin-right: 6px;
        height: auto;
        margin-bottom: 50px
    }

    .testimonial-height {
        height: 100vh
    }

    .company-banner,
    .professional-banner,
    .student-banner {
        height: 85px;
        margin-top: 105px
    }

    .bottom-line {
        clear: both !important
    }

    .student-banner {
        background: url(../img/1-04.jpg) top center/contain no-repeat
    }

    .professional-banner {
        background: url(../img/prof-banner.jpg) center top/contain no-repeat
    }

    .company-banner {
        background: url(../img/compnaies-2.jpg) center top/contain no-repeat
    }

    .cussidepageda-2 {
        height: auto
    }

    .read-row {
        margin-right: -15px;
        margin-left: -15px
    }

    .mob-di {
        display: inline-block;
        width: 100%
    }

    .d-margin-5 {
        margin-left: 0;
        margin-right: 0
    }

    .mob-height-210 {
        height: 210px !important
    }

    #wo_post_stat_button,
    .test-flex {
        padding: 0 10px
    }

    .mob-height-180 {
        height: 180px
    }

    .mob-height-110 {
        height: 110px
    }
}

@media(max-width:360px) {
    .mob-margin-top-20 {
        margin-top: 15px !important
    }

    .gal-pad {
        padding: 0 !important
    }
}

@media(max-width:325px) {

    #profilenav-mobile .groupmenulist,
    .groupmenulist-1,
    .groupmenulist-2 {
        padding: 0 18px !important
    }

    .title-bg-color {
        padding: 12px 0 !important
    }

    .key-all-pad {
        padding: 8px
    }

    .spanp-3 {
        padding-left: 24px !important
    }

    .alumni-fullname {
        padding-left: 24px
    }

    .spanp-2 {
        padding-left: 22px !important
    }

    .c-follow-btn {
        padding-left: 22px
    }

    .pad-left-right-15 {
        padding-left: 8px;
        padding-right: 8px
    }

    #header {
        padding: 8px 0
    }

    .nav>li>a {
        color: #fff;
        padding: 5px 6px !important;
        font-size: .9rem
    }

    .absul-right-2 {
        padding-left: 5px !important
    }

    .container-fluid {
        padding-right: 5px;
        padding-left: 5px
    }
}

@media(max-width:375px) {

    #profilenav-mobile .groupmenulist,
    .groupmenulist-1,
    .groupmenulist-2 {
        padding: 10px 15px
    }
}

@media (max-width:490px) and (min-width:430px) {
    .pad-top-30-2 {
        padding-top: 55px
    }
}

@media (max-width:380px) and (min-width:375px) {
    .modal-footer-4 {
        padding: 10px 43px !important
    }

    .groupmenulist {
        padding: 2px 25px !important
    }
}

@media (max-width:412px) {
    .modal-footer-2 {
        padding: 10px 28px !important
    }
}

@media(max-width:320px) {
    .modal-footer-4 {
        padding: 10px 43px !important
    }

    .title-bg-color {
        padding: 12px 5px !important
    }
}