*{box-sizing:border-box;}
body {font-family:Arial, Helvetica, sans-serif; margin:0; font-weight:normal; font-size:12px; overflow-x:hidden; width:100%; display: table}
a:link{color:#808080; text-decoration:none}
a:visited{color: #808080;}
a:hover{ color:#FDC500;}
a:active{color: #808080;}
h1{font-size:20px; color:#2A336E; position:relative;  text-transform:uppercase;}
h2{font-size:16px; color:#2A336E;  text-transform:uppercase; letter-spacing:1px}
h3{font-size:14px; color:#404040; font-weight:bold;  text-transform:uppercase;}
h4{margin:0px; padding:0px; color:#0000C0; font-size:14px; font-weight:bold;}
h5{margin:0px; padding:0px; color:#000000; font-size:13px;}
h6{padding:0px; margin:0px; display:inline; font-size:14px; color:#C00000;}
img{border:none;}
img-center{margin:auto auto; text-align:center;}
td{vertical-align:top;}
p{text-align:justify;}
.item-hide, .quick-enquiry-block{display:none;}
.ecat-value{visibility:hidden; position:absolute; width:100px;z-index: -1;top: 0;left: 0;}

.btn1{width: auto; background-color: #FDC500; float: left; transition: all .5s; font-weight:bold; text-align:center; padding:7px 15px; text-transform:uppercase; color: #3433CC!important; text-decoration: none; border-radius:4px}
.btn1:hover{opacity:.7}
.btn2, .btn3{width: auto; background-color: #FDC500; float: right; transition: all .5s; font-weight:bold; text-align:center; padding:7px 15px; text-transform:uppercase; color: #2A336E!important; text-decoration: none;}

.btn3{float: left; padding:15px 20px; border-radius:3px}
/*================== MAIN SECTION ============================*/
.back_main{ width:100%; 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{ width:1280px; position:relative; display: table; font-size:12px; color:#000; text-align:left; padding:50px 10px; margin: auto;}
.back_page p{text-align:justify;}

.text-block{width:65%; float: left; font-size:1.3em; line-height: 33px;  box-shadow:1px 1px 1px 1px #2A336E; padding:30px}

.product{float: left; width:100%;}
.product h2{margin-top:50px}
.product-title{background-color: #f1f1f1; float: left; padding:20px; color: #2A336E}
.product-summary{float: left; width:70%; padding-right:20px}
.product-image{width:30%; float: left; margin-top:8px}
.product-image img{width:100%; height: auto}
.product-details{width:100%; float: left; border-top: solid #f1f1f1 1px; margin-top:30px;}
.product-details > div{width:50%; float: left}
.product-details ul{padding:0 15px}
.product-details li{list-style: none}
.product-details > div > ul > li::before{content:"\27A4 "; color:#f1f1f1; margin-right:5px; position: relative; left:-2px }

.product-images{border-top:1px solid #f1f1f1; margin-top:10px; float: left; padding-top:30px; width:100%}
.product-images > div{width:50%; float: left; text-align: center}
.product-images img{padding:5px; max-width:80%; height:auto}

.list-col-2{column-count: 2}

.page-title{width:100%; float: left; margin-top:-2px; margin-top: 127px; position:relative; border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1}
.page-title img{width: 100%; height: auto; margin-bottom:-5px}
.page-title div{width:1200px; position: absolute; margin: auto; left: 0; right:0; top:0; bottom:0}
.page-title h1{text-shadow: 0px 0px 5px white; margin-top:100px; position: relative;}

.electric-supplies{position:absolute; visibility:hidden; z-index:999999;}
.electric-supplies-1{font-family:Arial,Helvetica,sans-serif; width:100%; float: left; z-index:9999999; background-color:#ffff; height: 127px; position:fixed; box-shadow:0 0 4px 1px #666}
.electric-supplies-top{height:80px; background-color: #2A336E;}
.electric-supplies-header{ max-width:1280px; margin:auto auto;}
.electric-supplies-2{max-width:100%; position:relative; z-index:2; line-height:18px; padding:0px;}
.electric-supplies-section{max-width:1280px; margin:auto auto;}

.intro-about{width:100%; float: left}
.intro-about h3{color: white; text-align:left; font-size:2.5em}
.intro-about > div{width:50%; float: left; overflow:hidden; height:342px; background-color: #3433CC}
.intro-about > div:last-of-type > div{width:505px; margin:50px; font-size:1.2em; line-height:25px; color: rgba(255,255,255,.8)}
.intro-about > div:last-of-type > div > div{text-align: justify; height: 120px}
.intro-about a{margin-top:30px}
.intro-logo{width:100%; float: left; background-color:rgba(50, 50, 50, 0.12156862745098039); padding:50px 0;}
.intro-logo > div{width:1000px; margin:auto; }
.intro-logo > div > div{width: auto; margin: auto; display: table}
.intro-logo > div > div:last-of-type{ margin:15px auto}
.intro-logo > div > div > div{float: left; width: 240px; text-align:center; height:80px; position:relative;}
.electric-supplies-2 > div.intro-logo > div > div > a{background: url(images/victory-electric.png);background-repeat: no-repeat;background-position: -5% 68%; height: 80px;width: 240px;display:inline-block;}
.electric-supplies-2 > div.intro-logo > div > div:nth-child(1) > a:nth-child(2){background-position: 33.5% 64%;}
.electric-supplies-2 > div.intro-logo > div > div:nth-child(1) > a:nth-child(3){background-position: 70% 92%;}
.electric-supplies-2 > div.intro-logo > div > div:nth-child(1) > a:nth-child(4){background-position: 104% 83%;}

.electric-supplies-2 > div.intro-logo > div > div:nth-child(2) > a{background: url(images/victory-electrical-intro-logo.png) no-repeat;background-position: -4% -3px;}
.electric-supplies-2 > div.intro-logo > div > div:nth-child(2) > a:nth-child(2){background-position: 48%;}
.electric-supplies-2 > div.intro-logo > div > div:nth-child(2) > a:nth-child(3){background-position: 103% -3px;}

.intro-logo img{top:0; bottom:0;right:0; left:0; position:absolute; margin: auto; width:65%; height: auto}

.intro-who-are{width:600px; margin: auto;font-size:1.4em}
.intro-who-are > div{text-align: center; padding:25px 0; float: left;  border-bottom: 1px solid #f1f1f1}
.intro-who-are p{text-align: center; line-height:30px; color: #666;}
.intro-who-are h2{position: relative; margin-bottom:40px; float: left; width:100%}
.intro-who-are h2 span{display: inline-block; width:50px; border-bottom:3px solid; position: absolute; left:0; right:0; margin: auto; top:40px}

/*================= MENUS ======================*/
.menu-top-container{background-color: white; width:100%; float: left; margin:0; margin-top:-60px; position:relative; height:50px;}
.menu-top{position:relative;  margin: 0 auto;  color:#fff; width:1000px; z-index:1000; clear:right; left:-26px}

#myNavbar{padding:0}
.navbar-collapse.collapse{padding:0}
.nav{padding:0; margin:0;}
.nav > li{float: left; list-style: none; padding:1px 7%; border-right: solid 1px #f1f1f1 !important; transition:.5s all; position:relative}
.nav > li:last-of-type{border: none !important}
.nav > li > a{color:#2A336E !important; transition:all 1s; font-weight: bold; letter-spacing:1px;  text-transform:uppercase; font-size:1em !important; text-decoration:none; display:block; position:relative; padding: 15px 13px;margin-top: 2px;}

.nav > li:hover, .nav > li a:hover{background-color:#FDC500; color: white !important;}
.nav > li:hover > a{color: white !important;}

.nav > li:last-of-type > a{ margin-right:-10px; }

.navbar-toggle{background-color:#FDC500 !important; color:#2A336E !important; font-weight: bold!important; text-align:right; position:relative; border-radius:0;  z-index: 9999999}
.icon-bar{color:white !important}

.dropdown li{border-bottom:1px solid #f1f1f1 !important;}

.dropdown li:last-of-type{border:none !important}
.dropdown a:focus{background-color:initial !important }
.dropdown-menu{display: none; font-size:11px; letter-spacing:1px; top:49px;  border-radius:0px !important; padding:0; width: 100%; background-color: transparent !important; position: absolute; left: 0}
.dropdown-menu a{display: block; color:rgba(52, 51, 204,1) !important; text-transform:uppercase; transition:all .5s; font-weight:normal !important; text-decoration:none !important; padding:12px !important; white-space:nowrap}
.dropdown-menu li{position:relative; list-style: none; float: left; width: 100%; background: rgba(255,255,255,.8) !important;}
.dropdown-menu li:hover a{color:#fff !important; background-color:#FDC500 !important;}

.navbar-nav > li a{border:1px solid transparent}


@media screen and (max-device-width: 480px){
	.dropdown > a{color:#000 !important}
	.top-header, .top-tel{display:none !important}
	#myNavbar{padding:10px}
	nav.navbar{width:100% !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; color:#DA251C; font-size:16px; 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{position:relative; float:right; width:27%;}
.menu-home a{color:#2A336E;  transition:all .5s; text-decoration:none; width:50%; padding:30px 0; float: left; text-align:center; font-weight: bold; font-size:1.2em; text-transform:uppercase}
.menu-home .menu-home-tel{font-weight: normal; font-size:1.5em; color: rgba(255,255,255,1) !important; width:55%}
.top-menu-phone{font-size: 13.5px !important;top: 2px !important;;position: relative !important;;margin-right: unset !important;color: unset !important;}
.menu-home .menu-home-tel span{width:30px; height:30px; border: solid 2px; border-radius:30px; float: left; margin-right: -10px; top:-5px; position:relative}
.menu-home .menu-home-tel .fa-phone{width:15px; top:4px; position:relative}
.menu-home .menu-home-quote{margin-right:0px; background-color:#FDC500; height:91px; position:relative; top:-5px; width:44.5%; float:right}
.menu-home .menu-home-quote > span{width:15px; height:15px; border-radius:15px; display: inline-block;  color: #2A336E; font-size:1.5em; top:7px; position:relative}
.menu-home .menu-home-quote > span > span{position: relative; top:-7px}
.menu-home a:hover{opacity:.7}

.telephone-top{position:relative; top:-10px; }
.telephone-top img{width:25px; margin-right: 5px; top:6px; padding:2px; position:relative; border: solid 2px #3433CC; border-radius: 20px}
.telephone-top a{font-size: 1.1em; color: #3433CC !important}

.quote-top{background-color:#FDC500 ; padding:10px !important; border-radius:5px}
.quote-top a{color: #3433CC !important}

.menu-side{float:left; width:30%; color:#1C5631; padding-left:40px; margin-top:-15px}
 .menu-side ul{padding: 0;}
.menu-side li{list-style:none; border:solid 1px #2A336E;
 font-size:1.5em; margin-bottom:15px; font-weight:500; color:#2A336E}
.menu-side li:hover{background-color:#2A336E; transition:2s;}
.menu-side li a:hover, .menu-side li:hover a{color:#fff ; transition:2s}
.menu-side li a{text-decoration:none; color:#2A336E; display: inline-block; width: 100%; padding:20px;}

.item-summary{}
.item-summary div{ position:relative; float:left; font-size:14px; 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;}
.item-summary div h3{ font-size:12px;}

/*==================== LOGO =======================*/
.logo{position:relative; float:left; width:42%; padding:20px; top:-4px; z-index:100;}
.logo span{font-size:1.7em; font-weight: bold; position:relative; top:-27px; left:15px; text-transform:uppercase; color:rgba(255,255,255,1)}
.logo > a > span span:last-of-type{color:#FDC500}
.logo img{max-height: 100%; max-width: 100%; box-shadow:1px 1px 5px 1px #999; border-radius:4px; top:10px; position:relative;  background-color: #fff}

/*===================== SEARCH ======================*/
.search{position:relative; visibility:hidden; width:50px; float: right; top:15px; padding: 0 10px; left:170px;  z-index:99999999;}
.search .fa-search{width:23px; font-size:18px; color:#2a336e }
.search-box{position: absolute;  left:-170px; top:35px; padding:5px; width:210px; z-index:9999999; display: none; background-color: #2c366e; color: #fff; border-radius: 4px; font-size: 18px}
.search-box input{border: none; padding:5px; width:170px}
.search-box span{cursor: pointer}
.search-box a{color: white; position:relative; left:10px}


.home-banner{position:relative; margin:auto; max-width:1663px; width:100%; text-align:center; height: calc(100vw * 0.233); overflow:hidden;margin-top:117px; z-index:1}
.ws_images > ul > li:first-child > a > img:first-child{width: 100%; max-height: 100%}
.ws_images img{max-width: 100%; max-height: 100% }
.ws_images li{visibility: hidden;}
.cs_description::before{content: " "; position: absolute;background-color: rgba(0,0,0,.5);width: 325px !important;height: 133px;padding: 15px 50px;margin-left: 180px !important;font: 3.4em 'Helvetica Neue', Helvetica, Arial, sans-serif;color: #ffffff;text-shadow: 0 1px 2px rgb(0 0 0 / 30%);top: 76px;right: 779px;opacity: 1;padding-left: 15px;text-align: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;z-index: 50;}

.pop-up-45{position: fixed; z-index: 999999999; bottom: 0; left: 0; width:100%; background:rgb(42 51 110); height:43px; text-align:center;}
.pop-up-45-close{position: absolute; right:40px; top:6px; cursor: pointer; color: #fff; height:28px; width:28px; border-radius:40px; z-index: 999999999; font-size: 14px;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:1280px; position: relative; margin:auto; display:table; width:100%; padding:0 10px}
.pop-up-45 > div > div{ display:flex; height: 40px; align-items: center; justify-content: space-around;}
.pop-up-45 > div p, .pop-up-45 > div p a{ color:#fff; margin:0; font-size:14px}
.pop-up-45 > div a{ text-decoration:underline}

/*===================== 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;}
.download-brochure span {background-image:url(images/catalogue/pdf_link_small.jpg); border:none; position:relative; float:left; left:0px; margin-right:3px; top:-2px; width:20px; height:20px; background-repeat:no-repeat;}

/**===================== CONTACT US====================*/
.contactus{width:1280px; margin: auto; float: left}
.contactus-map{margin-top:20px;}
.contact-us{float:left; margin-left:50px; margin-top:40px; width:25%; font-size:1.2em; line-height:25px; height:560px;}
.contact-us span{color:red; border:solid #3433CC 1px; height:2px; width:65px; margin-right:15px; display:inline-block}
.contact-us a{text-decoration:none; color:#000}
.contact-us h2{padding-bottom:2px; padding-left:5px; margin-top:3px; margin-bottom:25px;  width:300px}
.contactus-icon{width:40px; margin-top:30px}
.contactus-info{width:250px; margin-left:50px; margin-top:-52px}

.enquiry{position:relative; float: left; width:65%; height:600px; margin-top:30px;}
.enquiry tr > td > div span{ border:none; width:auto; color:#808080;}
.enquiry tr > td > div > div{ padding-left: 11px; text-align:left; color:#808080; font-size:16px; margin-bottom: 5px;margin-top: -18px;}
.enquiry p{font-size:1.2em; line-height:25px; margin-top:5px}
.enquiry span{color:red; border:solid #3433CC 1px; height:2px; width:65px; margin-right:15px; display:inline-block}
.enquiry h2{padding-bottom:2px; padding-left:5px; margin-bottom:25px}
.enquiry table{width:100%}
.enquiry input[type=text], .enquiry input[type=email], .enquiry input[type=tel], .enquiry input[type=date]
{height:48px; font-size:16px; width:100%; padding:10px; border:solid 1px #ccc; border-radius:4px; margin-bottom:10px;}
.enquiry input[type=text]:nth-of-type(2){border:solid red 1px !important}
.enquiry textarea{height:320px; width:100%; font-size:16px; border: solid 1px #ccc; border-radius:4px; padding:10px; font-family:Arial,Helvetica,sans-serif; margin-bottom:30px; margin-top:15px}

.thank-you{float: none; margin:auto; border-left:none; font-size:13px; width:800px; margin-bottom: 70px; display: table}
.thank-you div{float: left}
.thank-you-image{left:60px; top:80px; position: relative; width:50%; box-sizing:border-box}
.thank-you-text{float: left; top:40px; left:10px; width:50%; box-sizing:border-box; position:relative; z-index:100}
.thank-you-title{font-size: 5.5em;text-transform:initial; font-weight: normal; white-space:nowrap; position:relative; left:-150px; top:15px }
.thank-you-title span:first-of-type{color: #fdc500}
.thank-you-title span:nth-of-type(2){color: #2a336e}
.thank-you-title span:nth-of-type(3){color: #111040}
.thank-you-contact{text-align: center; width:100%; margin-top:100px; padding:10px 0; font-weight: bold; line-height:20px; border-top:1px #f1f1f1 solid; float: left}
.thank-you-contact a{color: #000; margin:10px 0}
.thank-you-contact .btn1{width: auto}
.thank-you-enquiry{display:none; font-size:16px;}

.disclaimer-text ul,.disclaimer-text ol{ padding:0 0 0 20px; margin:0}
.disclaimer-text ul li,.disclaimer-text ol li{ padding:5px 0}
.text-block.disclaimer-text h2{ width: 100%}
.text-block.disclaimer-text > div{ display: flex; justify-content: space-between; flex-wrap: wrap; width:100%; margin-top:20px}
.text-block.disclaimer-text > div > a{min-width:150px; color: #fff}
.tcs-block{font-size: 16px}
.tcs-block > td > div {display: flex;flex-wrap: nowrap;align-items: center;justify-content: unset !important;}
.tcs-block div input {width: 4% !important;height: 25px;margin-right: 10px; margin-left:0}
.tcs-block > td > div > label > span > a{color: #2A336E !important; font-weight:normal}

/*==================== FOOTER ===================*/
.above-footer-sec:before{font-size: 19px;color: #000;padding: 10px 5px;}
.above-footer-sec{border: 1px solid black;width: 42px !important;height: 42px !important;display: flex !important;justify-content: center;float: left;}	
.footer{font-size:14px; color:rgba(255,255,255,.7); display: table;  width:100%;  padding: 31px 0px 0px 5px; line-height:12px; background-color:#323232;}
.footer > div{width:1280px; margin: auto;display: flex;justify-content: space-between;}
.footer > div:first-of-type{max-width:100%; }
.footer > div > div{max-width: 33%; float: left; }
.footer > div > div > strong{color: white; text-transform: uppercase; font-size:1.3em; margin-bottom:20px; display:inline-block; width:100%}
.footer > div > div > div{width:280px;width: 280px;display: flex;align-items: center;}
.footer > div > div > div .fa, .far, .fas{ margin-right:20px; position: relative; top:0; width:20px; height:auto; color:#3433cc; font-size:18px}
.fa, .far, .fas {margin-right: 20px;}
.footer .fa-clock, .footer .fa-map-marker-alt{ font-size:22px !important}
.fa-map-marker-alt{margin-bottom:92px;}
.fa-clock{margin-bottom:18px;}
.footer > div > div > div p{float: left; width:85%; line-height:25px}
.footer ul{padding:0}
.footer ul li{list-style: none; line-height:28px}
.footer > div > div ul li::before{content:"•  "; color: #3433CC; font-size:2em; position:relative; top:5px}
.footer a{color: rgba(255,255,255,.7) !important; text-decoration: none; transition:all .5s}
.footer a:hover{opacity:.5}
.footer > div:last-of-type{border-top:1px solid rgba(255,255,255,.1); padding:20px 0; margin-top:30px}
.footer > div:last-of-type ul{float: right; padding:0; margin:0}
.footer > div:last-of-type ul li{list-style: none; float: left; padding:0 20px}
.newsletter{width:250px; border-radius:19px; background-color:#fff; height:40px; margin-bottom:20px}
.newsletter input{width:70% !important; float: left; border-bottom-left-radius:16px; height:40px;
 border-top-left-radius:16px; border:none; padding-left:10px }
.newsletter span{display:inline-block; background-color:#3433CC; width:30%; height:40px; float:left;
 text-align:center; border-bottom-right-radius:18px; border-top-right-radius:18px; padding-top:14px; font-size:1.1em}
.newsletter a{padding-top:0px} 


.footer-above{width:100%; float: left;  padding:20px 0; border-top:1px solid #f1f1f1; background-color:#EFEEEE}
.footer-above > div{width:1280px; margin: auto}
.footer-above > div > div{float: left; line-height:50px; margin-left:0px; font-size: 1.5em}
.footer-above img{float: left; border: solid 1px; padding:8px}
.footer-above a{color:#2A336E }
.footer-above a{line-height:20px; position: relative; top:0px}

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

@media screen and (max-device-width: 480px){
	*{max-width:100% !important; height: auto; box-sizing:border-box !important;}
	body{ display: block}
	.back_page{display: block}
	.electric-supplies-1{border-bottom: solid #2A336E ; height: 120px;top: 0;}
	.electric-supplies-top{height: 120px;width: calc(100% - 50px);}
	.menu-top-container{height: auto !important; margin-top:0}
	.menu-top{z-index: 9999999}
	.dropdown-menu{margin-left: 10px !important;top: 0;padding: 0 10px;}
	.menu-top li a{border: none !important}
	.menu-top{    margin-left: 50% !important;box-shadow: none;}
	.nav > li > a:hover, .nav > li:hover > a{color: #333 !important}
	.nav > li{ padding:0 !important; width:100%; border:none !important}
	.menu-side{width: 100%; padding-left: 0 !important; margin-top:20px}
	h1{margin-left: 10px}
	.intro-about h3{ font-size:1.5em}
	.product-summary,.product-image,.product-details > div,.text-block{width:100%}
	.list-col-2{column-count: 1;}
	.contact-us,.contactus-info{ margin-left:0}
	.contactus-info{ padding-left:50px}
	.intro-logo > div > div:last-of-type{ border:none}
	.intro-who-are p{padding: 0 20px}
	.intro-about > div > div{padding:20px !important; padding-bottom:60px !important;}
	.intro-about h1{font-size: 16px}
	.page-title{margin-top: 120px}
	.page-title h1{margin-top:20px}
	.contactus, .contactus tr, .contactus td, .contactus div{width: 100% !important; height: auto; display: block}
	.enquiry *, .contactus input, .contactus textarea, .contactus table{width:100% !important; height:auto}
	.logo{padding: 0; height: 53px !important; width: 100%; margin-left:10px}
	.logo a:last-of-type{ position:absolute; top:24px; right:50px}
	.logo img{max-height:initial; top:18px; width:60px}
	.logo span{left: 0; display: inline-block; top:0; font-size: 18px}
	.menu-home{ width: 100% !important;height: auto;bottom: 12px;}
	.menu-home a{padding: 0 !important}
	.menu-home .menu-home-tel span{ margin-right:-3px; display: none;}
	.menu-home a:first-of-type{ position:relative;left: 83px;top: 12px;width: 67%;font-size: 15px;}
	.menu-home-quote{height:30px !important}
	.search{ bottom:0; float:right; width:220px; top:-66px; left:127px }
	.search .fa-search{ color:#FFF}
	.search-box{left:0;left: -168px;}
	.intro-logo img{margin-bottom:40px; width:60% !important; height: auto !important; float: none}
	.intro-about, .intro-about *{width: 100% !important; height:auto !important; margin:0 !important;}
	.intro-logo1, .intro-logo2{width: 100% !important;display: flex !important;flex-flow: wrap;    justify-content: space-around;    justify-content: space-around;}
	.intro-logo1 a, .intro-logo2 a {width: 45% !important;}
	
	.intro-logo1 > a:nth-child(1){background-position: -1% 68% !important;}
	.intro-logo1 > a:nth-child(2){background-position: 33.5% 64% !important;}
	.intro-logo1 > a:nth-child(3){background-position: 69% 92% !important;}
	.intro-logo1 > a:nth-child(4){background-position: 99% 83% !important;}
	
	.intro-logo2 > a:nth-child(1){background-position: 1% -3px !important;}
	.intro-logo2 > a:nth-child(2){background-position: 46% !important;background-position: 46% !important;}
	.intro-logo2 > a:nth-child(3){background-position: 98% -3px !important;margin-top: 15px;}
	
	.cs_description::before{content: " ";position: absolute;background-color: rgba(42, 51, 110,.5);width: 325px !important;height: 239px;padding: 15px 50px;margin-left: 180px !important;font: 3.4em 'Helvetica Neue', Helvetica, Arial, sans-serif;color: #ffffff;text-shadow: 0 1px 2px rgb(0 0 0 / 30%);top: 77px;right: 0;opacity: 1;padding-left: 15px;text-align: left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;z-index: 50;bottom: 0;top: 71px;}
	.cs_description.mobile-banner > label.text-container > span.cs_title > span{font-size:34px;margin-bottom: 12px;line-height: 35px;width: 100%;}
	.cs_description.mobile-banner > label.text-container > span.cs_descr > span{font-size:16px;}
	.footer, .cs_arrowprev, .cs_arrownext, .cs_play_pause{display: none !important}
	.footer-above{padding-left: 10px}
	.footer-above > div > div{width:220px}
	.footer-above{display: none}
	
	.pop-up-45{ top:81%; height:auto}
	.pop-up-45-close{right: 30px; top: 20px;}
	.pop-up-45 > div > div p{ text-align:left}
	.pop-up-45 > div > div{ line-height:22px}
	.pop-up-45 > div p, .pop-up-45 > div p a{ font-size:13px}
	
	.dropdown:focus .dropdown-menu,.dropdown:hover .dropdown-menu{display:block !important; margin:0;left:0;position:relative;border-radius:0 !important;min-width: 100%;}
	td.gsc-search-button{ width:auto !important}
	.menu-home .menu-home-quote{ width:100%; top:32px}
	
	.text-block.disclaimer-text > div{ width:100%}
	.text-block.disclaimer-text > div > a{ width:100%; margin:5px 0}
	.tcs-block div{ line-height:20px}
	.tcs-block div input{ width:10% !important}
	
	/*=============== Mobile banner ==============*/	
	.home-banner{ height:auto;max-height:none;}
	.home-banner > div{ height: 339px; }
	.mobile-banner{  display:block !important; height: 340px; background:url(images/siemens-soiia-industrial-automation.jpg) no-repeat; background-size: cover;  position:relative}
	.mobile-banner .home-banner-title{ position:absolute;background-color: rgba(0, 0, 0, 0.5); bottom: 0;color: #fff; margin: 0; padding: 10px 0; font-size: 20px; line-height: 26px; left: 0; top: unset !important; width:100%;height: 56%;}
	.home-banner-title h1{ line-height:36px; font-size:36px; padding:0 15px}
	.home-banner-title p{ padding:0 15px}
	.csslider1 > .cs_description > label{ max-width:100% !important; left:0 !important; width:100%;}
	.csslider1 > .cs_description > label .cs_title{ margin-bottom:0 !important; padding-left: 15px;}
	.csslider1 > .cs_description > label .cs_descr{padding-left: 15px;}
	.csslider1 > .cs_description > label{bottom: 55px !important;}
	.banner-btn,.csslider1 > ul,.read-more-btn,.cs_skeleton{ display:none !important}
	.quick-enquiry-block{ position:fixed; display:block;bottom:1%;left: 4%; background-color:#2a336e;border-radius: 4px; z-index:9}
	.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;}
	.fa, .far, .fas {margin-right: 0px;}
	.top-menu-phone{margin:5px 0;}
	.intro-logo{display:block;padding: 17px 0;}
}

@media screen and (max-device-width: 1100px){
.back_page, page-title div, .electric-supplies-section,.electric-supplies-header, .intro-logo > div, 
.footer > div, .contactus, .footer-above > div {width:1000px !important;}
.intro-about > div:last-of-type > div{width:450px}
.nav > li{padding:9px 2% 4px 2%;}
.menu-top{margin-left: 25%}
.logo span{font-size: 1.2em}
}

.menu-top>label,#mobi-toggle, #navOverlay{display:none}
@media screen and (max-width: 600px){
.menu-top>label{display:block;}
.menu-top-container{position:absolute;top:0;height:120px !important;width:50px;padding:0px;transition:all 0.3s; margin-right:0;background-color: #fdc500; right:0}
.menu-top{position:relative;top:0;height:120px !important;width:50px;overflow:hidden;padding:0px;transition:all 0.3s; margin-right:0;background-color: #fdc500; max-width: initial !important;z-index: 99999999;}
#mainNav{padding:10px;overflow-y:auto;height:calc(100vh - 120px) !important; margin-top: 10px;
 position:relative; background-color: #fdc500;}
.menu-top>label{color:#fff;display:block ;height:120px !important;padding:0;position:relative;margin-bottom:0}
.menu-top>label>i{line-height:120px;text-align:center;width: calc(50px + 12px);transition:all 0.1s ease 0.3s; font-size:1.5rem; float:right}
#navOverlay{display:block ;width:100vw;height:100vh !important;background-color:rgba(0,0,0,0.8);position:fixed;top:0;right:120%;transition:all 0.25s ease-out 0.1s;z-index:9999999}
#mobi-toggle:checked ~ .electric-supplies-1 .menu-top>label i::before{content:"\f00d";font-size:2rem}
#mobi-toggle:checked ~ .electric-supplies-1 .menu-top{height:100vh !important; width:calc(250px + 30px); left:-250px}
#mobi-toggle:checked ~ * #navOverlay{right: 0;}
}