/*--------------------------------------------------
File     : responsive.css
Domain 	 : ----
Author   : Serhat Zirhli / serhat@trios.com.tr
Date     : 20.12.2019
--------------------------------------------------*/
@media (min-width: 1921px) {
    .landing-slider-caption-image{height: 850px;background-size: 105%;}
}
@media (max-width: 1600px) {
    .main-container { max-width: 1280px; }
    .landing-news-content{padding: 60px 0 20px}
    .landing-slider-caption-image{height: 550px}
    .navbar-nav > li{margin-left: 29px;}

    .buildtoprint-banner-bottom-left a { font-size: 13px; }
    .buildtoprint-banner-bottom-right a { font-size: 13px; padding: 14px 35px 14px 75px; }
    .capabilities-category-content { max-width: 94%; margin: 0 auto; }
    .about-us-left-box-head { padding:0 0 20px !important; max-width: 100%; width: 100%; }
    .about-us-content .about-us-left-box-head{text-align: left;padding: 0 0 30px !important;margin-bottom: 0}
    .capabilites-category-list-head { font-size: 21px; }
    .capabilites-category-list-head span { font-size: 24px; }
    .capabilites-category-list-box { margin-top: 35px; }

    .capabilities-banner .detail-banner-caption { max-width: 90%; }
    .detail-banner-search { right: 0; }
    .detail-banner-image { height: 550px; }

    .detail-banner-caption { max-width: 90%; top: 10%; }
    .detail-banner-head {font-size: 28px;}
    .detail-banner-explain {max-width: unset;font-size: 16px;}
    .career-recruitment-text-content { font-size: 13px; line-height: 1.2; }
    .career-work-environment-list { max-width: 90%; }
    .footer { padding: 90px 0 70px; }
    .footer-center { margin-top: 120px; margin-bottom: 120px; }

    .news-page-content .about-us-left-box { padding: 0; }

    body.fp-scroll-mac:not(.fp-viewing-Main) .navbar-brand img, .site-menu.active .navbar-brand img, .navbar-brand img {margin-top: 0;max-width: 240px;}
    .site-menu .navbar-nav > li > a {font-size: 18px;}
    .navbar-nav > li.language-li {padding-left: 20px;margin-left: 20px;}
    .language-li .nice-select {font-size: 18px;}
    .menu-catalogue a {font-size: 14px;}
    li .menu-nsn-search {margin-right: 70px;max-width: 360px;}
    body.fp-scroll-mac:not(.fp-viewing-Main) .menu-nsn-search, .site-menu.active .menu-nsn-search {margin-right: 40px;max-width: 320px;}
    body.fp-scroll-mac:not(.fp-viewing-Main) .menu-nsn-search input, .site-menu.active .menu-nsn-search input{min-width: 320px;}
    .menu-nsn-search input {min-width: 360px;}
    .navbar-right {margin: 10px 0;}
    .section.p1 {padding-top: 120px;}

    body.fp-scroll-mac:not(.fp-viewing-Main) .menu-nsn-search input, .site-menu.active .menu-nsn-search input{padding: 8px}

    .landing-about-us-box .about-us-left-box-head {text-align: left;margin: 25px 0 35px;padding: 0 !important;font-size: 26px;}
    .landing-about-us-content {padding-top: 120px;}
    .about-us-content .about-us-left-box-explain,    .about-us-left-box-explain {font-size: 14px;}
    .about-us-list-head-text{font-size: 20px}

    .landing-our-capabilities-content {padding-top: 130px;}
    .list-image {height: 220px;}
    span.landing-news-explain {font-size: 13px;margin-top: 10px;margin-bottom: 20px;}
    span.landing-news-date {font-size: 14px;margin-top: 10px;}
    .landing-event-list a {padding: 25px 0;}
    .landing-event-list-wrap {min-height: 392px;}
    .landing-head {font-size: 24px;}
    .landing-insight-box {margin-top: 15px;}
    .landing-insight-head hr {height: 35px;}
    .landing-news-box {padding-bottom: 25px;}

    .landing-event-list a {padding: 23px 0;}
    span.landing-event-list-head {font-size: 16px;}
    span.landing-event-list-date, span.landing-event-list-place {font-size: 12px;}
    span.landing-event-list-date {margin-bottom: 10px;}

    .section-block{width: 40px;height: 40px;}

    .landing-news-content span.landing-news-image {height: 180px;overflow: hidden;display: flex;}
    .landing-event-list a {padding: 23px 0;}
    span.landing-event-list-head {font-size: 16px;}
    span.landing-event-list-date, span.landing-event-list-place {font-size: 12px;}
    span.landing-event-list-date {margin-bottom: 10px;}
    .landing-career-content {padding-top: 120px;padding-bottom: 20px;}
    .landing-career-content ~ .subscribe-content {padding-top: 0;}

    .landing-career-text {top: 40px;left: 40px;}
    .landing-career-image {height: 420px;background-size: cover;}
    .subscribe-form-head {font-size: 21px;}
    .form-checkbox-content label {font-size: 14px;}
    .landing-career-explain-text {font-size: 15px;}

    .footer {padding: 40px 0;}
    .footer-up-list-head {margin-bottom: 15px;}
    .footer-up-list ul li a {font-size: 13px;}
    .footer-up-contact-list {font-size: 13px;}
    .footer-center {margin: 50px 0;}
    .footer-cage-code {font-size: 14px;white-space: normal;word-break: break-word;max-width: 70%;justify-content: flex-end;}
    .footer-cage-code span {margin: 0 10px;display: flex;}
    .footer-logo {max-width: 30%;}
    .contact-left-list, .news-detail-page-left, .search-detail-explain, .search-table thead tr th, .subsystems-detail-explain, .breadcrumb-box ul li, .capabilites-page-list-link a, .capabilities-page-list-explain-text, .test-units-list-explain{font-size: 14px}

    .capabilities-detail-banner-content {padding-top: 120px;}
    .capabilities-detail-banner-box {padding: 30px;}
    .capabilities-detail-banner-left-text {padding-top: 25px;}
    .capabilities-detail-banner-left-explain {font-size: 14px;}
    .capabilities-detail-banner-left-list {margin: 15px 0;}
    .capabilities-detail-banner-left-list ul li {margin-bottom: 10px;font-size: 14px;}
    .banner-make-enquiry {margin-top: 50px;}
    .banner-make-enquiry-head {font-size: 16px;}
    .banner-make-enquiry-explain {font-size: 13px;}
    .capabilities-detail-banner-right-box {padding-left: 5%;}
    .capabilities-detail-list-explain {font-size: 15px;}
    .capabilities-detail-text-list-explain {font-size: 13px;}

    .modal-form .contact-form-box {padding: 20px;}
    .modal-form-head {font-size: 21px;margin-bottom: 25px;}
    .form-group label {font-size: 16px;}
    .form-group textarea {min-height: 100px;}
}
@media (max-width: 1440px) {
    .landing-slider-caption-text { top: 20%; }
    span.landing-slider-caption-head-text { font-size: 32px; }
    span.landing-slider-caption-explain-text { font-size: 14px; padding-right: 20px; }
    .landing-slider-caption-image { height: 535px; }
    .buildtoprint-banner-bottom { padding: 0; }
    .bottom-left-more { margin-left: 15%; }
    .site-menu .navbar-nav > li > a { font-size: 16px; }
    .navbar-nav > li { margin-left: 20px; }
    .menu-catalogue a { font-size: 16px; padding: 10px; }
    li .menu-nsn-search { margin-right: 60px; }
    .language-li .nice-select{font-size: 18px;}
    .language-li{padding-left: 20px;}
    li .menu-nsn-search input{min-width: 320px;}
    li .menu-nsn-search{max-width: 320px;}
}
@media (max-width: 1366px) {
    .capabilities-detail-banner-right-thumbnail-slider{max-width: 100%;}
    .landing-slider-caption-text { top: 20%; left: 8%; padding-right: 65px }
    .landing-slider-caption-image { height: 520px; background-position: right; }
    .dropdown-sub-menu { left: 0; }
    .detail-banner-image { height: 460px; }

    body.fp-scroll-mac:not(.fp-viewing-Main) .navbar-brand img, .site-menu.active .navbar-brand img, .navbar-brand img {max-width: 200px;}
    .navbar-right {height: unset;margin: 5px 0;}
    .section.p1 {padding-top: 110px;}
    .detail-banner-search {bottom: 70px;}
    .landing-slider .slick-dots {bottom: 10%;}
    .landing-slider-caption-image {height: 480px;}

    body.fp-scroll-mac:not(.fp-viewing-Main) .site-menu .navbar-nav > li > a, .site-menu.active .navbar-nav > li > a{font-size: 16px}
    .menu-catalogue a {font-size: 14px;}
    .menu-catalogue {margin: 0 5px;}
    body.fp-scroll-mac:not(.fp-viewing-Main) .menu-nsn-search input, .site-menu.active .menu-nsn-search input {min-width: 275px;}
    body.fp-scroll-mac:not(.fp-viewing-Main) .menu-nsn-search, .site-menu.active .menu-nsn-search {max-width: 275px;}
    .language-li .nice-select{font-size: 16px}
    .subsystems-page-content .capabilites-category-list-box {margin: 0 -30px 150px;}

    .detail-banner-image {height: 460px;}
    .career-vision-policy {padding: 10% 5% 0;}
    .career-vision-policy-head {font-size: 24px;}
    .career-vision-policy-sub-head {font-size: 18px;}
    .career-vision ul li {font-size: 14px;}
    .career-recruitment-text-content-head {font-size: 21px;margin-bottom: 25px;}
    .career-recruitment-text-content {font-size: 15px;}
    .career-recruitment-text-content ul {margin: 15px 0;}
    .career-recruitment-text-content ul li {margin-bottom: 5px;}

    .capabilities-banner .detail-banner-caption {top: 2%;}
    .detail-banner-head {font-size: 32px;}
    .detail-banner-explain {font-size: 16px;}
    .detail-banner-search span {font-size: 18px;}
    
    .about-us-content .about-us-left-box-explain, .about-us-left-box-explain {line-height: 1.7;font-size: 13px;}
    .about-us-left-box-link a {font-size: 13px;}
    .about-us-right-content iframe {height: 320px;}
    .landing-our-capabilities-list .list-head-text {font-size: 24px;}
    .landing-our-capabilities-list {margin-bottom: 2%;}
    .list-image {height: 180px;}
    span.landing-news-text-content {padding: 10px;}
    span.landing-news-head hr {margin: 0;}
    span.landing-news-explain {margin-top: 5px;margin-bottom: 0;}
    .landing-news-content .all-link a {margin-top: 5px;}
    .landing-event-list a {padding: 15px 0;}
    .landing-event-list-wrap {min-height: 333px;}
    span.landing-news-image {height: 180px;display: flex;overflow: hidden;}
    span.landing-event-list-head {font-size: 14px;}
    span.landing-event-list-date, span.landing-event-list-place {font-size: 12px;}
    span.landing-event-list-date {margin-bottom: 10px;}
    .landing-career-head-text span {font-size: 28px;}
    .landing-career-head-text {margin-bottom: 15px;}
    .landing-career-link {margin-top: 30px;}
    .landing-career-image {height: 300px;}
    .footer-up-list ul li {margin-bottom: 5px;}
    .footer-up-contact-list {margin-bottom: 10px;}
    .footer-up-list-content {margin-bottom: 20px;}
    .footer-up-list-head {font-size: 18px;}
    .footer-up-list-head a {font-size: 18px;}
    .footer-up-list .social-list i {width: 32px;height: 32px;background-size: 32px;}
    .footer-up-list .menu-catalogue {margin-top: 15px;}
    body.fp-scroll-mac:not(.fp-viewing-Main) .menu-catalogue a, .site-menu.active .menu-catalogue a {font-size: 13px;}
    .menu-catalogue a i {width: 24px;height: 24px;background-size: 24px;}
    .footer-center {margin: 35px 0;}
    .footer-bottom-link ul li a {font-size: 13px;}
    .copyright {font-size: 14px;}
    .footer-bottom-link ul li a:before {top: 0;}
    body.fp-scroll-mac:not(.fp-viewing-Main) .navbar-nav > li, .site-menu.active .navbar-nav > li{margin-left: 5px}

    .cookie-content-action {display: flex;margin-left: 25px;}
    .cookie-content-text {font-size: 13px;}
    .cookie-content-action a {font-size: 14px;padding: 10px 25px;}

    span.landing-slider-caption-link {font-size: 13px;}
    .link-button {padding: 6px 15px;}
}
@media (max-width: 1280px) {
    .menu-nsn-search input { min-width: 320px; }
    .main-container { padding: 0 20px }
    .breadcrumb-box.main-container { padding: 0 }

    .landing-slider-caption-image { height: 460px; }

    .landing-slider .slick-dots { display: none !important; }
    span.landing-slider-caption-head-text { font-size: 24px; }
    span.landing-slider-caption-explain-text { font-size: 14px; }
    span.landing-slider-caption-link hr { width: 30px; }
    .landing-slider-caption-text a:hover span.landing-slider-caption-link hr { width: 50px; }
    .landing-slider .slick-arrow { top: unset; bottom: 25px; height: 40px; background-size: 40px; width: 40px; }
    .landing-slider .slider-right-arrow { right: unset; left: 155px; }
    .landing-slider .slider-left-arrow { left: 50px; }


    .landing-about-us-content { min-height: unset; margin-top: 45px; background-color: transparent; padding: 0 20px; }
    .navbar.navbar-default.main-container, .main-slider-box.main-container { max-width: 100%; }
    .landing-about-us-box { padding: 40px; background-color: #f3f4f4; }
    .about-us-left-box-head { font-size: 21px; }
    .about-us-content .about-us-left-box-explain,    .about-us-left-box-explain { font-size: 14px; }
    .landing-our-capabilities-content { padding-top: 60px; margin-bottom: 55px; }
    .landing-our-capabilities-content { }
    .landing-our-capabilities-list-box { margin-top: 45px; margin-bottom: 0; }
    .subscribe-content { padding-bottom: 85px; }

    .detail-banner-box.main-container {max-width: 100%;}
    .detail-banner-content { padding: 132px 20px 0; }

    .detail-banner-left { max-width: 100%; padding: 4% 5% 5%; }
    
    .buildtoprint-banner-bottom-left a { padding: 20px; }
    .buildtoprint-banner-bottom-right a { padding: 16px 26px; }
    .buildtoprint-banner-bottom-right a i { width: 24px; height: 24px; background-size: 24px; }
    .detail-banner-box.main-container { max-width: 100%; margin: 0; padding: 0 }
    .detail-banner-head { font-size: 32px; }
    .detail-banner-left .detail-banner-explain { font-size: 14px; }

    .capabilities-banner .detail-banner-caption { top: 0; position: relative; background-color: var(--primary-color); max-width: 100%; padding: 20px 45px; }
    .capabilities-banner .detail-banner-left { padding: 0; top: unset; }
    .capabilities-banner .detail-banner-right { display: block; max-width: 70%; margin-top: 25px; }
    .detail-banner-search { position: relative; left: 0; bottom: 0; margin: 25px 0 75px; bottom: 0; }
    .detail-banner-content.capabilities-banner .detail-banner-box.main-container { padding: 0; margin: 0 0 40px; }
    .capabilities-banner .detail-banner-image { display: none; }
    .detail-right-list-box { margin-top: 20px; }
    .detail-banner-search-form { max-width: 80%; }
    .detail-banner-search span { font-size: 18px; }

    .career-fullpage .detail-banner-image { display: block; height: 540px; }
    .career-fullpage .detail-banner-box.main-container { margin: 0; }
    .career-fullpage .breadcrumb-content { padding: 0; }
    .career-vision-policy {padding-top: 12%;}

    .capabilities-detail-box { padding: 30px; }
    .milestones-list-content { margin-top: 65px; }

    .milestones-list-content { margin-top: 25px; }
    .history .landing-about-us-box { padding: 20px; }
    .history .about-us-left-box-head { padding: 0 !important; text-align: left; }
    .history .about-us-left-box-explain { padding: 0; }
    .history .about-us-left-box { margin-bottom: 0; }

    .main-slider-content .capabilities-banner .detail-banner-caption {left: 0;right: 0;bottom: unset;background-color: transparent;}
    .landing-slider-caption .capabilities-banner {position: absolute;top: 0;}
    .landing-slider-caption .capabilities-banner .detail-banner-left .detail-banner-explain {margin-top: 10px;}
    .landing-slider-caption .capabilities-banner .detail-banner-left hr {margin-top: 0px;}
    .landing-slider-caption .capabilities-banner .detail-banner-right {margin-top: 0px;}
    .landing-slider-caption span.detail-right-list-text {font-size: 14px;}
    .detail-banner-bottom-box {display: none;}
    .landing-slider-caption .detail-right-list-box {max-width: 320px;}
    .landing-slider-caption .detail-banner-search {margin-bottom: 0;}
    .landing-slider-caption .detail-banner-search span {font-size: 14px;}
    .landing-slider-caption .detail-banner-search-form input {padding: 10px;}
    .landing-slider-caption .detail-banner-search-form a {top: 9px;right: 10px;}
    .landing-slider .slick-arrow {opacity: 1;}
}
@media (max-width: 1200px) {
    .navbar-brand img { max-width: 200px; }
    .language-li { padding-left: 20px; }
    .site-menu .navbar-nav > li > a { font-size: 14px; }
    .language-li .nice-select { font-size: 16px; }
    .social-list ul li { margin-left: 10px; }
    .menu-catalogue a { font-size: 13px; }
    .menu-catalogue a i { width: 18px; height: 18px; background-size: 18px; margin-right: 15px; }
    .menu-catalogue { margin: 0 5px 0 20px; }
    .menu-nsn-search input { padding: 9px; }
    body.fp-scroll-mac:not(.fp-viewing-Main) .menu-nsn-search input, .site-menu.active .menu-nsn-search input { padding: 9px; font-size: 14px; }
    body.fp-scroll-mac:not(.fp-viewing-Main) .site-menu .navbar-nav > li.dropdown-link > a, .site-menu.active .navbar-nav > li.dropdown-link > a, body.fp-scroll-mac:not(.fp-viewing-Main) .site-menu .navbar-nav > li > a, .site-menu.active .navbar-nav > li > a { font-size: 14px; }
    body.fp-scroll-mac:not(.fp-viewing-Main) .menu-catalogue a, .site-menu.active .menu-catalogue a { font-size: 13px; padding: 9px; }
    body.fp-scroll-mac:not(.fp-viewing-Main) .menu-nsn-search, .site-menu.active .menu-nsn-search { margin-right: 20px; }
    .navbar-header { padding: 0; }
    body.fp-scroll-mac:not(.fp-viewing-Main) .navbar-brand img, .site-menu.active .navbar-brand img { max-width: 120px; }
    .navbar-nav > li { margin-left: 10px; }

    .capabilities-page-list-head-text a { font-size: 16px; margin-bottom: 10px; }
    .capabilities-page-list-text { padding: 15px 25px; }
    .capabilities-page-list-explain-text { font-size: 15px; max-width: 100%; }
    .capabilites-page-list-link { margin-top: 25px; }
    .capabilities-content .about-us-left-box { padding: 0; }
    .detail-banner-content.capabilities-banner .detail-banner-box.main-container { margin-bottom: 0; }
    .cookie-content{z-index: 99;}
}
@media (max-width: 1199px) {}
@media only screen and (min-width: 1100px) {}
@media (max-width: 1024px) {
    .detail-banner-right, .buildtoprint-banner-bottom-right a:before, .buildtoprint-banner-bottom-left a:before, .detail-banner-link { display: none; }
    /*-----------------------------------------bootstrap menu-----------------------------------------*/
    .navbar-brand img { max-width: 120px; }
    .site-menu .navbar-header {float: none;background-color: var(--primary-color);margin: 0}
    .site-menu .navbar-left,.navbar-right {float: none !important;}
    .site-menu .navbar-toggle {display: block;background-color: var(--second-color); border: 1px solid var(--second-color); margin-top: 30px;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: var(--second-color)}
    .site-menu .navbar-default .navbar-toggle .icon-bar { background-color: var(--white-color); }
    .site-menu .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-fixed-top {top: 0;border-width: 0 0 1px;}
    .site-menu .navbar-collapse.collapse {display: none!important;}
    .site-menu .navbar-nav {float: none!important;margin-top: 0;}
    .site-menu .navbar-nav>li {float: none;}
    .site-menu .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .site-menu .collapse.in{display:block !important;}

    .site-menu .navbar-default .container-fluid { display: block; width: 100%; }
    .navbar-header { width: 100%; position: relative; justify-content: space-between; flex-direction: row-reverse; padding: 10px; }
    .site-menu .navbar-toggle { float: unset; margin: 0; padding: 7px }
    .site-menu { padding: 0; border-bottom: 1px solid #e3e3e3; z-index: 999; box-shadow: 0 20px 20px -15px #b5b5b5; }
    .site-menu.active { padding: 0; box-shadow: 0 20px 20px -15px #b5b5b5;}
    .site-menu>.navbar>.container-fluid .navbar-brand { margin: 0; flex: 1; }
    .site-menu .navbar-collapse { padding: 0; background-color: #f5f5f5; margin: 0; border-top: 1px solid rgb(163 163 163 / 20%) }
    .site-menu .navbar-collapse .navbar-nav { flex-direction: column; align-items: flex-start; height: unset !important; margin: 0 }
    .section.p1{padding-top: 75px}
    .landing-slider .slick-arrow{opacity: 1;z-index: 1}
    .nice-select .list li { padding: 5px 15px; font-weight: 600; min-height: unset; line-height: unset; }

    .site-menu .navbar-collapse .navbar-nav > li { margin: 0; width: 100%; }
    body.fp-scroll-mac:not(.fp-viewing-Main) .site-menu .navbar-nav > li > a, .site-menu.active .navbar-nav > li > a,     body.fp-scroll-mac:not(.fp-viewing-Main) .site-menu .navbar-nav > li.dropdown-link > a, .site-menu.active .navbar-nav > li.dropdown-link > a,    .site-menu .navbar-nav>li>a, .site-menu .navbar-nav > li.dropdown-link > a {width: 100%;padding: 10px 25px 10px 25px;border-bottom: 1px solid rgb(163 163 163 / 20%);}
    .site-menu .navbar-nav > li.dropdown-link > a:before { right: 25px; }
    .navbar .menu-catalogue a { background-color: transparent; color: var(--second-color); border: none; padding: 10px 25px 10px 25px; border-bottom: 1px solid rgb(163 163 163 / 20%); justify-content: flex-start; align-items: flex-start; }
    .navbar .menu-catalogue a i { filter: var(--second-filter-color); }

    .hover.active .menu-open .open-menu-content, .menu-open .open-menu-content { position: relative; top: 0; z-index: 1; background-color: #a91927; height: unset; }
    .open-menu-box { padding: 20px 40px; }
    .open-menu-list-content { min-height: unset; padding: 0; }
    .open-menu-list-left { display: none; }
    .open-menu-list { max-width: 100% !important; margin: 0 0 35px; padding: 0; }
    .open-menu-list:nth-child(2):before { display: none; }
    .open-menu-list ul li { margin-bottom: 10px; }
    .open-menu-list ul li:last-child { margin-bottom: 0; }
    .site-menu .navbar-nav > li.dropdown-link.menu-open > a { color: #fff; }
    .open-menu-list ul li a { width: 100%; border-bottom: 1px solid rgb(255 255 255 / 15%); font-size: 13px; }
    .open-menu-list ul li:last-child a { border-bottom: none; }
    .open-menu-content { position: relative; height: 0; overflow: hidden; pointer-events: none; transition: all 0.5s; top: 0; transform: unset; z-index: 1; }

    .language-li .nice-select{margin-right: 15px;padding-left: 0;background-color: transparent}
    .language-li{border: none}
    .navbar-header .search-li{margin-right: 15px}
    .navbar-nav li.search-li, .navbar-nav .language-li { display: none; }
    .navbar-header .language-li{display: flex;margin-bottom: 0}
    .dropdown-sub-menu-list-head a {text-transform: uppercase;display: flex;width: 100%;}
    .dropdown-sub-menu-list-head>a:after {content: "";position: relative;top: 5px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;width: 8px;height: 8px;transform: rotate(-45deg);margin-left: 15px;}
    .dropdown-sub-menu-list ol li a:before { display: none; }
    /*-----------------------------------------bootstrap menu-----------------------------------------*/

    .site-menu .navbar-default { padding: 0; }
    .site-menu .navbar-default .container-fluid:before { display: none; }
    .site-menu .navbar-header { background-color: #f5f5f5; }
    .navbar-brand img { margin-top: 0; }
    body.fp-scroll-mac:not(.fp-viewing-Main) .menu-nsn-search, .site-menu.active .menu-nsn-search, .menu-nsn-search { max-width: 100%; }
    .navbar .menu-catalogue { margin: 0; }
    .site-menu .navbar-nav>li .social-list { padding: 10px 0 10px 15px; }
    .site-menu .navbar-nav>li .social-list li { margin-right: 15px; }
    .dropdown-sub-menu { position: relative; opacity: 1; visibility: visible; height: 0; overflow: hidden; border: none }
    .dropdown-link.active .dropdown-sub-menu{height: auto;max-height: 260px;overflow-y: auto}
    .dropdown-sub-menu-left { display: none; }
    .dropdown-sub-menu-box { min-height: unset; }
    .dropdown-sub-menu-head { display: none; }
    .dropdown-sub-menu-content { padding: 5px 25px; }
    .dropdown-sub-menu-list { max-width: 100%; margin-bottom: 45px; }
    .dropdown-sub-menu-list:last-child { margin-bottom: 0; }
    .dropdown-sub-menu-list ol { border: none; }
    .dropdown-sub-menu-list ol li a { font-size: 14px; border-bottom: 1px solid rgb(255 255 255 / 30%); padding: 10px; }
    .dropdown-sub-menu-list ol li:last-child a { border-bottom: none; }
    .navbar-default li > a:after { display: none; }

    .dropdown-sub-menu-list-box { flex-wrap: wrap; }
    .dropdown-sub-menu-list-head { font-size: 16px; margin-left: 10px; margin-top: 10px; margin-bottom: 5px; }
    .dropdown-sub-menu-list { margin-bottom: 25px; }

    div.language-li{display: inline-flex}
    li>.menu-nsn-search{display: none}
    body.fp-scroll-mac:not(.fp-viewing-Main) .navbar .menu-catalogue a, .site-menu.active .menu-catalogue a { padding: 10px 25px; }

    .detail-banner-content { padding-top: 80px; }
    .detail-banner-caption { top: 50px; max-width: 85%; }
    .detail-banner-image { height: 280px; }
    .detail-banner-category { font-size: 13px; }
    .detail-banner-head { font-size: 24px; }
    .detail-banner-explain { font-size: 14px; }

    .career-current-job-content { position: relative; }
    .career-fullpage .detail-banner-image { height: 370px; background-image: none !important; background-color: var(--primary-color); }
    .detail-banner-button { margin-top: 50px; }
    .career-vision-policy { padding: 25px; }
    .career-policy { font-size: 14px; line-height: 1.6; }
    .career-current-job-image { height: 420px; }
    .career-current-text-head { font-size: 24px; }
    .career-current-text-explain { font-size: 14px; }
    .career-current-text-logo-list img { max-width: 100%; }
    .career-current-text-logos { max-width: 50%; }
    .career-current-button { margin-top: 50px; }
    .career-current-button-list a { font-size: 13px; }
    .career-recruitment-content { padding: 45px; }
    .career-work-environment-content { padding: 55px; }
    .career-work-environment-head { font-size: 21px; margin-bottom: 25px; }

    .capabilities-detail-banner-content { padding-top: 80px; background-color: transparent; }
    .capabilities-detail-banner-box { background-color: var(--primary-color); flex-direction: column; padding: 20px; }
    .capabilities-detail-banner-left-box { max-width: 100%; }
    .capabilities-detail-banner-right-box { max-width: 100%; margin-top: 55px; }
    .capabilities-detail-banner-left-text { padding-top: 20px; padding-right: 0; }
    .capabilities-detail-banner-left-list { margin: 20px 0 15px; }
    .banner-make-enquiry { margin-top: 30px; }
    .banner-make-enquiry-link { margin-top: 10px; }
    .capabilities-detail-banner-left-list ul li, .capabilities-detail-banner-left-explain { font-size: 14px; }
    .capabilities-detail-banner-right-thumbnail-slider { max-width: 100%; width: 100%; }
    .detail-banner-bottom-box { display: none; }
    .capabilities-detail-list-explain { max-width: 100%; font-size: 15px; }
    .capabilities-detail-list-head { font-size: 21px; }
    .capabilities-detail-list-head hr { max-width: 30px; margin-top: 5px; }
    .capabilities-detail-text-list-explain { max-width: 100%; padding-left: 45px; }
    .capabilities-detail-text-list-box { margin-top: 15px; }
    .capabilities-detail-text-list {margin-bottom: 30px;}
    .capabilities-detail-text-list-head hr { width: 30px; }
    .document-box { padding: 30px; }
    .document-head { font-size: 21px; }
    .document-head hr { max-width: 30px; margin-top: 10px; }
    .document-list-box { margin-top: 25px; }
    .document-list { max-width: 50%; }

    .subsystems-detail-navigation-head {text-align: left;}
    .subsystems-detail-navigation-head:before {right: unset;}
    .subsystems-detail-navigation>ul {display: none;}
    .subsystems-detail-navigation>ul>li>a {border-left: 3px solid var(--second-color);padding-left: 10px;border-right: none;}
    .subsystems-detail-navigation>ul>li.active>a, .subsystems-detail-navigation>ul>li>a:hover {border-right: none;border-left: 10px solid var(--second-color);}


    .subsystem-select .nice-select {width: 100%;float: unset;border: 1px solid var(--red-color);font-weight: 600;font-size: 15px;color: var(--red-color);}
    .subsystem-select {width: 100%;}
    .subsystems-detail-navigation {width: 100%;}
    .subsystem-select .nice-select:after {border-color: var(--red-color);width: 8px;height: 8px;}
    .subsystem-select .nice-select .list {right: 0;border-radius: 4px;margin-top: 10px;}
    .subsystem-select .nice-select .list>li {height: unset;line-height: unset;padding: 0 15px;margin: 0;border-bottom: 1px solid #ccc;}

    .short-detail-banner-content { padding-top: 70px; }

    .subsystems-detail-content .main-container { max-width: 85%; }
    .subsystems-detail-content { margin-top: 45px; }
    .subsystems-detail-navigation-head { font-size: 18px; margin-bottom: 20px; }
    .subsystems-detail-navigation ul li { margin-bottom: 10px; }

    .dropdown-sub-menu-list ol .sub-menu-active a { position: relative; display: flex; padding-left: 25px; }
    .dropdown-sub-menu-list ol .sub-menu-active a:before { content: ""; display: flex !important; position: absolute; left: 0; top: 15px; transform: rotate(-45deg); width: 8px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; z-index: 1; opacity: 1; background-color: transparent; }

    .news-page-list-content .landing-news-list a:hover, .news-detail-other-new .landing-news-list a:hover { color: var(--primary-color); }
    .landing-news-list a:hover span.landing-news-head hr { background-color: var(--second-color); }
    .landing-news-list a:hover span.landing-news-text-content { background-color: #f0f0f0; }

    div.search-table-filter {position: relative;}
    div.search-table-filter:Before {content: "";position: absolute;bottom: 5px;right: 10px;width: 24px;height: 24px;background-size: 24px;background-image: url(../img/icon/sag-dokunma-ikonu.png);animation: leftoright 1s ease-in-out infinite;display: block}
    .search-table{margin-top: 25px}
    @keyframes leftoright {0%, 100% {transform: translate(0, 0);}50% {transform: translate(10px, 0);}}
    .short-detail-banner-box.sbn-banner { display: none; }
    .search-detail-form input[disabled]{font-weight: 600}
}
@media (max-width: 992px) {
    .not-found-container {height: 100vh;background-image: none !important;background-color: #292929;}
    .not-found-content {position: relative;top: 20px;}
    .not-found-content .intro{padding: 20px}
    .intro-content .intro-head{font-size: 32px;}
    .intro-explain p{font-size: 18px}
    .intro-explain a {width: 100%;margin: 0 0 10px;padding: 20px;}

    .section{height: unset;}
    
    .progress{display: none !important;}
    .landing-slider .slick-arrow{bottom: 0;}

    .buildtoprint .detail-banner-right {display: block;max-width: 100%;}
    .buildtoprint .detail-right-overlay-content {position: relative;right: unset;left: unset;bottom: unset;top: unset;background-color: transparent;align-items: flex-start;justify-content: flex-start;padding: 0 20px;margin-bottom: 25px;}
    .buildtoprint .detail-banner-link {position: relative;display: block;}
    .buildtoprint .detail-banner-link a {position: relative;width: unset;height: unset;}
    .detail-banner-right iframe {display: none;}
    .fullscreen-click {display: none;}
    .buildtoprint .detail-banner-link a {font-size: 16px;}

    .footer-up-contact-list{justify-content: center;}
    .capabilities-page-list.image-top .capabilities-page-list-right{margin-top: 0;}

    .landing-slider-caption .capabilities-banner {position: absolute;}
    .landing-slider-caption .capabilities-banner .detail-banner-right {margin-top: 15px;}
    .cookie-content {padding: 15px;}
    .cookie-box {flex-direction: column;}
    .cookie-content-action {margin: 0;}
    .cookie-content-text {font-size: 12px;text-align: center;margin-bottom: 15px;}
    .cookie-content-action a {font-size: 13px;}

    .landing-slider-caption .detail-right-list-box {flex-direction: row;margin: 0 -8px;}
    .landing-slider-caption .detail-right-list-box .detail-right-list {margin-bottom: 0;margin: 0 8px;}
    .landing-slider-caption .capabilities-banner .detail-banner-right {margin-bottom: 75px;}
    .landing-slider-caption .detail-banner-search {margin-top: 35px;display: none;}

    .about-us-list { max-width: 47.5%; margin-bottom: 45px; }
    .about-us-list-box { flex-wrap: wrap; }
    .about-us-content .landing-about-us-box { padding-top: 20px; margin-bottom: 20px; }
    .about-us-content .about-us-left-box-head{margin-bottom: 25px;padding-bottom: 0 !important;}

    .news-page-list-content .landing-news-list, .news-detail-other-new .landing-news-list { max-width: 100%; }

    .milestones-list { flex-direction: column; margin-bottom: 30px; }
    .milestones-list-left { max-width: 100%; }
    .milestones-list-right { margin-top: 15px; max-width: 100%; padding: 0; }
    .milestones-list-year { font-size: 18px; }
    .milestones-list-head { font-size: 21px; }
    .milestones-list-explain { font-size: 14px; }

    .our-values-page .main-container {max-width: unset;}
    .detail-text-box{padding: 20px;}

    .search-table-form { flex-direction: column; align-items: flex-start; margin-bottom: 55px }
    .search-table-form input { padding: 10px; font-size: 14px; }
    .search-table-form span { font-size: 16px; margin: 0 0 7px; }
    .short-detail-banner-content .short-detail-banner-box { margin-bottom: 20px; }

    .landing-slider-caption-image { display: none; }
    .responsive-landing-slider-caption-image {display: flex;width: 100%;height: 400px;background-size: cover;}
    .landing-slider-caption-text { position: absolute; top: 0; left: 0; padding: 0; max-width: 100%; }
    span.landing-slider-caption-link{font-size: 14px;}
    .landing-slider-caption-text a { padding: 25px 25px 160px; min-height: 445px; }
    .landing-slider .slider-left-arrow {left: 20px;}
    .landing-slider .slider-right-arrow { left: 120px; }
    .detail-banner-bottom-box { display: none; }
    .about-us-left-box { max-width: 100%; padding: 0; }
    .landing-about-us-box { padding: 15px; flex-direction: column; }
    .about-us-left-box-head { text-align: justify; padding: 0; }
    .about-us-left-box-explain { padding: 0; }
    .about-us-right-box { margin: 45px 0; max-width: 100%; }
    .about-us-right-content { padding: 0; }
    .landing-head { font-size: 21px; }
    .landing-our-capabilities-list-box { margin-top: 25px; flex-wrap: wrap; }
    .landing-our-capabilities-list { max-width: 100%; margin-bottom: 55px; }
    .landing-our-capabilities-list .list-head-text { font-size: 21px; color: #fff; }
    .list-image { height: 160px; position: relative; }
    .list-image:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(0 0 0 / 45%); }
    .landing-our-capabilities-list .list-text { z-index: 1; }
    .landing-our-capabilities-list .list-link hr { border: none; background-color: var(--white-color); }
    .landing-our-capabilities-list .list-link { color: #fff; }
    .landing-our-capabilities-list:nth-last-child(2) { margin-bottom: 55px; }
    .landing-our-capabilities-list a:hover .list-head-text { color: #fff; }
    .landing-insight-box { padding: 0; flex-direction: column; }
    .landing-news-list-box { max-width: 100%; }
    .landing-news-list-wrap { flex-wrap: wrap; }
    .landing-news-list { max-width: 100%; margin-bottom: 65px; }
    .landing-news-list:last-child { margin-bottom: 0; }
    .landing-news-content { padding: 20px 0; }
    .landing-insight-head hr { height: 30px; }
    .landing-event-list-box { max-width: 100%; padding: 0; margin-top: 45px; }
    .landing-event-list-wrap { padding-bottom: 0; }
    .landing-career-content { padding: 50px 0; }
    .landing-career-text { top: 30px; left: 30px; right: 30px; }
    .landing-career-head-text span { font-size: 24px; }
    .landing-career-head-text { margin-bottom: 20px; }
    .landing-career-explain-text { font-size: 14px; }
    .landing-career-link { margin-top: 25px; }
    .landing-career-image { height: 320px; background-size: cover; background-position: center; }
    .subscribe-form { flex-direction: column; }
    .subscribe-left { max-width: 100%; }
    .subscribe-form-head { font-size: 21px; }
    .subscribe-right { max-width: 100%; padding: 0; margin-top: 15px; }
    .subscribe-right-up { flex-direction: column; }
    .subscribe-right-up input { max-width: 100%; }
    .subscribe-right-up a { margin: 0; padding: 9px; text-align: center; justify-content: center; }
    .footer-up { flex-direction: column; }
    .footer { padding: 40px 0 100px; }
    .footer-up-list { max-width: 100%; margin-bottom: 45px; }
    .footer-up-list:last-child { margin-bottom: 0; }
    .footer-center { margin: 50px 0; flex-direction: column; }
    .footer-logo { max-width: 100%; margin-bottom: 35px; }
    .footer-logo img { max-width: 150px; margin: 0 auto; }
    .footer-cage-code { max-width: 100%; font-size: 14px; flex-wrap: wrap; display: inline }
    .footer-cage-code span { display: inline-flex; margin: 0 8px; }
    .footer-bottom { flex-direction: column-reverse; }
    .copyright { max-width: 100%; position: relative; font-size: 14px; margin-top: 25px; text-align: center; order: 1; }
    .footer-bottom-link { padding: 0; order: 1;}
    .footer-bottom-link ul { flex-direction: column; width: 100%; }
    .footer-bottom-link ul li { margin-bottom: 10px; }
    .footer-bottom-link ul li:last-child { margin-bottom: 0; }
    .footer-bottom-link ul li a { font-size: 14px; padding: 0; width: 100%; justify-content: center; display: flex; }
    .footer-up-list-head, .footer-up-list-head.big-head { font-size: 18px; text-align: center; }
    .footer-up-list ul li a { font-size: 15px; }
    .footer-up-list-head:before { right: 0; margin: 0 auto; }
    .footer-up-list ul li { text-align: center; }
    .footer-up-list .social-list ul li { margin-bottom: 0; margin: 0 15px; }
    .footer-up-list .social-list ul { display: flex; justify-content: center; }
    .footer-up-list .menu-catalogue a { justify-content: center; }
    .trios a img{margin: 25px auto 0;}

    .menu-nsn-search { display: block; position: fixed; bottom: 0; z-index: 99; padding: 10px; background-color: var(--red-color); }
    .menu-nsn-search input { padding: 10px 50px 10px 20px; background-color: var(--second-color); background-color: #b70811 }
    .menu-nsn-search a { padding: 12px; right: 10px; overflow: hidden; background-color: #950000 }
    .back-to-top.show { bottom: 150px; right: 10px; background-color: var(--primary-color); box-shadow: 0 0 20px rgb(255 255 255 / 20%); }
    .about-us-list-head-text{font-size: 18px}

    .about-us-list-content { margin-bottom: 30px; }
    .about-us-download-content { padding: 30px; margin-bottom: 70px; }
    .about-us-download-category { font-size: 14px; }
    .about-us-download-head { font-size: 21px; margin-bottom: 20px; }
    .about-us-download-link a { font-size: 13px; padding: 15px 25px; }
    .about-us-download-link a i { width: 18px; height: 18px; background-size: 18px; margin-right: 25px; }

    .about-us-content .about-us-right-box{max-width: 100%}
    .about-us-right-content a span{justify-content: center}


    .buildtoprint-banner-bottom { position: relative; bottom: unset; flex-direction: column; }
    .detail-banner-box.main-container { flex-direction: column; padding: 0; }
    .buildtoprint-banner-bottom-right, .buildtoprint-banner-bottom-left { max-width: 100%; }
    .buildtoprint-banner-bottom-left a { justify-content: space-between; }
    .bottom-left-more { margin: 0; }
    .buildtoprint-banner-bottom-right a { justify-content: center; }
    .capabilities-category-content .about-us-left-box-head { font-size: 18px; text-align: center; padding: 40px 40px 10px !important; }
    .capabilites-category-list-box { flex-wrap: wrap; }
    .capabilites-category-list { max-width: 100%; }
    .capabilites-category-list-head { font-size: 16px; }

    .detail-banner-content.capabilities-banner .detail-banner-box.main-container { margin-bottom: 0; }
    .capabilities-banner .detail-banner-right { max-width: 100%; width: 100%; }
    .detail-right-list-box { flex-direction: column; margin: 0; }
    .detail-right-list { max-width: 100%; margin-bottom: 45px; }
    span.detail-right-list-image img { margin: 0 auto; }
    span.detail-right-list-text { padding-top: 10px; font-size: 16px; }
    .detail-right-list:last-child { margin-bottom: 0; }
    .detail-banner-left hr { margin-top: 4px; width: 50px; }
    .detail-banner-search { flex-direction: column; margin: 20px 0 25px; }
    .detail-banner-search-form { max-width: 100%; margin-top: 10px; margin-left: 0; }
    .about-us-left-box-head { padding: 0 !important; margin-bottom: 40px; margin-top: 15px }
    .breadcrumb-content { padding: 0; }

    .capabilities-page-list { flex-direction: column; margin-bottom: 40px }
    .capabilities-page-list:last-child { margin-bottom: 0 }
    .capabilities-page-list-content{margin-bottom: 60px}
    .capabilities-page-list-image, .capabilities-page-list-text { max-width: 100%; }
    .capabilities-page-list-text { margin-top: 25px; }
    span.detail-right-list-image img { max-width: 50%; }
    .detail-banner-search { margin-top: 45px; }
    .detail-banner-search span { font-size: 16px; }
    .capabilities-banner .detail-banner-caption { padding: 15px; }
    .detail-right-list { margin-bottom: 20px; }
    .detail-banner-search-form input { padding: 10px; }
    .detail-banner-search-form a { top: 8px; right: 10px; }

    .detail-banner-button { flex-direction: column; margin-top: 35px; }
    .detail-banner-explain { max-width: 100%; }
    .career-fullpage .section { margin: 0 20px; }
    .career-fullpage .detail-banner-caption { top: 20px; }
    .detail-banner-button-list { margin: 0 0 25px; }
    .detail-banner-button-list a { padding: 10px; font-size: 14px; justify-content: center; }
    .detail-banner-button-list:last-child { margin-bottom: 0; }
    .career-fullpage .detail-banner-image { height: 320px; }
    .career-vision-policy-head { font-size: 18px; }
    .career-vision-policy-box { margin-top: 25px; flex-wrap: wrap; }
    .career-vision, .career-policy { max-width: 100%; padding: 0; }
    .career-vision-policy-sub-head { font-size: 18px; }
    .career-vision ul li { font-size: 15px; }
    .career-current-job-content { margin: 55px 0; }
    .career-current-text-content { padding: 0 35px; }
    .career-current-text-logos { max-width: 100%; flex-direction: column; margin-top: 15px; }
    .career-current-text-logo-list { margin: 15px 0; }
    .career-current-text-logo-list img { max-width: 120px; }
    .career-current-text-logo-list:last-child { margin-bottom: 0; }
    .career-current-button { flex-direction: column; margin-top: 30px; }
    .career-current-button-list { margin: 10px 0; }
    .career-current-button-list:last-child { margin-bottom: 0; }
    .career-current-text-explain { text-align: center; }
    .career-fullpage .section.p5 { margin: 0; }
    .career-work-environment-content { padding: 50px 0; }
    .career-work-environment-list { max-width: 100%; flex-wrap: wrap; }
    .career-work-environment-item { max-width: 100%; margin-bottom: 55px; }
    .career-work-environment-item:last-child { margin-bottom: 0; }

    .short-detail-banner-content { padding-top: 74px; }
    .short-detail-banner-content .breadcrumb-box.main-container { max-width: 100%; }
    .short-detail-banner-text { padding: 0; max-width: 100%; width: 100%; margin: 0; }
    .short-detail-banner-head { margin-bottom: 0; font-size: 18px; }
    .short-detail-banner-category { font-size: 14px; }
    .short-detail-banner-content .short-detail-banner-box { padding: 20px; flex-direction: column; margin: 15px 20px }
    .short-detail-banner-right:empty { display: none; }
    .modal-form-head { font-size: 18px; margin-bottom: 25px; }
    .career-form-content .main-container { max-width: 100%; }
    .flex-group { flex-direction: column; }
    .form-half { max-width: 100%; margin-bottom: 10px; }
    .form-half:last-child { margin-bottom: 0; }
    .form-group { margin-bottom: 10px; }
    .form-group label { font-size: 14px; margin-bottom: 2px }

    .team-detail-banner-box {padding: 0;margin: 0;flex-wrap: wrap;}
    .team-detail-banner-text {max-width: 100%;margin: 10px 0 0;}
    .team-detail-banner-text-head {font-size: 21px;}
    .team-detail-banner-text-title {font-size: 16px;}
    .team-detail-text-content {margin-top: 10px;max-width: 100%;font-size: 15px;}

    .contact-box { flex-direction: column; margin-top: 10px; max-width: 100%; padding: 0 20px }
    .contact-left, .contact-right { max-width: 100%; padding: 0; }
    .contact-left-head { font-size: 21px; }
    .contact-left-list { font-size: 14px; margin-bottom: 10px; }
    .phone-information { margin-bottom: 25px; }
    .contact-left-list-head { font-size: 16px; }
    .contact-left { margin-bottom: 45px; }
    .contact-form { padding: 25px; }
    .contact-form-head { font-size: 21px; }
    .contact-form-box { margin-top: 15px; }
    .career-form-content .contact-form-box{padding: 15px;margin-bottom: 75px;}
    .form-checkbox-content label a { padding-bottom: 0; }
    .breadcrumb-box.main-container { max-width: 100%; padding: 0 20px; }

    .capabilities-list-page-content { padding: 0; margin-bottom: 90px; }
    .capabilities-list-page-content .about-us-left-box { margin-bottom: 0; }
    .capabilities-page-list-left { max-width: 100%; }
    .capabilities-page-list-left .capabilities-page-list-image { margin-bottom: 25px; }
    .capabilities-page-list-image a { margin: 0; }
    .capabilities-page-list { max-width: 600px; margin-bottom: 120px; }
    .capabilities-page-list-right { padding: 0; max-width: 100%; margin-top: 25px; align-items: flex-start; }
    .capabilities-page-list-logo { justify-content: flex-end; }
    .capabilities-page-list-head{padding-right: 0;}
    .capabilities-page-list-explain { text-align: right; font-size: 14px; padding-right: 0; padding-top: 15px; }
    .capabilities-page-list-ul { text-align: left; margin-top: 10px; padding-right: 0; }
    .capabilities-page-list-right:before { display: none; }
    .capabilities-page-list-ul ul li { font-size: 14px; text-align: right; }
    .capabilities-page-list-bottom { padding: 0; margin-top: 15px; }
    .capabilities-page-list-download a { font-size: 14px; }
    .capabilities-page-list-download a i { width: 18px; height: 18px; background-size: 18px; }
    span.landing-news-explain{font-size: 14px;}
    .news-page-content .pagination-box{margin: 40px 0;}

    .fair-events-page-content .about-us-left-box { padding: 0; }
    .fair-events-page-list a { padding: 25px; flex-direction: column; }
    .fair-events-page-list-head { max-width: 100%; }
    .fair-events-page-list .fair-events-page-list-info { max-width: 100%; margin: 25px 0; }
    .fair-events-page-list-more { max-width: 100%; justify-content: flex-start; }
    .fair-events-page-content .about-us-left-box .about-us-left-box-head { padding-top: 10px !important; margin-bottom: 5px; }
    .fair-events-page-list-box { margin-bottom: 90px; margin-top: 35px }

    .subsystems-page-content .about-us-left-box { padding: 0; }
    .subsystems-page-content .about-us-left-box .about-us-left-box-head { margin-bottom: 0; padding-top: 5px !important; }
    .test-units-list { flex-direction: column; }
    .test-units-list-image { max-width: 100%; }
    .test-units-list-text { max-width: 100%; padding: 0; margin-top: 25px; }
    .test-units-list-head { font-size: 21px; }
    .test-units-list-explain { font-size: 14px; line-height: 1.6; }

    .capabilities-detail-banner-left-logo { padding-right: 115px; }
    .capabilities-detail-box { padding: 0; margin-top: 25px; }
    .capabilities-detail-list-head hr { margin-bottom: 20px; }
    .capabilities-detail-list { margin-bottom: 50px; }
    .document-list-box { flex-direction: column; }
    .document-list { max-width: 100%; margin-bottom: 55px; }
    .document-list:last-child { margin-bottom: 0; }

    .short-detail-banner-right { max-width: 100%; padding: 0; margin-top: 15px; margin-bottom: 0;align-items: center }
    .news-detail-page-text { margin: 0 25px; max-width: 100%; flex-direction: column; }
    .news-detail-page-left { max-width: 100%; font-size: 14px; line-height: 1.7; padding: 0; text-align: justify; margin-top: 30px }
    .news-detail-page-head { font-size: 18px; }
    .news-detail-page-explain { font-size: 15px; margin-top: 10px; }
    .news-detail-page-right { margin-top: 35px; max-width: 100%; }
    .news-detail-page-image { max-width: 600px; }
    .social-list-head{font-size: 13px}

    .fancybox-navigation .fancybox-button { width: 48px; height: 48px; top: unset; bottom: 20%; }

    .search-detail-box { margin-top: 30px; flex-direction: column-reverse; margin-bottom: 30px; }
    .search-detail-right, .search-detail-left { max-width: 100%; }
    .search-detail-right-box { padding: 20px; }
    .search-detail-right-head { font-size: 18px; margin-bottom: 20px; }
    .search-detail-right-list { margin-bottom: 20px; }
    .search-detail-right-list:last-child { margin-bottom: 0; }
    .search-detail-right-list-head { font-size: 14px; }
    .search-detail-right-list-text { font-size: 15px; }
    .search-detail-left { margin-top: 45px; }
    .search-detail-left-image { margin-bottom: 20px; }
    .search-detail-explain { font-size: 14px; line-height: 1.75; }
    .search-detail-form .contact-form-box { padding: 15px; }

    .subsystems-page-content .capabilites-category-list-box { margin: 0 -10px 70px; }

    .subsystems-detail-content .main-container { max-width: 100%; }
    .subsystems-detail-box { flex-direction: column-reverse; margin-bottom: 50px; }
    .subsystems-detail-right { max-width: 100%; padding: 0; margin-bottom: 45px; }
    .subsystems-detail-left { max-width: 100%; }
    .subsystems-detail-slider .slick-arrow { top: unset; bottom: -65px; width: 32px; height: 32px; background-size: 32px; }
    .subsystems-detail-slider .slider-right-arrow { right: 0; }
    .subsystems-detail-slider .slider-left-arrow { left: 0; }
    .subsystems-detail-slider ul.slick-dots { display: none !important; }
    .subsystems-detail-explain { font-size: 15px; line-height: 1.7; }

    .modal-dialog { max-width: 95%; }
    .modal-form .contact-form-box{padding: 20px}
    .form-group textarea{min-height: 100px}

    .news-page-content .main-container {padding: 0 20px;max-width: 100%;}
    .pagination-box ul li span, .pagination-box ul li a {font-size: 14px;padding: 10px;}
    .pagination-box ul {margin: 0;flex-wrap: wrap;}
    .pagination-box ul li {margin-bottom: 25px;margin-right: 20px;}
    .pagination-box ul li a i {width: 18px;height: 18px;background-size: 18px;}

    .news-detail-other-new{margin-bottom: 75px;margin-top: 50px;}

    .team-list-box {margin: 0;}
    .team-list {max-width: 100%;margin: 0 0 35px;}
    .team-list-content {max-width: 100%;padding: 0 20px;margin-bottom: 60px;}
    .team-list-box-head {font-size: 21px;}
    .team-list-box-head:before {width: 30px;}
    .crew-list-text {padding: 10px;}
    .crew-name {font-size: 18px;}
    .crew-title {font-size: 14px;}

    .detail-banner-explain {max-width: 100%;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

    .career-banner-page .detail-banner-caption {top: 25px;}
    .career-banner-page .detail-banner-button {margin-top: 25px;display: flex;flex-direction: row;}
    .career-banner-page .detail-banner-button-list {margin: 0 15px 0 0;}

    .form-group input:not(.option-input), .form-group textarea {padding: 7px 10px;}
    .form-group input[type="date"] {background-color: #fff;border: 1px solid #e1e1e1;max-width: 420px;padding: 17px 10px !important;font-size: 16px;width: 100%;-webkit-appearance: none;-moz-appearance: none;}
    .contact-left .subscribe-content {display: none;}

    .landing-about-us-content .about-us-right-content {margin-bottom: 0;}

    .news-page-list-content .all-link a {font-size: 14px;padding: 10px 25px;}
    .news-page-list-content .all-link {margin-top: 35px;}
}
@media only screen and (min-width: 768px) {}
@media (max-width: 768px) {
    .about-us-list { max-width: 100% }

    .detail-banner-box.main-container { margin: 0; }
    .detail-banner-left .detail-banner-explain { font-size: 13px; }
    .bottom-left-more hr { width: 30px; }
    .breadcrumb-box.main-container { padding: 0; }
    .breadcrumb-box ul { padding: 10px 0; }
    .breadcrumb-box ul li { font-size: 13px; margin-right: 5px; }
    .breadcrumb-content { padding: 0 20px; }
    .capabilities-category-content .about-us-left-box-head { padding: 30px 20px 10px !important; font-size: 16px; }
    .capabilites-category-list-content { margin-top: 25px; margin-bottom: 90px }
    .capabilites-category-list-head span { font-size: 18px; }
    .capabilites-category-list-head span:before { width: 40px; }
    .capabilites-category-list-box { margin-top: 25px; }
    form[action="./modernizasyon-ve-lokalizasyon"] .detail-banner-text-content, form[action="./modernization-and-localization"] .detail-banner-text-content {padding: 0;}
}
@media (max-width: 576px) {}
@media (max-width: 480px) {
    .responsive-link-overlay-image {display: flex;width: 100%;height: 120px;background-size: cover;}
    .buildtoprint .detail-banner-link {position: absolute;display: block;top: 60%;left: 0;right: 0;transform: translateY(-50%);}
}
@media (max-width: 414px) {}
@media (max-width: 360px) {}