/*!
Theme Name: esselfire
Theme URI: https://esselfire.com
Author: Underscores.me
Author URI: https://esselfire.com
Description: esselfire
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: esselfire
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

::selection {
	background: #000; /* Safari */
	color:#fff;
	}
::-moz-selection {
	background: #000; /* Firefox */
	color:#fff;
} 
 /*
   font-family: "Outfit", sans-serif;
   font-family: "DM Sans", sans-serif;
 */

	
* { margin:0; padding:0; outline:none;}
body { margin:0; padding:0; font-family: "DM Sans", sans-serif; font-weight:400; line-height:normal; overflow-x: hidden; }
p { margin:0; padding:20px 0 0 0; font-family: "DM Sans", sans-serif; font-weight:400; font-size:16px; line-height:26px; color: #666; }
h1, h2, h3, h4, h5, h6  { margin:0; padding:0; font-weight:700; font-family: "Outfit", sans-serif;}
ul, li { margin:0; padding:0; font-family: "DM Sans", sans-serif;}
a { color:#000; text-decoration:none;}
a:hover  { text-decoration:none; color:#000;}
img { width:100%;}
.form-control:focus {box-shadow:none;}
.width_100 { float:left; width:100%;}

h1  { font-size:40px; line-height:50px; font-weight:700; color:#000000; }
h2 { font-size:30px; line-height:40px; color:#333; font-weight:700;}
h2 span {color:#F38120;}
h3 { font-size:16px; color:#fff; font-weight:400; letter-spacing:1px; position:relative;} 
h4 { font-size:24px; line-height:28px;  color:#333; }
h5 { font-size:20px; line-height:24px; color:#333;}
h6 { font-size:16px; font-weight:500; color:#F38120; padding-bottom:5px;}
h6 span { position:relative;}
h6 span:before { content:''; position:absolute; width:100%; height:26px; background:url(images/title-icon.svg) center center no-repeat; margin:0 auto; left:0; right:0;}
   
   #loading {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity:0.9;  background-color: #000;  z-index: 99; display: flex;  align-items: center;
}

#loading-image { position: absolute; left: 0; right:0; margin:0 auto; z-index: 100; width:600px;}
 
header { float:left;  width:100%; z-index:999; position:absolute; padding:15px 0; overflow-x:hidden;} 
header .container {display: flex; justify-content: space-between; align-items: center;}
header .header_logo { width:175px;}
header .menu_catalogue_bg {display: flex; }
header .menu_catalogue_bg a.catalogue { background:#F38120; font-size:16px; padding:14px 35px; text-transform:uppercase; color:#fff; text-decoration:none; display: inline-flex; align-items: center;}
header .menu_catalogue_bg a.catalogue:hover {background:#fff; color:#222;}
header .menu_catalogue_bg a.menu_icon { background:#fff; padding:12px 15px; margin-left:15px;}

.sidenav { width:0; position: fixed; z-index:9999 !important; top:0; right:0; background:#fff; overflow-x:hidden; transition:0.5s; padding-top:70px; max-height:900px; height:100vh;}
.sidenav a { float:right; width:80%; text-align:left; padding:14px 0;  margin:0 10% !important; text-decoration: none; font-size:18px; color:#333; display: block; transition:0.2s;  font-weight:400; border-bottom:1px solid rgba(151,151,151,0.2);}
.sidenav a:hover {color:#F38120;}
.sidenav a img { float:left; width:100%; border:none; margin-top:30px;}
.sidenav a.closebtn { position: absolute; top:20px; right:0; width:auto; border:none;}
.sidenav a.closebtn img { margin:0;}
.sidenav_open { width:24%;}
.sidenav_close { width:0;}
.dropdown-toggle::after { display:none; }
.sidenav a.register_button { position: absolute; top:20px; left:0; width:auto; font-size:18px; font-weight:bold; color:#052430; border:none;}
.sidenav a.contact_link { }
.sidenav .login_welcome_menu a {font-weight:bold;}
.sidenav .login_welcome_menu h4 a {  color:#40CFBB; font-size:30px;}
.sidenav .login_welcome_menu h4 a:hover { color:#40CFBB;}
#vertical-menu {width: 100%; }
#vertical-menu h3 { float:left; width:80%; font-size:18px; color:#222; padding:12px 0;  margin:0 10%; cursor:pointer; border-bottom:1px solid rgba(151,151,151,0.2); }
#vertical-menu h3 span { float:right; font-size:34px; line-height:20px;  margin-top:3px; font-weight:700;}
#vertical-menu li { list-style-type: none;}
#vertical-menu ul ul li a { float:left; width:100%; font-size:16px; color:#848a90; text-decoration: none; display: block; padding:6px 0 6px 50px;   border:none;  }
#vertical-menu ul ul li a:hover { color: var(--primarycolor);}
#vertical-menu ul ul { display: none; float:left; margin:10px 0 0 0;}
#vertical-menu li.active ul { display: block ;}


nav .navbar-brand { padding:15px 0; max-width:220px;} 
nav .navbar-collapse {flex-grow: 0;} 
.navbar { padding:0; width:100%;  z-index:999; position:absolute;}
.navbar .navbar-nav   {align-items: center;}
.navbar .navbar-nav .nav-item { padding:0;}
.navbar .navbar-nav .nav-link { margin:9px 20px; padding:16px 0; font-size:16px; color:#fff; font-weight:500; }
.navbar .navbar-nav .nav-link:hover { color:#F38120;}
.navbar .navbar-nav .nav-link.active {  color:#F38120;}
.navbar .navbar-toggler {border:2px solid #F38120; background:url(images/menu-icon.png) center center no-repeat #fff; padding:4px 8px;}
.navbar .navbar-toggler:focus { box-shadow:none;}
.navbar .navbar-nav .nav-link.contact { background:#F38120; color:#fff; padding:12px 30px; border:none; font-weight:700; border-radius:30px;}
.navbar .navbar-nav .nav-link.contact:hover { background:#253C4A;}
.logo.scroll { display:none;}

.f-nav { z-index:99; position: fixed; top: 0; width: 100%; background: rgba(0, 0, 0, 0.7) !important; }

.dropdown:hover .dropdown-menu {display: block; margin:0; padding:0; min-width:200px; border-radius:0; background:#fff;}
.dropdown:hover .dropdown-menu li { padding:0;}
.dropdown:hover .dropdown-menu li a { float:left; width:100%; padding:10px 15px; font-size:15px; color:#333333; } 
.dropdown:hover .dropdown-menu li a:hover { color:#fff; background:#F38120;}
.dropdown-toggle::after { position:relative; top:3px;}


section { float:left; width:100%; background:#ffffff;  }
.banner_top_bg { float:left; width:100%; position:relative;}
.banner_text_bg { position:absolute; top:32%; z-index:2; left:15%; right:15%;}
.banner_text_bg h3 { color:#fff; text-align:center; font-size:24px; padding-bottom:10px;}
.banner_text_bg h1 { color:#fff; max-width:706px; margin:0 auto; text-align:center;}
.banner_text_bg .row { margin-top:25%;}
.banner_text_bg .banner_icon { width:100%; background-color: rgb(255 255 255 / 10%);  backdrop-filter: blur(10px); border-radius:10px; display: flex; align-items: center; padding:20px 15px; margin-top:30px;}
.banner_text_bg .banner_icon:hover { background:#253C4A;  }
.banner_text_bg .banner_icon img { width:80px; margin-right:15px;}
.banner_text_bg .banner_icon h6 { color:#fff; font-size:20px;}

.read_more_but { float:left; width:100%; padding:30px 0 0 0; text-align:center;}
.read_more_but a {   background:#F38120; font-size:16px; padding:14px 35px; text-transform:uppercase; color:#fff; text-decoration:none; display: inline-flex; align-items: center;}
.read_more_but a:hover {background:#fff; color:#222;}
/*.banner_top_bg .carousel-control-prev { background:url(images/aro-left.svg) center center no-repeat; width:18px; height:26px; background-size:17px; top:46%; left:15px; opacity:1; z-index:2;}
.banner_top_bg .carousel-control-next { background:url(images/aro-right.svg) center center no-repeat; width:18px; height:26px; background-size:17px; top:46%; right:15px; opacity:1; z-index:2;}*/
 
.top_box_section { float:left; width:100%; text-align:center; padding:10px 0 50px 0; z-index: 1;} 
.top_box_section .box_icon {display:flex; align-items: center; width:100%; background:#fff; box-shadow:0 3px 6px #ccc; padding:5px; border-radius:80px; margin-top:30px;}
.top_box_section .box_icon img { background:#F38120; border-radius:50%; width:110px; transition: transform .5s ease-in-out;}
.top_box_section .box_icon:hover img {  transform: rotate(360deg);}
.top_box_section .box_icon .text { margin-left:20px; text-align:left;}
.top_box_section .box_icon .text h2 { margin:0; padding:0;}
.top_box_section .box_icon .text p { color:#666666; padding:5px 0 0 0;}
 
.home_aboutus_bg { float:left; width:100%; padding:0; position:relative; } 
.home_aboutus_bg:before { content:''; position:absolute; width:360px; height:530px;  background:url(images/about-pattern.png) left top no-repeat; left:0; top:0;}
.about_left_img { width:100%; position:relative;}
.about_left_img:hover img { opacity:0.8;}
.home_aboutus_bg p b { color:#222;}
.about_phone_email_box  { width:100%; margin-top:20px; background:#F5F5F5; text-align: center;}
.about_phone_email_box img { width:116px; margin:35px auto 0 auto; transition: all 0.2s; scale: 1.00;} 
.about_phone_email_box:hover img {transition: all 0.2s; scale: 1.2;}
.about_phone_email_box p { font-size:24px; line-height:34px; font-weight:500; color:#333; padding:25px 0;} 
.about_phone_email_box .read_more_but { background:#333333; padding:39px;}
.about_left_img .video_icon { position:absolute; top:0; bottom:0; display: flex;  align-items: center; width: 116px; margin: 0 auto; left: 0;  right: 0;}


.home_why_choose_us_bg  { float:left; width:100%; padding:0; margin:90px 0 0 0; background:url(images/why-bg.jpg) left top no-repeat; background-size:cover; position:relative; overflow: hidden;} 
.choose_box { width:100%; padding:80px 0;}
.choose_box h2 { color:#fff;}
.choose_box p { color:#999; padding:15px 0 0 0;}
.choose_box .why_box { background:#1A1A1A; display: flex; align-items: center; margin-top:30px;}
.choose_box .why_box img { width:190px; background:#F38120;}
.choose_box .why_box .text { padding:0 35px;}
.choose_box .why_box .text h5 { color:#fff;}
.why_choose_video { float:right; width:100%; }
.why_choose_video .video_icon { position:absolute; top:0; bottom:0; display: flex;  align-items: center; width: 116px; margin: 0 auto; left: 0;  right: 0;}
.video-play-button { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; /* background: #eb2055; */ border-radius: 50%; padding: 18px 20px 18px 28px; opacity:0.7;}
.video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 116px; height: 116px; background: #fff; border-radius: 50%; animation: pulse-border 1100ms ease-out infinite;}
.video-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 116px; height: 116px; background: #fff; border-radius: 50%; transition: all 200ms;}
.video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 26px solid #000; border-top: 18px solid transparent; border-bottom: 18px solid transparent; top: 4px; left: 4px; opacity:0.7;}
@keyframes pulse-border { 
0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 
100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; }
} 

.product_category_bg { float:left; width:100%; text-align:center; padding:90px 0; background:url(images/product-category-bg.png) bottom center no-repeat; background-size:cover;}
.product_category_box { float:left; width:100%; padding:30px 20px; background:#fff; box-shadow:0 1px 10px #ccc; position:relative; margin-top:30px; min-height:320px; text-align:center; }
.product_category_box img { width:120px; margin:0 auto; padding:30px 0 0 0; transform: matrix(1, 0, 0, 1, 0, 0); transition: transform .4s; -moz-transform: matrix(1, 0, 0, 1, 0, 0); -moz-transition: -moz-transform .4s; -ms-transform: matrix(1, 0, 0, 1, 0, 0); -o-transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: -webkit-transform .4s;}
.product_category_box h5 { padding:30px 0 0 0; min-height:60px; font-size:18px; transform: matrix(1, 0, 0, 1, 0, 0); transition: transform .4s;  -moz-transform: matrix(1, 0, 0, 1, 0, 0); -moz-transition: -moz-transform .4s; -ms-transform: matrix(1, 0, 0, 1, 0, 0); -o-transform: matrix(1, 0, 0, 1, 0, 0);  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);  -webkit-transition: -webkit-transform .4s;}
.product_category_box p { display:none; }
.product_category_box .read_more_but {transform: translateY(-40px); opacity:0; bottom:30px; left: 0; margin: auto; position: absolute; right: 0;}
.product_category_box:hover { padding:40px 30px; transition: transform .5s ease-in-out;}
.product_category_box:hover .read_more_but  { -webkit-transform: translateY(0px);  transform: translateY(0px); opacity: 1;  transition: transform .5s ease-in-out; }
.product_category_box:hover h5 {transform: matrix(1, 0, 0, 1, 0, -40.5);  -moz-transform: matrix(1, 0, 0, 1, 0, -40.5);  -ms-transform: matrix(1, 0, 0, 1, 0, -40.5);  -o-transform: matrix(1, 0, 0, 1, 0, -40.5);  -webkit-transform: matrix(1, 0, 0, 1, 0, -40.5); }  
.product_category_box:hover p { display:block; transform: matrix(1, 0, 0, 1, 0, -40.5); -moz-transform: matrix(1, 0, 0, 1, 0, -40.5); -ms-transform: matrix(1, 0, 0, 1, 0, -40.5); -o-transform: matrix(1, 0, 0, 1, 0, -40.5); -webkit-transform: matrix(1, 0, 0, 1, 0, -40.5);  }
.product_category_box:hover img { display:none;}
.product_category_box .read_more_but a:hover { background:#222; color:#fff;}
  
.industries_serve_bg { float:left; width:100%; padding:90px 0;  background:#EEEEEE; }
.industries_serve_bg h2 { text-align:center;}
.industries_box { float:left; width:100%; background:#fff; padding:20px; margin-top:30px;} 
.industries_box .icon { float:left; width:100%;}
.industries_box .icon img { max-height: 50px;  width: auto; transition: all 300ms ease 0s; filter: brightness(0%);}
.industries_box h5 { float:left; width:100%; font-size:18px; padding:15px 0 0 0 ;  color:#333; min-height: 66px;} 
.industries_box p { float:left; width:100%;  padding:10px 0 0 0;} 
.industries_box:hover { background:#333;}
.industries_box:hover .icon img {transform: rotateY(360deg); filter: brightness(100%);}
.industries_box:hover h5 { color:#fff;}
.industries_box:hover p { color:#999;}
.industries_box .read_but { float:left; width:30px; padding:15px 0 0 0;}

.home_testimonials_bg { float:left; width:100%; text-align:center; padding:90px 0;}
.testimonial_box { float:left; width:100%; text-align:center; margin-top:30px;}
.testimonial_box .quote { width:46px; margin:0 auto;}  
.testimonial_box h6 { font-weight:700; color:#333; padding:15px 0 0 0;}
.testimonial_box h6 span { color:#666666; font-family: "DM Sans", sans-serif; font-weight:400;}
.testimonial_box h6 span:before { display:none;}
.testimonial_box p { max-width:860px; margin:0 auto; padding:10px 0 0 0;}
.testimonial_box .staricon { width:96px; margin:0 auto; padding:12px 0 0 0;}  
.testimonial_slider  .slick-prev { background:url(images/arrow-left1.svg) left top no-repeat; width:36px; height:36px; background-size:36px; border:none; box-shadow:none; left:0; top:65%; border-radius:0; z-index:4;}
.testimonial_slider .slick-next { background:url(images/arrow-right1.svg) left top no-repeat; width:36px; height:36px; background-size:36px; border:none; box-shadow:none; right:0; top:65%; border-radius:0;  z-index:4;}
.testimonial_slider .slick-prev::before { display:none;}
.testimonial_slider .slick-next::before { display:none;}

.free_getin_touch_bg { float:left; width:100%; background:url(images/get-in-touch-bg.jpg) left top no-repeat; background-size:cover; position:relative; overflow: hidden;} 
.free_getin_touch_bg .getin_touch_bg_img { float:left; width:57%; position: absolute; top: 0; left: 0;}
.free_getin_touch_bg .getin_touch_bg_text { width:40%; float:right; padding:100px 0;}
.free_getin_touch_bg .getin_touch_bg_text h2 { color:#fff;}
.free_getin_touch_bg .getin_touch_bg_text .read_more_but { text-align:left; padding:20px 0 0 0;}

.home_exhibition_bg { float:left; width:100%; text-align:center; padding:90px 0;  background:url(images/exhibition-bg.jpg) left top no-repeat; background-size:cover;}
.exhibition_box { float:left; width:100%; margin-top:30px; position:relative; padding:0 0 65px 0;}
.exhibition_box .exhibition_text { position:absolute; bottom:0; background:#fff; width:86%; margin:0 auto; left:0; right:0; padding:20px;}
.exhibition_box .exhibition_text .date { position:absolute; right:0; top:-24px; background:#F38120; font-size:12px; padding:4px 8px; color:#fff;}
.exhibition_box .exhibition_text p { float:left; width:100%; color:#797979; padding:0; text-align:left;}
.exhibition_box .exhibition_text h4 { float:left; width:100%;  text-align:left; padding:5px 0 0 0;}
.exhibition_box:hover img { opacity:0.8;}

.clients_logo_main { float:left; width:100%; padding:90px 0;}
.clients_logo_main h2 { text-align:center; padding-bottom:30px;}
.clients_logo_main .logo_box img { max-height:90px;}
.brands_logo .slick-track {display:flex; align-items:center;}


.latest_articles_bg { float:left; width:100%; text-align:center; padding-bottom:90px;}
.articles_box { float:left; width:100%; margin-top:30px; text-align:left;}
.articles_box .article_img { float:left; width:100%; position:relative;}
.articles_box .article_img .date { position:absolute; top:15px; right:15px; background:#fff; font-size:12px; line-height:24px; color:#000; width:54px; text-align:center;}
.articles_box .article_img .date span { background:#F38120; color:#fff; font-size:20px; line-height:28px; font-weight:700; width:100%; float:left;}
.articles_box h5 {float:left; width:100%; text-align:left; padding:15px 0 0 0;}
.articles_box h5 a {color: #333;}
.articles_box p { float:left; width:100%; padding:10px 0 0 0;}
.articles_box:hover .article_img img { opacity:0.8;}

footer { float:left; width:100%; background:url(images/footer-bg.jpg) left center no-repeat; background-size:cover; padding:0; margin-top:40px; }
.footer_box { float:left; width:100%; padding:50px 0 0 0;}  
.footer_logo { max-width:124px;}
.footer_box.color { background:#fff; position:relative; padding:25px 18px 40px 18px;}
.footer_box h4 { float:left; width:100%; color:#fff; position:relative; margin-bottom:5px; font-size:20px; text-transform:uppercase; }
.footer_box p { float:left; width:100%; font-size:14px; line-height:24px; text-align:left; color:#797979; padding:15px 0 0 0;}
.footer_box p i { float:left; font-size:18px; color:#F38120; padding:2px 5px 0 0;}
.footer_box p i.fa-location-dot{ font-size:22px; margin-bottom:100px;}
.footer_box p a {color:#797979; font-size:16px;}
.footer_box p a:hover { color:#F38120; }
.footer_box .left_icon { position:absolute; top:-52px; left:0; background:#F38120; width:100%; margin: 0 auto; display: flex; justify-content: center;}
.footer_box .left_icon a {  color:#fff; font-size:22px; text-align:center; margin:15px 15px; }
.footer_box .left_icon a:hover { color:#fff; }
.footer_box ul { float:left; width:100%; list-style:none; padding:7px 0 0 0; margin:0;}
.footer_box li { float:left; width:100%; list-style:none; padding:7px 0 7px 0; margin:0; line-height:28px;}
.footer_box li a { float:left; font-size:16px; color:#BBBBBB; padding:0 0 0 14px; background:url(images/dot-icon.svg) left 10px no-repeat;}
.footer_box li a:hover { color:#F38120;}

.footer_box .newsletter_input { float:left; width:100%; padding:0 0 0 20px; background:#fff; font-size:16px; color:#333; height:48px; border:none;   border:none; margin-top:20px;}
.footer_box .btn { background:#F38120; font-size:16px; padding:12px 35px; text-transform:uppercase; border-radius:0; color:#fff; text-decoration:none; display: inline-flex; align-items: center; margin-top:15px;}
.footer_box .btn:hover {background:#fff; color:#222;}
.copyright_text_bottom { float:left; width:100%; text-align:center; color:#BBBBBB; font-size:16px; background:#131313;  padding:25px 0; }   

.modal {background-color: rgba(0, 0, 0, 0.6)}
.modal-content { background:#fff;}
.video_popup .btn-close {background:url(images/close-icon2.svg) right center no-repeat; width:24px; height:24px; position:absolute; top:-15px; right:-10px; opacity:1; z-index:2;}
.video_popup .modal-body { padding:3px;}

.quickenquiry { position:fixed; left:0; top:30%; z-index:1;}
.quickenquiry img { width:auto;}
#quickenquiryModal .modal-dialog { max-width:600px;}
.quickenquiry_popup .btn-close {background:url(images/close-icon1.svg) right center no-repeat; width:26px; height:26px; position:absolute; top:38px; right:22px; padding:0; opacity:1; z-index:2;}
.quickenquiry_popup .modal-body { padding:10px 20px 20px 20px;}
.quickenquiry_popup .modal-title { padding:20px 20px 0 20px;}
.quickenquiry_popup .form-control { border:1px solid #DDDDDD; color:#000; font-size:16px; min-height:50px; margin-top:20px;  background:#fff;}
.quickenquiry_popup select  { border:1px solid #ccc; color:#666; font-size:16px; min-height:50px; margin-top:20px; background:#fff;}
.quickenquiry_popup .btn { background:#F38120; font-size:16px; padding:12px 35px; text-transform:uppercase; border-radius:0; color:#fff; text-decoration:none; display: inline-flex; align-items: center; margin-top:15px; float:left;}
.quickenquiry_popup .btn:hover {background:#333; color:#fff;}
.quickenquiry_popup .wpcf7-response-output {float: left; border:none !important; padding:0 !important; margin:0 !important;}
.quickenquiry_popup .wpcf7-spinner { margin:17px 0 0 10px; float: left;}
.quickenquiry_popup .wpcf7-not-valid-tip { float:left; font-size: 14px; width:100%;}

.certificate_box { float:left; width:100%; border:1px solid #ccc; padding:20px; border-radius:10px;}
.certificate_box img {}
 

.inner_page_main { float:left; width:100%; padding-bottom:0; }
.inner_page_title_bg {float:left; width:100%; background:url(images/inner-page-bg.jpg) center center no-repeat; background-size:cover !important;  padding:230px 0 200px 0; position:relative;}
.inner_page_title_bg h1 { float:left; width:100%; text-align:center; font-size:40px; color:#fff; z-index:1; position:relative;}
.inner_page_title_bg .header_link { float:left; width:100%; text-align:center; font-size:16px; color:#F58220; padding:10px 0 0 0;}
.inner_page_title_bg .header_link a {  text-align:center;  font-size:16px; color:#fff;}
.inner_page_title_bg .header_link span { padding:0 15px;  color:#fff;}


.contact_enquiry_bg { float:left; width:100%; background:#F3F3F3; padding: 60px 0;}
.contact_enquiry_bg .col-md-4 { border-right:1px solid #e3e3e3;}
.contact_enquiry_box { float:left; width:100%; text-align:center; margin:0;}
.contact_enquiry_box img { width:66px; margin:0 auto; transition: all 0.2s; scale: 1.00;}
.contact_enquiry_box:hover img {transition: all 0.2s; scale: 1.09;}
.contact_enquiry_box h5 { padding:20px 0 0 0;}
.contact_enquiry_box p { padding:15px 0 0 0;}

.get_touch_withus { float:left; width:100%; padding:0; background:url(images/world_contact.png) left bottom no-repeat #fff; }
.get_touch_withus .row {align-items: center;}
.contact_info_right { float:left; width:100%; padding:80px 80px; border-radius:0; background:url(images/wave-overlay.png) center bottom no-repeat #1A191D; text-align:center; }
.contact_info_right h2 { text-align:center; color:#fff; padding:0;}
.contact_info_right h5 { text-align:center; color:#F38120; padding:15px 0 0 0;}
.contact_info_right p {  width:100%; font-size:16px; color:#fff; padding:10px 0 0 0;}
.contact_info_right p i { float:left; font-size:20px; margin:3px 15px 0 0; color:#fff; background:#F38120; width:38px; height:38px; border-radius:5px; text-align:center; padding:7px 0 0 0;}
.contact_info_right p i.fa-location-dot { font-size:22px; margin-bottom:40px;}
.contact_info_right p a { color:#fff;  }
.contact_info_right p a:hover { color:#fff;}
.contact_info_right .locations_box { float:left; width:100%; text-align:center;  background:url(images/locations_overlay.png) center bottom no-repeat #F38120; background-size:cover; padding:50px 40px; margin-top:30px;}
.contact_info_right .locations_box h5 { text-align:center; color:#fff; padding:0; font-size:24px;}
.contact_info_right .locations_box .left_icon { margin-top:0; float:left; width:100%; padding:30px 0 0 0; text-align:center;}
.contact_info_right .locations_box .left_icon a { margin:0 10px; color:#fff; font-size:30px;  text-align:center; }
.contact_info_right .locations_box .left_icon a:hover { color:#fff; }
.contact_info_right .locations_box p { padding:15px 0 0 0;}

.contact_from_box { float:left; width:90%; text-align:left;}
.contact_from_box h2 { text-align:left; padding:0;}
.contact_from_box p {float:left; width:100%;  font-size:18px; line-height:26px; color:#333; padding:15px 0 10px 0;;}
.contact_from_box .form-control { float:left; width:100%; margin:0; background:#fff;  border:1px solid #cccc; min-height:50px; font-size:16px; color:#000; padding:0 15px;  background:#fff; margin:20px 0 0 0;}
.contact_from_box .form-select  { float:left; width:100%; margin:0;  border:1px solid #cccc; min-height:52px; font-size:16px; color:#000; padding:15px; background:#fff; }
.contact_from_box .read_more_but {  text-align:left;}
.contact_from_box .read_more_but .btn { background:#F38120; font-size:16px; padding:14px 35px; text-transform:uppercase; color:#fff; text-decoration:none; display: inline-flex; align-items: center; float:left;}
.contact_from_box .read_more_but .btn:hover {background:#333; color:#fff;}
.contact_map_box { float:left; width:100%; padding-bottom:40px;}
.contact_from_box .wpcf7-response-output { float:left; border:none !important; padding:0 !important; margin:0 !important;}
.contact_from_box .wpcf7-spinner { margin:17px 0 0 10px; float: left;}
.contact_from_box .wpcf7-not-valid-tip { float:left; font-size: 14px; width:100%;}

.about_padding { padding-top:60px;}
.about_padding .row {  align-items: center;}
.foundry_unit_bg { float:left; width:100%; padding:70px 0;}
.foundry_unit_bg ul { float:left; width:100%; padding:15px 0 0 0; list-style:none;}
.foundry_unit_bg li { float:left; width:100%; list-style:none; font-size: 16px; line-height: 30px; color: #666; background:url(images/dot.svg) left 13px no-repeat; padding:0 0 0 15px; }
.foundry_unit_bg li b { color:#222;} 
.foundry_box { float:left; width:100%; border:1px solid #F58220; background:#fff; border-radius:10px; margin-top:20px; min-height:206px;}
.foundry_box h5 { background:#F58220; color:#fff; padding:10px 0; text-align:center; font-size:20px; font-weight:700; border-radius:9px 9px 0 0;}
.foundry_box ul { float:left; width:100%; padding:20px; list-style:none;}
.foundry_box li { float:left; width:100%; list-style:none; font-size: 16px; line-height: 30px; color: #666; background:url(images/dot.svg) left 13px no-repeat; padding:0 0 0 15px; }
.foundry_box li b { color:#222;} 
.foundry_unit_bg .certificate_logo { float:left; width:100%; text-align:center;}
.foundry_unit_bg .certificate_logo img { width:70%; margin:40px auto 0 auto;}

.quality_section_bg { float:left; width:100%; background:#374046; padding:70px 0;}
.quality_section_bg .row {align-items: center;}
.quality_section_bg h2 { color:#fff;}
.quality_section_bg p { color:#fff;}
.quality_section_bg ul { float:left; width:100%; padding:15px 0 0 0; list-style:none;}
.quality_section_bg li { float:left; width:100%; list-style:none; font-size: 16px; line-height: 30px; color: #fff; background:url(images/dot.svg) left 13px no-repeat; padding:0 0 0 15px; }

.manufacturing_bg  { float:left; width:100%;  padding:70px 0; background:#F2F2F2;}
.manufacturing_bg h2 { text-align:center;}
.manufacturing_bg p { text-align:center; max-width:900px; margin:0 auto; padding:12px 0 0 0;}
.manufact_box { float:left; width:100%;  margin-top:30px; display: flex; align-items: center; background:#fff; border-radius:10px;}
.manufact_box.left {   margin-left:50px; width:95%; position:relative; padding-left: 5%;}
.manufact_box.left img { width:100px; position:absolute; left:-50px; }
.manufact_box.right {   margin-right:50px; width:95%; position:relative; padding-right: 5%;}
.manufact_box.right img { width:100px; position:absolute; right:-50px; }
.manufact_box .text {   padding:30px 20px;}
.manufact_box .text h5 { color:#374046;  }
.manufact_box .text p { color:#374046; padding:10px 0 0 0; text-align:left;}

.valuable_clients_nation_bg { float:left; width:100%; text-align:center; padding:70px 0;}
.valuable_clients_nation_bg p { max-width:900px; margin:0 auto;}
.valuable_clients_bg { float:left; width:100%; display: flex;  justify-content: space-between;}
.valuable_clients_bg .left { width:30%; margin-top:30px;}
.valuable_clients_bg .left img { width:auto;}
.valuable_clients_bg .map { width:40%; margin-top:30px;}
.valuable_clients_bg .right { width:30%; margin-top:30px;}
.valuable_clients_bg .right img { width:auto;} 
.valuable_clients_bg .text { width:55%; margin:30px 0 0 5%;}
.valuable_clients_bg .text ul { float:left; width:100%;}
.valuable_clients_bg .text li { float:left; width:33%; font-size:16px; line-height:32px; font-weight:600; color:#000; text-align:left; text-transform:capitalize;}

.certificate_page_bg { float:left; width:100%; padding:40px 0 70px 0;} 
.certificate_box { float:left; width:100%; margin-top:30px; overflow:hidden;}
.certificate_box.hovereffect { width:100%; float:left; overflow:hidden; position:relative; text-align:center; cursor:default; }  
.certificate_box.hovereffect .overlay { width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; opacity:0; background-color:rgba(0,0,0,0.5); -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out } 
.certificate_box.hovereffect img { display:block; position:relative; -webkit-transition:all .4s linear; transition:all .4s linear; }  
.certificate_box.hovereffect h2 { text-transform:uppercase; color:#fff; text-align:center; position:relative; font-size:17px; background:rgba(0,0,0,0.6); -webkit-transform:translatey(-100px); -ms-transform:translatey(-100px); transform:translatey(-100px); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; padding:10px; }  
.certificate_box.hovereffect a.info { text-decoration:none; display:inline-block; text-transform:uppercase; color:#fff;  background-color:transparent; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; margin:60% 0 0 0; padding:7px 14px; }  
.certificate_box.hovereffect a.info:hover {  }  
.certificate_box.hovereffect:hover img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); }  
.certificate_box.hovereffect:hover .overlay { opacity:1; filter:alpha(opacity=100); }  
.certificate_box.hovereffect:hover h2,.certificate_box.hovereffect:hover a.info { opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(0); transform:translatey(0); }  
.certificate_box.hovereffect:hover a.info { -webkit-transition-delay:.2s; transition-delay:.2s; }

.exhibition_page_main  { float:left; width:100%; padding:40px 0 70px 0;}
.exhibitions_banner_box { margin-top:30px; background:#fff; border-radius:20px; padding:10px; border:1px solid #e8e8e8;}
.exhibitions_banner_box img { border-radius:10px;} 
.exhibitions_banner_box h4 {font-size: 24px; color: #333; padding:20px 0 0 0; text-align:center;}
.exhibitions_banner_box p {  font-size:15px; line-height:20px; padding:15px 0 10px 0; color: #666; text-align:center;}

.industries_weserve_bg  { float:left; width:100%; padding:40px 0 70px 0;}
.industries_serve_box { float:left; width:100%; margin-top:30px; border:1px solid #ccc; position:relative; transition: all 300ms linear 0ms;}
.industries_serve_box::before {content: "";  display: block;  height: 7px;  background-color: #dedede;  position: absolute; bottom: -7px;  left: 10px; right: -1px; clip-path: polygon(0 0,100% 0,100% 100%,6px 100%); transition:all 350ms ease-in-out 0ms;}
.industries_serve_box:hover::before { background:#F38120;}
.industries_serve_box::after {content: ""; display: block; width: 7px; background-color: #dedede;  position: absolute; top: 15px; bottom: -7px; right: -7px; clip-path: polygon(0 0,100% 6px,100% 100%,0 100%); transition:all 350ms ease-in-out 0ms;}
.industries_serve_box:hover::after { background:#F38120;}

.industries_serve_box .image { position:relative;}
.industries_serve_box .icon {position: absolute; top: 10px; left: 10px; flex:none; width:50px; height:50px; display: flex; -webkit-box-orient:horizontal;  -webkit-box-direction:normal; flex-direction: row; align-items: center; justify-content: center;  background:#F38120;  overflow:hidden;}
.industries_serve_box .icon img {max-height:30px; width:auto; filter: brightness(0) invert(1);  transition:all 400ms ease-in-out 0s;}
.industries_serve_box h5 { font-size:18px; padding:15px 15px 0 15px; min-height:64px; }
.industries_serve_box p { padding:15px 15px 0 15px;}
.industries_serve_box .read_more_but { padding:15px; text-align:left;}
.industries_serve_box .read_more_but a { padding:0; background:none; font-weight:700; color:#222; font-size:14px;}
.industries_serve_box .read_more_but a:hover { background:none; color:#F38120;}
.industries_serve_box:hover .icon img {transform: rotateY(360deg); filter: brightness(0) invert(1); }

.industries_details_page_bg { float:left; width:100%;}
.industries_details_page_bg .row {align-items: center;}
.industries_details_page_bg .image { float:left; width:100%; margin-top:60px;}
.industries_details_page_bg .text { float:left; width:100%; margin-top:60px;}
.industries_details_page_bg .text h4 { margin-top:20px;}	
.industries_details_page_bg .text ul { float:left; width:100%; padding:15px 0 0 0; list-style:none;}
.industries_details_page_bg .text li { float:left; width:100%; list-style:none; font-size: 16px; line-height: 30px; color: #666; background:url(images/dot.svg) left 13px no-repeat; padding:0 0 0 15px; }
.industries_details_page_bg .clients_logo_main { background:#f4f4f4; padding:60px 0; margin:60px 0;}
.whychoose_essel_fire_bg { float:left; width:100%; margin-bottom:60px;}
.whychoose_essel_fire_bg h2 { text-align:center;}
 
.essel_whychoose_box {padding:30px 17px; margin-top:30px;  border-color: #fff;  border-radius: 10px; transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;  -webkit-box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.05);  box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.05); min-height:210px; text-align:center; }
.essel_whychoose_box:hover {  -webkit-transform: translate(0, -3px);  transform: translate(0, -3px);  -webkit-box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.1); box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.1);}
.essel_whychoose_box .icon { width:80px; margin:0 auto;}
.essel_whychoose_box .icon img { border-radius:50%; background:#F38120; width:100%;}
.essel_whychoose_box h5 { padding:15px 0 0 0; font-size:16px;  }


.blog_page_main { float:left; width:100%; padding:30px 0 60px 0;}
 
.blog_left_bg { float:left; width:100%; background:#F4F5F8;  margin-top:30px; padding:0 20px;}
.blog_left_bg h4 {   padding:20px 0 0 0; color:#F38120;}
.blog_left_bg ul { float:left; width:100%; list-style:none; margin:10px 0; padding:0;}
.blog_left_bg li { float:left; width:100%; list-style:none;  padding:15px 0;}
.blog_left_bg li a { font-size:16px; color:#000;  background:url(images/dot-icon.svg) left 6px no-repeat; padding:0 0 0 15px;}
.blog_left_bg li a:hover { color:#F38120;}
.blog_left_bg .blog_img_box { display:flex; align-items:center; width:100%; border-bottom: 1px solid #D9D9D9; padding:30px 0;}
.blog_left_bg .blog_img_box:last-child { border:none;}
.blog_left_bg .blog_img_box .img img { width:115px; margin-right:20px;}
.blog_left_bg .blog_img_box .img img:hover { opacity:0.8;}
.blog_left_bg .blog_img_box .text p { color:#A8A8A8; padding:0; font-size:14px;}
.blog_left_bg .blog_img_box .text h5 { line-height:20px;}
.blog_left_bg .blog_img_box .text h5 a { color:#333; padding:0; font-size:16px; line-height:20px; font-weight:700;}
.blog_left_bg .blog_img_box .text h5 a:hover { color:#F38120;}
.blog_left_bg .sitebutton { text-align:left; padding:20px 0 30px 0; }
.blog_left_bg .callimg { margin-top:20px;}
.blog_left_bg.enquirybox {background: url(images/get-in-touch-bg.jpg) left top no-repeat; background-size: cover; padding:60px 20px;}
.blog_left_bg.enquirybox h2 { color:#fff;}
.blog_left_bg.enquirybox .read_more_but { text-align:left;}

.our_news_detail_text { float:left; width:100%; margin-top:30px; }
.our_news_detail_text .new_img { float:left; width:100%; position:relative;}
.our_news_detail_text .article { float:left; width:100%; font-size: 14px;  color: #999;  padding:20px 0 0 0;}
.our_news_detail_text .article  .fa-calendar-alt { margin-right:8px; color: #F38120;}
.our_news_detail_text h2{ float:left; width:100%; font-size:30px; line-height:40px; color:#F38120; padding:15px 0;}
.our_news_detail_text h5{  padding:15px 0 0 0;  }
.our_news_detail_text ul { padding:8px 0 0 0; list-style:none;}
.our_news_detail_text li { background:url(images/dot.svg) left 18px no-repeat;  padding:10px 0 0 15px; font-size:16px; font-weight:400; color:#677078;}
.leave_reply_main { float:left; width:100%;}
.leave_reply_main h2 { text-align:left; padding:30px 0 0 0;}
.leave_reply_main .form-control { float:left; width:100%; margin:15px 0 0 0; background:#fff;  border:1px solid #cccc; min-height:52px; font-size:16px; color:#000; padding:0 15px; }
.leave_reply_main .read_more_but { text-align:left; margin:20px 0 0 0;}
.leave_reply_main .read_more_but .btn { background:#F38120; font-size:16px; font-weight:700; padding:4px 4px 4px 30px; border-radius:30px; color:#fff; text-decoration:none; display: inline-flex; align-items: center; }
.leave_reply_main .read_more_but .btn img { width:40px; margin-left:20px;}
.leave_reply_main .read_more_but .btn:hover {background:#253C4A;} 

.product_page_main { float:left; width:100%;  padding:20px 0 60px 0;}
.product_box { float:left; width:100%;}
.product_box .row {align-items: center;}
.product_box .product_img { float:left; width:100%; margin-top:40px;  }
.product_box .product_img img { border:1px solid #ccc; padding:5px; background:#fff;}
.product_box .product_img video { border:1px solid #ccc; padding:5px; background:#fff;}

.product_box .product_img .carousel-control-prev { background:url(images/arrow-left.svg) center center no-repeat; width:26px; height:26px; background-size:26px; top:46%; left:15px; opacity:1; z-index:2;}
.product_box .product_img .carousel-control-next { background:url(images/arrow-right.svg) center center no-repeat; width:26px; height:26px; background-size:26px; top:46%; right:15px; opacity:1; z-index:2;}

.product_box .product_text { float:left; width:100%; margin-top:40px;}
.product_box h2 { color:#F38120;}
.product_box p { padding:15px 0 0 0;}
.product_box p b { color:#222;}
.product_box .table { margin:20px 0 0 0;}
.product_box .table tr {border-color: #ccc;}
.product_box .table th { background:#333; color:#fff; padding: 8px 15px;}
.product_box .table td {border-color: #ccc; background:#fff; padding: 8px 15px;}
.product_box .table td.top_bg { background:#222; color:#fff; font-weight:700;}
.product_box .table td.leftcolor { background:#fff0e3;}
.product_box .product_text .read_more_but { text-align:left;}
.product_box .product_text .read_more_but a:hover { background:#333; color:#fff;}

.key_features_bg { float:left; width:100%; padding:30px 0 0 0;}
.key_features_bg .why_choose_box {padding:30px 17px; margin-top:30px;  border-color: #fff;  border-radius: 10px; transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;  -webkit-box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.05);  box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.05); min-height: 190px; background:#EFEFEF; }
.key_features_bg .why_choose_box:hover {  -webkit-transform: translate(0, -3px);  transform: translate(0, -3px);  -webkit-box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.1); box-shadow: 0 9px 33px 0 rgba(2, 8, 53, 0.1); background:#fff;}
.key_features_bg .why_choose_box .icon { width:80px; margin:0 auto;}
.key_features_bg .why_choose_box .icon img { border-radius:50%; background:#E52125; width:100%;}
.key_features_bg .why_choose_box h5 { padding:0; font-size:18px;  }
.key_features_bg .why_choose_box p { padding:10px 0 0 0; } 

.send_enquiry_popup { padding:30px;}
.send_enquiry_popup .modal-header { padding:0;}
.send_enquiry_popup .modal-header .modal-title { color:#F38120; padding-bottom:10px; font-size:22px !important;}
.send_enquiry_popup .modal-body { padding:30px 0 0 0;}
.send_enquiry_popup label { width:100%;}
.send_enquiry_popup .form-control { margin:0 0 15px 0; background:#fff; border:1px solid #cccc; min-height:50px; font-size:16px; color:#000; padding:0 15px; }
.send_enquiry_popup .two_box { display:flex;}
.send_enquiry_popup .two_box .form-control:last-child { margin-left:20px;}
.send_enquiry_popup .form-check-inline { margin-bottom:15px;}
.send_enquiry_popup .form-check-label { padding:3px 0 0 0;}
.send_enquiry_popup .btn-primary { background:#F38120; font-size:16px; font-weight:500; padding:12px 32px; color:#fff; text-decoration:none; text-transform:uppercase; border:none; border-radius:0;}
.send_enquiry_popup .btn-primary:hover { background:#333;} 

.product_box h5 { padding:15px 0 0 0; }
.product_box ul { float:left; width:100%; padding:15px 0 0 0; list-style:none;}
.product_box li { float:left; width:100%; list-style:none; font-size: 16px; line-height: 30px; color: #666; background:url(images/dot.svg) left 13px no-repeat; padding:0 0 0 15px; }
.product_box li b { color:#222;} 
 
@media only screen and (min-width:220px) and (max-width:1460px) { 
 
.why_choose_video { width:100%;}
.free_getin_touch_bg .getin_touch_bg_text { padding:40px 0;}
}
@media (min-width:1100px) {
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1170px;}
}
 
@media only screen and (min-width:220px) and (max-width:1120px) { 
.container, .container-lg, .container-md, .container-sm, .container-xl  {max-width: 1020px;} 
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-right: var(--bs-gutter-x, 20px); padding-left: var(--bs-gutter-x, 20px);}
.navbar .navbar-nav .nav-link { font-size:14px; }
}
@media only screen and (min-width:220px) and (max-width:1260px) { 
.banner_text_bg { top:23%; left:10%; right:10%;}
.banner_text_bg .row {margin-top:20%;}
}

@media only screen and (min-width:220px) and (max-width:1120px) { 
h1  { font-size:36px; line-height:46px; }
.navbar .navbar-nav .nav-link { margin: 9px 12px;}
.banner_text_bg h1 { font-size:36px; line-height:46px;}
.banner_text_bg h3 { font-size:16px; line-height:20px;}
.read_more_but { padding:20px 0 0 0;}
.sidenav_open { width:40%;}
}
@media only screen and (min-width:220px) and (max-width:1024px) { 
.banner_text_bg { top:23%; left:5%; right:5%;}
.banner_text_bg .row {margin-top:15%;}
.home_aboutus_bg:before { display:none;}

}

@media only screen and (min-width:220px) and (max-width:991px) { 
.top_box_section { top:10px;}  
.about_left_img { padding:50px 0 30px 0;}
.choose_box { width:100%; padding:40px 0;}
.why_choose_video { position:relative; width:100%;}
.home_why_choose_us_bg { margin:40px 0 0 0;}
.product_category_bg  { padding:40px 0}
.home_testimonials_bg { padding:40px 0;}
.free_getin_touch_bg .getin_touch_bg_img  { position:relative; width:100%; display:none;}
.free_getin_touch_bg .getin_touch_bg_text { width:100%;}
.home_exhibition_bg { padding:40px 0;}
.clients_logo_main { padding:40px 0;}
.latest_articles_bg {  padding-bottom:40px;}
.contact_enquiry_bg { padding:40px 0 40px 0;}
.about_padding { padding-top:0;}
.foundry_unit_bg { padding:40px 0;}
.quality_section_bg  { padding:40px 0;}
.manufacturing_bg   { padding:40px 0;}
.valuable_clients_nation_bg { padding:40px 0;}
.certificate_page_bg { padding:10px 0 40px 0;} 
.exhibition_page_main { padding:10px 0 40px 0;} 
.industries_weserve_bg   { padding:10px 0 40px 0;} 

}
 
@media only screen and (min-width:220px) and (max-width:860px) {
header .menu_catalogue_bg a.catalogue { padding:10px 20px; font-size:14px;} 
.banner_text_bg h1 { font-size:26px; line-height:36px;}
.read_more_but a { padding:10px 24px; font-size:14px;} 
h1  { font-size:26px; line-height:36px; }
h2 { font-size:24px; line-height:34px;  }
h4 { font-size:20px; line-height:24px;  }
h5 { font-size:18px; line-height:22px; }
p { padding:15px 0 0 0; line-height:24px;}
.testimonial_slider  .slick-prev {  left:0; top:22%; border-radius:0; z-index:4;}
.testimonial_slider .slick-next {  right:0; top:22%; border-radius:0;  z-index:4; }
.quickenquiry { display:none;}
.banner_top_bg { float:left; width:100%; position:relative; padding:60px 0 0 0; background:#1f1f1f;}
.inner_page_title_bg h1 { font-size:30px;}
}


@media only screen and (min-width:220px) and (max-width:767px) {
.sidenav_open { width:100%;} 
.contact_enquiry_box { margin-top:40px; border:none;}
.contact_enquiry_bg .col-md-4 { border:none;}
.contact_enquiry_bg { padding:0 0 40px 0;}
.contact_from_box { padding:40px 0; width:100%;}
.manufact_box {flex-wrap: wrap; padding:30px 20px !important;}
.manufact_box.left { margin-left:0; width:100%;  }
.manufact_box.right { margin-right:0; width:100%;  }
.manufact_box.left img { position:inherit; left: auto;}
.manufact_box.right img { position:inherit; right: auto;}
.manufact_box img {order:1; margin-bottom:15px;}
.manufact_box .text {order: 2; padding:0;}
.valuable_clients_bg {flex-wrap: wrap;}
.valuable_clients_bg .map  {order: 1; width:100%;}
.valuable_clients_bg .left {order: 2; width:50%;}
.valuable_clients_bg .right {order: 3; width:50%;}
.foundry_unit_bg .certificate_logo img { width:100%;}
 
}

@media only screen and (min-width:220px) and (max-width:640px) {
header .header_logo { width:120px;}	
header .menu_catalogue_bg a.menu_icon { margin-left:10px; padding:8px 10px;}
.top_box_section .box_icon img { width:90px;} 
.banner_text_bg h1 { display:none;}
.banner_text_bg { top:45%;}
.banner_text_bg h3 { font-size:18px; padding:0;}
.banner_top_bg .carousel-item img { height:320px; width:auto;}
.about_phone_email_box p { font-size:20px; line-height:28px;}
.choose_box .why_box img { width:160px;}
.choose_box .why_box .text { padding:15px;}
.video-play-button::before { width:80px; height:80px;}
.video-play-button::after { width:80px; height:80px;}
.footer_box { padding:30px 0 0 0;}
.footer_box li { line-height:26px;}
.footer_box .btn { margin:10px 0 20px 0;}
.contact_info_right { padding:50px 30px;}
.contact_info_right .locations_box { padding:40px 20px;}
.contact_info_right .locations_box .left_icon a { margin:0 5px;}
}

@media only screen and (min-width:220px) and (max-width:580px) {
h2 { font-size:22px; line-height:30px;  }
h4 { font-size:18px; line-height:22px;  }
h5 { font-size:16px; line-height:20px; } 
 

 
}

@media only screen and (min-width:220px) and (max-width:480px) {
.choose_box .why_box img { width:110px;}
 
}