*{box-sizing: border-box}
* [onclick] {cursor: pointer; }
body {font-family:Arial, Helvetica, sans-serif; margin:113px 0 0 0; width:100%; font-size:62.5%; overflow-x: hidden;}
a:link{color:#808080;text-decoration: none}
a:visited{color: #808080;}
a:hover{ color:#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}
.mobi-only,.quick-enquiry-block,.menu-top>label,#mobi-toggle,#navOverlay,.item-hide{display:none}
.ecat-value{box-sizing: content-box; visibility:hidden;position:absolute; max-width:100px; top:0; left:0; z-index:-1}

.btn1{display: inline-block; padding:12px; min-width: 150px; text-align:center; font-size:14px; font-weight:bold; background:#F5631A;  border-radius:4px;  color: rgba(255,255,255) !important}


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

.section {position:absolute; visibility:hidden; z-index:999999;}
.section-1{width:100%; z-index:100; position: fixed; top: 0;border-bottom: 2px solid #E5201C; }
.menu-top-header{ max-width:1663px; margin:auto;background-color: #2B2B2B;}
.menu-top-header > ul{ max-width:1280px; margin:auto; display: flex; justify-content: flex-end; flex-wrap: wrap}
.menu-top-header > ul > li{padding: 0; list-style: none; position: relative}
.menu-top-header > ul > li span,.menu-top-header > ul > li a{display: flex; list-style: none; padding:  12px 15px; font-size: 12px; 	color: #fff; position: relative; cursor: pointer;flex-wrap: wrap;column-gap: 5px}
.section-2{ position:relative; width:100%;}
.section-section{ max-width:1280px; margin:auto auto;}
.menu-top-container{background-color: #fff;}
.menu-top-container > div{display: flex; justify-content: space-between; flex-wrap:wrap; max-width: 1280px; margin: auto; height: 100%; align-items: center;}

.section-1.custom-menu-scroll-down{background: #fff; box-shadow: 0 0 10px 2px #ccc;}
.section-1.custom-menu-scroll-down .bg-logo{display: block}
.section-1.custom-menu-scroll-down .white-logo,.section-1.custom-menu-scroll-down .menu-top-header{display: none}
.section-1.custom-menu-scroll-down .menu-top-header > ul > li span, 
.section-1.custom-menu-scroll-down .menu-top-header > ul > li a, .section-1.custom-menu-scroll-down .nav > li > span,.section-1.custom-menu-scroll-down .nav > li > a{color: #313030}



/*================= MENUS ======================*/
.menu-top{ position:relative;}
.menu-top label{display: none}
.nav{margin:0; padding:0}
.nav > li{float: left; position:relative; list-style:none}
.nav > li{color:#fff;}
.nav > li > span,.nav > li > a{color:#313030;text-transform:uppercase;padding: 27px;font-size: 1.6em;text-decoration:none;transition:all .3s;background-color:transparent;display: flex;cursor: pointer;border-bottom: 1px solid transparent;margin: 0 15px;}
.nav > li > a:hover, .nav > li:hover > a,.nav > li:hover > span{border-bottom: 1px solid rgb(255 26 37)}
.nav > li .fa-fw{color: #E5201C; margin-top: -2px; margin-left: 5px;}
.contactus-btn{background-color: #E5201C}
.contactus-btn a{color: #fff!important;margin: 0!important}

.dropdown-menu li{position:relative; list-style: none;border-bottom:1px solid #f1f1f1}
.dropdown-menu li:last-of-type{border:none }
.dropdown-menu{padding:0; margin:0; display: none; background-color:#fff; min-width:250px; left:20px; position:absolute; font-size: 14px;z-index: 90}
.dropdown-menu a{transition:background-color .3s; display: block; padding: 10px}
.dropdown-menu li:hover a{color:rgb(255 26 37)}
.top-menu-dropdown {min-width: 220px;left: 10px}
.top-menu-dropdown li {width: 100%;}
.top-menu-dropdown li a{width: 100%;color: #2b2b2b!important}

.dropdown-main-menu{}
.dropdown-main-menu{ position: absolute; width: 50vw; background-color: #fff; margin: auto; right: -100%;display: none; z-index: 1;justify-content: space-between; box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .08);}
.dropdown-main-menu.dropdown-main-menu-2{width:40vw; }
.dropdown-main-menu strong{font-size:18px; display: block; margin: 18px 0 10px;; font-weight: normal; position: relative; color: #000; width: 100%}
.nav > li:last-of-type .dropdown-main-menu{left:unset; right:0}
.dropdown-main-menu .dropdown-menu{position: unset;width:58%;border-top:none; flex-wrap: wrap; background-color: transparent; box-shadow:none; align-content: flex-start; padding: 10px; justify-content: space-between;}
.dropdown-main-menu-2 .dropdown-menu{width: 50%}
.dropdown-main-menu .dropdown-menu li{width: 100%; border: none}
.dropdown-main-menu-2 .dropdown-menu li{width: 100%}
.dropdown-main-menu .dropdown-menu a{color:#000; font-size: 16px;}
.dropdown-main-menu > div{width: 50%; color:#313030; position: relative; padding: 15px; display: flex; flex-wrap: wrap; justify-content: space-around; background-color: #ededed}
.dropdown-main-menu > div img{width: 100%; display: block; height: auto}

/*.dropdown-main-menu-2 > div{width: 58%}
.dropdown-main-menu > div:before{content: ""; background: rgb(0 0 0 / 65%); position: absolute; left: 0; top: 0; width: 100%; height: 100%}*/

.dropdown-main-menu > div > a{background: #de242a; color: #fff; font-weight: bold; position: relative; padding: 13px 26px; font-size: 16px; border-radius: 5px;}
.dropdown-main-menu > div > p{font-size: 16px; position: relative; line-height: 24px; color: #575757; margin: 0}


/*================ Dropdown ===================*/
@media screen and (min-device-width: 768px){	
	.active{border:solid 1px #fff}
	.dropdown:hover:not(.CLOSEDROPDOWN) .dropdown-main-menu,.dropdown:hover:not(.CLOSEDROPDOWN) .dropdown-menu{display:flex; flex-wrap: wrap}
}

/*==================== LOGO =======================*/
.logo{position:relative;float:left;width:16%;clear:left;top: 0;}
.logo img{ width:100%; height: auto; display: block}

.widget-container{width:20%; float:left;}

/*===================== SEARCH ======================*/
.search{ position:relative; float:left;  font-weight:normal;  height:25px;}
.search div{position:relative; float:left; border:1px solid #D6D2D2; border-bottom-left-radius:5px; border-top-left-radius:5px; width:50%; height:17px; padding:3px; padding-left:5px; padding-top:1px;}
.search a{color:#404040; position:relative; float:left; width:24px; height:15px; top:0px;  text-align:center; padding:4px;  background-color:#D6D2D2; color:#fff; border-bottom-right-radius:5px; border-top-right-radius:5px; text-decoration:none;}
.search a:hover{text-decoration:none; color:#DA251C;}
.search input{ position:relative; float:left; background-color:transparent; border:none !important; color:#999999;}

/*Google Custom*/
.search-box > div{ position:relative !important; float:right; }
.search-box > div > span{ position:absolute; right:0px; float:right;  z-index: -1; font-size:22px; }

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

.home-banner{display: flex;margin: auto;position: relative;max-width: 1663px;width: 100%; overflow: hidden;flex-wrap: wrap;}
.home-banner:before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(28, 29, 31, .8), rgba(29, 29, 29, 0) 26.21%), rgba(28, 29, 31, .6); opacity: 1 !important;}

.home-banner img{width: 100%; height: auto; display: block}
.home-banner video{min-width: 100%;min-height: au;object-fit: cover;}
.home-banner > span{ position: absolute; color: #fff; left: 33%; top: 60%; margin: auto; max-width: 1280px; width:50%; transform: translate(-50%, -50%); }
.home-banner > span h1{font-size: 60px;line-height: 65px;font-weight: normal;}
.home-banner > span p{font-size: 20px}
.home-banner > span p a{color: #ffe6e6; text-shadow: 0 0 20px #ffffff; text-shadow: 0 0 #cb0000, -1px 0 #cb0000, 0 -1px #cb0000, 0 1px #cb0000;}
.home-banner > span p a:hover{ text-shadow: 0 0 20px #ffffff;}
.home-banner > span > strong{font-size: 20px;}

.banner-menu{bottom: 0; width: 100%; left: 0%; position:absolute; z-index:1;border-top: 1px solid #ffffff4d;  max-width:1140px; margin:auto; right:0}
.banner-menu ul{ padding:0; margin:0; flex-wrap:wrap; display: flex; justify-content: space-around;}
.banner-menu ul li{ list-style:none; width:25%; border-top: 5px solid transparent; transition:all .3s}
.banner-menu ul li:first-of-type{ border-top: 5px solid #fe000c}
.banner-menu ul li:hover{ border-top: 5px solid #fe000c}
.banner-menu ul li a{ color:#fff; padding:15px 20px 20px; display:block; text-decoration:none; font-size:16px}

.csslider1 > .cs_description > label .cs_title{ font-size:40px !important; line-height: 46px;}
.csslider1 > .cs_description > label .cs_title strong{font-size: 20px !important; width: 100%;display: block;color: #ffe7da; position: relative;font-style: italic;top: -15px;font-weight: normal;}


/*---Home intro ----*/
.homepage-bg{background-color: #f0f0f0;width: 100%; margin: auto;background: url("images/home-products-background.webp") no-repeat;position: relative;background-size: cover; background-attachment: fixed;}
.homepage-bg:after{content: "";background-color: rgb(240 240 240 / 27%);position: absolute;height: 100%;width: 100%;top: 0;}
.home-intro{max-width: 1300px;margin:0px auto;padding: 60px 0;text-align: center;z-index: 99;position: relative;}
.home-intro > h2{width: 100%;text-align: center;position: relative;color: #000;font-size: 32px;font-weight: bold;margin: 0}
.home-intro > h2:after{ content: ""; position: absolute; width: 100px; height: 2px; background: #E5201C; margin: auto; left: 0; right: 0; bottom: -30%;}
.home-intro > p{color: #2B2B2B;font-size: 22px;line-height: 34px;font-weight: 200;margin: 40px auto 20px;}
.home-intro > span{width: 100%;}
.home-intro > .intro-text{color:#E5201C;}
.homepage > p:nth-of-type(2){margin-top: 30px;}
.home-intro > p > a{color: #E5201C}

.home-products{display: flex;flex-wrap: wrap;justify-content: space-between}
.home-products > div {width: 16%;border: 1px solid #d0d0d0;border-radius: 5px;background-color: #fff;transition: all .3s;box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);}
.home-products > div > div:first-of-type {padding: 10px}
.home-products > div img{width: 100%;height: auto;display: block;transition: all .3s;}
.home-products > div:hover img{transition: all .3s;transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05);}
.home-products > div > h2{color: #2B2B2B;font-size: 23px;}
.home-products > div > h2 a{color: #2B2B2B;width: 100%;font-weight: normal;display: block;text-transform: capitalize;}
.home-products > div:hover > h2 a{color: #F5631A;}

.home-services-block{color: #fff;background: url("images/bosworth-conveyor-scraper-banckground-image.webp") no-repeat;position: relative;background-size: cover;}
.home-services-block:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgb(43 43 43 / 90%);opacity: 1 !important;}
.home-services-block > div:first-of-type{display: flex;flex-wrap: wrap;max-width: 1280px;margin: auto;padding: 40px 0 21%;position: relative;}
.home-services-block > div:first-of-type > div{width: 33%;padding: 15px;display: flex;flex-wrap: wrap;font-size: 18px;justify-content: space-between;}
.home-services-block > div:first-of-type > div > div:nth-child(1){width: 70%;}
.home-services-block > div:first-of-type > div > div:nth-child(2){width: 29%;align-items: stretch;display: flex;justify-content: center;font-size: 29px;border-right: 1px solid #808080;}
.home-services-block > div:first-of-type > div > div:nth-child(2) > a{width: 100%;text-align: center;color: #fff;font-size: 38px;}
.home-services-block > div:first-of-type > div > div:nth-child(1) > a strong{color: #fff;margin-top: 30px;font-size: 22px;display: inline-block;}
.home-services-block > div:first-of-type > div > div:nth-child(1) > a:hover strong{color: #Fff}
.home-services-block > div:first-of-type > div > div:nth-child(1) > p{font-size: 16px;line-height: 25px;}
.home-services-block > div > div:nth-child(2) > div:nth-child(2) > a {width: 43%;}
.home-services-block > div > div:nth-child(2) > div:nth-child(2) > a > img{width:100%;height:auto;display:block;filter:invert(1)}
.home-services-block > div > div:last-of-type > div:nth-child(2){border-right: unset}

.home-service-bio {color: #000;}
.home-service-bio > div{display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 1280px;position: relative;margin: -19% auto 0;padding: 40px 0;}
.home-service-bio > div > div{width: 52%;border-radius: 40px;overflow: hidden;}
.home-service-bio > div > div:nth-of-type(1){padding: 40px;background-color: #f0f0f0;align-content: center}
.home-service-bio > div > div:nth-child(1) > strong{display: block;font-size: 40px;margin-bottom: 20px;font-weight: normal}
.home-service-bio > div > div:nth-child(1) > span{display: block;font-size: 16px;font-style: italic;color: #2B2B2B}
.home-service-bio > div > div:nth-child(1) p{font-size: 18px;line-height: 33px;color: #2B2B2B}

.home-service-bio > div > div:nth-child(2) {width: 46%;}
.home-service-bio > div > div:nth-child(2) > img{display: block;width: 100%;height: auto}

/*--- page title ---*/
.page-title{display:flex;background-color: #2B2B2B;position:relative;z-index:1;}
.page-title > div{ max-width:1280px; width: 100%; display: flex; flex-wrap: wrap; position: relative;margin:0 auto; }
.title-block{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; position:relative; align-items: center; padding:40px 15px; border-radius: 10px;}
.title-block > div{ color:#fff; width:100%}
.title-block > div h1{color: #fff;font-size:52px;line-height:46px;margin-top: 21px;margin-bottom: 0;}
.title-block > div ul{ display:flex; padding:0; margin-bottom:0}
.title-block > div ul li{ list-style:none; font-size:14px;}
.title-block > div ul li a{ color:#fff} 
.title-block > div ul li:nth-of-type(2){margin:0 10px;color: #E5201C;}

/*--  brag Points---*/
.track-record{background: url("images/world-map.webp") no-repeat;position: relative;color: #FFF}
.track-record >div {max-width: 1280px;margin: auto;padding: 40px 0}
.key-figures{display: flex;flex-wrap: wrap;justify-content: start;width: 100%;align-items: center;column-gap: 180px;margin: 20px 0;}
.key-figures > div {width: 30%;position: relative;padding-left: 20px;}
.key-figures > div:before {content: "";height: calc(100% - 0.82vw);width: 1px;background: linear-gradient(rgba(240, 50, 58, 1) 0%, rgba(240, 50, 58, 1) 00 100%);position: absolute;top: -0.18vw;left: 4px;}
.key-figures > div:after {content: "";width: 9px;height: 10px;background-color: rgba(240, 50, 58, 1);position: absolute;top: -0.18vw;left: 0;border-radius: 2px;transform: skew(-20deg);}
.key-figures > div span {font-size: 40px;color: #666666;font-weight: bold;}
.key-figures > div strong {font-size: 16px;color: #666666;}
.key-figures > div p {font-size: 16px;color: #2B2B2B;}
.alternative-figures{align-items: flex-end;justify-content: end;width: 100%;}

/*--- home call2action---*/
.home-call2action{background-color: #2b2b2b;color: #fff;margin-top: 40px}
.home-call2action > div{max-width: 1280px;margin: auto;padding: 40px 0;display: flex;flex-wrap: wrap;justify-content: space-between}
.home-call2action > div > div{width: 47%}
.home-call2action > div > div:first-of-type{display: flex;flex-wrap: wrap}
.home-call2action > div > div:first-of-type > strong{font-size: 40px;display: block;margin-bottom: 20px}
.home-call2action > div > div:first-of-type > span{font-size: 20px}
.home-call2action > div > div:last-of-type{ display: flex;flex-wrap: wrap;column-gap: 20px;justify-content:flex-end;align-items: center}
.home-call2action > div > div:last-of-type > a { border: 1px solid #fff;padding: 14px;font-size: 16px}
.home-call2action > div > div:last-of-type > a:first-of-type {background-color: #f5631a;color: #fff;border:1px solid transparent}
.home-call2action > div > div:last-of-type > a:last-of-type { background-color: #F5631A;color: #fff}

/*====Products page===*/
.product-bg{background-color:#F0F0F0;margin-left: calc((100vw - 1280px) / -2); margin-right: calc((100vw - 1280px) / -2); }
.product-bg2{margin-left: calc((100vw - 1280px) / -2); margin-right: calc((100vw - 1280px) / -2);background: url("images/home-products-background.webp") no-repeat;position: relative;background-size: cover; background-attachment: fixed; }
.alt-bg{background-color:#2B2B2B; }
.product-block{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 40px auto}
.product-block > div{width: 48%;position: relative;}
.product-image{overflow: hidden;border-radius: 40px;align-content: center;}
.product-overview{padding: 20px;align-content: center}
.product-image img{width: 100%;height: auto;display: block}
.product-overview h2{font-size: 38px;margin-bottom: 15px;line-height: 48px;display: flex;flex-wrap: wrap;justify-content: flex-start; column-gap: 20px;}
.product-overview > h2 > span{width: 7%;display: block}
.product-overview > h2 > span img{width: 100%;display: block;height: auto}
.product-overview h2 a{color: #000}
.product-overview h3{font-size: 30px;margin-bottom: 15px;}
.product-overview strong{color: #000;margin-top: 10px;}
.product-overview > p{font-size: 18px}
.product-overview > p strong{font-size: 17px}
.product-overview > p a{color: #F5631A}
.product-overview ul{padding-left: 15px}
.product-overview ul > li strong{color: #000;font-weight: bold}
.product-overview > ul > li{padding: 5px 0}
.separator-block{width: 50%;display: flex;margin: 20px 0 10px;}
.separator-block > span{width: 30%;height: 5px;background: #FFAA33;}
.separator-block .separator-two{background: #E5201C;}
.product-range {width:100%;display: flex;flex-wrap: wrap}
.product-range li{width: 49%}

.kk-download > div {max-width: 1000px!important;justify-content: space-between!important}

/*===Idler guideline ===*/
.guidline-block{margin: 40px auto}
/* ── TOP SECTION wrapper ── */
.top-section { display: flex; flex-direction: row; gap: 18px; align-items: flex-start; margin-bottom: 18px; }
/* ── LEFT PANEL ── */
.idler-left-panel {display: flex;flex-direction: column;gap: 10px;min-width: 310px;width: 47%;}
/* Diagram + legend */
.diagram-block { display: flex; flex-direction: row; gap: 10px; align-items: flex-start; }
.diagram-block > div{width: 100%;margin: auto;}
.diagram-block > div img{ width: 100%;height: auto;display: block}
.diagram-svg-wrap { display: flex; align-items: center; justify-content: center; }
.legend { display: flex; flex-direction: column; gap: 2px; font-size: 10px; padding-top: 4px; }
.legend span { white-space: nowrap; }
/* Belt width / layout table */
.table-title {font-size: 14px;font-weight: bold;color: #d43f2f;text-transform: uppercase;line-height: 1.3;margin-bottom: 15px;}
.belt-table { display: flex; flex-direction: column; border-left: 1px solid #999; border-top: 1px solid #999; width: 100%; }
.belt-table .row { display: flex; flex-direction: row; }
.belt-table .cell {flex: 1;border-right: 1px solid #999;border-bottom: 1px solid #999;padding: 5px 15px;text-align: center;font-size: 12px;line-height: 1.4;min-width: 0;}
.belt-table .cell.left-align { text-align: left; }
.belt-table .cell.bold { font-weight: bold; }
.belt-table .cell.red { color: #d43f2f; }
.belt-table .cell.header-top {background: #f0f0f0;font-weight: bold;font-size: 12px;}
/* belt-table column widths */
.belt-table .col-0 { flex: 1.5; }
.belt-table .col-1 { flex: 0.9; }
.belt-table .col-2 { flex: 0.9; }
.belt-table .col-3 { flex: 0.9; }
.belt-table .col-4 { flex: 1.1; }
.belt-table .col-5 { flex: 1.0; }
.belt-table .col-6 { flex: 1.1; }
.belt-table .col-7 { flex: 1.2; }
/* merged header */
.belt-table .span-header {flex: 6.2;border-right: 1px solid #999;border-bottom: 1px solid #999;padding: 2px 4px;text-align: center;font-weight: bold;background: #f0f0f0;font-size: 16px;}
.italic-note {font-style: italic;color: #d43f2f;font-size: 14px;margin-top: 9px;text-align: center;margin-bottom: 6px;}

/* Idler Roll Diameter table */
.idler-table { display: flex; flex-direction: column; border-left: 1px solid #999; border-top: 1px solid #999; width: 100%; }
.idler-table .row { display: flex; flex-direction: row; }
.idler-table .cell { flex: 1; border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 2px 4px; text-align: center; font-size: 10px; line-height: 1.5; min-width: 0; }
.idler-table .cell.red { color: #d43f2f; }
.idler-table .cell.bold { font-weight: bold; }
.idler-table .cell.header-top { background: #f0f0f0; font-weight: bold; }
.idler-table .cell.left-align { text-align: left; }
.impact-label { color: #d43f2f; font-weight: bold; }

/*===RIGHT PANEL ====*/
.idler-right-panel {display: flex;flex-wrap: wrap;/* border: 2px solid #e07020; */padding: 0px 12px;width: 55%;}
.right-panel {display: flex;flex-wrap: wrap;padding: 0px 12px;width: 60%;}
.right-title {font-size: 35px;font-weight: bold;color: #e07020;letter-spacing: 0.01em;margin: 0 0 15px 0;width: 100%;text-align: center;}
#toolbar{background-color: rgb(224 123 32)}
.bottom-table{width: 100%}


/*===Pulley Enquiry ===*/
.pulley-enquiry{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 60px auto;}
.left-panel {display: flex;flex-direction: column;gap: 10px;min-width: 310px;width: 39%;}

.section-title { font-size: 13px; font-weight: bold; color: #e07b20; padding-bottom: 4px; }
.std-table { display: flex; flex-direction: column; border: 1px solid #999; }
.std-header { display: flex; flex-direction: row; }
.hdr-group { display: flex; flex-direction: column; border-right: 1px solid #999; flex: 1; }
.hdr-group:last-child { border-right: none; }

.hdr-group-title { background: #e07b20; color: #fff; font-weight: bold; text-align: center; padding: 4px 3px; font-size: 10px; border-bottom: 1px solid #999; line-height: 1.3; }
.hdr-sub-row { display: flex; flex-direction: row; }
.hdr-sub-cell { display: flex; align-items: center; justify-content: center; flex: 1; padding: 3px 2px; font-weight: bold; font-size: 10px; border-right: 1px solid #ccc; text-align: center; line-height: 1.2;min-height: 32px }
.hdr-sub-cell:last-child { border-right: none; }
.std-row { display: flex; flex-direction: row; border-top: 1px solid #ddd; }
.std-row:nth-child(even) { background: #f9f9f9; }
.std-cell {display: flex;align-items: center;justify-content: center;flex: 1;padding: 5px 3px;border-right: 1px solid #ddd;text-align: center;min-height: 18px;font-size: 10px;}
.std-cell:last-child { border-right: none; }

/* BFB table */
.bfb-table { display: flex; flex-direction: column; border: 1px solid #999; margin-top: 2px; }
.bfb-row { display: flex; flex-direction: row; }
.bfb-row + .bfb-row { border-top: 1px solid #999; }
.bfb-label { display: flex; align-items: center; justify-content: center; background: #e07b20; color: #fff; font-weight: bold; font-size: 9px; padding: 4px 5px; width: 90px; min-width: 90px; border-right: 1px solid #999; text-align: center; line-height: 1.3; }
.bfb-cells { display: flex; flex-direction: row; flex: 1; }
.bfb-cell {display: flex;align-items: center;justify-content: center;flex: 1;padding: 9px 3px;border-right: 1px solid #ccc;font-size: 10px;text-align: center;}
.bfb-cell:last-child { border-right: none; }

.pulley-table-wrap {width:100%;/* margin:30px auto; */font-family:Arial, Helvetica, sans-serif;color: #000;}
.pulley-table-wrap h2 {font-size: 13px;margin: 0 0 10px;font-weight:700;color: #e07b20;}
.pulley-table-wrap p {font-size: 12px;margin:0 0 15px;}
.info-table, .main-table {width:100%;border: 2px solid #b4b0b0;margin-bottom:28px;}
.row { display:flex; width:100%; }
.cells {flex:1;min-height: 20px;padding: 5px 3px;border-right: 2px solid #b4b0b0;border-bottom: 2px solid #b4b0b0;display:flex;align-items:center;justify-content:center;font-size:10px;/* line-height:1.1; */text-align:center;box-sizing:border-box;}
.row:last-child .cells { border-bottom:none; }
.cells:last-child { border-right:none; }
.label {flex:0 0 28%;background: #e07b20;font-weight:700;color: #fff;}
.info-table .label { flex:0 0 28%; }
.main-table .label {flex: 0 0 28%;font-weight:400;}
.main-table .header-row .label { font-weight:700; }
.large {min-height: 30px;font-size: 14px;}
.heading {flex:1;min-height: 50px;background: #e07b20;font-weight:700;font-size: 14px;color: #fff;letter-spacing:0.5px;}
@media (max-width:768px) {
    .pulley-table-wrap { overflow-x:auto; }
    .info-table, .main-table { min-width:900px; }
    .cells { font-size:18px; }
}



/*=== Home categories ===*/
.product-title-text{width:100%;position:absolute; left:0; top:0px; font-size:70px; color: #0b1128;text-align:center; font-weight: 900; text-transform: uppercase;}
.product-block-title{font-size:45px;margin:20px 0;color: #000;text-transform: uppercase;font-weight: 900;width: 100%;display:block;text-align: center;font-style: italic;}
.product-descriptions{color: #2B2B2B;font-size: 21px;line-height: 34px;font-weight: 200;margin: 0px auto 20px;text-align: center}
.product-descriptions > a{color: #e5201c;}
.pulley-categories{display: flex; width: 100%; background: #ececec; padding-top: 20px;border-radius: 40px; }
.idler-roller{background: #fff;}
.idler-roller > div > div > div{box-shadow: none!important}
.idler-roller > div {padding: 0!important;align-content: center!important;}
.idler-roller > div > div > div > span {text-align: left!important;display: block!important}
.idler-roller> div > span a {color: #000!important}
.pulley-categories > div{position: relative; overflow: hidden; display:flex; flex-wrap:wrap; justify-content: space-between; max-width: 1280px;width: 100%;margin:0 auto 20px auto; padding:0px 0 40px}
.pulley-categories > div > span{ position:absolute; top:55%; transform: translate(0,-50%); left:0px; text-shadow: 2px 2px 4px #fff; z-index: 1}
.pulley-categories > div > span a{color: #e5201c;font-size: 25px}
.pulley-categories > div > span:last-of-type{ right:0; left:unset}
.home-prod > div > span{top: 68%}
.home-prod{background: unset}
.home-prod> div > div > div > span {text-align: center}

#product-scroll {position: relative; width: fit-content; display: grid; grid-auto-flow: column; grid-template-rows: auto; flex-wrap: wrap; transition: all 0.8s;  margin:0 auto; }

.pulley-categories > div > div{display:flex; width: 100%; flex-wrap: wrap; justify-content: space-between; max-width: 1280px; margin: auto}
.pulley-categories > div > div > div{width:604px;transition: .3s all;background-color: #fff;margin: 2px 15px;box-shadow: 0 0 5px #b8b8b8;overflow: hidden;border-radius: 40px;}
.pulley-categories > div > div > div > div{ overflow: hidden; height: 328px}
.sub-page-category > div > div > div{width:395px;}
.sub-page-category > div > div > div > div{ overflow: hidden; height: 200px!important}
.refurbishment-pulley > div > div > div > div{ overflow: hidden; height: 385px}
.refurbishment-pulley > div > div > div > div a{height: 100%;display: block;align-content: center}
.pulley-categories > div > div > div img{ width:65%; height:auto; display: block; transition: all .3s; margin: 10px auto auto}
.refurbishment-pulley > div > div > div img{ width:80%;margin: auto}
.pulley-categories > div > div > div:hover img{transform: scale(1.1);}
.pulley-categories > div > div > div > span{ padding: 15px; display: block}
.refurbishment-pulley > div > div > div > span{ text-align: center;display: none}
.pulley-categories > div > div > div > span h2{ font-size: 24px; font-weight: normal; margin: 5px 0 0 0 }
.pulley-categories > div > div > div > span h2 a{color: #000}
.pulley-categories > div > div > div > span p{font-size: 15px; line-height: 22px; min-height: 154px; font-weight: normal}
.pulley-categories > div > div > div:nth-of-type(4) p,.pulley-categories > div > div > div:nth-of-type(5) > span p,.pulley-categories > div > div > div:last-of-type p{min-height: 88px}
.pulley-categories > div > div .btn1{padding: 12px 38px;width:auto;max-width: 190px;font-size: 16px;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;margin: 20px 0 5px 0;transition: all .3s;color: #fff !important;background: #f5631a;border: solid 2px #f5631a;border-radius: 4px;}
.pulley-categories > div > div .btn1 .fas{ margin-left: 5px}
.pulley-categories > div > div .btn1:hover{background: #ffffff;color: #f5631a !important;}
.refurbishment-pulley > div > div > div {width: 615px;}

.product-specifications{display: flex;flex-wrap: wrap;justify-content: space-between;color: #fff;margin: 30px 0;}
.product-specifications > div{width: 32%;border-right: 2px solid #6e6e6e;padding: 15px}
.product-specifications > div:last-of-type{border-right: 2px solid transparent}
.product-specifications > div > div{width: 20%;margin: 0 0 20px;}
.product-specifications > div > div > img{width: 100%;height: auto;display: block}
.product-specifications > div > strong{font-size: 28px;margin-bottom: 15px;display: block;}
.product-specifications > div > ul{padding-left: 15px;margin: 0 0 20px;}

.product-intro{max-width:1140px;margin: 0px auto;text-align: center;padding: 50px 15px;}
.product-intro > strong{ width: 100%; text-align: center; position: relative; color: #000; font-size: 40px; font-weight: normal}
/*.product-intro > strong:before{ content: ""; position: absolute; width: 48px; height: 3px; background: #F5631A; margin: auto; left: 0; right: 0; top: -40%}*/
.product-intro > p{font-size: 24px; line-height: 32px;}
.product-intro > p a{color: #F5631A}
.prod-image{position:relative;z-index:1;width: 100%}
.prod-image img{ border-radius:2px; width:100%; height:auto;}
.prod-image .csslider1 img{ width:auto !important;height: 440px; margin: auto; display: block;}
.prod-text-block > div{width:48%;/* margin-bottom:15px; */}
.special-block{width: 100%;display:flex;flex-wrap: wrap;justify-content: space-between;}
.special-block .btn1{margin: auto;margin-top:30px;background-color: #f5631a;}
.special-text-block{display:flex; flex-wrap: wrap; justify-content: space-between;width: 100%}

.about-bg{margin-left: calc((100vw - 1280px) / -2); margin-right: calc((100vw - 1280px) / -2); background: url(images/background-south-africa.webp) no-repeat; position: relative; background-size: cover; background-attachment: fixed;}

.call2action-industries{padding: 50px 10px;margin-left: calc((100vw - 1265px) / -2);width: 100vw;margin-right: calc((100vw - 1265px) / -2);padding-inline: calc((100vw - 1265px) / -2);background: url("images/world-map.webp") no-repeat;background-size: cover;position: relative;border-bottom: 5px solid #F5631A;border-top: 15px solid #F5631A;}
.call2action-industries:before{content: "";width: 100%;height: 100%;background: rgb(245 99 26 / 83%);position: absolute;top: 0;left: 0}
.call2action-industries > div{margin:0 auto; max-width: 900px; width: 100%; color: #fff; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; position: relative} 
.call2action-industries > div > div > span{font-size: 30px; font-weight: bold}
.call2action-industries > div > div > p{font-size: 18px; line-height: 26px}
.call2action-industries > div > a{font-size: 16px; font-weight: bold; text-transform: uppercase; color: #fff; border: solid 1px #FFF; padding: 16px 24px}
.call2action-industries > div > a:hover{background:#2B2B2B}
.kk-download{padding: 10px 0}

.rolling-process { width: 100%; padding: 60px 0%; box-sizing: border-box; background: #ffffff; }
.rolling-heading { text-align: center; margin-bottom: 45px; }
.rolling-heading span { display: block; width: 50px; height: 5px; background: #fb7820; margin: 0 auto 15px; }
.rolling-heading h2 { margin: 0; font-size: 36px; font-weight: 700; color: #111111; }
.rolling-list { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.process-card { position: relative; width: calc(20% - 16px); min-width: 230px; height: 300px; overflow: hidden; cursor: pointer; background: #111; }
.process-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.process-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.25) 55%, rgba(0,0,0,0.05) 100%); }
.process-card:hover img { transform: scale(1.07); }
.process-overlay { position: absolute; z-index: 3; left: 20px; right: 20px; bottom: 22px; }
.process-overlay h3 { margin: 0 0 18px; color: #ffffff; font-size: 27px; font-weight: 700; }
.process-overlay button { width: 100%; padding: 16px 20px; border: 0; background: #fb7820; color: #ffffff; font-weight: 700; cursor: pointer; transition: background 0.3s ease; }
.process-card:hover .process-overlay button { background: #d95d09; }


/* =========================
   MODAL GALLERY
========================= */

.gallery-modal { position: fixed; z-index: 99999; inset: 0; display: none; align-items: center; justify-content: center; padding: 30px; box-sizing: border-box; background: rgba(0,0,0,0.88); }
.gallery-modal.active { display: flex; }
.gallery-modal-inner { position: relative; width: 100%; max-width: 1150px; max-height: 94vh; overflow-y: auto; padding: 35px; box-sizing: border-box; background: #ffffff; }
.gallery-close { position: absolute; z-index: 10; top: 15px; right: 22px; border: 0; background: transparent; color: #222222; font-size: 40px; line-height: 1; cursor: pointer; }
.gallery-title { text-align: center; margin-bottom: 25px; }
.gallery-title span { display: block; margin-bottom: 7px; color: #fb7820; font-size: 13px; font-weight: 700; letter-spacing: 2px; }
.gallery-title h2 { margin: 0; color: #111111; font-size: 31px; }
.gallery-main { display: flex; align-items: center; justify-content: center; gap: 15px; }
.gallery-image-wrap { width: calc(100% - 120px); height: 550px; background: #f0f0f0; }
.gallery-image-wrap img { width: 100%; height: 100%; display: block; object-fit: contain; }
.gallery-arrow { flex: 0 0 48px; width: 48px; height: 48px; border: 0; border-radius: 50%; background: #111111; color: #ffffff; font-size: 22px; cursor: pointer; transition: background 0.3s ease; }
.gallery-arrow:hover { background: #fb7820; }
.gallery-counter { margin: 16px 0; text-align: center; color: #666666; font-size: 14px; }
.gallery-thumbnails { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.gallery-thumbnails img { width: 105px; height: 75px; object-fit: cover; cursor: pointer; border: 3px solid transparent; opacity: 0.65; transition: 0.25s ease; }
.gallery-thumbnails img:hover, .gallery-thumbnails img.active { border-color: #fb7820; opacity: 1; }


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1200px) {
    .process-card { width: calc(33.333% - 16px); }
}

@media (max-width: 768px) {
    .rolling-process { padding: 45px 20px; }
    .rolling-heading h2 { font-size: 28px; }
    .process-card { width: calc(50% - 10px); }
    .gallery-modal { padding: 15px; }
    .gallery-modal-inner { padding: 50px 15px 25px; }
    .gallery-main { position: relative; }
    .gallery-image-wrap { width: 100%; height: 400px; }
    .gallery-arrow { position: absolute; z-index: 5; top: 50%; transform: translateY(-50%); }
    .gallery-prev { left: 10px; }
    .gallery-next { right: 10px; }
}

@media (max-width: 520px) {
    .process-card { width: 100%; }
    .gallery-image-wrap { height: 280px; }
}

/*===Home Featured Block ===*/
.features-block-bg{background-color: #fbf8f4;padding: 40px 0;}
.features-furniture-block{width: 100%;max-width: 1280px;margin: 30px auto 20px;display: flex;flex-wrap: wrap;justify-content: space-around;text-align: center;font-size: 16px;align-items: flex-start;}
.features-furniture-block > strong{ width: 100%; font-size: 28px;margin: 40px auto;position: relative}
.features-furniture-block > strong:before{content: "";position: absolute;width: 40px;height: 5px;background: #F5631A;margin: auto;left: 0;right: 0;top: -41%;}
.features-furniture-block > p{ width: 100%; line-height: 28px; display: block; margin-bottom: 30px; }
.features-furniture-block > div img{ display: block; width: 100%; height: auto;transition: all .3s;}
.features-furniture-block > div:hover img{    transition: all .3s; transform: scale(1.05);}
.features-furniture-block > div{ width: 19%!important; position: relative;margin-bottom: 60px;}
.features-furniture-block > div:before {content: "";position: absolute;left:0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: rgb(0 0 0 / 40%);z-index: 2;max-width: 600px;pointer-events: none;}
.features-furniture-block > div:hover:before {content: "";position: absolute;left:0;top: 0;bottom: 0;height: 100%;width: 100%;background-color: rgb(0 0 0 / 15%);z-index: 2;max-width: 600px;pointer-events: none;transition: all .3s; transform: scale(1.05);}
.features-furniture-block > div > div{position: absolute; bottom: -20px; left: 0; right: 0; text-align: center; color: #fff}
.features-furniture-block > div > div h2{width: 100%;display: block;font-size: 24px;margin-bottom: 20px;margin-top: 0;z-index: 2;position: relative;}
.features-furniture-block > div > div h2 a{ width: 100%;color: #fff;text-transform: capitalize}
.features-furniture-block .btn1{color: #fff;font-weight: 700;font-size: 12px;text-transform: uppercase;padding: 17px 35px;min-width: 180px;z-index: 2;position: relative;}
.features-furniture-block > div > div > p{display: inline-block;padding: 12px;min-width: 150px;text-align: center;font-size: 14px;font-weight: bold;background: #f76b24;border-radius: 4px;color: rgba(255, 255, 255) !important;margin: 0;position: relative;z-index: 2;}


/*-----Service Block-----*/
.services-block{display: flex; flex-wrap: wrap;justify-content:space-between; margin: 50px auto; width: 100%; align-items: flex-start;}
.services-call2action{width: 33%; background: url("images/primary-conveyor-belt-scraper.webp") no-repeat; padding: 60px 30px; display: flex; flex-wrap: wrap; justify-content: space-around; text-align: center; color: #fff; line-height: 42px;    border-radius: 10px;  overflow: hidden; position: sticky; top: 120px;}
.services-call2action:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background:#000; opacity: 0.8;}
.services-call2action > span{ width: 90px; height: 90px; background: #fff; font-size: 30px; display: flex; flex-wrap: wrap; align-content: center; justify-content: space-around; color: #F5631A; position: relative; border-radius: 60px}
.services-call2action > strong{ position: relative; width: 100%; font-size: 28px; margin-top: 20px}
.services-call2action > p{ position: relative; width: 100%; text-align: center; margin-bottom: 0; font-size: 18px; line-height: normal;}
.services-call2action > a{ position: relative; width: 100%; font-weight: bold; font-size: 24px; color: #fff}
.services-text{width: 65%; padding:0 0 0 40px; }
.services-call2action ul{position: relative; padding: 0}
.services-call2action ul li{list-style: none; line-height: 32px;}
.services-call2action ul li a{color: #fff}
.services-text > div > div{border-left:  2px solid #F5631A; padding:  32px 48px; border-bottom: 1px solid #666; position: relative}
.services-text > div > div:last-of-type{border-bottom: none}
.services-text > div > div > span{position: absolute; top: 60px; left: 0; width: 16px; height: 16px; background: #F5631A; display: block}
.services-text > div > div > h2{ font-weight: normal;  margin-bottom: 0;}
.services-text > div > div p{color: #666}
.services-text > div > div > span:before{content: ""; position: absolute; border: 8px solid transparent;  border-left-color:#F5631A; left: 16px;}
.services-call2action > a:hover{text-decoration: underline; color: #fff}
.services-text > p:first-of-type{font-size: 23px;line-height: 1.2;font-weight: normal;margin-top: 0;position: relative;text-align: left;}

.servicepage-block{margin-left: calc((100vw - 1280px) / -2);margin-right: calc((100vw - 1280px) / -2);display: flex;flex-wrap: wrap;justify-content: space-between;background-color: #F0F0F0;}
.servicepage-block > div{width: 49%;align-content: center;color: #000;}
.servicepage-block > div:first-of-type{padding: 0 0 0 130px}
.servicepage-block > div img{display: block;width: 100%;height: auto}
.servicepage-block > div h2{font-weight: normal;font-size: 31px;margin: 0;color: #2b2b2b;}
.infograph{margin: 40px 0}
.infograph-block{display: flex;flex-wrap: wrap;justify-content: center;    margin-left: calc((100vw - 1280px) / -2);
    margin-right: calc((100vw - 1280px) / -2);}
.infograph-block > div{width: 100%}
.infograph-block img{display: block;width: 100%;height: auto}
.info-text p{font-size: 18px;padding-left: 20%;line-height: 28px;position: relative}
.info-text p:first-of-type{font-weight: bold}
.info-text p:first-of-type:after{content: '';top: 15px;width: 18%;height: 1px;background: #f5631a;position: absolute;left: 0;text-align: center;}
.info-text a{color: #fff!important;background: #f5631a;padding: 14px 20px;font-size: 16px;display: inline-block;margin-left: 20%;font-weight: bold;}

.sub-page-bg{margin-left: calc((100vw - 1280px) / -2); margin-right: calc((100vw - 1280px) / -2); background-color: #666666; display: flex; position: relative}
.sub-page-bg > div{max-width: 1280px; margin: auto}
.mission-vision-block{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px;}
.mission-vision-block > div{width: 48%;margin-bottom: 50px;padding: 40px;border-radius: 8px;position: relative;background-color: #fff;overflow: hidden;display: flex;flex-wrap: wrap;align-content: baseline;}
.about-values > div{width: 32%}
.about-values > div h2{font-size: 27px!important}
.mission-vision-block > div h2{font-size: 28px;font-weight: normal;line-height: 15px;color: #2B2B2B;margin: 24px 0;width: 70%;}
.mission-vision-block > div > span{width: 50px;height: 50px;margin-right: 20px;display: flex;background-color: #f1f1f1;border-radius: 60px;align-items: center;justify-content: space-around;font-size: 25px;color: #F5631A;}
.mission-vision-block > div > span img{width: 80%;height: auto;display: block}
.mission-vision-block > div:nth-of-type(even):after{content: "";position: absolute;bottom: 0;right: 0;transform: translate(50%, 50%) rotate(53deg);background-color: #E5201C;width: 60px;height: 80px;}
.mission-vision-block > div:nth-of-type(odd):after{content: "";background-color: #F5631A;position: absolute;bottom: 0;right: 0;transform: translate(50%, 50%) rotate(53deg);width: 60px;height: 80px;}
.mission-vision-block > div ul{padding: 0 0 0 20px; margin: 0}
.mission-vision-block > div ul li{padding:3px 0; line-height: 24px;}


.aboutus-sub-intro{display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:35px; margin-bottom:50px}
.aboutus-sub-intro > div{ width:48%; position:relative; z-index: 1}
.aboutus-sub-intro .google-rate{display: flex; flex-wrap: wrap; position: absolute; left: 0px; top: 60px; background: #fff; width: 220px; padding: 20px; text-align: center; z-index: 1; justify-content: space-around; }
.aboutus-sub-intro .google-rate a{font-size:20px; color: #000}
.aboutus-sub-intro .google-rate ul{ padding: 0; margin: 0; display: flex;}
.aboutus-sub-intro .google-rate ul li{list-style: none; font-size: 16px; color: #FFBA09; padding: 0 1px}
.aboutus-sub-intro .years-experience{position: absolute;display: flex;align-items: center;justify-content: center;right: -38px;bottom: 95px;width: 140px;height: 140px;text-align: center;background: #F5631A;border-radius: 50%;padding: 15px 20px;z-index: 1;flex-wrap: wrap;color: #fff;align-content: center;}
.aboutus-sub-intro .years-experience p{text-align: center;margin-bottom: 0px;line-height: 20px;}
.aboutus-sub-intro .years-experience:before {position: absolute;content: '';width: 164px;height: 164px;border-radius: 50%;left: -33px;top: -30px;border: 20px solid rgb(255 255 255 / 50%);}
.aboutus-sub-intro .years-experience strong{font-size: 30px;width: 100%}
.aboutus-sub-intro > div h2{ position:relative;}
.aboutus-sub-intro > div p a{ color:#F5631A; padding-bottom: 3px; border-bottom: 1px solid;}
.aboutus-sub-intro > div img{ width: 100%;height: auto; display: block}
.aboutus-sub-intro > div > strong{color: #F5631A;  text-transform: uppercase; font-size: 16px; line-height: 26px; display: block;}
.aboutus-sub-intro > div > .about-ptag > .service-btn{border-radius: 4px; border: 2px solid #fff; text-transform: uppercase; padding: 11px 30px; background-color: #58595B; color: #fff; line-height: 16px; transition: all .3s; font-size: 16px; display: inline-block; margin-right: 20px; width: auto;}
.aboutus-sub-intro > div > .about-ptag > .service-btn:hover{background-color: #f0f0f0; color:#F5631A;border: 2px solid #F5631A}
.aboutus-sub-intro > div > .about-ptag > .article-btn{border-radius: 4px; border: 2px solid #F5631A;background-color: #f0f0f0;color: #F5631A; text-transform: uppercase; padding: 11px 30px;  line-height: 16px; transition: all .3s; font-size: 16px; min-width: 170px;}
.aboutus-sub-intro > div > .about-ptag > .article-btn:hover{border: 2px solid #fff;background-color: #58595B;color: #fff; }

.cable-resin-results { width: 100%; padding: 70px 5%; box-sizing: border-box; background: #ffffff; font-family: Arial, sans-serif; }

/* MAIN HEADING */
.resin-heading { text-align: center; margin-bottom: 45px; }

.resin-heading .top-line { display: block; width: 52px; height: 4px; background: #fb7820; margin: 0 auto 16px; }

.resin-heading h2 { margin: 0 0 12px; font-size: 38px; line-height: 1.2; font-weight: 700; text-transform: uppercase; color: #111111; }

.resin-heading p { margin: 0; font-size: 18px; color: #666666; }


/* BEFORE AFTER HEADING */
.before-after-heading { max-width: 850px; margin: 0 auto 45px; text-align: center; }
.before-after-heading > span { display: block; margin-bottom: 8px; color: #fb7820; font-size: 17px; font-weight: 700; }
.before-after-heading h3 { margin: 0; font-size: 31px; line-height: 1.25; color: #111111; }
.before-after-heading .orange-line { width: 100px; height: 3px; margin: 15px auto 20px; background: #fb7820; }
.before-after-heading p { margin: 0; font-size: 16px; line-height: 1.7; color: #777777; }

/* GRID */
.before-after-grid { display: flex; flex-wrap: wrap; gap: 35px; max-width: 1500px; margin: auto; }
.result-card { width: calc(50% - 18px); overflow: hidden; background: #ffffff; border: 1px solid #eeeeee; border-radius: 8px; box-sizing: border-box; box-shadow: 0 5px 20px rgba(0,0,0,0.06); transition: transform 0.3s ease, box-shadow 0.3s ease; }


/* BEFORE / AFTER IMAGE */
.comparison-slider { --position: 50%; position: relative; width: 100%; height: 310px; overflow: hidden; background: #222222; }
.before-image, .after-image { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; }
.after-image-wrap { position: absolute; z-index: 2; top: 0; right: 0; width: calc(100% - var(--position)); height: 100%; overflow: hidden; }
.after-image { right: 0; left: auto; width: calc(100vw); max-width: none; }


/* LABELS */
.image-label { position: absolute; z-index: 8; top: 12px; padding: 7px 13px; border-radius: 4px; color: #ffffff; font-size: 13px; font-weight: 700; }
.before-label { left: 12px; background: rgba(0,0,0,0.78); }
.after-label { right: 12px; background: #fb7820; }

/* CENTRE DIVIDER */
.slider-divider { position: absolute; z-index: 5; top: 0; bottom: 0; left: var(--position); width: 3px; background: #ffffff; transform: translateX(-50%); }


/* HANDLE */
.slider-handle { position: absolute; z-index: 7; top: 50%; left: var(--position); width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; gap: 4px; border-radius: 50%; background: #ffffff; color: #111111; font-size: 23px; font-weight: bold; transform: translate(-50%, -50%); box-shadow: 0 3px 12px rgba(0,0,0,0.25); pointer-events: none; }

/* INVISIBLE RANGE CONTROL */
.comparison-range { position: absolute; z-index: 10; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; }

/* CARD INFORMATION */
.result-content { display: flex; align-items: center; gap: 15px; padding: 18px 20px; }
.result-icon { flex: 0 0 40px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #fb7820; font-size: 28px; }
.result-content h4 { margin: 0 0 4px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #333333; }
.result-content p { margin: 0; font-size: 14px; line-height: 1.5; color: #666666; }


/* HOVER */
.result-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,0.10); }


/* TABLET */
@media (max-width: 1000px) {
    .comparison-slider { height: 270px; }
}


/* MOBILE */
@media (max-width: 768px) {
    .cable-resin-results { padding: 50px 20px; }
    .resin-heading h2 { font-size: 30px; }
    .before-after-heading h3 { font-size: 25px; }
    .result-card { width: 100%; }
    .comparison-slider { height: 300px; }
}


/* SMALL MOBILE */
@media (max-width: 480px) {
    .comparison-slider { height: 240px; }
    .resin-heading h2 { font-size: 26px; }
    .before-after-heading h3 { font-size: 22px; }
    .result-content { padding: 15px; }
}
/*==Social Media==*/
.social-media-block{display: flex; flex-wrap: wrap;justify-content:space-between; padding: 50px 0}
.social-media-block > strong{ width:100%; font-weight: normal; position:relative;font-size: 32px; margin-bottom:30px; text-align:left; display: flex; align-items: center; flex-wrap: wrap;}
.social-media-block > div{ width:100%; margin-bottom:40px}
.social-media-block > strong a{ color:#394242; display: flex; flex-wrap: wrap; font-size:22px; margin: auto}
.social-media-block > strong a .fa-instagram{font-size: 30px; margin-right: 8px; margin-left: -4px; color:#F5631A}
.social-media-block > strong a .fa-facebook-f{border: solid 2px; font-size: 18px; width: 30px; height: 30px; border-radius: 7px; display: flex; align-items: center; justify-content: space-around; margin-right: 10px; color:#F5631A}
.social-media-block > iframe{margin: auto;}

.career-block { max-width:1280px; width:100%; margin:auto}
.career-block table{ width:100%; display:table}
.career-block table td{padding: 10px; text-align: initial; width:25%; position:relative}
.career-block > table > tbody > tr{width: 47%!important}
.career-block table input[type=file],.career-block table input[type=text],.career-block table select{padding: 12px; width: 100%; border:solid 2px #000}
.career-block table h4{margin-bottom:2px; font-size:13px;}
.career-block table .btn1{ font-weight:600;}
.career-table{}
.career-table td{border:1px solid #c0c0c0; font-size:12px; padding:3px;}
.career-table tr:nth-child(1){background-color:#c0c0c0;font-weight:bold;}

.career-empty{font-size:22px;padding-bottom:50px;}
.career-main-block{ display:table; margin: 20px auto; max-width:1280px; width:100%}

.feedback-form{ max-width:850px; width:100%; margin:50px auto}
.feedback-form textarea{ color: #666; font-family:Arial, Helvetica, sans-serif; border: 1px solid #ccc; padding: 12px 10px ; width: 100%; background-color: transparent; font-size: 16px}
.feedback-form table{ width:100%}
.feedback-form .btn1{ max-width:150px; width:100%}
.feedback-form table tr{padding: 5px; width: 100%; display: inline-table; background-color: #f1f1f1;}
.feedback-form table tr:nth-of-type(odd){ background-color:#fff}
.feedback-form table tr td{ width:50%}
.feedback-form table .rate-td span input{ width:18px; height:18px}
.feedback-form table .rate-td span{display: flex; justify-content: space-between; flex-wrap: wrap;}
.feedback-form .rate-td{display: flex;justify-content: space-between; width: 390px;}
.feedback-form  input, .feedback-form select{color: #666; font-family:Arial, Helvetica, sans-serif; border: 1px solid #ccc; padding: 12px 10px ; width: 100%; background-color: transparent; font-size: 16px}

.form-row{display: flex;flex-wrap: wrap;justify-content: space-between}
.form-col > #Enquiry_D3{padding: 12px;width: 100%; border: solid 2px #000;}
.full-width{width: 100%}
.certificates-block{ display:flex; flex-wrap:wrap;gap: 25px; margin:30px auto}
.certificates-block > div{display:flex; flex-direction:column; align-items: center; width:32%; margin-bottom:3%}
.certificates-block > div img{width:100%; height:auto; display:block; box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);}
.certificates-block > div .btn1{ width:100%; text-decoration:none; font-weight:bold; color:#fff; margin-top:10px; transition:all .3s; line-height:20px;  display: flex; align-items: center; justify-content: space-around;}
.certificates-block > div .btn1:hover{ opacity:.8}
.certificates-block > div > a{ font-size: 14px; font-weight: bold; display: block; margin-top: 20px; color: #333; line-height: 24px; text-transform: uppercase;}
.certificates-block h2{display: block;width: 100%;text-align: center;text-transform: uppercase;padding-bottom: 10px;border-bottom: 1px solid #e5201c;}

/*===Product Guideline ===*/
.product-guideline{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 40px auto}
.first-block{width: 30%;display: flex;flex-wrap: wrap}
.first-block > div{width: 33%;padding: 9px 18px;border: 1px solid;font-size: 16px;font-weight: bold}

.first-block > span{width: 33%;padding: 10px 20px;border: 1px solid;font-size: 16px;align-items: center;align-content: center;display: flex;justify-content: center;flex-wrap: wrap;}
.first-block > span:hover{background-color: #c6c4c4}
.first-block > div:nth-child(1), .first-block > div:nth-child(2), .first-block > div:nth-child(3){background-color:#8d8d8d }
.secondary-guide{width: 70%;padding: 10px}
.secondary-guide > strong{font-size: 18px;width: 100%;display: block}
.secondary-guide > div{display: flex;flex-wrap: wrap;border: 1px solid;margin: 20px auto}
.secondary-guide > div > div:nth-child(2){width: 71.4%;display: flex;flex-wrap: wrap;}
.secondary-guide > div > div:nth-child(2) span{padding: 5px 10px;border-bottom: 1px solid #8d8d8d;width: 10%;align-items: center;align-content: center;justify-content: center;display: flex;}
.secondary-guide > div > div:nth-child(2) span:nth-of-type(odd){background-color: #c6c4c4;}

.secondary-guide > div:nth-child(3) > div:nth-child(2){width: 71.25%;}
.secondary-guide > div:nth-child(3) > div:nth-child(2) > span:nth-child(1){width: 30%}
.secondary-guide > div:nth-child(3) > div:nth-child(2) > span:nth-child(9){width: 30%}

.heading-block{background-color: #8d8d8d;padding: 20px;align-content: center;}
.bearings-guideline{}
.bearings-guideline >div{width: 100%;display: flex;flex-wrap: wrap;border-bottom: 3px solid #8d8d8d;}
.bearings-guideline > div > div:first-of-type{display: flex;flex-wrap: wrap;width: 20%}
.bearings-guideline > div > div:first-of-type strong{background-color: #c6c4c4;align-content: center;padding: 20px;}
.bearings-guideline > div > div:nth-child(2){width: 80%;display: flex;flex-wrap: wrap}
.bearings-guideline > div > div:nth-child(2) > span{width: 12.5%}
.bearings-guideline > div > div:nth-child(2) > span:nth-of-type(even){background-color: #c6c4c4;}
.bearings-guideline > div > div:nth-child(2) > span:nth-of-type(odd){background-color: #fff;}


.diagram-logo {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px}
.diagram-logo > div:first-of-type {width: 60%;}
.diagram-logo > div:nth-of-type(2) {width: 40%!important;justify-content: flex-end;}
.diagram-logo > div:nth-of-type(2) > div:first-of-type {width: 78%!important;}
.diagram-logo > div:nth-of-type(2) > div:last-of-type {width: 72% !important;}
.diagram-logo > div:nth-of-type(2) > div:last-of-type span {width: 50%!important;}
.diagram-logo > div:nth-child(3){display: flex;flex-wrap: wrap;border: 1px solid;width: 48%;justify-content: flex-end;left: 52%;position: relative;}
.diagram-logo > div:nth-child(3) > span{width: 50%;border-bottom: 1px solid;border-right: 1px solid;padding: 2px 5px;/* text-transform: uppercase; */font-size: 12px;line-height: 1.1em;}
.diagram-logo > div img {display: block;width: 100%;height: auto}
.diagram-logo > div:nth-child(3) > span:nth-child(1){text-align: center}
.diagram-logo > div:nth-child(3) > span:nth-child(2){text-align: center}

.mini-table span{padding: 5px;border:1px solid;align-content: center;text-align: center;width: 5.11%;font-size: 10px;}
.mini-table > span:nth-child(1){width: 8%}
.mini-table > span:nth-child(20){width: 8%}

 /*---- WhatsApp Chat ----*/
.whatsapp-block{ position:fixed; bottom: 35px; right: 20px; background-color:#0dc152; color:#fff;  border-radius: 50px; font-size:14px; z-index: 999;}
.whatsapp-block > a{ color:#fff; display:flex;flex-direction: row;padding: 9px 16px;}
.whatsapp-block > a .fab{ font-size:22px; font-weight:normal; text-align:left;margin-right: 10px;}
.whatsapp-block a{text-decoration:none; }
.whatsapp-block > a > span:last-of-type{line-height: 24px; }

/*====================== CONTACT US =============================*/
.contactus-block{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top: 20px }
.contactus-block h2{ width: 100%; font-weight: normal;text-align: center}
.contactus-block p{width: 100%;text-align: center}
.contactus-block > div{ width: 31%; box-shadow: 6px 4px 18px rgb(0 0 0 / 8%); border: solid 1px #292929; border-radius: 4px; padding:30px 15px 20px 0; display: flex; flex-wrap: wrap; justify-content: space-between; transition: .3s all; background-color: #fff;}
.contactus-block > div:hover{ box-shadow:none}
.contactus-block > div > span strong{ display: block; font-size: 20px; color: #000; margin-bottom: 5px;}
.contactus-block > div > span:first-of-type{width: 105px;height: 70px;border-radius: 0 50px 50px 0;background-color: #E5201C;color:#fff;font-size: 34px;display: flex;align-items: center;justify-content: space-around;}
.contactus-block > div:nth-of-type(2) > span:first-of-type{background-color: #2B2B2B;}
.contactus-block > div:nth-of-type(3) > span:first-of-type{background-color: #E5201C;}
.contactus-block > div > span:last-of-type{ width:60%; line-height: 24px}
.contactus-block > div > span:last-of-type > a{ display: block; margin: 5px 0}

.enquiry-table{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:40px auto;}
.enquiry-table > span{width: 100%; text-align: center}
.enquiry-table > p{text-align: center; width: 100%}
.enquiry-table > span p{text-align: center; font-size: 20px}
.enquiry-table > div{ width: 49%}
.enquiry-table iframe{ width:100%; display: block; border-radius: 4px}
.enquiry-table h2{ width: 100%;padding: 0 3px; font-weight: normal; }
.enquiry-table > div table{ width:100%; margin-top: -10px;}
.enquiry-table > div table tr{}
.enquiry-table > div table tr > td > label{ font-weight:bold;margin-bottom: 2px; font-size: 13px;}
.register-seller-form table tr > td, .enquiry-table > div table tr > td{ padding:0 3px; width: 50%}
.register-seller-form table tr > td h4, .enquiry-table > div table tr > td h4{ font-size:28px; color:#333; margin:0}
.register-seller-form table .footer-form{  display: flex; justify-content: space-between; align-items: center; margin-top:45px; margin-bottom:-20px}

.branches-block > div{ width:100%; font-size:18px; color: #3b3b3b; position:relative; padding-bottom: 15px}
.branches-block > div > div > strong{ font-size:20px;color: #00348c; display: block; width: 100%; border-top: 1px solid #00348c; padding-top: 17px; margin-top: 10px;}
.branches-block .contactus-img img{ width:100%; height:auto; display:block; transition: .3s all}
.branches-block .contactus-img { width:100%; height:auto; position:relative; overflow: hidden}
.branches-block .contactus-img span{top:0; left:0; width:100%; height:100%; position:absolute; background-color:rgb(0 0 0 / 35%); opacity:0; transition:all .3s}
.branches-block .contactus-img:hover img{ transform: scale(1.1);}
.branches-block > div span{ display:block;}

.register-seller-form .btn1{ width: unset}
.enquiry-table .contact-footer-form{display: flex; justify-content: space-between; align-items: center;}

.enquiry select { color:#999}
.enquiry .btn1{ text-decoration:none; color: #fff}
.enquiry .btn1 span{ border:solid 2px #00275d; border-radius:50px; display: flex; align-items: center; justify-content: space-around; width:18px; height:18px; margin-left:10px}
.enquiry .btn1 span .fas{margin-left: 4px;}
.enquiry a:hover{ opacity:.9}
.enquiry input[type="password"],.enquiry select,.enquiry input[type="email"], .enquiry input[type="text"]{border: solid 1px #666666;padding:12px 10px;width:100%;margin-bottom:4px;}
.enquiry input, .enquiry select, .enquiry textarea{ margin-top:2px;}
.enquiry textarea{border: solid 1px #666666;width:100%;font-family: Arial, Helvetica, sans-serif;padding:13px 10px;margin-bottom:4px}

.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{ font-weight:normal}
.text-block.disclaimer-text > div{ display: flex; justify-content: space-between; flex-wrap: wrap; width:50%; margin-top:20px}
.text-block.disclaimer-text > div > a{min-width:150px; color: #fff;}
.tcs-block > td > div {display: flex;flex-wrap: nowrap;align-items: center;justify-content: unset !important;}
.tcs-block div input {width: 4%;height: 25px;margin-right: 10px; margin-left:0}
.tcs-block > td > div > label > span > a{color: #E5201C !important;font-weight:normal}



/*======================== 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:#000; width:100%; background-color:#f0f0f0; display:flex; flex-wrap: wrap;}
.footer > div{padding: 0 15px; width: 100%; margin: auto; max-width: 1280px; font-size: 16px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer > div:first-of-type{padding: 70px 0 }
.footer > div > div > div > span{font-weight:900; text-transform: uppercase; font-size: 24px}
.footer > div > div{width: 50%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer > div > div > div{width: 50%;}
.footer > div:first-of-type > div > ul{width: 45%; border-left: 1.5px solid #000; padding-left: 30px;}
.footer > div:first-of-type > div > ul > li a{padding: 10px 0 5px; display: block}
.footer > div > div:first-of-type > div > ul{margin-top: 20px;}
.footer > div > div:first-of-type > div > ul li a{padding: 5px 0}
.footer > div > div:first-of-type > div > a{padding: 15px 30px;box-shadow: inset 0 0 0 2px #000; color: #000; text-transform: uppercase; display: inline-block; margin-top: 20px; font-weight: bold; letter-spacing: 1px}
.footer > div > div:last-of-type > div > ul{}
.footer > div > div > ul > li > a{}
.footer > div:nth-child(1) > div:nth-child(1) > ul > span{font-weight:900; text-transform: uppercase; font-size: 24px}
.footer > div > div > div > ul li a{ display: block; font-size: 18px;}

.footer > div > div > ul a{}
.footer .newsletter-footer > div{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.footer .newsletter-footer{background-color: #fff; padding: 25px;}

.footer .newsletter-footer .fa-fw{border: 2px solid #000; border-radius: 100%; color: #000; height: 40px; width: 40px; display: flex; align-items: center; justify-content: space-around;}
.footer .newsletter-footer > div > span{}
.footer .newsletter-footer > div > ul{display: flex; flex-wrap: wrap; justify-content: space-between; width: 27%}
.footer .newsletter-footer > div > p{width: 70%; font-size: 14px; line-height: 20px; margin: 0}
.footer .newsletter-footer > div > a{ background-color: #000; box-shadow: inset 0 0 0 2px transparent; color: #fff; padding: 14px 28px; border-radius: 4px;}
.footer .newsletter-footer > div > a:hover{ background-color: #fff; box-shadow: inset 0 0 0 2px #000; color: #000;}

.footer > div ul {margin: 0; padding: 0; list-style: none}
.footer > div > div > ul > li:last-of-type{ padding:0}
.footer > div a{ text-decoration:none;color:#333;}

.footer-bottom{padding: 12px 0 !important; display: table; width: 100%; border-top: solid 1px #202020;}
.footer-bottom > div{width: 100% !important; max-width: 1280px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer-bottom ul{ padding:0;}
.footer-bottom li{ float:left; padding-right:20px; list-style:none;color:#202020; font-size:12px}
.footer-bottom li a{ text-decoration:none; color:#202020}
.footer-bottom > div > div{width: 30%!important}
.footer-bottom > div > div > a{width: 21%;left: 70%;margin-top: 0!important; padding: 0!important; position: relative;box-shadow: none !important;}
.footer-bottom > div > div > a:first-of-type{width: 10%;left: 60%;margin-top: 0!important; padding: 0!important; position: relative;box-shadow: none !important;}
.footer-bottom > div > div > a:last-of-type{width: 21%;left: 70%;margin-top: 0!important; padding: 0!important; position: relative;box-shadow: none !important;}
.footer-bottom > div > div > a img{width: 100%;height: auto;display: block}

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

@media not all and (min-resolution:.001dpcm) {
}
@media (min-width: 1664px) and (max-width: 2560px){
	
}

@media only screen  and (min-width : 2280px){
}

@media screen and (max-width: 1280px){
}
@media (min-width: 1025px) and (max-width: 1330px){
	.footer{ padding:0 10px }
	
}

@media only screen and (max-width: 1024px){
	body{ display: table}
	
	
}
@media (min-width: 800px) and (max-width: 1023px){
	
	.menu-top:after{left: -15.6%;}
	}

@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} 
	.menu-top:after{left: -15.6%;}
	
}

@media screen and (max-device-width: 768px){	
	
}

@media screen and (max-width:599px){
	body{display: block; margin-top:100px !important;}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	.mobi-only{ display: block !important}
	img{max-width: 100%; height: auto}
	.logo{width: 70%; margin: 0 auto;}
	.section-1{height:100px !important}
	.menu-top-container{ height: 100%}
	.menu-top-header{width:100%;display: none;}	
	.widget-container{width: 50%;}
	.nav > li > span, .nav > li > a {color: #fff !important;}
	
	.dropdown-main-menu > div {width: 100%}
	.dropdown-menu a{padding: 10px 0}
	
	.title-block > div h1{font-size: 40px}
	.product-block-title{font-size: 30px}
	.tn3-in-image {top: 0!important;height: 100%!important}
	.top-section {flex-wrap: wrap}
	.product-range li {width: 100%}
	.left-panel {width: 100%}
	.pulley-enquiry {padding: 0 15px}
	.guidline-block {padding: 0 15px}
	.right-panel {padding: 30px 0;width: 100%}
	.cells {font-size: 10px!important;}
	.idler-left-panel {width: 100%}
	.idler-right-panel {width: 100%}
	
	.pulley-categories {padding: 40px 15px}
	.home-services-block > div:first-of-type > div {width: 100%;border-bottom: 1px solid #808080;}
	.home-services-block > div:first-of-type > div > div:nth-child(2) {border-right: unset}
	.home-service-bio > div > div:nth-of-type(1) {padding: 15px;  margin-bottom: 20px;}
	.home-service-bio > div > div {width: 100%}
	.home-service-bio > div > div:nth-child(2) {width: 100%!important}
	.home-service-bio > div {margin: 0}
	.home-service-bio {padding: 0 15px}
	.home-service-bio > div > div:nth-child(1) > a{width: 100%}
	.home-call2action{padding: 0 15px}
	.home-call2action > div > div{width: 100%;}
	.home-call2action > div > div:last-of-type > a:last-of-type{width: 100%;margin-top: 20px}
	.pulley-categories > div > div > div {width: 350px;}
	.pulley-categories > div > div > div > div {height: 240px;}
	.product-specifications > div > div {width: 25%;margin: 0 auto 20px;}
	.product-overview > p {text-align: left;font-size: 16px}
	.product-overview h2{line-height: 40px}
	.product-overview h3 {line-height: 40px}
	.pulley-categories > div > div > div > span h2{font-size: 20px}
	.pulley-categories > div > div > div > span p{font-size: 14px}
	

	.contactus-block > div{ width: 100%; margin: 10px 0}
	.enquiry-table > div{ width: 100%}
	.sub-page-bg {margin: auto}

	.call2action-industries {margin: auto;padding-inline:unset}
	.kk-download {padding: 15px;}
	.product-bg {margin: auto}
	.product-bg2 {margin: auto}
	.servicepage-block {margin: auto;padding: 20px 15px}
	.servicepage-block > div:first-of-type {padding: 0;width: 100%;margin-bottom: 20px;}
	.servicepage-block > div{width: 100%}
	.product-block > div {width: 100%}
	.product-specifications > div {width: 100%;border-right: none;}
	.mission-vision-block > div {width: 100%;padding: 20px}
	.services-text,.services-call2action{width: 100%}
	.services-call2action{ position: relative; top: 0; padding: 30px 20px}
	.services-call2action > strong{font-size: 26px}
	.services-text{padding:0 ; margin-top: 30px}
	.home-service-bio > div > div:nth-child(1) > strong{font-size: 36px}
	.mission-vision-block > div h2 {align-content: center;line-height: 33px;margin: 0}
	
	/*=============== Thank you ==============*/
	.thank-you div,.thank-you{ width:100%}
	.thank-you-title{ left:auto; white-space:normal; font-size:4.5em}
	.thank-you div{ top:auto}
	.thank-you-contact{ margin-top:0}
	.thank-you div{ left:auto}
	
	.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%}
	
	.whatsapp-block{ bottom:2%}
	.whatsapp-block > a .fab {margin-right: 0}
	.whatsapp-block > a > span:last-of-type {display: none}
	
	/*=============== Mobile banner ==============*/	
	.home-banner{height: auto; }
	.csslider1{ height:100%}
	.home-banner > span h1 { font-size: 22px;line-height: 35px;}
	.home-banner video {height: 300px}
	.home-banner > span {top: 50%}
	.mobile-banner > span br{ display:none !important}
	
	.footer > div > div{width: 100%}
	.footer > div > div > div{width: 100%}
	.footer > div:first-of-type > div > ul{width: 100%; padding-left: 0}
	.footer .newsletter-footer{ margin: 30px 0 0; width: 100%}
	.footer .newsletter-footer > div > ul {width: 50%;margin: 10px 0}
	.footer > div:first-of-type > div > ul{border-left:none; margin-top: 20px;}
	.footer > div:first-of-type{padding:  70px 15px 20px}
	.footer-bottom {padding: 15px!important}
	.footer-bottom > div > div { width: 100% !important;}  
	.footer-bottom > div > div > a:last-of-type {left:  45%}
	.footer-bottom > div > div > a:last-of-type {left:  60%}

	/*=============== 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%;}
  .dropdown:focus .dropdown-main-menu,.dropdown:focus .dropdown-main-menu.dropdown-main-menu-2,.dropdown:hover .dropdown-main-menu.dropdown-main-menu-2,.dropdown:hover .dropdown-main-menu.dropdown-main-menu{display:block !important; margin:0;left:0 !important;position:relative;border-radius:0 !important;min-width: 100%;}
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center}	
	.dropdown-menu{margin-left: 20px}	
	.menu-top > div{align-content: baseline;}
	.nav > li{width: 100%}
	.nav > .clearance-tag{display: none}
	.nav > li > span, .nav > li > a{width: 100%; padding: 0 15px; line-height: 40px;}
	.dropdown-menu li > span{padding: 10px; display: block; font-size: 14px;}
	
}

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