*{box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}
body,html{overflow-x: hidden;}
body {font-family:Arial, Helvetica, sans-serif; margin:100px 0 0 0; width:100%; font-size:62.5%; overflow-x: hidden; background-color:#f6f8f9}
a:link{color:#808080;}
a:visited{color: #808080;}
a:hover{ color:#005ca9;}
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,.menu-top>label,#mobi-toggle-search,.mobi-only,#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: inline-block; padding:12px; min-width: 150px; text-align:center; font-size:14px; background:#005ca9; border-radius:4px;  color: rgba(255,255,255,.8); text-decoration:none}

/*================== MAIN SECTION ============================*/
.back_page{ max-width:1140px; width:100%; font-size:16px; color:#000; top:0px; padding:15px; margin:auto;line-height: 1.8em;}
.back_page p{text-align:justify;}

.hydraulic-fittings{position:absolute; visibility:hidden; z-index:999999;}
.hydraulic-hoses-1{width:100%; height:120px; z-index:100;  background-color:#fff;box-shadow:0 0 10px 2px #ccc; top:0;
 position:fixed; display: flex; flex-wrap: wrap; align-items: center; padding-top: 10px;}
.hydraulic-fittings-header{ max-width:1140px; width:100%; margin:auto; display: flex; justify-content: space-between; align-items: center;}
.hydraulic-adaptors-2{ position:relative; max-width:1140px; margin:auto; width:100%;}
.hydraulic-adaptors-fittings{ width:100%}

/*================= MENUS ======================*/
.menu-top{ position:relative; width:55%; left:2%}

.menu-top label{display: none}
.nav{margin:0; padding:0; display: flex; flex-wrap: wrap; align-items: center;justify-content: space-between; width:100%}
.nav > li{float: left; position:relative; list-style:none}
.nav > li{color:#fff}
.nav > li > a{display:flex; align-items: center; color:rgb(0 92 169); text-transform:uppercase; font-weight:800;
 line-height:78px; /*line-height:120px;*/ font-size:1.2em; text-decoration:none; transition:all .5s; background-color:transparent !important; letter-spacing: 0.2em; }
.nav > li a:hover, .nav > li:hover > a{background-color:transparent !important; color:rgb(27 187 239) !important;}
.nav > li > a .fas{ font-size:6px; padding-right:10px}

.dropdown-menu li{position:relative; list-style: none; border-bottom: solid 1px #f8f8f8;}
.dropdown-menu li:last-of-type{ border-bottom:none}
.dropdown-menu .new-products{ background-color:#5fbdf0}
.dropdown-menu .new-products a{color:#fff !important}
.dropdown-menu .new-products a:hover{ color:#fff !important}
.dropdown-menu{padding:0; margin:0; display: none; background-color:rgb(255 255 255); min-width:250px; left:0; position:absolute; font-size: 14px;border-top: 4px solid #1bbbef; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding:5px 0 0;transition:all .5s; }
.dropdown-menu a{color:#323232 !important; transition:background-color .5s; padding:10px; text-decoration:none; white-space: nowrap;text-transform: uppercase; font-weight:bold; display: block; font-size:12px;transition:all .3s } 
.dropdown-menu li:hover a{color:#1bbbef!important}
.dropdown.contactus-link{ background-color:#005ca9; transition:all .3s}
.dropdown.contactus-link:hover a,.dropdown.contactus-link a{ color:#fff !important}
.dropdown.contactus-link:hover{ background-color:#1bbbef}

.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}
}



/*==================== LOGO =======================*/
.logo{position:relative; width:20%; top:-20px/*top:0*/}

.widget-container{width:16%;display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.widget-container .btn2{text-decoration: none; background-color:#005ea9; padding: 10px 20px; border-radius: 32px; font-size: 18px;  transition:all .3s; display:block; text-decoration:none; text-align:center}
.widget-container .btn2 a{ color:#fff; text-decoration:none}
.widget-container:hover .btn2{ color:rgb(1 174 240);}
.widget-container a{}

.top-register{max-width: 1140px; width:100%; display: flex;/*display:none;*/ position: relative; justify-content: flex-end; margin: auto;}
.top-register > div { }
.top-register > div > a{ font-size:11px; text-decoration:none; text-transform:uppercase; color:#404040; font-weight: bold; padding:12px 15px 12px 10px; display:inline-block; position:relative}
.top-register > div > a:first-of-type:before{ display:none}
.top-register > div > a:before{ content:""; position:absolute; height:14px; border: solid 0.5px #2e5da9;top: 50%; left:-5px; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}

.user-block > a{ font-size:11px; text-decoration:none; text-transform:uppercase; color:#2e5da9; font-weight: bold; padding:8px 10px; display:inline-block; position:relative;border: solid 1px #2e5da9; border-radius: 2px; margin-left: 4px; transition:all .3s;}
.user-block > strong{font-size:11px; color:#2e5da9; text-transform:uppercase; margin-right:10px}
.user-block > a:hover{ background-color:#2e5da9; color:#fff}
.user-block .fa{font-size: 20px;}
.user-block{ position:relative; display:flex; align-items: center;}
.user-block .signin-dropdown{ position:absolute;background-color:#ffffff; text-transform: uppercase;font-size:13px; width:260px; z-index:101; top: 50%; right: 50%; transform: translate(50%, 9%); display:none; border: solid 1px #dbdbdb; border-radius: 4px;    box-shadow: 0 0 10px 0px #ccc;padding: 15px;}
.user-block ul{ padding:0; margin:0}
.signin-dropdown:before{ content:"";border-style: solid; 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: 99%; right: 50%; transform: translate(-50% , -50%); z-index: -1;}
.signin-dropdown a:hover{ color:#2e5da9}
.signin-dropdown ul{ padding:0; margin:0}
.signin-dropdown ul li{ list-style:none; padding: 5px 0;}
.signin-dropdown ul li a{ color:#000; text-decoration: none; text-transform: capitalize;}
.signin-dropdown ul:nth-of-type(2){ border-top: solid 1px #000; border-bottom: solid 1px #000; margin: 10px 0; padding:10px 0}
.account-details > li > a{ display: flex; align-items: center;}
.account-details > li > a > span{ width:23px; height:25px; display:block; background:url(images/icons/accounts-details.png) no-repeat;background-size: cover;margin-right: 10px;}
.account-details > li:nth-of-type(2) > a > span{background-position-y: 100%;}
.account-details > li:nth-of-type(3) > a > span{background-position-y: 70%;}

.menu-cart-icons{ display:flex; position:relative;margin-left: 22px; }
.menu-cart-icons > a{ display:flex; flex-direction: column; align-items: center; text-decoration: none; font-size: 12px; color: #231f20;}
.basket-displaytotal{color: #5fbdf0; z-index:-1; font-size: 14px; font-weight: bold;position: absolute; left: 46%;  margin: auto; bottom:44%;}

/*===================== SEARCH ======================*/
.search{ position:relative; font-weight:normal;  height:32px; width:32px !important;padding:5px; border-radius:30px; font-size: 18px; border: solid 2px #2e5da9; background-color:#2e5da9}
.search a{ text-align:center; text-decoration:none}
.search a i{color: #fff}
.search .fa{margin: auto; width: 100%; height: auto; display:block}
.search .fa-window-close{opacity: .8; display: block; position: absolute; top: 3px; font-size: 22px; left: 3px; display:none}

.search-box{position: absolute; right:0px; padding:5px; top:100%; z-index:1; background-color:#fff; color: #fff; border-radius: 4px; font-size: 18px; width:100%; transition:all .3s;border-bottom: 4px solid rgb(46 93 169);}
.search-box input{border: none; padding:5px; width:100%; height:62px; color: #2e5da9; font-size: 32px; border-bottom: 1px #2d5ca8 solid;outline: 0;}
.search-box span{cursor: pointer;}
.search-box > div{ position:relative !important; max-width:780px; width:100%; margin:auto;padding-bottom: 15px; left:13%}
.search-box > div > span{ position:absolute; right:3px; float:right; height:40px; width:40px !important; border-radius:30px; font-size: 33px; border: solid 2px #2d5ca8; background-color:#2d5ca8; top:14px; display: flex; align-items: center; justify-content: center; padding-left: 3px; }
.search-box > div a{ color:#fff; display: block; width: 100%; text-align: center;}

.gsc-input{background: white; padding:0 !important}
.gsc-input *{border: none !important; padding:0 !important; box-shadow: none !important}
.gsc-search-box{ padding: 0px !important; height: 26px;}
.gsc-input-box{margin:0 !important; height:27px !important; width:165px; background-color: transparent !important}
.gsc-input{height:32px !important; border: solid 1px white; margin:0; margin-top:-5px !important}
.gsc-search-box input{height:auto !important; width:auto !important; background: none !important; font-size:.9em !important}
button.gsc-search-button, button.gsc-search-button:hover{background-color: #2A336E !important; border: none !important; border-radius: 0 !important;padding: 5px !important ;margin: 0 !important;}
#___gcse_0 > form > table.gsc-search-box > tbody > tr > td.gsc-search-button{opacity: 0}

.search ::-webkit-input-placeholder {color: white;}
.search ::-moz-placeholder{color: white;}
.search :-ms-input-placeholder {color: white;}
.search :-moz-placeholder {color: white;}

.search-box ::-webkit-input-placeholder {color: #2e5da9;}
.search-box ::-moz-placeholder{color: #2e5da9;}
.search-box :-ms-input-placeholder {color: #2e5da9;}
.search-box :-moz-placeholder {color: #2e5da9;}

#ExtContent_Popup .signin-dropdown{background-color:#ffffff; text-transform: uppercase;font-size:12px; width:100%;}
#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:nth-of-type(2){border-top:none; border-bottom: none;}
#ExtContent_Popup .signin-dropdown ul:nth-of-type(2) li{width:50%;border-right:1px solid #dbdbdb;}
#ExtContent_Popup .signin-dropdown ul li:nth-of-type(even){border-right:none !important}
#ExtContent_Popup .signin-dropdown ul:first-of-type li{ text-align:center}
#ExtContent_Popup .signin-dropdown ul .btn1{background-color: #266d96; min-width:150px; color:#fff}
#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:first-of-type li:first-of-type{ border-bottom:none; font-weight: bold; font-size: 16px;}
#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(2){display:flex;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li{width:50%;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.5s }

.pop-up-45{position: fixed; z-index: 999999999; bottom: 0; left: 0; width:100%; background:#b61500; height:43px; text-align:center; display: none}
.pop-up-45-close{position: absolute; right:0; 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}

.home-banner{ position:relative; max-width:1663px; width:100%;text-align:center; height: calc(100vw * 0.296); max-height:500px;    z-index: 1; display:flex; overflow:hidden; margin:auto}
.home-banner strong,.home-banner h1{ font-size:45px; margin:0; position:relative}
.home-banner strong::after,.home-banner h1::after{position: absolute; content: ""; height: 5px; bottom: -22px; margin: 0; left: 0; right: 0; width: 85px; background: #1bbbef;}
.home-banner strong b{ color:#1bbbef}
.home-banner h1 b{ color:#1bbbef}
.home-banner .btn-learn-more .fa{width:37px; height:36px; text-align: center; margin: auto; background-color: #0083d7; display: block; float: right; margin-left:20px; display: flex; align-items: center; justify-content: space-evenly;}
.home-banner .btn-learn-more{ display: table; color: #fff; border: solid 2px #0083d7; background-color: #1bbbef; position:relative; padding: 0 0 0 22px; font-size:14px;margin-top: 25px;transition:all .3s; font-weight:bold; text-transform:uppercase; line-height:36px; text-decoration:none}
.num0 .cs_title::after,.num0 .cs_title::before{ display:none}
.home-banner p{ margin:0}

.cs_title .cs_wrapper{font-size: 45px; font-weight: bold; line-height: 50px; position: relative; bottom: 22px; display: block;}
.cs_descr .cs_wrapper{ font-size:23px}
.home-banner::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;bottom: 0;right: 0;left: 0;background-image: linear-gradient(100deg,rgb(0 0 0 / 60%),rgb(0 0 0 / 30%) 39%,transparent);z-index:2; pointer-events: none;}

.intro-block{ display:table; background:url(images/hydraulic-cylinders.jpg) no-repeat; background-size:cover; width:100%; position:relative}
.intro-block > div{ max-width:800px; position:relative; margin:auto;top: 25px; left:-85px; display: flex; flex-wrap: wrap;
    padding: 0 20px; background-color: #2e5da9;}
.intro-block > div > div{ display:table; margin:auto; width:50%; color:#fff; text-align:center;background-color: #005ca9; padding:20px 10px;position: relative; min-height:389px }
.intro-video-block{display: flex !important; align-items: center;}
.intro-video-block iframe{ width:100%; display:block}
.intro-block > div > div > p{ font-size:16px; line-height:25px}
.intro-block > div > div > strong{ font-size:28px; font-weight:normal; position:relative;padding-bottom: 25px; display:block; margin:19px 0}
.intro-block > div > div > strong:before{ content:""; position:absolute;border-bottom: 3px solid #fff; width:30px; bottom: 0; left: 0; right: 0; margin:auto}
.intro-block > div > div > a{border: 1px solid #fff; color: #fff; padding:12px 10px; width:180px; border-radius:4px; display:block; margin:30px auto; text-decoration:none; font-size:16px; transition:all .3s;}
.intro-block > div > div > a:hover{ background-color:#fff; color:#232323}

.aboutus-intro{display:flex; flex-wrap: wrap;justify-content:space-between; margin-bottom: 40px; }
.aboutus-intro > div:last-of-type{ width:70%;}
.aboutus-intro > div:last-of-type > div{display:flex; flex-wrap: wrap;justify-content:space-between;}
.aboutus-intro > div:last-of-type > div > div{ width:70%}
.aboutus-intro > div h2{ color:#005fae; margin-top:0; line-height: 32px; font-size:28px}
.aboutus-intro > div ul{ padding:0; margin:0}
.aboutus-intro > div ul li{ list-style:none; color:#373737;padding:2px 0;}
.aboutus-intro > div ul li .fas{ color:#005fae; padding-right: 10px;}

.our-services-block{display:flex; flex-wrap: wrap;justify-content:space-between; position:relative}
.our-services-block:before{ position:absolute; content:""; top: 15px; left: 15px; width: 97.5%; height:91.5%; border: solid 1px #005ca9;}
.our-services-block > div{ width:33.33%; text-align:center; background-color:#fff; color:#00457f; padding:50px 15px}
.our-services-block > div h2{ font-weight:normal; font-size:22px}
.our-services-block > div:nth-of-type(2){ background-color:#f2f2f2}
.our-services-block > div p{ font-size:18px; line-height:28px; padding:0 20px}
.intro-text-block p{font-size:18px;color:#00457f;}

.intro-packages{ width:100%; display:table; padding-top:80px;}
.intro-packages > div{display:flex; flex-wrap: wrap;justify-content:space-between; max-width:1280px; width:100%; margin:auto}
.intro-packages > div > h2{ width:100%}
.intro-packages > div > div{ width:32%; margin-bottom: 4%;display: flex; flex-wrap: wrap;}
.intro-packages > div > div > div:last-of-type{ width:83%; margin-left: auto;}
.intro-packages > div > div > div .readmore-btn{ text-decoration:none; font-size:16px; color:#005ca9; font-weight: bold; border-bottom: 3px solid;}
.intro-packages > div > div > div:first-of-type{ width:100%; position:relative;transition: all .3s; overflow:hidden;height:238px; background:url(images/interpump-hydraulic-products.jpg); background-size:cover;}
.intro-packages > div > div:nth-child(2) > div:nth-child(1){background-position-x:50%;}
.intro-packages > div > div:nth-child(3) > div:nth-child(1){background-position-x:100%;}
.intro-packages > div > div > div:first-of-type a{ width:100%; display: table;}
.intro-packages > div > div > div:first-of-type:after{ content:""; position:absolute;background: rgba(34, 34, 34, 0.9); width:70px; height:100%; top:0; left:0;transition: all .3s;pointer-events: none; }
.intro-packages > div > div > div:first-of-type:hover:after{ width:100%}
.intro-packages > div > div > div h2{font-size:18px; margin:25px 0 15px;font-weight: normal;}
.intro-packages > div > div > div h2 a{ text-decoration:none;color:#222;}
.intro-packages > div > div > div span{position: absolute; top:49%; z-index: 1; left:4%;transition: all .3s;}
.intro-packages > div > div > div:hover span{ left:50%}
.intro-packages > div > div > div p{ font-size:16px; line-height:26px; min-height:105px; color:#888}
.intro-packages > div > div img{ display:block;transition: all .3s; background:url();}
.intro-packages > div > div:hover img { transform: scale(1.05);}
.intro-packages > div > h2{font-size:28px; width:100%; color:#fff}
.intro-packages > div > h2::before{content:""; background-color:#fff; display:inline-block; padding-left: 10px; margin-right: 15px; height:3px; width:50px; position: relative; top: -10px;}

.intro-new-products{ width:100%; display:flex; background-color:#f7f7f7; flex-wrap:wrap; padding:80px 0 25px;}
.intro-new-products > span{ width:75%;  margin: auto;}
.intro-new-products > span > a{text-align:center; display: flex; flex-wrap: wrap;justify-content: space-between;
align-items: baseline; text-decoration:none}
.intro-new-products > span a h2{ margin:0; color:rgb(78 156 211); font-size:50px}
.intro-new-products > div > div > div > span a{ font-size:16px; padding:15px; display:block}
.intro-new-products > span  a h2 strong{ color:rgb(46 93 169); }
.intro-new-products > span > a p{font-size: 20px; margin: 0; color:#333;margin-left: 8px;}

.business-block{ width:100%; display:table; background-color:#ebebeb; padding:25px 0;}
.business-block > div{ max-width:1280px; margin:auto; width:100%; display:flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.business-block > div > div:first-of-type > span{ color:#777874; font-size:26px; display:block; margin:22px 0; font-weight:bold}
.business-block > div a{ font-size:22px; text-decoration:none; text-transform:uppercase; display:flex; align-items: center; color:#005ca9}
.business-block > div > div > a > span{ display:table; width:46px; height:44px; background:url(images/icons/interpump-hydraulics-products.png); background-size: cover;}
.business-block > div > div:nth-of-type(3) > a > span{background-position-x: 51%; width: 50px;}
.business-block > div > div:nth-of-type(4) > a > span{ background-position-x: 100%;}
.business-block > div strong{ margin:0; font-weight:normal; font-size: 19px;padding-left: 10px;}

.new-products-block{ display:flex; justify-content:space-around;flex-wrap: wrap;}
.new-products-block > div{ width:50%; margin-top:20px}
.new-products-block > div img{ width:100%; display:block; height:auto; transition:all .3s;border: 1px solid #2e5da9; border-radius: 5px;}
.new-products-block > div h2 { text-align:center}
.new-products-block > div a:hover img{transform: scale(1.05);}
.new-products-block > div h2 a{ color:#fff; text-decoration:none; margin:auto; text-align:center}

.services-block{ display:table; width:100%; background-color:#f2f2f2;}
.services-block > div{ display:flex; justify-content:space-between;flex-wrap: wrap; max-width:1140px; margin:auto; padding: 50px 0;text-align:center}
.services-block > div > div{ width:31%;background-color: #ffffff; padding:25px 0px; border: 1px solid #CCCCCC; color:#444444}
.services-block > div > div > strong{ display:block; font-weight:bold; font-size:16px; margin:13px 0}
.services-block > div > div .icon-services{display:table; width:77px; height:77px; background:url(images/icons/interpump-services.png); background-size: cover; margin:auto}
.services-block > div > div:nth-of-type(2) .icon-services{background-position-x: 50%;}
.services-block > div > div:nth-of-type(3) .icon-services{background-position-x: 100%;}
.services-block > div p{height:95px; padding:0 10px;font-size: 17px; line-height: 25px;}
.services-block > div > div > .btn1{ background-color:#fe000c; color:#fff; border: solid 1px #fe000c;border-radius:0; font-weight:bold; text-decoration:none; text-transform:uppercase; font-size:17px; padding:10px 30px; margin-top:10px; transition:all .3s}
.services-block > div > div > .btn1:hover{ opacity:.9}
.services-block > div > div > span:last-of-type{ color:#444; font-size:16px; font-weight:bold; margin:13px 0; display:block}


.call-action{ width:100%; display:table; margin:auto}
.call-action > div{ max-width:900px; width:100%; margin:40px auto; display:table; text-align:center; font-size:24px; color:#005ca9}
.call-action > div h2{ font-weight:normal;line-height:55px; margin-top:0; text-transform: uppercase;}
.intro-btn{ background:#005ca9; padding:10px 45px; color:#fff !important; text-transform:uppercase; text-decoration:none; display: table; margin: auto; transition:all .3s; font-weight: bold;}
.intro-btn:hover{ background:#1bbbef}
.text-block-news {width: 74%;}

#Divider_NewsSnippets{width:22%; left:0; position: relative; z-index: 2; background-color: #fff;}
.snippet-img img{width: 100%; height: auto; object-fit: cover;}
.snippet-text strong{ display:block; height:40px; font-size:20px; margin:17px 0;}
.menu_blog{display: flex; flex-wrap: wrap; justify-content: space-around;}
.menu_blog_container > div > div > h2{ }
.menu_blog > div > div:last-of-type{ width:100% !important; float:left; font-size:13px; line-height:18px; padding:0 15px}
.menu_blog > div > div:first-of-type{height:173px; width: 100%; border-bottom: solid 1px #d4d4d4;}
.menu_blog > div{width:100%;}
.menu_blog > div > div{ width:100%;}
.menu_blog > div > div{ float:left !important; padding:0; line-height:19px; overflow:hidden; color:#202020; font-size:13px}
.menu_blog span{display:none!important;  width:125px;margin-top:10px; margin:auto; font-size:13px;padding-top: 20px; overflow:hidden}
.menu_blog span:first-of-type{ margin:auto; width:90%; padding:0; display:block !important}
.menu_blog span a{ font-size:11px; font-weight:700; margin:auto; text-transform: uppercase;}
.menu_blog .snippet-img{position: relative; height: 173px; background-size: cover; background-position: center;}
.menu_blog .snippet-img > p{position: absolute; z-index: -1; width: 100%; padding: 10px;}
.menu_blog .read-more{ height:10px !important; margin-top:7px}
.menu_blog a{ color:#1f427f !important;    text-decoration: none;}
.menu_blog .snippet-text > div{font-size: 15px; line-height: 20px;margin-bottom: 15px;}
.menu_blog a:hover{ color:#00619a !important}
.menu_blog .btn-news{ width:auto; border:solid 1px; border-radius:0; background-color:transparent; padding: 6px 10px; line-height: 20px !important; box-shadow:0 1px 1px 1px rgba(39, 50, 115,.3); text-align:center; width:100%; display:block}

.menu_blog-title{ width:100% !important; overflow:hidden !important; margin-bottom:5px; margin-right:0 !important; margin-top:0 !important; text-align:center; height:auto !important; box-shadow:none !important;margin-left: 0 !important; background-color: initial !important}
.menu_blog-title h2{ font-size:30px;width: 100%;  height: 33px;}
.menu_blog div .no-image{ width:100% !important}
.menu_blog div .no-image div{ width:247px !important}
.no_image{float:left !important}
.no-text{height: 361px !important}
.menu_blog .no-text .snippet-img{height: 360px !important}
.no-text-hide{display: none}

.facebook-block{ background-color:#2e5da9; display:table; width:100%}
.facebook-block > div{ width:100%; max-width:1280px; margin:auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding:50px 0}
.facebook-title{ width:23%}
.facebook-feed{ width:28.5%}
.special-block{ width:23%}
.special-block img{ width:100%; height:auto; display:block}
.facebook-feed iframe{ width:100%; display:block}
.facebook-title > span{ color:#fff; display:block}
.facebook-title > span:first-of-type{font-size: 26px; color: #fff; font-weight: 800; line-height: 32px;}
.facebook-title > span:last-of-type{font-size:16px; font-weight:800}

.brands-block{ width:100%; display:table; text-align: center;background-color: #d1d8de;}
.brands-block strong{ font-weight:bold; position:relative; font-size:40px; height:60px !important; margin-bottom:10px; margin-top:50px; display:block}
.brands-block strong b{ font-weight:normal}
.brands-block strong:before{content: ""; width: 8%; height: 6px; left:50%; top:100%;transform: translate(-50%, -50%); background: #1bbbef;  position: absolute;}
.brands-block > div{ max-width:1000px; width:100%; margin:auto; display:table; padding:35px 0}
.brands-block > div > div{ float:left; width:33.33%; display:inline-block; height:100px;transition: all 0.3s;}
.brands-block > div > div img{ height:60px; width:auto; display:block; margin:auto}
.brands-block > div > div > a{opacity: 1; transition: all 0.3s; display:table; width:100% }
.brands-block > div > div > a:hover{ transform: scale(1.05);opacity: 0.6;}
.brands-block > div > div > a > span{display:table; background:url(images/brands/interpump-brands.png) no-repeat; background-size:310%; width:200px; height:60px; margin:auto;background-position: 0 0}
.brands-block > div > div:nth-of-type(2) > a > span{background-position: 51% 0}
.brands-block > div > div:nth-of-type(3) > a > span{background-position: 100% 0}
.brands-block > div > div:nth-of-type(4) > a > span{background-position: 0 98%}
.brands-block > div > div:nth-of-type(5) > a > span{background-position:49% 98%}
.brands-block > div > div:nth-of-type(6) > a > span{background-position: 100% 98%}
.brands-block > div .btn1{ color:#fff;  text-decoration:none; font-size:16px; min-width:170px;background-color:#009bd3; transition:all .3s; margin:10px 0; position:relative }
.brands-block > div .btn1:hover{ background-color:#005ca9;}
.brands-block > div .btn1::before{z-index:9;content: ' '; position:absolute; left:0; right:0; bottom: -30px; margin-left:auto; margin-right:auto;height:0px; width:0px; border:solid #009bd3 15px; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent;transition:all .3s; backface-visibility: hidden;
}
.brands-block > div .btn1:hover::before{z-index:9;content: ' '; position:absolute; left:0; right:0; bottom: -30px; margin-left:auto; margin-right:auto;height:0px; width:0px; border:solid #005ca9 15px; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent;}

.sales-team-block{display:flex; flex-wrap:wrap; margin:20px auto}
.sales-team-block > div{ width:31%; position:relative; margin:15px 12px}
.sales-team-block > div > span{ padding:5px 0; position:absolute; bottom:0; width:100%; text-align:center; background-color: #58aff0; color: #fff; }
.sales-team-block > div > span p{ margin:0 0 0 0;width: 100%; text-align: center;}
.sales-team-block > div img{ width:100%; height:auto; display:block}

.page-title{ width:100%; position:relative; background:url(images/industrial-hydraulic-components-banner.jpg) no-repeat;background-size: cover; display:table; height:230px; padding:40px 0; z-index:1}
.page-title:before{background: rgba(17,17,17,0.55);position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: ""; z-index:-1}
.page-title > div {max-width:1140px; margin:auto; display:table; width:100%}
.page-title > div h1{ font-size:38px; letter-spacing:0.8px; color:#fff; margin:0}
.page-title > div p{color: #f0f0f0; font-size:18px; line-height:25px}
.page-title > div ul{ padding:0}
.page-title > div ul li{ list-style:none;padding-right:10px; float:left; position:relative}
.page-title > div ul li a{ text-decoration:none; color:#fff; font-size:14px; text-transform: uppercase; line-height:23px}
.page-title > div ul li .btn1{ padding:8px 38px; border-radius:0; background:#1bbbef}
.contactus-title{ background:url(images/contactus-banner.jpg) no-repeat;background-size: cover;}
.industrial-hydraulic-banner{ background:url(images/industrial-hydraulic-components-banner.jpg) no-repeat;background-size: cover;}
.hose-fitting-banner{ background:url(images/hose-fittings-hose-assembly.jpg) no-repeat;background-size: cover;}
.hydraulic-cylinders-banner{ background:url(images/hydraulic-cylinders-banner.jpg) no-repeat;background-size: cover;}

.products-bg{ background-color:#fff;}
.products-block{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:30px 0}
.products-block > div{ width:48%}
.products-block > div h2{ font-weight:normal; text-transform:uppercase; color:#005ca9; position:relative; display: flex; margin-top:0px; height:60px}
.products-block .h2-hight h2{ height:90px}
.products-block > div h2::before{ content:""; position: absolute; bottom:8px; left: 0; width: 70px; height: 4px; background-color: #1bbbef;}
.products-block > div img{ width:100%; height:auto; display:block}

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

.product-request{display:flex;flex-wrap: wrap; justify-content: space-between; margin-top:20px}
.product-request > div{ width:48%}
.product-request table{ margin:0; padding:0; width:100%}
.product-request table tr td{ width:100%; display:block}
.product-request > div iframe{ width:100%; display:block}

.contactus-block{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:30px}
.contactus-block > div{ border: 1px solid #ddd;height: 580px;}
.quick-contact-block{ background:url(images/interpump-southafrica-contactus.jpg) no-repeat; width:40%; display:table; padding:45px 30px 10px; background-size: cover;}
.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;}

.sale-person{display:flex; flex-wrap:wrap; justify-content:space-between; padding: 20px 0; margin-top:40px }
.sale-person > strong{ position:relative; font-weight: normal; text-align:center; width:100%; display:table; font-size: 22px}
.sale-person > strong:after{ content:""; position:absolute; background-color: #ddd; height: 1px; width:33%; right:0; top: 0; bottom: 0; margin: auto;}
.sale-person > strong:before{ content:""; position:absolute; background-color: #ddd; height: 1px; width:33%; left:0;top: 0; bottom: 0; margin: auto;}
.sale-person > div{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.sale-person > div > div{ width:10%; margin-top: 20px;}
.sale-person > div > div:first-of-type{ width: 23%}
.sale-person > div > div strong{ color:#0060a9; padding-bottom: 10px; }
.sale-person > div ul{ padding: 0; margin: 0;display: flex; flex-wrap: wrap; justify-content: space-between;}
.sale-person > div li{ list-style: none}
.sale-person > div li a{ text-decoration: none}
.sale-person strong{ width: 100%}

.enquiry{width:57%;padding:42px 30px}
.enquiry p{ 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"]{ border: solid 1px #ccc; 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}

.tcs-block div{display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center;}
.tcs-block div input{ width:4%;height: 25px;}
.tcs-block div > label{ width:93%;font-size: 14px;}
.tcs-block div a{color: #2d5ca7 !important; font-weight: normal;}

.disclaimer-text ul,.disclaimer-text ol{ padding:0 0 0 20px; margin:0}
.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;}

.contactus-extra-info{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px;}
.contactus-extra-info > div{ width:48%; margin-bottom: 34px;  padding: 40px; background: #ffffff; box-shadow: 0 0 29px #efeded;}
.contactus-extra-info > div h2{ font-weight:normal; font-size:22px; margin-top:0}
.contactus-extra-info > div ul{ padding:0; margin:0;margin-bottom: 30px; height: 200px;}
.contactus-extra-info > div iframe{ display:block}
.contactus-extra-info > div ul li{ list-style:none; color:#888; margin-bottom: 10px; display:table; width:100%}
.contactus-extra-info > div ul li a{ text-decoration:none}
.contactus-extra-info > div ul li .fas{font-size: 14px; padding-right: 10px; color: #222; border: 1px solid #ddd; display: block; text-align: center; padding: 12px; height: 40px; width: 40px; margin-right: 10px; border-radius: 100%; float:left}

.download-datasheet{display: flex;justify-content: space-between; flex-wrap:wrap; margin-top: 20px}
.download-datasheet > div{background-color: #f5f3f2; width:47%;margin:20px 0; box-shadow: 0 0 10px 2px #ccc; transition:all .3s }
.download-datasheet > div:hover{ box-shadow:none}
.download-datasheet > div:hover > a > span:last-of-type{ align-items: center;}
.download-datasheet > div > a{ display: flex; justify-content: space-between;  color:#254180;align-items: stretch; border-radius: 4px; overflow: hidden;text-decoration: none; }
.download-datasheet > div > a > span strong{ line-height:24px; display:block; font-weight: normal; font-size: 18px;}
.download-datasheet > div > a > span:first-of-type{ font-size:36px; display: flex; align-items: center; padding: 0 18px;}
.download-datasheet > div > a > span:nth-of-type(2){ width:80%; padding: 15px 0;}
.download-datasheet > div > a > span:last-of-type{display: flex; align-items: flex-end; padding: 15px 8px; background-color: #254180; color: #fff; transition:all .3s }

/*===================== 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 4040 ==========================*/
.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{ color:#fff; width:100%;  background-color:#009bd3; display:table; padding:35px 0 0px}
.footer > div{display:flex; flex-wrap:wrap; width:100%; max-width:1140px; margin:auto; text-align:left; justify-content: space-between;}
.footer > div > div:first-of-type{ border-bottom: 1px solid #00b1f1;margin-bottom: 20px; padding-bottom: 10px;}
.footer > div > div:first-of-type { margin-top:8px; justify-content: space-between; width: 100%;}
.footer > div > div:first-of-type a{display: flex; align-items: center; margin: 10px 0;}
.footer > div > div:first-of-type a strong{ padding:6px 8px 4px 8px; font-weight:normal; font-size:17px; text-transform: uppercase; margin:0; display:block}
.footer > div > div:first-of-type > a strong:hover{height: 100%;  border-radius: 4px; background: rgb(255 255 255 / 20%);}
.footer > div > div > div .fab{margin-right: 10px;font-size: 25px; margin-top: 4px;}
.footer > div > div > div{ font-size:16px;display:flex; line-height: 24px; flex-wrap:wrap;}
.footer-logo{flex-direction: column;}
.footer-logo > a{ width:100%}
.footer-logo > a:last-of-type{margin-top:5px; padding: 0 5px;}
.footer-logo > a:last-of-type:hover{border-radius: 4px; background: rgb(255 255 255 / 20%);}
.footer > div > div > div span a,.footer > div > div > div span{ display: contents;}
.footer > div > div > div .fas{margin-right: 10px;}
.footer > div > div > div ul{flex-wrap: wrap;}
.footer > div > div > div ul > li{ width:100%}
.footer > div > div > div ul > li:last-of-type{ margin-top:10px}
.footer > div > div > div:last-of-type{ width:26%}
.footer > div > div:last-of-type li{ padding:2px 5px 0 5px; margin-right:15px;}
.footer > div > div:last-of-type li:last-of-type{ margin-right:0}
.footer > div > div:last-of-type li,.footer > div > div:last-of-type li a{ font-size:14px}
.footer > div > div:last-of-type li{padding-bottom: 2px;}
.footer > div > div{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%}
.footer > div a{ color:#fff; text-decoration:none}
.footer > div > div ul{ padding:10px 0; margin:0; display:flex}
.footer > div > div ul li{ list-style:none; transition:all .3s}

.footer-regions,.footer-bottom{padding: 12px 0; display: table; width: 100%;border-top: solid 1px #2ebde9}
.footer-bottom{ border-top: solid 1px rgba(16, 28, 68, 0.21)}
.footer-regions ul,.footer-bottom ul{ padding:0; max-width:1140px; margin:auto; width:100%; display:table}
.footer-regions ul strong{ display:block; font-size:12px;margin-bottom: 3px;}
.footer-regions li, .footer-bottom li{ float:left; padding-right:20px; list-style:none;color:#fff; font-size:12px}
.footer-regions ul:first-of-type{margin-bottom: 8px;}


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

@media screen and (max-width: 1280px){
	.back_main, .back_page, .section
	, .footer > div, .hydraulic-adaptors-fittings, .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:72%}
	.nav > li > a{ padding:0 19px !important}
}

@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} 
	
}

@media screen and (max-width:599px){
	.back_page{padding:15px !important;}
	body{display: block; margin-top:110px}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	img{max-width: 100%; height: auto}
	.logo{width:44%; margin:0; top:0 }
	.widget-container a{ font-size:14px; padding:0}
	.hydraulic-hoses-1{ height:110px}
	.hydraulic-adaptors-2, .hydraulic-adaptors-fittings{width:100%;}	
	.hydraulic-fittings-header{ width:calc(100% - 50px); float:right;height:70%; flex-wrap: wrap; margin-right: 0; padding:0 10px}
	.widget-container{width:47%; border-radius:0;position: absolute; bottom: 0; right: 0; padding:10px}
	.widget-container .btn2{ font-size:14px}
	.search{display: flex; align-items: center; justify-content: space-around;}
	.new-products-block > div{ width:100%}
	.business-block > div{ padding:0 15px}
	.business-block > div > div > span{ margin:0}
	.business-block > div > div:nth-of-type(3) > a > span{ width:46px}
	.business-block > div > div{margin: 5px 0;}
	.intro-block > div{ width: 77%; left:0;padding: 0px 10px;}
	.intro-block > div > div{ width:100%; padding:0}
	.intro-packages > div > div{ width:100%; margin-bottom: 10%;}
	.intro-packages > div > div > div:last-of-type{ padding-right:15px;}
	.services-block > div > div{ width:100%; margin: 8px 0;}
	.services-block > div{padding: 30px 15px;}
	.services-block > div p{ height:unset}
	.brands-block > div > div > a > span{ width:155px; height:50px}
	.brands-block > div > div{ height:70px;width: 50%;}
	
	.intro-new-products > span > a img{ display:none}
	.facebook-block > div > div{ width:100%; margin-top:20px}
	.facebook-block > div{ padding:30px 15px}
	.menu-side{ display:none}
	.text-block-news{ width:100%}
	
	.page-title{ padding:15px 0; height:unset}
	.page-title > div{ padding:0 15px}
	.page-title > div h1{ font-size:20px}
	.page-title > div ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0;}
	.page-title > div ul li .btn1{ min-width:100px;padding: 8px 12px;}
	.page-title > div p{ margin:10px 0}
	
	.product-request > div iframe{height: 263px;}
	.product-request > div{ width:100%; margin-bottom:20px}
	
	.aboutus-intro > div:last-of-type > div > div,.contactus-extra-info > div,.enquiry,.quick-contact-block,.aboutus-intro > div:last-of-type,.our-services-block > div,.products-block > div{ width:100%}
	.products-bg .products-block > div:last-of-type, .products-block > div:first-of-type{order: 1;}
	.products-block > div h2{ font-size:20px; height:unset}
	.call-action > div h2 br,.products-block > div h2::before{ display:none}
	.call-action > div h2{ line-height:32px; font-size:28px}
	
	.division-logo{display: flex; flex-wrap: wrap; justify-content: space-between;}
	.division-logo > div{ margin-right:0; width:48%}
	
	.our-services-block:before{ right: 15px; width: 92%; height: 95%;}
	.our-services-block > div h2{ margin-top:0}
	.aboutus-intro img{ margin:auto}
	.aboutus-intro > div h2{ margin-top:revert}
	.contactus-block > div{ height:unset}
	.enquiry{ padding:20px 10px;margin-top: 20px;}
	.contactus-extra-info > div{ padding:15px}
	.enquiry .btn1{ width:100%}
	
	.download-datasheet > div{width: 100%}
	
	/*=============== Search Toggle ==============*/	
	#mobi-toggle-search:checked ~ * .search-toggle{top:0px; transition: all 0.25s}
	#mobi-toggle-search:NOT(checked) ~ * .search-toggle{top:-100px;transition: all 0.25s}
	.search-toggle{background-color: #fff;width: 100vw;overflow:hidden;transition:all 0.25s;order:2; display: flex; flex-direction:row;justify-content:center;align-items: center;position:fixed; left:0; padding:0 4px; height:80px;z-index:10000; transform-origin: bottom center; }
	.search input{height: 30px;}
	mobi-toggle-search-btn{ flex-shrink: 0; width: 32px; height:32px; font-size: 20px; background-color:#231f1e; color: #fff; border-radius: 32px; justify-content: center; align-items: center; display: flex !important; margin:0}
	mobi-toggle-search-btn-close{ flex-shrink: 0; width: 34px; height: 40px; display: flex; font-size: 20px; background-color:#231f1e; color: #fff; border-radius: 2px; justify-content: center; align-items: center; display: flex !important; margin: 0 8px; }
	
	/*=============== Mobile banner ==============*/	
	.home-banner{ height:auto;max-height:none;}
	.home-banner > div{ height: 339px; width:100% }
	.mobile-banner{  display:block !important; height: 340px; background:url(images/telescopic-cylinders.jpg) no-repeat; background-size: cover;  position:relative}
	.csslider1 > .cs_description > label{ top:27% !important;}
	.mobile-banner:before{ content:""; position:absolute;background-color: rgba(0, 0, 0, 0.5) !important; bottom: 0;color: #fff; margin: 0; padding: 10px 0; font-size: 20px; line-height: 26px; left: 0; top: unset !important; width:100%;height:73%;}
	.home-banner strong, .home-banner h1{ line-height:32px; font-size:26px; padding:0 15px; margin-top: revert; color: #fff;}
	.home-banner strong, .home-banner h1 a{ color:#fff !important}
	.home-banner strong br, .home-banner h1 br{ display:none}
	.home-banner p{ color:#fff; line-height:24px; margin:0}
	.csslider1 > .cs_description > label{ max-width:100% !important; left:0 !important; width:100%; transform:unset !important; padding:0 !important}
	.cs_descr .cs_wrapper{font-size: 18px; padding: 0 15px; line-height: 22px;}
	.cs_title .cs_wrapper,.csslider1 > .cs_description > label .cs_title{ width:100%}
	.csslider1 > .cs_description > label .cs_title{ margin-bottom:0 !important}
	.banner-btn,.csslider1 > ul,.read-more-btn,.cs_skeleton{ display:none !important}
	.quick-enquiry-block{ position:fixed; display:block;bottom:2%;left: 4%; background-color:#005ca9;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;}
	.cs_descr .cs_wrapper br,.home-banner h2::after, .home-banner h1::after,.home-banner::before,.home-banner .btn-learn-more,.csslider1 > .cs_arrowprev > label span:after, .csslider1 > .cs_arrownext > label span:after{ display:none !important}


	/*=============== 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}
	
	.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%}

	/*=============== 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%;}
	.nav > li > a{ color:#fff !important; width:100%; line-height: 40px;}
	.nav > li{ width:100%}
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center}	
	.menu-top{position: absolute; top: 70px; width: 100%}	
	.dropdown-menu{margin-left: 20px}
	.dropdown-menu a{white-space: normal;}
	.dropdown.contactus-link {background-color: #1bbbef;}	
	.top-header, .top-tel{display:none !important}
	.footer{ padding:15px 15px 50px;}
	.footer > div > div > div{ width:100% !important}
	.footer-regions{ display:none !important}
	.footer > div > div ul{flex-wrap:wrap}
	.footer > div > div{ position:relative}
	.footer > div > div h3{ margin:0}
	.footer > div > div:last-of-type > ul:last-of-type{ position:absolute; position: absolute; right: 0; bottom: 0;}
}

@media screen and (max-width: 599px){
	.menu-top{ background-color:#005ca9; width:250px;position:fixed;top:0;height:110px;width:50px;overflow:hidden;padding:0px;transition:all 0.3s;z-index:100; left:0}
	#mainNav{padding:10px;overflow-y:auto;height:calc(100vh - 110px)}
	.menu-top>label{color:#fff;display:block;height:102px;padding:0;position:relative;margin-bottom:0}
	.menu-top>label>i{font-size: 1.5rem;color:#fff;line-height:110px;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 ~ .hydraulic-hoses-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
	#mobi-toggle:checked ~ .hydraulic-hoses-1 .menu-top{height:100vh;width:250px}
	#mobi-toggle:checked ~ * #navOverlay{transform:translate(0)}
}