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

.header .navbar{background-color: #25a94e;height: 60px;}



.mobile_menu{display:none;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #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;}

#cssmenu ul{margin:0px; padding:0px; list-style:none; position:absolute;top: 60px;left:0px;background: #25a94e;z-index:999; padding:0px 0px 0px;height: auto;overflow-y: hidden;}

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

#cssmenu #head-mobile{display:none}

#cssmenu{font-family:sans-serif;background:#000084;}

#cssmenu > ul > li{float:left; text-align:left; font-weight: 600;}

#cssmenu > ul > li > a{text-decoration:none;letter-spacing: normal;line-height:34px;}

.main-header .main-menu #cssmenu > ul > li.btn a{ height: auto; padding:10px;}

#cssmenu ul li.head-foot{padding-top: 40px}

#cssmenu ul li.head-foot a{font-size:17.33px; line-height: 20.79px;}

#cssmenu > ul > li.has-sub > a{}

	#cssmenu ul li:first-child{border: 0}

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

#cssmenu > 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}

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

#cssmenu ul ul{position:absolute;left:-9999px;height: auto;overflow-y: hidden}

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

#cssmenu ul ul li:hover{}

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

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

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

#cssmenu ul ul li a{text-decoration:none;color:#000;font-weight:normal; text-align:left;}

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

#cssmenu ul ul li:hover >{color:#fff}
#cssmenu ul ul li a:hover{color:#000}

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

#cssmenu 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}

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

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

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

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

#cssmenu > ul > li.has-sub ul{top: 0}

#cssmenu ul ul{   background: transparent; border-top: 0;padding: 0;}

#cssmenu ul ul li{padding: 6px 10px 19px 0px;}

#cssmenu ul ul li a{padding: 0px;color: #000;}

#cssmenu ul ul ul{padding-top: 0 !important;padding-bottom: 0 !important}



.mobile_menu{display: block;}

#cssmenu{width:100%}

#cssmenu ul{width:100%;display:none; min-width: 100%; max-width: 100%; padding:0px 20px 0px 35px; height: calc(100vh - 60px); height: -webkit-calc(100vh - 60px); height: -moz-calc(100vh - 60px);  overflow-y: auto; overflow-x: hidden;}

#cssmenu ul li{width:100%;margin-left: 0; padding: 0px;}

#cssmenu ul li a{padding: 10px 0px;}

#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;border: 0}

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

#cssmenu > ul > li{float:none}

#cssmenu ul ul li:hover a{color: #fff}

#cssmenu ul ul li a{color:#000!important;background:none}

#cssmenu ul ul li:hover > a{color:#fff}

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

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

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

.menubutton,.sticky .menubutton{position:absolute;left: 50%;top: 0px; cursor: pointer; z-index: 9999;width: 60px;height: 60px;transform: translate(-50%, 0%);background-color: #000;}

.menubutton:after{right: 20px;}

.menubutton:before{right: 20px;}

.menubutton:after{position:absolute;top: 22px;right: 17px;display: block;height: 4px; width: 25px;border-top: 2px solid #fff; border-bottom: 2px solid #fff;content:''}

.menubutton:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top: 35px;left: 18px;display: block;height: 2px;width: 25px;background:#fff;content:''}

/*

.menubutton.menu-opened,.sticky .menubutton.menu-opened{background-color: transparent;top: 65px;position: absolute; right: 20px;}

*/

.menubutton.menu-opened:after.sticky .menubutton.menu-opened:after{
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 25px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';}

.menubutton.menu-opened:before,.sticky .menubutton.menu-opened:before{-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
position: absolute;
top: 35px;
left: 18px;
display: block;
height: 2px;
width: 25px;
background: #fff;
content: '';}

#cssmenu .submenu-button{z-index:9999;right:0;top:0;height: 36px;width: 30px;;cursor:pointer;display:inline-block; margin:0px 0px 0px 15px; position:relative; top:10px;}

#cssmenu .submenu-button:before{display:block;content:'\f0d8'; font-family: "Font Awesome 5 Pro"; line-height:46px; font-size:24px; position:absolute; top:-5px; width:100%; text-align:center; display:none;}

#cssmenu .submenu-button:after{display:block;content:'\f0d7'; font-family: "Font Awesome 5 Pro"; line-height:46px; font-size:24px; position:absolute; top:-5px; width:100%; text-align:center;}

#cssmenu .submenu-button.submenu-opened:before{display:block;}

#cssmenu .submenu-button.submenu-opened:after{display:none;}

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

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

#cssmenu > ul > li.has-sub > a, #cssmenu > ul > li > ul > li.has-sub > a{padding-left:46px;}



/*  use this if you want to click on full li to click it's sub child  */

	

#cssmenu .submenu-button{z-index:9999;right:0;top:0;height:100%;width:100%;cursor:pointer;display:block; margin:0px; position:absolute; top:0px; left:0px; background: url(../images/up-arrow.png) no-repeat right center;}

#cssmenu .submenu-button.submenu-opened{background: url(../images/down-arrow.png) no-repeat right center;}

#cssmenu > ul > li.has-sub > a, #cssmenu > ul > li > ul > li.has-sub > a{padding-left:0px;}

#cssmenu .submenu-button:before{display:none;}

#cssmenu .submenu-button:after{display:none;}

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

#cssmenu .submenu-icon{z-index:9999;right:10px;top:0;height:0px;width:100%;cursor:pointer;display:block; margin:0px 0px 0px 10px; position:relative; top:-12px; z-index:1;}

#cssmenu .submenu-icon:before{content: "\e603";font-family: webflow-icons !important;line-height: 1;font-size: 14px;position: absolute;
top:-10px;width: 100%;text-align: right;color: #dbdbdb;right: 0;left: 0;font-weight: 400; display:none;}

#cssmenu .submenu-icon:after{content: "\e603";font-family: webflow-icons !important;line-height: 1;font-size: 14px;position: absolute;
top: -10px;width: 100%;text-align: right;color: #dbdbdb;right: 0;left: 0;font-weight: 400;}

#cssmenu .submenu-icon.submenu-opened:before{display:block;}

#cssmenu .submenu-icon.submenu-opened:after{display:none;}

	.head-top .head-right .main-menu ul li.menu-footer .logo-sec{ padding-bottom: 80px;}

}