@media only screen and (min-width:1921px) and (max-width:2699px){
}
@media only screen and (min-width:1920px) {
    .container{ max-width: 1374px;}
}
@media only screen and (min-width:1200px) and (max-width:1699px){
    #banner-part span{ width: 60%; height: 100%;}
    .slide-content{ left: 60%;}
    .action-details h2{ font-size: 37px;}
}
 @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-menu {visibility: hidden;display: block !important;-webkit-transition: 0.5s;transition: 0.3s;clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);padding: 0px 20px;border-radius: 0;background: #fff;border: none;width: 100%;margin: 0px;min-width: 300px;}
    #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 .navbar-nav .nav-item>.dropdown-menu:before { content: ""; position: absolute; height: calc(100% - 20px); width: 100%; left: 0; bottom: 0; background: #ffffff;}
    #header-part .dropdown-item{color: #444;font-size: 15px;font-weight: 500;transition: all ease 0.5s;padding: 10px 0px;}
    #header-part .dropdown-item:hover{ transform: translateX(5px); background: transparent; opacity: 1;}
    #header-part .dropdown-item:hover .dropdown-menu{ opacity: .5;}
    #header-part .navbar-nav .nav-item .dropdown-menu li{border-bottom: 1px solid #f3f3f3; opacity: 0; transform: translateY(-10px); transition: all 0.4s ease;}
    #header-part .navbar-nav .nav-item .dropdown-menu li:last-child{ border: none;}

    #header-part .navbar-nav .nav-item:hover .dropdown-menu li:nth-child(1){transition-delay: 0.1s; opacity: 1; transform: translateY(0);}
    #header-part .navbar-nav .nav-item:hover .dropdown-menu li:nth-child(2){transition-delay: 0.2s; opacity: 1; transform: translateY(0);}
    #header-part .navbar-nav .nav-item:hover .dropdown-menu li:nth-child(3){transition-delay: 0.3s; opacity: 1; transform: translateY(0);}
    #header-part .navbar-nav .nav-item:hover .dropdown-menu li:nth-child(4){transition-delay: 0.4s; opacity: 1; transform: translateY(0);}
    #header-part .navbar-nav .nav-item:hover .dropdown-menu li:nth-child(5){transition-delay: 0.5s; opacity: 1; transform: translateY(0);}
 }
@media (max-width: 1199px) {
    .navbar-toggler{ position: absolute; right: 0; z-index: 111; border: none; box-shadow: none;}
    #header-part .navbar-brand{ margin: 0px 0px 0px 0px; padding: 10px 15px; background: transparent;}
    #header-part.hide .navbar-brand{ margin: 0px 0px 0px 0px; padding: 10px 15px;}
    #impact-part{ background-repeat: repeat;}
    #header-part .navbar .navbar-collapse { position: fixed; left: 0px; top: 0px; right: auto; z-index: 5; background-color: #fff; 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;right: 0;bottom: 0;width: 100%;height: 100%;background: url(../img/manufacture-shape.jpg) no-repeat;background-size: cover;filter: grayscale(1);z-index: -1;opacity: .30;}
    #header-part .navbar .navbar-collapse.show { clip-path: polygon(100% 100%, 0% 100%, 0% 0%, 100% 0%);}
    #header-part ul.navbar-nav {padding:75px 20px 20px 20px;}  
    #header-part .navbar .nav-link{ padding:8px 14px; font-size: 22px;}
    #header-part .navbar .dropdown-menu {border: none; border-radius: 0px 0px 0px 0px; background: #e3e3e273;}
    #header-part .dropdown-item{ font-size: 20px;}
    .header-menu{ padding: 0px 15px;}
    #nav-icon2{ display: block;}
    .header-menu .logo-icon {display: none;}
    .action-details h2{ font-size: 28px;}
    #banner-part .carousel-text .carousel-caption{ top: 25%;}
    #banner-part .carousel-text .carousel-caption h5 { font-size: 28px; color: #fff; white-space: pre-line;}
    #banner-part span{ width: 50%; height: 100%;}
    .hero-slider{ height: 350px;}
    .slide-content{ left: 50%;}
    #banner-part span::after{ background-size: contain;}
    .prior-ttl, .about-info p.large-para, .product-range-information h2{ font-size: 37px; line-height: 44px;}
}  

@media (max-width: 992px) {
    .prior-ttl{ font-size: 28px; line-height: 32px;}
    .welcome-info{ padding: 35px 30px;}
    .product-feature{ flex-wrap: wrap;}
    #company-profile::before{ width: 100%;}
}

@media (max-width: 767px) {
#banner-part span{ width: 100%; height: fit-content;}
.slide-content{ left: 5%; top: 80%;}
.slide-content h2 {font-size: 28px;}
.hero-slider .nav { top: 25%; font-size: 18px; opacity: .65; transition: all ease 0.5s;}
.hero-slider .nav:hover{ opacity: 1;}
#product-parts, #innovative-features, #product-main, #key-features, #product-range, #careers-page, #company-profile, #contact-information, #product-ingredient, #believe-part, #home-industries{ padding: 40px 10px;}
#product-manufacture{ padding: 40px 10px 0px 10px;}
.welcome-info{padding: 40px 15px;}
.product-info small, .sub-head, .manufacturer-top small, #home-industries h2, .product-data small, .product-range-top small, .about-info h2, .believe-top small{ font-size: 16px;}
.product-info h2, .prior-ttl, .manufacturer-top h2, .action-details h2, .product-data h2, .feature-information h3, .product-range-top h2, .about-info p.large-para, .touch-form h2, .contact-form h2, .salient-features h2, .believe-top h2{font-size: 22px;line-height: 28px;}
.products{ min-height: auto;}
.action-details{ padding: 35px 20px;}
.product-feature{ flex-wrap: wrap;}
.product-feature span{ margin: 0px 0px 25px 0px;}
.product-img-slider{ padding: 20px 20px;}
.product-data{ padding: 20px 0px;}
.product-range-information .accordion-body{ padding: 15px 5px;}
.product-range-information .accordion-item{ padding: 0px 10px;}
.product-table thead th, .product-table tbody td{ font-size: 15px;}
.product-table{ margin: 0px 0px 30px 0px;}
.range-img{ padding: 15px 15px;}
.sub-page-title{ padding: 35px 35px;}
.sub-page-title h1{ font-size: 30px;}
.about-info{ padding: 0px 0px 30px 0px;}
.career-form-inner, .touch-form{ padding: 20px;}
#get-in-touch-modal .modal-header .btn-close {position: absolute;right: 30px;top: 3%;z-index: 1;font-size: 13px;transition: all ease 0.5s;opacity: 1;background-color: #ffffff;border: 1px solid #000;}
#get-in-touch-modal .modal-header{ padding: 0px 0px;}
.career-top{ margin: 0px auto 0px auto;}
.popup-img{ max-height: 250px;}
.product-parts{ padding: 25px 0px;}
.contact-form{ padding: 20px;}
.other-product-list img{ display: none;}
.other-product-list li a{ padding: 10px 20px !important;}
.product-range-information{ padding: 0px 0px;}
.product-parts{ margin: 0px 0px 20px 0px;}
.slide-content p{ font-size: 17px;}
}
@media (max-width: 540px) {
.footer-nav li a{ font-size: 15px; padding: 0px 4px;}
.footer-right li:first-child a{ padding-left: 0;}
.footer-right li a{ font-size: 15px; padding: 0px 5px;}
}