@media only screen and (max-width : 1024px) {
    
    .mm-menu > .mm-navbar,
    .mm-panels,
    .mm-panels > .mm-panel {
        background: none;
    }
    
    html:not(.mm-opening):not(.mm-opened) #hamburger{ transition:top .3s ease 0; }

    html.mm-opening #hamburger::before,
    html.mm-opening #hamburger::after{
        top:20px;
    }
		
    html.mm-opening #hamburger::before{
        transform:rotate(45deg);
    }

    html.mm-opening #hamburger::after{
        transform:rotate(-45deg);
    }

    html.mm-opening #hamburger span { 
        left:50px;
        opacity:0;
    }
    
    .mm-panels{ bottom:90px !important; }
    
    /* navbar top */
        .mm-navbar-top-1 .kesearchbox{
            padding:8px 20px;
            position:relative;
        }

        #searchcontainer input,
        #searchcontainer button{
            border: none;
            background:none;
        }

        #searchcontainer input{
            background:white;
            border-radius:3px;
            padding:10px;
            font-size:16px; 
            width: 100%;
            position:relative;
            z-index: 10;
            border:1px solid rgba(0,0,0,0.1);
			
        }
		#searchcontainer #ke_search_sword {
			height: 41px;
		}

        #searchcontainer .kesearchbox #kesearch_submit{
            position:absolute;
            top: 9px;
            right:19px; 
            color: #cf1b1b;
            z-index:20;
        }
		
		#searchcontainer .kesearchbox #kesearch_submit[type="image"]{
			background: url(../images/searchIcon.jpg) no-repeat;
			height: 40px;
			width: 40px;
			border: none;
			padding: 2px;
			background-color: #D6D2D1;
			background-position: center;
			left: initial;
		}

        #searchcontainer .kesearchbox #kesearch_submit i{
            font-size:24px; 
        }
		
		#searchcontainer .resetbutt, #searchcontainer .submitbutt {
			display:none;
		}

        .mm-navbar-top-1 {
            text-align: center;
            position: relative;
            border-bottom: none;
        }

        .mm-navbar-top-1 > * {
            display: inline-block;
            vertical-align: middle;
        }
        .mm-navbar-top-1 a
        {
            border: 1px solid rgba(255, 255, 255, 0.6);
        }
        .mm-navbar-top-1 a.icon-user{

        }
        .mm-navbar-top-1 img {
            opacity: 0.6;
            border: 1px solid #fff;
            border-radius: 60px;
            width: 60px;
            height: 60px;
            padding: 10px;
            margin: 0 10px;
        }
        .mm-navbar-top-1 a {
            border-radius: 40px;
            color: rgba(255, 255, 255, 0.6) !important;
            font-size: 16px !important;
            line-height: 40px;
            width: 40px;
            height: 40px;
            padding: 0;
        }
        .mm-navbar-top-1 a:hover {
            border-color: #fff;
            color: #fff !important;
        }
    
        .mm-navbar-top{
            position:relative;
            z-index: 10 !important;
        }
        
    /* navbar bottom */

        body .mm-navbar-bottom{
            height:auto;
            text-align: left;
            padding:0 20px !important;
            color:#616161;
        }
    
        .mm-navbar-bottom{
            position:relative;
            z-index: 20 !important;
        }    

        .mm-navbar-bottom h3{
            font-size:16px;
        }

        .mm-navbar-bottom ul{
            padding-left:20px;
        }

        .mm-navbar-bottom ul li{
            margin:0;
            padding: 0; 
            list-style: none;
            font-size:14px;
            color:#616161;
        }

        .mm-navbar-bottom ul li a { color:#616161 !important; }
        .mm-navbar-bottom ul li a:hover{ color:#cf1b1b !important; }

        .mm-navbar-bottom .border{
            padding-top: 0;
            padding-bottom: 0;
        }

        .mm-navbar-bottom .border hr{
            border-color:rgba(0, 0, 0, 0.1);
            margin:0;
        }

        .mm-navbar-bottom .mm-quicklink,
        .mm-navbar[class*="mm-navbar-content-"] > div.mm-quicklink{
            width: 100%;
            display:none;
            overflow-y:scroll;
            /*max-height:100vh;*/
            overflow: auto;
            /*border:2px solid green;*/
            position:relative;
        }
    
        div.mm-quicklink.scroll{
            /*border:2px solid orange !important;*/
            overflow: scroll;
        }
    
        div.mm-quicklink.scroll *{
            position:relative;
            z-index: 10;
        }
    
    div.mm-quicklink{
        padding-top:20px;
    }
    
    div.mm-quicklink h3{
        margin-top:0;
    }
    
        .mm-navbar[class*=mm-navbar-content-]>.down, .mm-navbar[class*=mm-navbar-content-]>.up{
            position:absolute;
            top:auto;
            bottom:110px; 
            right: 40px;
            height:20px;
            font-size:20px;
            z-index: 20;
            display:none;
        }
    
        .mm-navbar[class*=mm-navbar-content-]>.up{
            bottom:135px;    
        }
    
        .down:hover, .up:hover{
            color:red;
        }
        
        .mm-menu .mm-navbar-bottom .linkcontainer{
            width:33.333%;
            float:left;
            text-align: center;
        }

        .mm-menu .mm-navbar-bottom .linkcontainer a{
            width:70px;
            height:70px;
            /*border-radius: 50%;*/
            text-align:center; 
            display:inline-block;
            background: #cf1b1b; 
            border-radius:3px;
        }

        .mm-menu .mm-navbar-bottom .linkcontainer a i{
            display:block;
            color: #F3F3F3;
            font-size:24px;
            padding-top: 10px;
        }

        .mm-menu .mm-navbar-bottom .linkcontainer  a span{
            display:block;
            color: #F3F3F3;
            margin-top:5px;
            text-transform:uppercase;
            font-size:12px;
        }

    /* end navbar */

        .mm-title{
            color:#cf1b1b !important;
            font-size:16px; 
        }

        .mm-listview {
            text-transform: none;
            font-size: 12px;
        }
        .mm-listview li:last-child:after {
            content: none;
            display: none;
        }

        .mm-listview a,
        .mm-listview span {
            text-align: left;
        }
        .mm-listview .mm-next.mm-fullsubopen + a,
        .mm-listview .mm-next.mm-fullsubopen + span
        {
            padding-right: 20px;
        }
        .mm-listview > li > a,
        .mm-listview > li > a + span,
        .mm-listview > li > a .fa {
            color: rgba(255, 255, 255, 0.6);
        }
        .mm-listview > li > a:hover,
        .mm-listview > li > a:hover + span,
        .mm-listview > li > a:hover .fa {
            color: #cf1b1b;
        }
        .mm-listview > li .fa {
            position: absolute;
            left: 20px;
            top: 50%;
            margin-top: -10px;
        }
    
}