@media (max-width: 1440px) {
    /*html{*/
    /*    font-size: 15px;*/
    /*}*/
    .product-subtitle {
        font-size: 1.25rem;
    }
}
@media (max-width: 1367px) {

    /*html{*/
    /*    font-size: 14px;*/
    /*}*/
}
@media (max-width: 768px) {
    .product-item {
        flex-direction: column;
        align-items: flex-start; /* قرار دادن محتوا در سمت چپ */
        text-align: left;
    }

    .product-item .col-md-6 {
        width: 100%;
        padding: 10px 20px; /* اضافه کردن فاصله از کناره‌ها */
    }

    .product-item .product-title {
        position: relative;
        font-size: 2rem;
        top: 0;
        left: 0;
        margin-bottom: 5px;
        margin-top: -15px;
    }

    .product-item .product-subtitle {
        position: relative;
        font-size: 1rem;
        top: 0;
        left: 0;
        margin-bottom: 30px;
    }

    .product-item .product-image {
        width: 100%;
        margin-right: -10vw;
    }

    .product-item .product-image img {
        width: 100%;
        margin-left: 0;
    }
    .project-overlay {
        left: 0;
        width: 100%;
    }
    .slider-container{
        height: 100vh;
    }
   header  .links{
        margin-top: 16px;
       margin-right: 15px;
    }
 .nav-menu{
        display: none;
    }
    .mainFooter .sign-up-container {
         margin-left: 0px;
    }
    .mainFooter .text-input {
        border-radius: 10px;
        border-width: 1px;
        margin-top: 30px;
        --tw-border-opacity: 1;
        background-color: transparent;
        border-color: #fff;
        font-size: 1.25rem;
        line-height: 2rem;
        min-width: clamp(271px, 21.49vw, 361px);
        outline-width: 0;
        padding: 0.5em 0.8rem;
    }
    .mainFooter .links, .drawer-footer .links {
        flex-direction: column;
        padding-left: 20px;
    }
    .mainFooter .links div, .drawer-footer .links div {
        flex-direction: column;
    }
    .rotate-wrapper .links{
        align-items: start;
    }
    .mainFooter .left p, .drawer-footer .left p {
        margin-left: 0px;
        margin-bottom: 6px;
        font-size: 1.8rem;
    }
    .mainFooter .left a.mail {
         margin-left: 0px;
        font-size: 1.8rem;
    }
    .socials span,.mainFooter .left a, .drawer-footer .left a {
        font-size: 1.8rem;
    }
.drawer-footer .links .socials{
        margin-top: 8px;
    }
    .mainFooter .links .socials{
        margin-top: -11px;
    }
    .mainFooter .links .socials, .drawer-footer .links .socials {
         gap: 0px;
    }
    .socials a{
        margin-bottom: 5px;
    }
    .socials a img {
        margin-right: 9px;
        margin-top: -2px;
    }
    #line-bottom{
        display: none;
    }
    .responsive-x-padding{
        padding-left: 20px;
        padding-right: 20px;
    }
    .drawer-footer{
        margin-left: 16px;
        margin-right: 16px;
    }
    .brand {
        font-size: 1.9rem;
        height: 66px;
        margin-left: -9px;
        margin-top: 56px;
    }
    .border-white{
        display: none;
    }
    /***********menu*************/
    .secondary-links-container {
        flex-direction: column;
        gap: 0;
        justify-content: flex-start;
        margin-right: 0;
        width: 100%;
    }
    .secondary-links {
        max-width: none;
    }
    .sublinks {
        gap: 20px;
        max-height: 0;
        overflow: hidden;
    }
    .secondary-links a{
        display: flex;
        font-size: 18px;
        gap: 1ch;
        margin-bottom: 0;
        max-width: none;
        width: 100%;
    }
    .secondary-links:first-child .head-links-wrapper {
        border-top-width: 1px;
    }
    .head-links {
        font-size: 3.3rem;
        font-weight: 300;
        line-height: 56px;
        margin-bottom: 0;
    }
    .head-links-wrapper span{
        display: block;
        flex-direction: row;
        font-size: 17px;
    }

    .head-links-wrapper.active h4, .head-links-wrapper .active span {
        color: #fff100;
    }
    .secondary-links:first-child .head-links-wrapper {
        border-top: 1px solid;
        border-bottom: 1px solid;
        margin-top: 10px;
    }
    .secondary-links:last-child .head-links-wrapper {
        border-bottom: 1px solid;
    }
    .rotate-wrapper{
        overflow-y: scroll;
        padding: 2px 0 28px;
    }
    .drawer-header{
        padding: 16px;
    }
    .fade-down-content {
        height: auto;
    }
    .line-top-wrapper {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .rotate-wrapper  .links{
        flex-direction: column;
        gap: 0;
        margin-bottom: 0;
        margin-top: 20px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .head-links-wrapper{
        border-bottom-width: 1px;
        display: flex;
        flex-direction: row;
        border-color: #fff;
        padding-bottom: 3px;
        padding-top: 3px;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
   .sublinks.active {
        padding-bottom: 36px !important;
        padding-top: 20px !important;
       max-height: 100%;
    }
   .arrow-right.rotate{
       transform: rotate(90deg);
   }
    .arrow-right.rotate svg .cls-1{
      fill: #fff100;
   }
    h4.color{
        color: #fff100;
    }
    /***********menu*************/

    .main-links a {
        font-weight: 300;
        font-size: 3.3em;
        line-height:  clamp(50px, 5.55vh, 50px);
        margin: 6px 0px;
    }
    .brand-menu {
        font-size: 2.125rem;
        height: 33px;
        margin-left: -4px;
    }
    .main-links {
        margin-left: 0px;
    }
    .mainFooter .links, .drawer-footer .links {
      align-items:baseline ;
    }
    .product-image{
        display: flex;
        flex-direction: column;
        order: -1;
    }
    .article-section .row .col-md-3:nth-child(3), .article-section .row .col-md-3:nth-child(4),.divider{
        display: none;
    }
}