@media only screen and (min-width:320px) and (max-width:575px) {

/*------- Common CSS Starts -------*/

.container-fluid { padding: 25px 15px; }
.section-outline-heading { margin-bottom: 25px; position: static; }
.section-outline-heading > div { font-size: 4rem; line-height: 1; word-break: break-all; }
.section-heading.mb-30-desktop,
.section-heading.mb-50-desktop { margin-bottom: 25px; }
.section-heading > h2 { font-size: 2.4rem; }
.section-heading > h3 { font-size: 2.2rem; }
.section-heading > h4 { font-size: 2rem; }
.btn-primary > a { display: block; font-size: 1.6rem; padding: 10px 24px; }
.btn-primary > a > i { line-height: 2; }

/*------- Common CSS Ends -------*/

/*------- Home Page CSS Starts -------*/

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.bg-logo-burger-menu-mobile { background-color: #ffffff; display: block; left: 0; padding: 10px 15px; position: fixed; top: 0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 100%; z-index: 10; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { width: 40px; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.burger-menu { background-color: transparent; cursor: poCocomatPro; height: 25px; position: relative; width: 25px; }
.burger-menu span { background-color: #C02141; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s linear 0.5s; -moz-transition: 0.5s linear 0.5s; -ms-transition: 0.5s linear 0.5s; -o-transition: 0.5s linear 0.5s; transition: 0.5s linear 0.5s; width: 25px; }
.burger-menu span::before,
.burger-menu span::after { background-color: #C02141; content: ""; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25px; }
.burger-menu span::before { top: -10px; }
.burger-menu.active span { background-color: transparent; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; transition: 0s linear; }
.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Ends -------*/

  /*------- Mobile Navbar Menu Section Starts -------*/

.fixed-navbar-menu-mobile { background: url("../images/banner.jpg") no-repeat top/cover; display: block; height: 100%; left: 0; position: fixed; top: 0; transform: translateY(-100%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; width: 100%; z-index: 10; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
.fixed-navbar-menu-mobile.active { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.fixed-navbar-menu-mobile-close { background-color: #f7f7f7; position: fixed; right: 0; top: 0; z-index: 10; }
.fixed-navbar-menu-mobile-close > i { color: #C02141; display: block; font-size: 2.4rem; height: 40px; line-height: 40px; text-align: center; width: 40px; }
.menu-listing-mobile { left: 50%; position: fixed; text-align: center; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 90%; z-index: 11; }
.fixed-navbar-menu-mobile::before { background-color: rgb(0 22 54 / 90%); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
.menu-listing-mobile > li { display: block; margin-bottom: 15px; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a { color: #f7f7f7; font: 1.8rem/1.2 "CocomatPro-Medium"; }
.menu-listing-mobile > li.active > a,
.menu-listing-mobile > li > a:hover,
.menu-listing-mobile > li.active > i { color: #FFC107; }
.menu-listing-mobile > li > i { color: #f7f7f7; font-size: 1.8rem; padding-left: 10px; }
.sub-menu-listing-mobile { background-color: #00000070; display: none; max-height: calc(100vh - 350px); margin-top: 10px; overflow-y: auto; padding: 15px; }
.sub-menu-listing-mobile > li { display: block; margin-bottom: 10px; }
.sub-menu-listing-mobile > li:last-child { margin-bottom: 0; }
.sub-menu-listing-mobile > li > a { color: #f7f7f7; font: 1.6rem/1.4 "CocomatPro-Regular"; }
.sub-menu-listing-mobile > li.active > a,
.sub-menu-listing-mobile > li > a:hover { color: #ffeb3b; }

  /*------- Mobile Navbar Menu Section Ends -------*/

  /*------- Desktop Logo and Menu Section Starts -------*/

.bg-logo-navbar-menu-header-desktop { display: none; }

  /*------- Desktop Logo and Menu Section Ends -------*/

  /*------- WhatsApp Button Section Starts -------*/

.btn-whatsapp { bottom: 20px; right: 20px; }

  /*------- WhatsApp Button Section Ends -------*/

  /*------- Banner Section Starts -------*/

.bg-banner { margin-top: 64px; }
.bg-banner::before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
.banner-info > h1 { font-size: 3.6rem; margin-bottom: 25px; text-transform: uppercase; }
.banner-info > p { margin-bottom: 25px; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.bg-about { overflow-y: hidden; }
.about-image > img { margin-bottom: 25px; }
.about-image-above { position: static; }
.about-image-above > img { border: 0; margin-bottom: 75px; width: 100%; }
.about-info > p { margin-bottom: 25px; padding-right: 0; }
.about-image-below { bottom: 25px; left: -20px; right: auto; }
.about-image-below > img { width: 100px; }

  /*------- About Us Section Ends -------*/

  /*------- Our Products Section Starts -------*/

.products-section-outline-heading { top: 0; }
.box-products { margin-bottom: 25px; }
.box-products-info { padding: 15px; }
.box-products-info > h4 { -webkit-box-orient: revert; display: -webkit-box; -webkit-line-clamp: revert; font-size: 2rem; margin-bottom: 15px; }
.box-products-info > p { -webkit-box-orient: revert; display: -webkit-box; -webkit-line-clamp: revert; margin-bottom: 15px; }
.bg-products .row.mb-20-desktop { margin-bottom: 0; }

  /*------- Our Products Section Ends -------*/

  /*------- Our Services Section Starts -------*/

.box-services-desc { margin-bottom: 20px; padding: 20px; }
.box-services-desc > p { font-size: 1.8rem; }
.our-key-services-section-heading.mb-50-desktop { margin-bottom: 20px; }
.box-services { padding: 25px 0; }
.box-services:last-child { margin-bottom: 25px; }
.box-services-last-child-sp:last-child { margin-bottom: 0; padding-bottom: 0; }
.box-services:hover { background-color: #FFFFFF; }
.box-services-heading > h4 { font-size: 2rem; margin-bottom: 15px; }
.box-services-info-icon { display: block; }
.box-services-info > p { margin: 0 0 20px 0; }

  /*------- Our Services Section Ends -------*/

  /*------- Industry Section Starts -------*/

.bg-industry { padding: 40px 15px; }
.box-industry-info > p { font-size: 1.8rem; }

  /*------- Industry Section Ends -------*/

  /*------- Certificates Section Starts -------*/

.bg-certificates { padding: 25px 15px 0; }
.box-certificates { margin-bottom: 25px; }

  /*------- Certificates Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-logo > a > img { margin-bottom: 25px; width: 100px; }
.footer-desc > p,
.footer-social-listing { margin-bottom: 25px; }
.footer-heading > h4 { font-size: 2rem; margin-bottom: 25px; }
.footer-quick-links-listing { margin-bottom: 25px; }
.footer-quick-links-listing > li:last-child { margin-bottom: 0; }
.our-products-1-footer-quick-links-listing > li:last-child,
.our-services-1-footer-quick-links-listing > li:last-child { margin-bottom: -10px; }
.footer-contact-listing { margin-bottom: 30px; }
.footer-contact-listing > li { padding-left: 35px; }
.footer-contact-listing > li:first-child::before,
.footer-contact-listing > li:nth-child(2)::before,
.footer-contact-listing > li:nth-child(3)::before { top: -1px; }
.footer-contact-listing > li > p { margin-bottom: 15px; }
.footer-contact-listing > li > p > span { line-height: normal; padding-left: 0; }
.copyright-info { padding-top: 25px; }

	/*------- Footer Section Ends -------*/

/*------- Home Page CSS Ends -------*/

/*------- About Us Page Starts -------*/

  /*------- Banner Section Starts -------*/

.bg-banner-ip { margin-top: 64px; padding: 30px 15px; }
.bg-banner-ip::before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
.banner-info-ip > h1 { margin-bottom: 0; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.bg-legacy-leadership { padding: 25px 15px 0; }
.legacy-leadership-info > p { margin: 20px 0 25px; }

  /*------- About Us Section Ends -------*/

  /*------- Second and Third Generation Section Starts -------*/

.bg-second-generation,
.bg-third-generation,
.bg-third-generation-heading { padding-bottom: 0; }
.bg-second-generation-heading { padding: 0 15px; }
.bg-second-generation::before,
.bg-third-generation::before { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; width: 100%; }
.second-third-generation-info > p { font-size: 1.8rem; margin-bottom: 25px; }
.second-third-generation-image > img { margin-bottom: 20px; }
.second-generation-person-name > h4,
.third-generation-person-name > h4 { padding-bottom: 3px; margin-bottom: 25px; }
.third-generation-section-heading > h2 { text-align: left; }

  /*------- Second and Third Generation Section Ends -------*/

  /*------- Mission and Vision Section Starts -------*/

.bg-mission { padding: 25px 15px 0; }
.bg-vision { padding: 0 15px; }
.box-mission-desc,
.box-vision-desc { margin-bottom: 20px; padding: 20px; }
.box-mission-desc > p,
.box-vision-desc > p,
.box-mission-extra-desc > p,
.box-vision-extra-desc > p { font-size: 1.8rem; }
.mission-listing,
.vision-listing { margin-top: 25px; }
.mission-listing > li,
.vision-listing > li,
.quality-testing-listing > li { margin-bottom: 25px; }
.mission-listing > li > span,
.vision-listing > li > span,
.quality-testing-listing > li > span { text-align: left; }
.mission-listing > li > img, 
.vision-listing > li > img, 
.quality-testing-listing > li > img { top: -1px; }
.box-mission-extra-desc,
.box-vision-extra-desc { margin: 25px 0; padding: 20px; }

  /*------- Mission and Vision Section Ends -------*/

  /*------- Quality Information Section Starts -------*/

.bg-quality-information { padding: 25px 15px; }
.quality-section-outline-heading { margin-top: 0; }
.quality-testing-info,
.extra-product-info,
.extra-service-info { margin-top: 0; padding: 20px; }
.quality-testing-info > p,
.extra-product-info > p,
.extra-service-info > p { font-size: 2rem; }

  /*------- Quality Information Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Products Page Starts -------*/

  /*------- Our Products Section Starts -------*/

.bg-products-pp { padding: 20px 15px 5px; }

  /*------- Our Products Section Ends -------*/

/*------- Products Page Ends -------*/

/*------- Sub Product Page Starts -------*/

  /*------- Product Information Section Starts -------*/

.bg-product-info { overflow-y: hidden; padding: 20px 15px; }
.product-info-section-heading-1 > h2,
.product-info-section-heading-2 > h3 { margin-bottom: 25px; }
.box-product-desc { margin-bottom: 25px; padding: 20px; }
.box-product-desc > p { font-size: 1.8rem; }
.product-question-icon { display: none; }

  /*------- Product Information Section Ends -------*/

  /*------- Key Features Section Starts -------*/

.bg-key-features,
.bg-what-we-offer { padding: 25px 0 0; }
.bg-what-we-offer { margin-top: -20px; }
.key-features-info,
.what-we-offer-info { padding: 25px; }
.applications-info,
.industries-info { padding: 20px 0 0; }
.key-features-section-outline-heading,
.what-we-offer-section-outline-heading { padding: 0 20px; }
.key-features-info > .section-heading > h3,
.applications-info > .section-heading > h3,
.industries-info > .section-heading > h3,
.what-we-offer-info > .section-heading > h3 { margin-bottom: 25px; }
.key-features-listing > li,
.manufacturing-excellence-listing > li, 
.qa-testing-listing > li,
.what-we-offer-listing > li,
.custom-options-listing > li, 
.optional-accessories-listing > li { margin-bottom: 25px; padding-left: 40px; }
.key-features-listing > li:last-child, 
.applications-listing > li:last-child, 
.manufacturing-excellence-listing > li:last-child, 
.qa-testing-listing > li:last-child, 
.industries-listing > li:last-child, 
.what-we-offer-listing > li:last-child { margin-bottom: 10px; }
.custom-options-listing > li:last-child,
.optional-accessories-listing > li:last-child { margin-bottom: 10px; }
.key-features-listing > li > img, 
.manufacturing-excellence-listing > li > img, 
.qa-testing-listing > li > img, 
.custom-options-listing > li > img,
.optional-accessories-listing > li > img { top: 2px; width: 30px; }
.what-we-offer-listing > li > img { width: 30px; }
.key-features-listing > li > span:first-of-type, 
.applications-listing > li > span:first-of-type, 
.manufacturing-excellence-listing > li > span:first-of-type, 
.qa-testing-listing > li > span:first-of-type, 
.what-we-offer-listing > li > span:first-of-type { text-align: left; }
.key-features-listing > li > div { padding-left: 30px; }

  /*------- Key Features Section Ends -------*/

  /*------- Technical Capabilities Section Starts -------*/

.bg-technical-capabilities { padding-top: 0; }

  /*------- Technical Capabilities Section Ends -------*/

  /*------- Cooling System Section Starts -------*/

.cooling-system-info > .section-heading > h2 { margin-bottom: 25px; }
.cooling-system-info > p { text-align: justify; }

  /*------- Cooling System Section Ends -------*/

  /*------- Manufacturing Excellence Section Starts -------*/

.bg-manufacturing-excellence,
.bg-qa-testing { padding: 25px 15px 0; }
.bg-tanks-types { margin-top: -20px; }

  /*------- Manufacturing Excellence Section Ends -------*/

  /*------- Custom Options Section Starts -------*/

.bg-custom-options,
.bg-optional-accessories { margin: 25px 0 0; }

  /*------- Custom Options Section Ends -------*/

  /*------- Applications Section Starts -------*/

.bg-applications,
.bg-industries { overflow-y: hidden; }

  /*------- Applications Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.bg-why-choose-us { margin: 0 0 25px; }
.bg-why-chhose-us-2 { margin-bottom: 25px; padding-bottom: 25px; }
.box-why-choose-us { margin-bottom: 0; padding: 20px; }
.box-why-choose-us-info > h4 { font-size: 2rem; margin-bottom: 15px; }
.why-choose-us-listing > li { margin-bottom: 25px; padding-left: 40px; }
.why-choose-us-listing > li:last-child { margin-bottom: 25px; }
.why-choose-us-listing > li > img { top: 2px; width: 30px; }
.why-choose-us-image > img { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }

  /*------- Why Choose Us Section Ends -------*/

  /*------- Extra Product Info Section Starts -------*/

.bg-extra-product-info,
.bg-extra-service-info { padding-bottom: 25px; padding-top: 0; }
.extra-product-section-heading > h3  { margin-bottom: 25px; }

  /*------- Extra Product Info Section Ends -------*/

/*------- Sub Product Page Ends -------*/

/*------- Sub Services Page Starts -------*/

  /*------- Services Information Section Starts -------*/

.bg-service-info { overflow-y: hidden; }
.service-info-section-heading-1 > h2,
.service-info-section-heading-2 > h3 { margin-bottom: 25px; }
.box-service-desc { margin-bottom: 5px; padding: 20px; }
.box-service-desc > p { font-size: 1.8rem; }

  /*------- Services Information Section Ends -------*/

  /*------- Scope-Expertise-Services Section Starts -------*/

.bg-scope-expertise-services { padding: 20px 15px 0; }
.scope-expertise-services-section-heading-with-no-desc > h3,
.scope-expertise-services-section-desc > p { margin-bottom: 25px; }
.scope-expertise-services-info { margin-bottom: 25px; padding-left: 40px; }
.scope-expertise-services-info > img { top: 2px; }
.scope-expertise-services-info > p > span { font-size: 2rem; text-align: left; }

  /*------- Scope-Expertise-Services Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.bg-why-choose-us-services { margin-bottom: 25px; overflow-y: hidden; padding-bottom: 25px; }
.why-choose-us-services-section-heading > h2 { margin-bottom: 25px; }
.why-choose-us-services-image > img { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; margin-bottom: 25px; }
.box-why-choose-us-services { margin-bottom: 25px; padding: 20px; }
.box-why-choose-us-services-info > h4 { font-size: 2rem; margin-bottom: 15px; }

  /*------- Why Choose Us Section Ends -------*/

/*------- Sub Services Page Ends -------*/

/*------- Gallery Page Starts -------*/

.bg-gallery { padding: 25px 15px 0; }
.box-gallery-image,
.box-milestone-image { margin-bottom: 25px; }

/*------- Gallery Page Ends -------*/

/*------- Clientele Page Starts -------*/

.bg-clientele { padding: 25px 15px 0; }
.box-clientele-image { margin-bottom: 25px; text-align: center; }
.box-clientele-image > img { width: 90%; }

/*------- Clientele Page Ends -------*/

/*------- Milestone Page Starts -------*/

.bg-milestone { padding: 20px 15px 0; }
.milestone-desc h2,
.milestone-desc > p:last-of-type,
.milestone-img > img { margin-bottom: 25px; }

/*------- Milestone Page Ends -------*/

/*------- Contact Us Page Starts -------*/

  /*------- Map Section Starts -------*/

.iframe-map { height: 300px; }

  /*------- Map Section Ends -------*/

  /*------- Contact Information and Form Section Starts -------*/

.get-in-touch-listing > li,
.get-in-touch-listing > li:last-child { margin-bottom: 25px; }
.box-contact-icon-info { display: block; padding: 20px; }
.box-contact-icon { margin-right: 0; width: 15%; }
.box-contact-icon > img { margin-bottom: 15px; width: 100%; }
.box-contact-info { width: 100%; }
.box-contact-info > h4 { font-size: 2.4rem; }
.box-form { padding: 20px; }
.box-form-heading > h3 { margin-bottom: 25px; }
.form-group-cp { margin-bottom: 25px; }
.form-control-cp { padding: 1rem 2rem; }

  /*------- Contact Information and Form Section Ends -------*/

/*------- Contact Us Page Ends -------*/

}

@media only screen and (min-width:576px) and (max-width:767px) {

/*------- Common CSS Starts -------*/

.container-fluid { padding: 30px 15px; }
.section-outline-heading { margin-bottom: 30px; position: static; }
.section-outline-heading > div { font-size: 6rem; line-height: 1; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; word-break: break-all; }
.section-heading.mb-30-desktop,
.section-heading.mb-50-desktop { margin-bottom: 30px; }
.section-heading > h2 { font-size: 2.4rem; }
.section-heading > h3 { font-size: 2.2rem; }
.section-heading > h4 { font-size: 2rem; }
.btn-primary > a { display: block; padding: 10px 24px; }

/*------- Common CSS Ends -------*/

/*------- Home Page CSS Starts -------*/

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.bg-logo-burger-menu-mobile { background-color: #ffffff; display: block; left: 0; padding: 10px 15px; position: fixed; top: 0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 100%; z-index: 10; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { width: 40px; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.burger-menu { background-color: transparent; cursor: poCocomatPro; height: 25px; position: relative; width: 25px; }
.burger-menu span { background-color: #C02141; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s linear 0.5s; -moz-transition: 0.5s linear 0.5s; -ms-transition: 0.5s linear 0.5s; -o-transition: 0.5s linear 0.5s; transition: 0.5s linear 0.5s; width: 25px; }
.burger-menu span::before,
.burger-menu span::after { background-color: #C02141; content: ""; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25px; }
.burger-menu span::before { top: -10px; }
.burger-menu.active span { background-color: transparent; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; transition: 0s linear; }
.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Ends -------*/

  /*------- Mobile Navbar Menu Section Starts -------*/

.fixed-navbar-menu-mobile { background: url("../images/banner.jpg") no-repeat top/cover; display: block; height: 100%; left: 0; position: fixed; top: 0; transform: translateY(-100%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; width: 100%; z-index: 10; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
.fixed-navbar-menu-mobile.active { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.fixed-navbar-menu-mobile-close { background-color: #f7f7f7; position: fixed; right: 0; top: 0; z-index: 10; }
.fixed-navbar-menu-mobile-close > i { color: #C02141; display: block; font-size: 2.4rem; height: 40px; line-height: 40px; text-align: center; width: 40px; }
.menu-listing-mobile { left: 50%; position: fixed; text-align: center; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 90%; z-index: 11; }
.fixed-navbar-menu-mobile::before { background-color: rgb(0 22 54 / 90%); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
.menu-listing-mobile > li { display: block; margin-bottom: 15px; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a { color: #f7f7f7; font: 1.8rem/1.2 "CocomatPro-Medium"; }
.menu-listing-mobile > li.active > a,
.menu-listing-mobile > li > a:hover,
.menu-listing-mobile > li.active > i { color: #FFC107; }
.menu-listing-mobile > li > i { color: #f7f7f7; font-size: 1.8rem; padding-left: 10px; }
.sub-menu-listing-mobile { background-color: #00000070; display: none; max-height: calc(100vh - 350px); margin-top: 10px; overflow-y: auto; padding: 15px; }
.sub-menu-listing-mobile > li { display: block; margin-bottom: 10px; }
.sub-menu-listing-mobile > li:last-child { margin-bottom: 0; }
.sub-menu-listing-mobile > li > a { color: #f7f7f7; font: 1.6rem/1.4 "CocomatPro-Regular"; }
.sub-menu-listing-mobile > li.active > a,
.sub-menu-listing-mobile > li > a:hover { color: #ffeb3b; }

  /*------- Mobile Navbar Menu Section Ends -------*/

  /*------- Desktop Logo and Menu Section Starts -------*/

.bg-logo-navbar-menu-header-desktop { display: none; }

  /*------- Desktop Logo and Menu Section Ends -------*/

  /*------- WhatsApp Button Section Starts -------*/

.btn-whatsapp { bottom: 20px; right: 20px; }

  /*------- WhatsApp Button Section Ends -------*/

  /*------- Banner Section Starts -------*/

.bg-banner { margin-top: 64px; }
.bg-banner::before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
.banner-info > h1 { font-size: 4rem; margin-bottom: 25px; }
.banner-info > p { margin-bottom: 25px; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.bg-about { overflow-y: hidden; }
.about-image > img { margin-bottom: 30px; }
.about-image-above { position: static; }
.about-image-above > img { border: 0; margin-bottom: 70px; width: 100%; }
.about-info > p { padding-right: 0; }
.about-image-below { bottom: 25px; left: -20px; right: auto; }
.about-image-below > img { width: 100px; }

  /*------- About Us Section Ends -------*/

  /*------- Our Products Section Starts -------*/

.products-section-outline-heading { top: 0; }
.box-products-info { padding: 15px; }
.box-products-info > h4 { font-size: 2rem; }
.bg-products .row.mb-20-desktop { margin-bottom: 0; }

  /*------- Our Products Section Ends -------*/

  /*------- Our Services Section Starts -------*/

.box-services-desc { margin-bottom: 30px; padding: 25px; }
.box-services-desc > p { font-size: 1.8rem; }
.our-key-services-section-heading.mb-50-desktop { margin-bottom: 20px; }
.box-services { padding: 25px 0; }
.box-services:last-child { margin-bottom: 25px; }
.box-services-last-child-sp:last-child { margin-bottom: 0; padding-bottom: 0; }
.box-services:hover { background-color: #FFFFFF; }
.box-services-heading > h4 { font-size: 2rem; margin-bottom: 15px; }
.box-services-info-icon { display: block; }
.box-services-info > p { margin: 0 0 20px 0; }

  /*------- Our Services Section Ends -------*/

  /*------- Industry Section Starts -------*/

.bg-industry { padding: 40px 15px; }
.box-industry-info > p { font-size: 1.8rem; }

  /*------- Industry Section Ends -------*/

  /*------- Certificates Section Starts -------*/

.bg-certificates { padding: 30px 15px 0; }

  /*------- Certificates Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-logo > a > img { margin-bottom: 30px; width: 100px; }
.footer-desc > p,
.footer-social-listing { margin-bottom: 30px; }
.footer-heading > h4 { font-size: 2rem; margin-bottom: 30px; }
.footer-quick-links-listing { margin-bottom: 30px; }
.footer-quick-links-listing > li:last-child { margin-bottom: 0; }
.our-products-1-footer-quick-links-listing > li:last-child,
.our-services-1-footer-quick-links-listing > li:last-child { margin-bottom: -10px; }
.footer-contact-listing { margin-bottom: 30px; }
.footer-contact-listing > li { padding-left: 35px; }
.footer-contact-listing > li:first-child::before,
.footer-contact-listing > li:nth-child(2)::before,
.footer-contact-listing > li:nth-child(3)::before { top: 0; }
.footer-contact-listing > li > p { margin-bottom: 15px; }
.footer-contact-listing > li > p > span { line-height: normal; padding-left: 0; }
.copyright-info { padding-top: 25px; }

	/*------- Footer Section Ends -------*/

/*------- Home Page CSS Ends -------*/

/*------- About Us Page Starts -------*/

  /*------- Banner Section Starts -------*/

.bg-banner-ip { margin-top: 64px; padding: 30px 15px; }
.bg-banner-ip::before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
.banner-info-ip > h1 { margin-bottom: 0; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.bg-legacy-leadership { padding: 30px 15px 0; }
.legacy-leadership-image > img { margin-bottom: 30px; }
.legacy-leadership-info > p { margin-bottom: 20px; }

  /*------- About Us Section Ends -------*/

  /*------- Second and Third Generation Section Starts -------*/

.bg-second-generation,
.bg-third-generation,
.bg-third-generation-heading { padding-bottom: 0; }
.bg-second-generation-heading { padding: 0 15px; }
.bg-second-generation::before,
.bg-third-generation::before { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; width: 100%; }
.second-third-generation-info > p { font-size: 1.8rem; margin-bottom: 30px; }
.second-third-generation-image > img { margin-bottom: 20px; }
.second-generation-person-name > h4,
.third-generation-person-name > h4 { padding-bottom: 5px; margin-bottom: 25px; }
.third-generation-section-heading > h2 { text-align: left; }

  /*------- Second and Third Generation Section Ends -------*/

  /*------- Mission and Vision Section Starts -------*/

.bg-mission { padding: 20px 15px 0; }
.bg-vision { padding: 0 15px; }
.box-mission-desc,
.box-vision-desc { margin-bottom: 25px; padding: 25px; }
.box-mission-desc > p,
.box-vision-desc > p,
.box-mission-extra-desc > p,
.box-vision-extra-desc > p { font-size: 1.8rem; }
.mission-image > img { margin-bottom: 30px; }
.mission-listing > li,
.vision-listing > li,
.quality-testing-listing > li { margin-bottom: 30px; }
.mission-listing > li > span,
.vision-listing > li > span,
.quality-testing-listing > li > span { text-align: left; }
.box-mission-extra-desc,
.box-vision-extra-desc { margin: 30px 0; padding: 25px; }
.vision-image > img { margin-bottom: 30px; }

  /*------- Mission and Vision Section Ends -------*/

  /*------- Quality Information Section Starts -------*/

.quality-section-outline-heading { margin-top: 0; }
.quality-testing-info,
.extra-product-info,
.extra-service-info { margin-top: 0; padding: 25px; }
.quality-testing-info > p,
.extra-product-info > p,
.extra-service-info > p { font-size: 2rem; }

  /*------- Quality Information Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Products Page Starts -------*/

  /*------- Our Products Section Starts -------*/

.bg-products-pp { padding: 30px 15px 15px; }

  /*------- Our Products Section Ends -------*/

/*------- Products Page Ends -------*/

/*------- Sub Product Page Starts -------*/

  /*------- Product Information Section Starts -------*/

.bg-product-info { overflow-y: hidden; }
.product-info-section-heading-1 > h2,
.product-info-section-heading-2 > h3 { margin-bottom: 30px; }
.box-product-desc { margin-bottom: 30px; padding: 25px; }
.box-product-desc > p { font-size: 1.8rem; }

  /*------- Product Information Section Ends -------*/

  /*------- Key Features Section Starts -------*/

.bg-key-features,
.bg-what-we-offer { padding: 25px 0 0; }
.bg-what-we-offer { margin-top: -20px; }
.key-features-info,
.what-we-offer-info { padding: 25px; }
.applications-info,
.industries-info { padding: 20px 0 0; }
.key-features-section-outline-heading,
.what-we-offer-section-outline-heading { padding: 0 20px; }
.key-features-info > .section-heading > h3,
.applications-info > .section-heading > h3,
.industries-info > .section-heading > h3,
.what-we-offer-info > .section-heading > h3 { margin-bottom: 25px; }
.key-features-listing > li,
.applications-listing > li,
.manufacturing-excellence-listing > li, 
.qa-testing-listing > li, 
.industries-listing > li, 
.what-we-offer-listing > li,
.custom-options-listing > li, 
.optional-accessories-listing > li { margin-bottom: 25px; padding-left: 40px; }
.key-features-listing > li:last-child, 
.applications-listing > li:last-child, 
.manufacturing-excellence-listing > li:last-child, 
.qa-testing-listing > li:last-child, 
.industries-listing > li:last-child, 
.what-we-offer-listing > li:last-child { margin-bottom: 10px; }
.custom-options-listing > li:last-child,
.optional-accessories-listing > li:last-child { margin-bottom: 10px; }
.key-features-listing > li > img, 
.applications-listing > li > img, 
.manufacturing-excellence-listing > li > img, 
.qa-testing-listing > li > img, 
.industries-listing > li > img, 
.what-we-offer-listing > li > img,
.custom-options-listing > li > img,
.optional-accessories-listing > li > img { top: 2px; width: 30px; }
.key-features-listing > li > span:first-of-type, 
.applications-listing > li > span:first-of-type, 
.manufacturing-excellence-listing > li > span:first-of-type, 
.qa-testing-listing > li > span:first-of-type, 
.what-we-offer-listing > li > span:first-of-type { text-align: left; }
.key-features-listing > li > div { padding-left: 30px; }

  /*------- Key Features Section Ends -------*/

  /*------- Technical Capabilities Section Starts -------*/

.bg-technical-capabilities { padding-top: 0; }

  /*------- Technical Capabilities Section Ends -------*/

  /*------- Cooling System Section Starts -------*/

.cooling-system-info > .section-heading > h2 { margin-bottom: 25px; }
.cooling-system-info > p { text-align: justify; }

  /*------- Cooling System Section Ends -------*/

  /*------- Custom Options Section Starts -------*/

.bg-custom-options,
.bg-optional-accessories { margin-bottom: 30px; }

  /*------- Custom Options Section Ends -------*/

  /*------- Applications Section Starts -------*/

.bg-applications,
.bg-industries { overflow-y: hidden; }
.key-applications-image > img { margin-bottom: 30px; }

  /*------- Applications Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.bg-why-choose-us { margin: 0 0 30px; }
.bg-why-chhose-us-2 { margin-bottom: 30px; padding-bottom: 30px; }
.box-why-choose-us { margin-bottom: 0; padding: 20px; }
.box-why-choose-us-info > h4 { font-size: 2rem; margin-bottom: 15px; }
.why-choose-us-listing > li { margin-bottom: 25px; padding-left: 40px; }
.why-choose-us-listing > li:last-child { margin-bottom: 25px; }
.why-choose-us-listing > li > img { top: 2px; width: 30px; }
.why-choose-us-image > img { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }

  /*------- Why Choose Us Section Ends -------*/

  /*------- Extra Product Info Section Starts -------*/

.bg-extra-product-info,
.bg-extra-service-info { padding-bottom: 30px; padding-top: 0; }
.extra-product-section-heading > h3 { margin-bottom: 25px; }

  /*------- Extra Product Info Section Ends -------*/

/*------- Sub Product Page Ends -------*/

/*------- Sub Services Page Starts -------*/

  /*------- Services Information Section Starts -------*/

.bg-service-info { overflow-y: hidden; }
.service-info-section-heading-1 > h2,
.service-info-section-heading-2 > h3 { margin-bottom: 25px; }
.box-service-desc { margin-bottom: 5px; padding: 25px; }
.box-service-desc > p { font-size: 1.8rem; }

  /*------- Services Information Section Ends -------*/

  /*------- Scope-Expertise-Services Section Starts -------*/

.bg-scope-expertise-services { padding: 30px 15px 0; }
.scope-expertise-services-section-heading-with-no-desc > h3,
.scope-expertise-services-section-desc > p { margin-bottom: 25px; }
.scope-expertise-services-info { margin-bottom: 25px; padding-left: 40px; }
.scope-expertise-services-info > img { top: 2px; }
.scope-expertise-services-info > p > span { font-size: 2rem; text-align: left; }

  /*------- Scope-Expertise-Services Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.bg-why-choose-us-services { margin-bottom: 30px; overflow-y: hidden; padding-bottom: 30px; }
.why-choose-us-services-section-heading > h2 { margin-bottom: 25px; }
.why-choose-us-services-image > img { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; margin-bottom: 25px; }
.box-why-choose-us-services { margin-bottom: 25px; padding: 25px; }
.box-why-choose-us-services-info > h4 { font-size: 2rem; margin-bottom: 15px; }

  /*------- Why Choose Us Section Ends -------*/

/*------- Sub Services Page Ends -------*/

/*------- Gallery Page Starts -------*/

.bg-gallery { padding: 30px 15px 0; }
.box-gallery-image,
.box-milestone-image { margin-bottom: 30px; }

/*------- Gallery Page Ends -------*/

/*------- Clientele Page Starts -------*/

.bg-clientele { padding: 30px 15px 0; }
.box-clientele-image { margin-bottom: 30px; text-align: center; }

/*------- Clientele Page Ends -------*/

/*------- Milestone Page Starts -------*/

.bg-milestone { padding: 30px 15px 0; }
.milestone-desc h2,
.milestone-desc > p:last-of-type,
.milestone-img > img { margin-bottom: 30px; }

/*------- Milestone Page Ends -------*/

/*------- Contact Us Page Starts -------*/

  /*------- Map Section Starts -------*/

.iframe-map { height: 300px; }

  /*------- Map Section Ends -------*/

  /*------- Contact Information and Form Section Starts -------*/

.get-in-touch-listing > li,
.get-in-touch-listing > li:last-child { margin-bottom: 30px; }
.box-contact-icon-info { display: block; padding: 25px; }
.box-contact-icon { margin-right: 0; width: 10%; }
.box-contact-icon > img { margin-bottom: 15px; width: 100%; }
.box-contact-info { width: 100%; }
.box-contact-info > h4 { font-size: 2.4rem; }

  /*------- Contact Information and Form Section Ends -------*/

/*------- Contact Us Page Ends -------*/

}

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

/*------- Common CSS Starts -------*/

.container-fluid { padding: 30px 15px; }
.section-outline-heading { margin-bottom: 30px; position: static; text-align: center; }
.section-outline-heading > div { font-size: 6rem; line-height: 1; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; word-break: break-all; }
.section-heading.mb-30-desktop,
.section-heading.mb-50-desktop { margin-bottom: 30px; }
.section-heading > h2 { font-size: 3rem; }
.section-heading > h3 { font-size: 2.4rem; }
.section-heading > h4 { font-size: 2.2rem; line-height: 1.5; }
.btn-primary > a { display: block; padding: 10px 24px; }

/*------- Common CSS Ends -------*/

/*------- Home Page CSS Starts -------*/

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.bg-logo-burger-menu-mobile { background-color: #ffffff; display: block; left: 0; padding: 10px 15px; position: fixed; top: 0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 100%; z-index: 10; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { width: 40px; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.burger-menu { background-color: transparent; cursor: poCocomatPro; height: 25px; position: relative; width: 25px; }
.burger-menu span { background-color: #C02141; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s linear 0.5s; -moz-transition: 0.5s linear 0.5s; -ms-transition: 0.5s linear 0.5s; -o-transition: 0.5s linear 0.5s; transition: 0.5s linear 0.5s; width: 25px; }
.burger-menu span::before,
.burger-menu span::after { background-color: #C02141; content: ""; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25px; }
.burger-menu span::before { top: -10px; }
.burger-menu.active span { background-color: transparent; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; transition: 0s linear; }
.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Ends -------*/

  /*------- Mobile Navbar Menu Section Starts -------*/

.fixed-navbar-menu-mobile { background: url("../images/banner.jpg") no-repeat top/cover; display: block; height: 100%; left: 0; position: fixed; top: 0; transform: translateY(-100%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; width: 100%; z-index: 10; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
.fixed-navbar-menu-mobile.active { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.fixed-navbar-menu-mobile-close { background-color: #f7f7f7; position: fixed; right: 0; top: 0; z-index: 10; }
.fixed-navbar-menu-mobile-close > i { color: #C02141; display: block; font-size: 2.4rem; height: 40px; line-height: 40px; text-align: center; width: 40px; }
.menu-listing-mobile { left: 50%; position: fixed; text-align: center; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 90%; z-index: 11; }
.fixed-navbar-menu-mobile::before { background-color: rgb(0 22 54 / 90%); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
.menu-listing-mobile > li { display: block; margin-bottom: 15px; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a { color: #f7f7f7; font: 1.8rem/1.2 "CocomatPro-Medium"; }
.menu-listing-mobile > li.active > a,
.menu-listing-mobile > li > a:hover,
.menu-listing-mobile > li.active > i { color: #FFC107; }
.menu-listing-mobile > li > i { color: #f7f7f7; font-size: 1.8rem; padding-left: 10px; }
.sub-menu-listing-mobile { background-color: #00000070; display: none; max-height: calc(100vh - 350px); margin-top: 10px; overflow-y: auto; padding: 15px; }
.sub-menu-listing-mobile > li { display: block; margin-bottom: 10px; }
.sub-menu-listing-mobile > li:last-child { margin-bottom: 0; }
.sub-menu-listing-mobile > li > a { color: #f7f7f7; font: 1.6rem/1.4 "CocomatPro-Regular"; }
.sub-menu-listing-mobile > li.active > a,
.sub-menu-listing-mobile > li > a:hover { color: #ffeb3b; }

  /*------- Mobile Navbar Menu Section Ends -------*/

  /*------- Desktop Logo and Menu Section Starts -------*/

.bg-logo-navbar-menu-header-desktop { display: none; }

  /*------- Desktop Logo and Menu Section Ends -------*/

  /*------- WhatsApp Button Section Starts -------*/

.btn-whatsapp { bottom: 20px; right: 20px; }

  /*------- WhatsApp Button Section Ends -------*/

  /*------- Banner Section Starts -------*/

.bg-banner { margin-top: 64px; }
.bg-banner::before { clip-path: polygon(0 0, 50% 0, 60% 100%, 0% 100%); }
.banner-info > h1 { font-size: 4rem; margin-bottom: 25px; }
.banner-info > p { margin-bottom: 25px; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.bg-about { overflow-y: hidden; }
.about-image > img { margin-bottom: 30px; }
.about-image-above { position: static; }
.about-image-above > img { border: 0; margin-bottom: 70px; width: 100%; }
.about-info > p { padding-right: 0; }
.about-image-below { bottom: 25px; left: -20px; right: auto; }
.about-image-below > img { width: 100px; }

  /*------- About Us Section Ends -------*/

  /*------- Our Products Section Starts -------*/

.products-section-outline-heading { top: 0; }
.box-products-info { padding: 15px; }
.box-products-info > h4 { font-size: 2rem; }
.bg-products .row.mb-20-desktop { margin-bottom: 0; }

  /*------- Our Products Section Ends -------*/

  /*------- Our Services Section Starts -------*/

.box-services-desc { margin-bottom: 30px; padding: 30px; }
.box-services-desc > p { font-size: 1.8rem; }
.our-key-services-section-heading.mb-50-desktop { margin-bottom: 30px; }
.box-services { padding: 30px 0; }
.box-services:last-child { margin-bottom: 30px; }
.box-services-last-child-sp:last-child { margin-bottom: 0; padding-bottom: 0; }
.box-services:hover { background-color: #FFFFFF; }
.box-services-heading > h4 { font-size: 2rem; }
.box-services-info-icon { display: block; }
.box-services-info > p { margin: 0 0 25px 0; }

  /*------- Our Services Section Ends -------*/

  /*------- Industry Section Starts -------*/

.bg-industry { padding: 40px 15px; }
.box-industry-info > p { font-size: 2rem; }

  /*------- Industry Section Ends -------*/

  /*------- Certificates Section Starts -------*/

.bg-certificates { padding: 30px 15px 0; }

  /*------- Certificates Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-logo > a > img { margin-bottom: 30px; width: 100px; }
.footer-desc > p,
.footer-social-listing { margin-bottom: 30px; }
.footer-heading > h4 { font-size: 2rem; margin-bottom: 30px; }
.footer-quick-links-listing { margin-bottom: 30px; }
.footer-quick-links-listing > li:last-child { margin-bottom: 0; }
.our-products-1-footer-quick-links-listing > li:last-child,
.our-services-1-footer-quick-links-listing > li:last-child { margin-bottom: -10px; }
.footer-contact-listing { margin-bottom: 30px; }
.footer-contact-listing > li { padding-left: 35px; }
.footer-contact-listing > li:first-child::before,
.footer-contact-listing > li:nth-child(2)::before,
.footer-contact-listing > li:nth-child(3)::before { top: 0; }
.footer-contact-listing > li > p { margin-bottom: 15px; }
.footer-contact-listing > li > p > span { line-height: normal; padding-left: 0; }
.copyright-info { padding-top: 25px; }

	/*------- Footer Section Ends -------*/

/*------- Home Page CSS Ends -------*/

/*------- About Us Page Starts -------*/

  /*------- Banner Section Starts -------*/

.bg-banner-ip { margin-top: 64px; padding: 40px 15px; }
.bg-banner-ip::before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
.banner-info-ip > h1 { margin-bottom: 0; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.bg-legacy-leadership { padding: 30px 15px 0; }
.legacy-leadership-info > p { margin-bottom: 25px; }

  /*------- About Us Section Ends -------*/

  /*------- Second and Third Generation Section Starts -------*/

.bg-second-generation,
.bg-third-generation,
.bg-third-generation-heading { padding-bottom: 0; }
.bg-second-generation-heading { padding: 0 15px; }
.bg-second-generation::before,
.bg-third-generation::before { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; width: 100%; }
.second-third-generation-info > p { font-size: 2rem; margin-bottom: 30px; }
.second-third-generation-image > img { margin-bottom: 20px; }
.second-generation-person-name > h4,
.third-generation-person-name > h4 { padding-bottom: 3px; margin-bottom: 25px; }
.third-generation-section-heading > h2 { text-align: left; }

  /*------- Second and Third Generation Section Ends -------*/

  /*------- Mission and Vision Section Starts -------*/

.bg-mission { padding: 30px 15px 0; }
.bg-vision { padding: 0 15px; }
.box-mission-desc,
.box-vision-desc { margin-bottom: 30px; padding: 30px; }
.box-mission-desc > p,
.box-vision-desc > p,
.box-mission-extra-desc > p,
.box-vision-extra-desc > p { font-size: 2rem; }
.box-mission-extra-desc,
.box-vision-extra-desc { margin: 30px 0; padding: 30px; }

  /*------- Mission and Vision Section Ends -------*/

  /*------- Quality Information Section Starts -------*/

.quality-section-outline-heading { margin-top: 0; }
.dmt-desc { margin-bottom: 30px; }
.quality-testing-listing > li > img { top: -3px; }
.quality-testing-info,
.extra-product-info,
.extra-service-info { margin-top: 0; padding: 25px; }
.quality-testing-info > p,
.extra-product-info > p,
.extra-service-info > p { font-size: 2rem; }

  /*------- Quality Information Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Products Page Starts -------*/

  /*------- Our Products Section Starts -------*/

.bg-products-pp { padding: 30px 15px 5px; }

  /*------- Our Products Section Ends -------*/

/*------- Products Page Ends -------*/

/*------- Sub Product Page Starts -------*/

  /*------- Product Information Section Starts -------*/

.bg-product-info { overflow-y: hidden; }
.product-info-section-heading-1 > h2,
.product-info-section-heading-2 > h3 { margin-bottom: 30px; }
.box-product-desc { margin-bottom: 30px; padding: 25px; }
.box-product-desc > p { font-size: 1.8rem; }

  /*------- Product Information Section Ends -------*/

  /*------- Key Features Section Starts -------*/

.bg-key-features,
.bg-what-we-offer { padding: 30px 0; }
.bg-what-we-offer { margin-top: -30px; }
.key-features-info,
.what-we-offer-info { padding: 0 30px; }
.key-features-section-outline-heading,
.what-we-offer-section-outline-heading { padding: 0 30px; }
.key-features-info > .section-heading > h3,
.applications-info > .section-heading > h3,
.industries-info > .section-heading > h3,
.what-we-offer-info > .section-heading > h3 { margin-bottom: 25px; }
.key-features-listing > li,
.applications-listing > li,
.manufacturing-excellence-listing > li, 
.qa-testing-listing > li, 
.industries-listing > li, 
.what-we-offer-listing > li,
.custom-options-listing > li, 
.optional-accessories-listing > li { margin-bottom: 25px; padding-left: 40px; }
.key-features-listing > li:last-child, 
.applications-listing > li:last-child, 
.manufacturing-excellence-listing > li:last-child, 
.qa-testing-listing > li:last-child, 
.industries-listing > li:last-child, 
.what-we-offer-listing > li:last-child { margin-bottom: 10px; }
.custom-options-listing > li:last-child,
.optional-accessories-listing > li:last-child { margin-bottom: 10px; }
.key-features-listing > li > img, 
.applications-listing > li > img, 
.manufacturing-excellence-listing > li > img, 
.qa-testing-listing > li > img, 
.industries-listing > li > img, 
.what-we-offer-listing > li > img,
.custom-options-listing > li > img,
.optional-accessories-listing > li > img { top: 2px; width: 30px; }
.applications-listing > li > img, 
.industries-listing > li > img { top: -2px; }
.key-features-listing > li > span:first-of-type, 
.applications-listing > li > span:first-of-type, 
.manufacturing-excellence-listing > li > span:first-of-type, 
.qa-testing-listing > li > span:first-of-type, 
.what-we-offer-listing > li > span:first-of-type { text-align: left; }
.key-features-listing > li > div { padding-left: 30px; }

  /*------- Key Features Section Ends -------*/

  /*------- Technical Capabilities Section Starts -------*/

.bg-technical-capabilities { padding-top: 0; }

  /*------- Technical Capabilities Section Ends -------*/

  /*------- Cooling System Section Starts -------*/

.cooling-system-info > .section-heading > h2 { margin-bottom: 25px; }
.cooling-system-info > p { text-align: justify; }

  /*------- Cooling System Section Ends -------*/

  /*------- Custom Options Section Starts -------*/

.bg-custom-options,
.bg-optional-accessories { margin-bottom: 30px; }

  /*------- Custom Options Section Ends -------*/

  /*------- Applications Section Starts -------*/

.bg-applications,
.bg-industries { overflow-y: hidden; }
.applications-info,
.industries-info { padding: 0; }

  /*------- Applications Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.bg-why-choose-us { margin: 0 0 30px; }
.bg-why-chhose-us-2 { margin-bottom: 30px; padding-bottom: 30px; }
.box-why-choose-us { margin-bottom: 0; padding: 20px; }
.box-why-choose-us-info > h4 { font-size: 2rem; margin-bottom: 15px; }
.why-choose-us-listing > li { margin-bottom: 25px; padding-left: 40px; }
.why-choose-us-listing > li:last-child { margin-bottom: 25px; }
.why-choose-us-listing > li > img { top: 2px; width: 30px; }
.why-choose-us-image > img { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }

  /*------- Why Choose Us Section Ends -------*/

  /*------- Extra Product Info Section Starts -------*/

.bg-extra-product-info,
.bg-extra-service-info { padding-bottom: 30px; padding-top: 0; }
.extra-product-section-heading > h3 { margin-bottom: 25px; }

  /*------- Extra Product Info Section Ends -------*/

/*------- Sub Product Page Ends -------*/

/*------- Sub Services Page Starts -------*/

  /*------- Services Information Section Starts -------*/

.bg-service-info { overflow-y: hidden; }
.service-info-section-heading-1 > h2,
.service-info-section-heading-2 > h3 { margin-bottom: 25px; }
.box-service-desc { margin-bottom: 5px; padding: 25px; }
.box-service-desc > p { font-size: 1.8rem; }

  /*------- Services Information Section Ends -------*/

  /*------- Scope-Expertise-Services Section Starts -------*/

.bg-scope-expertise-services { padding: 30px 15px 0; }
.scope-expertise-services-section-heading-with-no-desc > h3,
.scope-expertise-services-section-desc > p { margin-bottom: 25px; }
.scope-expertise-services-info { margin-bottom: 25px; padding-left: 40px; }
.scope-expertise-services-info > img { top: 2px; }
.scope-expertise-services-info > p > span { font-size: 2rem; text-align: left; }

  /*------- Scope-Expertise-Services Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.bg-why-choose-us-services { margin-bottom: 30px; overflow-y: hidden; padding-bottom: 30px; }
.why-choose-us-services-section-heading > h2 { margin-bottom: 25px; }
.why-choose-us-services-image > img { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; margin-bottom: 25px; }
.box-why-choose-us-services { margin-bottom: 25px; padding: 25px; }
.box-why-choose-us-services-info > h4 { font-size: 2rem; margin-bottom: 15px; }

  /*------- Why Choose Us Section Ends -------*/

/*------- Sub Services Page Ends -------*/

/*------- Gallery Page Starts -------*/

.bg-gallery { padding: 30px 15px 0; }
.box-gallery-image,
.box-milestone-image { margin-bottom: 30px; }

/*------- Gallery Page Ends -------*/

/*------- Clientele Page Starts -------*/

.bg-clientele { padding: 30px 15px 0; }
.box-clientele-image { margin-bottom: 30px; text-align: center; }

/*------- Clientele Page Ends -------*/

/*------- Milestone Page Starts -------*/

.bg-milestone { padding: 30px 15px 0; }
.milestone-desc h2,
.milestone-desc > p:last-of-type,
.milestone-img > img { margin-bottom: 30px; }

/*------- Milestone Page Ends -------*/

/*------- Contact Us Page Starts -------*/

  /*------- Map Section Starts -------*/

.iframe-map { height: 430px; }

  /*------- Map Section Ends -------*/

  /*------- Contact Information and Form Section Starts -------*/

.get-in-touch-listing > li,
.get-in-touch-listing > li:last-child { margin-bottom: 30px; }
.box-contact-icon-info { display: block; padding: 25px; }
.box-contact-icon { margin-right: 0; width: 10%; }
.box-contact-icon > img { margin-bottom: 15px; width: 100%; }
.box-contact-info { width: 100%; }
.box-contact-info > h4 { font-size: 2.4rem; }
.form-control-cp { padding: 1rem 2rem; }

  /*------- Contact Information and Form Section Ends -------*/

/*------- Contact Us Page Ends -------*/

}

@media only screen and (min-width:992px) and (max-width:1199px) {

/*------- Common CSS Starts -------*/

.container-fluid { padding: 30px 15px; }
.section-outline-heading { margin-bottom: 30px; position: static; text-align: center; }
.section-outline-heading > div { font-size: 6rem; line-height: 1; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; word-break: break-all; }
.section-heading.mb-30-desktop,
.section-heading.mb-50-desktop { margin-bottom: 30px; }
.section-heading > h2 { font-size: 3rem; }
.section-heading > h3 { font-size: 2.4rem; }
.section-heading > h4 { font-size: 2.2rem; line-height: 1.5; }

/*------- Common CSS Ends -------*/

/*------- Home Page CSS Starts -------*/

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.bg-logo-burger-menu-mobile { background-color: #ffffff; display: block; left: 0; padding: 10px 15px; position: fixed; top: 0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 100%; z-index: 10; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { width: 40px; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.burger-menu { background-color: transparent; cursor: poCocomatPro; height: 25px; position: relative; width: 25px; }
.burger-menu span { background-color: #C02141; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s linear 0.5s; -moz-transition: 0.5s linear 0.5s; -ms-transition: 0.5s linear 0.5s; -o-transition: 0.5s linear 0.5s; transition: 0.5s linear 0.5s; width: 25px; }
.burger-menu span::before,
.burger-menu span::after { background-color: #C02141; content: ""; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25px; }
.burger-menu span::before { top: -10px; }
.burger-menu.active span { background-color: transparent; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; transition: 0s linear; }
.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Ends -------*/

  /*------- Mobile Navbar Menu Section Starts -------*/

.fixed-navbar-menu-mobile { background: url("../images/banner.jpg") no-repeat top/cover; display: block; height: 100%; left: 0; position: fixed; top: 0; transform: translateY(-100%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; width: 100%; z-index: 10; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
.fixed-navbar-menu-mobile.active { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.fixed-navbar-menu-mobile-close { background-color: #f7f7f7; position: fixed; right: 0; top: 0; z-index: 10; }
.fixed-navbar-menu-mobile-close > i { color: #C02141; display: block; font-size: 2.4rem; height: 40px; line-height: 40px; text-align: center; width: 40px; }
.menu-listing-mobile { left: 50%; position: fixed; text-align: center; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 90%; z-index: 11; }
.fixed-navbar-menu-mobile::before { background-color: rgb(0 22 54 / 90%); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
.menu-listing-mobile > li { display: block; margin-bottom: 15px; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a { color: #f7f7f7; font: 1.8rem/1.2 "CocomatPro-Medium"; }
.menu-listing-mobile > li.active > a,
.menu-listing-mobile > li > a:hover,
.menu-listing-mobile > li.active > i { color: #FFC107; }
.menu-listing-mobile > li > i { color: #f7f7f7; font-size: 1.8rem; padding-left: 10px; }
.sub-menu-listing-mobile { background-color: #00000070; display: none; max-height: calc(100vh - 350px); margin-top: 10px; overflow-y: auto; padding: 15px; }
.sub-menu-listing-mobile > li { display: block; margin-bottom: 10px; }
.sub-menu-listing-mobile > li:last-child { margin-bottom: 0; }
.sub-menu-listing-mobile > li > a { color: #f7f7f7; font: 1.6rem/1.4 "CocomatPro-Regular"; }
.sub-menu-listing-mobile > li.active > a,
.sub-menu-listing-mobile > li > a:hover { color: #ffeb3b; }

  /*------- Mobile Navbar Menu Section Ends -------*/

  /*------- Desktop Logo and Menu Section Starts -------*/

.bg-logo-navbar-menu-header-desktop { display: none; }

  /*------- Desktop Logo and Menu Section Ends -------*/

  /*------- WhatsApp Button Section Starts -------*/

.btn-whatsapp { bottom: 20px; right: 20px; }

  /*------- WhatsApp Button Section Ends -------*/

  /*------- Banner Section Starts -------*/

.bg-banner { margin-top: 64px; }
.bg-banner::before { clip-path: polygon(0 0, 50% 0, 60% 100%, 0% 100%); }
.banner-info > h1 { font-size: 4rem; margin-bottom: 25px; }
.banner-info > p { margin-bottom: 25px; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.bg-about { overflow-y: hidden; }
.about-image-below { bottom: -40px; right: -15px; }
.about-image-below > img { width: 100px; }

  /*------- About Us Section Ends -------*/

  /*------- Our Products Section Starts -------*/

.products-section-outline-heading { top: 0; }
.box-products-info { padding: 15px; }
.box-products-info > h4 { font-size: 2rem; }
.bg-products .row.mb-20-desktop { margin-bottom: 0; }

  /*------- Our Products Section Ends -------*/

  /*------- Our Services Section Starts -------*/

.box-services-desc { margin-bottom: 30px; padding: 30px; }
.box-services-desc > p { font-size: 1.8rem; }
.our-key-services-section-heading.mb-50-desktop { margin-bottom: 30px; }
.box-services { padding: 30px 0; }
.box-services:last-child { margin-bottom: 30px; }
.box-services-last-child-sp:last-child { margin-bottom: 0; padding-bottom: 0; }
.box-services:hover { background-color: #FFFFFF; }
.box-services-heading > h4 { font-size: 2rem; }
.box-services-info-icon { display: block; }
.box-services-info > p { margin: 0 0 25px 0; }

  /*------- Our Services Section Ends -------*/

  /*------- Industry Section Starts -------*/

.bg-industry { padding: 40px 15px; }
.box-industry-info > p { font-size: 2rem; }

  /*------- Industry Section Ends -------*/

  /*------- Certificates Section Starts -------*/

.bg-certificates { padding: 30px 15px 0; }

  /*------- Certificates Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-logo > a > img { margin-bottom: 30px; width: 100px; }
.footer-desc > p,
.footer-social-listing { margin-bottom: 30px; }
.footer-heading > h4 { font-size: 2rem; margin-bottom: 30px; }
.footer-quick-links-listing { margin-bottom: 30px; }
.footer-quick-links-listing > li:last-child { margin-bottom: 0; }
.our-products-1-footer-quick-links-listing > li:last-child,
.our-services-1-footer-quick-links-listing > li:last-child { margin-bottom: -10px; }
.footer-contact-listing { margin-bottom: 30px; }
.footer-contact-listing > li { padding-left: 35px; }
.footer-contact-listing > li:first-child::before,
.footer-contact-listing > li:nth-child(2)::before,
.footer-contact-listing > li:nth-child(3)::before { top: 0; }
.footer-contact-listing > li > p { margin-bottom: 15px; }
.footer-contact-listing > li > p > span { line-height: normal; padding-left: 0; }
.copyright-info { padding-top: 25px; }

	/*------- Footer Section Ends -------*/

/*------- Home Page CSS Ends -------*/

/*------- About Us Page Starts -------*/

  /*------- Banner Section Starts -------*/

.bg-banner-ip { margin-top: 64px; padding: 40px 15px; }
.bg-banner-ip::before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
.banner-info-ip > h1 { margin-bottom: 0; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.bg-legacy-leadership { padding: 30px 15px 0; }
.legacy-leadership-image > img { margin-bottom: 30px; }
.legacy-leadership-info > p { margin-bottom: 25px; }

  /*------- About Us Section Ends -------*/

  /*------- Second and Third Generation Section Starts -------*/

.bg-second-generation,
.bg-third-generation,
.bg-third-generation-heading { padding-bottom: 0; }
.bg-second-generation-heading { padding: 0 15px; }
.bg-second-generation::before,
.bg-third-generation::before { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; width: 100%; }
.second-third-generation-info > p { font-size: 2rem; margin-bottom: 30px; }
.second-third-generation-image > img { margin-bottom: 20px; }
.second-generation-person-name > h4,
.third-generation-person-name > h4 { padding-bottom: 5px; margin-bottom: 25px; }
.third-generation-section-heading > h2 { text-align: left; }

  /*------- Second and Third Generation Section Ends -------*/

  /*------- Mission and Vision Section Starts -------*/

.bg-mission { padding: 30px 15px 0; }
.bg-vision { padding: 0 15px; }
.box-mission-desc,
.box-vision-desc { margin-bottom: 30px; padding: 30px; }
.box-mission-desc > p,
.box-vision-desc > p,
.box-mission-extra-desc > p,
.box-vision-extra-desc > p { font-size: 2rem; }
.box-mission-extra-desc,
.box-vision-extra-desc { margin: 30px 0; padding: 30px; }

  /*------- Mission and Vision Section Ends -------*/

  /*------- Quality Information Section Starts -------*/

.quality-section-outline-heading { margin-top: 0; }
.dmt-desc { margin-bottom: 30px; }
.quality-testing-listing > li > img { top: -3px; }
.quality-testing-info,
.extra-product-info,
.extra-service-info { margin-top: 0; padding: 25px; }
.quality-testing-info > p,
.extra-product-info > p,
.extra-service-info > p { font-size: 2rem; }

  /*------- Quality Information Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Products Page Starts -------*/

  /*------- Our Products Section Starts -------*/

.bg-products-pp { padding: 30px 15px 5px; }

  /*------- Our Products Section Ends -------*/

/*------- Products Page Ends -------*/

/*------- Sub Product Page Starts -------*/

  /*------- Product Information Section Starts -------*/

.bg-product-info { overflow-y: hidden; }
.product-info-section-heading-1 > h2,
.product-info-section-heading-2 > h3 { margin-bottom: 30px; }
.box-product-desc { margin-bottom: 30px; padding: 25px; }
.box-product-desc > p { font-size: 1.8rem; }

  /*------- Product Information Section Ends -------*/

  /*------- Key Features Section Starts -------*/

.bg-key-features,
.bg-what-we-offer { padding: 30px 0; }
.bg-what-we-offer { margin-top: -30px; }
.key-features-info,
.what-we-offer-info { padding: 0 30px; }
.key-features-section-outline-heading,
.what-we-offer-section-outline-heading { padding: 0 30px; }
.key-features-info > .section-heading > h3,
.applications-info > .section-heading > h3,
.industries-info > .section-heading > h3,
.what-we-offer-info > .section-heading > h3 { margin-bottom: 25px; }
.key-features-listing > li,
.applications-listing > li,
.manufacturing-excellence-listing > li, 
.qa-testing-listing > li, 
.industries-listing > li, 
.what-we-offer-listing > li,
.custom-options-listing > li, 
.optional-accessories-listing > li { margin-bottom: 25px; padding-left: 40px; }
.key-features-listing > li:last-child, 
.applications-listing > li:last-child, 
.manufacturing-excellence-listing > li:last-child, 
.qa-testing-listing > li:last-child, 
.industries-listing > li:last-child, 
.what-we-offer-listing > li:last-child { margin-bottom: 10px; }
.custom-options-listing > li:last-child,
.optional-accessories-listing > li:last-child { margin-bottom: 10px; }
.key-features-listing > li > img, 
.applications-listing > li > img, 
.manufacturing-excellence-listing > li > img, 
.qa-testing-listing > li > img, 
.industries-listing > li > img, 
.what-we-offer-listing > li > img,
.custom-options-listing > li > img,
.optional-accessories-listing > li > img { top: 2px; width: 30px; }
.applications-listing > li > img, 
.industries-listing > li > img { top: -2px; }
.key-features-listing > li > span:first-of-type, 
.applications-listing > li > span:first-of-type, 
.manufacturing-excellence-listing > li > span:first-of-type, 
.qa-testing-listing > li > span:first-of-type, 
.what-we-offer-listing > li > span:first-of-type { text-align: left; }
.key-features-listing > li > div { padding-left: 30px; }

  /*------- Key Features Section Ends -------*/

  /*------- Technical Capabilities Section Starts -------*/

.bg-technical-capabilities { padding-top: 0; }

  /*------- Technical Capabilities Section Ends -------*/

  /*------- Cooling System Section Starts -------*/

.cooling-system-info > .section-heading > h2 { margin-bottom: 25px; }
.cooling-system-info > p { text-align: justify; }

  /*------- Cooling System Section Ends -------*/

  /*------- Custom Options Section Starts -------*/

.bg-custom-options,
.bg-optional-accessories { margin-bottom: 30px; }

  /*------- Custom Options Section Ends -------*/

  /*------- Applications Section Starts -------*/

.bg-applications,
.bg-industries { overflow-y: hidden; }
.applications-info,
.industries-info { padding: 0; }

  /*------- Applications Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.bg-why-choose-us { margin: 0 0 30px; }
.bg-why-chhose-us-2 { margin-bottom: 30px; padding-bottom: 30px; }
.box-why-choose-us { margin-bottom: 0; padding: 20px; }
.box-why-choose-us-info > h4 { font-size: 2rem; margin-bottom: 15px; }
.why-choose-us-listing > li { margin-bottom: 25px; padding-left: 40px; }
.why-choose-us-listing > li:last-child { margin-bottom: 25px; }
.why-choose-us-listing > li > img { top: 2px; width: 30px; }
.why-choose-us-image > img { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }

  /*------- Why Choose Us Section Ends -------*/

  /*------- Extra Product Info Section Starts -------*/

.bg-extra-product-info,
.bg-extra-service-info { padding-bottom: 30px; padding-top: 0; }
.extra-product-section-heading > h3 { margin-bottom: 25px; }

  /*------- Extra Product Info Section Ends -------*/

/*------- Sub Product Page Ends -------*/

/*------- Sub Services Page Starts -------*/

  /*------- Services Information Section Starts -------*/

.bg-service-info { overflow-y: hidden; }
.service-info-section-heading-1 > h2,
.service-info-section-heading-2 > h3 { margin-bottom: 25px; }
.box-service-desc { margin-bottom: 5px; padding: 25px; }
.box-service-desc > p { font-size: 1.8rem; }

  /*------- Services Information Section Ends -------*/

  /*------- Scope-Expertise-Services Section Starts -------*/

.bg-scope-expertise-services { padding: 30px 15px 0; }
.scope-expertise-services-section-heading-with-no-desc > h3,
.scope-expertise-services-section-desc > p { margin-bottom: 25px; }
.scope-expertise-services-info { margin-bottom: 25px; padding-left: 40px; }
.scope-expertise-services-info > img { top: 2px; }
.scope-expertise-services-info > p > span { font-size: 2rem; text-align: left; }

  /*------- Scope-Expertise-Services Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.bg-why-choose-us-services { margin-bottom: 30px; overflow-y: hidden; padding-bottom: 30px; }
.why-choose-us-services-section-heading > h2 { margin-bottom: 25px; }
.why-choose-us-services-image > img { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; margin-bottom: 25px; }
.box-why-choose-us-services { margin-bottom: 25px; padding: 25px; }
.box-why-choose-us-services-info > h4 { font-size: 2rem; margin-bottom: 15px; }

  /*------- Why Choose Us Section Ends -------*/

/*------- Sub Services Page Ends -------*/

/*------- Gallery Page Starts -------*/

.bg-gallery { padding: 30px 15px 0; }
.box-gallery-image,
.box-milestone-image { margin-bottom: 30px; }

/*------- Gallery Page Ends -------*/

/*------- Clientele Page Starts -------*/

.bg-clientele { padding: 30px 15px 0; }
.box-clientele-image { margin-bottom: 30px; text-align: center; }

/*------- Clientele Page Ends -------*/

/*------- Milestone Page Starts -------*/

.bg-milestone { padding: 30px 15px 0; }
.milestone-desc h2,
.milestone-desc > p:last-of-type,
.milestone-img > img { margin-bottom: 30px; }

/*------- Milestone Page Ends -------*/

/*------- Contact Us Page Starts -------*/

  /*------- Map Section Starts -------*/

.iframe-map { height: 430px; }

  /*------- Map Section Ends -------*/

  /*------- Contact Information and Form Section Starts -------*/

.get-in-touch-listing > li,
.get-in-touch-listing > li:last-child { margin-bottom: 30px; }
.box-contact-icon-info { display: block; padding: 25px; }
.box-contact-icon { margin-right: 0; width: 10%; }
.box-contact-icon > img { margin-bottom: 15px; width: 100%; }
.box-contact-info { width: 100%; }
.box-contact-info > h4 { font-size: 2.4rem; }
.form-control-cp { padding: 1rem 2rem; }

  /*------- Contact Information and Form Section Ends -------*/

/*------- Contact Us Page Ends -------*/

}

@media only screen and (min-width:1200px) and (max-width:1299px) {

/*------- Home Page CSS Starts -------*/

  /*------- About Us Section Starts -------*/

.about-image-below { right: -35px; }

  /*------- About Us Section Ends-------*/

/*------- Home Page CSS Ends -------*/

}