*{box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}
body {font-family:Arial, Helvetica, sans-serif; margin:110px 0 0; width:100%; font-size:62.5%; overflow-x: hidden;}
a:link{color: #1b478d; text-decoration: none}
a:visited{color: #1b478d;}
a:hover{ color:#B4112C;}
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}
.quick-enquiry-block,.item-hide{display:none;}
.ecat-value{box-sizing: content-box; visibility:hidden;position:absolute; max-width:100px; top:0; left:0; z-index:-1}
.menu-top>label,#mobi-toggle{display: none}

.btn1{display: inline-block; padding:12px; text-align:center; font-size:14px; background:#0483c8;  border-radius:4px;  color: rgba(255,255,255,.8) !important; text-transform: uppercase; letter-spacing: 1px}
.btn1:hover{opacity:.8}
/*================== MAIN SECTION ============================*/
.back_main{ max-width: 1280px; margin: auto auto; margin-top:10px; margin-bottom:10px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.75); box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.75);}
.back_page{max-width: 1280px; position:relative; font-size:16px; margin: 20px auto; padding: 0 15px}
.back_page p{text-align:justify; line-height: 28px}
.back_page ul{line-height: 28px}

.img-about{float: right; margin-left: 20px; margin-top: 5px}

.page-title{width: 100%; position:relative; float: left; height: 170px; overflow:hidden}
.page-title > div{max-width: 1280px; margin: auto}
.page-title h1{font-size: 86px; position:absolute; bottom: -20px; color: white;  margin: 0; padding:0}

.breadcrumb{margin-bottom: 40px; border-bottom: 1px solid rgba(27, 71, 141,.5); padding:5px 0 20px 0; float: left; width: 100%}
.breadcrumb strong{color: #1b478d}
.breadcrumb ul{margin: 0; padding:0;}
.breadcrumb ul li{list-style: none; float: left;}
.breadcrumb ul li:first-of-type a{border: none; padding-left: 0 !important}
.breadcrumb li a{color: #1b478d!important; padding: 0 20px !important; border-left: 1px rgba(27, 71, 141,.8) solid;}

.text-block{width: 100%; float: left; margin-bottom: 35px}
.company-pfofile > div{ width:50%; float:left;padding-right: 40px}
.company-pfofile > div:last-of-type{padding-right:0;padding-left:40px}
 
.certificate{margin-bottom: 40px}
.certificate > div{float: left; box-shadow: 0 0 4px 1px #ccc; margin-right: 20px}
.certificate > div img:hover{opacity: .8}

.flameproof-product{position:absolute; visibility:hidden; z-index:999999;}
.mining-cables-1{width:100%; height:110px; float: left; z-index:500; top:0; position: fixed; background-color: #000; padding: 0 15px; box-shadow: 0 0 2px 1px #000000;}
.mining-cables-header{ max-width: 1280px; margin:auto auto;}
.hazardous-lighting-2{ position:relative; float:left; width:100%;}
.hazardous-lighting-section{ max-width: 1280px; margin:auto auto;}

.intro-products{width: 100%; float: left; background-color: #22282f; color: rgba(255,255,255,1); padding: 40px 0; font-size: 18px; line-height: 30px}
.intro-products > div{width: 25%; padding:20px; float: left; text-align:center; border-left: solid 1px rgba(255,255,255,.2)}
.intro-products > div:first-of-type{border: none}
.intro-products h2{margin-top: 0; text-transform: uppercase; font-size: 26px; margin-bottom: -5px;}
.intro-products h2 a{color:#0084C8; font-size:26px;}
.intro-products p{height: 60px}
.intro-products h2::after{content:""; display: block; width: 25px; height: 5px; background-color: #d82129; margin: 
auto; margin-top: 12px;}
.intro-products a{font-size: 18px; text-transform:uppercase; letter-spacing: 2px; color: #d82129; font-weight: bold}
.intro-products a:hover{opacity: .8}

.intro-text{width: 100%; float: left; font-size: 18px; text-align:center; padding: 40px 0 60px 0; line-height: 28px; background-color: #e1e1e1}
.intro-text > div{margin: auto; max-width: 1000px}
.intro-text h1{text-transform: uppercase; font-size: 56px; font-weight: 800; color: #1b478d}
.intro-text h1:after{content:" "; width: 95px; height: 5px; background-color: #d82129; display: block; margin: 
auto; margin-top: 32px;}

.intro-footer{float: left; width: 100%; padding: 20px 15px; background-color: #0483c8; color: white; font-size: 18px}
.intro-footer > div{max-width: 1280px; margin: auto}
.intro-footer > div > div:first-of-type{float: left}
.intro-footer > div > div:last-of-type{float: right}
.intro-footer .btn1{top: 40px; position:relative; background-color: #d82129}

/*================= MENUS ======================*/
.menu-top{ position:relative; float:right; float: right; margin-right: 80px; top: 24px}

.menu-top label{display: none}
.nav{margin:0; padding:0}
.nav > li{float: left; position:relative; list-style: none; padding: 0 22px !important}
.nav > li > span,.nav > li > a{display: inline-block; color:rgba(255, 255, 255,1) !important; text-transform:uppercase; border-left: solid 1px rgba(255, 255, 255,0	) !important; padding: 27px 0 43px 0 !important; font-weight:bold; font-size:1.3em !important; text-decoration:none; background-color:transparent !important; border-left: none !important; border-right: none !important; cursor: pointer}
.nav > li:first-of-type > a{border: none !important}
.nav > li:hover > a{background-color:transparent !important; opacity: .8px; border-bottom: solid 3px red}


.dropdown li:last-of-type{border:none !important}]
.dropdown i{ width:13px}
.dropdown > a{color:white !important; padding:10px 15px !important; }
.dropdown-menu li{padding:0 5px; position:relative; list-style: none}
.dropdown-menu{padding:0; margin:0; display: none; background-color: rgba(0,0,0,.8) !important; min-width:200px; position:absolute; box-shadow: 0 0 1px 1px rgba(0,0,0,.175); font-size: 14px; border-top: solid 3px red; top: 85px}
.dropdown-menu a{color:#fff !important; transition:background-color 1s;  padding: 10px 5px!important; display: inline-block; transition: all .5s}
.dropdown-menu li:hover a{text-indent: 10px}
.dropdown-menu li:hover{background-color: red}
.dropdown-menu li:hover::before{content:"\203A"; color: white}

.navbar-nav > li a{border:1px solid transparent}
.nav .open > a{border: none !important}
/*================ Dropdown ===================*/
@media screen and (min-device-width: 768px){	
	.active{border:solid 1px #fff}
	.dropdown:hover .dropdown-menu{display:block !important}
}

.menu-cat{position:relative; float:left; width:990px; padding:5px; padding-left:10px;}
.menu-cat h2{text-align:center; text-transform:none !important; border-bottom:1px dotted #666; margin-bottom:10px;}
.menu-cat h1{color:#BB1D19;}
.menu-cat img{position:relative; float:left; margin-right:5px; margin-bottom:50px;}
.menu-cat div{position:relative; float:left; width:300px; height:160px;  margin-right:5px; margin-bottom:10px;background-color:#fff; border-bottom:10px solid #DA251C; padding:10px;box-shadow: 10px 10px 5px #888888;margin-right:50px;}
.menu-cat div:first-child{margin-left:150px;}
.menu-cat div:last-child{margin-right:0px;}
.menu-cat span{ display:block;height:90px;}
.menu-cat ul{list-style:none; padding:0px; margin:0px;}

.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: 20%;margin-right: 5%;padding: 10px;font-weight: bold;margin-bottom: 20px;}
.menu-side h2 {margin-bottom: 0;background-color:#1b478d;margin-top: 0;padding: 10px;color: white;font-size: 18px;}
.menu-side ul {margin: 0;padding: 0;float: left;width: 100%;}
.menu-side ul li {list-style: none;border-bottom: 1px solid #f1f1f1;background-color: rgba(0,0,0,.1);position: relative;}
.menu-side a {color: #999;display: inline-block;width: 100%;padding: 10px;}
.menu-side ul li:hover, .menu-side ul li.active-side{background-color: #1b478d}
.item-summary{}
.item-summary div{ position:relative; float:left;  border:1px solid #999; padding:20px; box-shadow:0 0 10px 2px #ccc; margin-bottom:20px; margin-right:20px;  }
.item-summary div:hover{box-shadow:0 0 10px 2px #404040;-webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -o-transition: all 0.75s ease;}
.item-summary div:last-child{margin-right:0px;}

/*==================== LOGO =======================*/
.logo{position:relative; float:left; width:25%; top: 15px}

.widget-container{width:auto; float:right; position:relative}

.top-tel a{display: inline-block; background-color: #d82028; color: rgba(255,255,255,1); padding: 10px; font-size: 16px; border-radius: 22px; position:relative; top: 37px; font-weight: bold}

/*===================== SEARCH ======================*/
.search {position: absolute; padding: 5px ; width: 85px; bottom: -36px; display: block ;margin-right: 87px;  right: 28px; float: right; }

.search-box a {color: white;position: relative;left: 5px;top: 3px;font-size: 22px;
}
.search a:hover{text-decoration:none; color:#DA251C;}
.search .fa { width: 26px;height: auto;color: #fff;font-size: 22px;}
.search-box{position: absolute;  float: right; right: 65px; top:67px; padding:10px; width:250px; z-index:9999999; display:none ;background-color: #173c75; color: #fff; font-size: 18px;}
.search-box input{border:solid 1px #888888; padding:5px; width:206px; background-color: #fff; height:30px; position:relative; }
.search-box a{color: white; position:relative; left:5px; top:3px; font-size: 22px}

.pop-up-45{position: fixed; z-index: 999999999; top:68%; left: 0; width:100%; background:rgba(36, 36, 36, 0.85); height: 100%; text-align:center; display: none}
.pop-up-45-close{position: absolute; right:-10px; top:-10px; cursor: pointer; color: #fff; font-weight:bold; height:28px; width:28px; border-radius:40px; background-color:#1b488c; z-index: 999999999; font-size: 18px;line-height: 28px; padding:0 8px}
.pop-up-45 img{border-radius:4px; display:block;box-shadow: 0 0 10px 2px #010101;}
.pop-up-45 > div{ font-size: 18px; line-height: 26px;border-radius: 4px;top:4%; max-width:1000px; width:100%; position: relative; margin:auto; display:table; background-color: #fff; width:100%; padding:0 10px}
.pop-up-45 > div p a{ text-decoration:none; color:#1b488c}
.pop-up-45 > div a:hover{ text-decoration:underline}
.pop-up-45 > div h2{ margin-bottom:0; margin-top:10px}
.pop-up-45 > div h2 a{ color:#1b488c;text-decoration:none; font-size:22px }

.home-banner{background-color: #1b478d; position:relative; max-width:1663px; margin: auto; text-align:center; height: calc(100vw * 0.267); max-height: 449px; }
.banner-extra-text{position: absolute; z-index:1000; bottom:40px; left:50%; transform:translate(-50%, 0); font-style: italic; color: #d82129; font-size: 38px; font-weight: 800}
.home-banner h2{ font-size:32px; margin:0; line-height:42px}
.home-banner p{ font-size:22px; text-transform:uppercase}
.banner-btn{padding: 10px 20px; display: inline-block; color: white !important; margin-top: 20px; text-transform: uppercase; font-size: 14px; border-radius: 32px}
.home-banner .banner-btn{background-color: #0483c8; padding:15px 20px}
.home-banner .banner-btn:last-of-type{background-color: #d82129; margin-left: 20px}
.home-banner .banner-btn:hover{opacity: .8}

.disclaimer-text ul,.disclaimer-text ol{ padding:0 0 0 20px; margin:0}
.text-block.disclaimer-text > div {display: flex;justify-content: space-between;flex-wrap: wrap;width: 38%;margin-top: 20px;}
.disclaimer-btn{display: inline-block;padding: 6px 12px;width: 155px;text-align: center;font-size: 14px;border-radius: unset;}
.tcs-block div{display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center;margin-bottom: 9px;}
.tcs-block div input{ width:4% !important;height: 25px;}
.tcs-block div > label{ width:97%;font-size: 14px;font-weight: normal;text-transform:none;}
.tcs-block div a{color:#0483c8 !important; font-weight: normal;display: unset;}

/*===================== 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:24.1%; border: solid #CCC; padding:20px; height:320px; margin-right:1%; margin-bottom:15px; text-align:center;}
.download-brochure > div:nth-of-type(4n + 4){margin-right: 0;}
.download-brochure img{margin-bottom:2px; width:auto; height:140px; transform:rotate(-8deg); box-shadow:0 5px 10px 1px #999}
.download-brochure h2{width:100%; float: left; margin-top:60px}
.download-brochure h2:first-of-type{margin-top:0}
.download-brochure h3{height:60px; font-weight: normal}
.download-brochure a{color: #1b478d}
.download-brochure a:last-of-type{background:url(images/icons/btn-download.png) no-repeat; background-size:contain; width:40px; height:40px; display: inline-block;}
.download-summary div a{width:auto !important; height: auto !important; background: none !important; font-size:14px; font-weight: normal}

.technical-block{padding-bottom: 20px; float: left; width: 100%}
.technical-block > div {width:48%; border-bottom:dashed rgba(42, 120, 182, 0.35) 1px; margin-bottom:10px; float:left; margin-left:4%; padding:5px 0 30px 0}
.technical-block > div:nth-of-type(odd){margin-left: 0}
.technical-block img{position: relative; top: 8px}

.contact-us-container{box-shadow: 0 0 5px 1px #ccc; padding: 40px; float: left; width: 100%; margin-bottom: 20px}
.contact-us{width: 100%; float: left; line-height: 28px;}
.contact-us > div {float:left; width:25%;  margin: 0; font-size: 16px}
.contact-us > div > div:first-of-type{float: left; width: 13%; font-size: 28px; color: #ef4642}
.contact-us > div > div:last-of-type{float: left; width: 83%}
.contact-us a{color: #333}

.enquiry-container{float: left; margin-top: 40px; width: 100%}
.intro-enquiry{padding: 40px 0; float: left; width: 100%;}
.enquiry{margin: auto; width: 100%;  font-weight: bold; display: table; text-transform: uppercase}
.enquiry table{width: 100%; margin-top: 10px}
.enquiry table td{width: 50%; padding: 5px}
.enquiry table td input, .enquiry table td select, .enquiry table td button{width: 100%; padding: 13px; color: #000; background-color: #e7e7e8; border: none;}
.enquiry table td input[type=checkbox]{width: auto}
.enquiry textarea{background-color: #e7e7e8; width: 100%; height: 150px; padding: 10px; font-family: Arial, Helvetica, sans-serif; border: none}
.enquiry a{display: block; display: table; margin: auto}
.enquiry ::-webkit-input-placeholder {color: #000;}
.enquiry ::-moz-placeholder {color: #000;}
.enquiry :-ms-input-placeholder {color: #000;}
.enquiry :-moz-placeholder {color: #000;}
.enquiry .captcha{font-weight: normal; text-transform: capitalize;}

.enquiry input, .enquiry textarea, .enquiry select{font-size: 16px; outline: none !important;}
.enquiry textarea{padding-left: 18px}

.map{margin-top:30px; float: left; width: 100%}


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


.news-block{ display:table; width:100%; margin:auto} 

/*------------------ News Snippet --------------*/
.menu_blog_container{width:100%; float: left; padding-top: 20px; padding-bottom:45px; font-size: 14px;}
.menu_blog_container > div{max-width: 1280px; margin: auto; color: #000; line-height: 22px;padding-top: 40px}
.menu_blog_container > div > div{width: 33.3%; float: left; padding-right: 40px;}
.menu_blog_container > div a{color: #1b478d}
.menu_blog_container  h2{height: 55px; line-height:25px; margin-top: 0; font-size:19.2pxl; color:#1b478d}
.menu_blog_container p{height: 90px}
.iframe-block-container{margin-top: 50px; width:100%; border-top: solid 1px #ccc; padding-top: 22px; float: left}
.iframe-block-container > span{float: left; display: inline-block; max-width:50%; height: 29px; position:relative;overflow: hidden}
.iframe-block-container > span:first-of-type{background-color: #4267b2; margin-right: 10px; border-radius: 4px}
.iframe-block-container > span:first-of-type iframe{position: relative; top: 5px;}
.menu_blog_container .btn1{background: none !important; border: solid 1px; color: #1b478d !important; padding: 8px 12px;}
.menu_blog_container .btn1:hover{opacity: .8}

/*===========================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{color:#1b478d; padding-left:0px; width:100%;  background-color:#e6f6fe; float: left; font-size: 16px; line-height: 26px}
.footer strong{color:#1b478d; margin-bottom:10px; width: 100%; display: block; padding-bottom:4px; font-size: 22px; text-transform: uppercase; border-bottom: solid #0483c8 2px; padding-bottom: 15px; font-weight: normal}
.footer > div{display:block;  vertical-align:top; max-width: 1280px;  margin-left:auto; margin-right:auto; text-align:left; }
.footer > div > div{ position:relative; float:left; vertical-align:top; width:33%; padding:40px 10px;}
.footer ul{margin: 0; padding: 0; margin-top: 20px}
.footer ul li{list-style: none}
.footer a{color:#1b478d}
.footer a:hover{opacity: .8}

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




.footer-bottom{width: 100%;  float: left; background-color: #e6f6fe;}
.footer-bottom > div{max-width: 1280px; margin: auto; padding: 30px 5px;  color: #1b478d; border-top: solid rgba(27, 71, 141,.1) 1px; font-weight: bold; display: flex; justify-content: space-between; flex-wrap: wrap;}
.footer-bottom > div > div{width:43%; float: left; text-align:center}
.footer-bottom > div a{font-weight: normal}

.footer-bottom > div > div:first-of-type{text-align: left}
footer-bottom > div > div:first-of-type a:last-of-type{margin-left: 30px; display: inline-block}

.footer-bottom > div > div:last-of-type{text-align: right; display: flex; flex-wrap: wrap; justify-content: flex-end;}

.footer-logo > a img{width: 400px; height: auto; margin-top: -15px}
.footer-logo > div{ display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; margin-bottom: 15px;}
.footer-logo > div > span{width: 26%; margin-left: 30px;}
.footer-logo > div > span img{ width: 100%; height: auto; display: block}

.footer-contact{font-size: 24px; line-height: 45px; width: 57% !important;}
.footer-contact ul{ display: flex; flex-wrap: wrap; padding: 0; margin: 0}
.footer-contact ul li{ width: 50%; list-style: none}
.footer-contact ul li .fa{ margin-right: 7px}


@media only screen and (max-width: 1026px){
	body{display: block}
	.nav > li{padding: 0 16px !important;}
	#wowslider-container1 .ws-title{top:12px !important; font-size: 20px !important; padding-left: 15px; line-height: initial !important}
	.intro-products p{height: auto}
	.intro-text{padding:0 15px}
	.banner-extra-text{display: none}
	.footer-logo img{max-width: 381px}
	
	
}
@media only screen and (max-width: 900px){
	.menu-top{top:-25px; right: -32px;}
}

@media screen and (max-width: 575px){
	body{display: block;}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	img{max-width: 100%; height: auto}
	.logo{width: 30%; top: 36px}
	.logo img{width: 128px}
	.mining-cables-1, .section-2, .section-section, .section-header{width:100%; height: initial; float: left}	
	.widget-container{width: 50%;}
	 .tcs-block div a{display:unset;}
	 .tcs-block{margin-top:10px;margin-bottom: 10px;}
	 .text-block.disclaimer-text > div{width: 100%;}
	.text-block.disclaimer-text > div > a{width:100%;margin-bottom:10px}
	 
	
	.pop-up-45{ top:81%}
	.pop-up-45 > div h2{ margin:15px 0}
	.pop-up-45 > div > div p{ display:none}
	.pop-up-45 > div{ width:95%}
	
	/*=============== Mobile banner ==============*/	
	.home-banner{ height:auto;max-height:none}
	.home-banner > div{ height:340px}
	.mobile-banner{ display:block !important; height: 340px; background:url(images/flameproof-restrained-plug.jpg) no-repeat; background-size: cover;  position:relative}
	.home-banner p,.home-banner h2{ color:#fff; padding:0 15px}
	.home-banner p{ text-transform:capitalize; font-size: 20px;}
	.home-banner h2{font-size:19px; line-height: 30px;}
	.csslider1 > .cs_description > label{ max-width:100% !important; left:0 !important; top: 44% !important;}
	.mobile-banner:before{ content:""; position:absolute;background-color: rgba(0, 0, 0, 0.5); bottom: 0;color: #fff; margin: 0; padding: 20px 0px; font-size: 20px; line-height: 26px; left: 0; top: unset !important; height:50%; width:100%}
	.csslider1 > .cs_arrownext,.home-banner:before,.home-banner p br,.home-banner h2 br,.home-banner .btn-block,.csslider1 > ul{ display:none}
	.quick-enquiry-block{ position:fixed; display:block;bottom:5%;left: 64%; background-color:#1b478d;border-radius: 4px; z-index:999}
	.quick-enquiry-block > a{ text-decoration:none;font-weight: bold; font-size: 14px; padding: 12px;display: block; color:#fff}
	
	/*=============== MENU ==============*/
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center}	
	.menu-top{position: absolute; top: 70px; width: 100%}	
	.dropdown-menu{margin-left: 20px; }	
	.top-tel a{top: 42px !important; font-size: 13px; float: right; right: -9px}
	.top-header{display:none !important}
	.search{bottom: -44px; z-index: 99 !important; left: 0}
	.search-box{top: 63px !important; right: 51px !important; width: 195px}
	.search-box input{width: 147px }
	.intro-products, .intro-products div{width: 100%}
	.intro-text > div{width: 100%}
	.intro-text h1{font-size: 22px}
	.footer-contact, .footer-contact div{width: 100% !important; font-size: 16px;}
	.intro-products > div{border-bottom: solid 1px rgba(255,255,255,.2) !important; border-left: none !important}
	.intro-products > div:last-of-type{border: none !important}
	
	
	.menu_blog_container,.footer,.footer-bottom{display: none}
	
	.dropdown:focus .dropdown-menu,.dropdown:hover .dropdown-menu{display:block !important; margin:0;left:0;position:relative;border-radius:0 !important;min-width: 100%;}
	.menu-top label{font-size: 2rem}.dropdown-menu-side{width:100% !important}
	
	.nav > li{width: 100%; float: left;}
	
	.nav > li > span,.nav > li > a{float: left; width: 100%; display: block !important; padding: 12px 0px !important;}
	
	.dropdown-menu{position: static !important; top:0 !important; }
	
	.mining-cables-1{height: 110px !important;    box-shadow: 0 0 2px 1px #4183c8;}
	
	.intro-footer, .intro-footer div{width: 100% !important}
	.intro-footer .btn1{top:0}
	
	.page-title{height: 66px;background-color: #f5f5f5; }
	.page-title h1{font-size: 35px;margin: 12px auto; padding: 0 5px; bottom:auto; color:#1b478d}
	.breadcrumb,.page-title img{ display:none}
	.company-pfofile > div{ width:100%; padding:0 !important}
	.contact-us > div{width: 100%}
	.enquiry-container td{display: block; width: 100% !important}
	.contact-us-container{padding: 8px}
	.technical-block > div, .download-brochure > div{width: 100%}
	.technical-block > div:nth-of-type(even){margin-left: 0px !important}
	
	.dropdown-menu{float: left}
}

@media screen and (max-width: 575px){.logo{left: 50px;}}
#navOverlay{display:none}@media screen and (max-width: 767px){
	.menu-top{width:250px;position:fixed;top:0;height:110px; left:0; width:50px;overflow:hidden;padding:0px;transition:all 0.3s;z-index:100; background-color: #0483c8}
	#mainNav{padding:10px;overflow-y:auto;height:calc(100vh - 102px)}.menu-top>label{color:#fff;display:block;height:102px;padding:0;position:relative;margin-bottom:0}.menu-top>label> .fa-bars{line-height:118px;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 ~ .mining-cables-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
#mobi-toggle:checked ~ .mining-cables-1 .menu-top{height:100vh;width:250px}#mobi-toggle:checked ~ #navOverlay{transform:translate(0)}}
/*# sourceMappingURL=mobiNav.css.map */