*{box-sizing: border-box}
* [onclick] {cursor: pointer; }
body,html{overflow-x: clip;}
body {font-family:Arial, Helvetica, sans-serif; margin:110px 0 0 0; width:100%; font-size:62.5%; overflow-x: clip;}
a:link{color:#e30613; text-decoration: none}
a:visited{color: #808080;}
a:hover{ color:#e30613;}
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:#e30613;  border-radius:4px;  color: rgba(255,255,255,.8)}
a > button{ display: contents; all: unset}

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

.section{position:absolute; visibility:hidden; z-index:999999;}
.section-1{width:100%; height: 110px; z-index:100;  background-color:#ffffff;box-shadow:0 0 10px 2px #ccc; position: fixed; top: 0;}
.section-header{ display: flex; justify-content: space-between; flex-wrap:wrap; align-items: center; margin: 0 auto; width: 100%; max-width: 1280px; height: 100%; }

.section-2{ position:relative; width:100%;}
.section-section{ max-width:1280px; margin:auto auto;}
.menu-top-container{width: 85%; justify-content: flex-end; display: flex; flex-wrap: wrap; align-content: space-between; height: 100%;}

/*================= MENUS ======================*/
.map-icon{border-left: 1px solid #efeff0; border-right: 1px solid #efeff0;}
.map-icon a{display: block; margin: 0 15px}
.user-block{ position:relative; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;width: 100%; max-width: 1280px; margin: auto;}
.user-block > ul{ display: flex;align-items: center; margin: 0; padding: 0; justify-content: flex-end;}
.user-block .dropdown-menu{ left: 0; z-index: 999;}
.user-block ul > li{min-width: 100px; transition:all .3s}
.user-block > ul > li:last-of-type{width: auto; transition:all .3s}
.user-block > ul > li{position:relative; list-style: none}
.user-block > ul > li > span,.user-block > ul > li > a{font-size:13px; position:relative; color: rgb(15, 15, 15); text-decoration: none; text-transform: capitalize; padding:8px 30px; display: block; cursor: pointer}
.user-block > ul > li .fa-fw{margin-right: 3px; font-size:12px; align-items:center;}
.user-block > ul > li:hover > span,.user-block > ul > li:hover > a{}
.menu-top{ position:relative; display: flex; flex-wrap: wrap; align-items: center; justify-content:flex-end; width: 100%;}

.menu-top label{display: none; }
.nav{margin:0; padding:0; display: flex; flex-wrap: wrap; align-items: center;}
.nav > li{float: left; position:relative; list-style:none; padding: 0 45px;}
.nav > li{color:#000000}
.nav > li > span,.nav > li > a{display: inline-block; color:#000; text-transform: capitalize; font-weight:600; line-height:70px; font-size:18px; text-decoration:none; transition:all .3s; background-color:transparent !important; border-bottom: solid 4px transparent; cursor: pointer}
.nav > li > span:hover, .nav > li:hover > span,.nav > li > a:hover, .nav > li:hover > a{background-color:transparent !important;  ; border-radius: 2px; border-bottom: solid 4px #e30613}
.contactus-btn{padding-right: 0 !important;}
.contactus-btn a{ font-weight: normal !important; border: solid 2px #e30613 !important; border-radius: 25px; padding: 8px 20px !important; line-height: unset  !important}
.dropdown-menu li{position:relative; list-style: none;border-bottom:1px solid #f1f1f1; width: 100%;}
.dropdown-menu li:hover{background-color: white;}
.dropdown-menu li:last-of-type{border-bottom: solid 2px #e30613;}
.dropdown-menu .view-products{background:#e30613;}
.dropdown-menu .view-products a{color:#fff; }
.dropdown-menu.double-menu{ min-width: 500px; justify-content: space-between;}
.dropdown-menu.double-menu li{width: 49%}
.dropdown-menu{padding:0; margin:0; display: none; background-color:rgba(255,255,255,.9) !important; min-width:250px; position:absolute; box-shadow: 0 0 1px 1px rgba(0,0,0,.175); font-size: 14px}
.dropdown-menu span,.dropdown-menu a{display: block; color:#292929; transition:background-color .3s; text-decoration: none; font-weight: normal; font-size: 14px;padding:10px 15px; text-transform:uppercase; white-space: nowrap;}
.dropdown-menu li:hover a{ color: #e30613 !important;}
.user-block .dropdown-menu a{font-size: 12px; min-width: 200px; text-transform: capitalize;}
.user-block .dropdown-menu{ min-width: 200px}

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

.logo{ width:7.5%; height: auto; }
.logo img{ display:block; position: relative; width: 100%; height: auto;}
.widget-container{width:20%; float:left;}

.home-banner{ display:flex; flex-wrap: wrap; margin:auto; position:relative; max-width:1663px; width:100%;text-align:left;background:#e30613}
.home-banner > div{ width:100%; }
/*.home-banner > div strong{color:#7bcaff; font-size: 32px;text-shadow: rgb(0 0 0) 1px 1px 16px;}
.home-banner > div p{ font-size:18px; line-height:32px; color:#fff}
.home-banner > div:first-of-type{padding:34px 2% ; position: absolute; width:40%; z-index: 2; background: #e30613;left: 3%; top: 12%;}
.home-banner > div > h1{ font-size:76px; font-weight:normal; line-height:76px; display:block; margin:15px 0 20px ; color:#fff}*/
.home-banner-text p{ font-size:18px; line-height:32px; color:#fff}
.home-banner-text{padding:34px 30px;  width:100%; z-index: 2; background: #e30613;}
.home-banner-text > strong,.home-banner-text > h1{ font-size:76px; font-weight:normal; line-height:76px; display:block; margin:15px 0 20px ; color:#fff}
.home-banner .csslider1{ overflow: hidden; background-color:#e30613;}

.home-banner .btn-banner{border-radius: 25px; padding: 15px 30px; background: #000;; font-size: 14px; color: #fff; text-decoration: none; display: inline-block; margin: 10px 0 0}
.home-banner .btn-banner:hover{opacity: .8}

/*---- Notice Banners--
.home-banner #cs_slide1_1 ~ div.cs_description > label.num1,
.home-banner #cs_slide1_2 ~ div.cs_description > label.num2,
.home-banner #cs_slide1_3 ~ div.cs_description > label.num3,
.home-banner #cs_slide1_4 ~ div.cs_description > label.num4
{ position: absolute; background-color: rgb(0 0 0 / 40%);max-width: 707px; width: 100%; color: #fff; bottom: 0; top: 0; left: 9.5%; z-index: 2; pointer-events: none;}*/

.home-intro{ max-width:1140px; margin:70px auto; text-align: center; padding: 0 15px}
.home-intro > strong{ width: 100%; text-align: center; position: relative; color: #000; font-size: 40px; font-weight: bold}
.home-intro > strong:before{ content: ""; position: absolute; width: 48px; height: 6px; background: #e30613; margin: auto; left: 0; right: 0; top: -40%}
.home-intro > p{font-size: 24px; line-height: 32px; margin-bottom: 0}
.home-intro > p a{color: #e30613}
.home-intro .btn-learn-more{font-size: 15px; font-weight: bold; padding: 15px 24px; border-radius: 24px; color: #fff; background: #e30613; margin-top: 15px; display: inline-block; transition: all .3s }
.home-intro .btn-learn-more:hover{ background: #e30613;}

.quick-navbar{ padding:0 0; display:flex;justify-content: space-between; flex-wrap: wrap; width:100% !important; max-width:1663px; margin:auto; background-color:#ededed; backdrop-filter: blur(2px);}
.quick-navbar > div{ display:flex;justify-content: space-between; flex-wrap: wrap; width:100%}
.quick-navbar > div > div{ transition: background-color .2s ease-out; list-style:none; padding:15px 12px ;  width:33% ; border-right: 1px solid rgb(175 175 175 / 40%); display: flex; justify-content: space-around; flex-wrap: wrap;}
.quick-navbar > div > div > a > div:first-of-type{ width:30px; margin:0 10px; }
.quick-navbar img{width: 100%; height: auto; display: block; filter: invert(1);}
.quick-navbar > div > div a{color: #000;text-decoration: none; display: flex; flex-wrap: wrap;align-items: center;}
.quick-navbar > div > div strong{ font-size:15px; font-weight:normal; color: #000; display:block; text-transform: uppercase;}
.quick-navbar > div > div:hover{background-color: rgb(120 120 120 / 70%);}
.quick-navbar > div > div:hover strong{color: #fff}
.quick-navbar > div > div:hover img{filter: invert(0);}

.home-intro-products{display: flex; flex-wrap: wrap; justify-content: space-around; margin: auto; max-width: 1280px; width: 100%; padding: 0 15px}
.home-intro-products > div{border: solid 1px transparent; width: 32%; box-shadow: 0 0 10px rgba(0, 0, 0, .15); transition: .3s all}
.home-intro-products > div:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .15); border: solid 1px #c1c1c1}
.home-intro-products > div h2 a{color: #e30613; text-transform: uppercase; font-size: 18px; font-weight: normal}
.home-intro-products > div p{ font-size: 16px; line-height: 22px; color: #666; min-height: 66px;}
.home-intro-products > div > div img{ width:100%; height: auto; display: block}
.home-intro-products > div > div:last-of-type{padding: 15px}
.home-intro-products > div label{ cursor: pointer; width: 100%}
.home-intro-products > div .btn-intro{font-size: 16px; font-weight: bold; color: #666; display: block; margin-top: 30px; }
.home-intro-products > div:hover .btn-intro{color: #e30613;}

.what-we-offer-block{background: #eeeeee; padding: 15px; display: flex; margin:70px auto; max-width: 1663px;}
.what-we-offer-block > div{max-width: 1280px; margin:50px auto 0; display: flex; justify-content: space-between; width: 100%; padding: 0 15px; flex-wrap: wrap }
.what-we-offer-block > div > div{width: 47%}
.what-we-offer-block > div > div > div{width: 48%; display: flex; flex-wrap: wrap;}
.what-we-offer-block > div > div > div{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px;}
.what-we-offer-block > div > div > div > div{width: 90%; display: flex; flex-wrap: wrap;}
.what-we-offer-block > div > div > div > div p{width: 100%; font-size: 16px; line-height: 26px}
.what-we-offer-block > div > div > div > div strong{font-size: 32px}
.what-we-offer-block > div > div > div > div strong a{color: #000}
.what-we-offer-block > div > div > div .fa-fw{font-size: 32px; color: #e30613}
.what-we-offer-block > div > div > strong{ font-size: 56px; line-height: 66px;}
.what-we-offer-block > div > div > strong b{color: #e30613; font-weight: bold}

.our-partners{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; padding:50px 15px; background: #f1f1f1; max-width: 1663px;margin: auto}
.our-partners > div{ max-width:1140px; margin:auto; width:100%; display: flex; flex-wrap: wrap; justify-content: space-around; }
.our-partners > div > div{ width:50%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.our-partners > div > div a{ width:48%; display: flex; align-items: center; border: solid 1px #ccc; box-shadow: 0 0 5px 0px #ccc;     padding:10px 15px; background: #fff}
.our-partners > div > div a:nth-of-type(1) img{ width:40%; margin: 0 auto}
.our-partners > div > div a:nth-of-type(2) img{ width:76%; margin: 0 auto}
.our-partners > div > div a img{ width:100%; height:auto; display:block}
.our-partners > div > span strong{font-size: 50px; font-weight:800; margin:0; display:flex; flex-direction:column; color: #000;    line-height: 60px;}
.our-partners > div p{ font-size:18px; margin:0; line-height: 26px; }
.our-partners > div p a{color:#6b91ba}
.our-partners > div span{font-size: 28px; color:#666; font-weight:800}

.key-figures{max-width: 1280px; width: 100%; margin:60px auto; display: flex;flex-wrap: wrap;justify-content: space-between; padding: 30px 15px}
.success-figure{display: flex; flex-wrap: wrap; justify-content: center; position: relative; width: 22%; padding: 6px; border-bottom: 3px solid #e30613}
.success-figure > span{width: 100%}
.success-figure > span:nth-of-type(2){margin-top: 16px; font-size: 16px}
.success-figure > strong{display: flex;flex-wrap: wrap;align-items: center}
.success-figure > strong > b{font-weight: 600;display: flex;flex-wrap: wrap;align-items: center}
.success-figure > strong > b > img{width: 14%;height: auto;margin-right: 5px}
.success-figure > strong{width: 100%;font-size: 48px;font-weight: 100}
.success-figure .figure-text{color: #e30613;font-size: 13px;text-transform: uppercase;margin-bottom: 10px; font-weight: 600}

.home-industries-block{ background-color:#fff; padding:0 0 70px; margin: auto; max-width: 1663px;}
.home-industries-block > div{ width:100%; max-width:1280px; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; text-align: center;padding: 0 15px}
.home-industries-block > div p{ width: 100%; font-size:20px; text-transform: uppercase; font-weight: 300; margin-bottom: 10px}
.home-industries-block > div > span{ font-weight: bold; width: 100%;font-size:34px; text-transform: uppercase; display: block;margin-bottom: 30px;}
.home-industries-block > div > span h2{ width: 100%; font-size:34px; text-transform: uppercase;  display: inline;}
.home-industries-block > div > div{ width:14%; text-align:center}
.home-industries-block > div > div strong{ font-weight:300; font-size:16px; text-transform:uppercase; display:block; margin-top:20px}
.home-industries-block > div > div > a{ text-align:center; text-decoration:none; color:#000}
.home-industries-block > div > div > a span{ height:60px; width:60px; display:table; margin:auto}
.home-industries-block > div > div > a img{ display: block; width: 100%; height: auto}

.page-title{display: flex;flex-wrap: wrap; justify-content: space-between; position: relative; background-color: #000; color: #fff; min-height: 300px; background: url("images/industrial-and-tractor-diesel-engines.webp") no-repeat; background-size: cover;    background-position: right;  max-width: 1600px; margin: auto}
.contactus-title{background: url("images/contact-us-banner.webp") no-repeat; background-size: cover;}
.workshop-banner{background: url("images/engine-rebuilds.webp") no-repeat; background-size: inherit; background-position: right;}
.industries-banner{background: url("images/genuine-diesel-engine-parts.webp") no-repeat; background-size: inherit; background-position: right;}
.engine-services-banner{background: url("images/diesel-engine-services.webp") no-repeat; background-size: inherit; background-position: right;}
.maintenance-parts-banner{background: url("images/engine-maintenance-parts.webp") no-repeat; background-size: inherit; background-position: right;}
.field-support-banner{background: url("images/deutz-emergency-support.webp") no-repeat; background-size: inherit; background-position: right;}
.certificates-banner{background: url("images/sole-distributor-deutz-products.webp") no-repeat; background-size: inherit; background-position: right;}
.aboutus-banner{background: url("images/deutz-dieselpower-ddp.webp") no-repeat; background-size: inherit; background-position: right;}
.xchange-engines-banner{background: url("images/engine-rebuilds.webp") no-repeat; background-size: inherit; background-position: right;}
.page-title:before{content: ""; position: absolute; top: 0; left: 0; height: 100%; width:50%; background: #e30613; /*border-radius: 100px / 50px;*/}
.page-title > div{max-width: 1280px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; position: relative}
.page-title > div > div{ padding:0 15px; width: 50%}
.page-title > div > div h1{font-size: 55px; margin-bottom: 0; position: relative; padding-left:30px}
.page-title > div > div h1:before{ content:""; height:100%; background:#fff; width:8px; left:0; top:0; position:absolute; }
.page-title > div ul{padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.page-title > div ul li{list-style: none; position: relative; line-height: 10px; padding-right: 30px;}
.page-title > div ul li a{color: #fff; font-size: 16px}
.page-title > div ul li:before{content:""; background-color:#fff; width:2px;height: 100%; display: table; position: absolute; top: 0;  bottom: 0; right:15px; transform: translateX(50%); margin: auto;}
.page-title > div ul li:last-of-type:before{ display:none}

.aboutus-intro{max-width: 1280px; margin:50px auto 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.aboutus-intro > div{width: 55%; position: relative}
.aboutus-intro > div:last-of-type{width:40%; position: relative}
.aboutus-intro > div img{width: 100%; height: auto; display: block}
.aboutus-intro > div h2{line-height: 51px; font-size: 38px; font-weight: normal}
.aboutus-intro > div h2 span{font-weight: bold}
.aboutus-intro > div h2 strong, .aboutus-intro > div h1 span{font-weight:bold; background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,36,36,1) 35%, rgba(255,0,0,1) 100%);background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0);}
.aboutus-intro > div h1 strong{font-weight: 900}
.aboutus-intro > div p{color: #464646; font-size: 18px; line-height: 26px}
.aboutus-intro > div img{display: block; margin: auto; border-radius: 8px;}
.experience-block > span{ position: absolute; width: 220px; text-align: center; left: 0; right: 0; margin: auto; top: 0; bottom: 15px; display: flex; flex-wrap: wrap; align-items: center; height: 140px; justify-content: space-around;}
.experience-block > span strong{ font-size: 80px; font-weight: 900;background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,36,36,1) 35%, rgba(255,0,0,1) 100%);background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0); line-height: 90px;}
.experience-block > span p{font-size: 20px; margin: 0; letter-spacing: 3px}
.aboutus-intro > div .btn1{background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,36,36,1) 35%, rgba(255,0,0,1) 100%); color: #fff}

.aboutus-sub-block{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;max-width: 1280px; margin: auto; margin-top: 50px;}
.aboutus-sub-block > h2{width: 100%; position: relative;display: flex; justify-content: space-between; align-items: center; font-weight: normal; font-size: 32px;}
.aboutus-sub-block > h2:after,.aboutus-sub-block > h2:before{ content: ""; border-top: solid 1px #979797; height: .1rem; width: 25%; display: inline-block;  -webkit-flex-basis: 25%; }

.aboutus-sub-block > div{width: 32%; margin-bottom: 50px; box-shadow: 0px 10px 25px 0px rgb(65 0 255 / 15%); padding: 40px; border-radius: 8px; position: relative; background-color: #fff; overflow: hidden}
.aboutus-sub-block > div:before{content: ""; position: absolute; top: 0; left:-25% ; width: 100%; height: 100%; background: url("images/deutz-bg-logo.webp") no-repeat; background-size: contain; filter: grayscale(100%); opacity: .1;}
.aboutus-sub-block > div > span{width: 80px; height: 80px; display: flex; background-color: #f1f1f1; border-radius: 60px; align-items: center; justify-content: space-around; font-size: 36px;}
.aboutus-sub-block > div:nth-of-type(even):after{content: ""; position: absolute; bottom: 0; right: 0; transform: translate(50%, 50%) rotate(53deg); background-color: #e30613; width: 60px; height: 80px;}
.aboutus-sub-block > div:nth-of-type(odd):after{content: ""; background-color: #000; position: absolute; bottom: 0; right: 0; transform: translate(50%, 50%) rotate(53deg); width: 60px; height: 80px;}
.aboutus-sub-block > div p{min-height: 114px}
.aboutus-sub-bg{ margin-left: calc((100vw - 1280px) / -2); margin-right: calc((100vw - 1280px) / -2); background-color: #f1f1f1; display: table; width: 100vw}

.aboutus-sub-intro-block{position: relative; margin-left: calc((100vw - 1280px) / -2); margin-right: calc((100vw - 1280px) / -2);}
.aboutus-sub-intro-block:before{content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 50%; background: linear-gradient(#941004 -63.65%, #e30613 94.74%);}
.aboutus-sub-intro-block:after{content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 50%; background: linear-gradient(#e30613 -63.79%, #941004 95.13%);}
.aboutus-sub-intro-text{max-width: 1280px; margin: auto; display: flex; flex-wrap: wrap; justify-content:space-between; width: 100%; position: relative; z-index: 1;}
.aboutus-sub-intro-text > div{width: 48%; padding: 15px; color: #fff}

.xchange-intro{font-size: 18px}
.xchange-block{display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 30px }
.xchange-block > h2{width: 100%; font-size: 30px; line-height: 36px; font-weight: normal;}
.xchange-block > div{width: 48%}
.xchange-block > div h3{color: #e30613; font-weight: normal; margin-bottom: -10px;}
.xchange-block .xchange-text{display: flex; flex-wrap: wrap}
.xchange-block .xchange-text > span{background:#e6e6e6; padding:0 15px}
.xchange-block .xchange-text > span:nth-of-type(odd){background: #fff;}
.xchange-block > div img{width: 100%; height: auto; display: block}
.xchange-block > div > p{font-weight: bold; text-align: center; font-size: 22px; line-height: 32px}
.xchange-ul{padding: 0; margin: 0}
.xchange-ul li{list-style: none; padding:5px 0}
.xchange-ul li .fa-fw{color: #e30613}

.xchange-engine > span{width: 100%; font-size: 24px; display: block; margin-bottom: 10px}
.xchange-engine{display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1280px; margin: 50px auto}
.xchange-engine > div{ width:32%; padding: 10px 30px 0 30px; background: #fff}
.xchange-engine > div h2{ width: 100%}
.xchange-engine > div img{ width:100%; height: auto; display: block}

.remanufactured-engine{display: flex; flex-wrap: wrap; justify-content: space-between;}
.remanufactured-engine h2{width: 100%;;}
.remanufactured-engine > ul{width: 30%; background-color: #f1f1f1; padding: 10px ; margin: 0}
.remanufactured-engine > ul li{ list-style:none; padding: 3px 0; display: flex; align-items: center;}
.remanufactured-engine > ul li .fa-fw{ font-size:5px; color: #e30613; margin-right: 10px; }

.xchange-back_page{ max-width: 1280px; margin: auto}

.meet-our-leadership{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.meet-our-leadership > div{ width: 48%; color: #464646; font-size: 18px;}
.meet-our-leadership > div img{ border-radius: 8px; width: 100%; height: auto; display: block}

.sub-intro{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 30px auto;}
.sub-intro > h2{width: 100%; text-align: center; color: #183176; margin: 40px 0}
.sub-intro > div:first-of-type{background: #eee; padding: 40px 20px; width: 24%; text-align: center; display: flex; align-items: center; justify-content: space-around;}
.sub-intro > div:first-of-type strong{font-size: 36px; font-weight: normal;line-height: 38px;}
.sub-intro > div{width: 72%}
.sub-intro > div p{margin: 0; line-height: 32px; font-size: 20px; }

.why-choose-block{display: flex; flex-wrap: wrap; justify-content:space-between; width: 100%; padding: 20px 0}
.why-choose-block > h2{width: 100%;  text-align: center; font-size: 30px}
.why-choose-block > h2 strong{font-weight: 900;}
.why-choose-block > div{width: 48%;display: flex; margin: 10px 0; flex-wrap: wrap;justify-content:space-between; align-items: flex-start}
.why-choose-block > div > div{width: 85%}
.why-choose-block > div > span{width: 60px; padding: 7px 11.5px; border-radius: 10px; background: #e30613; height: 60px; display: flex; align-items: center; justify-content: space-around;}
.why-choose-block > div > span img{width: 100%; height: auto; display:block; }
.why-choose-block > div h2{margin: 0; font-size: 20px; font-weight: bold}

.team-block{margin: auto; max-width: 1280px}
.team-block > div > h2{ position:relative; margin-bottom: 0; height: 40px }
.team-block > div > h2:after { position: absolute; content: ''; left: 0px; bottom: 0px; width:100px; height: 1px; background-color: #e30613}
.team-block > div > h2 i{color:#e30613;}

.management-team-block{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px;}
.management-team-block > div{width:23.5%; box-shadow: 0 4px 30px rgba(0,0,0,.15); transition: .3s all; margin: 15px 0; text-align: center; padding-bottom: 25px; background-color:#efefef}
.management-team-block > div img{width: 100%; height: auto; display: block; border-radius:200px;  padding:25px 30px; }
.management-team-block > div:hover { box-shadow: unset}
.management-team-block > div p{ text-align: center; margin-bottom: 10px; text-transform: uppercase; padding: 0 10px; line-height: 24px;}
.management-team-block > div strong{ font-size: 24px; color: #e30613; font-style: italic;}

.industries-block{margin:40px auto}
.industries-block .industries-mining{background: url("images/engines-haul-trucks.webp") no-repeat; background-size: cover; height: 400px; margin:40px auto}
.industries-power-generation{background: url("images/power-generation-12-5-500-kva.webp") no-repeat; background-size: contain; height: 400px; margin:40px auto}
.industries-construction{background: url("images/engines-excavators-loaders.webp") no-repeat; background-size: cover; height: 400px; margin:40px auto}
.industries-pump-sets{background: url("images/agricultural-irrigation-pump-set.webp") no-repeat; background-size: contain; height: 400px; margin:40px auto}
.industrial-solutions{background: url("images/power-conveyors.webp") no-repeat; background-size: contain; height: 400px; margin:40px auto}
.industries-material-handling{background: url("images/material-handling.webp") no-repeat; background-size: contain; height: 400px; margin:40px auto}
.industries-block .industries-text h2{font-weight: normal}
.industries-block .industries-text .btn-prod{font-weight: bold; background-color: #fff; color: #000; padding: 8px 25px; border-radius: 50px; margin-top: 20px; display: inline-block;}
.industries-block > div{border-radius: 10px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between}
.industries-block > div > div{width:60% }
.industries-block .industries-text{width: 40%; background: rgba(0, 0, 0, .3); backdrop-filter: blur(20px); border-radius: 10px;     padding:20px 35px; color: #fff}

.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:#343a40; 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:#ff0000}
.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:#ff0000}
.social-media-block > iframe{margin: auto; max-width: 40%}

.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/deutz-support-services.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: #e30613; 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 #e30613; 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: #e30613; 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:#e30613; left: 16px;}
.services-call2action > a:hover{text-decoration: underline; color: #fff}
.services-text > p:first-of-type{font-size: 36px; line-height: 1.2; font-weight: normal; margin-top: 0; position: relative;}

.workshop-block > div{display: flex; flex-wrap: wrap; justify-content: space-between;}
.workshop-block > div > div{width: 48.5%; box-shadow: 0 4px 30px rgba(0, 0, 0, .15); margin-bottom: 25px; border-bottom: none; padding: 30px;}
.workshop-block > div > div p{margin-bottom: 0; text-align: center}
.workshop-block > div > div h2{ min-height: 58px; text-align: center; margin: 0}

.workshop-call2action p{font-size: 22px; text-align: center}

.certificates-block{display: flex; flex-wrap: wrap; justify-content: space-between; margin:20px auto }
.certificates-block > div{width: 23%; position: relative; margin: 20px 0; display: flex; flex-wrap: wrap;}
.certificates-block > div img{width: 100%; height: auto; display: block}
.certificates-block > div > a{display: block; border: solid 2px #bbc0c8; padding: 4px; width: 100%}
.certificates-block > div > div{width: 100%}
.certificates-block > div > div a{width: 100%}
.certificates-block > div .fa-fw{font-size: 16px; color: #e30613}
.certificates-block > div h2 span{width: 90%}
.certificates-block > div h2{color: #000; border-bottom: 2px solid #e30613; margin: 0; padding-bottom: 5px; font-weight: normal; font-size: 18px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; line-height: 24px; min-height: 55px; margin-top: 10px;}

/*===================== Contact us ======================*/
.contactus-block{ display:flex; width:100%; justify-content:space-between; margin: 30px auto; flex-wrap: wrap}
.contactus-block > div > h2{ color:#222; text-transform:uppercase; font-size:20px; position:relative; height:40px; margin-bottom: 40px;}
.contactus-block > div > h2:before{ content:""; height:2px; background:#222; width:65px; left:0; bottom:0; position:absolute}
.contactus-block > div{width: 48%}
.contact-details{display:flex; justify-content:space-between; flex-wrap:wrap; width: 100% !important; margin-bottom: 60px}
.contact-details > div{width: 100%;display:flex; justify-content:space-between; flex-wrap:wrap; }

.contact-details > div > div{ width:31%; border:solid 1px #e0e0e0; padding:50px; transition:all .3s;box-shadow: 0px 10px 25px 0px rgb(65 0 255 / 15%); border-radius: 30px}
.contact-details > div > div h2{font-size:26px; margin-bottom: 10px}
.contact-details > div > div .fa-fw{ color:#222; font-size:28px; margin-top:5px}
.contact-details > div > div p{ margin:0; font-size: 18px; color: #666; line-height: 22px;  min-height: 70px;}
.contact-details > div > div a{ color:#666; text-decoration:none; font-size: 18px;}
.contact-details > div .btn-contact{ text-align: center; color:#fff; background: #e30613; border-radius: 30px; padding: 14px 30px; display: block}

.enquiry{ display:table;width:100%; margin:auto; }
.enquiry tr{}
.enquiry tr td{ width: 50%; display:inline-block;}
.enquiry tr:nth-of-type(5) td,.enquiry tr:nth-of-type(3) td,.enquiry tr:nth-of-type(4) td{ width: 100%; display:inline-block;}
.captcha {color:#666;}
.enquiry h2{}
.enquiry table{width: 100%}
.enquiry .btn1 {margin-top: 22px; font-weight: bold; padding:10px 18px; color: white !important; text-decoration:none; background: #e30613 ;border-radius: 40px;}
.enquiry input, .enquiry select, .enquiry textarea{background-color: white; color: #666; font-family:Arial, Helvetica, sans-serif; padding: 12px ; width: 100%; font-size: 16px !important; border:1px solid #c0c0c0;}

.branch-bg-block{ margin-left: calc((100vw - 1280px) / -2); margin-right: calc((100vw - 1280px) / -2); background-color: #f1f1f1; margin-top: 50px; display: flex}
.branch-block{display:flex; justify-content:space-between; flex-wrap:wrap; margin: 50px auto; max-width: 1280px; width: 100%}
.branch-block > div{ width: 32%; position: relative; margin: 60px 0}
.branch-block > div > div{ width:80%; position: absolute; top: -55px; right: 0; left: 0; box-shadow: 0 4px 30px rgba(0,0,0,.15); background-color: #fff; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between;; padding-bottom: 20px; min-height: 255px}
.branch-block > div > div h2{ display: block; background: #333; color: #fff; padding:10px 15px; font-size: 24px;    font-weight: normal; width: 100%; margin-bottom: 20px; margin-top: 0}
.branch-block > div > div > div{width:15%; padding-left: 15px}
.branch-block > div > div > div:first-of-type p{margin-top: 9px; min-height: 88px}
.branch-block > div > div > div .fa-fw{ font-size: 20px}
.branch-block > div > div > div > .fa-fw{ padding: 5px 0}
.branch-block > div > div > div .fa-envelope{margin-top: 35px}
.branch-block > div > div h2 strong{font-size: 18px; margin-top: 0; color: #e1e1e1; }
.branch-block > div > div > div p{font-size: 14px; margin-top: 0; min-height: 96px}
.branch-block > div > div > div a{font-size:16px;width: 100%; display: block; margin: 5px 0; color: #333333}
.branch-block > div > div > div:last-of-type{width: 84%; padding-right: 15px; border-left:1px solid #e30613; line-height: 24px}
.branch-block > div iframe{ width:100%; display: block}
.branch-block > div > div > div:last-of-type strong{font-size: 14px; line-height: 22px;min-height: 40px; display: block}

.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{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:#e30613; 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:#000; display:table;border-top: 1px solid #ededed;}
.footer > div{display: flex; flex-wrap: wrap; justify-content: space-between; text-align:left; width:100%; max-width: 1280px; padding:0 15px;  font-size:16px; line-height:22px; margin: auto;}
.footer > div > div{ width:10%; padding: 20px 0;}
.footer > div > div img{ width:100%; height: auto; display: block}
.footer > div > div:last-of-type{ width:82%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;    border-left: 1px solid rgb(255 255 255 / 50%); padding-left: 20px;}
.footer > div > div:last-of-type a{padding: 5px 25px}
.footer > div > div:last-of-type > ul:first-of-type{font-size: 16px; font-weight: bold;}
.footer > div > div:last-of-type > ul:first-of-type a{font-size: 16px; font-weight: 900; padding: 10px}
.footer .social-media-footer{width: 100%; display: flex; flex-wrap: wrap; justify-content:space-between;}
.footer .social-media-footer a{font-size: 18px; padding: 5px 25px;}
.footer > div a{ text-decoration:none;color:#fff;}
.footer > div ul{padding: 0; margin: 0;display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer > div ul li{list-style: none}


.footer-bottom{padding: 12px 0; display: table; width: 100%; background-color: #000; border-top: solid 1px rgb(255 255 255 / 50%)}
.footer-bottom > div{max-width: 1280px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 15px; align-items: center; }
.footer-bottom > div img{ height: auto; display: block}
.footer-bottom ul{ padding:0; margin: 0;display: flex; flex-wrap: wrap; color: #fff}
.footer-regions ul strong{ display:block; font-size:12px;margin-bottom: 3px;}
.footer-bottom li{ list-style:none;color:#fff; font-size:12px}
.footer-bottom li a{ text-decoration:none; color:#fff; padding: 0 15px}

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

/*******************************************************************************
                                Places
*******************************************************************************/
*{box-sizing: border-box;}
#places_locator_Main{ width: 100vw; }
#places_locator_search{ padding: 15px 15px; width: 100%;display: grid; grid-template-columns: 1fr; grid-gap: 6px;height: max-content;}

#places_locator_search > *{width: 100%; padding: 3px;}
#places_locator_search > *:last-child:nth-child(2n-1){ grid-column: 1/-1;}
#Divider_PlacesLocator{ height: 600px; position: relative;}
#places_locator_sidebar_parent{ max-height: 80%; width: 30%; display:grid; grid-column:1fr; position: absolute;top:15px; left: 15px; z-index: 1; background-color: #fff;box-shadow:0px 0px 7px #000000ab}
#places_locator_sidebar{overflow-y: auto;height: max-content;max-height: 100%;}
#places_locator_sidebar > div{ width: 100%; padding: 15px; overflow-y: auto; }
*[id^="map_marker_id_"]  *:not(:first-child) > *{display: inline-block; padding: 2px 4px;}
*[id^="map_marker_id_"] > div > *:first-child{width: 10%;}
*[id^="map_marker_id_"] > div > *:nth-child(2){width: 90%; display: inline-block;}

#places_locator_sidebar > div:not(:last-child){ border-bottom: solid black 1px; }
#place_locator_map{ height: 100%; width: 100%;width: 100vw;margin-inline: calc( (100vw - 100%) / -2);scroll-margin-top: 20dvh;}

/*BOTTOM LIST*/
#places_locator_sidebar{overflow-y: auto;height: max-content;max-height: 100%;display: grid; grid-template-columns: repeat(3,1fr);gap: 16px;}
#places_locator_sidebar > div{ width: 100%; padding: 15px; overflow-y: auto; border: 1px solid #ccc !important;}


@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: 600px) and (max-width: 1024px){
	body{display: block; margin-top: 100px}
	.section-1{height: 100px}
	.section-header{ padding: 0 15px}
	.nav > li{padding: 0 30px;  }
	.nav > li > span, .nav > li > a{ display: block}
	.home-banner > div:first-of-type{width: 50%}
	.home-banner > div > h1{font-size: 50px; line-height: 56px;}
}

@media (min-width: 600px) and (max-width: 800px){	
	.section-header{width: calc(100% - 50px); float: right; padding: 0 15px}
	.logo{width: 12%}
	.nav > li{width: 100%;}
	
	.nav > li > span, .nav > li > a{color: #fff; display: block}
	.contactus-btn a{display: inline-block !important}
	.user-block{height: 100%;}
	.what-we-offer-block > div > div > div > div{width: 80%}
	.what-we-offer-block > div > div > strong{font-size: 40px; line-height: 50px}
	.home-industries-block > div > div strong{font-size: 14px}
		
	.contactus-btn{display: block !important}
}

@media screen and (max-width:599px){
	body{display: block; margin-top: 100px}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	.mobi-only{ display: block !important}
	img{max-width: 100%; height: auto}
	.logo{width: 30%;left: 50px;}
	.section-1{height: 100px}
	.section-header{width: calc(100% - 50px); float: right; padding: 0 15px}
	.section-2, .section-section{width:100%;}	
	.widget-container{width: 50%;}
	.user-block{height: 100%}
	.user-block ul{display: none}
	.user-block .contactus-btn{display: flex !important;}
	.user-block .contactus-btn a{font-size: 16px; color: #000}
	.menu-top-container{width: auto}
	
	.quick-navbar > div > div > a > div:first-of-type{margin: 0 auto 10px}
	.quick-navbar > div > div{text-align: center}
	
	.home-intro > p{font-size: 20px}
	.home-intro-products > div{width: 100%; margin-bottom: 20px}
	.home-intro-products > div p{min-height: unset}
	
	.what-we-offer-block{margin: 30px auto; padding: 0}
	.what-we-offer-block > div > div{width: 100%}
	.what-we-offer-block > div > div > strong{font-size: 36px; line-height: 38px; width: 100%; display: block; margin-bottom: 20px;}
	.what-we-offer-block > div > div > div .fa-fw{font-size: 24px}
	.what-we-offer-block > div > div > div > div strong{font-size: 28px}
	.what-we-offer-block > div > div > div > div{width: 88%}
	
	.home-industries-block{padding-bottom: 30px}
	.home-industries-block > div > div{width: 49%; margin: 10px auto}
	.home-industries-block > div > div strong{font-size: 14px;}
	
	.our-partners{padding: 15px;}
	.our-partners > div > div,.our-partners > div span{width: 100%; margin: 10px 0}
	.our-partners > div > span strong{font-size: 40px; line-height: 40px;}
	
	.success-figure{width: 48%; margin: 10px 0;}
	.success-figure > strong{font-size: 38px}
	.key-figures{margin: auto}
	
	#places_locator_sidebar_parent{width: 100%; left: 0}
	#places_locator_sidebar{grid-template-columns: repeat(1, 1fr);}
	#_Products_Summary ._Product_Heading > h1{ margin-top: revert !important;}
	#_Products_Summary #_Products_Grid{padding: 0 15px}
	
	.aboutus-intro > div h2 br{display: none}
	.aboutus-intro > div{width: 100% !important}
	.aboutus-intro > div h2{line-height: 38px; font-size: 26px;}
	.aboutus-intro{margin: auto}
	.aboutus-sub-intro-block{margin: auto}
	
	.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}
	
	.aboutus-sub-bg{margin: auto}
	.xchange-engine > div,.xchange-block > div{width: 100%; margin: 15px 0}
	.sub-intro > div:first-of-type,.sub-intro > div,.remanufactured-engine > ul{width: 100%}
	.sub-intro > div:first-of-type{margin-bottom: 35px}
	.why-choose-block > div > div,.why-choose-block > div,.aboutus-sub-block > div,.industries-block .industries-text{width: 100%}
	.industries-block > div,.industries-power-generation{height: auto !important}
	.aboutus-sub-intro-text > div,.meet-our-leadership > div,.workshop-block > div > div{width: 100%}
	.aboutus-sub-intro-block:after,.aboutus-sub-intro-block:before{height: 50%; width: 100%}
	.aboutus-sub-intro-block:after{top: unset; bottom: 0}
	.why-choose-block > div > span{margin-bottom: 15px}
	.certificates-block > div,.management-team-block > div{width: 100%}
	
	.social-media-block > strong a{font-size: 16px}
	.social-media-block > iframe{max-width: 100%}
	
	.page-title{min-height:160px }
	.page-title:before{background: rgb(0 0 0 / 50%); width: 100%}
	.page-title > div > div{width: 100%}
	.page-title > div > div h1{font-size: 38px}
	
	.contact-details > div > div{width: 100%; padding: 20px; margin: 20px 0}
	.contact-details > div > div p{min-height: unset; margin: revert}
	.contactus-block > div{width: 100%}
	.enquiry{margin-bottom: 30px}
	
	.branch-bg-block{margin: auto}
	.branch-block > div{width: 100%}
	.branch-block > div > div > div:first-of-type p{min-height: 120px}
	.branch-block > div > div > div .fa-envelope{margin-top: 25px}
	.branch-block > div:last-of-type{display: none}
	.branch-block{margin-bottom: 0}
	
	.footer > div > div:first-of-type{width: 33%; margin: auto; padding-bottom: 0}
	.footer > div > div:last-of-type{width: 100%; padding-left: 0;border-left:0; padding-top: 0}
	.footer > div > div:last-of-type > ul:first-of-type li:first-of-type {width: 100%}
	.footer > div > div:last-of-type > ul:first-of-type a{display: block; padding: 5px 0}
	.footer > div > div:last-of-type > ul:nth-of-type(2){display: none}
	.footer > div ul{width: 100%}
	.footer .social-media-footer > div{margin: 10px 0; font-size: 14px; display: flex; flex-wrap: wrap;justify-content: space-between;}
	.footer .social-media-footer > div > span:last-of-type{width: 90%}
	.footer-bottom > div > ul:first-of-type{width: 50%}
	.footer-bottom li{padding: 7px 0 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; color: #fff}
	.tcs-block div{ line-height:20px}
	.tcs-block div input{ width:10%}
	
	/*=============== Mobile banner ==============*/	
	.home-banner{ }
	.csslider1{ height:100%}
	.home-banner > div{width: 100%}
	.home-banner strong,.home-banner h1{font-size: 32px; margin: 0 0 10px 0; line-height: 38px;}
	/*.home-banner > div:first-of-type{padding: 20px;top: unset; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; background: rgb(227 6 19 / 76%);}*/
	.home-banner-text{padding: 20px;top: unset; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; background: rgb(227 6 19 / 76%);}
	.home-banner .csslider1{border-bottom-left-radius:0}
	.home-banner h2{font-size: 26px;   line-height: 28px;}
	.cs_title .cs_wrapper{ bottom:0}
	.mobile-banner{ position:absolute;background-color: rgba(0, 0, 0, 0.5); bottom:0;color: #fff; margin: 0; font-size: 20px; line-height: 26px; left: 0; width:100%; height:85%}
	.csslider1 > .cs_description > label{ max-width:100% !important; width:100%; left:0 !important; top:unset !important; bottom: 0}
	
	/*.home-banner .cs_title .cs_wrapper{ padding:0 15px; font-size:26px}*/
	.mobile-banner > span{ position:unset; font-size:32px; line-height:32px}
	.home-banner .cs_descr .cs_wrapper{ margin:30px 0 0 0; padding:0 15px; font-size:20px; line-height:26px}
	.home-banner .cs_descr .cs_wrapper br{ display:none}
	.home-banner .btn-learn-more{ margin-left:15px; margin-top:15px}
	.home-banner .cs-title-align{ margin:0}
	.mobile-banner > span h1{ font-size:32px; line-height:32px}
	.csslider1 > .cs_description > label .cs_title{margin-bottom: 0 !important}

	.mobile-banner p{font-size: 16px; margin-bottom:0}
	.quick-enquiry-block{ position:fixed; display:block;bottom: 2%;left: 4%; background-color:#2b2c53;border-radius: 4px; z-index:999}
	.mobile-banner > span br{ display:none !important}


	/*=============== 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-menu span, .dropdown-menu a{white-space: normal;}
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center; display: block;}
	.nav > li > span, .nav > li > a{color: #fff; line-height: 40px; display: block}
	.nav > li{ padding: 0 15px; width: 100%;}
	.nav .contactus-btn{display: none}
	.dropdown-menu{margin-left: 20px}	

}

@media screen and (max-width: 800px){
	.menu-top{ background-color:#000; left: 0; justify-content: start; position:fixed; top:0; height:100px; width:50px; overflow:hidden; padding:0px; transition:all 0.3s; z-index:100}
	#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)}
}