@media screen and (max-width: 1560px) {
  .my-cockpit .row {
    align-items: normal;
  }
}
@media screen and (max-width: 1300px) {

  .formtrigger-block{
    padding: 10px;
  }
  .product .header .overlay .row .content h1{
   max-width: 700px;
  }
  .product .header .image-bgk img{
    height: 300px;
  }
  .product .header > img{
    height: 300px;
  }
  .product .header {
    height: 300px;
  }
  .product .header .overlay .row .content h1 {
    font-size: 22px;
  }
  .product .header .overlay .row .content .profile span{
    font-size: 19px;
  }
}
@media screen and (max-width: 1024px) {
  .offersearch .product-info .info-wrapper .button {
    position: relative;
  }
  .profile-container.insert-page .input-wrapper .row {
    display: block;
  }
  .hp-hero:has(.overlay .box #tabs ul li.ui-tabs-active) {
    height: 800px;
  }
  .messaging .messaging-wrapper {
    flex-direction: column;
    gap: 41px;
  }
  .messaging .messaging-wrapper aside {
    max-width: 100%;
  }
  .hp-hero img {
    max-height: 800px;
  }
}
@media screen and (max-width: 900px) {

  .clearfix.text-formatted .video-container{
    display: none !important;
  }
  .checkout-page .profile-container .dashboard-box .input-box .row {
    flex-direction: column;
  }
  .checkout-page .profile-container .dashboard-box .input-box .row .label {
    text-align: left;
  }
  .checkout-page .profile-container .dashboard-box .input-box {
    padding: 20px 5px;
  }
  .formtrigger-block .listing-form-jobs {
    display: block;
  }
  .formtrigger-block .first-input input {
    border-radius: 0px;
  }
  .formtrigger-block .titles-jobs {
    padding: 20px;
  }
  .formtrigger-block .listing-form-company {
    display: block;
    padding: 20px;
  }
  .formtrigger-block .listing-form-offersearch {
    display: block;
  }
  .formtrigger-block .action {
    margin-top: 20px;
  }
  .contact-form form {
    display: block;
  }
  .contact-form form div textarea {
    /* width: 90%; */
  }
  .contact-form form div input {
    max-width: 100%;
  }
  .contact-form form div span {
    max-width: 100%;
  }
}

@media screen and (max-width: 800px) {

  .product .header > img {
    height: 450px;
  }
  .new-inserts .item-wrapper .item .row .icons {
    display: block;
    margin: 30px auto;
  }
  .product .header .image-bgk {
    position: relative;
    height: 100%;
    display: block;
    float: left;
    width: 100%;
  }

  .product .header .image-bgk img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .select2-container--open .select2-dropdown--below {
    min-width: 100%;
  }
  .profile-container.insert-page .input-container .file-upload-card{
    margin: 20px auto;
  }
  .profile-container .input-wrapper .input-container label{
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .product .product-info .info-wrapper .button{
    float: none;
    margin: 20px auto;
  }
  .checkout-page
    .profile-container
    .dashboard-box
    form
    .input-container.checkbox
    label {
    max-width: 300px;
  }
  .profile-container .input-wrapper .input-container{
    margin-bottom: 40px;
  }

  .profile-container .input-wrapper .input-container.file-upload{
    margin-bottom: 0;
  }
  .product .header .overlay .row .content h1 {
    font-size: 19px;
  }
  .product .header .overlay .row .content .profile span{
    font-size: 16px;
  }
  .product .header .overlay .row .content .button{
    font-size: 16px;
  }
  .new-inserts .item-wrapper .item .row {
    flex-direction: column;
    gap: 20px;
  }
  .new-inserts .item-wrapper .item .row .icons .like{
    margin-top: 20px;
  }
  .container-chat {
    padding: 20px 0px;
  }
  .profile-container{
    padding: 0px 20px;
  }
  .profile-container .input-wrapper .input-container.custom-message-holder {
    margin: 0px;
  }
  .profile-container .input-wrapper .input-container.custom-select {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 500px) {
  .profile-container.itemview.inquiries .itemview-wrapper .item .content{
    padding: 0 20px;
  }
  .product .product-info .row .list-item{
    max-width: 350px;
  }
  .offersearch .product-info .row{
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
  .product .header .overlay .row .content h1 {
    font-size: 16px;
  }
  .product .header .overlay .row .content .button{
    font-size: 14px;
  }
  .product .header .overlay .row .content .profile span{
    font-size: 14px;
  }
  .checkout-page .profile-container .dashboard-box {
    padding: 5px;
  }
  .checkout-page .profile-container .dashboard-box form p {
    font-size: 18px;
  }
  .checkout-page .profile-container .dashboard-box h1 {
    font-size: 22px;
  }
  .checkout-page .profile-container .dashboard-box p.under_text {
    font-size: 14px;
  }
  .checkout-page .profile-container .dashboard-box .input-box .row {
    align-items: flex-start;
  }
  .checkout-page
    .profile-container
    .dashboard-box
    form
    .input-container.checkbox
    label {
    max-width: 270px;
  }
  .product .header .overlay .row .content .linked {
    gap: 5px;
  }
  .product .header .overlay .row {
    gap: 5px;
  }
  .product .header .overlay .row .content .linked {
    margin-bottom: 15px;
  }
  .profile-container .container {
    padding: 0 !important;
  }
  .profile-container.itemview .itemview-wrapper .item .content {
    padding-left: 40px;
  }
  .pager__item.pager__item--next a {
    max-width: 90px !important;
  }
  .pager__item.pager__item--last a {
    max-width: 90px !important;
  }
  .pager__item.pager__item--first a {
    max-width: 90px !important;
  }
  .pager__item.pager__item--previous a {
    max-width: 90px !important;
  }
  .team-container{
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .team-item img{
    width: 100%;
  }
  .hp-hero {
    height: auto;
    position: relative;
  }
  .profile-container .input-wrapper .input-container.file-upload{
    margin-bottom: 0;
  }
  .container .header-row .logo img {
    max-width: 160px;
  }

  .pager__item.pager__item--first, .pager__item.pager__item--previous, .pager__item.pager__item--next, .pager__item.pager__item--last {
    width: 50%;
    display: block;
    float: left;
    padding: 0px 0px 5px 0px;
  }
  .pager__item.pager__item--first a,
  .pager__item.pager__item--previous a,
  .pager__item.pager__item--next a,
  .pager__item.pager__item--last a {
    margin: 0 auto;
    display: block;
  }
  
  .pager .pager__items{
    text-align: center;
  }
}