@media (min-width: 1025px) and (max-width: 1171px) {
.home .hero-second .hero-img img {
    right: -580px;
}
.header {
    font-size: 13px;
}
.menu {
    gap: 12px;
}
}



@media (min-width: 1500px) and (max-width: 1950px) {

.home .hero-second .hero-img img {
    right: -157px;
}
}


@media (max-width:1024px){


.tg-floating {
right: 30px;
bottom: 60px;
    }

body.page-login-register{
    background: #fff;
}

    .login-register-form{
    margin: 50px auto;
    }

.login-register-form {
    border: 0;
}


.filter-grid textarea,
input, 
select,
.input-block textarea,
textarea {
    font-size: 16px !important;
}


.hide-on-mobile{
        display: none !important;
    }

.admin-nav .container {
    overflow-x: auto;
    white-space: nowrap;
    -ms-overflow-style: none;  /* IE, Edge */
    scrollbar-width: none;     /* Firefox */
}

/* Chrome / Safari / Android */
.admin-nav .container::-webkit-scrollbar {
    display: none;
}
  .admin-nav > * {
        min-width: 400px; /* ширина блока */
    }



    .table-scroll{
    width: 100%;
    overflow-x: auto;
}

.table-scroll table{
    min-width: 600px; /* или сколько реально нужно */
}

table.seo-expert-price th:first-child, table.seo-expert-price td:first-child {
    width: 33%;
}

table.seo-expert-price .plan-name {
    font-size: 12px;
}

.header {

    padding: 10px 0;
}

.menu-toggle{
display: block;
        color: #fff;
        font-size: 28px;
}

/* fullscreen меню */
.menu{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;

background:white;

display:flex;
flex-direction:column;

        align-items: normal;
        padding: 50px;

justify-content:center;

gap:28px;

transform:translateX(100%);
transition:transform .35s ease;

z-index:2000;



}


/* открыто */
.menu.active{
transform:translateY(0);
}

/* пункты */
.menu > li{
list-style:none;
opacity:0;
transform:translateY(20px);
}

/* ссылки */
.menu a{
font-size:22px;
font-weight:600;
text-decoration:none;
color:#111;
}




.menu > li > a {
    padding: 0;
    color: #000000;
    display: block;
}
.menu-icon::before {
    position: absolute;
    left: -9px;
    top: 3px;
}

.meni-have-child {
    display: block;
}

.meni-have-child > a{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}

/* стрелка */
.meni-have-child > a::after {
background-color: #000000;
        position: absolute;
        top: 7px;
        right: -23px;
        display: none;
}


/*  подменю */
/* MOBILE submenu */
.submenu{
position:static;
opacity:1;
transform:none;
pointer-events:auto;

background:none;
box-shadow:none;
border:none;

        padding: 0 !important;
min-width:0;
margin-top: 20px;
   


}
/* открытое подменю */
.submenu{
position:static;

max-height:0;
overflow:hidden;

transition:max-height .35s ease;

padding:0;
margin:0;

background:none;
border:none;
box-shadow:none;


}

/* открытое */
.menu li.open > .submenu{
max-height:300px; /* больше реальной высоты */
margin-top:10px;
}


    .menu li > .submenu {
        max-height: 300px;
        margin-top: 10px;
    }


.submenu li{
margin: 0 0 10px 0;
}

.submenu a{
font-size:18px;
font-weight:400;
color:#555;
}
.submenu li a {
    display: block;
    padding: 5px 14px 0px 0px;
}



.menu-close{
background: transparent;
    border: 0;
    width: 40px;
    text-align: right;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 26px;
    display: block;
}


.menu.active > li{
animation:menuItem .5s ease forwards;
}

.menu.active li:nth-child(1){animation-delay:.1s}
.menu.active li:nth-child(2){animation-delay:.22s}
.menu.active li:nth-child(3){animation-delay:.30s}
.menu.active li:nth-child(4){animation-delay:.38s}
.menu.active li:nth-child(5){animation-delay:.46s}
.menu.active li:nth-child(6){animation-delay:.57s}

@keyframes menuItem{
from{
opacity:0;
transform:translateY(20px);
}
to{
opacity:1;
transform:translateY(0);
}
}



.home .subtitle {
    font-size: 16px;
}

.home .hero-container{
        display: flex;
        flex-direction: column;
}
.home .hero-container .hero-text {
    order: 2;
}
.home .hero-container .hero-img{
    order: 1;
}
.home .hero-container .btn{
       max-width: 230px;
       }






.home .btn{
text-align: center;
        width: auto;
        min-width: 240px;
}

.home .tool-text:has(.btn:only-of-type) .btn {
  width: 100%;
text-align: center;
}


.home .hero-first {
           padding: 10% 0 0% 0;
}

.home .tool-text h3,
.home .builder-header h2,
.home h1, .home .title {
    font-size: 22px;
}


.home .trigg-item {
 flex: 0 0 74%;
    }



.home .hero-second .container{
  display: flex;
   flex-direction: column;
}
.home .hero-second .hero-text{
 order: 2;
}
.home .hero-second .hero-img{
  order: 1;
}
.home .hero-second .hero-img img {
    width: auto;
    position: relative;
    top: 0;
    right: 0;
    z-index: 0;
}



.home .audience-grid{
grid-template-columns:1fr;
}

.home .tab {
    padding: 8px 9px;
    font-size: 11px;
}

  .home .builder-tabs {
      flex: 0.7;
  }

  .home .builder-preview {
      flex: 1.3;
  }
  .home .builder-content {
    gap: 20px;
    align-items: normal;
}


.home .tools {
    padding: 10px 0;
}

.home .tool-section {
  padding: 40px 0px;
    display: flex;
    flex-direction: column;
}

.home .tool-text{
 order: 2;
}
.home .tool-image{
 order: 1;
}



.home .all-tools {
    padding: 7% 0;
}



.columns.competitors {
    grid-template-columns: repeat(2, 1fr);
}
.admin.dashboard .admin-grid{
   grid-template-columns: 1fr;
}




.cookie-banner h3{
    font-size: 15px;
}

.cookie-banner p {
    font-size: 10px;
}


footer .footer-nav {
    display: block;
        text-align: left;
}

footer .footer-nav a {
   
    font-size: 16px;
    display: block;
    padding: 10px 0 0 0;
}

footer .footer-bottom {
    font-size: 16px;

    text-align: left;
}
 .btn-wrapp{
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
            display: grid;
  }

/*********************************
.competitor
*********************************/
  .competitor .options input {
    margin-bottom: 7px;
}
.competitor .options label {

    font-size: 12px;
}


/*********************************
.expertise-model
*********************************/
.expertise-model .btn{
        width: 100%;
}







.main-video-grid {
gap: 20px;
        grid-template-columns: repeat(1, 1fr);
}
   .main-video-actions {
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
        display: grid;
    }

  .main-video-content {
    text-align: center;
  }

  .main-video-actions {
    justify-content: center;
  }

 


 .main-video-content .btn{
    min-width: 215px;
    width: auto;
  }







/*********************************
.post
*********************************/
body.post {
    background: #fff;
}
  .post-header {
    padding: 0;
}


/*********************************
.footer
*********************************/
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }




}