@media only screen and (min-width: 1400px) {
    .container{ max-width: 1374px;}
}
@media only screen and (min-width:1392px) and (max-width:1699px){
#header-part .nav-link{ padding: 25px 10px;}
#main-slider .carousel-caption{ max-width: 540px; left: 4%;}
#main-slider .carousel-caption h5{font-size: 30px;}
#main-slider .carousel-shape{ top: 35%;}
}
@media only screen and (min-width:1200px) and (max-width:1391px){
    #main-slider .carousel-caption{ max-width: 540px; left: 4%;}
    #header-part .nav-link{ font-size: 15px; padding: 25px 9px;}
    .export-img {margin: -327px 0px 0px 15px;}
    #header-part .navbar-brand {max-width: 150px;}
    #main-slider .carousel-caption h5{font-size: 30px;}
    #main-slider .carousel-shape{ top: 35%;}
    .request-quote a{ font-size: 14px;}
    .counter-main-img{ max-width: 500px;}
    .counter-main-img .counter-center-img.jarallax{ min-height: 340px;}
    .counter-data{ padding: 35px 40px;}
    .about-image{ max-height: 320px;}
    .about-img.jarallax{min-height: 320px;}
}

@media only screen and (min-width: 1200px) {
    .menu-brief {padding: 25px 25px;width: 100%;max-width: 250px;background: #2f3e72;height: 100%;}
    .menu-brief h2{ font-size: 22px; color: #fff; font-weight: 600; margin: 0px 0px 15px 0px;}
    .menu-brief p{ font-size: 16px; color: #fff; font-weight: 400; margin: 0px 0px 35px 0px;} 
    .menu-brief a{padding: 8px 15px;color: #fff;border: 1px solid #fff;border-radius: 5px;text-decoration: none;font-size: 14px;transition: all .4s linear;position: relative;z-index: 1;}
    .menu-brief a::before{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background: #fff;z-index: -1;transition: all .4s linear;}
    .menu-brief a:hover:before{ height: 100%;}
    .menu-brief a:hover{ color: #444;}
    .menu-list {margin: 0px 0px;padding: 15px 0px 15px 0px;position: relative;}
    .menu-list ul { margin: 0px 0px; padding: 0px 0px; position: relative;}
    .menu-list ul li {list-style: none;padding: 0px 0px;position: relative;border-bottom: 1px solid #ffc826;}
    .menu-list ul li a{display: block;padding: 10px 15px;font-size: 16px;color: #2a3766;font-weight: 500;position: relative;transition: all .4s linear;}
    .menu-list ul li:last-child{ border: none;}
    .menu-list ul li a:hover{color: #2f3e72;background: transparent;transform: translateX(5px);}
    #header-part .dropdown-menu {padding: 25px 25px;border-radius: 0;border: none;box-shadow: 0 15px 15px -4px rgb(0 0 0 / 12%);border-radius: 10px 10px 10px 10px;transition: all ease 0.4s;-moz-transition: all ease 0.4s;-ms-transition: all ease 0.4s;-webkit-transition: all ease 0.4s;min-width: 275px;background: #f8b901;}
    #header-part .dropdown-menu .dropdown-item{font-size: 16px;font-weight: 500;color: #444;padding: 6px 15px;transition: all ease 0.5s;}
    #header-part .dropdown-menu .dropdown-item:hover{color: #2f3e72;transform: translateX(5px);background: transparent;}
    #header-part .dropdown-submenu>.dropdown-menu,#header-part .dropdown>.dropdown-menu {-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-ms-transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0;transform-origin: 0 0 0;-webkit-transition: all 0.35s ease 0s;-moz-transition: all 0.35s ease 0s;-o-transition: all 0.35s ease 0s;transition: all 0.35s ease 0s;display: block;visibility: hidden;opacity: 0;left: 0;top: calc(100% + 0px);color: #fff !important;}
    #header-part .dropdown-submenu:hover>.dropdown-menu,#header-part .dropdown:hover>.dropdown-menu,#header-part .dropdown>.dropdown-menu.show { margin-top: 0; opacity: 1; visibility: visible; -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1)}
    .dropdown-item.active, .dropdown-item:active{ background-color: transparent; color: #1D8236;}
}

@media (max-width: 1199px) {
    #main-slider .carousel-caption{ max-width: 500px; left: 5%; bottom: 20px;}
    #main-slider .carousel-caption h5{ font-size: 26px;}
    #main-slider .carousel-caption p{ font-size: 16px;}
    #header-part .nav-link{padding: 5px 13px;}
    .acc-item{flex: 0 0 140px;}
    .acc-title{ width: 140px;}
    #main-slider .carousel-shape{ top: 35%;}
    #header-part{ background: #fff; }
    .navbar-toggler:focus{ outline: none; box-shadow: none;}
    ul.navbar-nav { max-height: 350px; overflow-y: auto;}
    .navbar-nav .dropdown-menu { position: static; border: none; padding: 10px 10px; background: #f5f5f5;}
    #header-part{padding: 10px 10px;}
    #header-part.sticky{ padding: 10px 10px;}
    #header-part .nav-link{ color: #444;}
    .export-img { margin: -327px 0px 0px 15px;}
    .menu-brief {display: none;}
    .menu-list { padding: 0px 0px 0px 0px; margin: 0px 0px; position: relative;}
    .menu-list ul{padding: 0px 0px 0px 0px; margin: 0px 0px; position: relative;}
    .about-image{ max-height: 260px; }
    .about-img.jarallax{ min-height: 260px;}
}

@media (max-width: 991px) {
    #banner-part, #about-mehtex{ border: 15px solid #fff;}
    #main-slider{border:none;}
    .counter-main-img .counter-center-img.jarallax {min-height: 366px;}
    .counter-main-img{ max-width: 555px;}
    .acc-item{flex: 0 0 100px;}
    .acc-title{ width: 100%;}
    .export-img {margin: 0px 0px 0px 0px;}
    #main-slider .carousel-caption .slider-btn{display: none;}
    #main-slider .carousel-caption{ max-width: 420px !important;}
    #main-slider .carousel-caption h5{ font-size: 20px;}
    .about-left{padding: 0px 0px;}
    .about-image{ max-height: 380px; }
    .about-img.jarallax{ min-height: 380px;}
    .industries-img{max-height: 200px;}
}

@media (max-width: 767px) {
.about-left h2, .manufaturing-title h2, .industries-title h2, .supplier-content h2, .cta-information .cta-left h3, .about-brief h2, .key-fact h2, .export-content h3, 
.industries-top h2, .career-top h2, .contact-title h2, .quality-info h2{ font-size: 28px; white-space: inherit;}
.about-left h2{ margin: 0px 0px 0px 0px;}
#header-part .navbar-brand {max-width: 180px;}
#manufacturing-section{ margin: 0px 15px; padding: 30px 0px;}
.supplier-content{padding: 0px 10px 25px 10px;}
#main-slider .carousel-shape{right: 15%;top: 30%;}
#main-slider .carousel-caption .slider-btn{ display: none;}

#main-slider .carousel-caption h5{ font-size: 17px;}
#main-slider .carousel-caption p{display: none;}
.about-left{padding: 0px 0px;}
.industries-info .industries-details{ display: none;}
#industries-part::before{ width: calc(100% - 30px); height: 85%;}
.acc-item a{left: inherit; right: 25px;}
.country-list{ width: 100%; border-radius: 5px 5px 0px 0px; max-width: inherit;}
.counter-main-img { max-width: 380px;}
.acc-content p { opacity: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.accordion-item.active .accordion-content { height: 100%;}
.accordion-header span{ font-size: 16px;}
.content p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.about-para p, .supplier-left p, .supplier-points li{ font-size: 16px;}
#counter-part{ padding: 50px 0px 0px 0px;}
.counter-main-img .counter-center-img.jarallax {min-height: 260px;}
.counter-main-img {max-width: 370px; padding: 5px;}
.counter-data{ padding: 35px 30px;}
.footer-logo{ max-width: 200px;}
.sub-banner-img.jarallax{min-height: 250px;}
#sub-banner{border: none;}
.contact-top h2 {font-size: 23px; margin: 0px 0px 0px 0px;}
.about-page{ padding: 0px 0px;}
#export-page{padding: 0px 0px;}
.export-map-inner{ overflow:auto;}
.manufaturing-title{padding: 0px 15px 0px 15px;}
#industries-part{padding: 30px 0px 20px 0px;}
.industries-title{padding: 0px 25px 0px 25px;}
#cta-part, #footer-main{ margin: 0px 15px; padding: 35px 0px 0px 0px;}
.about-brief{ padding: 0px 10px 20px 10px;}
.breadcrumbs-info{margin: -35px 0px 30px 0px;}
.key-fact{ margin: 0px 15px; padding: 30px 0px 30px 0px;}
.keyfact-inner{ padding: 0px 10px 0px 10px;}
#services-page{ padding: 10px 15px;}
.service-brief{padding: 0px 0px; margin: 0px 0px 30px 0px;}
.service-detail-part{ padding: 20px 20px;}
.services-details h3{font-size: 20px;}
.product-tab-body{ padding: 25px 0px;}
.product-tabs .nav-link{ font-size: 16px;}
.product-slider-part{ padding: 0px 0px 0px 0px; border: none;}
.breadcrumbs-info h1{ font-size: 24px; margin: 0px 0px 10px 0px;}
.industries-page{padding: 0px 0px;}
.industries-top{padding: 0px 10px; margin: 0px 0px 25px 0px;}
.industries-list{padding: 0px 15px 25px 15px;margin: 0px 0px 25px 0px;}
.industries-list:before{ height: 90%;}
.export-content{ padding: 0px 10px;}
.career-top{ padding: 0px 0px;}
.career-inner{ padding: 0px 15px;}
.career-opportunity a{ position: relative; right: 0; top: -5px;}
#career-form-section{ padding: 25px 15px;}
.career-form{ padding: 20px 20px;}
.career-form h2{ font-size: 22px;}
.career-form .form-group .submit{padding: 15px 60px; width: 100%;}
.contact-title{ padding: 0px 0px 0px 0px;}
#global-supplier{ padding: 0px 0px 0px 0px;}
.services-modal .offcanvas, .request-modal .offcanvas, .industries-modal .offcanvas{ margin: 10px;}
#quality-page{ padding: 0px 10px;}
.quality-info h3{ font-size: 20px;}
.alloy-work{ padding: 25px 25px;}
.services-panel{ bottom: 45%;}
.industries-body h3{font-size:24px;}
.industries-body {padding: 20px 5px;}
}

@media only screen and (min-width:541px) and (max-width:768px){
    #main-slider .carousel-caption { left: 6%; bottom: 70px; max-width: 250px;}
    #main-slider .carousel-shape { right: 7%; top: 35%;}
    #main-slider .carousel-item img { min-height: 250px; object-position: center;}
}

@media (max-width: 490px) {
.counter-main-img .counter-center-img.jarallax{ min-height: 220px;}
.about-image::before{top: -1px;}
.about-img.jarallax{min-height: 260px;}
.about-image{,max-height: 220px;max-height: 260px;}
.counter-main-img {max-width: 330px; padding: 5px;}
.export-img {width: 100%;height: 280px;clip-path: none;border-radius: 0px 0px 10px 10px;position: relative;overflow: hidden;}
.copyright-part p{ font-size: 15px;}
.career-opportunity .career-table tr td:first-child{ min-width: 150px;}
.contact-middle-part{ margin: 0px 10px 30px 10px;}
#main-slider .carousel-caption h5 {font-size: 15px; line-height: 22px;}
.keyfact-details p{ font-size: 17px;}
.keyfact-details strong{border: none;display: block;width: 100%;}
#main-slider .carousel-caption{ left: 6%; bottom: 15px; max-width: 200px;}
#industries-part .owl-item.active.center .industries-info:after{ bottom: 35px;}
.country-list{ max-width: inherit;}

}

@media (max-width: 390px) {
.about-img.jarallax{min-height: 240px;}
.about-image{,max-height: 220px;max-height: 240px;}
}