/* =============================================================================
  Media Queries
============================================================================== */

@media (max-width: 1100px){
    header.small_sticky{width: 100%;}
    header > .cm-container{ padding: 0 32px;}
    .open header{ overflow: visible; width: 100%; z-index: 9999999999; position: fixed; top: 0px; }
    .open header.small_sticky{ top: 0px; }
    .open .logo{z-index: 1000;}
    header > .mi-container{ padding: 20px 20px; }
    .header-button{ right: 80px; }
    /** Menu **/
    .navigation{display: none}
    .header-res-menu{display: block;z-index: 1000;}
    .humbur{display: block;}
    .navigation {
        display: flex;
		flex-flow: column wrap;
        position: fixed;
        align-items: center;
        width: 100%;
        height: 100vh;
        top: 0;
        left: -100%;
        padding: 120px 40px 60px;
        background: #000;
        justify-content: center;
        z-index: -9999;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
        box-shadow: -2px 0px 20px rgba(0,0,0,0.15);
    }
    .d_hide{display: block}
    .navigation .menu{width:100%; overflow-x:clip; }
    .navigation .menu::-webkit-scrollbar-track{
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
        border-radius: 6px;
        background-color: #F5F5F5;
    }
    .navigation .menu::-webkit-scrollbar{
        width: 5px;
        background-color: #F5F5F5;
    }
    .navigation .menu::-webkit-scrollbar-thumb{
        border-radius: 6px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
        background-color: #bdbdbd;
    }
    .menu > li {
        text-align: left;
        float: none;
    }
    .menu > li > a {
        font-size: 40px;
        line-height: 1.3;
        color: #FFF;
        display: block;
        padding: 0px 0;
        font-weight: 400;
        font-family: 'Span';
    }
    .open .navigation{
        opacity: 1;
        visibility: visible;
        z-index: 999;
        left: 0;
    }
    .menu > li{
        opacity: 0;
        -webkit-transform: translate3d(0px, 20px, 0);
        transform: translate3d(0px, 20px, 0);
        padding: 16px 35px 16px 2px;
        margin: 0;
    }
    .menu > li:first-child{
        padding-top: 0;
    }
    .menu > li:last-child{
        padding-bottom: 0;
    }
    .menu > li:hover > ul{
        -webkit-animation: none;
        animation: none;
        display: none;
    }
    .menu ul.sub-menu {
        position: relative;
        box-shadow: none;
        left: 0;
        top: 0;
        padding: 0;
        transition: initial;
    }
    .menu ul.sub-menu li a {
        padding: 5px 12px;
        font-size: 18px;
    }
    .menu > li > a:hover, .menu > li.active > a {
        color: #e6e6e6;
    }
    header.small_sticky .menu > li > a { color: #FFF; }
    header.small_sticky .menu > li > a:hover { color: #e6e6e6; }
    .menu ul.sub-menu ul {
        padding-left: 10px;
    }
    .menu ul.sub-menu ul li a {
        font-size: 17px;
    }
    .menu > li > ul::after, .menu > li > ul::before{display: none;}
    .menu ul.sub-menu li a.arrow-nav { display: none; }
    .menu > li > a:after{display: none}
    .menu > li > a.arrow-nav {
        display: inline-block;
        width: 36px;
        text-align: center;
        position: absolute;
        padding: 0;
        right: 3px;
        top: 18px;
    }
    .menu-close{display: block;}
    a.arrow-nav i {
        transition: all 0.4s ease;
        display: inline-block;
    }
    a.arrow-nav.show i {
        transform: rotate(180deg);
    }
    
    ul.menu li {
      opacity: 0;
      -webkit-transform: translate3d(0, 36px, 0);
      transform: translate3d(0, 36px, 0);
    }
    .open ul.menu li {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
      transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
      transition: transform 0.2s ease-out, opacity 0.2s ease-out;
      transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
    }
    .open ul.menu li:nth-child(1) {
      -webkit-transition-delay: 0.65s;
      transition-delay: 0.65s;
    }
    .open ul.menu li:nth-child(2) {
      -webkit-transition-delay: 0.75s;
      transition-delay: 0.75s;
    }
    .open ul.menu li:nth-child(3) {
      -webkit-transition-delay: 0.85s;
      transition-delay: 0.85s;
    }
    .open ul.menu li:nth-child(4) {
      -webkit-transition-delay: 0.95s;
      transition-delay: 0.95s;
    }
    .open ul.menu li:nth-child(5) {
      -webkit-transition-delay: 1.05s;
      transition-delay: 1.05s;
    }
    .open ul.menu li:nth-child(6) {
      -webkit-transition-delay: 1.15s;
      transition-delay: 1.15s;
    }
    .open ul.menu li:nth-child(7) {
      -webkit-transition-delay: 1.25s;
      transition-delay: 1.25s;
    }
    .open ul.menu li:nth-child(8) {
      -webkit-transition-delay: 1.35s;
      transition-delay: 1.35s;
    }
    .open ul.menu li:nth-child(9) {
      -webkit-transition-delay: 1.45s;
      transition-delay: 1.45s;
    }
    .open ul.menu li:nth-child(10) {
      -webkit-transition-delay: 1.55s;
      transition-delay: 1.55s;
    }
	.mobile-menu-list {width: 100%; /*height: calc(100vh - 200px); margin-bottom: 50px;*/}
	.hdr-terms.fot-terms-links {display: block; padding-left: 0; width: calc(100% - 80px); position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 9;}
	.hdr-terms.fot-terms-links ul {flex-flow: column wrap; gap: 12px;}
    .innerdefault_page_s, .inner_page_sec{ padding-top: 80px;}
    
}

@media screen and (min-width: 320px){
    .ban-content{ max-width: 360px; text-align: left; left: 20px; transform: translate(0%, 0%); top: auto; bottom: 20px;}
    .ban-content h2{ font-size: 48px; }
    .ban-content span{ text-transform: capitalize; }
    .kb-about-content { width: 100%; }
    .kb-about-image { width: 100%; padding-bottom: 24px; }
    .kb-about-image img { width: 100%; }
    
    /**** Inner pages ****/
    .ban-tag p, .kb-title-lg{ font-size: 36px; }
    .abt-content-col{ padding-right: 0px;}
    .partner-wrap .partners{ column-count: 1;}
    
}
@media screen and (min-width: 768px){
    
    .ban-content{ max-width:720px;text-align:center; left:50%;top:calc(50% + 20px); transform:translate(-50%, -50%); bottom: auto; }
    .ban-content h2{ font-size: 56px; }
    
    .ban-tag p, .kb-title-lg{ font-size: 40px; }
    .partner-wrap .partners{ column-count: 2;}
    
}
@media screen and (min-width: 990px){
    .ban-content{ max-width:780px; }
    
    /*** Inner style ***/
    .ban-tag p, .kb-title-lg{ font-size: 44px; }
    .footer-wrap { flex-direction: row;}
    .abt-content-col{ padding-right: 40px;}
}
@media screen and (min-width: 1081px){
    .kb-about-content { width: calc(50% - 46px); }
    .kb-about-image { width: calc(50% - 46px); padding: 0; }
}
@media screen and (min-width: 1280px){
    .ban-content h2{ font-size: 60px; }
    
    /*** Inner style ***/
    .ban-tag p, .kb-title-lg{ font-size: 48px; }
    .abt-content-col{ padding-right: 80px;}
    .partner-wrap .partners{ column-count: 3;}
    .our-values-img { padding-right: 80px; }
    
}
@media screen and (min-width: 1440px){
    .ban-content{ max-width:780px; }
    .ban-content h2{ font-size: 60px; }
    .menu > li > a{font-size: 19px}
    
    /**** Inner pages ****/
    .proj-ban-content { max-width: 67.5%; }
    .ban-tag p, .kb-title-lg{ font-size: 52px; }
    .abt-content-col{ padding-right: 124px;}
    .partner-wrap .partners{ column-count: 4;}
    .our-values-img { padding-right: 100px; }
}
@media screen and (min-width: 1600px){
    .proj-ban-content { max-width: 62.5%; }
    .ban-tag p{ font-size: 56px; }
    .our-values-img { padding-right: 60px; }
}
@media screen and (min-width: 1800px){ 
    .ban-content{ max-width:860px; }
    .ban-content h2{ font-size: 60px; }
    /**** Inner pages ****/
    .proj-ban-content { max-width: 62.5%; }
    .ban-tag p{ font-size: 60px; }
    .kb-title-lg{ font-size: 64px; }
    .abt-content-col{ padding-right: 156px;}
    .ctp-cols.wp-block-columns > .ctp-col2 {max-width: 55%; flex-basis: 55%; }
    .our-values-img { padding-right: 40px; }
}
@media screen and (min-width: 2020px){ 
    .ban-content{ max-width:1000px; }
    .ban-content h2{ font-size: 60px; }
    .kb-hm-news-item { flex: 1 1 calc(25% - 25.667px); }
    /**** Inner pages ****/
    .partner-wrap .partners{ column-count: 5;}
    .proj-ban-content { max-width: 52.5%; }
    .ban-tag p{ font-size: 64px; }
}

@media screen and (max-width: 1279px){
    .kb-projects-section .kb-proj-flex .kb-proj-item {flex: 1 1 calc(33.33% - 21.3334px) !important;}
    .kb-projects-section .kb-proj-flex:has(.kb-proj-item:nth-child(3n+2):last-child) .kb-proj-item:nth-child(1),
    .kb-projects-section .kb-proj-flex:has(.kb-proj-item:nth-child(3n+2):last-child) .kb-proj-item:nth-child(2){
        flex: 1 1 calc(50% - 16px) !important;
    }
    .kb-projects-section .kb-proj-flex:has(.kb-proj-item:nth-child(3n+1):last-child) .kb-proj-item:nth-child(1){
        flex: 1 1 100% !important;
    }
    .kb-projects-section .kb-proj-flex:has(.kb-proj-item:nth-child(3n+1):last-child) .kb-proj-item:nth-child(1):last-child{ flex: 1 1 calc(50% - 16px) !important; }
    
    .abt-team-flex .abt-team-bx { width: calc(50% - 16px); }
    .proj-single-img-wrap{ padding: 48px 0 0 40px; }
    .our-values-img { padding-right: 60px; }
    
}

@media screen and (max-width: 991px)
{
	.spacing-lg, .spacing-xl {padding: 60px 0;}
    .font-lg p, .kb-title, .innerdefault_page_s p, .innerdefault_page_s li{ font-size: 30px; }
	
	.kb-projects-section .kb-proj-flex .kb-proj-item {flex: 1 1 calc(50% - 16px) !important;}
    .kb-projects-section .kb-proj-flex:has(.kb-proj-item:nth-child(2n+3):last-child) .kb-proj-item:first-child{ flex: 1 1 100% !important; }
    
	.news-single-wrap {flex-flow: column-reverse wrap; padding: 24px 0 40px;}
	.news-single-wrap .news-single-content, .news-single-wrap .news-single-img {width: calc(100% - 0px);}
	.news-single-wrap .news-single-content {margin-top: 24px;}
	
	.intro-title {max-width: 80%;}
	.related-news-list {padding: 40px 0 0; gap: 40px;}
	.kb-hm-news-item {flex: 1 1 calc(33.33% - 24px); max-width: 100%;}
	
	.ban-tag p {font-size: 36px; line-height:1.2;}
    .fot-top-col.fot-form { width: 35%; margin: -85px 0 0 5%; }
    .our-values-img { padding-right: 20px; }
}

@media screen and (min-width: 768px) and (max-width: 1279px){
    .proj-spec-row .proj-spec-col { width: calc(100% - 0px); }
}
    
@media screen and (min-width: 782px) and (max-width: 990px){
    .abt-team-flex .abt-team-bx { width: 100%; }
}

@media screen and (max-width: 781px)
{
    .kb-container{ padding: 0px 20px; }
    .navigation{ padding: 100px 20px 60px; }
	
	.hdr-terms.fot-terms-links {width: calc(100% - 40px); position: absolute; bottom: 40px;}
    .abt-team-flex .abt-team-bx { width: calc(50% - 16px); }
    .abt-values-grp .wp-block-columns.our-values-cols { margin: 0 0 32px; }
    .our-values-img { padding-right: 0px; }
}

@media screen and (max-width: 767px)
{
	.spacing-lg {padding: 40px 0;}
	.spacing-md, .spacing-xl {padding: 40px 0px;}
    .font-lg p, .kb-title, .innerdefault_page_s p, .innerdefault_page_s li { font-size: 24px; }
	.kb-hm-news-wrap, .kb-projects-wrap {padding: 40px 0 0;}
	.kb-hm-news-wrap .kb-btn-holder, .kb-projects-wrap .kb-btn-holder {margin: 40px 0 0;}
    .innerdefault_page_s{ padding-top: 80px;}
	
	.kb-proj-flex {gap: 40px;}
	.kb-projects-section .kb-proj-flex .kb-proj-item {flex: 0 0 100% !important;}
	
	.projects-legacy-wrap {margin: 40px 0 0;}
	.project-mTab > ul {flex-flow: row wrap; gap: 20px 40px;}
	.project-mTab > ul > li {padding: 0;}
	
	.footer-top {padding: 0;}
	.fot-top-row {padding: 40px 0; flex-flow: column wrap;}
	.footer-bot {padding: 0 0 20px; align-items: flex-end;}
	.fot-top-row .fot-top-col {width: 100%;}
	.fot-top-left > .fot-soc-links, .fot-top-left > .fot-address {display: none;}
	.fot-top-row .fot-top-row {display: block; padding-bottom: 0;}
	.fot-top-col.fot-form {margin-top: 40px; margin-left: 0;}
	.fot-top-row .fot-top-row .fot-soc-links {margin-top: 40px;}
	.fot-form h4.kb-title {margin-bottom: 16px;}
	.fot-form .wpcf7 p input[type="submit"] {line-height: 1.2;}
	.fot-form input[type="submit"] + span + span.btn-icon {top: 12px;}
	.footer-bot-left {flex-flow: column-reverse wrap;}
	.fot-terms-links {padding-left: 0; padding-bottom: 5px;}
	.fot-terms-links ul {gap: 12px;}
	body.page-id-17 .fot-top-col.fot-form {display: none;}
	
	.kb-hm-news-item {flex: 1 1 calc(50% - 24px); max-width: 100%;}
	.intro-title {max-width: 100%;}
	.news-list-wrap {padding: 40px 0 0;}
	
	.legacy-proj-list {gap: 20px;}
	.legacy-proj-list .kb-proj-item {width: calc(50% - 10px);}
	.legacy-proj-bx {flex-flow: column wrap;}
	.legacy-proj-bx .kb-proj-item-img, .legacy-proj-bx .kb-proj-item-content {width: 100%;}
	.projects-page {padding-bottom: 40px;}
    .proj-ban-content{ max-width: 62.5%; }
	
	.proj-single-content, .proj-single-img-wrap {width: 100%;}
	.proj-spec-details {padding: 40px 0;}
    .proj-single-img-wrap { padding: 40px 0 0 0px; }
    .intro-title .title-content p span { display: block; }

}

@media screen and (max-width: 575px){
	.kb-hm-news-item {flex: 1 1 calc(100% - 0px);}
	.kb-hm-news-item a {width: 100%;}
	.kb-hm-news-item-content h4 {margin: 0;}
	.news-list-wrap .kb-hm-news-flex {gap: 40px;}
    
	.abt-team-flex {gap: 40px;}
    .abt-team-flex .abt-team-bx { width: 100%; }
	
	.abt-partners-grp .wp-block-columns {gap: 0 !important;}
	.partner-wrap {padding: 30px 0 0;}
	
	.kb-proj-flex .kb-proj-item {flex: 0 0 calc(100% - 0px) !important;}
	
	.project-mTab > ul {flex-flow: column wrap; gap: 15px;}
    .proj-single-img-wrap { padding: 20px 0 0;}
	.proj-spec-details {gap: 16px; padding: 20px 0; flex-wrap: wrap-reverse;}
	.proj-spec-row::after {display: none;}
	.proj-spec-row {gap: 16px;}
	.proj-spec-row .proj-spec-col {width: calc(100% - 0px);}
}

@media screen and (max-width: 350px){
    .ban-tag p { font-size: 32px; }
}