/*--------------------------------------------------
File     : responsive.css
Domain 	 : ----
Author   : Serhat Zirhli / serhat@trios.com.tr
Date     : 20.12.2019
--------------------------------------------------*/
@media (max-height: 905px) {
    .landing-item-bg, .detail-banner-image {
        height: 730px;
    }
}

@media (max-width: 1600px) {
    .landing-section { height: auto; padding:71px 0 80px 0;  }
    .navbar.navbar-default .nav.navbar-nav > li > a { font-size: 13px; }
    .navbar.navbar-default .nav.navbar-nav li.dropdown-nav > a { padding: 15px 40px 15px 10px; }
    .navbar.navbar-default .nav.navbar-nav li { margin: 0 7.5px; }
    .divider { margin: 0 4px; }
    .navbar.navbar-default .navbar-header .navbar-brand img { max-width: 130px; }
    .landing-section.blog-detail-section { height: 64px; padding-bottom: 20px; }
    .technical-right-content { padding-left: 50px; }
}

@media (max-width: 1440px) {
    .landing-item-caption-head { font-size: 36px; max-width: 80%; }
    .landing-item-bg, .detail-banner-image { height: 580px; background-size: cover; }
    .landing-bottom-left-head { font-size: 28px; }
    .landing-bottom-left-explain { padding-right: 80px; line-height: 1.6; }
    .landing-bottom-right-explain { font-size: 16px; }
    .landing-service-left { font-size: 32px; }
    .landing-service-right a { padding: 50px 30px; font-size: 21px; }
    .landing-service-list-box { padding: 30px; }
    .landing-services-list-head { font-size: 18px; padding-right: 30px; min-height: 55px; }
    .landing-services-list-explain { font-size: 14px; line-height: 1.6; text-align: justify; }
    ul.social-media li a i { background-size: 18px; width: 18px; height: 18px; }

    .contact-up-box { padding: 25px 0; }
    .contact-up-list-wrap { padding: 0 25px; }
    .address-text { align-items: flex-start; }

    .technical-right-content { max-width: 40%; }
    .product-image-slider { max-width: 75%; }
    .product-thumbnail-slider { max-width: 25%; }
}

@media (max-width: 1366px) {
    .navbar.navbar-default .nav.navbar-nav > li > a { font-size: 12px; }
    ul.social-media li a { padding: 8px; }
    ul.social-media li { margin-right: 10px; }
    .detail-banner-caption-head { font-size: 28px; }

}

@media (max-width: 1280px) {
    .navbar.navbar-default .navbar-header .navbar-brand img { max-width: 100px; }
    .navbar.navbar-default .collapse { padding-left: 30px !important; }
    .navbar.navbar-default .nav.navbar-nav > li > a { padding: 15px 5px; font-size: 10px }
    .navbar.navbar-default .nav.navbar-nav li{margin: 0 5px}
    .subnav-container{width: 820px}
    .navbar.navbar-default .nav.navbar-nav li.dropdown-nav > a{padding-right: 25px}
    .navbar.navbar-default .nav.navbar-nav li.dropdown-nav > a:before, .dropdown-sub-link:before{right: 5px}

    .detail-header-left { max-width: 100%; padding: 0; }
    .detail-header-left-head { font-size: 16px; }
    .detail-header-left-explain { font-size: 13px; line-height: 1.7; }
    .detail-header-content { margin-bottom: 35px; margin-top: 0 }
    .client-logo-list-box { margin: 0; padding: 0; }
    .gallery-module-slider .slick-arrow { filter: var(--white-filter-color); }

}

@media (max-width: 1200px) {
    .contact-up-list-wrap { max-width: 50%; }
    .contact-up-list-content { flex-wrap: wrap; }
}

@media (max-width: 1199px) {
}

@media only screen and (min-width: 1100px) {
}

@media (max-width: 1024px) {
    /*-----------------------------------------bootstrap menu-----------------------------------------*/
    .navbar-header {
        float: none;
    }
    .navbar-left, .navbar-right {
        float: none !important;
    }
    .navbar-toggle, .navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus {
        display: block;
        background-color: var(--primary-color) !important;
        border: 1px solid var(--primary-color) !important;
        margin: 0;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-collapse {
        width: 100%;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        padding: 0;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none !important;
        margin-top: 0;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }
    /*-----------------------------------------bootstrap menu-----------------------------------------*/
    .navbar.navbar-default .navbar-collapse {display: block !important; padding: 0 !important;margin: 0 !important;border: none}
    .navbar.navbar-default .collapse {display: none !important;}
    .navbar.navbar-default .collapse.in {display: block !important;}
    .navbar.navbar-default .container-fluid { flex-direction: column; align-items: flex-start; }
    .navbar.navbar-default .navbar-header { display: flex; justify-content: space-between; flex-direction: row-reverse; width: 100%; align-items: center;margin: 0; padding: 10px}
    .navbar.navbar-default { padding: 0; max-width: 100% !important; }
    .landing-section{padding-top: 58px;padding-bottom: 25px;}
    .navbar.navbar-default .nav.navbar-nav{flex-direction: column;background-color: var(--primary-color);align-items: flex-start}
    .navbar.navbar-default .nav.navbar-nav li{width: 100%;margin: 0}
    .navbar.navbar-default .nav.navbar-nav > li > a{border-bottom: 1px solid rgba(255, 255, 255, 0.4);padding: 15px}
    .navbar.navbar-default .navbar-header .navbar-brand{flex:1}
    .navbar-header .language-content{margin-right: 25px}
    .divider {margin: 0 4px;background-color: rgb(255 255 255 / 30%);width: 1px;}
    .navbar-right .language{display: none !important;}
    .subnav-container { position: relative; display: none !important; overflow: hidden; }
    .active + .subnav-container { display: block !important; padding: 0; background-color: #b30026;height: auto }
    .subnav-container .sub-menu > li > a { padding: 10px; background-color: #b30026; font-size: 12px }
    .subnav-container { width: 100%; flex-direction: column-reverse; }
    .subnav-container .sub-menu, .subnav-container .nav-teaser { max-width: 100%; }
    .nav-teaser { padding: 15px !important; }
    .subnav-container.level--1 > .sub-menu { padding: 15px; }
    .nav-teaser a { margin-top: 10px; }
    .subnav-container .open .subnav-container { left: 0; }
    .subnav-container.level--2 .sub-menu { padding: 15px; background-color: #950020; width: 100%; }
    .subnav-container.level--2 .sub-menu li a { background-color: #950020; }
    .subnav-container .subnav-container { left: 0 !important; }
    li.has_children .active ~ .subnav-container { opacity: 1; visibility: visible; }
    .subnav-container.level--2 .sub-menu li.level-up a {padding-top: 0;}
    .landing-slider .slick-arrow, .gallery-module-slider .slick-arrow { width: 48px; height: 48px; background-size: 48px; }
    .landing-slider-content { margin-top: 10px; max-width: 100%; }
    .navbar-header .language-content { display: flex; }
    .navbar.navbar-default .nav.navbar-nav li.dropdown-nav > a:before, .dropdown-sub-link:before{right: 25px}
    .detail-text-box { padding: 15px; font-size: 13px; }
    .breadcrumb-content ul{padding: 10px 0}
    .product-detail-main-wrap { padding: 30px; }
    .sss-content { margin-top: 15px; }
    .landing-services-list { max-width: 100%; }

    .work-area-list-box .product-group-list a .product-group-list-text { padding: 0; }
    .work-area-list-box .product-group-list .product-group-list-head { font-size: 14px; margin-top: 10px; }
    [data-sal|=slide] { opacity: 1; transform: unset !important; }
}

@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;
    }
    .detail-text-box h2.big-text, .onelist-left-explain h2.big-text{font-size: 18px;text-align: left}
    .slick-dots{display: none !important;}


    .landing-item-caption-category { font-size: 13px; }
    .landing-item-caption { left: 5%; top: 5%; }
    .landing-item-caption-head { font-size: 21px; max-width: 90%; }
    .landing-item-bg{ height: 360px; background-position: center }
    .landing-item-caption-link {display: none;}
    .detail-banner-image { height: 240px; background-position: center }
    .landing-slider .slick-arrow { top: unset; bottom: 0; }
    .gallery-module-slider .slick-arrow{top: 50%}
    .landing-slider-content { margin-top: 0; }
    .gallery-module-slider .item { position: relative; }
    .gallery-module-slider .item:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgb(0 0 0 / 30%); }

    .landing-bottom-box { padding: 30px 0; flex-direction: column; }
    .landing-bottom-left { max-width: 100%; }
    .landing-bottom-right { max-width: 100%; padding: 0; margin-top: 25px; }
    .landing-bottom-left-head { font-size: 18px; }
    .landing-bottom-left hr { height: 20px; }
    .landing-bottom-left-explain { padding: 0; }
    .main-wrap { max-width: 90% !important; }
    .landing-bottom-right-text { font-size: 13px; }
    .landing-bottom-right-explain { font-size: 15px; }
    .landing-project-list-content.main-wrap { padding: 0; }

    .landing-project-slider .slick-list { margin: 0; }
    .landing-project-item { padding: 0; }
    .landing-project-slider .slider-right-arrow, .landing-project-slider .slider-left-arrow { display: none !important; }
    .landing-project-item-text { max-width: 100%; }
    .landing-project-slider .slider-main-right-arrow, .landing-project-slider .slider-main-left-arrow { opacity: 1; }
    .landing-service-caption { flex-direction: column; position: relative;max-width: 100%;top: 0;padding: 20px;background-color: var(--primary-color); }

    .landing-service-image {display: none;}
    .landing-service-left-text {text-shadow: none;}

    .landing-service-left { max-width: 100%; font-size: 18px }
    .landing-service-right a { padding: 20px 0; font-size: 14px; }
    .landing-service-right a:hover { padding: 20px; }
    .landing-service-right a i { width: 36px; height: 36px; background-size:36px; margin-top: 15px }
    .landing-service-right { margin-top: 35px; }
    .landing-blog-list { flex-direction: column; }
    .blog-list-content .blog-list, .blog-list { max-width: 100%; margin-bottom: 80px; }
    .blog-list-content .blog-list{margin-bottom: 40px}
    .blog-list-content { margin-top: 10px; }
    .blog-list-content .blog-list:last-child, .blog-list:last-child { margin-bottom: 0; }
    .landing-service-list-box { flex-direction: column; padding: 15px }
    .landing-services-list { max-width: 100%; margin-bottom: 35px; }
    .landing-services-list a { border: 1px solid rgb(255 255 255 / 50%); padding: 15px }
    .landing-services-list:last-child { margin-bottom: 0; }
    .landing-services-list-head { min-height: unset; padding: 0 }
    .landing-services-list-explain { margin-bottom: 15px; min-height: unset; font-size: 13px;line-height: 1.5 }
    .footer-box { padding: 30px 30px 90px; flex-direction: column-reverse; }
    .footer-left { max-width: 100%; margin-top: 65px; }
    .footer-right { padding: 0; max-width: 100%; }
    .footer-list-content { flex-direction: column; }
    .footer-list-box { max-width: 100%; text-align: center; }
    .footer-list { margin-bottom: 45px; }
    .footer-list ul.social-media { justify-content: center; }
    .footer-list ul li a { color: rgb(255 255 255 / 70%); }
    li.has_children.open .active { font-weight: 600; }
    .privacy-links { text-align: center; }
    .privacy-links a { margin: 0 25px; }
    .footer-logo img { margin: 0 auto; max-width: 120px; }
    .kraft-global img { max-width: 60px; margin: 0 auto; margin-top: 35px; }
    .copyright { text-align: center; }
    .navbar.navbar-default .nav.navbar-nav{margin: 0}
    .landing-project-slider .slider-main-right-arrow, .landing-project-slider .slider-main-left-arrow { width: 42px !important; height: 42px !important; background-size: 42px !important; top: 17% !important; }
    .landing-project-slider .slider-main-left-arrow { left: 20px; }
    .landing-project-slider .slider-main-right-arrow { right: 20px !important; }
    .landing-project-item-image:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(0 0 0 / 35%); }
    li.level-up { display: none; }
    .landing-project-item-head-text{font-size: 16px}

    .detail-banner-caption { bottom: 5%; left: 5%; right: 5%; }
    .detail-banner-caption-category { font-size: 13px; }
    .detail-banner-caption-head { font-size: 21px; }
    .detail-banner-content { margin-top: 0; }

    .multilist-box { padding: 20px; }
    .multilist { flex-direction: column; }
    .multilist-left, .multilist-right { max-width: 100%; padding: 0; }
    .multilist-left { margin-bottom: 15px; }
    .multilist-head { font-size: 18px; margin-bottom: 15px; }
    .multilist:last-child { flex-direction: column-reverse; }
    .multilist-explain { font-size: 13px; line-height: 1.8; }
    .sss-module { padding: 20px; margin: 70px 0; }
    .sss-module-head { font-size: 16px; }
    .flex-list-module { padding: 20px; }
    .flex-list-box { flex-direction: column; }
    .flex-list { max-width: 100%; margin-bottom: 65px; }
    .flex-list:last-child { margin-bottom: 0; }
    .flex-list-explain { font-size: 13px; line-height: 1.6; }
    .privacy-links a { display: block; font-size: 13px; margin: 5px 0; }

    .landing-section.blog-detail-section { height: 55px; padding-bottom: 0; padding-top: 55px; }
    .breadcrumb-content ul li:first-child, .breadcrumb-content ul li:nth-child(2) { display: none; }
    .daily-detail-box { padding: 0; }

    .daily-detail-image { max-width: 100%; }
    .daily-detail-text { padding: 0; max-width: 100%; }
    .daily-detail-image .social-media ul { margin-bottom: 0; }
    .daily-detail-head h1 { font-size: 18px; line-height: 1.6; }
    .detail-text-box-content { font-size: 13px; line-height: 1.8; }
    .last-news-content { padding: 0; margin-top: 45px; }
    .blog-list-text { font-size: 16px; }

    .contact-form-box { padding: 20px; }
    .form-group.inline-group { flex-direction: column; }
    .form-half:first-child { margin-bottom: 25px; }
    .form-group input:not(.option-input), .form-group textarea { max-width: 100%; }
    .form-group .nice-select { max-width: 100%; }
    .form-group label { font-size: 12px; }
    .form-checkbox-content>label>span { max-width: 80%; font-size: 10px; line-height: 1.7; }
    .contact-form { padding: 20px; }
    .contact-form-content .contact-box-header, .contact-box-header { margin-bottom: 30px; }
    .contact-box-head { font-size: 18px; }
    .contact-box-explain { font-size: 13px; }
    .contact-up-list-wrap { max-width: 100%; padding: 0; }
    .address-text { align-items: center; margin-top: 0 }
    .contact-up-list-icon{padding: 6px}
    .contact-up-list-head { padding-left: 47px; }
    .contact-up-list { margin-bottom: 25px; }
    .contact-address { margin-bottom: 25px; }
    .form-checkbox-content>label { display: flex; }
    .form-checkbox-content>label>span { max-width: 80%; font-size: 10px }
    .contact-social-media-content.contact-up-list-wrap { padding-left: 47px; }
    .form-group, .form-half:first-child { margin-bottom: 13px; }

    .client-logo-list { max-width: 33.3333%; }
    .client-logo-list img { margin: 0 auto; }
    .client-text-list ul li { flex-direction: column; }
    .client-text-list ul li span { width: 100%; border: none; }
    .client-text-list ul li b { padding: 12px; }
    .client-text-list ul { padding: 0; }
    .client-logo-list-content { padding: 20px; }
    .client-logo-list-header { margin-bottom: 40px; }

    .footer{margin-top: 65px}

    .gallery-module-slider .slick-arrow { filter: var(--white-filter-color); }
    .onelist-box { padding: 20px; }
    .onelist-list { flex-direction: column-reverse; }
    .onelist-left { max-width: 100%; }
    .onelist-right { padding: 0; max-width: 100%; margin-bottom: 45px; }

    .breadcrumb-content ul li { margin-right: 15px; display: none  }
    .detail-header-left-link a{font-size: 14px}

    .technical-right-content { display: none; }
    .technical-left-content { max-width: 100%; }
    .product-detail-header-head { font-size: 18px; }
    .technical-left-content ul li {margin-bottom: 20px;}
    .product-detail-header { margin-bottom: 15px; }
    .product-up-front-list-text { font-size: 13px; }
    .product-up-front-list-image { padding: 30px; }
    .product-up-front-content { margin-top: 50px; }
    .panel-default > .panel-heading a { font-size: 13px; padding: 12px 15px 12px 55px; line-height: 1.4; }
    .panel-default > .panel-heading a:after, .panel-default > .panel-heading a:before{top: 25px}
    .panel-default > .panel-heading + .panel-collapse > .panel-body { padding: 15px; text-align: justify; font-size: 13px; line-height: 1.4; background-color: #d9d9d9; border-top: 1px solid #e1e1e1; }

    .product-group-list-content { margin-top: 25px; }
    .product-group-list a { flex-direction: column; }
    .product-group-list-image { max-width: 100%; }
    .product-group-list-text { max-width: 100%; padding: 0; margin-top: 15px}
    .product-group-list-head { font-size: 16px; margin-top: 10px }
    .product-group-list-explain{margin-bottom: 15px}
    .product-group-list { margin-bottom: 75px; }
    .product-group-list-category { font-size: 13px; text-transform: unset }

    .work-area-list-box .product-group-list { max-width: 100%; padding: 0; }
    .work-area-list-box .product-group-list-box { margin: 0; }
    .detail-text-box h2, .onelist-left-explain h2, .work-area-list-head{font-size: 16px}

    .about-us-full-content { padding: 20px; }
    .about-us-full-box { max-width: 100%; font-size: 18px; line-height: 1.8; }
    .about-us-list-box { flex-direction: column; }
    .about-us-list { max-width: 100%; margin-bottom: 60px; }
    .about-use-list-head { font-size: 16px; }
    .about-us-list:last-child { margin-bottom: 0; }

    .modal-dialog { margin: 20px; max-width: 89%; }
    .modal-content { border-radius: 0; box-shadow: none; }
    .modal-body-head { padding: 0; font-size: 16px; }
    .modal-content .contact-form { padding: 20px 0; }
    .modal-content button.close { top: 10px; right: 15px; font-size: 60px; }
    .modal-body { padding: 20px; }
    .full-input input { max-width: 100% !important; }
    .certificate-content { padding: 20px; background-color: #f5f5f5; }
    .certificate-list img { border: 1px solid #d9d9d9; }

    .nav-teaser { display: none !important; }
    .subnav-container.level--1.short-container > .sub-menu{padding: 15px 20px;max-height: 180px;overflow-y: auto;}
    .navbar.navbar-default.active .nav.navbar-nav li.dropdown-nav > a:hover, .navbar.navbar-default.active .nav.navbar-nav li.dropdown-nav > a.active { background-color: var(--primary-color); color: var(--white-color); }
    .navbar.navbar-default.active .nav.navbar-nav li.dropdown-nav > a:hover:before, .navbar.navbar-default.active .nav.navbar-nav li.dropdown-nav > a.active:before { border-color: var(--white-color); }
    .navbar-default.active .subnav-container.short-container ul li a { background-color: #b30026; color: #fff; border-bottom: 1px solid rgb(255 255 255 / 20%); }
    .navbar.navbar-default .nav.navbar-nav > li > a { font-size: 13px; }
    .navbar.navbar-default .nav.navbar-nav li.dropdown-nav > a { padding: 15px 40px 15px 15px; }

    .product-image-slider-content .slick-arrow { transform: unset }
    .product-image-slider-content .slider-right-arrow { right: 15px; }
    .product-image-slider-content .slider-left-arrow { left: 15px; }

    .product-image-slider-content .slick-arrow { top: 45%; bottom: 0; filter: var(--white-filter-color); display: block; z-index: 9; width: 36px; height: 36px; background-size: 36px; }

    .navbar-toggle[aria-expanded="true"] .icon-bar:first-child {transform: rotate(45deg);top: 8px;position: relative;opacity: 1}
    .navbar-toggle[aria-expanded="true"] .icon-bar:last-child {position: relative;top: -4px;transform: rotate(-45deg);opacity: 1}
    .navbar-toggle[aria-expanded="true"] .icon-bar {opacity: 0}
    .navbar-toggle .icon-bar {transition: all 0.5s;position: relative;top: 0;opacity: 1}

    .client-slider .slick-list {border: 1px solid #ccc;}
    .client-slider .item img {margin: 0 auto;}
    .client-slider {max-width: 75%;margin: 0 auto;}

    .client-logo-list-box{display: none;}
    .client-slider-content{display: block;}
    .client-slider .slick-arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background-size: 40px;z-index: 1;cursor: pointer;}
    .client-slider .slider-right-arrow{background-image: url(/Media/img/icon/slider-sag-ok.png);right: -50px;}
    .client-slider .slider-left-arrow{background-image: url(/Media/img/icon/slider-sol-ok.png);left: -50px;}

    .landing-project-item-explain-text {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-align: justify;padding-right: 25px;}

    .footer-bottom-logo-list {margin-top: 85px;margin-bottom: 0;}
    .footer-bottom-logo-list ul li {margin-bottom: 55px;}
    .footer-bottom-logo-list ul li img {margin: 0 auto;}
}

@media only screen and (min-width: 768px) {
}

@media (max-width: 768px) {
    .client-logo-list-head { font-size: 18px; }
    .client-logo-list-explain { margin-top: 10px; text-align: justify; font-size: 13px; }
    .client-logo-list { max-width: 100%; margin-bottom: 20px; border: 1px solid #ccc; }
    .client-text-list ul li span { min-width: unset; }

    .certificate-list { max-width: 100%; padding: 0; margin-bottom: 50px; }
    .certificate-list-box { margin: 0; }

    .product-detail-main-wrap { padding: 20px; }
    .technical-left-content ul { padding: 0; }
    .technical-left-content ul li {font-size: 13px;padding-left: 20px;}
    .technical-left-content ul li:before { position: absolute; left: 0; }
    .product-up-front-box { margin: 0; flex-direction: column; }
    .product-up-front-list { max-width: 100%; margin: 0 0 35px; }
    .product-thumbnail-slider { display: none; }
    .product-image-slider { max-width: 100%; }


    .product-image-slider-content { padding-bottom: 0; }
}

@media (max-width: 576px) {
}

@media (max-width: 480px) {
}

@media (max-width: 414px) {
}

@media (max-width: 360px) {
}