/* dropdown menu */
    .ddmenu                 { right:0; }
    .ddmenu nav             { visibility:hidden; position:absolute; left:0; top:100%;  } 
    .ddmenu nav a           { display:block; padding:8px 25px; border-bottom:solid 1px #333; background:#ffc; color:#333; cursor:pointer; }
    .ddmenu nav a:hover     { background:#cfc; }            
    .ddmenu>a               { margin-left:30px;}

    /* mobile side menu & ham btn */
    #btham      { position:absolute; top:15px; right:0; z-index:1000; padding:15px 13px; 
                  background:#ececec; transform:scaleX(1.2); display:none; text-align: center; font-size: 16px !important; }
    .esfpmask   { position:fixed; width:100%; height:0; background:rgba(0,0,0,0.8); top:0; left:0;
                  z-index:5000; opacity:0; transition: opacity 0.2s ease-in; }
    body.openesfpm .esfpmask { height:100%; opacity:1; }
    .esfpushm { position:fixed; top:0; height:100%; background:#2e3438; display:none;
                transition: all 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); color:#fff; z-index:8000; overflow-y: auto;}            
    .esfpushm.right { right:-70%; width:70%; }
    body.openesfpm .esfpushm.right { right:0; }
    .esfpushm.left { left:-70%; width:70%; }
    body.openesfpm .esfpushm.left { left:0; }

    .esfpushm>a, .esfpushm nav>a{ display:block; padding:15px 20px; color:#fff; border-bottom:solid 1px #666;
                    text-decoration:none; }            
    .esfpushm>a.sub { padding-right:50px; } /*top level*/
    .esfpushm>a.sub:after { font-family: FontAwesome; content:"\f054"; top:15px; right:10px; 
                            position:absolute; transition: transform 200ms ease-in;}                        
    .esfpushm>a.sub.open:after { transform:rotate(90deg); }                         
    .esfpushm>nav { background:#999; padding-bottom:10px; display:none; } /*Sublevel 1*/
    .esfpushm>nav a { border-bottom:none; padding:10px 20px 0 30px; }
    .esfpushm>nav a:before { content:'\2022'; position:absolute; top:11px; left:20px; }
    .esfpushm>nav>nav {  } /*Sublevel 2*/
    /* .esfpushm>nav>nav a { padding:10px 20px 0 50px; } */
    .esfpushm>nav>nav>a:before {left:35px; }
    .esfpushm>nav>nav>nav {  } /*Sublevel 3*/
    .esfpushm>nav>nav>nav a { padding:10px 20px 0 70px; }
    .esfpushm>nav>nav>nav>a:before {left:55px; }


    #btham,
    header .msearch,
    header .mcontactus,
    header .msubcr     { width:40px; height:40px; padding:0; top:16px; transform:none; }
    
    header .mcontactus>img { height:20px; width:20px;  position:absolute; left:10px; top:11px;}
    header .msearch .fa { transform:none; }
    header .msearch     { right:45px }
    header .mcontactus  { right:90px }
    header .msubcr      { right:135px }

    #btham i,
    header .msearch .fa, header .mcontactus .fa,
    header .msubcr .fa {  position:absolute; left:13px; top:11px; }

    /* ==========================================================================
        Media Style: no dropdown, section flowdown, sslider flowdown
    ============================================================================= */
	@media only screen and (max-width:1366px) {
    	.ddmenu { display:none; }
        .esfpushm,#btham { display:block; }
	}

	@media only screen and (max-width:1200px) {
    	.ddmenu { display:none; }
        .esfpushm,#btham { display:block; }
		body.revamp header .topbar{ right: 50px; }
	}
    @media only screen and (max-width:767px) {
                
    }