.td-nav{width: 100%;float: left;padding: 0 10px;}

.td-nav .td-menu-left{float: left;}

.td-nav .td-menu-right>li, .td-nav .td-menu-left>li{display: block;float: left;}

.td-menu-div .td-menu1>ul>li>a img{height: 20px;width: 20px;margin-right: 5px;}

.td-nav .td-menu-com li a {color: #fff;padding: 12px 10px;transition: 0.3s;display: block;font-size: 14px;}

.td-nav .td-menu-com>.active>a, .td-nav .td-menu-com>li:hover a{background: #de8f16;color: #000;text-decoration: none;transition: 0.3s;}

.td-nav .td-menu-com .category-btn{    background: #ed7724;color: #fff; padding: 12px 30px; display: block;}

.td-nav .td-menu-com .category-btn i{margin-right: 6px;}

.td-menu-div{position: absolute;width: 1156px;background: #fff;display: none;margin-top: 60px;box-shadow:4px 4px 8px 5px #0000002b;padding: 15px;}

.td-menu-div:before{content: "";display: block;height: 0;width: 0;border-left: 18px solid transparent;border-right: 18px solid transparent;border-top: 0px solid transparent;border-bottom: 18px solid white;background: transparent;position: absolute;top: -10px;left: 57px;}

.td-block{display: block;}

.category-hover{display: none;position: absolute;height: 60px;}

.td-menu-div .td-menu1{background: #f7f7f7;padding: 0;}

.td-menu-div .td-menu1>ul>li>a{text-transform: uppercase;display: block;padding: 10px 20px;color: #000;transition: 0.3s;}

.td-menu-div .td-menu1>ul>.active>a, .td-menu-div .td-menu1>ul>li>a:hover{background: #15a04a;text-decoration: none;transition: 0.3s;}

.td-menu-div ul li .ul-level1{position: absolute;left: 100%;top: 0;width: 842px;padding: 0 20px;overflow-y: auto;display: none;display: none;-webkit-align-items: flex-start;align-items: flex-start;-webkit-flex-flow: column wrap;align-content: flex-start;flex-flow: column wrap;height: 409px;}

.td-menu-div ul li .ul-level1 ul a{color: #333;}

.td-menu1 ul li:hover .ul-level1{display: -webkit-flex!important;display: flex!important;}

.td-menu-div ul li .ul-level1 ul{width: 150px;display: inline-block;margin-bottom: 10px;margin-right: 10px;}

.td-menu-div ul li .ul-level1 ul li a{color: #333;}

.td-menu-div ul li .ul-level1 ul li a:hover{color: #000;text-decoration: none;}

.td-menu-div ul li .ul-level1 .level1-title{padding: 0;text-transform: uppercase;}

.td-menu-div ul li .ul-level1 .level1-title:hover{color: #000;}

.td-menu-div ul li .ul-level1 li{    text-transform: capitalize;margin-bottom: 7px;transition: 0.3s;line-height: 1.3;}

.td-menu-div ul li .ul-level1 li:hover{padding-left: 8px;transition: 0.3s;}

.td-menu-div ul li .ul-level1 li:before{content: "\f105";transition: 0.5s;display: none;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;position: absolute;opacity: 0;display: inline-block;margin-left: 8px;margin-top: 2px;transition: 0.3s}

.td-menu-div ul li .ul-level1 li:hover:before{opacity: 1;display: inline-block; margin-left: -8px;margin-top: 2px;}

.ul-level1::-webkit-scrollbar {width: 9px!important;height:  9px!important;background: #f7f7f7!important;}

.ul-level1::-webkit-scrollbar-thumb {background: #bfbfbf!important;border-radius: 0!important;}

.category-hover .active{background: #15a04a!important;color: #fff!important;}

.td-mobile-menu a{width: 100%;display: block;text-align: left;padding: 5px;color: #000;border: 0;}

.td-mobile-menu a i{float: right;}

.m-custom-form {top: 0;right: -375px;/* right: 0; */height: 100vh;width: 270px;background-color: #333;position: fixed!important;z-index: 99999999999 !important;transition: all .3s linear;text-align: left;}

.pm-overlay {z-index: 999999 !important;position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: #0000008a;z-index: 2}

@keyframes fading {0% {opacity: 0}50% {opacity: 1}100% {opacity: 0}}

.pm-animate-opacity {animation: opac 0.8s}

.close-pm-btn{background: transparent;padding: 5px 12px;color: #ffffff;font-size: 20px;}

.close-pm-btn:hover{color: #15a04a;}

.close-pm-btn i{transition: 0.5s;}

.close-pm-btn:hover i{transition: 0.5s;transform: rotate(180deg);}

.category-btn-mobile{display: none;}

.main-ull{display: block!important;}

/*---------------------------------------------------------------------------------*/

#tdmenu,#tdmenu ul,#tdmenu ul li,#tdmenu ul li a,#tdmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#tdmenu:after,#tdmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

#tdmenu #head-mobile{display:none}

#tdmenu{font-family:sans-serif;background:#333;    height: 100vh;}

#tdmenu > ul > li{float:left}

#tdmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700;}

#tdmenu > ul > li:hover > a,#tdmenu ul li.active a{color:#fff}

#tdmenu > ul > li:hover,#tdmenu ul li.active:hover,#tdmenu ul li.active,#tdmenu ul li.has-sub.active:hover{background:#15a04a!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}

#tdmenu > ul > li.has-sub > a{padding-right:30px}

#tdmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}

#tdmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#tdmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}

#tdmenu ul ul{position:absolute;left:-9999px}

#tdmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}

#tdmenu ul ul li:hover{}

#tdmenu li:hover > ul{left:auto}

#tdmenu li:hover > ul > li{height:35px}

#tdmenu ul ul ul{margin-left:100%;top:0}

#tdmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}

#tdmenu ul li:last-child > a,#tdmenu ul li.last-item > a{border-bottom:0;}

#tdmenu ul ul li:hover > a,#tdmenu ul ul li a:hover{color:#fff}

#tdmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}

#tdmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#tdmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}

#tdmenu ul ul li.has-sub:hover,#tdmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}

#tdmenu ul ul ul li.active a{border-left:1px solid #333}

#tdmenu > ul > li.has-sub > ul > li.active > a,#tdmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

.mobile-button{display: none;clear: both;

    float: left;

    width: 100%;

        padding: 5px 0 10px;}

    .mobile-button a{    background: #15a04a;

    color: #fff;

    padding: 7px 15px;

    border-radius: 5px;

    font-size: 14px;

    border: 1px solid #15a04a;}

.mobile-button .mobile-btn-category{    float: left;}

.mobile-button .mobile-btn-cart{    float: right;

    font-size: 20px;

   padding: 3px 15px;}







/*------------------------------ media-------------------------------------------*/

@media screen and (min-width: 1200px){

.category-hover{display: inline-block;}

}



@media screen and (max-width:1199px){



#tdmenu{width:100%}

#tdmenu ul li{width:100%;border-top:1px solid #444}

#tdmenu ul li:hover{background:#363636;}

#tdmenu ul ul li,#tdmenu li:hover > ul > li{height:auto}

#tdmenu ul li a,#tdmenu ul ul li a{width:100%;border-bottom:0}

#tdmenu > ul > li{float:none;    text-transform: capitalize;}

#tdmenu ul ul li a{padding-left:25px}

#tdmenu ul ul li{background:#333!important;}

#tdmenu ul ul li:hover{background:#363636!important}

#tdmenu ul ul ul li a{padding-left:35px}

#tdmenu ul ul li a{color:#ddd;background:none}

#tdmenu ul ul li:hover > a,#tdmenu ul ul li.active > a{color:#fff}

#tdmenu ul ul,#tdmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}

#tdmenu > ul > li.has-sub > a:after,#tdmenu > ul > li.has-sub > a:before,#tdmenu ul ul > li.has-sub > a:after,#tdmenu ul ul > li.has-sub > a:before{display:none}

#tdmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}

#tdmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer;    background: #333;}

#tdmenu .submenu-button.submenu-opened{background:#262626}

#tdmenu ul ul .submenu-button{height:34px;width:34px}

#tdmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}

#tdmenu ul ul .submenu-button:after{top:15px;right:13px}

#tdmenu .submenu-button.submenu-opened:after{background:#fff}

#tdmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}

#tdmenu ul ul .submenu-button:before{top:12px;right:16px}

#tdmenu .submenu-button.submenu-opened:before{display:none}

#tdmenu ul ul ul li.active a{border-left:none}

#tdmenu > ul > li.has-sub > ul > li.active > a,#tdmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

.td-nav .td-menu-com .category-btn {background: #15a04a;color: #fff;}



}



@media screen and (max-width:767px)

{

.td-nav{display: none;}

.td-menu-right li{width: 100%;}

.td-menu-right li a{text-align: left;}

/*.td-nav .td-menu-com .category-btn{display: none;}*/

.category-btn-mobile{display: block;margin: auto;background: #15a04a;color: #fff;padding: 5px 10px;border: 1px solid #d9a800;border-radius: 5px;position: relative;top: 6px;}

.category-btn-mobile i{margin-right: 5px;}

.main-ull{height: 85vh;overflow-x: auto;}

.main-ull>li:last-child{    border-bottom: 1px solid #444!important;}

.mobile-button{display: block;}

.td-nav .td-menu-com .category-btn{display: none;}

.call-div-mobile{    align-items: center;

    display: flex;

    justify-content: center;

   }

.call-div-mobile .call_number{margin-left: 15px; }





}









.td-menu-div .td-menu1>ul>li{

       border-bottom: 1px solid #e4e4e4a6;



}

.td-menu-div .td-menu1>ul>li:last-child{border:0;}