@media only screen and (min-width:1921px) and (max-width:2699px){}
@media only screen and (min-width:1200px) and (max-width:1699px){
    .company-motto h2{font-size: 2.5rem;}
    .director-img h3{ bottom: -15px; font-size: 26px;}
    .product-top p.large-text{ font-size: 22px;}
    .turnkey-step-box span img { max-width: 100px;}
	.management-paragraph{ max-width:870px;}
}
@media only screen and (min-width:1200px) and (max-width:1499px){
#header-part, #header-part.scrolled-up, #header-part.hide{ padding: 10px 40px;}
.project-content h2{ font-size: 40px;}
	
}
 @media only screen and (min-width:1200px) { 
    #header-part .navbar-nav .nav-link{max-width: fit-content;margin: auto;}
    #header-part .navbar-nav .nav-item.dropdown {filter: drop-shadow(0px 28px 21px rgba(0, 0, 0, 0.12)); }
    #header-part .navbar-nav .nav-item .dropdown-menu {visibility: hidden;display: block !important;-webkit-transition: 0.5s;transition: 0.5s;clip-path: polygon(0% 0%,100% 0%,100% 0%,0% 0%);padding: 15px 5px;border-radius: 0;background: #bbb;}
    #header-part .navbar-nav .nav-item:hover .dropdown-menu, #header-part .navbar-nav .nav-item .dropdown-menu.show{visibility: visible; clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);} 
    #header-part .dropdown-item{color: #444;font-size: 16px;font-weight: 500;transition: all ease 0.5s;}
    #header-part .dropdown-item:hover{ transform: translateX(5px); background: transparent; opacity: 1;}
    #header-part .dropdown-item:hover .dropdown-menu{ opacity: .5;}
        }
        @media (max-width: 1599px) {
            #duck-type-plant-banner, .parallax-item {
                background-size: calc(100% + 470px) !important;
            }
        } 
        
@media (max-width: 1399px) {
    .footer-links {
        margin: 0px 0px 12px 0px;
    }
    .footer-top{
        padding: 0px 15px 20px 15px;
    }
    .footer-address {
        max-width: 850px;
    }
    .footer-bottom {
        padding: 40px 15px 25px 15px;
    }
        #duck-type-plant-banner, .parallax-item {
        background-size: calc(100% + 660px) !important;
    }
    .home_slide .innovative-middle {
    padding: 130px 80px;
}
    .home_slide {
        background-size: calc(100% + 350px) !important;
    }
}

@media (max-width: 1199px) {
    #header-part{ background: #33302ef5; padding: 20px 20px;}
    #header-part .navbar-nav .dropdown-menu { position: static; padding: 15px 15px 15px 15px; border-radius: 0px; background: #bbb; border: none;}
    #header-part  .dropdown-item{ white-space: normal; color: #444; outline: none; box-shadow: none; background: transparent;}
    #header-part a.dropdown-item:active {background: transparent;}
    #header-part.scrolled-up, #header-part.hide{ padding: 20px 20px;}
    #header-part .navbar .navbar-collapse { position: fixed; left: 0px; top: 0px; right: auto; z-index: 5; background-color: #34312F; width: calc(100% - 00px); height: calc(100% - 00px) !important; opacity: 1; visibility: visible; transform-origin: right; overflow-y: auto; overflow-x: hidden; flex-wrap: wrap; padding-top: 0; -webkit-clip-path: polygon(100% 00%, 100% 0%, 100% 0%, 100% 00%); -webkit-transition: -webkit-clip-path 0.3s ease; transition: -webkit-clip-path 0.3s ease; transition: clip-path 0.3s ease, -webkit-clip-path 0.3s ease; will-change: transform, clip-path; clip-path: polygon(100% 00%, 100% 0%, 100% 0%, 100% 00%);}
    #header-part .navbar .navbar-collapse::before{content: '';display: block;position: absolute;bottom: 0;width: 100%;height: 100%;background: url(../img/intro-bg.svg) no-repeat;background-size: cover;background-position: center; mix-blend-mode: multiply; opacity: .95;z-index: -1;}
    #header-part .navbar .navbar-collapse.show { clip-path: polygon(100% 100%, 0% 100%, 0% 0%, 100% 0%);}
    #header-part ul.navbar-nav { padding: 90px 50px 20px 50px;}
    #header-part .inquiry-btn{ padding: 0px 0px 20px 40px; display: inline-block;}
    #header-part .nav-link{ font-size: 24px; outline: none;}
    .custom-select-wrapper{ margin: 0px 0px 0px 40px;}
    /* #header-part button.navbar-toggler{z-index: 111;} */
    #header-part .navbar-toggler[aria-expanded="true"]{ position: fixed; top: 3px; right: 20px; z-index: 111;}
	#header-part.scrolled-up .navbar-toggler[aria-expanded="true"]{ position: fixed; top: -6px; z-index: 111;}
    .company-motto h2{font-size: 2.5rem;}
    .infra-info h3, .large-font, .cta-info h3{ font-size: 40px; line-height: 1.2;}
    .director-img h3{ bottom: -25px; font-size: 26px;}
    .project-content h2{ font-size: 32px;}
    #header-part .dropdown-item:focus, #header-part .dropdown-item.active{ background: transparent; }

    .inner-page-middle {
        padding: 55px 80px;
    }
    .inner-page-dark li, .inner-page-white li{
        height: 32px;
    }
.inner-main-title h1, .inner-page-middle h2 {
    font-size: 42px;
}
.footer-navbar {
    width: calc(100% + 0px);
    padding-left: 0;
}
.footer-address p{
    white-space: unset;
}
#footer-section {
    padding: 70px 00 00 00;
}
.footer-inner {
    padding: 0px 50px;
}
.footer {
    padding: 20px 65px;
}
    #duck-type-plant-banner, .parallax-item {
        background-size: calc(100% + 500px) !important;
    }
        .home_slide {
        background-size: calc(100% + 510px) !important;
    }
}
@media (max-width: 991px) {
    .vision-data span{ position: relative; left: 0;}
    #contact-page::before{ width: 100%;}
    .contact-info{ padding: 0px 20px;}
    .director-img{ max-width: 320px;}
    .inner-main-title h1, .inner-page-middle h2 {
        font-size: 38px;
    }
    .inner-main-title {
        padding: 0px 70px;
    } 
        .footer-address p {
        white-space: pre-line;
    }
    .footer-address h2, .footer-navbar h2{
        margin-bottom: 12px;
    }
    .footer-social{
        margin-top: 18px;
    }
        .footer-bottom {
        padding: 32px 15px 32px 15px;
    }
    .footer {
        justify-content: center;
    }

        .inner-page-dark li, .inner-page-white li {
        height: 24px;
    }
    #duck-type-plant-banner, .parallax-item {
        background-size: calc(100% + 550px) !important;
    }
        .home_slide .innovative-middle {
        padding: 70px 70px;
    }
        .home_slide {
        background-size: calc(100% + 620px) !important;
    }
}
@media (max-width: 767px) {
    #header-part{padding: 20px 20px;}
    #header-part.scrolled-up, #header-part.hide{ padding: 10px 20px;}
    #header-part .navbar-brand{ max-width: 190px;}
    .intro-info{ padding: 20px 20px;}
    .company-motto h2, .innovative-middle h2, .large-font, .welcome-content h3, .progress-section .content h3, .infra-info h3, .inner-main-title h1, .contact-info p.large-text, .inner-page-middle h2, .contact-form h3{ font-size: 2rem; line-height: 1.3;}
    .innovative-middle, #infrastructure-section, #partners-cta, .inner-page-middle, #management-team, .quality-section, #product-main, #turnkey-project{ padding: 45px 20px;}
    .business-areas-main, .progress-section{ padding: 30px 20px;}
    .welcome-information, .clients-title, .footer-inner, .contact-form, .directors-data, .inner-main-title, .turnkey-top, .turnkey-step, .career-inner{ padding: 0px 20px;}
    .gallery-data{ padding: 0px 20px 30px 20px;}
    .footer{ padding: 15px 20px;}
    .vision-data{ padding: 0px 0px 100px 0px;}
    .vision-data img{ position: relative; top: 0; max-width: 100px;}
    .vision-part{ padding: 0px 20px;}
    .vision-values-data{ padding: 0px 0px 0px 40px;}
    .quality-para{padding: 25px 0px 0px 0px;}
    .quality-points li{ padding: 30px 0px 30px 40px;}
    .management-paragraph p.large-text, .quality-para p.large-text, .director-profile p.large-text, .cta-info h3, .product-top p.large-text{ font-size: 22px; line-height: 34px;}
    .director-img h3, .related-gallery h2{ bottom: -25px; font-size: 30px;}
    .directors-data.white-bg, #career-form-section{ padding: 40px 20px;}
    .career-top{ padding: 45px 0px;}
    .career-form{ padding: 20px 20px;}
    .career-form h2{ font-size: 22px;}
    #export-page{ padding: 75px 20px; overflow: hidden;}
    .thanks-msg{ padding: 30px 0px;}
    .thanks-msg h2.error-ttl{ font-size: 4rem;}
    .inner-page-middle{
        padding: 35px 20px;
    }
        .inner-page-dark li, .inner-page-white li {
        height: 28px;
    }
    .inner-main-title h1, .inner-page-middle h2 {
    font-size: 28px;
}
#inner-page-top {
    padding: 155px 0px 40px 0px;
}
 
    .footer p{
        text-align: center;
    }
        #duck-type-plant-banner, .parallax-item {
        background-size: calc(100% + 670px) !important;
    }
    .innovative-inner li {
    height: 30px;
}
    .home_slide .innovative-middle {
        padding: 40px 20px;
    }
        .home_slide {
        background-size: calc(100% + 410px) !important;
    }
    #introduction-part {
    padding: 155px 0px 35px 0px;
    }
    .company-motto h2 {
    font-size: 30px;
    white-space: unset;
}
.company-motto p {
    font-size: 22px;
    margin-bottom: 12px;
}
.certificate-top {
    max-width: 130px;
}
.footer p a.dby img {
    max-width: 20px;
}
	.counter-data h3{ font-size:40px;}
	.counter-info{min-height: 200px; padding:25px 20px;}
	.counter-data .counter{ height:50px;}
	.counter-data .counter > span{ width:24px;}
	.counter-data p{ font-size:16px;}
	.counter-info span img {
    max-height: 45px; margin:0px 0px 15px 0px;
}
}
@media (max-width: 575px) {
      .inner-main-title h1, .inner-page-middle h2 {
        font-size: 24px;
    }
    .breadcrumbs-page li {
    font-size: 15px;
        padding: 0px 8px;
    }
        .inner-page-dark li, .inner-page-white li {
        height: 16px;
    }
        .inner-page-middle {
        padding: 32px 18px 26px 18px;
    }
       #duck-type-plant-banner, .parallax-item {
        background-size: calc(100% + 700px) !important;
    }
        #footer-section {
        padding: 50px 00 00 00;
    }
    .footer-inner{
        padding: 0px;
    }
    .footer-address h2, .footer-navbar h2 {
        margin-bottom: 10px;
        font-size: 15px;
    }
    .footer-links li a{
        font-size: 15px;
    }
        .footer-top {
        padding: 0px 15px 5px 15px;
    }
    .footer-bottom {
        padding: 22px 15px 22px 15px;
    }
    .footer-social li img {
    max-width: 20px;
    max-height: 20px;
}
.footer-social li {
    margin: 0px 10px;
}
    .footer-social {
        margin-top: 8px;
    }
    .footer-logo {
    min-width: unset;
    max-width: 190px;
    margin-bottom: 20px;
}
.innovative-middle h2 {
    font-size: 28px;
}
    .innovative-inner li {
        height: 20px;
    }
        .home_slide {
        background-size: calc(100% + 550px) !important;
    }
	.slogan-data::before{left:5px;}
	#inquiry-form .offcanvas{ margin:5px;}
}

@media (max-width: 540px) {
.career-opportunity .career-table tr{ display: grid;}
.career-opportunity a{ position: relative; top: 0; right: 0;}
.career-form .form-group .submit{ padding: 15px 70px;}
	#header-part .navbar-brand span.logo-white:before{ font-size:12px;}
}
@media (max-width: 340px) {
	#header-part .navbar-brand span.logo-white:before{ font-size:10px;}
}