.hide
{
    display: none;
}
.invalid-feedback strong
{
    font-weight: 500;
    font-size: 13px;
}
.jumbotron.verification-template {
    padding: 4rem 2rem;
}
.jumbotron.verification-template {
    padding: 0px;
    margin-bottom: 2rem;
    background-color: #eceeef;
    border-radius: .3rem;
}
.verification-template .lead {
    font-size: 1.25rem;
    font-weight: 300;
}
.verification-template .text-xs-center {
    text-align: center!important;
}
.jumbotron.verification-template
{
    margin-bottom: 0px;
    background-color: #ffffff;
}
.verification-template .display-3
{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.4px;
}
.verification-template .width50
{
    width: 30%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.verification-template .margin0
{
    margin: 0px;
}
.verification-template .btn.btn-primary:active:focus, 
.verification-template .btn.btn-primary:active:hover, 
.verification-template .btn.btn-primary:hover, 
.verification-template .btn.btn-primary
{
    color: #1a2059;
}
.verification-template .btn.btn-primary
{
    padding: 8px 14px;
    border-radius: 4px;
}
.reactivate-account p
{
    margin-top: 20px;
    margin-bottom: 0px;
}
.reactivate-account img
{
    margin-top: 0px;
}
.user-resume .red
{
  margin-top: 10px;
}
.checkout-page .card.card1
{
  background: rgba(255, 152, 0, 0.28);
}
.checkout-page .card1 h5
{
  margin-bottom: 0px;
}
.checkout-page .main-div
{
  border: 1px solid #EEEEEE;
  padding: 20px;
}
.jobs-login.wrapper
{
  margin-bottom: 0px;
}
.profile-sidemenu .padding
{
padding: 10px 15px;
background: rgba(255, 152, 0, 0.05);
}
.my-job-posting .search-job-posting {
  margin-top: 0px;
}
.my-job-posting .filter-options .custom-select
{
  margin-top: 0px;
}
.profile-sidemenu .padding p
{
  margin-bottom: 10px;
}
.post-a-job .card-padding .card1 .btn i
{
  padding-right: 0px;
}
.my-job-posting .input-group>.form-control
{
  width: 83%;
}
.my-job-posting .input-group-append
{
  width: 17%;
}
.user-dashboard .image-upload-div .img
{
  margin: 25px auto;
}
.saved-search .profile-summary ul
{
  padding-inline-start: 0px;
}
.dropdown1-content.user-profile
{
  margin-left: -100px;
}
.dropdown1-content a
{
  padding: 8px 16px;
}
.profile-sidemenu ul li {
    padding: 9px 15px;
}
.job-posting-table .btn.btn-raised.btn-primary
{
  font-size: 9px;
  padding: 4px 6px;
}
.job-posting-table .table td, .job-posting-table .table th
{
  padding: 6px.75rem;
}
.user-dashboard h4
{
  margin-top: 0px;
  margin-bottom: 0px;
}
.recruiter-menu .card .btn
{
  padding: 8px 15px;
}
.advance-search-page .card .card-padding ul 
{
  padding-inline-start: 0px;
}
.advance-search-page .margintop30
{
  margin-top: 30px;
}
.dropdown-menu .dropdown-item
{
  min-height: 1rem !important;
  padding: 0.5rem 1rem;
}
.inner.show
{
  max-height: 200px !important;
}
.advance-search-page .row.margintop30
{
  margin-left: 0px;
  margin-right: 0px;
}
.custom-select-div .col10
{
  border: 0px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
}
.custom-select-div .col2 
{
  border: 0px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
}
.selectmodal .dataTables_wrapper .dataTables_filter
{
  z-index: 999;
}
.selectmodal .table tr:first-child td
{
  border-top: 0px solid transparent;
}
.user-resume .btn.btn-raised.btn-primary
{
    padding: 9px 14px;
}
.saved-jobs-list .small-icon-img
{
    width: 17px;
    margin-right: 3px;
}
.saved-jobs-list.job-short-discription
{
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
}
.saved-job h4
{
    line-height: 180%;
}
.user-dashboard .image-upload-div .img, .user-dashboard .image-upload-div .img form
{
    margin-bottom: 0px !important;
}
.recruiter-header .padding 
{
    padding: 20px;
}
.recruiter-database .profile-sidemenu .image-upload-div p 
{
    margin-top: 0px;
}
    .forgot-email-img, .forgot-password-img 
    {
        position: relative;
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }
    .forgot-email-img img
    {
        position: absolute;
        width: 100%;
        height: 100%;
    }
.forgot-password-img
{
    width: 200px !important;
    height: 200px !important;
}
.download-app.wrapper.laptop-hide
{
    display: none;
}
.top-category-filter .card
{
    padding: 6px !important;
    margin-bottom: 0px;
}
.all-caterories li a
{
    color: #fff;
}
.jobdetails .ul-list li
{
    width: 100%;
}
footer ul {
    padding-inline-start: 0px !important;
    list-style: none;
}
.all-caterories .ul-heading li
{
    width: 100%;
    word-break: break-all;
}
.content-banner .far.fa-times-circle
{
  position: absolute;
    color: #ffffff;
    z-index: 999;
    right: 10px;
    top: 10px;
    font-size: 30px;
    display: none;
}
#advancesearch1 .btn-group
{
    width: 100%;
}
#advancesearch1 .btn.btn-secondary
{
    width: 33.33%;
}
#advancesearch1 .btn-secondary:not(:disabled):not(.disabled).active
{
    background-color: #ff9800;
}
#advancesearch1 .btn-secondary.active:hover
{
    color: #ffffff;
}
.recruter-info-steps h2
{
  font-size: 20px;
}
.applied-jobs .padding-div2 .col-md-7
{
    border-left: 0px solid transparent;
}
.applied-jobs .padding-div2  ul li
{
    padding: 0;
    padding-left: 0 !important;
}
.change-pass-page .current-contactno label
{
    font-size: 14px;
    text-align: center;
}
.change-pass-page .current-contactno .form-control:read-only
{
    background-image: unset;
}
.change-pass-page .current-contactno .form-control[readonly]
{
    background-color: unset;
}
.change-pass-page .current-contactno .form-control
{
    font-size: 18px;
    text-align: center;
}
.change-pass-page .current-contactno.bmd-form-group.is-filled .bmd-label-floating
{
    color: #9E9E9E;
    text-align: center;
    width: 100%;
    font-size: 14px;
}
.recruiter-sidemenu .card.active .card.active ul li
{
    color: #ffffff !important;
}
.consultant-home .current-service-plan
{
    margin-bottom: 10px;
}
#consultant_email_verify .modal-header
{
    width: 100%;
    padding: 20px;
}
#consultant_email_verify .modal-header .row
{
    width: 100%;
}
#consultant_email_verify .modal-header .row h4
{
    margin-bottom: 0px;
}
.consultant-sidemenu .card.active .card.active ul li
{
    color: #ffffff !important;
}
.job-posting-plan .fa-rupee-sign
{
    font-size: 20px !important;
}
.job-posting-plan del
{
    font-size: 19px !important;
}
.job-posting-plan b span
{
    font-size: 20px;
}
.photo-gallary-page .btn-file
{
    padding: 0;
    margin: 0;
}
.photo-gallary-page .btn-file .fileupload-new
{
    margin: 0;
}
.upskill-view-profile .designation
{
    margin-bottom: 0px !important;
}
.upskill-view-profile .padding10
{
    padding: 10px;
}
.upskill-view-profile
{
    padding: 20px;
}
.upskill-view-profile .card
{
    margin-bottom: 0px;
}
.upskill-view-profile .card ul 
{
    margin-bottom: 0px;
}
.table.table-bordered
{
    border-top: 1px solid #f5f5f5;
}
.add-candidate .image-upload-div .img
{
    border-radius: 0%;
}
.upskill-document-page .card-content
{
    padding: 20px;
}
.content-banner.sample1 form
{
    margin-bottom: 0px;
}
.webinar-page
{
    padding: 40px;
}
/* ..................................... */
@media only screen and (max-width: 640px)
{
  .mobile-hide
  {
      display: none;
  }
  .col-xs-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xs-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xs-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xs-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xs-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xs-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .comman-header
  {
    position: fixed;
    z-index: 999;
    width: 320px;
    height: 100%;
    top: 0;
  }
  /*................*/
  .order1
  {
    order: 1;
  }
  .order2
  {
    order: 2;
  }
  .order3
  {
    order: 3;
  }
  /*..header start..*/
  body
  {
      margin-top: 50px;
  }
  .comman-header ul
  {
    padding-inline-start: 0px;
  }
  .comman-header ul a
  {
    padding: 0px;
    border: 0px solid transparent;
  }
  .comman-header ul li {
    display: block;
    padding: 15px 9px;
    border-top: 1px solid #131742;
    width: 100%;
  }
  .comman-header .pull-right
  {
      float: left;
      width: 100%;
  }
  .comman-header .logo-img
  {
      margin: 30px auto;
  }
  .close-btn {
  position: fixed;
    width: 28px;
    left: 320px;
    z-index: 999;
  }
  .comman-header
  {
    display: none;
  }
  .mobile-menu {
    padding: 5px 20px;
    background: #1a2059;
  }
  .laptop-hide.mobile-menu
  {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
  }
  .mobile-menu .image {
    position: relative;
    width: 35px;
    height: 35px;
    margin-top: 5px;
  }
  .mobile-menu .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
  }
  .mobile-menu .logo-img {
    width: 29px !important;
    height: 30px !important;
    margin-top: 3px;
  }
  .logo-img img {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  /*..header end..*/
  .comman-header-overlay, .filter-overlay, .tab-overlay, .profile-overlay, .search-overlay
  {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.43);
    display: none;
    z-index: 999;
  }
  .search-overlay
  {
    background-color: rgba(0, 0, 0, 0.71);
  }
  .content-banner .searching-div {
    padding: 20px 10px;
  }
  .content-banner .search-box h4
  {
    margin-bottom: 10px;
    font-size: 23px;
  }
  .content-banner .search-box .briefcase
  {
    width: 22px !important;
    height: 22px !important;
    margin-left: -35px;
  }
  .content-banner .search-box h5
  {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .content-banner .search-box span
  {
    font-size: 19px;
  }
  .content-banner .search-box
  {
    width: 100%;
  }
  .coloumn-swap
  {
    display: flex;
    flex-wrap:wrap
  }
  .coloumn-swap .row1
  {
    order: 2;
    width: 100%;
  }
  .coloumn-swap .advance-search, .coloumn-swap .row2
  {
    order: 1;
  }
  .content-banner .search-box .advance-search .form-control
  {
      width: 100%;
  }
  .coloumn-swap .form-control
  {
    margin-bottom: 6px;  
  }
  .content-banner .banner-bg-image
  {
      display: none;
  }
  .content-banner .banner
  {
      position: unset;
      height: unset;
  }
  .content-banner .content
  {
      position: unset;
  }
  .padding
  {
      padding: 10px 5px !important;
  }
  .heading
  {
      margin-bottom: 8px;
      font-size: 15px;
  }
  .heading-border
  {
      margin-bottom: 15px
  }
  .container-fluid
  {
      padding-left: 0px;
      padding-right: 0px;
  }
  .govenment-job .govjobs-div .row-seperate
  {
    padding: 8px;
  }
  .govenment-job .govjobs-div .row-seperate h2
  {
    font-size: 15px;
    line-height: 170%;
  }
  .govenment-job .govjobs-div .row-seperate
  {
    line-height: 170%;
  }
  .popular-category .nav-tabs a
  {
    padding: 6px 9px;
    letter-spacing: 0px;
    text-transform: capitalize;
    font-weight: 500;
  }
  .popular-category .nav-tabs .active
  {
    border-bottom: 0px solid #ff9800;
    text-transform: capitalize;
    background-color: transparent;
    color: #fff;
  }
  .popular-category .nav-tabs a
  {
    background: unset;
    width: 100%;
    border: 0px solid #302717;
  }
  .popular-category .tab-content
  {
    padding: 10px;
    border: 0px solid transparent;
  }
  .popular-category .category-heading
  {
      font-size: 14px;
  }
  .popular-category .hr
  {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .showlesscategory p
  {
    padding-top: 3px;
    padding-bottom: 3px;
  }
    .custom-btn {
        padding: 8px 15px;
        margin-top: 15px;
        border: 0px solid #ff9800;
        text-transform: capitalize;
    }
  .jobs-login .content .div
  {
    width: 98%;
    margin: 10px auto;
    padding: 15px;
  }
  .jobs-login .content .div h4 {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 160%;
  }
  .jobs-login .content .div .btn
  {
    padding: 6px 13px;
    font-size: 12px;
    margin-top: 2px;
    border: 0px solid transparent;
  }
  .jobs-login .col-md-12
  {
      padding-left: 0px;
      padding-right: 0px;
  }
  .jobs-login
  {
      height: 148px;
      margin: 0px;
  }
  .popular-category .companies-img
  {
      width: 90px;
      height: 50px;
      margin: 8px auto;
  }
  .download-app .content1
  {
    padding-top: 0;
    padding: 6px;
  }
  .download-app h4
  {
    margin-bottom: 8px;
    font-size: 16px;
  }
  .download-app p {
    margin-bottom: 8px;
  }
  .popular-category .icon-div
  {
      padding: 8px;
  }
  .popular-category p
  {
      margin-bottom: 0px;
  }
  .popular-category .icon
  {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
  }
  .popular-category i
  {
    padding-top: 24px;
    font-size: 28px;
  }
  .popular-category h5
  {
      margin-bottom: 10px;
  }
  footer ul a
  {
    width: 49.4%;
    display: inline-block;
  }
  footer .footer-border-bottom
  {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .row
  {
      margin-left: 0px;
      margin-right: 0px;
  }
  .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto
  {
      padding-left: 0px;
      padding-right: 0px;
  }
  .content-banner .search-box .p1
  {
      margin-left: 0px;
  }
  .comman-search-box .content-banner
  {
      width: 100%;
  }
  .comman-search-box
  {
      padding: 5px;
  }
  .search-box form
  {
      margin-bottom: 0px;
  }
  .search-box p 
  {
      margin-bottom: 0px;
  }
  .breadcrumb
  {
      padding: 10px 5px !important;
  }
  .mobile-filter-fab {
    position: fixed;
    bottom: 0px;
    z-index: 2;
    right: 0px;
  }
  .mobile-filter-fab .btn {
    background-color: #1a2059 !important;
    margin: 15px;
    width: 3rem !important;
    min-width: 3rem !important;
    height: 3rem !important;
  }
  .mobile-filter {
    position: fixed;
    z-index: 999;
    top: 0;
    background: #ffffff;
    width: 320px;
    left: 0;
    border-right: 1px solid #f5f5f5;
    height: 100%;
    padding: 0px;
    display: none;
    overflow: auto;
  }
  footer ul a li {
    padding: 4px 0px;
    font-size: 13px;
    color: #9E9E9E;
  }
  footer ul a li .icon
  {
      border: 1px solid #414141;
      width: 26px;
      height: 26px;
      padding-top: 2px;
  }
  footer h5 {
    font-size: 14px;
  }
  footer .width80
  {
      width: 100%;
  }
  .comman-modal .modal-dialog
  {
      max-width: 100%;
  }
  .login-signup-popup .tab-content .col-md-5, .login-signup-popup .tab-content .col-md-2
  {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .login-signup-popup .border-right
  {
      height: 1px;
      width: 43%;
      display: inline-block;
      border-bottom: 1px solid #dee2e6 !important;
      margin-right: 0px;
      margin-left: 0px;
  }
  .login-signup-popup .or
  {
    display: inline-block;
    width: 10%;
  }
  .login-signup-popup .border-right.line1
  {
      margin-bottom: 0px;
  }
  .login-signup-popup .border-right.line2
  {
      margin-top: 0px;
  }
  .login-signup-popup .social-btn
  {
      padding-left: 0px;
  }
  .login-signup-popup .btn .col-md-2 
  {
    flex: 0 0 12%;
    max-width: 12%;
    display: inline-block;
    margin-top: 0px;
  }
  .login-signup-popup .btn .col-md-10
  {
    display: inline-block;
    flex: 0 0 88%;
    max-width: 88%;
  }
  .registration-tabs .tab-content
  {
      padding-bottom: 0px;
  }
  .registration-tabs form
  {
      margin-bottom: 0px;
  }
  .login-signup-popup .social-btn .btn
  {
      margin-bottom: 10px;
  }
  .modal-content .modal-body
  {
      padding: 10px 15px 10px;
  }
  .comman-modal .modal-content .modal-header
  {
      padding: 10px;
  }
  .reset-password-page .card
  {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .login-signup-popup .custom-btn
  {
    margin-top: 0px;
    margin-bottom: 15px;
  }
  .header1 .dropdown2 .dropbtn2
  {
      padding: 0px !important;
  }
  header ul a:hover
  {
      border: 0px solid transparent;
  }
  .reactivate-account .varification
  {
     width: 100%;
     padding: 10px;
  }
  .reactivate-account h4
  {
      margin-bottom: 0px;
      line-height: 160%;
  }
  .reactivate-account img
  {
      margin-top: 2px;
  }
  .reactivate-account .btn
  {
      padding: 7px 30px;
      margin-top: 20px;
  }
  .all-caterories .nav.nav-tabs li
  {
    width: 49%;
    border: 4px solid #ff9c0c;
    text-align: center;
    background: #ff9c0c;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 30px;
    display: block;
    padding: 10px 0px;
    margin: 1px;
  }
    .all-caterories .nav.nav-tabs li:last-child
    {
        margin-bottom: 0px;
    }
  .all-caterories .tab-content
  {
      padding: 0px;
      margin: 0px;
  }
  .all-caterories .tab-pane
  {
    position: fixed;
    z-index: 999;
    top: 20px;
    background: #ffffff;
    left: 0;
    bottom: 20px;
    right: 0;
    padding: 10px;
    overflow: auto;
    width: 90%;
    margin: 0 auto;
    display: none;
  }
  .all-caterories .close-btn {
    position: fixed;
    right: 1%;
    z-index: 999;
    top: 6px;
    left: unset;
  }
  .download-app.home-dnload
  {
      background-image: unset;
      background: #fafafa;
  }
  .download-app.home-dnload h4, .download-app.home-dnload p {
    color: #000;
  }
  .download-app.home-dnload .landing-user-contentMarket a
  {
      border: 1px solid #EEEEEE;
  }
  .padding.popular-category
  {
      background: #fff;
  }
  .download-app .content
  {
      background-color: transparent;
  }
  .popular-category .col-md-4:nth-child(2) .icon-div
  {
      background-color: #ffffff;
      box-shadow: unset;
  }
  .popular-category .col-md-4:nth-child(2) .icon-div .icon
  {
      background-color: unset;
      border: 2px solid #1a2059;
  }
  .popular-category .col-md-4 .icon-div .icon
  {
      width: 55px;
      height: 55px;
      border: 2px solid #1a2059;
  }
  .popular-category .col-md-4:nth-child(2) .icon-div .icon i {
    color: #1a2059;
  }
  .popular-category .col-md-4 .icon-div .icon i 
  {
      padding-top: 16px;
      font-size: 20px;
  }
  .popular-category .col-md-4:nth-child(2) .icon-div h5, .popular-category .col-md-4:nth-child(2) .icon-div p
  {
      color:unset;
  }
  .popular-category h5
  {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
  }
  footer ul a li .far
  {
      display: none;
  }
  footer .social-icons a
  {
    width: 9%;
    margin: 0 auto;
  }
   footer .social-icons{
    text-align: center;
    margin: 0;
    padding-top: 0px;
   }
   footer .social-link
   {
        margin-top: 10px;
        margin-bottom: 15px;
   }
   .user-dashboard .card .sub-card2 {
    padding: 15px 10px;
   }
   .user-dashboard .card .sub-card
   {
       padding: 4px 10px;
   }
   .user-dashboard .sub-card2 .image
   {
       width: 60px;
       height: 60px;
       margin-bottom: 15px;
   }
   .user-dashboard .card .sub-card2 p
   {
       margin-bottom: 0px;
   }
   .user-dashboard .card2 {
    margin-top: 0px;
   }
   .register-user.user-registration
   {
       width: 100%;
       margin-top: 15px;
   }
   .content-banner .user-registration
   {
       padding: 10px;
   }
   .user-profile-sidemenu
   {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 320px;
    right: 0;
    display: none; 
    bottom: 0;
    overflow: scroll;
    background: #ffffff;
   }
   .user-profile-sidemenu .card
   {
    margin-bottom: 0px;
   }
   .profile-close-menu
   {
    left: unset;
    right: 320px;
   }
   .user-dashboard .image-upload-div .img
   {
    margin: 30px auto;
   }
   .user-dashboard .last-login
   {
    font-size: 13px;
   }
   .user-dashboard .card .card-header h4 
   {
    margin-top: 0px;
    margin-bottom: 0px;
   }
   .alert .custom-job-alert
   {
    margin-top: 0;
    margin-bottom: 0;
   }
   .alert .custom-job-alert img {
    width: 110px;
   }
   .resumes .user-photo
   {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    border: 3px solid #ccc;
    border-radius: 50%;
    margin-bottom: 20px;
   }
   .resumes .user-photo img
   {
    border-radius: 50%;
   }
   .resumes .top-div h5, .resumes .top-div .col-md-3 p, .resumes .top-div p
   {
    margin-bottom: 4px;
   }
   .user-dashboard .card-padding
   {
    padding: 5px !important;
   }
   .resumes h4
   {
    font-size: 13px;
    letter-spacing: 0.6px;
    margin-top: 0px;
   }
   .job-short-discription .padding-div .col-md-2
   {
    flex: 0 0 33.33%;
    max-width: 33.33%;
   }
   .job-short-discription .padding-div .col-md-10 {
    flex: 0 0 66.66%;
    max-width: 66.66%;
   }
   .job-short-discription ul
   {
    padding-inline-start: 20px;
   }
   .saved-jobs-list.job-short-discription .card
   {
    border: 0px solid transparent;
   }
   .saved-jobs-list.job-short-discription .padding-div
   {
    padding: 5px;
   }
   .saved-jobs-list.job-short-discription .padding-div2 .save li
   {
    padding: 0px 0px !important;
   }
   .user-dashboard .saved-jobs .saved-job .img
   {
    width: 80px;
    height: 80px;
   }
   .recruiter-plan h4
   {
      margin-bottom: 10px !important;
      font-size: 19px !important;
   }
   .user-profile-details form
   {
    margin-bottom: 0px;
   }
   .recruiter-plan .p2
   {
    margin-bottom: 10px;
    margin-top: 10px;
   }
   .consultant-subscription-plansummary h3
   {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 160%;
   }
   .benifit-college .padding-bottom
   {
    padding-bottom: 10px;
   }
   .consultant-subscription-plansummary img {
    width: 18px;
    margin-right: 4px; 
   }
   .recruiter-help-email h4
   {
    font-size: 24px !important;
   }
   .recruiter-help-email.orange h4 span {
    font-size: 27px !important;
    line-height: 220%;
   }
   .user-subscriptionplan .col-md-2 {
    flex: 0 0 100%;
    max-width: 100%;
   }
   .user-subscriptionplan .width80
   {
    width: 100%;
   }
   .usersubplan-img
   {
    width: 50px;
    height: 50px;
    margin: 0;
    border: 2px solid #FF9800;
    background: #1a2059;
   }
   .usersubplan-img img
   {
    padding: 10px;
    filter: invert(100%);
   }
   .user-subscriptionplan h5
   {
    text-align: left;   
   }
   .user-subscriptionplan .col-md-2.col-xs-12
   {
    margin-bottom: 10px;
   }
   .user-subscriptionplan h5
   {
    margin-top: 0px;
   }
   .user-subscription-plan .user-subplan h2 {
    margin-bottom: 20px;
    font-size: 32px;
   }
   .user-subscription-plan-course-details .card {
    padding: 6px;
    margin-bottom: 10px;
   }
   .user-subscription-courses-table .table {
    margin-top: 10px;
   }
   .checkout-page .main-div
   {
    padding: 5px;
   }
   .checkout-page .card.card1
   {
    background: rgba(255, 152, 0, 0.28);
    padding: 10px;
   }
   .checkout-page .card.card2 .card-header .btn
   {
     padding: 10px;
   }
   .checkout-page .card.card2 .card-body {
    padding: 10px !important;
   }
   .user-dashboard .alert form
   {
    margin-bottom: 0px;
   }
   .user-dashboard .alert .btn
   {
    margin: 0px;
    margin-bottom: 10px;
   }
   .user-dashboard .alert
   {
    padding: 0px;
    margin: 0px;
   }
   .location-master .table-content .card-content
   {
    padding: 5px !important;
   }
   .forgot-password-img
   {
    display: none;
   }
   .user-dashboard .saved-job-counter
   {
    font-size: 16px !important;
    font-weight: 600;
   }
   .mobile-pull-left
   {
    float: left;
    width: 100%;
   }
   .mobile-pull-left .row
   {
    width: 100%;
   }
   .user-dashboard .card-header .btn
   {
    padding: 4px;
   }
   .user-dashboard .card-header .btn-primary img
   {
    width: 16px;
   }
   .modal .close-btn .fa-times-circle
   {
    right: 7px;
    top: -26px;
   }
   .personal-info p {
    margin-top: 5px;
    margin-bottom: 5px;
   }
   .user-dashboard h4
   {
    text-transform: capitalize;
    font-size: 14px !important;
    font-weight: 600;
   }
   .margintop15
   {
    margin-top: 15px;
   }
   .user-dashboard .card.skill ul li
   {
    margin-bottom: 5px;
   }
   #personalinfo .modal-dialog {
    max-width: 100%;
   }
   .form-group {
    margin-bottom: 5px;
   }
   .comman-modal h4
   {
    font-size: 18px;
   }
   .comman-modal .duration .duration-to {
    margin-top: 4px;
    margin-bottom: 4px;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    border: 1px solid #777;
    border-radius: 50%;
    padding-top: 3px;
   }
   .profile-info-modal .col-md-6
   {
    padding-left: 2px;
    padding-right: 2px;
   }
   .comman-modal .modal-dialog
   {
    max-width: 100% !important;
   }
   .aboutus-howitwork .profile
   {
      width: 60px;
      height: 60px;
   }
   .aboutus-howitwork .profile img
   {
    padding: 12px;
   }
   .how-para h5
   {
    font-size: 12px;
   }
   .Aboutus p
   {
    text-align: justify;
   }
   .faqs .container
   {
    padding-left: 0px;
    padding-right: 0px;
   }
   .faqs h4
   {
    margin-top: 5px;
    margin-bottom: 5px;
   }
   .faqs .card .btn
   {
    padding: 10px 6px;
   }
   .faqs .card-body {
    padding: 6px 6px !important;
   }
   .contact-us .row1 {
    margin-top: 0px;
   } 
   .contact-us .card
   {
    padding: 0px;
    box-shadow: unset;
    border-top: 1px solid #eeeeee;
   }
   .mobile-search-box
   {
    position: fixed;
    z-index: 999;
    background: #fff;
    left: 10px;
    right: 10px;
    top: 10px;
    padding: 15px;
   }
   .mobile-search-box .close-btn
   {
    width: 28px;
    right: 0;
    top: 0;
    left: unset;
   }
   .content-banner .search-box .form-control, .mobile-search-sample .form-control
   {
    background-color: #EEEEEE !important;
   }
   .mobile-search-sample .form-control
   {
    padding: 10px 20px;
    height: 50px;
    background-image: unset;
   }
   .content-banner .search-box .p2
   {
    color: #000;
   }
   .mobile-search-sample .input-group-append
   {
    background: #eeeeee;
   }
   .mobile-search-sample .input-group-text
   {
    padding: 15px;
   }
   .comman-search-box
   {
    padding: 0px;
   }
   .comman-search-box .logo-img img
   {
    filter: invert(100%);
   }
   .mobile-menu .logo-img 
   {
    padding: 0px 5px;
   }
   .mobile-search-sample span
   {
    color: #ff9800;
   }
   header ul .li a
   {
    border: 0px solid transparent !important;
   }
   .recruiter-footer ul a
   {
    width: 30px;
   }
   .recruiter-footer ul
   {
    margin-bottom: 0px;
   }
   .recruiter-howitwork .icon
   {
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
    margin-top: 10px;
   }
   .recruiter-howitwork .icon img
   {
    padding: 15px;
   }
   .register-user .user-profile-details .col-md-6.col-xs-6
   {
    padding-left: 2px;
    padding-right: 2px;
   }
   .user-dashboard .card-header .btn.btn-link
   {
    padding: 12px 15px;
   }
   .user-dashboard #accordion .card
   {
    box-shadow: unset;
   }
   .profile-sidemenu .card
   {
    box-shadow: none;
   }
   .rec-profile-alert 
   {
    padding: 10px !important;
    margin-bottom: 10px !important;
   }
   .my-job-posting .search-job-posting {
    margin-top: 0px;
   }
   .my-job-posting .filter-options .custom-select
   {
    margin-top: 10px;
    width: 100%;
    margin-bottom: 0px;
   }
   .profile-sidemenu .padding p
    {
      margin-bottom: 5px;
    }
    .user-dashboard.post-a-job .card1 .image
    {
      margin-top: 0px;
    }
    .my-job-posting .card-padding .card1 hr
    {
      border-top: 1px solid rgba(0, 0, 0, 0.04);
    }
    .my-job-posting .custom-select {
      width: 100%;
      margin-bottom: 10px;
    }
    .reumes-tabs .p img
    {
      width: 28px !important;
    }
    .incoming-resumes .table
    {
      margin-top: 0px;
    }
    .arrow-up
    {
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #1a2059;
    }
    .reumes-tabs .p
    {
      padding: 5px 0px 0px 0px;
    }
    .my-job-posting .input-group-append {
      width: 11%;
    }
    .change-email-page .margintop15
    {
      margin-top: 15px;
    }
    .email-template-div .row1 {
      margin-bottom: 10px;
    }
    .email-template-div .send-email-template
    {
      border: 0px solid #f5f5f5;
      padding: 0px;
    }
    .email-template-div .btn
    {
      margin-top: 10px !important;
    }
    .btn-grps .btn
    {
      padding: 4px 7px;
      margin-top: 5px;
    }
    .resumes-search-list .card2 .card-header .lastlogin
    {
      margin-top: 8px;
    }
    .resumes-search-list .card2 .resume-info {
      padding: 10px;
      padding-bottom: 0px;
    }
    .resumes-search-list .card2 .resume-info h4, .resumes-search-list .card2 .resume-info p {
     margin-bottom: 8px;
     margin-top: 0px;
    }
    .post-a-job .advance-search p
    {
      margin-bottom: 5px;
    }
    .resumes-search-list .card2 .card-footer 
    {
      padding: 4px 6px;
    }
    .resumes-search-list .card2 .card-footer p 
    {
      margin-top: 2px;
      margin-bottom: 2px;
      padding-left: 5px;
    }
    .resumes-search-list .card2 .resume-info h4
    {
      font-size: 15px;
    }
    .marginbottom10
    {
      margin-bottom: 10px;
    }
    .database-access .card {
      margin-top: 0px;
    }
    .database-access .card1 h4
    {
      margin-bottom: 15px;
    }
    .quick-search .row.gender {
      margin-top: 10px;
    }
    .reactivate-account .btn span
    {
      padding: 3px 30px;
    }
    .reactivate-account .btn
    {
      padding: 7px;
    }
    .reactivate-account .col-md-3.col-xs-3
    {
      padding-left: 10px;
      padding-right: 10px;
    }
    .varification .form-group .form-control
    {
      font-size: 35px;
      line-height: 150%;
      text-align: center;
      color: #000;
    }
    .swap-row > div {
          flex: 1 1 100%;
      }
    .swap-row .col-md-9 {
        order: 2;
      }
    .swap-row .col-md-3 {
        order: 1;
      }
     .swap-row .pull-right
     {
         float: left !important;
         width: 100%;
     }
     .company-logo-img
     {
         margin: 0 auto;
         margin-bottom: 10px;
     }
     .mobile-pull-left
     {
         float: left !important;
     }
     .padding-div2 .col-md-2.col-xs-6
     {
         margin-top: 8px;
        border-top: 1px solid #E0E0E0;
        padding-top: 8px;
     }
     .job-short-discription .padding-div {
       padding: 7px;
    }
    .jobdetails h4.designation
    {
        font-size: 14px;
        line-height: 160%;
    }
    .jobdetails h5
    {
        font-size: 13px;
    }
    .jobdetails .ul-list
    {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .jobdetails p 
    {
        margin-bottom: 8px;
    }
    .job-short-discription .col-md-6.col-xs-8 li 
    {
        padding-left: 5px !important;
    }
    .job-short-discription .padding-div2 .save li {
    padding: 0px 8px !important;
    }
    .top-category-filter .card-columns
    {
        column-count: 1;
    }
    .top-category-filter .card-columns ul, .top-category-filter ul
    {
        padding-inline-start: 0px;
    }
    .top-category-filter .ul-list
    {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }
    .govenment-job .div-width-border
    {
        width: 100%;
        padding: 5px;
    }
    .download-app.home-dnload.laptop-hide
    {
        display: none;
    }
    /* ------------------------ */
    .comman-search-box .content-banner
    {
        padding: 18px;
    }
    .content-banner .search-box .p2
    {
        color: #fff !important;
    }
    .padding-div2 .col-md-2.col-xs-6
    {
        margin-top: 0px !important;
        border-top: 0px solid transparent !important;
        padding-top: 0px !important;
    }
    .comman-modal .modal-dialog {
        max-width: 90% !important;
        margin: 17px auto;
    }
    .company-pf-logo
    {
        width: 100px;
        height: 100px;
    }
    .simillar-jobs.jobdetails
    {
        margin-top: 10px;
    }
    .top-category-filter .card
    {
        margin-bottom: 0px;
    }
    .content-banner .search-box .col-md-4
    {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .far.fa-times-circle.close-search-icon
    {
       display: none !important;   
    }
    .content-banner .search-box h4, .content-banner .search-box h5
    {
        display: block !important;
    }
    .content-banner .searching-div {
        padding: 20px 10px !important;
    }
    .content-banner .content
    {
        background-color: rgba(26, 32, 89, 0.3) !important;
        position: unset !important;
        width: unset !important;
        height: unset !important;
    }
    .content-banner .banner
    {
        height: 175px !important;
    }
    .content-banner .search-box .col-md-3 {
        display: block !important;
    }
    .content-banner.user-page-banner .banner {
       height: 280px !important;
    }
    /*........ New CSS.........*/
    .sample1 .mobile-search-box p 
    {
      color: #777;
    }
    .sample1 .mobile-search-box .form-control
    {
      margin-bottom: 6px;
    }
    .content-banner.sample1 .banner {
      height: 207px !important;
    }
    .sample1 .search-box p
    {
      margin-top: 8px;
    }
    #advancesearch1 .modal-dialog
    {
      max-width: 98% !important;
    }
    #advancesearch1 .btn.btn-secondary 
    {
      text-transform: capitalize;
      padding: 6px 2px;
    }
    #advancesearch1 .close-btn .fa-times-circle
    {
      right: -8px;
    }
.get-and-hire .card
{
  width: 92%;
  padding: 10px;
  margin: 0 auto;
}
.get-and-hire .card:first-child
{
  margin-top: 10px;
}
 .all-caterories .nav.nav-tabs li
 {
    border: 4px solid #1a2059;
    background: #2e3251;
    border-radius: 4px;
 }
  .all-caterories .nav.nav-tabs
  {
    margin-bottom: 0px;
  }
  .govenment-job .heading
  {
    margin-bottom: 15px;
    color: #000;
    font-size: 16px;
  }
  .get-and-hire h4
  {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 15px;
  }
  .footer-div .padding.black .footer-border-bottom
  {
    display: none;
  }
  .footer-div .padding.black h5
  {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .footer-div .padding.black h5:before
  {
    top: 4px;
    content: "";
    position: absolute;
    right: 10px;
    display: block;
    width: 8px;
    height: 8px;
    border-color: #ffffff;
    border-width: 0 1px 1px 0;
    border-style: solid;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .footer-div .padding.black ul 
  {
    display: none;
  }
  .footer-div .padding.black .col-md-3:hover ul
  {
    display: block !important;
  }
  .footer-div .selected-ul ul 
  {
    display: none;
  }
  .content-banner.user-page-banner .banner
  {
    height: auto !important;
  }
  .recruter-info-steps h5
  {
    margin-top: 10px;
  }
  .recruter-info-steps .row
  {
    width: 95%;
  }
  .left-col {
      order: 2;
  }
  .right-col {
      order: 1;
  }
  .third-col
  {
    order: 3;
  }
  .content-banner.sample1 .banner
  {
    height: auto !important;
  }
  .webinar-search
  {
    padding: 10px;
  }
  .webinar-search h2 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .webinar-search .input-group
  {
    margin-top: 10px;
  }
  .webinar-search h3
  {
    margin-top: 10px;
  }
  .book-my-seat-div
  {
    padding: 10px;
    margin-bottom: 10px;
  }
  .book-my-seat-div .p1
  {
    margin-bottom: 0px;
  }
  .book-my-seat-div .row1 {
    margin-bottom: 5px;
  }
  .book-my-seat-div .p3
  {
    margin-bottom: 10px;
  }
  .slick-prev {
    left: -5px !important;
  }
  .slick-next {
    right: 0 !important;
  }
  .mobile-pull-left
  {
    float: left !important;
  }
  .start-watching .video
  {
    height: 200px;
  }
  .webinar-detail-page .card-padding .follow-btn
  {
    font-size: 9px;
    padding: 3px 6px;
    text-transform: capitalize;
    letter-spacing: 0.4px;
  }
  .webinar-detail-page .card1 h5
  {
    margin-bottom: 0px;
  }
  .webinar-detail-page .card1 .p1
  {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .webinar-detail-page .card-div .card-padding {
    padding: 5px;
  }
  .webinar-detail-page .card1 h2
  {
    font-size: 14px;
    line-height: 150%;
  }
  .webinar-detail-page #menu1 img
  {
    width: 100%;
  }
  .start-watching .video-list li
  {
    padding: 6px;
  }
  .mobile-video-menu 
{
  position: fixed;
    z-index: 999;
    top: 0;
    background: #ffffff;
    width: 320px;
    left: 0;
    border-right: 1px solid #f5f5f5;
    height: 100%;
    padding: 0px !important;
    display: none;
}
.video-filter-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.08);
    z-index: 999;
    display: none;
}
.video-menu-btn
{
  position: absolute;
    width: 28px;
    right: -28px;
    z-index: 999;
}
.btn-group-sm .btn 
{
  background-color: #ff9800 !important;
    margin: 15px;
    width: 3rem !important;
    min-width: 3rem !important;
    height: 3rem !important;
}
.webinar-login, .webinar-signup
{
    width: 100%;
}
.padding.webinar-login-signup
{
  padding: 0px !important;
}
.btn-group-sm
{
  position: fixed;
  bottom: 0px;
  z-index: 2;
  right: 0px;
}
.webinar-log-sign-div.padding
{
  padding: 0px !important;
} 
.webinar-login .webinar-header
{
  border-bottom: 0px;
}
.webinar-login, .webinar-signup
{
  border: 0px;
}
.webinar-login .webinar-header, .webinar-signup .webinar-header
{
  padding: 10px;
}
.webinar-login .webinar-content, .webinar-signup .webinar-content
{
  padding: 10px;
}
.webinar-login .webinar-content
{
  padding: 80px 10px;
}
.webinar-login .webinar-header h4, .webinar-signup .webinar-header h4
{
  text-align: center;
}
.webinar-profile .mobile-video-menu .card
{
  box-shadow: unset;
}
.webinar-profile .card.div
{
  margin-bottom: 10px;
}
.webinar-profile-view .user-image
{
  margin-bottom: 20px;
}
#guestspeaker .modal-dialog
{
  margin-top: 20px; 
}
.guestspeaker-view .user-image
{
  margin: 0 auto;
}
.guestspeaker-view .modal-dialog
{
  margin-top: 20px;
  max-width: 95% !important;
}
.webinar-profile .card-header .btn-warning
{
  font-size: 12px;
  text-transform: capitalize;
  padding: 2px 4px;
}
.webinar-profile .card-header .btn-warning i 
{
  font-size: 12px;
}
.webinar-profile .webinar-chnage-pass
{
  display: none;
}
.register-user.user-registration
{
  width: 100% !important;
  padding: 10px !important;
}
.recruiter-info-img
{
    width: 250px !important;
    height: 250px !important;
    margin: 0 auto !important;
}
.recruter-info-steps h5
{
  margin-top: 0px !important;
}
.heading-border
{
  margin-bottom: 15px !important
}
.jobsearch .card
{
  margin-bottom: 0px;
}
.jobsearch #accordion .btn-link
{
  background-color: #fafafa;
}
.left-filter form
{
  margin-bottom: 0px;
}
.jobsearch #accordion .custom-control-label
{
  padding-bottom: 8px;
}
.search-box p.color-white
{
  margin-top: 15px;
}
.login-signup-popup .social-btn
{
  margin-top: 15px;
}
.login-signup-popup .btn .col-md-10
{
  display: none;
  flex: 0 0 100%;
  max-width: 100%;
}
.login-signup-popup .btn .col-md-2
{
  flex: 0 0 100%;
  max-width: 100%;
}
.login-signup-popup a.btn.btn-primary
{
  width: 32%;
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: center;
}
#project input.form-control.valid {
    margin-top: 25px;
}
.comman-modal .modal-content .modal-header
{
  width: 100% !important;
}
#graduation .modal-dialog, #project .modal-dialog
{
  max-width: 90% !important;
}
.comman-modal .modal-dialog
{
    width: 94% !important;
    max-width: 100% !important;
}
.modal .close-btn .fa-times-circle
{
    right: -7px !important;
    top: -7px !important;
    box-shadow: unset !important;
}

.dropdown1:hover .dropdown1-content {
    display: none !important;
}
.forgot-email-img 
{
    display: none;
}
.checkout-page .card-div
{
  padding: 5px !important;
  margin-bottom: 10px !important;
}
.checkout-page h4
{
  font-size: 14px;
}
.checkout-page p b
{
  font-size: 13px !important;
}
.checkout-page h2
{
  font-size: 16px;
}
.checkout-page .rupees-img {
    width: 14px !important;
}
header ul .li a 
{
  border: 0px solid transparent !important;
}
.company-document .card-content h6
{
  font-size: 13px;
}
.card.rec-job-posting-plan
{
  width: 100% !important;
}
.post-your-enquery .image1
{
  width: 300px;
  height: 245px;
}
.post-your-enquery .h1
{
    line-height: 140%;
    margin-top: 20px !important;
    font-size: 16px;
}
.post-your-enquery p 
{
  font-size: 12px;
  line-height: 190%;
}
.post-your-enquery h1 span
{
  font-size: 13px;
}
.post-your-enquery .row1
{
  padding: 0;
}
.post-a-job-form
{
  width: 100%;
}
.post-a-job-form .card-padding {
    padding: 5px;
}
#bluecollarjobs ul, #whitecollarjobs ul
{
    padding-inline-start: 0px;
    list-style-type: none;
} 
.post-a-job-form
{
  padding-top: 0px;
  padding-bottom: 0px;
}
.width55
{
  width: 100%;
}
.otp-varification .para-b
{
  font-size: 30px;
}
.otp-varification .para-b
{
  font-size: 30px;
}
.otp-varification .row1 
{
    margin-left: -5px;
    margin-right: -5px;
}
.otp-varification .row1 .col-xs-3
{
    padding-left: 5px;
    padding-right: 5px;
}
.otp-varification .form-control
{
    text-align: center;
}
.looking-jobs .checkbox
{
    padding-right: 0;
}
.thank-you
{
    padding: 20px;
    width: 100%;
}
.post-a-job-form .heading
{
    margin-bottom: 20px;
    font-size: 16px;
    margin-top: 20px;
}
.webinar-search .input-group {
    padding: 4px 5px;
}

.webinar-page h4
{
  font-size: 15px;
  margin-top: 2px;
}
.create-webinar h4
{
  font-size: 16px;
}
.create-webinar .custom-btn
{
  padding: 5px 32px;
  margin-top: 12px;
}
.webinar-dashboard .col-md-4:first-child .card.div
{
  margin-bottom: 10px;
}
.user-profile-sidemenu .card
{
  box-shadow: unset;
}
#database_not_purchase .mobile-close-btn .fa-times-circle
{
    right: 0px !important;
    top: 0px !important;
    box-shadow: unset !important;
}
/* ................. */
.recruiter-login-signup #Rsignup ul a
{
  font-size: 13px;
}
.recruiter-login-signup #Rsignup li span
{
  display: none;
}
.registration-tabs .signup-tabs a
{
    padding: 10px 4px;
}
.consultantlogin .signup-tabs .tab-content {
    padding-left: 8px;
    padding-right: 8px;
}
.toggle-btns .toggle-group
{
    height: 27px !important;
}
.my-job-posting .card-header
{
  padding: 5px;
}
.post-a-job .card-padding .card h5
{
  margin-bottom: 10px !important;
}
.recruiter-footer ul .a1
{
    width: 98px;
}
.recruiter-footer ul a.seperation
{
    display: none;
}
.recruiter-footer .ul2 a
{
    width: 49% !important;
}
.recruiter-footer .ul2
{
    text-align: left;
}
.btn-group-sm
{
    position: unset;
    bottom: unset;
    z-index: unset;
    right: unset;
}
.btn-group-sm .btn
{
    margin: 0px;
}
.top-category-filter .card
{
    width: 49.4% !important;
    display: inline-block;
}
.Subscription-plan
{
    position: unset !important;
    width: 100% !important;
}
.searching-div .form
{
    margin-bottom: 0px;
}
.recruter-info-steps .row
{
    width: 100% !important;
}
.top-companies-filter .card-columns .card
{
    width: 100% !important;
}
.jobsearch .card
{
    margin-bottom: 10px;
}
.mobile-search-box .form-control
{
    margin-bottom: 10px;
}
.checkbox label .checkbox-decorator, label.checkbox-inline .checkbox-decorator
{
    top: 0px;
}
.job-short-discription .padding-div2 ul li .fas.fa-star
{
    font-size: 15px;
}
.saved-jobs-list .padding-div2 p 
{
    margin-bottom: 0px;
}
.add-candidate .card-content .col-md-8
{
    order: 2;
}
.add-candidate .card-content .col-md-4
{
    order: 1;
}
.textarea-div .bmd-label-static
{
    font-size: 14px;
}
.textarea-div .cke_editor_upskill_course_description
{
    margin-top: 16px;
}
.upskill-document-page .card-content
{
    padding: 5px;
}
.login-signup-popup .border-right
{
    width: 39%;
}
.login-page
{
    width: 98% !important;
}
.login-page
{
    width: 98%;
}
.recruiter-login-page
{
    max-width: 100% !important;
}
.recruiter-login-page .card-body
{
    padding: 20px 4px;
}
.recruiter-login-page .signup-tabs ul a
{
    font-size: 12px !important;
    border-right: 1px solid #777777 !important;
}
.recruiter-login-page .signup-tabs ul li:last-child a
{
    border-right: 0px solid #777777 !important;
}
.guest-blog-overlay
{
    padding: 20px;
}
.guest-blog .guest-blog-overlay .btn
{
    padding: 10px 20px;
    font-size: 14px;
    letter-spacing: 0.2px;
}
.guest-blog
{
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: unset;
}
.blog-filter-btn
{
    padding: 0px;
    background: unset;
}
.blog-filter-btn .btn
{
    position: fixed;
    bottom: 8px;
    right: 8px;
}
.blog-mobile-filter 
{
    width: 96% !important;
    right: 2% !important;
    top: 2%;
    bottom: 2%;
}
.blog-mobile-filter .close-btn
{
    position: fixed;
    top: 1px;
    right: 0px;
}
.blog-mobile-filter #accordion
{
    margin-top: 40px;
}
.blogs-categorylist-page .blog-list-content
{
    padding-left: 0px;
}
.blog-detail-div .social-link ul 
{
    padding-inline-start: 0px;
}
.blogs-detail-page .blog-detail-div .card
{
    padding: 10px;
}
.blogs-detail-page .card.blog-detail-content img
{
    width: 100%;
}
.btn-group-sm .btn
{
    z-index: 999;
}
.webinar-page
{
    padding: 10px;
}
.list .four-row .slider-image
{
    background-size: cover;
}
.start-watching .video embed
{
    height: 200px !important;
}
.guest-post-page .free-guest-post .card
{
    width: 100%;
    padding: 10px;
}
.guest-post-page .free-guest-post .card .btn
{
    width: 100px !important;
}
.jobdetails .job-short-discription .col-md-3
{
    border-right: 0px solid #e0e0e0; */
}
.quick-search-enquiry .card
{
    width: 100%;
}
}
/*----------------------- mobile Portrait ------------------*/
@media screen and (max-width: 768px) and (orientation: portrait)
{
    .saved-jobs
    {
        margin-right: 0;
    }
}
/*----------------------- mobile landspace ------------------*/
@media screen and (max-device-width: 768px) and (orientation: landscape)
{
   .col-ls-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-ls-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-ls-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-ls-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-ls-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-ls-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-ls-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-ls-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-ls-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-ls-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-ls-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-ls-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
 .content-banner .search-box {
    width: 100%;
 }
 .mobile-search-box
 {
    left: 10%;
    right: 10%;
 }
 .mobile-search-box .close-btn
 {
     right: 8%;
 }
 .swap-row .col-md-3 {
    order: 2;
}
.swap-row > div {
    flex: 1 1 20%;
}
.job-short-discription .col-xs-2
{
    flex: 0 0 10%;
    max-width: 10%;
}
.job-short-discription .col-xs-8
{
    flex: 0 0 60%;
    max-width: 60%;
}.job-short-discription .col-xs-6
{
    flex: 0 0 15%;
    max-width: 15%;
}
.padding-div2 .col-md-2.col-xs-6 {
    margin-top: unset;
    border-top: unset;
    padding-top: unset;
}
.comman-modal .modal-dialog {
    max-width: 80% !important;
}
.comman-modal .close-btn
{
    left: unset;
    right: -12px;
}
.login-signup-popup .tab-content .col-md-5
{
    flex: 0 0 45%;
    max-width: 45%;
}
.login-signup-popup .tab-content .col-md-2
{
    flex: 0 0 10%;
    max-width: 10%;
}
.login-signup-popup .border-right
{
    height: 70px;
    border-bottom: unset !important;
}
.login-signup-popup .or
{
    padding: 6px 15px;
    border: unset;
}
.download-app.wrapper.laptop-hide
{
    display: none;
}
.register-user.user-registration
{
    width: 80%;
}
.saved-jobs-list.job-short-discription .padding-div
{
    padding: 20px !important;
}
.register-user.user-registration
{
    width: 100% !important;
    padding: 10px !important;
}
.recruiter-plan h4
{
    font-size: 29px !important;
}
.user-page-banner .searching-div {
    padding: 20px 40px 10px 40px !important;
}
.user-page-banner .banner {
    height: 195px !important;
}
.recruiter-help-email h4
{
    font-size: 25px !important;
}
.recruiter-help-email.orange h4 span {
    font-size: 23px !important;
}
.recruiter-howitwork .icon
{
    width: 80px !important;
    height: 80px !important;
}
.user-dashboard h4
{
    font-size: 13px !important;
}
.ipad-ls-hide
{
    display: none;
}
.filter-options .search-job-posting {
    margin-top: 10px !important;
}
.padding {
    padding: 10px 15px !important;
}
footer ul a li
{
    width: 90%;
}
footer ul.social-icons a li
{
    border-bottom: 0px solid transparent;
}
.modal.fade.In.comman-modal.profile-info-modal.login-signup-popup.show .modal-dialog
{
    max-width: 50% !important;
}
.user-page-banner .banner {
    height: 323px !important;
}
.user-page-banner .banner {
    height: 323px !important;
}
.top-category-filter .card-columns
{
    column-count: 2 !important;
}
}
/* ..................... iphone 6/7/8 .......................*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape)
{
  .mobile-hide
  {
      display: none;
  }
  .col-xs-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xs-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xs-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xs-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xs-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xs-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .comman-header
  {
    position: fixed;
    z-index: 999;
    width: 320px;
    height: 100%;
    top: 0;
  }
  /*..header start..*/
  .comman-header ul
  {
    padding-inline-start: 0px;
  }
  .comman-header ul a
  {
    padding: 0px;
    border: 0px solid transparent !important;
  }
  .comman-header ul li {
    display: block;
    padding: 15px 9px;
    border-top: 1px solid #131742;
    width: 100%;
  }
  .comman-header .pull-right
  {
      float: left;
      width: 100%;
  }
  .comman-header .logo-img
  {
      margin: 30px auto;
  }
  .close-btn {
  position: fixed;
    width: 28px;
    left: 320px;
    z-index: 999;
  }
  .comman-header
  {
    display: none;
  }
  .mobile-menu {
    padding: 5px 20px;
    background: #1a2059;
  }
  .mobile-menu .image {
    position: relative;
    width: 35px;
    height: 35px;
    margin-top: 5px;
  }
  .mobile-menu .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
  }
  .mobile-menu .logo-img {
    width: 29px !important;
    height: 30px !important;
    margin-top: 3px;
  }
  .logo-img img {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  /*..header end..*/
  .comman-header-overlay, .filter-overlay, .tab-overlay, .profile-overlay, .search-overlay
  {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.43);
    display: none;
    z-index: 999;
  }
  .search-overlay
  {
    background-color: rgba(0, 0, 0, 0.71);
  }
  .content-banner .searching-div {
    padding: 20px 10px;
  }
  .content-banner .search-box h4
  {
    margin-bottom: 10px;
    font-size: 23px;
  }
  .content-banner .search-box .briefcase
  {
    width: 22px !important;
    height: 22px !important;
    margin-left: -35px;
  }
  .content-banner .search-box h5
  {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .content-banner .search-box span
  {
    font-size: 19px;
  }
  .content-banner .search-box
  {
    width: 100%;
  }
  .coloumn-swap
  {
    display: flex;
    flex-wrap:wrap
  }
  .coloumn-swap .row1
  {
    order: 2;
    width: 100%;
  }
  .coloumn-swap .advance-search, .coloumn-swap .row2
  {
    order: 1;
  }
  .content-banner .search-box .advance-search .form-control
  {
      width: 100%;
  }
  .coloumn-swap .form-control
  {
    margin-bottom: 6px;  
  }
  .content-banner .banner-bg-image
  {
      display: none;
  }
  .content-banner .banner
  {
      position: unset;
      height: unset;
  }
  .content-banner .content
  {
      position: unset;
  }
  .padding
  {
      padding: 10px 5px !important;
  }
  .heading
  {
      margin-bottom: 8px;
      font-size: 15px;
  }
  .heading-border
  {
      margin-bottom: 15px
  }
  .container-fluid
  {
      padding-left: 0px;
      padding-right: 0px;
  }
  .govenment-job .govjobs-div .row-seperate
  {
    padding: 8px;
  }
  .govenment-job .govjobs-div .row-seperate h2
  {
    font-size: 15px;
    line-height: 170%;
  }
  .govenment-job .govjobs-div .row-seperate
  {
    line-height: 170%;
  }
  .popular-category .nav-tabs a
  {
    padding: 6px 9px;
    letter-spacing: 0px;
    text-transform: capitalize;
    font-weight: 500;
  }
  .popular-category .nav-tabs .active
  {
    border-bottom: 0px solid #ff9800;
    text-transform: capitalize;
    background-color: transparent;
    color: #fff;
  }
  .popular-category .nav-tabs a
  {
    background: unset;
    width: 100%;
    border: 0px solid #302717;
  }
  .popular-category .tab-content
  {
    padding: 10px;
    border: 0px solid transparent;
  }
  .popular-category .category-heading
  {
      font-size: 14px;
  }
  .popular-category .hr
  {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .showlesscategory p
  {
    padding-top: 3px;
    padding-bottom: 3px;
  }
    .custom-btn {
        padding: 8px 15px;
        margin-top: 15px;
        border: 0px solid #ff9800;
        text-transform: capitalize;
    }
  .jobs-login .content .div
  {
    width: 98%;
    margin: 10px auto;
    padding: 15px;
  }
  .jobs-login .content .div h4 {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 160%;
  }
  .jobs-login .content .div .btn
  {
    padding: 6px 13px;
    font-size: 12px;
    margin-top: 2px;
    border: 0px solid transparent;
  }
  .jobs-login .col-md-12
  {
      padding-left: 0px;
      padding-right: 0px;
  }
  .jobs-login
  {
      height: 148px;
      margin: 0px;
  }
  .popular-category .companies-img
  {
      width: 90px;
      height: 50px;
      margin: 8px auto;
  }
  .download-app .content1
  {
    padding-top: 0;
    padding: 6px;
  }
  .download-app h4
  {
    margin-bottom: 8px;
    font-size: 16px;
  }
  .download-app p {
    margin-bottom: 8px;
  }
  .popular-category .icon-div
  {
      padding: 8px;
  }
  .popular-category p
  {
      margin-bottom: 0px;
  }
  .popular-category .icon
  {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
  }
  .popular-category i
  {
    padding-top: 24px;
    font-size: 28px;
  }
  .popular-category h5
  {
      margin-bottom: 10px;
  }
  footer ul a
  {
    width: 49.4%;
    display: inline-block;
  }
  footer .footer-border-bottom
  {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .row
  {
      margin-left: 0px;
      margin-right: 0px;
  }
  .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto
  {
      padding-left: 0px;
      padding-right: 0px;
  }
  .content-banner .search-box .p1
  {
      margin-left: 0px;
  }
  .comman-search-box .content-banner
  {
      width: 100%;
  }
  .comman-search-box
  {
      padding: 5px;
  }
  .search-box form
  {
      margin-bottom: 0px;
  }
  .search-box p 
  {
      margin-bottom: 0px;
  }
  .breadcrumb
  {
      padding: 10px 5px;
  }
  .mobile-filter-fab {
    position: fixed;
    bottom: 0px;
    z-index: 2;
    right: 0px;
  }
  .mobile-filter-fab .btn {
    background-color: #1a2059 !important;
    margin: 15px;
    width: 3rem !important;
    min-width: 3rem !important;
    height: 3rem !important;
  }
  .mobile-filter {
    position: fixed;
    z-index: 999;
    top: 0;
    background: #ffffff;
    width: 320px;
    left: 0;
    border-right: 1px solid #f5f5f5;
    height: 100%;
    padding: 0px;
    display: none;
    overflow: auto;
  }
  footer ul a li {
    padding: 4px 0px;
    font-size: 13px;
    color: #9E9E9E;
  }
  footer ul a li .icon
  {
      border: 1px solid #414141;
      width: 26px;
      height: 26px;
      padding-top: 2px;
  }
  footer h5 {
    font-size: 14px;
  }
  footer .width80
  {
      width: 100%;
  }
  .comman-modal .modal-dialog
  {
      max-width: 100%;
  }
  .login-signup-popup .tab-content .col-md-5, .login-signup-popup .tab-content .col-md-2
  {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .login-signup-popup .border-right
  {
      height: 1px;
      width: 43%;
      display: inline-block;
      border-bottom: 1px solid #dee2e6 !important;
      margin-right: 0px;
      margin-left: 0px;
  }
  .login-signup-popup .or
  {
    display: inline-block;
    width: 10%;
  }
  .login-signup-popup .border-right.line1
  {
      margin-bottom: 0px;
  }
  .login-signup-popup .border-right.line2
  {
      margin-top: 0px;
  }
  .login-signup-popup .social-btn
  {
      padding-left: 0px;
  }
  .login-signup-popup .btn .col-md-2 
  {
    flex: 0 0 12%;
    max-width: 12%;
    display: inline-block;
    margin-top: 0px;
  }
  .login-signup-popup .btn .col-md-10
  {
    display: inline-block;
    flex: 0 0 88%;
    max-width: 88%;
  }
  .registration-tabs .tab-content
  {
      padding-bottom: 0px;
  }
  .registration-tabs form
  {
      margin-bottom: 0px;
  }
  .login-signup-popup .social-btn .btn
  {
      margin-bottom: 10px;
  }
  .modal-content .modal-body
  {
      padding: 10px 15px 10px;
  }
  .comman-modal .modal-content .modal-header
  {
      padding: 10px;
  }
  .reset-password-page .card
  {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .login-signup-popup .custom-btn
  {
    margin-top: 0px;
    margin-bottom: 15px;
  }
  .header1 .dropdown2 .dropbtn2
  {
      padding: 0px !important;
  }
  header ul a:hover
  {
      border: 0px solid transparent;
  }
  .reactivate-account .varification
  {
     width: 100%;
     padding: 10px;
  }
  .reactivate-account h4
  {
      margin-bottom: 0px;
      line-height: 160%;
  }
  .reactivate-account img
  {
      margin-top: 2px;
  }
  .reactivate-account .btn
  {
      padding: 7px 30px;
      margin-top: 20px;
  }
  .all-caterories .nav.nav-tabs li
  {
    width: 100%;
    border: 4px solid #ff9c0c;
    text-align: center;
    background: #ff9c0c;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 30px;
    display: block;
    padding: 10px 0px;
  }
    .all-caterories .nav.nav-tabs li:last-child
    {
        margin-bottom: 0px;
    }
  .all-caterories .tab-content
  {
      padding: 0px;
      margin: 0px;
  }
  .all-caterories .tab-pane
  {
    position: fixed;
    z-index: 999;
    top: 20px;
    background: #ffffff;
    left: 0;
    bottom: 20px;
    right: 0;
    padding: 10px;
    overflow: auto;
    width: 90%;
    margin: 0 auto;
    display: none;
  }
  .all-caterories .close-btn {
    position: fixed;
    right: 1%;
    z-index: 999;
    top: 6px;
    left: unset;
  }
  .download-app.home-dnload
  {
      background-image: unset;
      background: #fafafa;
  }
  .download-app.home-dnload h4, .download-app.home-dnload p {
    color: #000;
  }
  .download-app.home-dnload .landing-user-contentMarket a
  {
      border: 1px solid #EEEEEE;
  }
  .padding.popular-category
  {
      background: #fff;
  }
  .download-app .content
  {
      background-color: transparent;
  }
  .popular-category .col-md-4:nth-child(2) .icon-div
  {
      background-color: #ffffff;
      box-shadow: unset;
  }
  .popular-category .col-md-4:nth-child(2) .icon-div .icon
  {
      background-color: unset;
      border: 2px solid #1a2059;
  }
  .popular-category .col-md-4 .icon-div .icon
  {
      width: 55px;
      height: 55px;
      border: 2px solid #1a2059;
  }
  .popular-category .col-md-4:nth-child(2) .icon-div .icon i {
    color: #1a2059;
  }
  .popular-category .col-md-4 .icon-div .icon i 
  {
      padding-top: 16px;
      font-size: 20px;
  }
  .popular-category .col-md-4:nth-child(2) .icon-div h5, .popular-category .col-md-4:nth-child(2) .icon-div p
  {
      color:unset;
  }
  .popular-category h5
  {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
  }
  footer ul a li .far
  {
      display: none;
  }
  footer .social-icons a
  {
    width: 9%;
    margin: 0 auto;
  }
   footer .social-icons{
    text-align: center;
    margin: 0;
    padding-top: 0px;
   }
   footer .social-link
   {
        margin-top: 10px;
        margin-bottom: 15px;
   }
   .user-dashboard .card .sub-card2 {
    padding: 15px 10px;
   }
   .user-dashboard .card .sub-card
   {
       padding: 4px 10px;
   }
   .user-dashboard .sub-card2 .image
   {
       width: 60px;
       height: 60px;
       margin-bottom: 15px;
   }
   .user-dashboard .card .sub-card2 p
   {
       margin-bottom: 0px;
   }
   .user-dashboard .card2 {
    margin-top: 0px;
   }
   .register-user.user-registration
   {
       width: 100%;
       margin-top: 15px;
   }
   .content-banner .user-registration
   {
       padding: 10px;
   }
   .user-profile-sidemenu
   {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 320px;
    right: 0;
    display: none; 
    bottom: 0;
    overflow: scroll;
    background: #ffffff;
   }
   .user-profile-sidemenu .card
   {
    margin-bottom: 0px;
   }
   .profile-close-menu
   {
    left: unset;
    right: 320px;
   }
   .user-dashboard .image-upload-div .img
   {
    margin: 30px auto;
   }
   .user-dashboard .last-login
   {
    font-size: 13px;
   }
   .user-dashboard .card .card-header h4 
   {
    margin-top: 0px;
    margin-bottom: 0px;
   }
   .alert .custom-job-alert
   {
    margin-top: 0;
    margin-bottom: 0;
   }
   .alert .custom-job-alert img {
    width: 110px;
   }
   .resumes .user-photo
   {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    border: 3px solid #ccc;
    border-radius: 50%;
    margin-bottom: 20px;
   }
   .resumes .user-photo img
   {
    border-radius: 50%;
   }
   .resumes .top-div h5, .resumes .top-div .col-md-3 p, .resumes .top-div p
   {
    margin-bottom: 4px;
   }
   .user-dashboard .card-padding
   {
    padding: 5px;
   }
   .resumes h4
   {
    font-size: 13px;
    letter-spacing: 0.6px;
    margin-top: 0px;
   }
   .job-short-discription .padding-div .col-md-2
   {
    flex: 0 0 33.33%;
    max-width: 33.33%;
   }
   .job-short-discription .padding-div .col-md-10 {
    flex: 0 0 66.66%;
    max-width: 66.66%;
   }
   .job-short-discription ul
   {
    padding-inline-start: 20px;
   }
   .saved-jobs-list.job-short-discription .card
   {
    border: 0px solid transparent;
   }
   .saved-jobs-list.job-short-discription .padding-div
   {
    padding: 0px;
   }
   .saved-jobs-list.job-short-discription .padding-div2 .save li
   {
    padding: 0px 0px !important;
   }
   .user-dashboard .saved-jobs .saved-job .img
   {
    width: 80px;
    height: 80px;
   }
   .recruiter-plan h4
   {
      margin-bottom: 10px;
      font-size: 19px;
   }
   .user-profile-details form
   {
    margin-bottom: 0px;
   }
   .recruiter-plan .p2
   {
    margin-bottom: 10px;
    margin-top: 10px;
   }
   .consultant-subscription-plansummary h3
   {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 160%;
   }
   .benifit-college .padding-bottom
   {
    padding-bottom: 10px;
   }
   .consultant-subscription-plansummary img {
    width: 18px;
    margin-right: 4px; 
   }
   .recruiter-help-email h4
   {
    font-size: 24px;
   }
   .recruiter-help-email.orange h4 span {
    font-size: 27px;
    line-height: 220%;
   }
   .user-subscriptionplan .col-md-2 {
    flex: 0 0 100%;
    max-width: 100%;
   }
   .user-subscriptionplan .width80
   {
    width: 100%;
   }
   .usersubplan-img
   {
    width: 50px;
    height: 50px;
    margin: 0;
    border: 2px solid #FF9800;
    background: #1a2059;
   }
   .usersubplan-img img
   {
    padding: 10px;
    filter: invert(100%);
   }
   .user-subscriptionplan h5
   {
    text-align: left;   
   }
   .user-subscriptionplan .col-md-2.col-xs-12
   {
    margin-bottom: 10px;
   }
   .user-subscriptionplan h5
   {
    margin-top: 0px;
   }
   .user-subscription-plan .user-subplan h2 {
    margin-bottom: 20px;
    font-size: 32px;
   }
   .user-subscription-plan-course-details .card {
    padding: 6px;
    margin-bottom: 10px;
   }
   .user-subscription-courses-table .table {
    margin-top: 10px;
   }
   .checkout-page .main-div
   {
    padding: 5px;
   }
   .checkout-page .card.card1
   {
    background: rgba(255, 152, 0, 0.28);
    padding: 10px;
   }
   .checkout-page .card.card2 .card-header .btn
   {
     padding: 10px;
   }
   .checkout-page .card.card2 .card-body {
    padding: 10px !important;
   }
   .user-dashboard .alert form
   {
    margin-bottom: 0px;
   }
   .user-dashboard .alert .btn
   {
    margin: 0px;
    margin-bottom: 10px;
   }
   .user-dashboard .alert
   {
    padding: 0px;
    margin: 0px;
   }
   .location-master .table-content .card-content
   {
    padding: 5px;
   }
   .forgot-password-img
   {
    display: none;
   }
   .user-dashboard .saved-job-counter
   {
    font-size: 17px;
    font-weight: 600;
   }
   .mobile-pull-left
   {
    float: left;
    width: 100%;
   }
   .mobile-pull-left .row
   {
    width: 100%;
   }
   .user-dashboard .card-header .btn
   {
    padding: 4px;
   }
   .user-dashboard .card-header .btn-primary img
   {
    width: 16px;
   }
   .modal .close-btn .fa-times-circle
   {
    right: -4px;
    top: -26px;
   }
   .personal-info p {
    margin-top: 5px;
    margin-bottom: 5px;
   }
   .user-dashboard h4
   {
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 600;
   }
   .margintop15
   {
    margin-top: 15px;
   }
   .user-dashboard .card.skill ul li
   {
    margin-bottom: 5px;
   }
   #personalinfo .modal-dialog {
    max-width: 100%;
   }
   .form-group {
    margin-bottom: 5px;
   }
   .comman-modal h4
   {
    font-size: 18px;
   }
   .comman-modal .duration .duration-to {
    margin-top: 4px;
    margin-bottom: 4px;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    border: 1px solid #777;
    border-radius: 50%;
    padding-top: 3px;
   }
   .profile-info-modal .col-md-6
   {
    padding-left: 2px;
    padding-right: 2px;
   }
   .comman-modal .modal-dialog
   {
    max-width: 100% !important;
   }
   .aboutus-howitwork .profile
   {
      width: 60px;
      height: 60px;
   }
   .aboutus-howitwork .profile img
   {
    padding: 12px;
   }
   .how-para h5
   {
    font-size: 12px;
   }
   .Aboutus p
   {
    text-align: justify;
   }
   .faqs .container
   {
    padding-left: 0px;
    padding-right: 0px;
   }
   .faqs h4
   {
    margin-top: 5px;
    margin-bottom: 5px;
   }
   .faqs .card .btn
   {
    padding: 10px 6px;
   }
   .faqs .card-body {
    padding: 6px 6px !important;
   }
   .contact-us .row1 {
    margin-top: 0px;
   } 
   .contact-us .card
   {
    padding: 0px;
    box-shadow: unset;
    border-top: 1px solid #eeeeee;
   }
   .mobile-search-box
   {
    position: fixed;
    z-index: 999;
    background: #fff;
    left: 10px;
    right: 10px;
    top: 10px;
    padding: 15px;
   }
   .mobile-search-box .close-btn
   {
    width: 28px;
    right: 0;
    top: 0;
    left: unset;
   }
   .content-banner .search-box .form-control, .mobile-search-sample .form-control
   {
    background-color: #EEEEEE !important;
   }
   .mobile-search-sample .form-control
   {
    padding: 10px 20px;
    height: 50px;
    background-image: unset;
   }
   .content-banner .search-box .p2
   {
    color: #000;
   }
   .mobile-search-sample .input-group-append
   {
    background: #eeeeee;
   }
   .mobile-search-sample .input-group-text
   {
    padding: 15px;
   }
   .comman-search-box
   {
    padding: 0px;
   }
   .comman-search-box .logo-img img
   {
    filter: invert(100%);
   }
   .mobile-menu .logo-img 
   {
    padding: 0px 5px;
   }
   .mobile-search-sample span
   {
    color: #ff9800;
   }
   header ul .li a
   {
    border: 0px solid transparent;
   }
   .recruiter-footer ul a
   {
    width: 30px;
   }
   .recruiter-footer ul
   {
    margin-bottom: 0px;
   }
   .recruiter-howitwork .icon
   {
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
    margin-top: 10px;
   }
   .recruiter-howitwork .icon img
   {
    padding: 15px;
   }
   .register-user .user-profile-details .col-md-6.col-xs-6
   {
    padding-left: 2px;
    padding-right: 2px;
   }
   .user-dashboard .card-header .btn.btn-link
   {
    padding: 12px 15px;
   }
   .user-dashboard #accordion .card
   {
    box-shadow: unset;
   }
   .profile-sidemenu .card
   {
    box-shadow: none;
   }
   .rec-profile-alert 
   {
    padding: 10px !important;
    margin-bottom: 10px !important;
   }
   .my-job-posting .search-job-posting {
    margin-top: 0px;
   }
   .my-job-posting .filter-options .custom-select
   {
    margin-top: 10px;
    width: 100%;
    margin-bottom: 0px;
   }
   .profile-sidemenu .padding p
    {
      margin-bottom: 5px;
    }
    .user-dashboard.post-a-job .card1 .image
    {
      margin-top: 0px;
    }
    .my-job-posting .card-padding .card1 hr
    {
      border-top: 1px solid rgba(0, 0, 0, 0.04);
    }
    .my-job-posting .custom-select {
      width: 100%;
      margin-bottom: 10px;
    }
    .reumes-tabs .p img
    {
      width: 28px !important;
    }
    .incoming-resumes .table
    {
      margin-top: 0px;
    }
    .arrow-up
    {
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #1a2059;
    }
    .reumes-tabs .p
    {
      padding: 5px 0px 0px 0px;
    }
    .my-job-posting .input-group-append {
      width: 11%;
    }
    .change-email-page .margintop15
    {
      margin-top: 15px;
    }
    .email-template-div .row1 {
      margin-bottom: 10px;
    }
    .email-template-div .send-email-template
    {
      border: 0px solid #f5f5f5;
      padding: 0px;
    }
    .email-template-div .btn
    {
      margin-top: 10px !important;
    }
    .btn-grps .btn
    {
      padding: 4px 7px;
      margin-top: 5px;
    }
    .resumes-search-list .card2 .card-header .lastlogin
    {
      margin-top: 8px;
    }
    .resumes-search-list .card2 .resume-info {
      padding: 10px;
      padding-bottom: 0px;
    }
    .resumes-search-list .card2 .resume-info h4, .resumes-search-list .card2 .resume-info p {
     margin-bottom: 8px;
     margin-top: 0px;
    }
    .post-a-job .advance-search p
    {
      margin-bottom: 5px;
    }
    .resumes-search-list .card2 .card-footer 
    {
      padding: 4px 6px;
    }
    .resumes-search-list .card2 .card-footer p 
    {
      margin-top: 2px;
      margin-bottom: 2px;
      padding-left: 5px;
    }
    .resumes-search-list .card2 .resume-info h4
    {
      font-size: 15px;
    }
    .marginbottom10
    {
      margin-bottom: 10px;
    }
    .database-access .card {
      margin-top: 0px;
    }
    .database-access .card1 h4
    {
      margin-bottom: 15px;
    }
    .quick-search .row.gender {
      margin-top: 10px;
    }
    .reactivate-account .btn span
    {
      padding: 3px 30px;
    }
    .reactivate-account .btn
    {
      padding: 7px;
    }
    .reactivate-account .col-md-3.col-xs-3
    {
      padding-left: 10px;
      padding-right: 10px;
    }
    .varification .form-group .form-control
    {
      font-size: 35px;
      line-height: 150%;
      text-align: center;
      color: #000;
    }
    .swap-row > div {
          flex: 1 1 100%;
      }
    .swap-row .col-md-9 {
        order: 2;
      }
    .swap-row .col-md-3 {
        order: 1;
      }
     .swap-row .pull-right
     {
         float: left !important;
         width: 100%;
     }
     .company-logo-img
     {
         margin: 0 auto;
         margin-bottom: 10px;
     }
     .mobile-pull-left
     {
         float: left !important;
     }
     .padding-div2 .col-md-2.col-xs-6
     {
         margin-top: 8px;
        border-top: 1px solid #E0E0E0;
        padding-top: 8px;
     }
     .job-short-discription .padding-div {
       padding: 7px;
    }
    .jobdetails h4.designation
    {
        font-size: 14px;
        line-height: 160%;
    }
    .jobdetails h5
    {
        font-size: 13px;
    }
    .jobdetails .ul-list
    {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .jobdetails p 
    {
        margin-bottom: 8px;
    }
    .job-short-discription .col-md-6.col-xs-8 li 
    {
        padding-left: 5px !important;
    }
    .job-short-discription .padding-div2 .save li {
    padding: 0px 8px !important;
    }
    .top-category-filter .card-columns
    {
        column-count: 1;
    }
    .top-category-filter .card-columns ul, .top-category-filter ul
    {
        padding-inline-start: 0px;
    }
    .top-category-filter .ul-list
    {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }
    .govenment-job .div-width-border
    {
        width: 100%;
        padding: 5px;
    }
    .download-app.home-dnload.laptop-hide
    {
        display: none;
    }
       .comman-search-box .content-banner
    {
        padding: 18px;
    }
    .content-banner .search-box .p2
    {
        color: #fff !important;
    }
    .padding-div2 .col-md-2.col-xs-6
    {
        margin-top: 0px !important;
        border-top: 0px solid transparent !important;
        padding-top: 0px !important;
    }
    .comman-modal .modal-dialog {
        max-width: 90% !important;
    }
    .company-pf-logo
    {
        width: 100px;
        height: 100px;
    }
    .simillar-jobs.jobdetails
    {
        margin-top: 10px;
    }
    .modal.fade.In.comman-modal.profile-info-modal.login-signup-popup.show .modal-dialog
    {
        max-width: 50% !important;
    }
}
/* ..................... iphone 6/7/8 plus .......................*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape)
{
  .mobile-hide
  {
      display: none;
  }
  .col-xs-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xs-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xs-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xs-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xs-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xs-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .comman-header
  {
    position: fixed;
    z-index: 999;
    width: 320px;
    height: 100%;
    top: 0;
  }
  /*..header start..*/
  .comman-header ul
  {
    padding-inline-start: 0px;
  }
  .comman-header ul a
  {
    padding: 0px;
    border: 0px solid transparent;
  }
  .comman-header ul li {
    display: block;
    padding: 15px 9px;
    border-top: 1px solid #131742;
    width: 100%;
  }
  .comman-header .pull-right
  {
      float: left;
      width: 100%;
  }
  .comman-header .logo-img
  {
      margin: 30px auto;
  }
  .close-btn {
  position: fixed;
    width: 28px;
    left: 320px;
    z-index: 999;
  }
  .comman-header
  {
    display: none;
  }
  .mobile-menu {
    padding: 5px 20px;
    background: #1a2059;
  }
  .mobile-menu .image {
    position: relative;
    width: 35px;
    height: 35px;
    margin-top: 5px;
  }
  .mobile-menu .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
  }
  .mobile-menu .logo-img {
    width: 29px !important;
    height: 30px !important;
    margin-top: 3px;
  }
  .logo-img img {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  /*..header end..*/
  .comman-header-overlay, .filter-overlay, .tab-overlay, .profile-overlay, .search-overlay
  {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.43);
    display: none;
    z-index: 999;
  }
  .search-overlay
  {
    background-color: rgba(0, 0, 0, 0.71);
  }
  .content-banner .searching-div {
    padding: 20px 10px;
  }
  .content-banner .search-box h4
  {
    margin-bottom: 10px;
    font-size: 23px;
  }
  .content-banner .search-box .briefcase
  {
    width: 22px !important;
    height: 22px !important;
    margin-left: -35px;
  }
  .content-banner .search-box h5
  {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .content-banner .search-box span
  {
    font-size: 19px;
  }
  .content-banner .search-box
  {
    width: 100%;
  }
  .coloumn-swap
  {
    display: flex;
    flex-wrap:wrap
  }
  .coloumn-swap .row1
  {
    order: 2;
    width: 100%;
  }
  .coloumn-swap .advance-search, .coloumn-swap .row2
  {
    order: 1;
  }
  .content-banner .search-box .advance-search .form-control
  {
      width: 100%;
  }
  .coloumn-swap .form-control
  {
    margin-bottom: 6px;  
  }
  .content-banner .banner-bg-image
  {
      display: none;
  }
  .content-banner .banner
  {
      position: unset;
      height: unset;
  }
  .content-banner .content
  {
      position: unset;
  }
  .padding
  {
      padding: 10px 5px !important;
  }
  .heading
  {
      margin-bottom: 8px;
      font-size: 15px;
  }
  .heading-border
  {
      margin-bottom: 15px
  }
  .container-fluid
  {
      padding-left: 0px;
      padding-right: 0px;
  }
  .govenment-job .govjobs-div .row-seperate
  {
    padding: 8px;
  }
  .govenment-job .govjobs-div .row-seperate h2
  {
    font-size: 15px;
    line-height: 170%;
  }
  .govenment-job .govjobs-div .row-seperate
  {
    line-height: 170%;
  }
  .popular-category .nav-tabs a
  {
    padding: 6px 9px;
    letter-spacing: 0px;
    text-transform: capitalize;
    font-weight: 500;
  }
  .popular-category .nav-tabs .active
  {
    border-bottom: 0px solid #ff9800;
    text-transform: capitalize;
    background-color: transparent;
    color: #fff;
  }
  .popular-category .nav-tabs a
  {
    background: unset;
    width: 100%;
    border: 0px solid #302717;
  }
  .popular-category .tab-content
  {
    padding: 10px;
    border: 0px solid transparent;
  }
  .popular-category .category-heading
  {
      font-size: 14px;
  }
  .popular-category .hr
  {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .showlesscategory p
  {
    padding-top: 3px;
    padding-bottom: 3px;
  }
    .custom-btn {
        padding: 8px 15px;
        margin-top: 15px;
        border: 0px solid #ff9800;
        text-transform: capitalize;
    }
  .jobs-login .content .div
  {
    width: 98%;
    margin: 10px auto;
    padding: 15px;
  }
  .jobs-login .content .div h4 {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 160%;
  }
  .jobs-login .content .div .btn
  {
    padding: 6px 13px;
    font-size: 12px;
    margin-top: 2px;
    border: 0px solid transparent;
  }
  .jobs-login .col-md-12
  {
      padding-left: 0px;
      padding-right: 0px;
  }
  .jobs-login
  {
      height: 148px;
      margin: 0px;
  }
  .popular-category .companies-img
  {
      width: 90px;
      height: 50px;
      margin: 8px auto;
  }
  .download-app .content1
  {
    padding-top: 0;
    padding: 6px;
  }
  .download-app h4
  {
    margin-bottom: 8px;
    font-size: 16px;
  }
  .download-app p {
    margin-bottom: 8px;
  }
  .popular-category .icon-div
  {
      padding: 8px;
  }
  .popular-category p
  {
      margin-bottom: 0px;
  }
  .popular-category .icon
  {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
  }
  .popular-category i
  {
    padding-top: 24px;
    font-size: 28px;
  }
  .popular-category h5
  {
      margin-bottom: 10px;
  }
  footer ul a
  {
    width: 49.4%;
    display: inline-block;
  }
  footer .footer-border-bottom
  {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .row
  {
      margin-left: 0px;
      margin-right: 0px;
  }
  .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto
  {
      padding-left: 0px;
      padding-right: 0px;
  }
  .content-banner .search-box .p1
  {
      margin-left: 0px;
  }
  .comman-search-box .content-banner
  {
      width: 100%;
  }
  .comman-search-box
  {
      padding: 5px;
  }
  .search-box form
  {
      margin-bottom: 0px;
  }
  .search-box p 
  {
      margin-bottom: 0px;
  }
  .breadcrumb
  {
      padding: 10px 5px;
  }
  .mobile-filter-fab {
    position: fixed;
    bottom: 0px;
    z-index: 2;
    right: 0px;
  }
  .mobile-filter-fab .btn {
    background-color: #1a2059 !important;
    margin: 15px;
    width: 3rem !important;
    min-width: 3rem !important;
    height: 3rem !important;
  }
  .mobile-filter {
    position: fixed;
    z-index: 999;
    top: 0;
    background: #ffffff;
    width: 320px;
    left: 0;
    border-right: 1px solid #f5f5f5;
    height: 100%;
    padding: 0px;
    display: none;
    overflow: auto;
  }
  footer ul a li {
    padding: 4px 0px;
    font-size: 13px;
    color: #9E9E9E;
  }
  footer ul a li .icon
  {
      border: 1px solid #414141;
      width: 26px;
      height: 26px;
      padding-top: 2px;
  }
  footer h5 {
    font-size: 14px;
  }
  footer .width80
  {
      width: 100%;
  }
  .comman-modal .modal-dialog
  {
      max-width: 100%;
  }
  .login-signup-popup .tab-content .col-md-5, .login-signup-popup .tab-content .col-md-2
  {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .login-signup-popup .border-right
  {
      height: 1px;
      width: 43%;
      display: inline-block;
      border-bottom: 1px solid #dee2e6 !important;
      margin-right: 0px;
      margin-left: 0px;
  }
  .login-signup-popup .or
  {
    display: inline-block;
    width: 10%;
  }
  .login-signup-popup .border-right.line1
  {
      margin-bottom: 0px;
  }
  .login-signup-popup .border-right.line2
  {
      margin-top: 0px;
  }
  .login-signup-popup .social-btn
  {
      padding-left: 0px;
  }
  .login-signup-popup .btn .col-md-2 
  {
    flex: 0 0 12%;
    max-width: 12%;
    display: inline-block;
    margin-top: 0px;
  }
  .login-signup-popup .btn .col-md-10
  {
    display: inline-block;
    flex: 0 0 88%;
    max-width: 88%;
  }
  .registration-tabs .tab-content
  {
      padding-bottom: 0px;
  }
  .registration-tabs form
  {
      margin-bottom: 0px;
  }
  .login-signup-popup .social-btn .btn
  {
      margin-bottom: 10px;
  }
  .modal-content .modal-body
  {
      padding: 10px 15px 10px;
  }
  .comman-modal .modal-content .modal-header
  {
      padding: 10px;
  }
  .reset-password-page .card
  {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .login-signup-popup .custom-btn
  {
    margin-top: 0px;
    margin-bottom: 15px;
  }
  .header1 .dropdown2 .dropbtn2
  {
      padding: 0px !important;
  }
  header ul a:hover
  {
      border: 0px solid transparent;
  }
  .reactivate-account .varification
  {
     width: 100%;
     padding: 10px;
  }
  .reactivate-account h4
  {
      margin-bottom: 0px;
      line-height: 160%;
  }
  .reactivate-account img
  {
      margin-top: 2px;
  }
  .reactivate-account .btn
  {
      padding: 7px 30px;
      margin-top: 20px;
  }
  .all-caterories .nav.nav-tabs li
  {
    width: 100%;
    border: 4px solid #ff9c0c;
    text-align: center;
    background: #ff9c0c;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 30px;
    display: block;
    padding: 10px 0px;
  }
    .all-caterories .nav.nav-tabs li:last-child
    {
        margin-bottom: 0px;
    }
  .all-caterories .tab-content
  {
      padding: 0px;
      margin: 0px;
  }
  .all-caterories .tab-pane
  {
    position: fixed;
    z-index: 999;
    top: 20px;
    background: #ffffff;
    left: 0;
    bottom: 20px;
    right: 0;
    padding: 10px;
    overflow: auto;
    width: 90%;
    margin: 0 auto;
    display: none;
  }
  .all-caterories .close-btn {
    position: fixed;
    right: 1%;
    z-index: 999;
    top: 6px;
    left: unset;
  }
  .download-app.home-dnload
  {
      background-image: unset;
      background: #fafafa;
  }
  .download-app.home-dnload h4, .download-app.home-dnload p {
    color: #000;
  }
  .download-app.home-dnload .landing-user-contentMarket a
  {
      border: 1px solid #EEEEEE;
  }
  .padding.popular-category
  {
      background: #fff;
  }
  .download-app .content
  {
      background-color: transparent;
  }
  .popular-category .col-md-4:nth-child(2) .icon-div
  {
      background-color: #ffffff;
      box-shadow: unset;
  }
  .popular-category .col-md-4:nth-child(2) .icon-div .icon
  {
      background-color: unset;
      border: 2px solid #1a2059;
  }
  .popular-category .col-md-4 .icon-div .icon
  {
      width: 55px;
      height: 55px;
      border: 2px solid #1a2059;
  }
  .popular-category .col-md-4:nth-child(2) .icon-div .icon i {
    color: #1a2059;
  }
  .popular-category .col-md-4 .icon-div .icon i 
  {
      padding-top: 16px;
      font-size: 20px;
  }
  .popular-category .col-md-4:nth-child(2) .icon-div h5, .popular-category .col-md-4:nth-child(2) .icon-div p
  {
      color:unset;
  }
  .popular-category h5
  {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
  }
  footer ul a li .far
  {
      display: none;
  }
  footer .social-icons a
  {
    width: 9%;
    margin: 0 auto;
  }
   footer .social-icons{
    text-align: center;
    margin: 0;
    padding-top: 0px;
   }
   footer .social-link
   {
        margin-top: 10px;
        margin-bottom: 15px;
   }
   .user-dashboard .card .sub-card2 {
    padding: 15px 10px;
   }
   .user-dashboard .card .sub-card
   {
       padding: 4px 10px;
   }
   .user-dashboard .sub-card2 .image
   {
       width: 60px;
       height: 60px;
       margin-bottom: 15px;
   }
   .user-dashboard .card .sub-card2 p
   {
       margin-bottom: 0px;
   }
   .user-dashboard .card2 {
    margin-top: 0px;
   }
   .register-user.user-registration
   {
       width: 100%;
       margin-top: 15px;
   }
   .content-banner .user-registration
   {
       padding: 10px;
   }
   .user-profile-sidemenu
   {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 320px;
    right: 0;
    display: none; 
    bottom: 0;
    overflow: scroll;
    background: #ffffff;
   }
   .user-profile-sidemenu .card
   {
    margin-bottom: 0px;
   }
   .profile-close-menu
   {
    left: unset;
    right: 320px;
   }
   .user-dashboard .image-upload-div .img
   {
    margin: 30px auto;
   }
   .user-dashboard .last-login
   {
    font-size: 13px;
   }
   .user-dashboard .card .card-header h4 
   {
    margin-top: 0px;
    margin-bottom: 0px;
   }
   .alert .custom-job-alert
   {
    margin-top: 0;
    margin-bottom: 0;
   }
   .alert .custom-job-alert img {
    width: 110px;
   }
   .resumes .user-photo
   {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    border: 3px solid #ccc;
    border-radius: 50%;
    margin-bottom: 20px;
   }
   .resumes .user-photo img
   {
    border-radius: 50%;
   }
   .resumes .top-div h5, .resumes .top-div .col-md-3 p, .resumes .top-div p
   {
    margin-bottom: 4px;
   }
   .user-dashboard .card-padding
   {
    padding: 5px;
   }
   .resumes h4
   {
    font-size: 13px;
    letter-spacing: 0.6px;
    margin-top: 0px;
   }
   .job-short-discription .padding-div .col-md-2
   {
    flex: 0 0 33.33%;
    max-width: 33.33%;
   }
   .job-short-discription .padding-div .col-md-10 {
    flex: 0 0 66.66%;
    max-width: 66.66%;
   }
   .job-short-discription ul
   {
    padding-inline-start: 20px;
   }
   .saved-jobs-list.job-short-discription .card
   {
    border: 0px solid transparent;
   }
   .saved-jobs-list.job-short-discription .padding-div
   {
    padding: 0px;
   }
   .saved-jobs-list.job-short-discription .padding-div2 .save li
   {
    padding: 0px 0px !important;
   }
   .user-dashboard .saved-jobs .saved-job .img
   {
    width: 80px;
    height: 80px;
   }
   .recruiter-plan h4
   {
      margin-bottom: 10px;
      font-size: 19px;
   }
   .user-profile-details form
   {
    margin-bottom: 0px;
   }
   .recruiter-plan .p2
   {
    margin-bottom: 10px;
    margin-top: 10px;
   }
   .consultant-subscription-plansummary h3
   {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 160%;
   }
   .benifit-college .padding-bottom
   {
    padding-bottom: 10px;
   }
   .consultant-subscription-plansummary img {
    width: 18px;
    margin-right: 4px; 
   }
   .recruiter-help-email h4
   {
    font-size: 24px;
   }
   .recruiter-help-email.orange h4 span {
    font-size: 27px;
    line-height: 220%;
   }
   .user-subscriptionplan .col-md-2 {
    flex: 0 0 100%;
    max-width: 100%;
   }
   .user-subscriptionplan .width80
   {
    width: 100%;
   }
   .usersubplan-img
   {
    width: 50px;
    height: 50px;
    margin: 0;
    border: 2px solid #FF9800;
    background: #1a2059;
   }
   .usersubplan-img img
   {
    padding: 10px;
    filter: invert(100%);
   }
   .user-subscriptionplan h5
   {
    text-align: left;   
   }
   .user-subscriptionplan .col-md-2.col-xs-12
   {
    margin-bottom: 10px;
   }
   .user-subscriptionplan h5
   {
    margin-top: 0px;
   }
   .user-subscription-plan .user-subplan h2 {
    margin-bottom: 20px;
    font-size: 32px;
   }
   .user-subscription-plan-course-details .card {
    padding: 6px;
    margin-bottom: 10px;
   }
   .user-subscription-courses-table .table {
    margin-top: 10px;
   }
   .checkout-page .main-div
   {
    padding: 5px;
   }
   .checkout-page .card.card1
   {
    background: rgba(255, 152, 0, 0.28);
    padding: 10px;
   }
   .checkout-page .card.card2 .card-header .btn
   {
     padding: 10px;
   }
   .checkout-page .card.card2 .card-body {
    padding: 10px !important;
   }
   .user-dashboard .alert form
   {
    margin-bottom: 0px;
   }
   .user-dashboard .alert .btn
   {
    margin: 0px;
    margin-bottom: 10px;
   }
   .user-dashboard .alert
   {
    padding: 0px;
    margin: 0px;
   }
   .location-master .table-content .card-content
   {
    padding: 5px;
   }
   .forgot-password-img
   {
    display: none;
   }
   .user-dashboard .saved-job-counter
   {
    font-size: 17px;
    font-weight: 600;
   }
   .mobile-pull-left
   {
    float: left;
    width: 100%;
   }
   .mobile-pull-left .row
   {
    width: 100%;
   }
   .user-dashboard .card-header .btn
   {
    padding: 4px;
   }
   .user-dashboard .card-header .btn-primary img
   {
    width: 16px;
   }
   .modal .close-btn .fa-times-circle
   {
    right: -4px;
    top: -26px;
   }
   .personal-info p {
    margin-top: 5px;
    margin-bottom: 5px;
   }
   .user-dashboard h4
   {
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 600;
   }
   .margintop15
   {
    margin-top: 15px;
   }
   .user-dashboard .card.skill ul li
   {
    margin-bottom: 5px;
   }
   #personalinfo .modal-dialog {
    max-width: 100%;
   }
   .form-group {
    margin-bottom: 5px;
   }
   .comman-modal h4
   {
    font-size: 18px;
   }
   .comman-modal .duration .duration-to {
    margin-top: 4px;
    margin-bottom: 4px;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    border: 1px solid #777;
    border-radius: 50%;
    padding-top: 3px;
   }
   .profile-info-modal .col-md-6
   {
    padding-left: 2px;
    padding-right: 2px;
   }
   .comman-modal .modal-dialog
   {
    max-width: 100% !important;
   }
   .aboutus-howitwork .profile
   {
      width: 60px;
      height: 60px;
   }
   .aboutus-howitwork .profile img
   {
    padding: 12px;
   }
   .how-para h5
   {
    font-size: 12px;
   }
   .Aboutus p
   {
    text-align: justify;
   }
   .faqs .container
   {
    padding-left: 0px;
    padding-right: 0px;
   }
   .faqs h4
   {
    margin-top: 5px;
    margin-bottom: 5px;
   }
   .faqs .card .btn
   {
    padding: 10px 6px;
   }
   .faqs .card-body {
    padding: 6px 6px !important;
   }
   .contact-us .row1 {
    margin-top: 0px;
   } 
   .contact-us .card
   {
    padding: 0px;
    box-shadow: unset;
    border-top: 1px solid #eeeeee;
   }
   .mobile-search-box
   {
    position: fixed;
    z-index: 999;
    background: #fff;
    left: 10px;
    right: 10px;
    top: 10px;
    padding: 15px;
   }
   .mobile-search-box .close-btn
   {
    width: 28px;
    right: 0;
    top: 0;
    left: unset;
   }
   .content-banner .search-box .form-control, .mobile-search-sample .form-control
   {
    background-color: #EEEEEE !important;
   }
   .mobile-search-sample .form-control
   {
    padding: 10px 20px;
    height: 50px;
    background-image: unset;
   }
   .content-banner .search-box .p2
   {
    color: #000;
   }
   .mobile-search-sample .input-group-append
   {
    background: #eeeeee;
   }
   .mobile-search-sample .input-group-text
   {
    padding: 15px;
   }
   .comman-search-box
   {
    padding: 0px;
   }
   .comman-search-box .logo-img img
   {
    filter: invert(100%);
   }
   .mobile-menu .logo-img 
   {
    padding: 0px 5px;
   }
   .mobile-search-sample span
   {
    color: #ff9800;
   }
   header ul .li a
   {
    border: 0px solid transparent;
   }
   .recruiter-footer ul a
   {
    width: 30px;
   }
   .recruiter-footer ul
   {
    margin-bottom: 0px;
   }
   .recruiter-howitwork .icon
   {
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
    margin-top: 10px;
   }
   .recruiter-howitwork .icon img
   {
    padding: 15px;
   }
   .register-user .user-profile-details .col-md-6.col-xs-6
   {
    padding-left: 2px;
    padding-right: 2px;
   }
   .user-dashboard .card-header .btn.btn-link
   {
    padding: 12px 15px;
   }
   .user-dashboard #accordion .card
   {
    box-shadow: unset;
   }
   .profile-sidemenu .card
   {
    box-shadow: none;
   }
   .rec-profile-alert 
   {
    padding: 10px !important;
    margin-bottom: 10px !important;
   }
   .my-job-posting .search-job-posting {
    margin-top: 0px;
   }
   .my-job-posting .filter-options .custom-select
   {
    margin-top: 10px;
    width: 100%;
    margin-bottom: 0px;
   }
   .profile-sidemenu .padding p
    {
      margin-bottom: 5px;
    }
    .user-dashboard.post-a-job .card1 .image
    {
      margin-top: 0px;
    }
    .my-job-posting .card-padding .card1 hr
    {
      border-top: 1px solid rgba(0, 0, 0, 0.04);
    }
    .my-job-posting .custom-select {
      width: 100%;
      margin-bottom: 10px;
    }
    .reumes-tabs .p img
    {
      width: 28px !important;
    }
    .incoming-resumes .table
    {
      margin-top: 0px;
    }
    .arrow-up
    {
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #1a2059;
    }
    .reumes-tabs .p
    {
      padding: 5px 0px 0px 0px;
    }
    .my-job-posting .input-group-append {
      width: 11%;
    }
    .change-email-page .margintop15
    {
      margin-top: 15px;
    }
    .email-template-div .row1 {
      margin-bottom: 10px;
    }
    .email-template-div .send-email-template
    {
      border: 0px solid #f5f5f5;
      padding: 0px;
    }
    .email-template-div .btn
    {
      margin-top: 10px !important;
    }
    .btn-grps .btn
    {
      padding: 4px 7px;
      margin-top: 5px;
    }
    .resumes-search-list .card2 .card-header .lastlogin
    {
      margin-top: 8px;
    }
    .resumes-search-list .card2 .resume-info {
      padding: 10px;
      padding-bottom: 0px;
    }
    .resumes-search-list .card2 .resume-info h4, .resumes-search-list .card2 .resume-info p {
     margin-bottom: 8px;
     margin-top: 0px;
    }
    .post-a-job .advance-search p
    {
      margin-bottom: 5px;
    }
    .resumes-search-list .card2 .card-footer 
    {
      padding: 4px 6px;
    }
    .resumes-search-list .card2 .card-footer p 
    {
      margin-top: 2px;
      margin-bottom: 2px;
      padding-left: 5px;
    }
    .resumes-search-list .card2 .resume-info h4
    {
      font-size: 15px;
    }
    .marginbottom10
    {
      margin-bottom: 10px;
    }
    .database-access .card {
      margin-top: 0px;
    }
    .database-access .card1 h4
    {
      margin-bottom: 15px;
    }
    .quick-search .row.gender {
      margin-top: 10px;
    }
    .reactivate-account .btn span
    {
      padding: 3px 30px;
    }
    .reactivate-account .btn
    {
      padding: 7px;
    }
    .reactivate-account .col-md-3.col-xs-3
    {
      padding-left: 10px;
      padding-right: 10px;
    }
    .varification .form-group .form-control
    {
      font-size: 35px;
      line-height: 150%;
      text-align: center;
      color: #000;
    }
    .swap-row > div {
          flex: 1 1 100%;
      }
    .swap-row .col-md-9 {
        order: 2;
      }
    .swap-row .col-md-3 {
        order: 1;
      }
     .swap-row .pull-right
     {
         float: left !important;
         width: 100%;
     }
     .company-logo-img
     {
         margin: 0 auto;
         margin-bottom: 10px;
     }
     .mobile-pull-left
     {
         float: left !important;
     }
     .padding-div2 .col-md-2.col-xs-6
     {
         margin-top: 8px;
        border-top: 1px solid #E0E0E0;
        padding-top: 8px;
     }
     .job-short-discription .padding-div {
       padding: 7px;
    }
    .jobdetails h4.designation
    {
        font-size: 14px;
        line-height: 160%;
    }
    .jobdetails h5
    {
        font-size: 13px;
    }
    .jobdetails .ul-list
    {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .jobdetails p 
    {
        margin-bottom: 8px;
    }
    .job-short-discription .col-md-6.col-xs-8 li 
    {
        padding-left: 5px !important;
    }
    .job-short-discription .padding-div2 .save li {
    padding: 0px 8px !important;
    }
    .top-category-filter .card-columns
    {
        column-count: 1;
    }
    .top-category-filter .card-columns ul, .top-category-filter ul
    {
        padding-inline-start: 0px;
    }
    .top-category-filter .ul-list
    {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }
    .govenment-job .div-width-border
    {
        width: 100%;
        padding: 5px;
    }
    .download-app.home-dnload.laptop-hide
    {
        display: none;
    }
       .comman-search-box .content-banner
    {
        padding: 18px;
    }
    .content-banner .search-box .p2
    {
        color: #fff !important;
    }
    .padding-div2 .col-md-2.col-xs-6
    {
        margin-top: 0px !important;
        border-top: 0px solid transparent !important;
        padding-top: 0px !important;
    }
    .comman-modal .modal-dialog {
        max-width: 90% !important;
    }
    .company-pf-logo
    {
        width: 100px;
        height: 100px;
    }
    .simillar-jobs.jobdetails
    {
        margin-top: 10px;
    }
    .modal.fade.In.comman-modal.profile-info-modal.login-signup-popup.show .modal-dialog
    {
        max-width: 50% !important;
    }
    .user-page-banner .banner {
    height: 323px !important;
    }
}
/*---------------------- ipad -------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
{
   .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .comman-header .laptop-hide, .laptop-hide.mobile-menu, .laptop-hide, .ipad-hide, footer ul a li .far
  {
      display: none;
  }
  header ul a
  {
      padding: 9px 10px;
  }
  .content-banner .searching-div {
    padding: 40px 15px;
  }
  .content-banner .user-registration
  {
      width: 100%;
      padding: 15px;
  }
  .content-banner .user-registration .btn-warning
  {
      padding: 17px 24px;
  }
  .content-banner .user-registration .btn-warning.btn2
  {
      padding: 10px 13px;
  }
  .content-banner .search-box
  {
      width: 100%;
  }
  .content-banner .search-box h4
  {
      font-size: 25px;
  }
  .content-banner .search-box h5
  {
      font-size: 22px;
  }
  .content-banner .search-box .btn-primary
  {
      font-size: 12px;
  }
  .content-banner .banner
  {
      height: 335px;
  }
  .padding {
    padding: 20px;
  }
  .container-fluid
  {
    padding-right: 0px;
    padding-left: 0px;
  }
  .heading-border
  {
      margin-bottom: 30px;
  }
  .govenment-job .govjobs-div .row-seperate
  {
      padding: 15px 10px;
  }
  .govenment-job .govjobs-div .row-seperate h2
  {
      font-size: 14px;
  }
  .govenment-job .govjobs-div .mobile-hide
  {
      font-size: 11px;
  }
  .jobs-login .content .div
  {
    width: 95%;
    margin: 33px auto;
    padding: 6px;
  }
  .jobs-login .content .div h4 {
    margin-bottom: 25px;
    font-size: 19px;
  }
  .jobs-login
  {
      height: 304px;
  }
  .popular-category .icon-div {
    padding: 10px 1px;
   }
   .popular-category .icon
   {
       width: 65px;
       height: 65px;
       margin-bottom: 15px;
   }
   .popular-category i
   {
       font-size: 24px;
       padding-top: 19px;
   }
   .popular-category h5
   {
       margin-bottom: 0px;
   }
   footer .col-md-2
   {
       flex: 0 0 25%;
       max-width: 25%;
   }
   footer .width80
   {
       width: 100%;
   }
   .comman-modal#below10th .modal-dialog, .comman-modal#class12th .modal-dialog, .comman-modal#graduation .modal-dialog, .comman-modal#postgraduation .modal-dialog, .comman-modal#doctorate .modal-dialog, .comman-modal#project .modal-dialog, .comman-modal#professionalinfo .modal-dialog, .comman-modal .modal-dialog
   {
       max-width: 80%;
   }
   #personalinfo .modal-dialog, .comman-modal#professionalinfo .modal-dialog
   {
        max-width: 80% !important;
   }
   .download-app.wrapper.mobile-hide
   {
       display: none;
   }
   .user-page-banner .banner
   {
       height: 376px;
   }
   .user-registration .user-icon-img
   {
       margin-top: -47px;
   }
   .user-profile-sidemenu {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 320px;
    right: 0;
    display: none;
    bottom: 0;
    overflow: scroll;
    background: #ffffff;
    flex: 0 0 40%;
    max-width: 40%;
    }
    .profile-overlay
    {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.43);
        display: none;
        z-index: 999;
    }
    .profile-sidemenu.recruiter-menu .close-btn {
        position: fixed;
        width: 28px;
        z-index: 999;
        left: unset;
        right: 40%;
        display: block;
    }
    .dropdown1-content.user-profile
    {
        display: none !important;
    }
    .col-md-3.user-profile-sidemenu
    {
        padding-left: 0px;
        padding-right: 0px;
    }
    .user-profile-sidemenu .card
    {
        box-shadow: unset;
    }
    .resumes .user-photo
    {
        width: 110px;
        height: 123px;
    }
    .forgot-email-img, .forgot-password-img
    {
        width: 200px;
        height: 200px;
    }
    .recruiter-plan h4
    {
        font-size: 25px;
    }
    .padding.benifit-college
    {
        padding-top: 52px;
    }
    .consultant-subscription-plansummary img
    {
        width: 19px;
    }
    .consultant-subscription-plansummary h3
    {
        font-size: 20px;
    }
    .recruiter-help-email h4
    {
        font-size: 30px;
    }
    .top-category-filter ul.ul-list
    {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }
    .top-category-filter .card-columns
    {
        column-count: 3;
    }
    .user-dashboard .card2 {
        margin-top: 0px;
    }
    .simillar-jobs.jobdetails
    {
        margin-top: 10px;
    }
    .popular-category .tab-content
    {
            padding: 16px;
    }
    #project .modal-dialog
    {
        max-width: 80% !important;
    }
    #certificate .modal-dialog {
      max-width: 91%;
    }
    .user-page-banner .banner {
      height: 295px;
    }
    .govenment-job .div-width-border
    {
        width: 96%;
        padding: 20px;
    }
}
/*---------------------- ipad portrait -------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait)
{
    .padding {
       padding: 20px !important;
    }
    .my-job-posting .card1 .card-padding ul
    {
      padding-inline-start: 0px;
    }
    .close-btn.profile-close-menu.laptop-hide {
    display: block;
    width: 38px;
    position: fixed;
    right: 40%;
   }
   .comman-search-box .content-banner
   {
       width: 96%;
   }
   .jobsearch .col-md-9
   {
       flex: 0 0 100%;
       max-width: 100%;
   }
   .jobsearch .col-md-9 .col-md-9
   {
       flex: 0 0 75%;
       max-width: 75%;  
   }
   .btn-group-sm.laptop-hide.mobile-filter-fab
   {
        position: fixed;
        bottom: 12px;
        z-index: 2;
        right: 12px;
        display: block;
   }
   .mobile-filter {
    position: fixed;
    z-index: 999;
    top: 0;
    background: #ffffff;
    width: 320px;
    left: 0;
    border-right: 1px solid #f5f5f5;
    height: 100%;
    padding: 0px;
    display: none;
    overflow: auto;
    max-width: 40%;
   }
   .mobile-filter .close-btn.laptop-hide
   {
       position: fixed;
       width: 28px;
       left: 40%;
       z-index: 999;
       display: block;
   }
   .filter-overlay
   {
       position: fixed;
       left: 0;
       right: 0;
       top: 0;
       bottom: 0;
       background-color: rgba(0, 0, 0, 0.43);
       display: none;
       z-index: 999;
   }
   .mobile-filter-fab .btn 
   {
        background-color: #1a2059 !important;
        margin: 15px;
        width: 3rem !important;
        min-width: 3rem !important;
        height: 3rem !important;
    }
   .content-banner .searching-div
   {
       padding: 40px 15px !important;
   }
   .content-banner .ipad-banner-padding
   {
       padding: 74px 0px !important;
   }
   .content-banner .banner
   {
       height: 336px !important;
   }
}
/*---------------------- ipad landscape -----------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape)
{
    .user-profile-sidemenu
    {
        width: 40%;
    }
    #project .modal-dialog, #certificate .modal-dialog {
      max-width: 80% !important;
    }
    .register-user.user-registration
    {
        width: 100%;
    }
    .register-user.user-registration
    {
        width: 100% !important;
    }
    .content-banner .user-registration
    {
        padding: 20px;
    }
    .padding
    {
        padding: 20px !important;
    }
    .close-btn.profile-close-menu.laptop-hide
    {
        display: block;
        width: 38px;
        position: fixed;
        right: 40%;
    }
    .user-profile-sidemenu {
        position: unset;
        z-index: 999;
        top: 0;
        width: unset;
        right: 0;
        display: block;
        bottom: 0;
        overflow: unset;
        background: #ffffff;
        flex: 0 0 25%;
        max-width: 25%;
   }
   .user-profile-sidemenu .card
   {
       box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
   }
   .user-dashboard .col-md-9.col-sm-12
   {
       flex: 0 0 75% !important;
       max-width: 75% !important;
   }
   .close-btn.profile-close-menu.laptop-hide
   {
       display: none !important;
   }
   .profile-overlay
   {
       position: unset;
   }
   .col-md-3.user-profile-sidemenu
   {
       display: block !important;
   }
   .jobsearch .card
   {
       border: 1px solid #FAFAFA;
   }
   .content-banner .searching-div {
      padding: 40px 15px !important;
   }
   .content-banner .banner {
    height: 335px !important;
   }
   .mobile-search-box.mobile-hide.ipad-banner-padding
   {
       padding: 102px 0px !important;
   }
}
/*---------------------- ipad pro -----------------*/
@media only screen and (min-device-width: 1025px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)
{
    .mobile-search-sample.laptop-hide, .searching-div .close-btn.laptop-hide, .popular-category .tab-pane .close-btn.laptop-hide, .jobs-login.wrapper.laptop-hide,
    .download-app.home-dnload.laptop-hide, .mobile-filter-fab, .close-btn.laptop-hide, .user-profile-sidemenu, .download-app, .laptop-hide, .user-dashboard.laptop-hide .col-md-3.user-profile-sidemenu
    {
        display: none;
    }
    .content-banner .banner
    {
        height: 390px;
    }
    .content-banner .searching-div {
        padding: 40px 20px;
    }
    .content-banner .search-box
    {
        width: 100%;
    }
    .content-banner .user-registration
    {
        width: 100%;
    }
    .padding 
    {
       padding: 20px 10px !important;
    }
    .breadcrumb
    {
       padding: 20px 30px;
    }
    .heading-border
    {
        margin-bottom: 40px;
    }
    .jobs-login .content .div
    {
        width: 95%;
        margin: 30px auto;
        padding: 10px;
    }
    .jobs-login .content .div h4 {
       margin-bottom: 15px;
    }
    .jobs-login .content .div .btn
    {
        margin-top: 10px;
    }
    .jobs-login
    {
        height: 265px;
    }
    .container-fluid
    {
        padding-right: 0px;
        padding-left: 0px;
    }
    .popular-category .icon-div {
        padding: 10px 5px;
    }
    .popular-category .icon
    {
        width: 90px;
        height: 90px;
        border: 2px solid #1a2059;
        margin-bottom: 20px;
    }
    .popular-category i
    {
       padding-top: 28px;
       font-size: 30px;
    }
    #Login11 .modal-dialog
    {
        max-width: 80%;
    }
    .user-registration .user-icon-img
    {
        margin-top: -50px;
    }
    .content-banner.user-page-banner .banner
    {
        height: 222px;
    }
    .user-dashboard .col-md-3.user-profile-sidemenu
    {
        display: block;
    }
    #profilesummary .modal-dialog, #personalinfo .modal-dialog
    {
        max-width: 80%;
    }
    #professionalinfo .modal-dialog, #project .modal-dialog {
       max-width: 80% !important;
    }
    .comman-modal .modal-dialog
    {
      max-width: 80%;
    }
    .checkbox-decorator
    {
      top: 0px;
    }
    .resumes .user-photo
    {
      width: 110px;
      height: 115px;
    }
    .company-info-page .card-padding .col-md-2
    {
      flex: 0 0 20%;
      max-width: 20%;
    }
    .company-info-page .card-padding .col-md-10
    {
      flex: 0 0 80%;
      max-width: 80%;
    }
    .padding.white.user-dashboard.location-master h4
    {
        font-size: 15px;
    }
    .post-a-job .card-padding ul
    {
        padding-inline-start: 0px;
    }
    .my-job-posting .reumes-tabs .mobile-hide
    {
        display: none;
    }
    .content-banner .banner-bg-image
    {
        width: 35%;
    }
    .user-dashboard .col-md-9.col-sm-12
    {
        flex: 0 0 75%;
        max-width: 75%;
    }
}
/*---------------------- Portrait iPad Pro -----------------*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)
{
    .user-profile-sidemenu {
    position: unset;
        z-index: 999;
        top: 0;
        width: unset;
        right: 0;
        display: block;
        bottom: 0;
        overflow: unset;
        background: #ffffff;
        flex: 0 0 25%;
        max-width: 25%;
   }
   .user-profile-sidemenu .card
   {
       box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
   }
   .user-dashboard .col-md-9.col-sm-12
   {
       flex: 0 0 75% !important;
       max-width: 75% !important;
   }
   .close-btn.profile-close-menu.laptop-hide
   {
       display: none !important;
   }
}
/*---------------------- Landscape iPad Pro -----------------*/
@media only screen and (min-device-width: 1025px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape)
{

}
/*----------------------- Second Query for laptop --------------------*/
@media screen and (min-width: 1025px)
{
  .laptop-hide
  {
      display: none;
  }
  .col-md-3.user-profile-sidemenu
  {
     display: block;
  }
  .user-dashboard .card2 {
    margin-top: 0px;
  }
  .comman-header
  {
    display: block !important;
  }
  	.get-hire-bgimage .get-hire-overlay
	{
		padding: 60px 22.22%;
		background: rgba(49, 54, 106, 0.5686274509803921);
	}
	.get-hire-bgimage
	{
		/*background-image: url(img/bg2.png);*/
		background-image: url('../img/bg2.png');
	    background-attachment: fixed;
	    background-size: contain;
	    background-repeat: repeat;
	    padding: 0;
	}
	.get-hire-bgimage .card
	{
		width: 83%;
		background-color: transparent;
	}
	.get-and-hire .card h4
	{
		color: #ffffff;
	}
	.get-hire-bgimage .right-card
	{
		margin-left: 17%;
	}
	.get-and-hire .card img
	{
		filter: invert(100%);
	}
	.get-hire-bgimage .card:hover
	{
		background-color: rgba(255, 255, 255, 0.81);
		transition: 1s;
	}
	.get-hire-bgimage .card:hover h4
	{
		color: #000000;
	}
	.get-hire-bgimage .card:hover img
	{
		filter: unset;
	}
	.jobsearch .saved-jobs .saved-job
	{
	    margin-right: 40%;
	}
	.width-80
	{
	    width: 80%;
	    margin: 0 auto !important;
	}
	.login-page.login-signup-popup .or
{
    margin-left: 12px;
}
.reactivate-account.webinar-acctreactivation .btn
{
    padding: 15px 40px;
}
.reactivate-account .btn
{
    padding: 15px 5px;
}
.no-result-found-page
{
    margin-left: -355px;
}
.content-banner .search-box
{
    width: 70%;
}
body
{
    margin-top: 88px;
}
.upskill-login-page
{
    width: 40%;
}
.popular-category .tab-height
{
    height: 472px;
    overflow: hidden;
}
.top-category-filter ul
{
    padding-inline-start: 0px;
}
.user-registration .user-icon-img
{
        z-index: 1;
}
}
/* .................. Ipad pro ................... */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2)
{
    header ul a
    {
        padding: 9px 7px;
    }
    .popular-category.top-cat-cmp .nav-tabs a
    {
        padding: 15px 12px;
    }
    .get-and-hire .card
    {
        margin: 0 auto;
    }
    body
    {
        margin-top: 88px;
    }
    .content-banner .banner
    {
        height: 233px !important;
    }
    .get-hire-bgimage {
    /* background-image: url(img/bg2.png); */
    background-image: url(../img/bg2.png);
    background-attachment: fixed;
    background-size: contain;
    background-repeat: repeat;
    padding: 0 !important;
}
.get-hire-bgimage .get-hire-overlay {
    padding: 60px 11.11%;
    background: rgba(49, 54, 106, 0.5686274509803921);
}
.get-and-hire .card
{
    width: 90%;
}
.comman-search-box form
{
    margin-bottom: 0px;
}
.job-short-discription.user-dashboard
{
      width: 100%;
}
.mobile-filter {
    position: unset;
    z-index: unset;
    top: unset;
    background: unset;
    width: unset;
    left: unset;
    border-right: unset;
    height: unset;
    padding: 0px 15px;
    display: unset;
    overflow: unset;
    max-width: unset;
}
.jobsearch .col-md-9
{
    flex: 0 0 75%;
    max-width: 75%;
}
.btn-group-sm.laptop-hide.mobile-filter-fab, .mobile-filter .close-btn.laptop-hide
{
    display: none;
}
.job-details .col-md-8
{
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}
.job-details .col-md-4
{
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.advance-search-page
{
    width: 76%;
}
.content-banner.sample1.user-index-page .banner
{
    height: 156px !important;
}
.user-dashboard .card2
{
    margin-top: 78px;
}
.user-profile-sidemenu
{
    z-index: unset;
}
.user-registration .user-icon-img
{
    z-index: 1;
}
footer ul a li
{
    color: #ffffff;
}
.job-short-discription .padding-div2 .save li
{
    padding: 0px 0px !important;
}
.recruiter-header.comman-header ul a
{
    padding: 10px 4px;
}
.profile-sidemenu.recruiter-sidemenu .padding .col-md-6
{
    padding-left: 0px;
    padding-right: 0px;
}
.profile-sidemenu.recruiter-sidemenu .padding .row
{
    margin-left: 0px;
    margin-right: 0px;
}
.my-job-posting .col-md-6.col-xs-9
{
    flex: 0 0 75%;
    max-width: 75%;
}
.my-job-posting .col-md-6.col-xs-3
{
    flex: 0 0 25%;
    max-width: 25%;
}
}