/* ================= 1200px ================= */
@media (max-width:1200px){

.container{
width:95%;
}

}


/* ================= 992px (Tablet) ================= */
@media (max-width:992px){

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

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

h2{
font-size:20px;
}

.scientists-grid{
grid-template-columns:1fr;
}

.scientist-image img{
height:260px;
}

.scientist-detail-flex{
flex-direction:column;
}

.scientist-detail-image img{
width:100%;
}

.search-controls{
flex-direction:column;
}

.search-controls input,
.search-controls select,
.search-btn{
width:100%;
}

.hero-section{
position:relative;
padding:55px 0 100px 0;
background:url(../img/manshet_bg.avif) center / cover no-repeat;
overflow:hidden;
color:#fff;
}

.search-panel{
top:100%;
position:absolute;
}

.search-box{
width:90%;
}


/* NAV */

.desktop-nav{
display:none!important;
}

.main-nav ul{
flex-wrap:wrap;
gap:15px;
}


/* HERO */

.hero-slide{
display:flex;
flex-direction:column;
text-align:center;
gap:25px;
}

.hero-slider{
overflow:visible;
}

.hero-slide img{
width:100%;
height:260px;
object-fit:cover;
border-radius:15px;
}

.hero-slide-content{
width:100%;
margin-bottom:0;
}

.hero-slide h2{
font-size:24px;
line-height:1.4;
}

span.mansht_text{
font-size:15px;
line-height:1.6;
}

/* ARROWS FIX */

.hero-arrows{
position:absolute;
right:10px;
bottom:-35px;
transform:none!important;
gap:6px;
}

.hero-prev,
.hero-next{
width:28px;
height:28px;
font-size:12px;
}

.hero-dots{
right:50%;
transform:translateX(50%);
display:none;
}


/* REVIEWS */

.review-card{
flex-direction:column;
text-align:center;
padding:40px 25px;
}

.review-card::before{
font-size:90px;
left:20px;
top:10px;
}

.review-slide{
padding:0 20px;
}

.review-card img{
width:140px;
height:140px;
}
.review-card p{
display:-webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient:vertical;
overflow:hidden;
}


/* SERVICES */

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


/* PRODUCTS */

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


/* NEWS */

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


/* ADVANTAGES */

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


/* PROTOTYPE */

.prototype-flex{
flex-direction:column;
text-align:center;
}

.prototype-text h2{
text-align:center;
}


/* FOOTER */

.footer-grid{
grid-template-columns:1fr;
text-align:center;
}

.footer-social{
justify-content:center;
}

.footer-bottom-inner{
flex-direction:column;
gap:10px;
text-align:center;
}

.mobile-toggle{
display:block;
}


/* ABOUT */

.inner-hero{
padding:90px 0 70px;
}

.inner-hero h1{
font-size:30px;
}

.about-gallery{
grid-template-columns:1fr;
}

.about-review{
flex-direction:column;
text-align:center;
padding:40px 25px;
}

.about-review img{
width:130px;
height:130px;
}

}



/* ================= 768px (Mobile) ================= */

@media (max-width:768px){

.error-code{
font-size:80px;
}

.error-title{
font-size:22px;
}

.error-buttons{
flex-direction:column;
}

.adv-icon{
position:relative;
top:auto;
left:auto;
margin:-35px auto 20px;
}

.adv-content{
padding:20px;
text-align:center;
}


/* HEADER */

.header-flex{display:flex;justify-content:space-between;align-items:center;gap: 5px;}

.brand img{height: 57px;}

.site-title{font-size: 15px;max-width:170px;line-height:1.3;}


/* LANG */

.lang-switch{
display:flex;
gap:6px;
font-size:12px;
}

.lang-item{
font-size:12px;
opacity:0.8;
}

.lang-item.active{
border-bottom:1px solid #fff;
}


/* ICONS */

.header-actions{
gap:12px;
}

.search-icon{
font-size:15px;
}

.mobile-toggle{font-size: 24px;display:block;}


/* SEARCH */

.search-panel{
top:100%;
}

.search-panel.active{
padding:12px 0;
}

.search-box{
width:85%;
border-radius:15px;
}

.search-box input{
padding:9px 15px;
font-size:12px;
}

.search-close{
padding:0 15px;
font-size:16px;
}


/* HERO FIX */

.hero-section{
padding:20px 0;
margin-top:0;
}

.hero-slide{
display:flex;
flex-direction:row;
align-items:center;
gap:12px;
padding:0 15px;
}

.hero-slide img{
width:40%;
max-width:160px;
height:160px;
object-fit:cover;
border-radius:15px;
}

.hero-slide-content{
width:60%;
text-align:left!important;
}

.hero-slide h2{font-size: 17px;line-height: 1.4;}

.mansht_text{
display:none;
}

.hero-arrows{bottom: 0px;right: -37px;}

.hero-prev,
.hero-next{
width:26px;
height:26px;
font-size:12px;
}


/* GRIDS */

.services-grid,
.products-grid,
.news-grid,
.advantages-grid{
grid-template-columns:1fr;
}


/* PARTNERS */

.partners-grid{
gap:20px;
}

.partners-grid img{
height:60px;
}


/* FOOTER */

.footer-grid{
grid-template-columns:1fr;
text-align:center;
}

}


/* ================= 600px ================= */

@media (max-width:600px){

.pagination{
gap:8px;
}

.photo-grid{
grid-template-columns:1fr;
}

.detail-title{
font-size:22px;
}

.page-number,
.page-btn{
width:36px;
height:36px;
font-size:13px;
}

.gallery-grid{
grid-template-columns:1fr;
gap:30px;
}

.gallery-image img{
height:220px;
}

.news-grid{
grid-template-columns:1fr;
}

}


/* ================= 480px ================= */

@media (max-width:480px){

.hero-section{
height:auto;
}

.hero-slide{display:flex;align-items:flex-start;gap: 7px;text-decoration:none;}

/* ŞƏKİL */

.hero-slide img{
width:180px;
height:220px;
object-fit:cover;
border-radius:16px;
flex-shrink:0;
}

/* TEXT */

.hero-slide-content{
display:flex;
flex-direction:column;
align-items:flex-start;
margin-left:10px;
}

.hero-slide h2{margin:0;font-size: 18px;line-height: 1.4;text-align:left;}

/* əlavə text */

.mansht_text{
font-size:14px;
margin-top:6px;
}

/* OXLAR */

.hero-arrows{display:flex;margin-top: 7px;margin-left: 22px; /* text altına gətirir */}

.hero-prev,
.hero-next{width: 34px;height:34px;border-radius:50%;background:#2f5f8f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;}

.hero-dots{
display:none;
}

.product-card img{
height:180px;
}

.adv-card img{
height:150px;
}

.inner-hero{
padding:45px 0 35px;
}

.inner-hero h1{
font-size:18px;
}

.scientist-detail {
    padding: 20px 0;
    background: #ffffff;
}

.scientist-detail-content h2 {
    margin-bottom: 25px;
    color: #1f4a7c;
    text-align: left;
    border-bottom: 1px solid #e2e6ee;
    margin-bottom: 30px;
    padding-bottom: 15px;
	line-height: 1.4;
    font-size: 28px;
}

.reviews-section {
    background: #ffffff;
    padding: 40px 0 50px 0;
}

.reviews-section h2 {
    text-align: center;
    margin-bottom: 35px;
    color: #1f4a7c;
}

.services-section {
    padding: 50px 0 75px 0;
    background: #eef2f7;
}

.services-section h2 {
    text-align: center;
    margin-bottom: 35px;
    color: #1f4a7c;
}

.products-section {
    padding: 45px 0 75px 0;
    background: linear-gradient(to bottom, #ffffff 0%, #f4f6f9 100%);
}

.products-section h2 {
    text-align: center;
    margin-bottom: 35px;
    color: #1f4a7c;
}

.news-section h2 {
    text-align: center;
    margin-bottom: 45px;
    color: #ffffff;
    position: relative;
    z-index: 2;
}

.news-section {
    position: relative;
    padding: 50px 0 90px 0;
    overflow: hidden;
    background: none;
}

.advantages-section h2 {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: #1f4a7c;
    margin-bottom: 40px;
}

.advantages-section {
    padding: 45px 0 60px 0;
    background: #f3f5f9;
}

.footer-brand h4 {
    margin-bottom: 0px !important;
    font-size: 25px;
    line-height: 1.3;
    color: #fff;
    font-size: 21px !important;
    text-align: left;
}

.hero-section {
        padding: 60px 0;
        margin-top: 0;
    }
	
.news-detail-section {
    padding: 50px 0 110px;
    background: #f4f6f9;
}

.news-cover-image {
    margin: 30px auto 30px;
    max-width: 850px;
}

.about-section {
    padding: 50px 0;
    background: #ffffff;
}

.product-detail-section {
        padding: 50px 0 70px;
    }

.detail-section {
    padding: 50px 0 70px;
    background: #f4f6f9;
}

.photogallery_in_title {
    margin-bottom: 20px;
}

.gallery-section {
    padding: 50px 0 110px;
    background: #f4f6f9;
}

.scientist-detail-image {
    margin: 30px auto 0px auto;
}

.review-prev, .review-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #1f4a7c;
    color: #fff;
    border: none;
    cursor: pointer;
    z-index: 5;
    transition: 0.3s;
}

.review-next {
    right: 10px;
}

.review-prev {
    left: 10px;
}

.search-controls input {
    flex: 1;
    height: 55px;
    border-radius: 14px;
    border: 1px solid #e3e8f0;
    padding: 15px 18px;
    font-size: 15px;
    transition: 0.3s;
    background: #f9fbfd;
}

}