@media (max-width: 1920px) {
  .new::before {
    width: 15%;
  }

  .tutor-listing-card.new::before {
    width: 7%;
    top: -23px;
    left: 0px;
  }

  .register-page div#edit-account {
    width: 100%;
  }
}

@media(max-width: 1439px) {
  .buyers-banner h1 span {
    font-size: 38px;
  }

  .book-form-section h3 {
    font-size: 35px;
  }

  .join-our-community-blue {
    padding: 40px 30px;
  }

  .reviews-card {
    padding: 20px 10px;
  }

  .gig-sections-link li a {
    padding: 10px 10px;
    font-size: 15px;
  }

  .gig-details-sidebar-down ul.px-5 {
    padding: 0px 15px !important;
  }

  .gig-details-sidebar-down ul li span {
    font-size: 12px;
  }

  .gig-details-sidebar-down ul li img {
    width: 10px;
    margin-right: 10px;
  }

  .reviews-card li {
    font-size: 14px;
  }

  .views-col:nth-child(even) .reviews-card {
    margin-left: 5px;
    margin-right: 0px;
  }

  .views-col:nth-child(odd) .reviews-card {
    margin-right: 5px;
    margin-left: 0px;
  }
}

@media (max-width: 1280px) {
  .book-form-section h3 {
    font-size: 32px;
  }

  .book-form {
    padding: 60px 60px;
  }

  .more-gigs-wrapper ul li span,
  .more-gigs-wrapper ul li a {
    font-size: 12px;
  }

  .gigs-listing-banner h1 {
    font-size: 30px;
  }

  .other-gigs .slick-next:before,
  .more-gigs .slick-next:before {
    font-size: 35px;
  }

  .recent-blog-cont h5 a {
    font-size: 18px;
  }
}

@media(max-width:1199px) {
  .dashboard-top-right svg {
    margin-right: 10px;
  }

  .dashboard-top-right button {
    padding: 10px 20px;
  }

  .how-it-works-col-2 h4,
  .how-it-works-col-2 h4 span,
  .how-it-works-col-2 p {
    font-size: 22px;
  }

  .how-it-works-col-2 h4,
  .how-it-works-col-2 h4 span,
  .how-it-works-col-2 p {
    font-size: 22px;
  }

  .how-it-works-col-2 {
    padding: 20px;
  }

  .soft-skills h5 {
    font-size: 18px;
  }

  .book-form-section h3 {
    font-size: 25px;
  }

  .book-form-left.p-4 {
    padding: 20px 10px !important;
  }

  .book-form img {
    left: 70px;
  }

  .top-seller {
    padding: 4em 6em;
  }

  .top-seller img {
    left: 4%;
  }

  .footer .col-lg-4.px-5 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .header .navbar-toggler {
    margin-right: 0px;
  }

  .course-listing-banner-middle {
    padding: 50px 0px 70px;
  }

  .grid-listing .listing-card-middle-middle {
    display: block;
  }

  .grid-listing .card-ul-2 {
    justify-content: start;
    width: 100%;
    padding: 10px 0px 0px 0px !important;
  }

  .single-cards {
    padding: 20px 10px;
    margin-right: 10px;
  }

  .smartdate--time-inline .form-datetime-wrapper .form-items-inline,
  .smartdate--time-inline div.time-start,
  .smartdate--time-inline div.time-end {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
  }

  .single-course-details-inner .ps-5 {
    padding-left: 1rem !important;
  }

  .smartdate--time-inline .smartdate--separator {
    margin: 5px 0px;
    text-align: left;
  }

  .smartdate--time-inline,
  .smartdate--widget .repeat--label {
    display: block;
  }

  fieldset#edit-field-batch-schedule-0 {
    padding: 10px 0px;
  }

  .single-cards h6 {
    font-size: 13px;
  }

  .course-sidebar h5 {
    font-size: 18px;
  }

  .other-gigs-wrapper.new::before {
    width: 18%;
  }

  .ins-profile-sidebar li a {
    padding: 3px 20px;
  }

  .educators-details-banner h1 {
    padding: 0px 80px;
  }

  .dashboard-menu .nav-link {
    padding: 10px 10px;
    font-size: 14px;
  }

  .dashboard-menu svg {
    font-size: 16px;
    margin-right: 5px;
  }

  .user-my-profile-form .form-item-field-phone-whatsapp-0-country-code.form-no-label.mb-3 {
    width: 22%;
  }

  .user-my-profile-form .form-item-field-phone-whatsapp-0-mobile.form-no-label.mb-3 {
    width: 78%;
  }

  #views-exposed-form-support-tickets-page-1 .form-item-combine {
    width: 200px;
  }

  .node-gigs-general-form .field--name-field-gig-category .select-wrapper.select-wrapper--level-0,
  .node-gigs-general-form .field--name-field-gig-category .select-wrapper.select-wrapper--level-1,
  .node-gigs-general-form .field--name-field-gig-category .select-wrapper.select-wrapper--level-2 {
    width: 31.7%;
  }

  .header ul#block-peercamp-mainmenu,
  #block-peercamp-useraccountmenu {
    padding-left: 0px;
    padding-right: 0px;
    display: block;
  }

  .navbar-collapse {
    padding: 15px 0px;
  }

  .header #block-peercamp-mainmenu>li.menu-item,
  .header #block-peercamp-useraccountmenu .nav>li.nav-item {
    margin: 0 0px 10px 0 !important;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    width: 100%;
  }

  .header a.nav-link {
    padding: 0px 13px 0px 13px;
    font-size: 14px;
  }

  .header li.menu-item.menu-item--expanded a {
    font-size: 14px;
  }

  .header .menu-item a,
  span.link-text {
    font-size: 14px;
  }

  span.link-text {
    padding-left: 13px
  }

  .header li.menu-item.menu-item--expanded {
    padding: 0px
  }

  .form-item-field-phone-whatsapp-0-country-code.form-no-label.mb-3 {
    width: 25%;
  }

  .form-item-field-phone-whatsapp-0-mobile.form-no-label.mb-3 {
    width: 75%;
  }

  .ins-profile-content-wrapper .views-col {
    width: 100% !important;
  }

  .ins-profile-content-wrapper .field--name-field-gig-rating-details table table tbody td:first-child,
  .ins-profile-content-wrapper label {
    font-size: 14px;
  }

  .educators-banner h1 {
    font-size: 40px;
    line-height: 50px;
  }

  .join-our-community-blue {
    padding: 40px 20px;
  }

  .join-our-community-blue .common-big-btn {
    padding: 15px 25px;
  }

  .gigs-listing-banner ul li p {
    font-size: 16px;
  }

  .gigs-listing-banner ul li img {
    width: 35px;
  }

  .gigs-listing-banner ul li {
    margin-bottom: 20px;
  }

  .grid-listing .views-exposed-form select {
    padding: 10px 30px 10px 20px;
  }

  .js-form-item-field-gig-category-target-id,
  .js-form-item-sort-bef-combine {
    width: 20%;
  }

  .gig-sections-link li a {
    font-size: 12px;
  }

  .gig-details-sidebar-down h5 {
    padding: 10px 10px;
  }

  .gig-details-sidebar-down .px-5 {
    padding: 0px 10px !important;
  }

  .gig-details-section .col-lg-4.ps-5 {
    padding-left: 1rem !important;
  }

  .gig-details-user ul li,
  .gig-details-user ul li h6 {
    font-size: 16px;
  }

  .gig-details-left ul.px-5.d-flex.justify-content-between.mb-5.mt-4 {
    padding: 0px !important;
  }

  .buyers-gigs div.mt-5 {
    padding-bottom: 40px;
  }

  .slick-dots {
    bottom: -55px !important;
  }

  .slick-dots li button:before {
    font-size: 12px !important;
  }

  .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: #F44336 !important;
  }

  .blog-cont {
    padding: 30px 20px;
  }

  h4.blog-title {
    min-height: 85px;
  }

  .related-blog {
    margin-right: 10px;
  }

  .blog-img img {
    width: 80px;
    height: 80px;
  }

  .recent-blog-cont li,
  .related-blog li {
    font-size: 12px;
  }

  .recent-blog-cont h5 a {
    font-size: 14px;
    line-height: 18px;
  }

  .col-lg-4.ps-4.pe-0.order-1.order-lg-2 {
    padding-left: 0px !important;
    margin-bottom: 30px;
  }

  .gig-reviews .views-row {
    display: block;
    margin-bottom: 0px;
  }

  .gig-reviews .views-col {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .views-col:nth-child(odd) .reviews-card,
  .views-col:nth-child(even) .reviews-card {
    margin: 0px !important;
  }

  .gig-details-user-left .user-img {
    margin-right: 0px !important;
  }
}

@media(max-width:1023px) {
  .course-listing-banner-middle div img {
    width: 45px;
    margin-right: 5px;
  }

  .course-listing-banner-middle div {
    margin: 0px 15px;
  }

  .tutor-listing-card.new::before {
    width: 9%;
  }

  .footer-col h2 {
    font-size: 16px;
  }

  .footer-col ul li {
    font-size: 14px;
  }

  div#edit-field-gig-category-wrapper table .select-wrapper,
  div#edit-field-gig-category-wrapper .ajax-new-content .select-wrapper {
    width: 32%
  }

  .single-course-details #field-gig-rating-details-values tr td .visually-hidden,
  .reviews-form label {
    font-size: 14px;
  }

  .grid-listing .views-exposed-form .d-flex.flex-wrap {
    margin-bottom: 0px;
  }

  .ins-profile-right p,
  .profile-view-cards .field__item {
    font-size: 14px;
  }

  .book-form-section h5 {
    font-size: 16px;
  }

  .approach-section .image-2 {
    width: 210px;
  }

  .approach-section .image-1 {
    width: 90px;
  }

  .approach-col {
    padding: 0px 50px;
  }

  .buyers-review .image-2 {
    width: 182px;
    right: -4px;
    top: -198px;
  }

  .approach-col h4 {
    font-size: 18px;
  }

  .slick-next {
    right: 20px;
  }

  .buyers-review .image-2 {
    width: 182px;
    right: 30px;
  }

  .buyers-review .image-1 {
    right: 15px;
    width: 85px;
  }

  .join-our-community-bottom {
    padding: 25px;
  }

  .why-peercamp-col img {
    left: 20%;
  }

  .how-it-works-col h4 {
    font-size: 20px;
  }

  .how-it-works-col p {
    font-size: 16px;
  }

  .gig-banner-4 {
    right: 28px;
    bottom: 24px;
  }

  .grid-listing-card-middle ul li span,
  .grid-listing-card-middle ul li span a {
    font-size: 16px;
  }

  .grid-listing-card-middle h4 a,
  .grid-listing-card-middle h4 a:hover {
    font-size: 20px;
  }

  .explore-topics a {
    font-size: 16px;
    margin: 0px 5px 20px;
  }

  .gig-details-section .user-img img {
    width: 100px;
    height: 100px;
  }

  .reviews-card p {
    font-size: 14px;
  }

  .views-col:nth-child(even) .reviews-card,
  .views-col:nth-child(odd) .reviews-card {
    margin: 5px;
  }

  .reviews-card li {
    font-size: 12px;
  }

  .reviews-card li span {
    font-size: 11px;
  }

  .reviews-card h6 {
    font-size: 16px;
  }
}

@media(max-width:992px) {
  .steps-col {
    margin-bottom: 40px;
  }

  .stats-col {
    margin-bottom: 25px;
  }

  .path-my-dashboard .col-lg-8 {
    margin-bottom: 20px;
  }

  .blog-cont ul li,
  .blog-cont ul li a {
    font-size: 16px;
  }

  h4.blog-title,
  .blog-cont p {
    min-height: auto;
  }
}

@media (max-width: 991px) {

  .user-login div#edit-field-first-name-wrapper,
  .user-login div#edit-field-last-name-wrapper,
  div#edit-field-location-wrapper,
  div#edit-field-phone-whatsapp-wrapper,
  div#edit-field-student-s-age-wrapper,
  div#edit-field-interested-gig-category-wrapper,
  .reviews-form .field--name-field-first-name,
  .reviews-form .field--name-field-last-name,
  .reviews-form .field--name-field-student-age,
  .reviews-form .field--name-field-student-location,
  .user-login .field--name-field-max-age,
  .user-login .field--name-field-min-age,
  .user-login .field--name-field-gig-difficulty,
  .user-login .field--name-field-gig-schedule,
  .user-login .field--name-field-gig-price,
  .user-login .field--name-field-gig-price-frequency,
  .gig-general-form .field--name-field-gig-duration,
  .gig-general-form .field--name-field-gig-language,
  .form-type-duration .duration-inner-wrapper .form-type--number,
  .gig-general-form .form-type-duration .duration-inner-wrapper .form-type-number,
  .user-my-profile-form .field--name-field-gig-language {
    width: 100% !important;
  }

  .reviews-card {
    margin: 0px 5px;
  }

  .reviews-card li span {
    font-size: 14px;
  }
.grid-listing .form-composite {
    margin-bottom: 10px !important;
}
  div#edit-field-knowledge-provider-type,
  #edit-field-gig-type {
    display: block;
  }

  #edit-field-gig-status-value ul li a {
    padding: 6px 18px;
  }

  .common-table table thead tr th,
  .page-view-my-gigs table thead tr th,
  .view-id-support_tickets table thead tr th,
  .batch-selection-wrapper table thead tr th {
    font-size: 15px;
  }

  .section-padding {
    padding: 60px 0;
  }

  .dashboard-top {
    display: block;
  }

  .dashboard-top-right {
    padding-left: 120px;
  }

  .dashboard-menu ul {
    display: flex;
  }

  .listing-card-middle {
    border-top: 1px solid #9E9E9E;
    padding-top: 20px;
    margin-top: 20px;
    border-right: 0px !important;
  }

  .tutor-listing-card.new::before {
    width: 11%;
  }

  .other-gigs-item-top ul {
    padding-top: 10px;
    padding-left: 5px;
  }

  .other-gigs-item-top ul li {
    font-size: 14px;
  }

  .other-gigs-item-bottom {
    display: block !important;
  }

  .single-course-banner-right {
    margin-top: 20px;
  }

  .ins-profile-sidebar ul {
    display: flex;
    justify-content: space-between;
  }

  .profile-view-cards h6 {
    font-size: 14px;
  }

  .single-course-banner-left-bottom {
    margin-bottom: 20px;
  }

  .ins-profile-right p {
    font-size: 12px;
  }

  .ins-profile-sidebar li {
    width: 23%;
  }

  .footer-top .col.footer-col {
    flex: auto;
    width: 50%;
    margin-bottom: 20px;
  }

  .footer-top .col.footer-col-1 {
    width: 100%;
    flex: auto;
    margin-bottom: 10px;
  }

  .educators-details-banner h1 {
    padding: 0px 0px;
  }

  .educators-content h2 {
    font-size: 25px;
    line-height: 30px;
  }

  .educators-content h4 {
    font-size: 20px;
  }

  .educators-content h5 {
    font-size: 18px;
  }

  div#edit-field-gig-category-wrapper table .select-wrapper,
  div#edit-field-gig-category-wrapper .ajax-new-content .select-wrapper {
    width: 100%
  }

  .touchevents .draggable td {
    padding: 10px 10px;
  }

  .user-my-profile-form .form-item-field-phone-whatsapp-0-country-code.form-no-label.mb-3 {
    width: 14%;
  }

  .user-my-profile-form .form-item-field-phone-whatsapp-0-mobile.form-no-label.mb-3 {
    width: 86%;
  }

  #views-exposed-form-support-tickets-page-1 .form-item-combine {
    width: 100%;
  }

  .dashboard-content .datetime,
  #private-message-page .private-message-thread-full .field--name-private-messages .private-message .field--name-created {
    float: none;
    margin-bottom: 10px;
  }

  .node-gigs-general-form .field--name-field-gig-category .select-wrapper.select-wrapper--level-0,
  .node-gigs-general-form .field--name-field-gig-category .select-wrapper.select-wrapper--level-1,
  .node-gigs-general-form .field--name-field-gig-category .select-wrapper.select-wrapper--level-2 {
    width: 100%;
    margin-right: 0px;
  }

  table tr td {
    white-space: nowrap;
  }

  .user-login-wrapper .user-login {
    padding: 30px;
  }

  .form-item-field-phone-whatsapp-0-country-code.form-no-label.mb-3 {
    width: 15%;
  }

  .form-item-field-phone-whatsapp-0-mobile.form-no-label.mb-3 {
    width: 85%;
  }

  .grid-listing .listing-card-middle {
    padding: 20px 0px 0px 0px;
  }

  .tutor-listing-card .col-lg-6.order-3.order-lg-2 {
    padding: 0px;
  }

  .views-col.col-1,
  .views-col.col-2,
  .blog-listing-section .views-col.col-3 {
    width: 100% !important;
    margin-top: 20px;
  }

  .gig-reviews .views-col {
    margin-bottom: 0px;
  }

  #field-gig-rating-details-values tr {
    border: 0px;
  }

  .ins-profile-data.py-3 {
    padding-top: 50px !important;
  }

  .awards-recognization a {
    width: 165px;
    height: 165px;
  }

  .field--name-field-gig-rating-details table table .js-form-wrapper label {
    display: none;
  }

  .how-it-works-col-2 h4,
  .how-it-works-col-2 h4 span {
    font-size: 16px;
  }

  .how-it-works-col-2 p {
    font-size: 14px;
  }

  .how-it-works-col-2 h4 img {
    width: 25px;
  }

  .book-form-section .col-lg-4.ps-5.pe-4 {
    padding: 0px 10px !important;
  }

  .approach-col {
    padding: 0px 20px;
  }

  .approach-section .image-2 {
    width: 110px;
    top: 43px;
  }

  .approach-section .image-1 {
    width: 55px;
  }

  .buyers-review .image-2 {
    width: 110px;
  }

  .buyers-review .image-1 {
    right: 18px;
    width: 55px;
    top: -269px;
  }

  .top-seller {
    padding: 4em 4em;
  }

  .why-peercamp-wrapper .col-lg-4 {
    margin-bottom: 65px;
  }

  .why-peercamp-wrapper .col-lg-4:last-child {
    margin-bottom: 0px;
  }

  .why-peercamp-col img {
    left: 38%;
    top: -98px;
  }

  .why-peercamp-col h5 {
    text-align: center;
    margin-bottom: 65px;
  }

  .why-peercamp-col h5 br {
    display: none;
  }

  .footer-column p.mt-5 {
    margin-top: 20px !important;
  }

  .mt-5.whatsapp {
    margin: 20px 0px 30px !important;
  }

  .mt-5.e-mail {
    margin-top: 20px !important;
  }

  .footer-column h3 {
    font-size: 22px;
    margin-bottom: 20px !important;
  }

  .footer-column ul li a img {
    width: 30px;
  }

  .footer-column .nav-link,
  .footer-column ul li a {
    font-size: 16px;
  }

  .e-mail h5,
  .e-mail a,
  .whatsapp h5,
  span.link-text {
    font-size: 18px;
  }

  .how-it-works-col.px-4 {
    padding: 0px !important;
  }

  .educators-banner h1 {
    font-size: 28px;
    line-height: 35px;
  }

  .educators-banner h3 {
    line-height: 28px;
    font-size: 20px;
    margin-bottom: 0px;
  }

  .gigs-listing-banner h1 {
    padding: 0px 0px 20px 40px;
  }

  .grid-listing .bef--secondary {
    display: block;
  }

  .grid-listing .form-composite .fieldset-legend {
    font-size: 16px;
  }

  .grid-listing .views-exposed-form label,
  label {
    font-size: 14px;
  }

  .grid-listing .views-exposed-form select {
    font-size: 12px;
  }

  .js-form-item-field-gig-category-target-id,
  .js-form-item-sort-bef-combine {
    width: 24%;
  }

  .grid-listing .js-form-item-age-range::after,
  .grid-listing .js-form-item-field-location-value::after,
  .grid-listing .js-form-item-sort-bef-combine::after,
  .grid-listing .js-form-item-field-gig-category-target-id::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #0056b3;
  }

  .grid-listing .form-composite .form-radios,
  .grid-listing .fieldset-wrapper .radio {
    align-items: center;
  }

  .grid-listing .form-composite legend {
    width: fit-content;
  }

  .grid-listing-card-middle ul li svg {
    font-size: 16px;
    margin-right: 5px !important;
  }

  .grid-listing-card-middle ul li span,
  .grid-listing-card-middle ul li span a {
    font-size: 14px;
  }

  .rupees {
    width: 20px !important;
    margin-right: 5px !important;
  }

  .grid-listing-card-middle ul li img {
    width: 12px;
    margin-right: 5px !important;
  }

  .gig-details-sidebar-down {
    margin-bottom: 30px;
  }

  .more-gigs-wrapper .user-img img {
    width: 60px !important;
    height: 60px;
  }

  .more-gigs-top-img {
    height: 200px;
  }

  .more-gigs-wrapper .d-flex.align-items-center {
    font-size: 14px;
  }

  .more-gigs-wrapper .rupees {
    margin-right: 20px !important;
  }

  .header img,
  .site-footer img {
    width: 70px;
  }

  .header nav#navbar-main {
    padding: 5px 0px;
  }

  .blog-thum {
    height: auto;
  }

  .related-blog-cont h6 a {
    font-size: 20px;
  }

  .related-blog li {
    font-size: 16px;
  }

  .gigs-listing-banner ul {
    margin-bottom: 20px !important;
  }
}


@media(max-width: 800px) {

  .table-responsive table,
  .table-responsive thead,
  .table-responsive tbody,
  .table-responsive th,
  .table-responsive td,
  .table-responsive tr {
    display: revert;
  }

  .common-table table thead tr {
    position: unset;
  }
}


@media(max-width: 768px) {
  .button.paragraphs-icon-button {
    width: auto !important;
    text-indent: inherit;
    padding: 8px 15px !important;
  }

  .gig-details-section .col-lg-8.order-2.order-lg-1,
  .gig-details-section .col-lg-4.ps-5.order-1.order-lg-2 {
    padding: 0px !important;
  }

  ul.menu.menu-level-1 {
    width: 100%;
    left: 0px;
  }

  .reviews-wrapper h2,
  .other-gigs h2,
  .explore-topics h2 {
    font-size: 30px;
  }

  .course-listing-banner-middle {
    padding: 30px 0px 0px;
  }

  .profile-summary-grid {
    flex-wrap: wrap;
  }

  .profile-view-cards {
    width: 50%;
  }

  .buyers-banner h1 {
    line-height: 40px;
    font-size: 25px;
  }

  .buyers-banner h4 {
    font-size: 18px;
    margin: 20px 0px !important;
  }

  .how-it-works .col-lg-4.col-md-4 {
    margin-bottom: 10px;
  }

  .how-it-works-col-2 br {
    display: none;
  }

  .how-it-works-col-2 h4 {
    margin-bottom: 10px !important;
  }

  .page-heading {
    font-size: 25px;
  }

  .soft-skills img {
    width: 70px;
  }

  .soft-skills h5 {
    font-size: 16px;
  }

  .book-form {
    padding: 30px;
  }

  .book-form img {
    left: 30px;
    width: 50px;
  }

  .common-big-btn {
    padding: 12px 40px;
    font-size: 16px;
  }

  .buyers-gigs .slick-next:before,
  .other-gigs .slick-next:before {
    font-size: 35px;
  }

  .join-our-community-bottom h4 {
    line-height: 30px;
    font-size: 16px;
  }

  .join-our-community-bottom h4.mt-5 {
    margin-top: 20px !important;
  }

  .approach-col img {
    width: 60px;
    height: 60px;
  }

  .approach-section .row.mt-5.pt-5.px-5 {
    padding-top: 0px !important;
  }

  .approach-section .image-1 {
    left: 34px;
  }

  .top-seller img {
    width: 30px;
    left: 2%;
  }

  .top-seller {
    padding: 2em 35px;
  }

  .top-seller h4 {
    line-height: 30px;
    font-size: 18px;
  }

  .why-peercamp-col ul li {
    font-size: 16px;
  }

  .top-seller.mx-5.mt-5 {
    margin: 20px 0px 0px !important;
  }

  .buyers-review .image-2 {
    width: 110px;
    top: -118px;
  }

  .buyers-review .image-1 {
    top: -188px;
  }

  .grid-listing .js-form-item-age-range,
  .grid-listing .js-form-item-field-location-value,
  .grid-listing .js-form-item-field-gig-type-target-id,
  .grid-listing .js-form-item-field-gig-language-target-id {
    margin-right: 10px;
  }

  .grid-listing .views-exposed-form select {
    padding: 10px 15px 10px 10px;
  }

  .grid-listing .js-form-item-age-range::after,
  .grid-listing .js-form-item-field-location-value::after,
  .grid-listing .js-form-item-sort-bef-combine::after,
  .grid-listing .js-form-item-field-gig-category-target-id::after {
    right: 6px;
  }

  .grid-listing-card .col-lg-4.col-md-4.ps-0,
  .grid-listing-card .col-lg-7.col-md-7.pe-0 {
    padding: 0px;
  }

  .grid-listing-card-left img {
    margin-bottom: 20px;
  }

  .explore-topics a {
    font-size: 14px;
    margin: 0px 5px 20px;
    padding: 10px 10px;
  }

  .gig-details-user-content p,
  .gig-details-user-content .field--name-field-gig-category,
  .gig-details-user-content .field--name-field-location,
  .educators .field--name-field-location {
    font-size: 14px;
  }

  .gig-details-section .user-img img {
    width: 70px;
    height: 70px;
  }

  .gig-sections-link li a {
    padding: 10px 5px;
  }

  .user-img.me-3 {
    margin-right: 0px !important;
  }

  .join-our-community-bottom {
    margin: 0px 35px;
  }

  .footer-top.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

@media (max-width: 767px) {
  .user-login-wrapper .user-login {
    padding: 30px !important;
  }

  .user-login span.fieldset-legend,
  .user-login h4 {
    font-size: 18px;
  }

  .course-listing-banner-middle div img {
    width: 30px;
  }

  .course-listing-banner-middle div {
    margin: 0px 5px;
  }

  .course-listing-banner-middle div p {
    font-size: 12px;
  }

  .tutor-listing-card.new::before {
    width: 15%;
  }

  .user-img img {
    width: 80px;
    height: 80px;
  }

  .single-cards {
    padding: 10px 3px;
  }

  ul.review-second-ul {
    display: block;
  }

  .awards-recognization .field__item {
    width: 165px;
    height: 165px;
  }

  .reviews-top {
    display: block;
  }

  .reviews-top h4.mb-0 {
    margin-bottom: 10px !important;
  }

  .contact-section button {
    font-size: 16px;
    padding: 15px 45px 15px 25px;
    margin-right: 20px;
  }

  .awards-recognization {
    padding: 50px 0px;
  }

  .contact-section h6 {
    font-size: 16px;
    width: 60%;
  }

  .educators-banner img {
    margin-top: 20px;
  }

  .educators-banner h1 {
    font-size: 30px;
    margin-bottom: 10px !important;
  }

  .educators-banner h4 {
    font-size: 22px;
  }

  .educators-banner h5 {
    font-size: 22px;
  }

  .educators-details-banner h1 {
    font-size: 25px;
    line-height: 35px;
  }

  .educators-content h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .educators-content p,
  .educators-content li {
    font-size: 14px;
  }

  .dashboard-menu {
    border-bottom: 1px solid #cdcfd5;
    border-right: 0px;
  }

  .dashboard-content .col-lg-2,
  .dashboard-content .col-lg-10 {
    padding: 0px;
  }

  .dashboard-menu li {
    width: fit-content;
  }

  .gig-form-container {
    margin: 0px 0px;
  }

  .gig-general-form .col-lg-10 {
    padding: 0px;
  }

  .dashboard-menu .nav-link.is-active {
    border-radius: 3px;
  }

  .teacher-bio-right {
    margin-top: 15px;
  }

  .view-profile-btn {
    margin: 20px 0px;
  }

  .single-course-details #field-gig-rating-details-values tr td {
    width: 100%;
    margin-bottom: 16px;
  }

  .field--name-field-gig-rating-details table table tr {
    width: 100%;
    margin-bottom: 25px;
  }

  .awards-recognition-img-wrapper .modal img {
    height: 300px;
  }

  .educators-banner .common-big-btn {
    margin-top: 30px !important;
    margin-bottom: 20px;
  }

  .how-it-works-col-2 h4.mb-4.d-flex.align-items-center {
    justify-content: center;
  }

  .how-it-works-col.px-4 {
    margin-bottom: 20px;
  }

  .footer-column h3 {
    font-size: 18px;
  }

  .footer .col-lg-4,
  .footer nav,
  .footer .navbar-brand,
  .footer .col-lg-4.px-5 {
    padding: 0px !important;
  }

  .footer-column ul.ps-0 li,
  .footer-column .nav-item {
    margin-bottom: 10px;
  }

  .footer-column .nav-link,
  .footer-column ul li a,
  .copyright-section p,
  .footer-column p,
  .whatsapp a,
  .footer-column p.mt-5 {
    font-size: 14px;
  }

  .e-mail h5,
  .e-mail a,
  .whatsapp h5,
  span.link-text {
    font-size: 16px;
  }

  .how-it-works .row.mt-5.pt-4 {
    margin-top: 0px !important;
  }

  .grid-listing .section-padding {
    padding: 40px 15px;
  }

  .section-padding {
    padding: 40px 0;
  }

  .blog-content h3 {
    font-size: 20px;
  }

  .blog-content h2 {
    font-size: 22px;
  }

  .gig-banner-2 {
    width: 60px;
    top: 10px;
    right: 10px;
  }

  .why-peercamp-col img {
    left: 35%;
  }
}

@media (max-width: 575px) {
  .section-padding {
    padding: 40px 0;
  }

  .buyers-banner h1 span {
    font-size: 33px;
  }

  .path-my-dashboard .col-lg-8,
  .path-my-dashboard .col-lg-4,
  .path-my-dashboard .col-lg-10,
  .path-my-dashboard .col-lg-2,
  .ins-profile-data-top .col-lg-10 {
    padding: 0px;
  }

  .gig-details-user-right img {
    width: 55px;
  }

  .dashboard-menu .nav-link {
    padding: 10px 10px;
  }

  .dashboard-top-left h3 {
    font-size: 20px;
  }

  .grid-listing .listing-card-left img {
    height: 150px !important;
  }

  .grid-listing .listing-card-middle-top h3 a {
    font-size: 20px;
  }

  .course-listing-banner-middle div p {
    font-size: 10px;
  }

  section.course-listing-banner {
    padding: 30px 0px;
  }

  .course-listing-banner-inner h1 {
    font-size: 30px;
  }

  .course-listing-banner-inner {
    padding: 50px 0px;
  }

  .tutor-listing-card.new::before {
    width: 18%;
  }

  .grid-listing .listing-card-right li {
    font-size: 14px;
  }

  .grid-listing .listing-card-right li h6 {
    font-size: 14px;
  }

  .grid-listing .listing-card-body p {
    font-size: 14px;
  }

  .course-sidebar h5,
  .grid-listing .listing-card-right h5 {
    font-size: 16px;
  }

  .single-cards img {
    width: 30px;
    height: 30px;
  }

  .single-cards h6 {
    font-size: 10px;
  }

  p {
    font-size: 14px;
  }

  .course-details-lessons h3 {
    font-size: 20px;
  }

  .course-lessons-second-accordian .accordion-button {
    font-size: 16px;
  }

  .teacher-bio-left h4 {
    font-size: 16px;
  }

  .reviews-top {
    padding-bottom: 20px !important;
  }

  .ins-profile-sidebar li {
    width: 49%;
  }

  .profile-view-cards {
    width: 49%;
    padding-right: 0px;
  }

  .profile-summary-grid,
  .ins-profile-sidebar ul {
    flex-wrap: wrap;
  }

  .awards-recognization .field__item {
    width: 142px;
    height: 142px;
  }

  .popular-gigs.other-popular-gigs.py-0 h4.mb-0 {
    width: 70%;
  }

  .instructor-banner-left h1 {
    font-size: 20px;
  }

  .ins-banner-top .verified-img {
    width: 70px;
  }

  .contact-section .d-flex.align-items-center.justify-content-between {
    display: block !important;
  }

  .educators-banner h1 {
    font-size: 30px;
    line-height: 36px;
  }

  .educators-banner h4 {
    font-size: 16px;
    line-height: 28px;
  }

  .educators-banner h5 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px !important;
  }

  .user-my-profile-form .form-item-field-phone-whatsapp-0-country-code.form-no-label.mb-3 {
    width: 16%;
  }

  .user-my-profile-form .form-item-field-phone-whatsapp-0-mobile.form-no-label.mb-3 {
    width: 84%;
  }

  #edit-field-gig-status-value ul li a {
    margin-right: 10px;
    padding: 6px 10px;
  }

  .user-login table th {
    padding: 10px;
  }

  .header li.menu-item.menu-item--expanded:hover ul.menu.menu-level-1 li.menu-item.menu-item--expanded {
    width: 100%;
  }

  .header ul.menu.menu-level-2 a {
    font-size: 14px;
  }

  .header ul.menu.menu-level-1 a {
    font-size: 14px;
    margin: 10px 0px;
  }

  ul.menu.menu-level-1 {
    padding: 10px 10px 10px 10px;
  }

  .user-login span {
    font-size: 14px;
    margin-top: 10px !important;
  }

  .register-page h3 {
    font-size: 18px;
  }

  form label {
    font-size: 14px !important;
  }

  .user-login input,
  .user-login select,
  .gig-form-container input,
  .gig-form-container select,
  .reviews-form input,
  .reviews-form select {
    height: 35px;
  }

  .user-login input#edit-submit,
  input[value="Submit for verification"],
  .reviews-form .form-submit,
  #edit-submit-my-gigs,
  #edit-actions .additional-submit-button a,
  #edit-submit-my-support-tickets,
  .my-support-tickets .view-header a,
  .webform-submission-contact-add-form .webform-button--submit,
  #edit-submit-support-tickets,
  .support-page .comment-support-ticket-form #edit-submit,
  #private-message-page #edit-submit,
  .path-my-support-tickets .add-support-button a,
  .register-page #send-otp-btn input {
    height: fit-content;
  }

  .awards-recognization a {
    width: 142px;
    height: 142px;
  }

  .buyers-banner {
    padding-top: 40px;
  }

  .buyers-banner h1 {
    line-height: 35px;
    font-size: 20px;
  }

  .buyers-banner h4 {
    font-size: 16px;
  }

  .page-heading {
    font-size: 22px;
  }

  .soft-skills img {
    width: 50px;
  }

  .soft-skills h5 {
    font-size: 14px;
  }

  .book-form-section h3 {
    font-size: 25px;
  }

  .book-form-section h5 {
    font-size: 14px;
    line-height: 26px;
  }

  .why-peercamp-col img {
    top: -100px;
    width: 180px;
    left: 30%;
  }

  .QandA h5.mt-2.text-center {
    font-size: 16px;
  }

  .top-seller img {
    width: 24px;
    top: 28px;
  }

  .join-our-community-blue h4,
  .top-seller h4 {
    line-height: 25px;
    font-size: 18px;
  }

  .join-our-community-blue .common-big-btn {
    padding: 15px 15px;
    font-size: 14px;
  }

  .how-it-works .image-2 {
    top: 99px;
    left: -67px;
    width: 171px;
  }

  .how-it-works .image-1 {
    left: 39px;
    top: 18px;
    width: 63px;
  }

  .grid-listing .js-form-item-age-range,
  .grid-listing .js-form-item-field-location-value,
  .grid-listing .js-form-item-field-gig-type-target-id,
  .grid-listing .js-form-item-field-gig-language-target-id,
  .js-form-item-field-gig-category-target-id,
  .js-form-item-sort-bef-combine {
    width: 48%;
    margin-bottom: 10px !important;
    margin-right: 0px;
  }

  .grid-listing .views-exposed-form .d-flex.flex-wrap {
    margin-bottom: 0px;
    justify-content: space-between;
  }

  .grid-listing .js-form-item-sort-bef-combine label {
    display: block;
    width: 100px !important;
  }

  .gig-banner-3 {
    width: 35px;
    left: 10px;
  }

  .gig-banner-2 {
    width: 70px;
    right: 10px;
  }

  .gig-banner-4 {
    right: 10px;
    bottom: 15px;
    width: 50px;
  }

  .reviews-wrapper h2,
  .other-gigs h2,
  .explore-topics h2 {
    font-size: 25px;
  }

  .grid-listing-card-body p,
  .grid-listing-user h6,
  a.read-more-link {
    font-size: 14px;
  }

  .explore-topics ul.ps-0.mb-0.mt-5.pt-3,
  .reviews-wrapper .mt-5.pt-3 {
    margin-top: 0px !important;
  }

  .reviews-card h6 {
    font-size: 16px;
  }

  .gigs-listing-banner h1 {
    font-size: 25px;
    line-height: 40px;
  }

  .gig-details-left ul.px-5.d-flex.justify-content-between.mb-5.mt-4 {
    display: block !important;
    margin-bottom: 20px !important;
  }

  .gig-sections-link li a {
    padding: 10px 15px;
  }

  .gig-sections-link li {
    width: fit-content;
  }

  .educators .blank-btn {
    margin: 0px !important;
  }

  .gig-details-section .user-img img {
    width: 55px;
    height: 55px;
  }

  .gig-details-section ul li,
  .gig-details-section ol li {
    font-size: 14px;
  }

  .join-our-community-bottom {
    margin: 0px;
  }

  .buyers-gigs .mt-5.pt-4,
  .other-gigs .mt-5.pt-4 {
    margin-top: 0px !important;
    padding-top: 0px !important;
  }

  .footer-column .blank-btn {
    font-size: 14px;
  }

  .gig-details-user ul li,
  .gig-details-user ul li h6 {
    font-size: 14px;
  }

  .blog-cont ul li,
  .blog-cont ul li a,
  .blog-cont p {
    font-size: 14px;
  }

  .blog-cont ul li svg,
  h4.blog-title {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .user-login-wrapper .user-login {
    padding: 20px;
  }
      .grid-listing .section-padding {
        padding: 40px 0px;
    }
    .taxonomy-grid-listing .view-filters, .taxonomy-grid-listing .view-content {
    padding: 0px 12px;
}
.reviews-gig-wrapper.mt-5 {
    margin-top: 0px !important;
}
  .more-gigs-wrapper {
    padding: 20px 10px;
  }
  .grid-listing .views-row {
    padding: 0px;
}
    .explore-topics a {
        font-size: 12px;
        margin: 0px 3px 10px;
        padding: 10px 5px;
    }
  .gig-sections-link {
    justify-content: center;
  }

  .form-item-field-phone-whatsapp-0-country-code.form-no-label.mb-3 {
    width: 35%;
  }

  .form-item-field-phone-whatsapp-0-mobile.form-no-label.mb-3 {
    width: 65%;
  }

  .user-login span.fieldset-legend,
  .user-login h4 {
    font-size: 16px;
  }

  .register-modal .modal-body.p-5.text-center {
    padding: 20px !important;
  }

  .register-modal .common-btn {
    padding: 10px 10px 10px 10px;
    font-size: 12px;
  }

  .ins-banner-top img {
    width: 20px;
    height: 20px;
    object-fit: contain;
  }

  .site-footer .col-lg-6 {
    padding: 0px;
  }

  .course-listing-banner-inner a {
    padding: 10px 15px;
    margin: 20px auto 0px;
    font-size: 14px;
  }

  .course-listing-banner-middle {
    padding: 30px 0px 20px;
    display: block;
  }

  .site-footer p {
    font-size: 14px;
  }

  .dashboard-menu .nav-link {
    font-size: 13px;
  }

  .path-my-dashboard .row.mt-5.pt-4.justify-content-center {
    margin-top: 0px !important;
  }

  .dashboard-menu svg {
    font-size: 16px;
    margin-right: 5px;
  }

  .dashboard-menu .nav-link {
    padding: 10px 6px;
  }

  .dashboard-top-left ul li {
    margin-right: 5px;
    font-size: 14px;
  }

  .dashboard-top-left svg {
    margin-right: 2px;
  }

  .dashboard-top-right button {
    padding: 10px 10px;
    font-size: 14px;
  }

  .dashboard-top-right svg {
    font-size: 25px;
  }

  .ui-dialog-content.ui-widget-content {
    padding: 30px 10px;
  }

  .ui-dialog .ui-dialog-buttonpane {
    padding: 10px;
  }

  .ui-dialog .ui-dialog-buttonpane button {
    margin: .5em 0em .5em 0;
  }

  .course-listing-banner-middle div {
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }

  .course-listing-banner-middle div p {
    margin: auto;
    padding-top: 10px;
  }

  .grid-listing .listing-card-left img {
    height: 130px !important;
  }

  .grid-listing .tutor-listing-card {
    padding: 10px;
  }

  .tutor-listing-card .col-lg-3.col-md-6.col-sm-6.col-6.order-2.order-lg-3.pe-0 {
    padding-left: 0px;
  }

  .tutor-listing-card .col-lg-6.order-3.order-lg-2 {
    padding: 0px;
  }

  .grid-listing .listing-card-middle-top h3 a {
    font-size: 16px;
  }

  .grid-listing .card-ul-2 {
    display: block;
  }

  .other-gigs-wrapper {
    padding: 15px;
  }

  .other-gigs-item-top {
    display: block;
  }

  .other-gigs-top-img img {
    width: 100% !important;
    height: 200px !important;
    margin-bottom: 10px;
  }

  .other-gigs-item-top ul {
    padding-top: 0px;
    padding-left: 0px !important;
  }

  .reviews-card li,
  .reviews-card li span {
    font-size: 14px;
  }

  .other-gigs-item-bottom h5 {
    font-size: 16px;
  }

  .other-popular-gigs h2 {
    font-size: 20px;
  }

  .single-cards {
    width: 46%;
    margin-bottom: 10px;
  }

  .instructor-banner-left .user-img img {
    width: 100px;
    height: 100px;
  }

  .ins-banner-top .verified-img {
    width: 45px;
    margin-left: 7px;
  }

  .instructor-banner-left .user-img img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
  }

  .instructor-banner .single-course-banner-left-bottom ul li,
  .field--name-field-profile-heading {
    font-size: 14px;
  }

  .awards-recognization .field__item {
    width: 106px;
    height: 106px;
  }

  .awards-recognization img {
    border: 4px solid gainsboro;
  }

  .popular-gigs.other-popular-gigs.py-0 h4.mb-0 {
    font-size: 20px;
  }

  .popular-gigs .d-flex.justify-content-between.align-items-center,
  .reviews-top {
    display: block !important;
  }

  .contact-section h6 {
    width: 100%;
    margin-bottom: 20px !important;
  }

  .popular-gigs.other-popular-gigs.py-0 h4.mb-0 {
    width: 100%;
    margin-bottom: 15px !important;
  }

  .educators-banner h1 {
    font-size: 23px;
  }

  .educators-banner h4 {
    font-size: 15px;
    line-height: 26px;
  }

  .educator-item h3 {
    font-size: 16px;
  }

  .footer-top .col.footer-col {
    width: 100%;
  }

  .footer-col h2 {
    margin-bottom: 10px;
  }

  .footer-top .col.footer-col .common-btn {
    width: max-content;
  }

  .copyright {
    padding: 20px 10px;
  }

  .footer-top.pb-5 {
    padding-bottom: 20px !important;
  }

  .educators-details-banner {
    padding: 35px 0px;
  }

  .educators-content h2 {
    font-size: 18px;
    line-height: 26px;
  }

  .educators-content h4 {
    font-size: 18px;
  }

  .educators-content h5 {
    font-size: 16px;
  }

  .user-my-profile-form .form-item-field-phone-whatsapp-0-country-code.form-no-label.mb-3 {
    width: 22%;
  }

  .user-my-profile-form .form-item-field-phone-whatsapp-0-mobile.form-no-label.mb-3 {
    width: 78%;
  }

  #edit-field-gig-status-value ul li a {
    margin-right: 5px;
    padding: 4px 8px;
  }

  #edit-submit-my-gigs {
    padding: 4px 10px;
  }

  .js-form-item-field-support-category-value,
  .js-form-item-field-support-status-value {
    width: 100%;
  }

  .gig-form-container {
    margin: 0px;
  }

  .user-login-wrapper .col-lg-10 {
    padding: 0px;
  }

  .other-gigs-wrapper h6 a {
    font-size: 15px;
  }

  .single-course-banner-left-bottom-ul ul {
    display: block;
  }

  .single-course-banner-left-bottom ul li {
    padding-right: 0px;
    margin-right: 0px;
    border-right: none;
    margin-bottom: 10px;
  }

  .reviews-top.mb-5 {
    margin-bottom: 0px !important;
  }

  .awards-recognition-img-wrapper>div {
    width: 49%;
  }

  .awards-recognization a {
    width: 100%;
    height: 160px;
  }

  .awards-recognition-img-wrapper {
    justify-content: space-between;
  }

  .buyers-banner .col-lg-8.text-center {
    padding: 0px;
  }

  .buyers-banner h1 {
    font-size: 18px;
  }

  .buyers-banner h4 {
    font-size: 14px;
    line-height: 25px;
  }

  .soft-skills h5 {
    font-size: 12px;
  }

  .soft-skills {
    display: block;
    text-align: center;
  }

  .soft-skills img {
    margin: 0px 0px 10px 0px !important;
  }

  .book-form-section h3 {
    font-size: 20px;
  }

  .book-form h4 {
    font-size: 16px;
  }

  .book-form p {
    font-size: 14px;
  }

  .common-big-btn {
    padding: 10px 20px;
    font-size: 14px;
  }

  .book-form img {
    left: 19px;
    width: 35px;
  }

  .book-form .common-big-btn {
    margin-top: 25px !important;
  }

  .top-seller h4 {
    line-height: 26px;
    font-size: 16px;
  }

  .approach-col {
    padding: 0px 0px;
  }

  .approach-section .row.mt-5.pt-5.px-5 {
    padding: 0px !important;
  }

  .approach-col h4 {
    font-size: 16px;
    line-height: 28px;
  }

  .approach-section .col-lg-6.col-md-6.mb-5 {
    margin-bottom: 20px !important;
  }

  .how-it-works-col h4 {
    font-size: 18px;
  }

  .how-it-works-col p {
    font-size: 14px;
  }

  .how-it-works-col img {
    width: 40px;
    margin-bottom: 10px;
    height: 40px;
  }

  .how-it-works-col-2 {
    padding: 10px;
  }

  .join-our-community-blue {
    padding: 20px 10px;
  }

  .join-our-community-blue h4,
  .top-seller h4 {
    font-size: 14px;
  }

  .join-our-community-blue .common-big-btn {
    padding: 10px 10px;
    font-size: 12px;
    margin-top: 20px !important;
  }

  .join-our-community-bottom h4 {
    line-height: 24px;
    font-size: 14px;
  }

  .why-peercamp-col h5 {
    margin-bottom: 50px;
  }

  .gig-banner-1 {
    width: 30px;
    left: 10px;
  }

  .gig-banner-2 {
    width: 40px;
    right: 10px !important;
    top: 18px;
  }

  .gigs-listing-banner h1 {
    padding: 0px 0px 20px 0px;
  }

  .gig-banner-3 {
    width: 20px;
    bottom: 12px;
  }

  .gigs-listing-banner .col-lg-7.order-2.order-lg-1.ps-5 {
    padding-left: 10px !important;
  }

  .gigs-listing-banner ul li p {
    font-size: 14px;
  }

  section.gigs-listing-banner {
    padding: 40px 0px;
  }

  .grid-listing .views-exposed-form label,
  label {
    font-size: 12px !important;
  }

  .grid-listing .form-composite .fieldset-legend {
    font-size: 14px;
  }

  .grid-listing-card svg {
    font-size: 18px;
  }

  .grid-listing-card {
    padding: 10px;
  }

  .grid-listing-card-middle h4.mb-5 {
    margin-bottom: 20px !important;
  }

  .grid-listing-card-middle ul {
    display: block !important;
    margin-bottom: 0px !important;
  }

  .grid-listing-card-middle ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }

  .grid-listing-card-middle h4 a,
  .grid-listing-card-middle h4 a:hover {
    font-size: 16px;
  }

  .gig-details-banner h1 {
    font-size: 22px;
  }

  .gig-details-sidebar-down h5 {
    font-size: 16px;
  }

  .gig-details-user-content.w-100.mb-5 {
    display: block !important;
  }

  .gig-details-user-right,
  .gig-details-user-left {
    width: 100%;
  }

  .gig-details-section h4 {
    font-size: 16px;
  }

  .most-popular {
    font-size: 14px;
  }

  .more-gigs-wrapper h5 a {
    min-height: 40px;
    font-size: 16px;
  }

  .more-gigs-wrapper li svg {
    margin-right: 5px !important;
    font-size: 16px;
  }

  .more-gigs-wrapper .rupees {
    margin-right: 5px !important;
  }

  .more-gigs-wrapper ul li {
    margin-bottom: 5px;
  }

  .more-gigs-wrapper ul {
    margin-top: 20px !important;
    height: 80px;
  }

  .footer-column img {
    width: 3x;
  }

  .footer-column .blank-btn {
    font-size: 12px;
    padding: 10px 10px 10px 10px;
  }

  .e-mail h5,
  .e-mail a,
  .whatsapp h5,
  span.link-text {
    font-size: 14px;
  }

  .header .navbar-toggler {
    font-size: 14px;
  }

  .header img {
    width: 50px;
  }

  div#gig-wishlist .modal-body.px-5.py-4 {
    padding: 20px !important;
  }

  .blog-sidebar h3 {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .popular-tags li a {
    padding: 6px 10px;
    font-size: 14px;
  }

  .blog-details-ul li {
    font-size: 14px;
  }

  .blog-content h2 {
    font-size: 20px;
  }

  .blog-content h3 {
    font-size: 18px;
  }

  .related-posts h2.mb-5 {
    margin-bottom: 0px !important;
  }
}

@media (max-width: 445px) {
  .gig-sections-link li a {
    padding: 5px 5px;
    font-size: 10px;
  }

  .why-peercamp-col img {
    left: 25%;
  }
}

@media (max-width: 375px) {
  .dashboard-top-left ul.ps-0.d-flex {
    flex-wrap: wrap;
  }

  .dashboard-top-left ul.ps-0.d-flex li:first-child {
    width: 100%;
  }

  .dashboard-top-right button svg {
    display: none;
  }

  .buyers-banner h1 span {
    font-size: 25px;
  }

  .gigs-listing-banner h1 {
    font-size: 22px;
    line-height: 32px;
  }

  .dashboard-content .col-lg-3,
  .dashboard-content .col-lg-9 {
    padding: 0px;
  }

  .tutor-listing-card.new::before {
    width: 15%;
  }

  .single-course-banner-left-bottom-ul ul {
    display: block;
  }

  .single-course-banner-left-bottom ul li {
    border-right: 0px solid #fff;
  }

  /* .user-img {
  padding-right: 10px;
} */
  .other-gigs-item-top ul li {
    font-size: 13px;
  }

  .course-sidebar {
    padding: 15px;
  }

  .instructor-banner-left h1 {
    font-size: 18px;
  }

  .awards-recognization .field__item {
    width: 140px;
    height: 140px;
  }

  .contact-section {
    padding: 40px 0px;
  }

  .contact-section h2 {
    font-size: 25px;
  }

  .educators-banner h1 {
    font-size: 22px;
  }

  .educators-banner h4 {
    font-size: 14px;
    line-height: 24px;
  }

  .educator-item {
    padding: 20px;
  }

  .copyright ul li a {
    width: 30px;
    height: 30px;
  }

  .site-footer p {
    font-size: 12px;
  }

  .user-login input#edit-submit,
  input[value="Submit for verification"],
  .reviews-form .form-submit,
  #edit-submit-my-gigs,
  #edit-actions .additional-submit-button a,
  #edit-submit-my-support-tickets,
  .my-support-tickets .view-header a,
  .webform-submission-contact-add-form .webform-button--submit,
  #edit-submit-support-tickets,
  .support-page .comment-support-ticket-form #edit-submit,
  #private-message-page #edit-submit,
  .path-my-support-tickets .add-support-button a {
    padding: 8px 15px;
  }

  .reviews-top {
    padding-bottom: 0px !important;
    margin-bottom: 20px !important;
  }

  .popular-gigs-wrapper,
  .reviews-gigs,
  .shoutouts,
  .comment-wrapper {
    padding: 20px 0px;
  }

  .field--name-field-award-media legend span,
  .field--name-field-award-label label,
  #edit-submit,
  #edit-profile-verification-submit,
  .reviews-form .form-submit {
    font-size: 14px !important;
  }

  .reviews-form .form-submit {
    width: auto;
  }

  .popular-gigs .d-flex.mb-5.justify-content-between.align-items-center {
    margin-bottom: 0px !important;
  }

  .reviews-top h4 span,
  .reviews-top h4,
  .popular-gigs.other-popular-gigs.py-0 h4.mb-0,
  .contact-section h2 {
    font-size: 18px;
  }

  .user-login input#edit-submit,
  input[value="Submit for verification"],
  .reviews-form .form-submit,
  #edit-submit-my-gigs,
  #edit-actions .additional-submit-button a,
  #edit-submit-my-support-tickets,
  .my-support-tickets .view-header a,
  .webform-submission-contact-add-form .webform-button--submit,
  #edit-submit-support-tickets,
  .support-page .comment-support-ticket-form #edit-submit,
  #private-message-page #edit-submit,
  .path-my-support-tickets .add-support-button a,
  #send-otp-btn input,
  .payment-redirect-form input.js-form-submit {
    font-size: 14px;
    padding: 6px 15px;
  }

  .contact-section h6 {
    font-size: 14px;
  }

  .awards-recognition-img-wrapper .modal img {
    height: 200px;
  }

  .awards-recognition-img-wrapper .modal h4 {
    font-size: 18px;
  }

  .reviews-card {
    padding: 10px;
  }

  .ins-profile-sidebar li a.active {
    padding: 3px 20px;
  }

  .ins-profile-right p,
  .profile-view-cards .field__item {
    font-size: 12px;
  }

  .reviews-card li,
  .reviews-card li span {
    font-size: 12px;
  }

  .register-modal a.common-btn.me-3 {
    margin-right: 6px !important;
  }

  .top-seller img {
    width: 23px;
    top: 25px;
  }

  .top-seller h4 {
    line-height: 22px;
    font-size: 14px;
  }

  .why-peercamp-col h5 {
    font-size: 18px;
  }

  .why-peercamp-col ul li {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .join-our-community-bottom h4 {
    line-height: 24px;
    font-size: 14px;
  }

  .join-our-community-bottom {
    padding: 15px;
  }

  .how-it-works-col-2 {
    padding: 10px;
  }

  .book-form-left.p-4 {
    padding: 20px 0px !important;
  }

  .how-it-works .col-lg-4.col-md-4 {
    padding: 0px;
  }

  .educators-banner h3 {
    line-height: 22px;
    font-size: 16px;
  }

  .how-it-works-col h4 {
    font-size: 16px;
    margin-bottom: 6px !important;
  }

  .join-our-community-blue .common-big-btn {
    padding: 10px 5px;
  }

  .footer-column img {
    width: 80px;
  }

  .d-flex.footer-media.mt-5 {
    margin-top: 2rem !important;
  }

  .footer-media img {
    width: 30px;
  }

  .grid-listing-card .col-lg-1.col-md-1.col-1.pe-0.text-end {
    padding-left: 0px;
  }

  .explore-topics a {
    font-size: 12px;
    margin: 0px 3px 20px;
    padding: 10px 5px;
  }

  .reviews-wrapper h2,
  .other-gigs h2,
  .explore-topics h2 {
    font-size: 20px;
  }

  .reviews-card h6 {
    font-size: 14px;
  }

  .page-link {
    padding: 5px;
  }

  .educators .col-lg-7.col-md-7,
  .educators .col-lg-5 {
    padding: 0px;
  }

  .related-blog-cont h6 a {
    font-size: 18px;
  }

  .related-blog li {
    font-size: 14px;
  }

  .blog-content h3 {
    font-size: 16px;
  }

  .blog-content h2 {
    font-size: 18px;
  }
}

@media (max-width: 360px) {
  .dashboard-menu .nav-link {
    font-size: 12px;
  }
    .footer-column ul li a img {
        margin-right: 5px !important;
        width: 25px;
    }
  .dashboard-top-right svg {
    font-size: 20px;
  }
.footer-column .nav-link, .footer-column ul li a, .copyright-section p, .footer-column p, .whatsapp a, .footer-column p.mt-5 {
        font-size: 12px;
    }
  .tutor-listing-card.new::before {
    width: 17%;
  }

  .register-modal .common-btn {
    font-size: 10px;
  }

  .educators-banner .col-lg-6.col-md-6 {
    padding: 0px;
  }

  .how-it-works .image-2 {
    width: 150px;
  }

  .how-it-works .image-1 {
    left: 29px;
    top: 28px;
    width: 50px;
  }

  .join-our-community .col-6 {
    flex: 0 0 auto;
    width: 100%;
  }

  .QandA button.accordion-button {
    font-size: 15px;
    padding: 10px;
  }

  .QandA .col-lg-6 {
    padding: 0px;
  }

  .QandA h5.mt-2.text-center {
    font-size: 14px;
  }

  .grid-listing .form-composite .js-form-type-radio {
    margin-left: 5px;
  }

  .slick-dots li {
    margin: 0 2px !important;
  }

  .footer-column .blank-btn {
    font-size: 10px;
    padding: 7px 10px 7px 10px;
    margin-top: 10px !important;
  }
}

@media (max-width: 340px) {
  .dashboard-top-right {
    padding-left: 106px;
  }
  .grid-listing .views-exposed-form label, label {
      font-size: 10px !important;
  }
  .site-footer p {
    font-size: 12px;
  }
    .grid-listing .form-composite .fieldset-legend {
        font-size: 12px;
        margin-right: 10px;
    }
  .dashboard-top-right button {
    font-size: 13px;
  }

  .other-gigs-wrapper.new::before {
    top: -16px;
  }

  .instructor-banner-inner .col-lg-5,
  .instructor-banner-inner .col-lg-7 {
    padding: 0px;
  }

  .user-my-profile-form .form-item-field-phone-whatsapp-0-country-code.form-no-label.mb-3 {
    width: 25%;
  }

  .user-my-profile-form .form-item-field-phone-whatsapp-0-mobile.form-no-label.mb-3 {
    width: 75%;
  }

  .book-form img {
    left: 14px;
  }

  .blog-img img {
    width: 65px;
    height: 65px;
  }
}