*{box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}
* [onclick] {cursor: pointer; }
body,html{overflow-x: hidden;}
body {font-family:Arial, Helvetica, sans-serif; margin:101px 0 0 0; width:100%; font-size:62.5%; overflow-x: hidden;}
a:link{color:#808080; text-decoration:none}
a:visited{color: #808080;}
a:hover{ color:#3d7abe;}
a:active{color: #808080;}
h1{font-size:2.6em;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5{font-size:1.2em;}
h6{font-size:1.2em}
.mobi-only,.quick-enquiry-block,.menu-top>label,#mobi-toggle,#navOverlay,.item-hide{display:none}

.ecat-value{box-sizing: content-box; visibility:hidden;position:absolute; max-width:100px; top:0; left:0; z-index:-1}

.btn1{display:table; padding:12px; min-width: 150px; text-align:center; font-size:14px; background:#3d7abe; border-radius:4px;  color:#fff !important; font-weight:bold}

/*================== MAIN SECTION ============================*/
.back_page{ width:100%; font-size:16px; color:#000; padding:50px 10px; line-height: 1.8em; display:table}
.back_page p{text-align:justify;}

.electrical-equipment{position:absolute; visibility:hidden; z-index:1;}
.electrical-distributor-1{width:100%; height:100px; z-index:100;  background-color:#fff;box-shadow:0 0 10px 2px #ccc; position:fixed; top:0}
.electrical-equipment-header{ width:100%; background-color:#f6f5f5}
.electrical-equipment-header ul{ margin:0 auto;display: flex;justify-content: flex-end;max-width: 1280px;}
.electrical-equipment-header > ul > li{ list-style: none; padding: 8px 0 8px 25px; text-transform: capitalize;}
.electrical-equipment-header > ul > li{ list-style: none; padding: 8px 0 8px 25px; text-transform: capitalize;}
.electrical-equipment-header > ul > li > a{ text-decoration:none; font-size:14px; color:#3f3d3d}
.electrical-equipment-header > ul > li:hover > a{ color:#3d7abe}
.electrical-equipment-header > div{ max-width:1280px; margin:auto auto;}
.electrical-supplies-2{ position:relative; width:100%; background-color:#f6f5f5;}
.electrical-products-section{ max-width:1280px; margin:auto auto;display: grid;grid-template-columns: minmax(auto,max-content)  auto;}

.menu-top-container{ position:relative; max-width: 1280px; margin: auto; justify-content: space-between; display: flex;align-items: center;}

/*================= MENUS ======================*/
.menu-top{ position:relative; width:35%; left:33%}
.aboutus-block{ position:relative}
.aboutus-block ul{ display:none;margin:0; padding:0;background-color:rgb(246 245 245);min-width:220px;position:absolute; box-shadow:0 0 1px 1px rgb(175 175 175 / 18%); font-size: 14px; top:100%; left:0; z-index:9}
.aboutus-block ul li{ list-style: none;border-bottom: 1px solid rgb(61 122 190 / 30%);}
.aboutus-block ul li a{ font-size:13px;color: #3f3d3d; padding:10px 15px; display:block}
.aboutus-block:hover ul{ display:block}
.aboutus-block > ul > li:hover > a{ color:#3d7abe}

.menu-top label{display: none}
.nav{margin:0; padding:0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.nav > li{float: left; position:relative; list-style:none}
.nav > li{color:#fff}
.nav > li > a{display: inline-block; color:#231f20; text-transform:uppercase; font-weight:bold; line-height:69px; font-size:1.25em !important; text-decoration:none; transition:all .3s; }
.nav > li a:hover, .nav > li:hover > a{background-color:transparent !important; color:rgb(61 122 190);}

.dropdown-menu li{padding:10px; position:relative; list-style: none; border-bottom: 1px solid rgb(61 122 190 / 30%);}
.dropdown-menu{display: none; margin: 0; padding: 0; background-color: rgb(246 245 245); min-width: 220px; position: absolute; box-shadow: 0 0 1px 1px rgb(175 175 175 / 18%); font-size: 14px; top: 100%; left: 0;}
.dropdown-menu a{color:#404040 !important; transition:background-color .3s;}
.dropdown-menu li:hover a{color:#3d7abe!important}

.nav .open > a{border: none !important}
.product-menu-top li{width: 49%;}
.product-menu-top{min-width:400px;}
/*================ Dropdown ===================*/
@media screen and (min-device-width: 768px){	
	.active{border:solid 1px #fff}
	.dropdown:hover .dropdown-menu{display:flex !important; flex-wrap: wrap;justify-content: space-between;}
}

.menu-home{float: left; width:100%;}
.menu-home > div{float: right;}
.menu-home a{color:#E4E0E0; margin-right:15px; text-decoration:none;}
.menu-home a:last-child{margin-right:0px;}
.menu-home a:hover{color:#fff;}

.menu-side{position:relative; float:left; width:200px; height:300px; border-radius:5px; border:#999999 1px solid; margin-left:10px; margin-right:10px; margin-top:10px; color:#fff; top:0px;}
.menu-side span{ display:block; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#4D60AC; color:#fff; width:200px; height:25px; text-align:center; font-weight:normal; text-transform:uppercase; padding-top:5px;}
.menu-side div{ background-color:#fff;}
.menu-side a{ position:relative; float:left; background-color:#fff; font-weight:bold; width:190px; height:25px; color:#000; border-bottom:1px solid #999999; padding-left:10px; padding-top:5px; text-align:left;}
.menu-side a b{ width:9px; height:6px; position:relative; float:left; margin-right:0px; top:5px; background-repeat:no-repeat;}
.menu-side a:hover{color:#FFD900;}

/*==================== LOGO =======================*/
.logo{position: absolute; width:15%; top: -32px; background-color: #3d7abe;}
.logo img{ width:100%; height:auto; display:block}

.widget-container{display: flex; justify-content: space-between; width:29%; flex-wrap: wrap;}

/*===================== SEARCH ======================*/
.search{ position:relative; font-weight:normal; width:78%; display: flex;justify-content: space-between; background-color: white;border: 1px solid #616161; padding: 10px; height:46px}
.search div{position:relative; float:left; border:1px solid #D6D2D2;  width:85%;}
.search a{width: 35px;color:#404040; position:relative; display:flex; align-items: center;border-radius: 0 3px 3px 0; justify-content: space-around; font-size: 18px; }
.search a:hover{text-decoration:none; opacity:.8}
.search input{position:relative; width:89%; font-size: 15px; border: none; outline: none; margin:auto}

.menu-top-shopping{width:20%; position:relative;display: flex;justify-content: space-between;align-items: center;}
.user-block > a,.menu-top-shopping > a{ color:#202020; transition: all .3s; font-size:22px; margin-left:10px}
.menu-top-shopping > a{ position:relative}
.menu-top-shopping > a:hover{ color:#3d7abe}
.menu-top-shopping-icons{ position:relative; margin:0 20px;}
.menu-top-shopping-icons > a{color:#ffffff; font-weight: bold; font-size: 0.9em; position:relative}
.menu-top-shopping-icons > span{position: absolute; color: #fff; font-size: 13px; left: 33%; top: 23%; transform: translate(-50% , -50%); font-weight: bold;}

.basket-displaytotal{ font-size: 16px; font-weight: bold;color: #707070;  text-align: center; left: 30px; position:absolute }
.user-block > a:hover{ color:#3d7abe}
.user-block .fa{font-size: 18px;}
.user-block{ position:relative}
.portal-dropdown{ position:absolute;background-color:#ffffff; text-transform: uppercase;font-size:12px; width:360px; z-index:101; top: 50%; right: 0%; transform: translate(0%, 34%); display:none; border: solid 1px #dbdbdb; border-radius: 4px;}
.signin-dropdown{ position:absolute;background-color:#ffffff; text-transform: uppercase;font-size:12px; width:360px; z-index:101; top: 50%; right: 0%; transform: translate(20%, 17%); display:none; border: solid 1px #dbdbdb; border-radius: 4px;}
.signin-dropdown ul li{ list-style:none}
.user-block ul{ padding:0; margin:0}
.user-block ul:first-of-type li{ text-align:center}
.user-block ul .btn1{ min-width:150px;font-size: inherit; margin: auto;}
.user-block ul .btn1:hover{ text-decoration:none}
.user-block ul:first-of-type li:last-of-type a{ color:#ff0000}
.user-block ul:first-of-type li:last-of-type{ padding-top:0}
.user-block ul:last-of-type{ display:flex;flex-wrap: wrap;}
.user-block ul:nth-of-type(2) li{ width:50%; border-bottom:0; border-right:1px solid #dbdbdb}
.user-block ul li:nth-of-type(4),.user-block ul li:nth-of-type(3) { border-top: 1px solid #dbdbdb;}
.user-block ul li{ list-style:none; text-align:left;border-bottom: 1px solid #ccc; transition:all 0.3s }
.user-block ul li:first-of-type{ border-bottom:none}
.user-block ul li{display: inline-block; padding:12px 20px; width:100%}
.user-block ul li a{ color:#333232}
.user-block ul li:hover a{ text-decoration:underline}
.signin-dropdown:before{ content:"";border-style: solid; border-style: dashed; border-width: 9px; border-color: transparent; border-top-width: 0; border-bottom: 9px solid #dbdbdb; width: 0; height: 0; font-size: 0;  line-height: 0; position: absolute; bottom: 98%; right: 19%; transform: translate(-50% , -50%); z-index: -1;}
.sign-block-text{color: #363435;font-size: 12px;line-height: 15px; font-weight:bold; margin-right: 8px; margin: auto;}
.sign-block-text a{color: #fff}
.sign-block-text a:hover{ color:#25bfd0}
#basketOrder_totalitems{ position:absolute !important; right:auto !important; color:#25bfd0 !important; top:7px !important; left:22px}

#ExtContent_Popup .signin-dropdown,#ExtContent_Popup .portal-dropdown{background-color:#ffffff; text-transform: uppercase;font-size:12px; width:100%;transform:unset;position:relative;display:block}
#ExtContent_Popup .signin-dropdown .btn1{ padding:8px 10px !important}
#ExtContent_Popup .signin-dropdown ul{ padding:0; margin:0; width:100%; display: flex; flex-wrap: wrap;}
#ExtContent_Popup .signin-dropdown ul:first-of-type li{ text-align:center}
#ExtContent_Popup .signin-dropdown ul .btn1{ min-width:150px; color:#fff; margin:auto}
#ExtContent_Popup .signin-dropdown ul .btn1:hover{ text-decoration:none}
#ExtContent_Popup .signin-dropdown ul:first-of-type li:last-of-type a{ color:#ff0000}
#ExtContent_Popup .signin-dropdown ul:first-of-type li:last-of-type{ padding-top:0; color: #404040;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li{ width:100%; border-bottom:0; border-right:1px solid #dbdbdb;}
#ExtContent_Popup .signin-dropdown ul li{ list-style:none; text-align:left;border-bottom: 1px solid #ccc; transition:all 0.3s }
#ExtContent_Popup .signin-dropdown ul:first-of-type li:first-of-type{ border-bottom:none}
#ExtContent_Popup .signin-dropdown ul li{display: inline-block; padding:12px 8px; width:100%}
#ExtContent_Popup .signin-dropdown ul li a{ color:#404040; text-decoration:none}
#ExtContent_Popup .signin-dropdown ul li:hover a{ text-decoration:underline}
#ExtContent_Popup .signin-dropdown:before{ display:none;}

#ExtContent_Popup .signin-dropdown ul:nth-of-type(3),#ExtContent_Popup .signin-dropdown ul:nth-of-type(2),.user-block ul:last-of-type{display:flex;}
#ExtContent_Popup .signin-dropdown ul:nth-of-type(3),#ExtContent_Popup .signin-dropdown ul:nth-of-type(2) li{width:50%;border-right:1px solid #dbdbdb;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li{width:50%;border-bottom:0;border-right:1px solid #dbdbdb;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li:first-of-type span{ display:none }
#ExtContent_Popup .signin-dropdown ul li{ list-style:none; text-align:left;border-bottom: 1px solid #ccc; transition:all 0.3s }

.home-banner{ position:relative; margin: auto; max-width:1663px; height: calc(100vw * 0.366); max-height:500px; overflow:hidden; width:100%;}
home-banner::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #003769;
 opacity: 0.9; z-index:2}
.home-banner .cs_title .cs_wrapper{ font-size:13px; margin-bottom:30px}
.home-banner .banner-title h1{ text-transform:uppercase; font-size:48px; font-weight:bold}
.home-banner .banner-title h1 strong{ color:#3c9ee1}
.banner-title{ position:absolute;transform: translate(-50%, -50%);left:50%; top:50%; color:#fff; z-index:9; width:100%; max-width:1280px; margin:auto;} 
.banner-title > span{font-size: 16px; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: 4.5px; display: block; margin-bottom: 20px;}
.banner-title > span::before {content: ""; background: #fff; height: 3px; float: left; width: 60px; margin-top: 7px; margin-right: 15px;}
.banner-title h2{ font-size:50px; margin:10px 0 0 0}
.banner-title h2 span{ color:#f64b3c}
.banner-title p{ font-size:18px; line-height:28px}
.banner-title .btn2{border-radius: 8px;font-size: 16px;  background: transparent linear-gradient(90deg, #C81912 0%, #F64B3C 100%) 0% 0% no-repeat padding-box; box-shadow: 3px 4px 15px #eb3449a6; color: #fff; padding:15px 30px; font-weight:600; margin-top:20px; display:table}
.banner-menu{bottom: 0; width: 100%; left: 0%; background-color:rgb(0 0 0 / 30%); position:absolute; z-index:1}
.banner-menu > div { width:50%; margin:auto;display: flex; flex-wrap: wrap; justify-content: space-between;}
.banner-menu > div > div{ border-top:5px solid rgb(71 146 231); width:32.5%; transition:all .3s}
.banner-menu > div > div:hover{ border-top:5px solid rgb(61 122 190); background-color:rgb(0 0 0 / 25%)}
.banner-menu > div > div a{ display:block; font-size:19px; padding: 15px 48px; color:#fff; text-align:center}

.video-block{ max-width:1280px; margin:auto; width:100%; margin-top:40px}
.video-block iframe{ width:100%}

.intro-products{ position:relative; max-width:1280px; width:100%; margin:auto;overflow-x: scroll;}
.intro-products > div{ position:relative; width:2056px;  display:flex; margin:40px auto ; flex-wrap: wrap; overflow:hidden; height:214px}
.intro-products > span{ position:absolute; top: 47%; transform: translate(0,-50%);font-size: 20px; left:5px}
.intro-products > span a{ color:#3d7abe}
.intro-products > span:last-of-type{ right:5px; left:unset}
.intro-products > div > div{ width:245px; text-align:center; position:relative; margin:0 6px }
.intro-products > div img{ width:100%; height:auto; display:block; position:relative}
.intro-products > div a{ color:#3d7abe; transition:all .3s; }
.intro-products > div h2{ margin-bottom:0; height:36px}
.intro-products > div > div:hover a{ color:#1b2d3a}
.intro-products > div > div:hover a::before {content: '' ;display: block; left: 0; height: 130px; pointer-events: none; position: absolute; top: 0; width:100%;opacity: 0.4; background-color: #3d7abe; z-index:1}
.intro-products::-webkit-scrollbar {display: none;}
.intro-products{-ms-overflow-style: none;scrollbar-width: none;} 
.intro-products .get-quote{ background-color: #3d7abe; display: block; height:131px}
.intro-products .get-quote a{color: #fff; display: flex; justify-content: space-around; align-items: center; height: 100%; font-size: 24px; font-weight: bold;}
.intro-products .get-quote:hover{ opacity:.9}
.intro-products .get-quote:hover a::before{ display:none}
.intro-products .get-quote:hover a{ color:#fff}

.call2Action{ width:100%; display:table; background-color:#3d7abe}
.call2Action > div{ max-width:1280px; margin:40px auto; display:flex; color:#fff; flex-wrap: wrap; flex-direction: column; text-align: center; letter-spacing:5px;align-items: center;}
.call2Action > div > span{ display:block; font-size:36px; letter-spacing:14px; font-weight:normal; margin:0}
.call2Action > div p{ font-size:18px}
.call2Action > div .btn1{ padding:12px; border:solid 2px #fff; font-size:20px; font-weight:normal; transition:all .3s; display:flex; margin-top:10px;align-items: center;}
.call2Action > div .btn1:hover{ background-color:#2ea3f2}

.intro-block{ display:flex; width:100%; background:url(images/distributor-industrial-electrical.jpg) no-repeat; background-size: cover; position:relative}
.intro-block::before{content: ""; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; background-image: linear-gradient(100deg ,rgba(0,0,0,0.60),rgba(0,0,0,0.52) 39%,transparent); z-index: 2;}
.intro-block > div{ max-width:1140px; width:100%; margin:auto; position: relative; z-index: 2; }
.intro-block > div > div{ max-width:640px; width:100%; display:flex; justify-content: space-between;flex-wrap: wrap; color:#040404; padding:55px 0}
.intro-block > div > div p{ font-size:23px; color:#fff}
.intro-block > div > div p a{ text-decoration:underline; color:#fff}
.intro-block > div > div p:first-of-type{ margin-bottom:0}
.intro-block > div > div span{ color:#fff; font-size:45px; margin: 33px 0; line-height:50px; width:100%; position:relative; margin-top:0; display:block}
.intro-block > div > div span::after{position: absolute; content: ""; height: 5px; bottom: -22px; margin: 0; left: 0; right: 0; width: 85px; background: #019afc;}
.intro-block > div > div strong{ color:#019afc; }
.intro-block > div > div > a{ display: flex; color: #fff; border: solid 2px #3d7abe; background-color: #019afc; padding: 0 0 0 22px; font-size:14px; margin-top: 10px; transition:all .3s; font-weight:bold; text-transform:uppercase; line-height:40px; text-decoration:none}
.intro-block > div > div a .fa{padding:13px 20px; text-align: center; margin: auto; background-color: #3d7abe; margin-left:20px; text-decoration:none }
.intro-block > div > div a:hover{opacity: .9}

.services-block{ width:100%; max-width:1140px; margin:40px auto 45px auto; display:flex; flex-wrap:wrap;justify-content: space-between;}
.services-block > div{ width:31%; padding:10px; background-color:#fafafa;border-radius: 7px; text-align:center; color:#0f192d}
.services-block > div > span{ font-size:18px; margin-bottom:0; font-weight:bold; margin-top:18px; display:block}
.services-block > div > span a{ color:#000}
.services-block > div p{line-height: 28px; font-size:16px}
.services-block > div > span:first-of-type{ width:80px; height:80px; margin:auto; display:block; padding:7px}
.services-block > div > span img{ width:100%; height:auto; display:block}

.intro-text-block{ color:#fff; background-color:#3d7abe; padding: 1px 15px; font-size: 20px; margin-top:10px; margin-bottom:25px}
.intro-text-img{display: flex; justify-content: space-between;flex-wrap: wrap;}
.intro-text-img img{width: 32%; height: auto; display: block;border: 1px solid #b4b4b4; border-radius: 5px; padding: 4px;}

.intro-logo{width: 100%; display:table; text-align:center}
.intro-logo > div{ border-bottom: solid 1px rgb(0 0 0 / 25%); border-top: solid 1px rgb(0 0 0 / 25%); margin:70px 0 35px; position:relative; width:100%; padding:50px 0 40px}
.intro-logo > div > div{max-width: 1280px; display: table; margin:0px auto 35px; position:relative; width:100% !important; overflow:hidden}
.intro-logo > div > div > a {position:relative; display:none; width:13%; height:auto; margin-left:1.7%; margin-right:1.7%; cursor: pointer; overflow:hidden}
.intro-logo > div > div > a > img{width: 100%; max-height:100px; object-fit: contain;}
.fade-out-brands{opacity: 0; transition: all 0.5s}
.intro-logo > div > span{margin-top: 50px;margin-bottom:0;font-size: 40px;color: #000000;font-weight: normal;position:absolute;top:-19%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;padding: 0 20px; display:block}
.intro-logo > div .btn1{ margin:auto}

.page-title{ width:100%; position:relative; background:url(images/about-mce.jpg) no-repeat;background-size: cover; display:table; height:200px;}
.mce-electric-careers{background:url(images/mce-electric-careers.jpg) no-repeat;background-size: cover; }
.page-title-contactus{background:url(images/electricity-circuit-breaker.jpg) no-repeat;background-size: cover; }
.wholsealser-account{background:url(images/wholsealser-account.jpg) no-repeat;background-size: cover; }
.page-title > div { background: rgba(0,0,0,0.45); padding: 12px 0 15px 0; bottom: 0; position: absolute; width: 100%; color:#fff}
.page-title:before{background-image: url(images/icons/mce-pattern.png); position: absolute; left: 0; right: 0;  top: 0; bottom: 0; content: "";}
.page-title > div > div{ max-width:1280px; margin:auto}
.page-title > div h1{ margin:0; font-size:38px}
.page-title > div ul{ padding:0}
.page-title > div ul li{ list-style:none;padding-right:40px; float:left; position:relative}
.page-title > div ul li a{ text-decoration:none; color:#fff; font-size:16px}
.page-title > div ul li:first-of-type:before { display:none; }
.page-title > div ul li:before { content:''; border-left:solid 4px #fff; border-bottom:solid 4px transparent; border-top:solid 4px transparent; width:0; height:0; display:inline-block; position:absolute; left:-21px; top:50%; transform: translate(0 , -50%); }

.download-block{ display:flex; margin: auto; justify-content:space-between ;flex-wrap: wrap; width:100%; max-width:1280px}
.download-block > div{width:32%;text-align:center;justify-content:center;}
.download-block > div img{ border:solid 1px #6c6a6b; border-radius:4px; width:100%; height:auto; display:block}
.download-block > div a{ width:100%; color:#fff; font-weight:600; margin:10px auto auto}
.download-list{display:flex; margin:50px auto; justify-content: space-between;flex-wrap: wrap;width: 100%; max-width: 1140px;}
.download-list > div{ width:44%}
.download-list > div ul{ padding:0; margin:0;}
.download-list > div ul li{ list-style:none; padding:5px 0;  }
.download-list > div ul li a{ width:100%;display:flex; align-items: baseline;line-height: 22px; color:#000}
.download-list > div ul li a .far{ margin-right:10px; color:#3d7abe}

.brands-logo{ width:100%; display:table; margin: auto; margin-top:25px}
.brands-logo > div{ position:relative; display:inline-block; width:22%; height:100px; float:left; margin-right:4%; margin-bottom:3%;box-shadow: 2px 2px 5px #888;background-color:#fff}
.brands-logo > div a{ width:100%; display: block; text-align: center;}
.brands-logo > div:nth-of-type(4n+4){ margin-right:0}
.brands-logo > div img{ max-width:100%;max-height: 100px; width:auto; height:100%; padding: 5px; margin:auto; left:0; right:0; top:0; bottom:0}

.career-block { max-width:800px; width:100%; margin:auto}
.career-block table{ width:100%; display:table}
.career-block table p{ margin:0; font-size:22px; color:#848484}
.career-block table td{padding: 10px; text-align: initial; width:50%; position:relative}
.career-block table td form{ background-color:#fff}
.contact-select select,.career-block table input[type=file],.career-block table input[type=text],.career-block table select{padding: 12px; width: 100%; border:solid 2px #3d7abe}
.career-block table h4{margin-bottom:2px; font-size:13px; margin-top:0;}
.career-block table .btn1{color:#000; font-weight:600;}

.certification-block{width:100%; display: none; justify-content: space-between; flex-wrap:wrap; }
.certification-block > div{ width:30%}
.certification-main-block{box-shadow: 0 0 1px 1px rgba(204, 204, 204, 0.28); margin:20px 0}
.certification-main-block h2{ margin:0px; font-size: 18px; cursor: pointer; padding: 9px 31px 9px 15px; font-weight:normal;display: flex; align-items: center; justify-content: space-between; color:#fff;background-color: #3d7abe;}
.certification-main-block h2 .fas{ font-size:11px; color:#fff;}
.certification-block > div img{ width:100%; height:auto; display:block}
.certification-block > div h3{ font-size:18px; font-weight:normal; line-height:22px; display:flex; color:#3d7abe}
.certification-block > div h3 .far{ margin-right:10px}
.certification-block h2{ width:100%}

/*================================ Application Form ================================*/
/*================================  ================================*/
.application-form-block{ margin-bottom:50px}
.gallery-block h2{ margin-bottom:25px}
.gallery-block > div > div{ width:100%; display: flex; flex-wrap: wrap; align-items: baseline;}
.gallery-block > div > div:not(.active){ display:none}
.application-form {box-shadow: 0 0 10px 0px rgb(223, 223, 223); margin-bottom:40px; padding-top:60px !important;}
.application-form > h2{ width:100%;padding-left: 10px;color: #454545; font-weight: normal; font-size: 28px; margin-top: 0}
#application-container-info{margin-top:50px;}

/*======================== GENERAL FORMS ============================*/
.form-tabs{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; margin:0}
.form-tabs > div{position:relative; background-color:#404040;min-width:19.5%;  }
.form-tabs .active-tab{ background-color: #007cbe; position:relative }
.form-tabs .active-tab:before{ content:""; width: 0px; height: 0px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #007cbe; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0);}
.form-tabs > div a{ color:#fff !important; display:block; padding:7px 10px; text-decoration:none; border-radius: 4px;}
.form-tabs-empty{background-color:#fff !important;}
.upload-document-section{width: 100% !important;justify-content: space-between;}
tr.upload-document-section > td{width:33% !important; padding-left: 10px;}

.form-container .upload-block > div{ display:flex; flex-wrap: wrap;}
.form-container .upload-block > div > span{ width:50%; background-color: #f9f9fa; padding-left: 10px;}
.form-container .upload-block > div > div{ width:50%; padding-left: 10px;}
.solar-panel-option{ width: 100%}
.solar-panel-option > div{}
.solar-panel-option{ width:100%; display: flex;}
.solar-panel-option > div{ display: flex; width: 13%; flex-direction: row;}

.form-container{padding:20px; }
.form-container table{ width:100%; padding:5px 10px}
.form-container table tbody{display: flex; flex-wrap: wrap; justify-content: space-between; width:100%}
.form-container table tr{ width:100%;display: flex; flex-wrap: wrap;  padding: 5px 0;}
.form-container table tr td{ width: 49%; display: flex; flex-wrap: wrap; align-items: center; font-size:14px}
.form-container table tr td textarea,.form-container table tr td select,.form-container table tr td input{ width:100%; border: solid 1px #404040; padding:10px; font-family: Arial, Helvetica, sans-serif; color:#404040;}
.doc-upload-block  td{ width: auto !important}
.doc-upload-block  td:nth-of-type(2){ width: 20% !important; padding-left: 20px}
.doc-upload-block  td:last-of-type{ width:26% !important}
.doc-upload-block  td:last-of-type form{ width:100%}

.doc-upload-block img{ max-width:25px}
.form-container table tr td select,.form-container table input[type=date]{ height: 37px}
.form-container table input[type=file]{ width: auto}
.form-container table .tcs-block div{ width: 50%; font-size: 16px}
.form-container table tr td > strong{ display: block; width: 100%}
.form-container textarea{height:60px;}
.form-container h3{margin-top:10px;font-size:16px;margin-bottom:0px;}

.radio-btn-tabs{display: flex;flex-wrap: wrap;width:100%;margin-bottom: 9px;margin-top: -4px;}
.radio-btn-tabs > div{ width:30%; display: flex;}
.radio-btn-tabs div label{ margin:0}
.panel-options-block:not(.active){display:none}
.panel-options-block.active{ display:flex !important}

.form-container h4{margin:0px;font-size:13px;margin-bottom:0px;}
.form-check{margin-left:20px; font-size:11px;display: flex; align-items: center;}
.form-option{font-size:14px; width:100%}
.form-option div{position:relative; float:left; width:33%; display: flex; align-items: center; margin: 2px -5px;}
.form-option input{width:20px !important;position:relative; float:left;}
.form-option label{position:relative; float:left;width: 60%;}
.form-nav{width:100%;display:table;}
.form-nav div{width:auto; position:relative;}
.siblings-table{ width:100% !important}
.form-nav div:nth-child(1){float:left;}
.form-nav div:nth-child(2){float:right;}
.disease-options td{max-height: 118px;margin-bottom: 41px;}
.font-size input{font-size:19px;}
.photo-option{ width:100%; display: flex;}
.photo-option > div{ display: flex; width: 13%; flex-direction: row;}
.form-uploaddoc{ position:relative; width:100%; height:32px;}
.form-uploaddoc div{
	/*
    height: 20px;
    width: 20px;
    position: relative;
	*/
    cursor: pointer;
    /*Using a background color, but you can use a background image to represent a button*/
    background-color: #DDF; border-color:1px solid #c00;}
.form-uploaddoc input[type="file"]{ cursor: pointer; background-color:#fff; width:120px;}

/*=================== CLIENT ZONE ==========================*/
.zone-main{width:100%; min-height:400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:5px;}
.zone-tab{width:100%; height:40px;}
.zone-tab div a{position:relative; float:left; width:200px; height:40px; background: #F40000;  color: rgba(255,255,255,.8) !important; color:#fff; margin-right:5px; font-size:14px; padding-top:5px; text-align:center; text-decoration:none;}
.zone-tab div a:hover{opacity:0.8;}
.zone-section{position:relative; float:left; min-height:350px; max-width:1000px; width:100%; border:1px solid #c0c0c0; margin-bottom:30px;}
.zone-container-access{font-size:18px; font-weight:bold; text-align:center;padding-top:80px;}

.zone-form{width:980px; margin: auto;}
.zone-form table{width:100%}
.zone-form table td{padding:10px}
.zone-form table input[type=text],.login-register table input[type=password], .login-register table input[type=email], .login-register table select, .login-register table textarea{padding: 12px; width:100%; margin-top: 5px; border: #ccc solid 1px;}
.zone-form button{margin: auto}
.zone-form .btn1{padding: 15px 20px}
.zone-form h1{text-align: center}
.zone-form span{font-weight:normal; color:#808080; font-size:16px;}
.zone-form table input[type=file]{width:100px;}
.zone-form textarea{font-family:Arial, Helvetica, sans-serif;font-size:13px; padding:4px !important; margin:0px !Important; margin-top:3px !important;}
.zone-file{position:absolute; z-index:999;top:1px;right:1px;width:206px;height:38px;background-color:#EDEBEB;padding-left:40px;padding-top:4px;}

.zone-list-btn{position:relative; float:left; border-radius:3px; background-color:#f00; color:#fff !important; text-decoration:none; width:100px; text-align:center;}
.zone-list-btn:hover{opacity:0.7;}

.zone-list-tracker{}
.zone-list-tracker table{display:table;border-spacing:0;border-collapse:collapse; font-size:12px; width:1000px;}
.zone-list-tracker td{display:table;text-align:left; padding:3px; padding-left:6px; border:1px solid #c0c0c0;}
.zone-list-tracker tr{display:table;}
.zone-list-tracker img{width:30px;height:25px;}
.zone-list-tracker td:nth-child(1){width:100px;}
.zone-list-tracker td:nth-child(2){width:100px;}
.zone-list-tracker td:nth-child(3){width:350px;}
.zone-list-tracker td:nth-child(4){width:120px;}
.zone-list-tracker td:nth-child(5){width:100px;}
.zone-list-tracker td:nth-child(6){width:100px;}
.zone-list-tracker tr:nth-child(1) td{background-color:#EDEBEB; color:#202020;border:none;}

.zone-btn{display: inline-block; padding:6px; min-width: 150px; text-align:center; font-size:14px; background:#404040;  border-radius:4px;  color:#fff !important; text-decoration:none;}
.zone-btn-red {margin-left:40px;background-color:#f00;}
.zone-float-left{position:relative;float:left;}
.zone-float-right{position:relative;float:right;margin-left: 30px;}

.register-block{ width:100%; display: flex; flex-wrap:wrap; justify-content: space-between; margin-top:20px}
.register-block > div{ width:48%; padding:0}
.register-block > div h1{ padding:30px; font-size:20px; font-weight:normal; background-color: #3679bd; color:#fff; letter-spacing:5px; text-align:center; margin:0}
.register-block > div p{ color:#848484; text-align:center; margin: 0; font-size:20px}
.register-block > div table{ width:100%; display:table}
.register-block > div table tr:nth-of-type(1) td,.register-block > div table tr:nth-of-type(6) td,.register-block > div table tr:nth-of-type(2) td{ width:49%}
.register-block > div table tr,.register-block > div table td{ width:100%}
.register-block > div img{ width:90%; display:block; height:auto; margin:auto}
.register-block .captcha > div{font-size: 14px; padding-left: 15px; color: #887575;}
.register-block table tr td select {color: #887575 !important;}
.register-block h2{ font-weight:normal; font-size:26px; color:#848484; margin-bottom:10px; margin-top:0}

.enquiry.register-block{width:100%; display:table; margin:20px auto; padding:0}
.enquiry.register-block h1{ font-size: 28px; color: #231f20;}
.enquiry.register-block table tbody{display: flex; flex-wrap: wrap; justify-content: space-between;}
.enquiry.register-block table tr{ width:49%;display: flex; flex-wrap: wrap; justify-content: space-between;}
.enquiry table tr td textarea,.enquiry table tr td select,.enquiry table tr td input{ width:100%; padding:0 15px; font-family: Arial, Helvetica, sans-serif; color:#231f20; background-color:#fff; border: solid 2px #3d7abe; margin:5px 0; }
.enquiry table tr td select,.enquiry table tr td input{height:41px}
.enquiry table tr td textarea{ padding:15px}
.enquiry.register-block .btn1{ text-decoration:none; color:#3d7abe !important; margin-top:10px;background-color: transparent; border: solid 2px #3d7abe; padding: 7px; font-size: 18px;}
.enquiry.register-block .btn1:hover{ color:#fff !important; background-color:#231f20; color:#fff}

.contactus-block{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between}
.contactus-block > div{ border: 1px solid #ddd;}
.quick-contact-block{ background:url(images/contact-bg.jpg) no-repeat; width:40%; display:table; padding:33px 30px 40px; background-size: cover;}
.quick-contact-block iframe{ display:block}
.quick-contact-block i{ font-weight:normal}
.quick-contact-block ul{ padding:0; margin:0}
.quick-contact-block ul li{ list-style:none; color:#848484; font-weight:bold; padding:10px 0; font-size:15px}
.quick-contact-block ul li a{ text-decoration:none; color:#848484}
.quick-contact-block ul li strong{ color:#2e2e2e; text-transform:uppercase; display:block}
.quick-contact-block h2{ color:#2e2e2e; font-size:30px; position:relative }
.quick-contact-block h2:after { content: ''; position: absolute; bottom: 49px; left: 0; width:50px; height: 4px; background-color: #297bd6; border: 1px solid #297bd6; z-index: 2;}

.quick-links{margin-right: 32px;width: 250px !important;width: 100%;padding-top: 82px;}
.quick-linksMenuCont{border-radius: 8px; padding:0 20px;border:none; box-shadow: inset 0px 0px 0px 2px #3d7abe;background-color:#fff}
.quick-links input{margin: 15px auto; font-weight: bold; font-size: 13px;  border-radius: 15px; padding: 9px 20px; border:none; text-align:center; color:#000}
.quick-links input::-webkit-input-placeholder {color: #000;}
.quick-links input::-moz-placeholder{color: #000;}
.quick-links input:-ms-input-placeholder {color: #000;}
.quick-links input:-moz-placeholder {color: #000;}

.quick-links ul{ padding:0; margin:0; width:100%;}
.quick-links li[data-menulevel="2"]{}
.quick-links ul > li{ list-style:none;border-bottom: 1px solid #bcbcbc; position:relative}
.quick-links li > a,.quick-links li > div{font-size:16px; color:#000; width:100%; display:block; font-weight: normal;display:flex; justify-content:space-between;}
.quick-links li > a{color:#3d7abe !important}
.quick-links li[data-menulevel="1"]{cursor:pointer;}
.quick-links li[data-menulevel="2"]{cursor:pointer;color: #808080}

.quick-links li {padding: 8px 0px;}
.quick-links li > ul{ position:absolute; display:none; background-color: #fff; z-index: 1; transition:all .3s;list-style:none;}
.quick-links li > div {padding: 4px 0px;}
.quick-links ul > li:last-of-type{ border-bottom:0}
.quick-links li a{font-size:14px; color:#808080; width:100%; display:block;padding:0 10px}

.quick-links ul > li.quickMenuOpen >ul{display:block;position:relative}
.quick-links ul > li.quickMenuOpen > div > i.fas::before {content: "\f107";}

.enquiry{width:57%;padding:42px 30px}
.enquiry h2{ font-size: 18px; color:#848484; margin-top:0}
.enquiry table{ width:100%;  color:#848484;}
.enquiry table tr{ width:100%; display:table}
.enquiry select { width:100%; color:#848484;}
.enquiry a{ text-decoration:none; color:#fff !important; font-weight:600}
.enquiry a:hover{ opacity:.9}
.enquiry select,.enquiry input[type="email"], .enquiry input[type="text"]{padding:12px 10px;  width:100%; margin-bottom:4px; }
.enquiry input, .enquiry select, .enquiry textarea{ margin-top:2px; }
.enquiry textarea{border: solid 1px #ccc; width:100%; font-family: Arial, Helvetica, sans-serif; padding:13px 10px; margin-bottom:4px}

.disclaimer-text ul{ padding:0 0 0 20px; margin:0}
.disclaimer-text li{ padding:5px 0; line-height:26px}
.text-block.disclaimer-text h2{ font-weight:normal}
.text-block.disclaimer-text > div{ display: flex; justify-content: space-between; flex-wrap: wrap; width:42%; margin-top:20px}
.text-block.disclaimer-text > div > a{min-width:150px;color: #fff;}
.tcs-block div {display: flex;flex-wrap: nowrap;align-items: center;}
.tcs-block div input {width: 4% !important;height: 25px;margin-right: 10px !important;}
.tcs-block > td > div > label > span > a{color:#3d7abe !important; font-weight:normal}

.contactus-extra-info{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:50px}
.contactus-extra-info > div{ width:48%;border: 1px solid #297bd6; box-shadow: 0 22px 34px 20px rgba(0,20,117,.07);}
.contactus-extra-info > div h2{ text-align:center; background-color:#297bd6; color:#fff; margin:0;padding: 10px 0; font-size: 24px;}
.contactus-extra-info > div ul{ padding:0 15px 0;}
.contactus-extra-info > div ul li{ list-style:none; color: #848484; padding: 3px 0;}
.contactus-extra-info > div ul li a{ text-decoration:none; color: #848484;}
.contactus-extra-info > div ul li .fas{ color:#297bd6; margin-right:10px}

.map-block{ width:100%; display:table}
.map-block iframe{ display:block}

.existing-customers-block{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:50px}
.existing-customers-block > div{ border: 1px solid #ddd;}
.existing-customers-block > div{ width:100%;display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:30px }
.existing-customers-block > div > h2{ width:100%; margin-top:0; text-transform: uppercase; font-weight: normal; text-align: center }
.existing-customers-block > div > div{ width:32%}
.existing-customers-block > div > div iframe{ display:block}
.existing-customers-block > div > div > div:last-of-type{ background-color:#3d7abe; color:#fff; padding: 15px; height:220px}
.existing-customers-block > div > div > div:last-of-type a{ color:#fff;width: 78%;}
.existing-customers-block > div > div > div:last-of-type h2{ font-size:16px; text-transform:uppercase; margin:10px 0}
.existing-customers-block > div > div > div:last-of-type ul{ padding:0; margin:0}
.existing-customers-block > div > div > div:last-of-type ul li{ list-style:none; line-height: 20px; padding:4px 0; display: flex;flex-wrap: wrap;}
.address-info{display: flex; justify-content: space-between; flex-wrap: wrap;align-items: baseline;}
.address-info > span{ width:78%}
.existing-customers-block > div > div > div:last-of-type ul li strong{min-width: 22%;}
.existing-customers-block > div > div > div:last-of-type ul li > span{}

/*===================== DOWNLOAD ======================*/
.download-brochure{ display:block; padding:0px; margin:0px; color:#494848; font-weight:bold; font-size:11px;}
.download-brochure div{position:relative; float:left; width:120px; height:230px; margin-right:5px; margin-left:5px; text-align:left;}
.download-brochure img{border:#CCCCCC 1px solid; margin-bottom:2px; width:100px; height:140px;}
.download-brochure img:hover{opacity:0.7;-webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -o-transition: all 0.75s ease; }
.download-brochure a{font-size:11px; margin:0px; text-align:left; padding:0px; position:relative; float:left; margin-top:5px;}
.download-brochure h3{ font-size:11px; color:#000; height:25px; position:relative; float:left; width:130px; margin-top:2px; margin-bottom:2px; line-height:12px; font-size:11px; color:#000; font-weight:normal; text-transform:capitalize;}

/*======================== THANK YOU & ERROR 404 ==========================*/
.custom-404,.thank-you-custom{min-height:300px;}

/*===========================FORM===========================*/
.email_show{display: none !important;}
.email_remove{}
.form-field-input.noCap{
	width: 100% !important;
}
.form-field *, .form-field, *[id*='_form_parent']{
    color:#808080;
    width: 100%;
}

*[id*='_form_parent'] > *.form-field{ float:left; width: 48%;}
*[id*='_form_parent'] > *:nth-child(even){margin-left: 0.5%;}
*[id*='_form_parent'] > *:nth-child(odd){margin-right: 1%;}
*[id*='_form_parent'] > *:nth-child(odd):last-child{width: 100%;}

*[id*='_form_parent']:after{float: none; clear: both; width: 100%; display: block; content: ' '}

.form-field textarea{font-family:Arial,Helvetica,sans-serif;}
.form-field:not(:last-child){ margin-bottom: 15px;}
.form-field-note{color:#f00; margin-top:5px;}
.form-field-title{
    margin-bottom: 10px;
    font-weight: bold;
}
.form-field > input, .form-field > select, .form-field > textarea{
    padding: 6px;
    border-color: #d4d4d4;
    border-width: 1px;
}
.form-field-break{padding: 10px 0px; width: 100% !important; }
.form-submit{
    width: 100%;
    max-width: 200px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
	-ms-transform: translate(-50%,0%); 
    
    text-align: center;
    padding: 10px;
}

@media screen and (max-width: 600px){
    *[id*='_form_parent'] > *{width: 100% !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important;}
}


/*------------------ FOOTER --------------*/
.footer-nav{color:#000; padding:40px 0; width:100%; background-color:#fff; display:flex; justify-content: space-between;font-size: 13px; line-height: 28px; letter-spacing: 2px;flex-wrap: wrap; }
.footer-nav a{ color:#000}
.footer-nav > div > ul{padding:0; margin: 0;}
.footer-nav li{list-style: none; line-height: 38px}
.footer-nav a{color: #000; font-weight:bold}
.footer-nav a:hover{opacity: .9}
.footer-nav strong{font-size: 16px; display: block; margin-bottom: 10px; text-transform:uppercase}
.footer-nav > div{display:block;  vertical-align:top;  margin-left:auto; margin-right:auto; text-align:left;}
.footer-nav > div > div{ position:relative; float:left; vertical-align:top; width:33%; padding:10px;}

.mce-electric-social{width: 100%; display:table; margin-top: 20px}
.mce-electric-social > div:first-of-type{width:200px;font-size: 32px;margin: auto;text-align:center;display: flex;justify-content: space-around;}
.mce-electric-social > span{text-align: center; letter-spacing: 6px; text-transform: uppercase; font-size:20px; display:block; margin:16px 0; font-weight:bold}
.mce-electric-social > div:first-of-type a{color: #5f5f5f;display: flex;align-items: center;width: 50px;justify-content: space-around;height: 50px;color: #fff;border: solid #3b5998;background-color: #3b5998;border-radius: 10px;transition: all .3s;}
.mce-electric-social > div:first-of-type a:hover{background-color:#fff;color:#3b5998;}
.mce-electric-social > div:first-of-type a:nth-of-type(2){border:none;background-color:transparent;}
.mce-electric-social > div:first-of-type a:nth-of-type(2):hover{ opacity:.8}

.footer{ font-size: 14px; text-align: center; background-color: rgba(0, 0, 0, .75); color: rgba(255,255,255,1); padding:40px 0 20px 0; width:100%; line-height: 28px; }
.footer strong{font-size: 16px; display: block; margin-bottom: 10px; text-transform:uppercase}
.footer > div{ flex-wrap: wrap;text-align:left; margin:auto; max-width: 1280px; width: 100%; display: flex; justify-content: space-between; }
.footer > div > div{ position:relative; width:20%; padding:10px;}
.footer > div > strong{ width:100%; text-align:center; margin-top:0; color:#019afc; margin-bottom:19px; font-size:22px}

.footer > div > div > ul{padding:0; margin: 0;}
.footer li{list-style: none; line-height: 28px; color: rgba(255,255,255,.7); }
.footer a{color: rgba(255,255,255,.7); }
.footer a:hover{opacity: .9}
.footer > div > div > ul li,.footer > div > div > ul a{ color:#fff}
.footer > div > div > ul li{}

.footer-bottom > div{margin: auto; max-width:1280px; width: 100% !important; padding-bottom: 0 !important;}
.footer-bottom ul{ display:flex; padding:0 10px}
.footer-bottom ul li{padding-right:10px; list-style: none; color: rgba(255,255,255,.7); font-size: 12px;}
.footer-bottom ul li a{color: rgba(255,255,255,.9)}

.footer-regions{padding:10px 10px 0; display: table; width: 100%;border-top: solid 1px rgb(255 255 255 / 45%)}
.footer-regions ul{ padding:0; max-width:1280px; margin:auto; width:100%; display:table}
.footer-regions ul strong{ display:block; font-size:12px;margin-bottom: 0;}
.footer-regions li, .footer-bottom li{ float:left; padding-right:20px; list-style:none;color:#fff; font-size:12px}
.footer-regions li{ line-height:20px; font-size:11px}
.footer-regions ul strong{ font-size:11px}
.footer-regions li{ color:rgb(255 255 255 / 70%)}

.intro-enqiry-branches > div{width: 14.28%; float: left; padding: 60px 0; line-height: 26px; padding-bottom:30px; padding-top:0}
.intro-enqiry-branches > div > strong{display: inline-block; margin:0; font-size: 15px; text-transform:uppercase;height: 43px;}
.intro-enqiry-branches > div > strong a{ color:#fff; text-decoration:none}


.row{clear: left;}
.row0{clear: left; line-height:1px;}

@media screen and (max-width: 1280px){
	.back_main, .back_page, .electrical-equipment
	, .footer > div, .electrical-products-section, .intro-container{width: 100%}
}

@media only screen and (max-width: 1024px){
	body{ display: table}
}

@media (min-width: 800px) and (max-width: 1023px){
	.menu-top{ width:45%; left: 21%;}
	.nav > li > a{ padding:0 19px !important}
	.banner-title{ padding: 0 15px}
	.home-banner{height: 100%;}
	.menu-top-container,.electrical-equipment-header{ padding-right: 15px}
}

@media (min-width: 600px) and (max-width: 799px){
	.logo img{ width:100%; height:auto}
	.menu-top{ width:auto}
	.nav > li > a{ padding:0 8px !important} 
	.join-psi-block > div > div{ width:49%}
	.what-we-offer > div,.education-partners-block > div > div{ width:100%}
	.what-we-offer > div > div{ width:31%}
	.what-we-offer > div > div:nth-of-type(2){ margin:auto 3%}
	.education-partners-block > div > div > div img{ width:100%; height:auto}
	.banner-title{ padding: 0 15px}
	.home-banner{height: 100%;}
	.menu-top-container,.electrical-equipment-header{ padding-right: 15px}
	
}

@media screen and (max-width:599px){
	body{display: block}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	img{max-width: 100%; height: auto}
	.back_page{ padding:15px !important}
	.logo{width: 35%;left: 0px;}
	.electrical-distributor-1{ width:calc(100% - 50px); right:0}
	.electrical-supplies-2, .electrical-products-section, .electrical-equipment-header{width:100%;}
	.electrical-equipment-header{display: flex; justify-content: flex-end;}
	.electrical-equipment-header ul{width: 77%; margin:0;    justify-content: space-around;}	
	.widget-container{width:100%;justify-content: flex-end;margin-top:6px;}
	.search{ width:100%; height:auto; padding:8px 10px}
	.menu-top-shopping{ order:-1; width:23%;  margin-right: 15px;}
	.user-block > a, .menu-top-shopping > a{ margin-left:0}
	.user-block ul:first-of-type li:last-of-type a {color: #3d7abe;}
	
	.services-block > div,.banner-menu > div{ width:100%}
	.call2Action,.intro-block > div{ padding:0 15px}
	.call2Action > div > span{ font-size:32px}	
	.electrical-equipment-header > ul > li{padding: 8px 0;}
	
	.intro-logo > div > span{ top:-18%; width:56%; font-size:32px}
	.intro-logo > div > div > a{ width:22%;margin-left: 3.7%; margin-right: 3.7%;}
	.mce-electric-social{margin-top: -10px; margin-bottom: 30px;}
	
	.certification-block > div{ width:100%}
	.download-block > div{width: 100%; margin-bottom: 30px;}
	
	.intro-products > div{ width:100%; height:auto; justify-content: space-between;}
	.intro-products > div > div{ width:46%}
	.career-block table td{ width:100%; display:block}
	.enquiry,.quick-contact-block{ width:100%; padding: 21px 15px;}
	.quick-contact-block h2{line-height: 34px;font-size: 24px;}
	.tcs-block div input{width: 7% !important;}
	
	.existing-customers-block > div > div{ width:100%; margin-top:30px}
	
	
	/*=============== Mobile banner ==============*/	
	.home-banner{ display:block ; height: 340px; background:url(images/residiential-commercial-industrial-lighting.jpg) no-repeat; background-size: cover; }
	.csslider1{ height:100%}
	.mobile-banner{ position:absolute;background-color: rgba(0, 0, 0, 0.5); bottom:0;color: #fff; margin: 0; font-size: 20px; line-height: 26px; left: 0; width:100%; height:85%}
	.banner-title{top: 55%;}
	.home-banner .banner-title h1{font-size: 20px;padding: 0 15px; line-height:30px;text-shadow: 1px 1px 1px rgb(0 0 0 / 80%);}
	.home-banner .cs_title .cs_wrapper{ padding:15px 10px; font-size:26px}
	.mobile-banner > span{ position:unset; font-size:32px; line-height:32px}
	.home-banner .cs_descr .cs_wrapper{ margin: 0; padding:0 10px; font-size:20px; line-height:26px}
	.home-banner .banner-title h1 strong br{ display:none}
	.home-banner .cs-title-align{ margin:0}
	.mobile-banner > span h1{ font-size:32px; line-height:32px}
	.home-banner .btn-banner{ margin-top:15px; padding:10px 15px}
	.mobile-banner p{font-size: 16px; margin-bottom:0}
	.quick-enquiry-block{ position:fixed; display:block;bottom: 2%;left: 4%; background-color:#3d7abe;border-radius: 4px; z-index:999}
	.csslider1 > .cs_description > label{ top:0 !important}
	.quick-enquiry-block > a{ color:#fff; text-decoration:none;font-weight: bold; font-size: 14px; padding: 12px;
    display: block; display:flex; justify-content: space-between; width: 130px;}
	.csslider1 > ul,.home-banner::before,.mobile-banner > span br{ display:none !important}
	.banner-menu > div > div a{ padding:15px 7px; font-size:14px}
	.intro-products > div h2{ margin-top:5px; margin-bottom:revert; font-size: 15px; height: auto}
	.intro-products .get-quote{ height: 79px}
	.intro-products .get-quote a{ font-size: 16px}
	
	.page-title{height: 120px;}
	.page-title > div{ padding:12px 15px}
	.page-title > div h1{font-size: 30px;}
	
	.brands-logo{ display:flex; flex-wrap: wrap; justify-content: space-between;}
	.brands-logo > div{ width:48%;margin-right: 0;}
	
	.intro-text-img img{ width:100%;margin-bottom: 5%;}
	.register-block > div{ width:100%}
	.register-block{ margin-top:0}
	
	.footer{ padding:25px 0 60px 0}
	.footer-nav > div{ padding:0 15px; width:100%}
	.footer-nav strong{ margin-bottom:0; margin-top:30px}
	
	.footer-nav,.footer-regions,.footer-bottom,.quick-links{ display:none !important}
	.footer > div > div{ width:50%; padding:0;}
	.footer > div{ padding:0 15px}
	
	.text-block.disclaimer-text > div{ width:100%}
	.text-block.disclaimer-text > div > a{ width:100%; margin:5px 0}
	
	/*=============== Thank you ==============*/
	.thank-you div,.thank-you{ width:100%}
	.thank-you-title{ left:auto; white-space:normal; font-size:4.5em}
	.thank-you div{ top:auto}
	.thank-you-contact{ margin-top:0}
	.thank-you div{ left:auto}
	
	/*=============== MENU ==============*/
	.dropdown:focus .dropdown-menu,.dropdown:hover .dropdown-menu{display:block !important; margin:0;left:0;position:relative;border-radius:0 !important;min-width: 100%;}
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center}	
	.nav > li > a{ color:#fff; line-height:40px; display:block; padding:0 10px}
	.mobi-only{ display:block}
	.nav > li{ width:100%}
	.menu-top{position: absolute; top: 70px; width: 100%}	
	.dropdown-menu{margin-left: 20px; top: unset; width: 100 !important}
	.product-menu-top li{ width: 100% !important}
	.intro-products > span a,.top-header, .top-tel{display:none !important}
}

@media screen and (max-width: 599px){
	.menu-top{ background-color:#404040; width:250px;position:fixed;top:0;height:101px;width:50px;overflow:hidden;padding:0px;transition:all 0.3s;z-index:100; left:0}
	#mainNav{padding:10px;overflow-y:auto;height:calc(100vh - 101px)}
	.menu-top>label{color:#fff;display:block;height:101px;padding:0;position:relative;margin-bottom:0}
	.menu-top>label>i{font-size: 1.5rem;color:#fff;line-height:102px;text-align:center;width:50px;transition:all 0.1s ease 0.3s}
	#navOverlay{display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;transform:translate(-100%);transition:all 0.25s ease-out 0.1s;z-index:100}
	#mobi-toggle:checked ~ .electrical-distributor-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
	#mobi-toggle:checked ~ .electrical-distributor-1 .menu-top{height:100vh;width:250px}
	#mobi-toggle:checked ~ * #navOverlay{transform:translate(0)}
}