@media(max-width:1470px){
    .home-hero{
        margin: 0 20px;
    }
    .scy-insights .scy-card{
        padding: 50px 40px 50px 50px;
    }
    .scy-label{
        margin-right: 90px;
    }
    .scy-heading { max-width: 100%; width: auto; margin: 0 auto 0 0;}
    .scy-why-wrap{padding: 40px 25px 25px 25px;}
    .sec-glossery-nav{padding: 80px 0 0;}
    .sec-gloserry-block{padding: 80px 0;}
}

@media(max-width:1350px){
    .scy-services-grid .scy-grid{
        gap: 15px;
    }
    .scy-image-wrap:after{
        top: -40px;
        right: -40px;
    }
    .scy-about-reverse .scy-about-image{margin-right: 40px;}
    .sec-glossery-nav{padding: 60px 0 0;}
    .sec-gloserry-block{padding: 60px 0;}

}

@media(max-width:1270px){
    .sec-glossery-nav{padding: 50px 0 0;}
    .sec-gloserry-block{padding: 50px 0;}
    .header{padding: 20px 0;}
    .logoLeft { max-width: 180px; }
    ul.menu li a{font-weight: 400; font-size: 16px;}
    .scy-services-wrapper{
        padding: 30px 40px;
        gap: 20px;
    }
    .scy-megamenu:after{top: 80px;}
    .home-hero h1{line-height: 1.3;}
    .home-hero { height: 590px; }
    .scy-insights .scy-card {
        padding: 30px 30px 30px 30px;
        min-height: 300px;
    }
    .scy-grid .scy-card:first-child .scy-icon, .scy-grid .scy-card:last-child .scy-icon {
        margin-bottom: 30px;
    }
    .scy-grid .scy-card:first-child, .scy-grid .scy-card:last-child {
        padding-bottom: 30px;
    }

    .scy-insights h3 { font-size: 26px;}
    .scy-label { margin-right: 50px; }
    .scy-blog-content{
        padding-right: 20px;
    }
    .scy-blog-feature h3, .scy-blog-text h4 { font-size: 28px; }
    .scy-blog-text h4 { font-size: 18px; }
    .scy-blog-text p {
        margin: 0;
        line-height: 1.3;
        font-size: 15px;
    }
    .scy-blog-text { padding: 0 0 0 20px; }
    .scy-faq-grid{
        gap: 80px;
    }
    .scy-faq-question{
        padding: 20px 20px;
    }

    .footer-column h3{
        padding: 25px 0;
        font-size: 24px;
        padding-left: 20px;
    }
    .footer-column ul{
        padding-left: 20px;
    }
    .scy-blog-header{flex-wrap: nowrap;}
    .scy-heading br{display: none;}
    :root {
        --gap: 50px;
    }
    .gn-search, #gn-search-field{height: 55px;}
    #gn-search-field::placeholder{font-size: 16px;}
}

@media(max-width:1070px){
    .home-hero h1 { font-size: 50px; }
    .home-hero { height: 500px;}
    .about-text {font-size: 28px; line-height: 1.6;}
    .about-tag{margin-bottom: 40px;}
    .scy-about-content h2 { font-size: 24px;}
    .scy-about-subgrid{gap: 20px;}
    .scy-about-content p{margin-bottom: 20px;}
    .scy-heading{font-size: 28px;}
}
@media(max-width:1024px){
    .sec-glossery-nav{padding: 40px 0 0;}
    .sec-gloserry-block{padding: 40px 0;}
    .alphabet-filter{
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        gap: 20px;
        align-items: center;
        margin: 60px 0 40px;
    }
    .alphabet-filter a {display: flex; align-items: center; justify-content: center;}
    .sgb-letter{font-size: 55px;}
    .sgb-item a{font-size: 25px;}

}

@media(max-width:1000px){
    .scy-megamenu{display: none;}
    .navbar-headBox{display: flex; padding: 0 20px; justify-content: space-between; padding-right: 100px;}
    .mean-container .mean-bar{
        background: none;
        padding: 0;
        min-height: 0;
    }
    .mean-container .mean-nav{margin-top: 0; position: absolute; top: 15px;}
    .mean-container a.meanmenu-reveal{
        top: -60px;
        right: 20px !important;
        border: 1px solid #404040;
        background: #252624;
        border-radius: 3px;
        width: 30px;
        height: 34px;
        padding: 13px 13px 11px;
    }
    .mean-container a.meanmenu-reveal span{
        background: #fff;
        margin-top: 6px;
    }
    .stats-container{
        gap: 0;
    }
    .stat-box h2 { font-size: 48px; }
    .scy-insights .scy-card{padding: 20px}
    .scy-services-grid .scy-grid{grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));}
    .scy-about-grid, .scy-about-reverse .scy-about-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
          "image"
          "text"; /* image above text */
        gap: 40px;
    }
    .scy-about-content { max-width: 100%; }
    .scy-about-content p, .scy-about-content h2, .scy-about-box{max-width: 100%}
    .scy-about-reverse .scy-about-image { margin-left: 0; }
    .scy-blog-header {
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 15px;
    }

    .scy-heading{margin: 0}
    .scy-label {
        margin-right: 0;
    }
    .scy-blog-feature h3, .scy-blog-text h4 {
        font-size: 18px;
    }
    .scy-blog-feature p {
        color: #B5B5B5;
        font-size: 15px;
        line-height: 1.3;
    }
    .scy-blog-category{margin: 0 0 10px}
    .scy-cta h2{line-height: 1.2;}
    .btn-secondary{margin-top: 15px;}
    .scy-faq-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .scy-blog-feature{gap: 20px;}
    .footer-container{
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    }
    .footer-column{padding-bottom: 0;}

    .scylla-container {
        padding: 0 20px 50px;
        align-items: flex-end;
        min-height: 320px;
    }
    .scylla-banner{
        background-size: cover;
    }
    .scy-about-reverse .scy-about-image {
        margin-right: 0;
    }
    .scy-change {
        padding: 20px;
        margin: 0 20px var(--gap);
    }
    .scy-change .container{padding: 0}
    .scy-change h2 {font-size: 34px;}

    .main-menu{display: none;}
    .meanopen .header {
        padding: 15px 0;
        position: fixed;
        z-index: 99999999;
        width: 100%;
        background: #000;
        top: 0;
        height: 100vh;
    }
    ul.menu li a{
        font-size: 14px;
    }
    .meanopen .logoLeft {
        max-width: 130px;
    }
    .mean-container .mean-nav ul li a.mean-expand{
        height: 30px;
        padding: 10px !important;
        background: none;      
    }
    .meanopen .mean-container a.meanmenu-reveal{
        background: none;
        border: none;
        top: -40px;
    }
    .mean-container .mean-nav{background: #000; max-height: 80vh; overflow: auto;}
    .mean-container .mean-nav ul li a.mean-expand:after{
        content: url(../icons/down-arrow.svg);
        top: 0;
        position: absolute;
        z-index: 9999999999;
        right: 0;
        width: 20px;
        height: 20px;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .mean-container .mean-nav ul li a.mean-clicked:after{
        transform: rotate(-180deg);
    }
    .mean-container .mean-nav ul li a.mean-clicked{
        background: #141414 !important;
    }
    .mobile-bottom{display: flex; align-items: center;}
    .mobile-bottom ul{margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; gap: 10px}
    .mobile-bottom ul a{display: block;}
    .mobile-bottom path{fill: #fff;}
    .mobile-bottom ul svg{width: 25px; height: 25px; vertical-align: top;}
    .meanopen .mobile-bottom {
        display: flex !important;
        position: fixed;
        z-index: 999999;
        bottom: 15px;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        padding: 0 15px;
    }
    .mobile-bottom .btn-secondary{margin: 0; padding: 10px 20px;}
    .btn svg {
        margin: 0px 0 2px 0px;
        vertical-align: middle;
        width: 15px !important;
    }
    .gn-search, #gn-search-field{height: 50px;}


}
@media(max-width:768px){
    #gn-search-field{
        width: 100%;
        padding: 0 60px 0 28px;
    }
    .gn-search{max-width: 100%;}
    .search-icon{left: unset; right: 20px;}
    .alphabet-filter a{font-size: 18px;}
    .alphabet-filter{ grid-template-columns: repeat(7, 1fr); }
    .sgb-letter{font-size: 50px;}
    .sgb-item a{font-size: 22px;}
    .sgb-item p{font-size: 16px;}
    
}
@media(max-width:767px){
    .header-right_button{display: none;}
    .mean-container a.meanmenu-reveal { top: -50px; padding: 8px 13px 15px; height: 25px;}
    .hero-bg{padding: 0 15px}
    .scy-insights .scy-heading {font-size: 38px;}
    .scy-insights .scy-grid {
        column-count: 1;
        gap: 0;
    }
    .scy-services-header h2 { font-size: 30px;}
    .scy-image-wrap:after {
        top: -20px;
        right: -20px;
    }
    .scy-image-wrap{margin-right: 20px}
    .scy-about-subgrid{flex-direction: column;}
    .scy-industries-carousel{padding: 0 15px}
    .scy-blog-feature, .scy-blog-card{
        gap: 20px;
        flex-direction: column;
    }
    .scy-blog-content {
        padding-right: 0;
    }
    .scy-blog-subgrid{
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }

    .scy-blog-text {
        padding: 0;
    }
    .scy-cta-inner{padding: 40px 20px;}
    .scy-cta h2 { font-size: 32px; }
    .footer-column h3{padding-left: 0}
    .footer-column ul {
        padding-left: 0;
    }
    .footer-bottom{padding: 25px 0;}
    .footer-column { border-right: 0; }
    h1.banner-heading {
        font-size: 32px;
    }
    .scy-steps-grid {
        padding: 30px 0;
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }
    .scy-step-card{padding: 20px;}
    .scy-change-tags a{
        padding: 10px 28px;
        font-size: 16px;
    }

    h2 { font-size: 36px; }
    h3 { font-size: 28px; }
    h4 { font-size: 24px; }
    .scy-services-grid .scy-card{padding: 20px; padding-bottom: 20px !important; gap: 15px; flex-direction: column;}
    .mean-container a.meanclose{
        padding: 13px 13px 11px;
    }
    .scy-insights .scy-heading{margin-bottom: 30px;}
    .scy-grid .scy-card:first-child, .scy-grid .scy-card:last-child {padding-bottom: 0;}
    .col-5 {width: 100%;}
    .col-7 {width: 100%;}
    .form-block {padding: 10px!important; margin-top: 25px;}
    .blog .scy-services-grid .scy-grid {grid-template-columns: 1fr!important; display: flex; flex-direction: column;}
    .blog .scy-fi {flex: 0 0 100%; max-width: 100%; height: 200px;}
    .blog .scy-fi a {display: block !important;	height: 197px !important;}
}

@media(max-width:600px){
    #gn-search-field{ padding: 0 60px 0 20px;}
    .search-icon{right: 12px;}
    .divider{display: none;}
    .about-section{padding-left: 0; padding-right: 0}
    .stats-container {
        gap: 20px;
        justify-content: space-around;
        text-align: center;
        flex-direction: column;
    }
    .about-text, .about-container p{
        font-size: 20px;
        line-height: 1.5;
    }
    .about-text img, .about-container img{display: none}

    .home-hero h1 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .home-hero .btn{
        margin-top: 10px;
    }
    .home-hero {
        height: 415px;
    }
    .scylla-container{
        min-height: 250px;
    }
    .scylla-banner {
        background-position: top right -100px;
    }
    h1, h2, h3, h4, h5, h6{line-height: 1.3}
    .scy-why-wrap {
        padding: 20px;
        min-height: 0;
    }
    .scy-faq-info h2{
        font-size: 38px;
    }
    .scy-faq-question {
        padding: 15px;
        font-size: 17px;
        line-height: 1.4;
    }
    .scy-faq-question i{margin-right: 15px;}
    .scy-why-wrap svg {
        margin-bottom: 20px;
    }
    .scy-blog-header{margin-bottom: 30px;}
}

@media(max-width:500px){
    .alphabet-filter{
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
    }

}