/* =========================================================
   RESPONSIVE.CSS — PTR Logistics
   Tik mažesniems ekranams. Desktop iš style.css nekeičiamas.
========================================================= */

@media (max-width: 1500px){
  .page-wrap{
    width:calc(100% - 96px);
  }

  .nav-links{
    gap:38px;
  }

  .brand{
    width:230px;
  }

  .brand img{
    width:230px;
  }

  .hero h1{
    font-size:56px;
  }

  .hero-copy{
    max-width:54%;
  }

  .route-row{
    grid-template-columns:36px 120px 30px 36px 120px 100px 100px;
  }
}

@media (max-width: 1280px){
  .page-wrap{
    width:calc(100% - 72px);
  }

  .nav-links{
    gap:30px;
  }

  .nav-links a{
    font-size:15px;
  }

  .header-cta{
    width:210px;
    height:58px;
    font-size:14px;
  }

  .brand,
  .brand img{
    width:210px;
  }

  .hero h1{
    font-size:52px;
  }

  .hero-copy{
    max-width:58%;
  }

  .hero-benefit{
    padding-right:24px;
    margin-right:24px;
  }

  .hero-benefit strong{
    font-size:15px;
  }

  .routes-benefits .page-wrap{
    width:calc(100% - 96px);
  }

  .rb-grid{
    gap:54px;
  }

  .routes-card{
    padding-right:48px;
  }

  .route-row{
    grid-template-columns:32px 106px 26px 32px 106px 92px 92px;
    gap:9px;
  }

  .contact-grid{
    gap:54px;
  }
}

@media (max-width: 1100px){
  .site-header{
    height:84px;
  }

  .header-inner{
    height:84px;
  }

  .brand,
  .brand img{
    width:190px;
    height:auto;
  }

  .nav-links,
  .header-cta{
    display:none;
  }

  .menu-toggle{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    gap:5px;
    padding:12px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,.15);
  }

  .menu-toggle span{
    width:24px;
    height:2px;
    background:#fff;
    display:block;
    transition:.22s ease;
  }

  .menu-toggle.is-active span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }

  .menu-toggle.is-active span:nth-child(2){
    opacity:0;
  }

  .menu-toggle.is-active span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  .mobile-nav{
    display:none;
    position:fixed;
    top:84px;
    left:0;
    right:0;
    max-height:calc(100vh - 84px);
    overflow-y:auto;
    background:rgba(5,5,5,.98);
    border-bottom:1px solid rgba(255,255,255,.1);
    padding:18px 48px 26px;
    z-index:999;
  }

  .mobile-nav.is-open{
    display:grid;
  }

  .mobile-nav a{
    padding:15px 0;
    font-weight:900;
    text-transform:uppercase;
    border-bottom:1px solid rgba(255,255,255,.09);
    color:#fff;
  }

  .mobile-nav a:last-child{
    border-bottom:0;
  }

  .hero{
    padding-top:84px;
    height:760px;
    min-height:760px;
  }

  .hero-bg{
    top:84px;
    height:676px;
    background-size:auto 155%;
    background-position:68% center;
  }

  .hero-inner{
    min-height:676px;
  }

  .hero-copy{
    width:100%;
    max-width:720px;
  }

  .hero h1{
    font-size:56px;
  }

  .process-grid{
    grid-template-columns:1fr 70px 1fr 70px 1fr 70px 1fr;
    gap:12px;
  }

  .process-arrow{
    font-size:30px;
  }

  .step-icon{
    width:78px;
    height:78px;
  }

  .step-icon svg{
    width:43px;
    height:43px;
  }

  .process-step p{
    width:180px;
    font-size:13px;
  }

  .routes-benefits .page-wrap{
    width:calc(100% - 72px);
  }

  .rb-grid,
  .contact-grid{
    grid-template-columns:1fr;
  }

  .routes-card{
    border-right:0;
    padding-right:0;
  }

  .route-row{
    grid-template-columns:38px 1fr 34px 38px 1fr 105px 105px;
  }

  .contact-info,
  .contact-info > p,
  .contact-cards,
  .response-note{
    max-width:100%;
  }

  .footer-grid{
    grid-template-columns:1fr;
    gap:38px;
  }

  .footer-brand p{
    max-width:560px;
  }
}

@media (max-width: 760px){
  .page-wrap,
  .routes-benefits .page-wrap{
    width:calc(100% - 36px);
  }

  .site-header{
    height:78px;
  }

  .header-inner{
    height:78px;
  }

  .brand,
  .brand img{
    width:164px;
  }

  .menu-toggle{
    width:44px;
    height:44px;
    padding:11px;
  }

  .mobile-nav{
    top:78px;
    max-height:calc(100vh - 78px);
    padding:14px 18px 22px;
  }

  .hero{
    height:auto;
    min-height:720px;
    padding-top:78px;
  }

  .hero-bg{
    top:78px;
    height:calc(100% - 78px);
    background-image:
      linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.68) 43%, rgba(0,0,0,.22) 72%, rgba(0,0,0,.05) 100%),
      linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.05) 50%, rgba(0,0,0,.70) 100%),
      url('../images/hero/hero-bg.png');
    background-size:auto 100%;
    background-position:64% center;
  }

  .hero-inner{
    min-height:642px;
    align-items:center;
    padding:38px 0 42px;
  }

  .hero-copy{
    max-width:100%;
  }

  .hero h1{
    font-size:42px;
    line-height:1.04;
    margin-bottom:18px;
  }

  .hero p{
    font-size:16px;
    line-height:1.55;
    max-width:92%;
    margin-bottom:28px;
  }

  .hero-benefits{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    margin-bottom:28px;
    max-width:330px;
  }

  .hero-benefit{
    min-height:auto;
    border-right:0;
    padding-right:0;
    margin-right:0;
    gap:14px;
  }

  .benefit-icon,
  .benefit-icon svg{
    width:42px;
    height:42px;
    flex-basis:42px;
  }

  .hero-benefit strong{
    font-size:14px;
  }

  .hero-cta{
    width:100%;
    max-width:310px;
    height:58px;
  }

  .process{
    padding:42px 0 50px;
  }

  .process h2{
    font-size:25px;
    margin-bottom:30px;
  }

  .process-grid{
    grid-template-columns:1fr;
    gap:28px;
  }

  .process-arrow{
    display:none;
  }

  .process-step p{
    width:100%;
    max-width:260px;
  }

  .routes-benefits{
    padding:52px 0 58px;
  }

  .rb-grid{
    gap:44px;
  }

  .routes-card h2,
  .benefits-card h2{
    font-size:24px;
    line-height:1.15;
  }

  .route-row{
    min-height:auto;
    grid-template-columns:30px minmax(0,1fr) 24px 30px minmax(0,1fr);
    gap:8px;
    padding:16px 0;
  }

  .route-row strong{
    font-size:13px;
    min-width:0;
  }

  .route-row span:nth-last-child(2),
  .route-row b{
    grid-column:1 / -1;
    margin-left:38px;
  }

  .route-row span:nth-last-child(2){
    margin-top:6px;
  }

  .route-row b{
    margin-top:-4px;
  }

  .benefits-card ul{
    gap:16px;
  }

  .benefits-card li{
    align-items:flex-start;
    font-size:15px;
  }

  .reviews{
    padding:52px 0 60px;
  }

  .reviews-title-row{
    padding:0 54px;
    margin-bottom:26px;
  }

  .reviews h2{
    font-size:27px;
    line-height:1.1;
  }

  .reviews-track{
    gap:20px;
  }

  .review-card{
    flex-basis:100%;
    min-height:260px;
    padding:30px 26px;
  }

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

  .reviews-arrow{
    width:40px;
    height:40px;
    font-size:30px;
  }

  .reviews-prev{
    left:0;
  }

  .reviews-next{
    right:0;
  }

  .contact{
    padding:56px 0 62px;
  }

  .contact-grid{
    gap:40px;
  }

  .contact-info h2{
    font-size:36px;
  }

  .contact-info > p{
    font-size:16px;
  }

  .contact-card{
    min-height:78px;
    gap:16px;
    padding:16px 18px;
  }

  .contact-icon{
    width:46px;
    height:46px;
    flex-basis:46px;
  }

  .contact-icon svg{
    width:24px;
    height:24px;
  }

  .contact-card-text{
    padding-left:16px;
  }

  .contact-card-text strong{
    font-size:18px;
    overflow-wrap:anywhere;
  }

  .response-note{
    align-items:flex-start;
  }

  .contact-form{
    grid-template-columns:1fr;
    padding:22px;
    gap:16px;
  }

  .contact-form label:nth-of-type(1),
  .contact-form label:nth-of-type(2),
  .contact-form label:nth-of-type(3),
  .contact-form label:nth-of-type(4){
    grid-column:1 / -1;
  }

  .contact-form input,
  .contact-form textarea{
    padding:15px 16px;
    font-size:14px;
  }

  .contact-form button{
    height:56px;
  }

  .footer{
    padding:48px 0 0;
  }

  .footer-grid{
    gap:36px;
    padding-bottom:42px;
  }

  .footer-brand img{
    width:150px;
  }

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

  .footer-info-row{
    align-items:flex-start;
  }

  .footer-bottom{
    min-height:56px;
    padding:0 18px;
  }
}

@media (max-width: 480px){
  .page-wrap,
  .routes-benefits .page-wrap{
    width:calc(100% - 28px);
  }

  .brand,
  .brand img{
    width:146px;
  }

  .hero{
    min-height:690px;
  }

  .hero-bg{
    background-position:67% center;
  }

  .hero-inner{
    min-height:612px;
    padding:34px 0 38px;
  }

  .hero h1{
    font-size:35px;
    letter-spacing:-.04em;
  }

  .hero p{
    max-width:100%;
    font-size:15px;
  }

  .hero-benefits{
    max-width:100%;
  }

  .hero-cta{
    max-width:100%;
  }

  .process h2,
  .routes-card h2,
  .benefits-card h2,
  .reviews h2{
    font-size:23px;
  }

  .route-row{
    grid-template-columns:28px minmax(0,1fr) 22px 28px minmax(0,1fr);
  }

  .flag{
    width:28px;
    height:19px;
  }

  .route-row strong{
    font-size:12px;
  }

  .route-row span:not(.route-arrow),
  .route-row b{
    font-size:13px;
  }

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

  .reviews-title-row{
    padding:0 48px;
  }

  .review-card{
    min-height:275px;
    padding:28px 22px;
  }

  .stars{
    letter-spacing:4px;
  }

  .contact-info h2{
    font-size:32px;
  }

  .contact-card{
    align-items:flex-start;
  }

  .contact-card-text strong{
    font-size:16px;
  }

  .contact-form{
    padding:18px;
  }

  .footer h3{
    font-size:14px;
  }

  .socials a{
    width:38px;
    height:38px;
  }
}

@media (max-width: 380px){
  .hero h1{
    font-size:31px;
  }

  .hero-benefit strong{
    font-size:13px;
  }

  .contact-card{
    padding:14px;
  }

  .contact-card-text{
    padding-left:12px;
  }
}
/* =========================================================
   MOBILE FIX — center + no horizontal overflow
   DĖTI PAČIOJE responsive.css APAČIOJE
   Desktop neliečiamas, nes veikia tik iki 760px.
========================================================= */

@media (max-width: 760px){
  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  *,
  *::before,
  *::after{
    max-width:100%;
  }

  .site-header,
  .hero,
  .process,
  .routes-benefits,
  .reviews,
  .contact,
  .footer{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  .page-wrap,
  .routes-benefits .page-wrap{
    width:calc(100% - 32px) !important;
    max-width:430px;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .site-header{height:82px;}
  .header-inner{
    height:82px;
    width:calc(100% - 32px) !important;
    max-width:430px;
    padding:0;
  }
  .brand,
  .brand img{
    width:168px !important;
    max-width:168px;
    height:auto;
  }
  .menu-toggle{
    width:46px;
    height:46px;
    flex:0 0 46px;
  }
  .mobile-nav{
    top:82px;
    left:0;
    right:0;
    width:100%;
    max-width:100%;
    padding:14px 16px 22px;
  }

  .hero{
    height:auto !important;
    min-height:0 !important;
    padding-top:82px;
  }
  .hero-bg{
    top:82px;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:auto !important;
    background-size:auto 100%;
    background-position:64% center;
  }
  .hero-inner{
    min-height:0 !important;
    width:calc(100% - 32px) !important;
    max-width:430px;
    padding:34px 0 46px;
    align-items:flex-start;
  }
  .hero-copy{
    width:100%;
    max-width:100% !important;
    min-width:0;
  }
  .hero h1{
    width:100%;
    max-width:100%;
    font-size:clamp(28px, 8.2vw, 36px) !important;
    line-height:1.06;
    letter-spacing:-.035em;
    margin-bottom:18px;
    overflow-wrap:normal;
  }
  .hero p{
    max-width:100%;
    font-size:15.5px;
    line-height:1.55;
    margin-bottom:26px;
  }
  .hero-benefits{
    width:100%;
    max-width:330px;
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    margin-bottom:28px;
  }
  .hero-benefit{
    width:100%;
    min-width:0;
    border-right:0;
    padding-right:0;
    margin-right:0;
    gap:14px;
  }
  .benefit-icon,
  .benefit-icon svg{
    width:42px;
    height:42px;
    flex:0 0 42px;
  }
  .hero-benefit strong{
    font-size:14px;
    line-height:1.15;
  }
  .hero-cta{
    width:100%;
    max-width:300px;
    height:56px;
    display:flex;
    margin:0;
    position:relative;
    z-index:3;
    font-size:14px;
  }

  .process{padding:42px 0 50px;}
  .process .page-wrap{
    width:calc(100% - 32px) !important;
    max-width:430px;
  }
  .process h2{
    font-size:24px;
    line-height:1.15;
    margin-bottom:34px;
  }
  .process-grid{
    width:100%;
    grid-template-columns:1fr !important;
    justify-items:center;
    gap:36px;
  }
  .process-step{
    width:100%;
    max-width:320px;
    margin:0 auto;
  }
  .process-step h3{
    font-size:16px;
    line-height:1.25;
  }
  .process-step p{
    width:100%;
    max-width:280px;
    font-size:15px;
  }
  .process-arrow{display:none !important;}

  .routes-benefits{padding:56px 0 64px;}
  .rb-grid{
    width:100%;
    grid-template-columns:1fr !important;
    gap:48px;
    justify-items:center;
  }
  .routes-card,
  .benefits-card{
    width:100%;
    max-width:430px;
    padding-right:0 !important;
    border-right:0 !important;
  }
  .routes-card h2,
  .benefits-card h2{
    width:100%;
    text-align:left;
    font-size:clamp(24px, 8vw, 34px);
    line-height:1.12;
    margin-bottom:28px;
  }
  .route-row{
    width:100%;
    max-width:100%;
    min-width:0;
    grid-template-columns:30px minmax(0,1fr) 24px 30px minmax(0,1fr) !important;
    gap:8px;
    padding:18px 0;
    overflow:hidden;
  }
  .route-row strong,
  .route-row span,
  .route-row b{
    min-width:0;
    max-width:100%;
    overflow-wrap:break-word;
  }
  .route-row strong{
    font-size:13px;
    line-height:1.15;
  }
  .route-row span:nth-last-child(2),
  .route-row b{
    grid-column:2 / -1;
    margin-left:0 !important;
    text-align:left;
  }
  .route-row span:nth-last-child(2){margin-top:6px;}
  .route-row b{margin-top:-4px;}
  .benefits-card ul{
    width:100%;
    gap:18px;
  }
  .benefits-card li{
    width:100%;
    min-width:0;
    align-items:flex-start;
    font-size:16px;
    line-height:1.35;
  }
  .benefits-card li i{margin-top:1px;}

  .reviews{padding:52px 0 62px;}
  .reviews .page-wrap{
    width:calc(100% - 32px) !important;
    max-width:430px;
  }
  .reviews-title-row{
    width:100%;
    padding:0 50px;
    margin-bottom:28px;
  }
  .reviews h2{
    font-size:clamp(26px, 8vw, 34px);
    line-height:1.1;
  }
  .reviews-viewport{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }
  .reviews-track{gap:20px;}
  .review-card{
    flex:0 0 100% !important;
    max-width:100%;
    min-height:auto;
    padding:30px 26px;
  }
  .review-card p{
    font-size:14.5px;
    line-height:1.65;
  }
  .reviews-prev{left:0;}
  .reviews-next{right:0;}

  .contact .page-wrap{
    width:calc(100% - 32px) !important;
    max-width:430px;
  }
  .contact-grid{
    width:100%;
    grid-template-columns:1fr !important;
    gap:40px;
  }
  .contact-info,
  .contact-info > p,
  .contact-cards,
  .response-note,
  .contact-form{
    width:100%;
    max-width:100%;
  }
  .contact-form{grid-template-columns:1fr !important;}
  .contact-form label{grid-column:1 / -1 !important;}
  .contact-card-text strong{overflow-wrap:anywhere;}

  .footer .page-wrap{
    width:calc(100% - 32px) !important;
    max-width:430px;
  }
  .footer-grid{
    grid-template-columns:1fr !important;
    gap:36px;
  }
}

@media (max-width: 430px){
  .page-wrap,
  .routes-benefits .page-wrap,
  .process .page-wrap,
  .reviews .page-wrap,
  .contact .page-wrap,
  .footer .page-wrap,
  .header-inner{
    width:calc(100% - 28px) !important;
  }

  .hero h1{
    font-size:clamp(27px, 7.7vw, 32px) !important;
  }
  .hero p{font-size:15px;}
  .route-row{
    grid-template-columns:28px minmax(0,1fr) 20px 28px minmax(0,1fr) !important;
    gap:7px;
  }
  .route-row strong{font-size:12px;}
  .flag{
    width:28px;
    height:19px;
  }
}

@media (max-width: 360px){
  .brand,
  .brand img{width:138px !important;}
  .menu-toggle{
    width:42px;
    height:42px;
  }
  .hero h1{font-size:26px !important;}
  .hero-cta{max-width:100%;}
  .route-row strong{font-size:11px;}
  .contact-card{padding:14px;}
}

/* =========================================================
   MOBILE ROUTES SECTION FIX — estetiškesnis maršrutų blokas
   Tik mobiliai versijai. Desktop nekeičiamas.
========================================================= */

@media (max-width: 760px){
  .routes-benefits{
    padding:64px 0 70px !important;
  }

  .routes-benefits .page-wrap{
    width:calc(100% - 32px) !important;
    max-width:430px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .rb-grid{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:56px !important;
    justify-items:center !important;
  }

  .routes-card{
    width:100% !important;
    max-width:390px !important;
    margin:0 auto !important;
    padding-right:0 !important;
    border-right:0 !important;
  }

  .routes-card h2{
    text-align:center !important;
    font-size:clamp(31px, 9.2vw, 40px) !important;
    line-height:1.05 !important;
    letter-spacing:-.045em !important;
    margin:0 auto 38px !important;
  }

  .routes-card h2 span{
    display:block !important;
  }

  .route-row{
    width:100% !important;
    max-width:390px !important;
    margin:0 auto !important;
    min-height:0 !important;
    padding:23px 0 25px !important;
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) 34px 36px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:10px !important;
    row-gap:14px !important;
    align-items:center !important;
    overflow:visible !important;
    border-bottom:1px solid rgba(255,255,255,.17) !important;
  }

  .route-row:last-child{
    border-bottom:0 !important;
  }

  .route-row .flag{
    width:34px !important;
    height:23px !important;
    border-radius:4px !important;
    align-self:center !important;
  }

  .route-row strong{
    font-size:clamp(14px, 4.25vw, 18px) !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    letter-spacing:-.035em !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }

  .route-row .route-arrow{
    font-size:25px !important;
    line-height:1 !important;
    justify-self:center !important;
    color:#fff !important;
  }

  .route-row > span:nth-last-child(2){
    grid-column:1 / 4 !important;
    grid-row:2 !important;
    margin:0 !important;
    padding-left:46px !important;
    justify-self:start !important;
    text-align:left !important;
    font-size:clamp(15px, 4.8vw, 20px) !important;
    line-height:1.15 !important;
    color:#fff !important;
  }

  .route-row > b{
    grid-column:4 / -1 !important;
    grid-row:2 !important;
    margin:0 !important;
    justify-self:start !important;
    text-align:left !important;
    font-size:clamp(16px, 5vw, 21px) !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
    color:var(--red) !important;
  }

  .benefits-card{
    width:100% !important;
    max-width:390px !important;
    margin:0 auto !important;
  }

  .benefits-card h2{
    text-align:center !important;
    font-size:clamp(30px, 8.8vw, 38px) !important;
    line-height:1.08 !important;
    margin-bottom:34px !important;
  }

  .benefits-card h2 span{
    display:block !important;
  }

  .benefits-card ul{
    max-width:360px !important;
    margin:0 auto !important;
  }
}

@media (max-width: 380px){
  .routes-card,
  .benefits-card{
    max-width:100% !important;
  }

  .route-row{
    grid-template-columns:31px minmax(0,1fr) 26px 31px minmax(0,1fr) !important;
    column-gap:8px !important;
    row-gap:12px !important;
    padding:21px 0 23px !important;
  }

  .route-row .flag{
    width:30px !important;
    height:20px !important;
  }

  .route-row strong{
    font-size:12.2px !important;
    letter-spacing:-.045em !important;
  }

  .route-row .route-arrow{
    font-size:22px !important;
  }

  .route-row > span:nth-last-child(2){
    padding-left:39px !important;
    font-size:15px !important;
  }

  .route-row > b{
    font-size:16px !important;
  }
}


/* =========================================================
   MOBILE NAV DROPDOWN FIX
   Dėti pačioje css/responsive.css apačioje.
   Desktop neliečiamas — veikia tik iki 1100px.
========================================================= */

@media (max-width: 1100px){
  .site-header{
    overflow:visible !important;
  }

  .mobile-nav{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:84px !important;
    width:100vw !important;
    max-width:none !important;
    padding:10px 18px 18px !important;
    background:rgba(3,3,3,.98) !important;
    border-top:1px solid rgba(255,255,255,.06) !important;
    border-bottom:1px solid rgba(223,22,29,.65) !important;
    box-shadow:0 24px 40px rgba(0,0,0,.45) !important;
    z-index:5000 !important;

    display:block !important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px);
    transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
  }

  .mobile-nav.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }

  .mobile-nav a{
    width:100%;
    max-width:430px;
    min-height:54px;
    margin:0 auto;
    padding:0 4px !important;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    color:#fff !important;
    font-size:15px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.02em;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }

  .mobile-nav a::after{
    content:"→";
    color:var(--red);
    font-size:20px;
    line-height:1;
  }

  .mobile-nav a:last-child{
    border-bottom:0 !important;
  }
}

@media (max-width: 760px){
  .mobile-nav{
    top:82px !important;
    padding:10px 16px 18px !important;
  }
}

@media (max-width: 380px){
  .mobile-nav a{
    min-height:50px;
    font-size:14px;
  }
}