*{box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}
body,html{overflow-x: hidden;}
body {font-family:Arial, Helvetica, sans-serif; margin:150px 0 0 0; width:100%; font-size:62.5%; overflow-x: hidden;}
a:link{color:#808080;}
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-toggle-search,.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:6px 12px; width: 150px; text-align:center; font-size:14px; background-color:#cd2827;  border-radius:4px;  color: rgba(255,255,255,.8)}

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

.jd-clothing{position:absolute; visibility:hidden; z-index:999999;}
.john-deere-1{width:100%; height:150px; z-index:100;  background-color:#fff;box-shadow:0 0 10px 2px #ccc; position:fixed; top:0}
.john-deere-1:before{ content:""; background-color:green; position:absolute; bottom:0; left:0; width:100%; display:table; height:46px}
.john-deere-header{ max-width:1280px; margin:auto; display: flex; width: 100%; flex-wrap: wrap;}
.jd-toys-2{ position:relative; width:100%;}
.jd-toys-section{ max-width:1280px; margin:auto auto;}

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

.menu-top label{display: none}
.nav{margin:0; padding:0;display: flex; justify-content: space-between; flex-wrap: wrap;}
.nav > li{ position:relative; list-style:none;font-weight:bold;text-transform:uppercase; font-size:1.6em; color:#fff}
.nav > li > a{display: inline-block; color:rgba(255, 255, 255,1) !important; padding:0 !important;  text-decoration:none; transition:all .5s; background-color:transparent !important; padding:14px 30px !important }
.nav > li:first-of-type{background-color: #CC0000; padding:14px 50px}
.nav > li a:hover, .nav > li:hover > a{background-color:transparent !important; color:rgb(217 217 217)!important;}

.dropdown li:last-of-type{border:none !important}
.dropdown > a{color:white !important; padding:10px 15px !important; }

.dropdown-menu li{ position:relative; list-style: none;border-bottom: 1px solid #f4f4f4; font-weight:normal; text-transform:none}
.dropdown-menu{padding:0; margin:0; display: none; background-color:#eaeaea; min-width:230px; left:20px; position:absolute; box-shadow: 0 0 1px 1px rgba(0,0,0,.175); font-size: 14px; top: 100%;}
.dropdown-menu a{color:#404040 !important; transition:background-color .5s;  padding:10px 15px;text-decoration: none; width:100%; display:block; white-space: nowrap;}
.dropdown-menu li:hover a{color:rgb(239, 46, 36)!important}

.nav > li:nth-of-type(4) .dropdown-menu,.nav > li:nth-of-type(5) .dropdown-menu{ right:0; left:unset}

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

.menu-home{float: left; width:100%;}
.menu-home > div{float: right;}
.menu-home a{color:#E4E0E0; margin-right:15px; text-decoration:none;}
.menu-home a:last-child{margin-right:0px;}
.menu-home a:hover{color:#fff;}

.menu-side{position:relative; float:left; width:200px; height:300px; border-radius:5px; border:#999999 1px solid; margin-left:10px; margin-right:10px; margin-top:10px; color:#fff; top:0px;}
.menu-side span{ display:block; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#4D60AC; color:#fff; width:200px; height:25px; text-align:center; font-weight:normal; text-transform:uppercase; padding-top:5px;}
.menu-side div{ background-color:#fff;}
.menu-side a{ position:relative; float:left; background-color:#fff; font-weight:bold; width:190px; height:25px; color:#000; border-bottom:1px solid #999999; padding-left:10px; padding-top:5px; text-align:left;}
.menu-side a b{ width:9px; height:6px; position:relative; float:left; margin-right:0px; top:5px; background-repeat:no-repeat;}
.menu-side a:hover{color:#FFD900;}

/*==================== LOGO =======================*/
.logo{position:relative;display: flex; justify-content: space-between; align-items: center; width:18%; }
.logo img{width: 100%; height: auto; display: block}
/*logo:before{ content:""; position:absolute; height:100%; background-color:#231f20; width:1px; left:55.5%}*/

.widget-container{width:33%; display: flex; position:relative;justify-content: space-between; height:51px; border: solid 1px #231f20;border-radius:4px; left:90px}

.trademark{ position:relative;width: 100px; display: flex; align-items: center;  border-right:solid 1px #231f20; justify-content: space-around;}
.trademark > a{font-size: 14px;text-decoration: none; color: #231f20;}
.trademark .products-menu{margin:0; border: solid 1px #dbdbdb; border-radius: 4px; width: 210px; left: 0;top: 100%; background-color: #fff; z-index: 1; padding:3px 5px;position:absolute; }
.trademark .products-menu li{ list-style:none}
.trademark .products-menu li a{ font-size:14px; color: #231f20; text-decoration:none;width: 100%; display: block; padding: 7px}

/*===================== SEARCH ======================*/
.search{ position:relative;  font-weight:normal; width:80%;display: flex;justify-content: space-between; background-color: white;}
.search a{width: 35px; position:relative; font-size: 20px;  color: #fff; background-color: #231f20; display:flex; align-items: center; justify-content: space-around}
.search a:hover{text-decoration:none; opacity:.8}
.search input{position:relative; float:left;  width:85%; font-size: 13px; font-style:italic; border: none; outline: none; text-transform:uppercase; padding-top:2px; margin:auto}

.menu-top-container{ width:100%; height: 104px; max-width:1280px}
.menu-top-block,.menu-top-container{ display:flex; flex-wrap: wrap; justify-content: space-between;align-items: center;}
.menu-top-block{ width:26%;}
.menu-top-container a{ text-decoration:none}
.menu-top-block .fa-sort-down{ margin-left:7px;}

.menu-top-block > ul{ width:100%; display:flex; padding:0;justify-content:flex-end;;align-items: center; margin:-20px 0 0; }
.menu-top-block > ul li{ list-style:none; padding:0 10px}
.menu-top-block > ul li a{ text-decoration:none; font-size:14px; color:#707070}

.top-deal-zone > a{ color:#707070; font-weight:bold; display:flex; flex-wrap: wrap; justify-content: space-between;align-items: center; }
.menu-top-block > div > a img{margin-right: 10px;}
.menu-top-block > div > a{ color:#707070; font-weight:bold; font-size:16px}

.shopping-cart-block{ position:relative;transition:all .3s;width:146px}
.shopping-cart-block > a{padding:13px 10px; display:block }
.shopping-cart-block:hover > a span{ color:#fff;}
.shopping-cart-block .fa-shopping-cart{ font-size:24px; margin-right:10px}
.login-menu{width:180px; position:relative;display: flex;justify-content: space-between;align-items: center;transition:all .3s;}
.shopping-cart-block:hover,.login-menu:hover{ background-color:#ababab}
.shopping-cart-block:hover > a,.login-menu:hover .sign-block-text > a{ color:#fff}
.login-menu > div > a{ display:flex; flex-direction: column; align-items: center; text-decoration: none; font-size: 12px; color: #231f20;}
.login-menu > div{ display:flex; position:relative}
.sign-block-text > a > div > span{ font-size:12px; height:15px; width:100%}
.sign-block-text > a > div > strong{ height:18px; width:123px; display: flex; flex-wrap: nowrap;}
.menu-top-shopping-icons{ position:relative}
.menu-top-shopping-icons > a{color: #24377d; font-weight: bold; font-size: 14px;}
.menu-top-shopping-icons > span{position: absolute; color:#00af4b; font-size: 13px; left: 33%; top: 23%; transform: translate(-50% , -50%); font-weight: bold;}
.login-menu > div > a .fa-fw{ font-size:19px}
.signin-block > a{ display: flex; justify-content: center; align-items: center;}
.signin-block .signin-dropdown{ position:absolute;background-color:#ffffff; text-transform: uppercase;font-size:12px; width:360px; z-index:101; top: 100%; right: 0%; display:none; border: solid 1px #dbdbdb; border-radius: 4px;}
.signin-block ul{ padding:0; margin:0}
.signin-block ul .btn1{text-decoration: none; color:#fff; font-size: 18px; font-weight: bold; text-transform: capitalize;}
.signin-block ul .btn1:hover{ text-decoration:none}
.signin-block ul:nth-of-type(2),.signin-block ul:last-of-type{display:flex;}
.signin-block ul:nth-of-type(2) li{width:50%;border-right:1px solid #dbdbdb;}
.signin-block ul:last-of-type li{width:50%;}
.signin-block ul li{ list-style:none; text-align:left;  transition:all 0.5s }
.signin-block ul:first-of-type li{ width: 70%; margin: 20px auto; display: block; padding:0}
.signin-block ul:first-of-type li:first-of-type{ margin:30px auto 10px auto; text-align:center; font-size: 18px; text-transform: capitalize; color: #707070;}
.signin-block ul:first-of-type li:last-of-type{ border: 1px solid #707070; border-radius: 3px; text-align:center }
.signin-block ul:first-of-type li:last-of-type a{ transition:all .3s; color:#000; font-size:16px; text-transform:none; font-weight:700; display:block}
.signin-block ul:first-of-type li:hover a{ opacity:.8}
.signin-block ul:first-of-type li a{ width:100%; padding: 14px 0; transition: all .3s}

.signin-block ul:last-of-type li{width:33.33%; transition:all .3s; background-color:#eeeeee}
.signin-block ul:last-of-type li a{ display:flex; padding:20px 0; flex-direction: column; align-items: center;}
.signin-block ul:last-of-type li a .fa-fw{ font-size:24px; margin-bottom: 8px;}
.signin-block ul:last-of-type li:hover{ background-color:rgb(238 238 238 / 50%)}
.signin-block ul li a{ color:#333232; text-decoration: none;}

.sign-block-text{color: #00af4b;font-size: 12px; padding:9px;display: flex; justify-content: space-between; width:100%;    align-items: center;}
.sign-block-text > a:first-of-type{ width:17%}
.sign-block-text > a:last-of-type{ width:77%}
.sign-block-text > a > strong{ display:block; font-size:16px}
.sign-block-text > a{ color:#707070; font-size:16px; flex-wrap: wrap; }
.sign-block-text > a > .fas{ font-size:26px}
.sign-block-text > a > div{display: flex; justify-content: space-between; flex-wrap: wrap; width:100%}
.basket-displaytotal{ font-size: 16px; font-weight: bold;color: #707070;  text-align: center; margin-left: 6px; }
.login-menu:hover .signin-dropdown{display:block !important}

#ExtContent_Popup .signin-dropdown{background-color:#ffffff; text-transform: uppercase;font-size:12px; width:100%;}
#ExtContent_Popup .signin-dropdown .btn1{ padding:8px 10px !important}
#ExtContent_Popup .signin-dropdown ul{ padding:0; margin:0; width:100%; display: flex; flex-wrap: wrap;}
#ExtContent_Popup .signin-dropdown ul:first-of-type li{ text-align:center}
#ExtContent_Popup .signin-dropdown ul .btn1{ min-width:150px; color:#fff}
#ExtContent_Popup .signin-dropdown ul .btn1:hover{ text-decoration:none}
#ExtContent_Popup .signin-dropdown ul:first-of-type li:last-of-type a{ color:#ff0000}
#ExtContent_Popup .signin-dropdown ul:first-of-type li:last-of-type{ padding-top:0; color: #404040;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li{ width:100%; border-bottom:0; border-right:1px solid #dbdbdb;}
#ExtContent_Popup .signin-dropdown ul li{ list-style:none; text-align:left;border-bottom: 1px solid #ccc; transition:all 0.5s }
#ExtContent_Popup .signin-dropdown ul:first-of-type li:first-of-type{ border-bottom:none}
#ExtContent_Popup .signin-dropdown ul li{display: inline-block; padding:12px 8px; width:100%}
#ExtContent_Popup .signin-dropdown ul li a{ color:#404040; text-decoration:none}
#ExtContent_Popup .signin-dropdown ul li:hover a{ text-decoration:underline}
#ExtContent_Popup  .signin-dropdown:before{ display:none;}

#ExtContent_Popup .signin-dropdown ul:nth-of-type(2),.signin-block ul:last-of-type{display:flex;}
#ExtContent_Popup .signin-dropdown ul:nth-of-type(2) li{width:50%;border-right:1px solid #dbdbdb;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li{width:50%;border-bottom:0;border-right:1px solid #dbdbdb;}
#ExtContent_Popup .signin-dropdown ul:last-of-type li:first-of-type span{ display:none }
#ExtContent_Popup .signin-dropdown ul li{ list-style:none; text-align:left;border-bottom: 1px solid #ccc; transition:all 0.5s }
.pop-up-45{position: fixed; z-index: 999999999; bottom: 0; top:150px; left: 0; width:100%; background:rgb(0 0 0 / 50%); height:100%; text-align:center; display: none}
.pop-up-45-close{position: absolute; right:0; top:6px; cursor: pointer; color: #d62a29; height:28px; width:28px; border-radius:40px; z-index: 999999999; font-size: 14px;line-height: 28px; padding:0 8px; background-color:#fff}
.pop-up-45 img{border-radius:4px; box-shadow: 0 0 10px 2px #010101; width:100%; display:block; height:auto}
.pop-up-45 > div{ font-size: 18px; line-height: 26px;border-radius: 4px;top:10%; max-width:800px; position: relative; margin:auto; display:table; width:100%; padding: 10px}


.home-banner{ position:relative; max-width:1663px; margin:auto; width:100%;height: calc(100vw * 0.235); max-height:305px; overflow: hidden;background-color: #fff; box-shadow: 0 2px 0 rgba(0,0,0,.04); }
.home-banner:before{ content:""; position:absolute; display:block; background-color:#cd2827;height: 100%; width:55%;z-index: 2;-webkit-transform: rotate(108deg); -moz-transform: rotate(108deg); transform: rotate(108deg);}
.home-banner-block > span{font-weight:bold;position:relative;line-height:32px;  font-size:30px;}
.home-banner-block > span h1{ line-height:32px; font-size:20px; margin:0; color:#fff15b; padding: 0 0; text-transform: uppercase;}
.home-banner-block > span h1 a,.home-banner-block p > a{  text-decoration:none}
.home-banner-block p{ font-size:20px;  margin:0; color:#fff}
.home-banner .read-more-btn{ display: table; color: #fff !important;background-color:transparent; position:relative; padding: 0px 15px;  font-size: 14px; margin-top: 25px; transition:all .3s; text-decoration:none; font-weight:bold;line-height:32px; border:solid 2px #fff}

.banner-stripe-1{max-width:1663px; width:66%; margin:auto; text-align:center; display:flex; flex-wrap:wrap; justify-content: space-around; padding:15px 10px;background-color: rgb(205 40 39 / 85%);;font-size:18px; color:#fff; position: absolute;  bottom: 0; z-index: 1; right: 0; }
.banner-stripe-1 p{ margin-bottom:0; margin-top:10px}
.banner-stripe-1 > strong{ width:100%; font-size:20px}

.notice-block{display: flex; flex-wrap: wrap; background: #cd2827;}
.notice-block > div{display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1280px; width: 100%; margin: auto; padding: 0 15px}
.notice-block > div p{ color: #fff; text-align: center; font-size: 18px; width: 100%; line-height: 26px}


.categories-block{ max-width:1280px; width:100%; margin:50px auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.categories-block > div{ width:32%;}
.categories-block > div > div a{ position:relative; display:block; width:100%; color:#fff}
.categories-block > div ul{ margin:0; padding:40px 20px; position:absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 40%); display:none}
.categories-block > div:hover ul{ display:block}
.categories-block > div ul li{ list-style:none; padding: 5px 10px; font-size: 17px;}
.categories-block > div h2{ font-size:30px; padding-left:10px; text-transform:uppercase}
.categories-block > div p{ font-size:18px}
.categories-block > div h2 a{ color:#000; text-decoration:none}
.categories-block > div img{ width:100%; height:auto; display:block}
.categories-block > div .btn-buy{background: #387c2b; text-decoration: none; text-transform: uppercase; color: #fff; padding: 10px 35px ;font-size: 16px; margin-top:30px; display: table;}

.page-title{ display:table; width:100%; position:relative; overflow:hidden;background-color:#3b8004;}
.page-title > div{ max-width:1280px; margin:auto; position:relative;height:170px}
.page-title > div h1{ color:#fff;font-size: 50px; top:40%; position:absolute; transform: translate(0,-50%); margin: 0; display:table;}
.page-title:before{background-image: url(images/icons/pattern.png); position: absolute; left: 0; right: 0;  top: 0; bottom: 0; content: "";}
.page-title > div h1:after{ content:""; position:absolute; color:#fff; display:block; border:solid 0.5px #fff; width:100%; bottom:0; min-width:570px}
.page-title > div h1 > span{ color:#ef2e24;text-shadow: 0px 0px 2px #000;}
.page-title > div > span{ font-size:14px; position:absolute; top: 60%; transform: translate(0,50%);}
.page-title > div span a{border-left: solid 1px rgba(7, 82, 165, .1); border-right: solid 2px rgba(255, 255, 255, 1); padding: 0 10px; display:block; color: #fff; float: left; line-height: 15px; font-weight: 600; text-transform: uppercase; text-decoration:none}
.page-title > div span a:hover{ opacity:0.8}
.page-title > div span a:last-of-type{padding-right: 0; border-right: none}
.page-title > div span a:first-of-type{ padding-left:5px}

.page-title-contactus{width:100%; position:relative}
.page-title-contactus > div:first-of-type{ position:relative;display:flex; flex-wrap:wrap; max-width:1663px; height:100%}
.page-title-contactus > div:first-of-type:before{ position:absolute; content:""; width:100%; height:100%; top:0; bottom:0; background-color:rgba(0, 0, 0, 0.3);pointer-events: none	;}
.page-title-contactus > div:last-of-type{ left:0; right:0; width:100%; max-width:1140px; margin:auto; position:absolute;display:flex; flex-wrap:wrap;justify-content: space-between;top:50%;transform:translate(0 , -50%)}
.page-title-contactus > div:last-of-type > div{ width:48%; background-color:#181818; color:#fff; position:relative; padding:10px 25px; border-radius:4px}
.page-title-contactus > div:last-of-type > div h2{ color:#fff}
.page-title-contactus > div:last-of-type > div ul{ padding:0; font-size:14px; line-height:24px; margin:10px 0px 3px 0}
.page-title-contactus > div:last-of-type > div ul li{ list-style:none}
.page-title-contactus > div:last-of-type > div a{ color:#fff; text-decoration:none}
.page-title-contactus > div:last-of-type > div sup{position: relative; top: 5px; right: 2px;}
.page-title-contactus > div:last-of-type > div h2{ text-transform:uppercase; float:left; width:100%}
.page-title-contactus > div:last-of-type > div > div{ border-top:1px solid #fff; float:left; width:75%; }
.page-title-contactus > div:last-of-type > div > div:last-of-type{ width:25%; border:none; float:right; text-align:center; display:flex;justify-content: center;align-items: center; position:absolute; right:0; top:50%;transform:translate(0 ,-50%)}
.page-title-contactus > div:last-of-type > div > div:last-of-type .fa-fw{ font-size:60px !important}

.online-shop-text a{ text-decoration:none; color:#231f20}
.online-shop-text a:hover{ color:#ef2e24}
.online-shop-text ul{ margin:0;padding-left:20px}
.online-shop-text ol{ padding-left:20px}

.subpage-img{ display:flex;justify-content: space-between; margin:25px 0}
.subpage-img img{ border-radius:4px;box-shadow: 0 0 6px hsla(0,0%,60.8%,.7);}

.enquiry{ max-width:1140px; width:100%; display:table; margin:20px auto;}
.enquiry h1{ font-size: 28px; color: #231f20;}
.enquiry table tbody{display: flex; flex-wrap: wrap; justify-content: space-between;}
.enquiry table tr{ width:49%;display: flex; flex-wrap: wrap;}
.enquiry table tr td textarea,.enquiry table tr td select,.enquiry table tr td input{ width:100%; border: solid 1px #231f20; padding:10px; font-family: Arial, Helvetica, sans-serif; color:#231f20}
.enquiry table tr td,.enquiry table tr:nth-of-type(3),.enquiry table tr:last-of-type{ width:100% !important}
.enquiry .btn1{ text-decoration:none; color:#231f20 !important; margin-top:10px;background-color: transparent; border: solid 2px #231f20;}
.enquiry .btn1:hover{ color:#fff !important; background-color:#231f20; color:#fff}

.delivery-block{ width:100%; display:table;border-bottom: 1px solid #bec0c3; border-top: 1px solid #bec0c3; margin:50px 0 0}
.delivery-block > div{ max-width:1280px; width:100%; margin:20px auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.delivery-block > div > div{ display:flex; flex-wrap:wrap; justify-content:space-between; width:31% }
.delivery-block > div > div > div:first-of-type{width:17%}
.delivery-block > div > div > div:last-of-type{ width:83%}
.delivery-block > div > div .fa-fw{color: #e62e2d; font-size: 40px;} 	
.delivery-block > div h3{ color:#111; font-size: 18px; line-height: 18px; font-weight:normal; margin:0}
.delivery-block > div p{ font-size:14px; line-height:18px}
.delivery-block > div a{ font-weight:bold; font-size:13px; color:#1e5a99; text-decoration:none}

.enquiry{ max-width:1140px; width:100%; display:table; margin:20px auto;}
.enquiry h1{ font-size: 28px; color: #231f20;}
.enquiry table tbody{display: flex; flex-wrap: wrap; justify-content: space-between;}
.enquiry table tr{ width:49%;display: flex; flex-wrap: wrap;}
.enquiry table tr td textarea,.enquiry table tr td select,.enquiry table tr td input{ width:100%; border: solid 1px #231f20; padding:10px; font-family: Arial, Helvetica, sans-serif; color:#231f20}
.enquiry table tr td,.enquiry table tr:nth-of-type(3),.enquiry table tr:last-of-type{ width:100% !important}
.enquiry .btn1{ text-decoration:none; color:#231f20 !important; margin-top:10px;background-color: transparent; border: solid 2px #231f20;}
.enquiry .btn1:hover{ color:#fff !important; background-color:#231f20; color:#fff}

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

.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:40%; margin-top:20px}
.text-block.disclaimer-text > div > a{min-width:150px;color: #fff; text-decoration:none}

/*===================== DOWNLOAD ======================*/
.download-brochure{ display:block; padding:0px; margin:0px; color:#494848; font-weight:bold; font-size:11px;}
.download-brochure div{position:relative; float:left; width:120px; height:230px; margin-right:5px; margin-left:5px; text-align:left;}
.download-brochure img{border:#CCCCCC 1px solid; margin-bottom:2px; width:100px; height:140px;}
.download-brochure img:hover{opacity:0.7;-webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -o-transition: all 0.75s ease; }
.download-brochure a{font-size:11px; margin:0px; text-align:left; padding:0px; position:relative; float:left; margin-top:5px;}
.download-brochure h3{ font-size:11px; color:#000; height:25px; position:relative; float:left; width:130px; margin-top:2px; margin-bottom:2px; line-height:12px; font-size:11px; color:#000; font-weight:normal; text-transform:capitalize;}

/*============= CSS FOR PDF CREATOR ===========================*/

.pdf-catalogue-bg{ background-color:#fff; padding:15px}
.pdf-catalogue-block{ display:table; padding-bottom: 25px; width:100%; border: solid 1px rgba(27, 24, 25, 0.5); padding: 10px;}
.pdf-catalogue-block table{ width:100%; display:table}
.catalogue-text{width:71%; margin:auto; position:relative}
.text-block-catalogue span strong{ position:absolute;top: 15px; width: 95%;text-align: center; box-shadow: 0 0 6px rgba(155, 155, 155, 0.7); padding: 10px 0; color: #ef2e24;}
.catalogue-note{display:block; padding:20px; color:#202020;} 
.catalogue-menu-side{width:85%; float: left; font-size:11px}
.text-block-catalogue{width:100%; border-left:  solid 1px rgba(0,0,0,.1)}
.text-block-catalogue span{width:100%; font-size:18px; color:#f00; font-weight:bold; }
.catalogue-preview{vertical-align:top;}

.catalogue-menu-side h3{margin:0px !important; font-size:12px !important; margin-top:5px !important;}
.catalogue-menu-side table select{width:100%;margin:0px !important; height:25px !important;}
.catalogue-menu-side table input{width:180px !important; margin:0px !important;}
.catalogue-menu-side table textarea{width:100% !important; margin:0px !important;}
.catalogue-menu-side a{display: flex; text-decoration: none;}
.catalogue-menu-side td{padding:0px !important;margin:0px !important;}
.om-button{display:block;height:auto; width:auto;font-size:11px !important;background-color:#e62e2d; border:1px solid #e62e2d; color:#fff !important; text-align:center; padding:5px; line-height:12px !important; padding-left:15px; padding-right:15px; text-transform:uppercase;}
.om-button:hover{opacity:0.7; transition:all 0.75s ease;-webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -o-transition: all 0.75s ease; }
.print-button{ text-align:left !important; font-size:11px;display:flex; text-decoration: none; align-items: center; height:30px}
.print-button-fnc{ text-align:left !important; padding-top:7px !important; height:30px !important;}
.print-result{}
.print-result td{padding:2px !important; padding-bottom:10px !important;}
.print-result select{font-size:1em !important; }
#edit_resultlist{height:120px !important;width:100% !important;font-size:14px;}

/*======================== THANK YOU & ERROR 404 ==========================*/
.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;}
}

.ecommerce-logo{width:100%; background-color: white; display: table;}
.ecommerce-logo > div{max-width: 1280px;width:100%; margin: auto; display: flex; justify-content: space-between; padding: 15px 0;align-items: center;}
.ecommerce-logo > div > div a{ text-decoration: none; width: 32px; height:30px; font-size: 22px;  color: #231f20; border: solid 2px #231f20; border-radius: 7px;display: flex; align-items: center; justify-content: space-around;}
.ecommerce-logo > div > div:last-of-type { height:39px; width:27%; }

/*------------------ FOOTER --------------*/
.footer{ color:#fff; display:table; width:100%; background-color: #3b8004; padding: 20px 0 20px 0px;}
.footer > div{display:flex; max-width:1280px; flex-wrap:wrap; justify-content:space-between; margin:auto;  }
.footer > div h3{ text-transform:uppercase; font-weight:normal; font-size:18px}
.footer > div ul{ padding:0; margin:0}
.footer > div ul li{ list-style:none; padding-bottom:10px; font-size:16px; display: flex; flex-wrap: wrap;}
.footer > div ul li a{ text-decoration:none; color:#fff }
.footer > div > div{ position:relative}
.footer > div > div:before{ content:""; position:absolute; top: 0; bottom: 0; left: -70px; height:100%;  border: solid 1px #fff; margin: auto;}
.footer > div > div .fas{ margin-right:10px}
.footer > div > div:first-of-type:before{ display:none}
.footer > div > div:first-of-type li{ font-size:12px}
.footer > div > div:first-of-type ul{ margin-top:8px;}

.footer-regions{ display:table; width:100%; background-color: #cd2827; }
.footer-regions > div{display:flex; max-width:1280px; flex-wrap:wrap; justify-content:space-between; margin:auto; padding:15px 0 15px 0px}
.footer-regions > div ul{ padding:0; margin:0; display:flex}
.footer-regions > div li{ list-style:none; color:#ffffff; padding-right:15px; font-size:12px}

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

@media screen and (max-width: 1280px){
	.back_main, .back_page, .jd-clothing
	, .footer > div, .jd-toys-section, .intro-container{width: 100%}
}

@media only screen and (max-width: 1024px){
	body{ display: table}
}

@media (min-width: 800px) and (max-width: 1023px){
	.menu-top{ width:72%}
	.nav > li > a{ padding:0 19px !important}
}

@media (min-width: 600px) and (max-width: 799px){
	.logo img{ width:100%; height:auto}
	.menu-top{ width:auto}
	.nav > li > a{ padding:0 8px !important} 
	.join-psi-block > div > div{ width:49%}
	.what-we-offer > div,.education-partners-block > div > div{ width:100%}
	.what-we-offer > div > div{ width:31%}
	.what-we-offer > div > div:nth-of-type(2){ margin:auto 3%}
	.education-partners-block > div > div > div img{ width:100%; height:auto}
	
}

@media screen and (max-width:599px){
	body{display: block; margin-top:102px}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	img{max-width: 100%; height: auto}
	.logo{width:50%; left:7px;}
	.logo a{ width:100%}
	.logo:before{ display:none}
	.login-menu{ justify-content: space-around;}
	.john-deere-1{height: 102px;}
	.jd-toys-2, .jd-toys-section{width:100%;}	
	.john-deere-header{ width:calc(100% - 50px); float:right; height:100%}
	.widget-container{width:93%; left:0; margin:auto;height: 35px; order: 1;}
	.search{ width:100%; background-color:transparent}
	.menu-top-block{ width:35%}
	.menu-top-block > div > a > span,.sign-block-text > a > div{ display:none}
	.menu-top-container{ margin:0}
	.menu-top-block > div > a,.sign-block-text > a{ font-size:13px}
		
	.categories-block{ margin:30px 0 0}
	.categories-block > div{ text-align:center; margin-bottom:7%}
	.categories-block > div h2{ padding:0; margin-bottom:0}
	.categories-block > div .btn-buy{ width:100%; margin-top:0}
	.categories-block > div,.delivery-block > div > div{ width:100%}
	.categories-block > div p{padding: 0 15px}
	
	.delivery-block{ padding:0 15px; margin:0}
	.delivery-block > div > div{ margin:5% 0}
	
	.ecommerce-logo > div > div:last-of-type{ width:100%; background-position: center;}
	.enquiry .btn1,.catalogue-menu-side{ width:100%}
	.page-title-contactus > div:last-of-type > div:last-of-type{ display:none}
	.page-title-contactus > div:last-of-type > div{ width:95%}
	.page-title-contactus > div:last-of-type{justify-content:space-around}
	.page-title{ padding:0 15px}
	.page-title > div{height: 110px;}
	.page-title > div h1{font-size: 32px;}
	.catalogue-text{ width:100%; display:table}
	.text-block-catalogue span strong{ width:100%; left:0; display:table}
	.catalogue-menu-side{ order:1}
	.pdf-catalogue-block table > tbody > tr{ display:flex;flex-wrap: wrap;}
	.text-block-catalogue span strong{ position:unset;}
	.catalogue-menu-side td{ width:100%}
	
	/*=============== Mobile banner ==============*/
	.home-banner{ height:auto;max-height:none}
	.home-banner > div{ height: 339px; }
	.mobile-banner{ display:block !important; height: 340px; background:url(images/john-deere-toys-clothing-merchandise.webp) no-repeat; background-size: cover;  position:relative}
	.home-banner-block > span h1{ padding:10px 15px;}
	.csslider1 > .cs_description > label{ max-width:100% !important; left:0 !important; }
	.mobile-banner .home-banner-block{ position:absolute;background-color: rgba(0, 0, 0, 0.5); bottom: 0;color: #fff; margin: 0; padding: 20px 15px; font-size: 20px; line-height: 26px; top: unset !important}
	.csslider1 > .cs_description > label .cs_title { margin-bottom: 20px !important; width: 100%;}
	.home-banner-block > span{ position:unset !important; font-size:28px; line-height:32px;max-width: 100%; }
	.home-banner-block p{font-size: 16px; margin:0}
	.csslider1 > ul,.read-more-btn,.cs_skeleton{ display:none !important}
	.home-banner-block p > a{ text-decoration:none}
	.home-banner-block > span{ position:unset; font-size:32px; line-height:32px}
	.home-banner-block p{font-size: 16px; margin-bottom:0;line-height: 22px;}
	.recruiters-block,.home-banner-block p br,#wowslider-container1 .ws_images ul img{ display:none !important}	
	.quick-enquiry-block{ position:fixed; display:block;bottom:2%;right: 4%; background-color:#e62e2d;border-radius: 4px; z-index:9}
	.quick-enquiry-block > a{ color:#fff; text-decoration:none;font-weight: bold; font-size: 14px; padding: 12px;
    display: block; display:flex; justify-content: space-between; width: 130px;}
	.banner-stripe-1{ height:auto !important; position:unset; width:100%;background-color: rgb(205 40 39);}
	
	/*=============== 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}
	
	/*=============== 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%; top: 0; width: 100% !important;}
	.nav > li > a,.nav > li{ width:100%}
	.login-menu:hover .signin-dropdown{ display:none !important}
	.nav > li > a{ padding:15px !important}
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center}	
	.menu-top{position: absolute; top: 70px; width: 100%}	
	.dropdown-menu{margin-left: 20px}	
	.menu-top-block > div{ width:50%}
	.home-banner:before,.menu-top-block > ul,.trademark,.john-deere-1:before,.ecommerce-logo > div > div:first-of-type,.footer-regions{display: none}
	.footer{padding: 20px 15px}
	.footer > div > div:nth-child(2){display: none}
}

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