@media (min-width:767px) {
    [data-sidebar-style="modern"] {

        .nav-header {
            width: 9.5rem;
			.brand-logo{
				justify-content: center;
				padding: 0 40px;
			}
			.nav-control{
				#{$dz-pos-right}:-60px;
			}
        }
		.header .navbar{
			padding-#{$dz-pos-left}: 80px;
		}
        .deznav {
        
            .metismenu {
				
                &>li {
                    text-align: center;
					
					
                    &>a {
                        padding: 20px 15px 20px 15px;
						margin: 2px 0;
                        // font-weight: 500;
						@include transitionMedium;
						
						
                        &::after {
                            display: none;
                        }

                        &:hover, 
                        &:focus, 
                        &:active, 
                        &.mm-active {
                            &>a {
                                background-color: var(--primary-light);
                            }
							.nav-text{
								transform: translateX(0px);
							}
                        }
                    }
					&:hover,
					&.mm-active{
						padding:0;
						&>a{
							background: var(--rgba-primary-1);
							color:var(--primary);
							border-radius: $radius;
							//box-shadow:0 12px 15px 0 rgba($primary, 0.13);
							i{
								color:var(--primary);
							}
						}
					}
                    li {
                        text-align: #{$dz-pos-left};

                    }
                }

                li {

                    a {
                        padding: 0.625rem 0.9375rem 0.625rem 0.9375rem;
                    }
					ul:after{
						content:none;
					}

                    &>ul {
                        height: auto !important;
                    }
                }
                .nav-label{
                    display: none;
                }
				
				ul a .badge{
					margin-#{$dz-pos-right}:20px;
				}
            }

            .nav-label {
                display: none;
            }
            

            .nav-text {
                display: block;
                margin-top: 0.3125rem;
            }
			
			.main-profile,
			.copyright{
				display:none;
			}
        }

        .footer {
            padding-#{$dz-pos-left}: 9.5rem;
        }
        .content-body {
            margin-#{$dz-pos-left}: 9.5rem;
        }
		
		&[data-layout="horizontal"]{
			.deznav {
				.metismenu {
					 li {
						&>a i{
							//padding:0;
						}
					 }
				}	
			}
		}
    }

    [data-sidebar-style="modern"][data-layout="vertical"] {

        .deznav {
            width: 9.5rem;
            #{$dz-pos-left}: 0; 
			
            .slimScrollDiv, 
            .deznav-scroll {
                overflow: visible !important;
            }
        
            .metismenu {
				padding: 10px 20px;
                &>li {
                    &>a{
						padding: 19px 0.5rem 12px !important;
                        i{
							padding: 0;
							margin-bottom: 5px;
                        }
                    }

                    &>ul {
                        display: none;
                        padding: 1.875rem 0.9375rem;
                    }
                }

                li {
                    position: relative;

                    a {
                        padding:0.625rem 1.5rem;
						&:before{
							content:none;
						}
                    }

                    ul {
                        position: absolute;
                        #{$dz-pos-left}: 105%;
                        top: 0;
                        bottom: auto;
                        background-color: $white;
                        border: 1px solid $border;
                        width: 200px;
                        // box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1);
						
						@at-root [data-theme-version="dark"]#{&} {
							background:$dark-card;
							box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
						}

                    }

                    &:hover {
                        &>ul {
							display: block;
							#{$dz-pos-left}: 100%;
							padding: 1rem 0;
							margin-#{$dz-pos-left}: 0;
							border: 0;
							box-shadow: 5px 5px 30px 0px rgba(20, 0, 30, 0.10);
							border-radius: 12px;
							
							@at-root [data-theme-version="dark"]#{&} {
								box-shadow: 5px 5px 30px 0px rgba(20, 0, 30, 0.10);
							}
							
                            @at-root [direction="rtl"]#{&} {
								box-shadow: -5px 5px 30px 0px rgba(20, 0, 30, 0.10);
                            }  
                        }
                    }
                }
            }
            

            .nav-label {
                display: none;
            }

            .nav-text {
                display: block;
                margin-top: 0;
            }
        }


        .menu-toggle {
            .deznav {
                #{$dz-pos-left}: -10.625rem;

            }

            .content-body {
                margin-#{$dz-pos-left}: 0;
            }
        }
    }

    [data-sidebar-style="modern"][data-layout="horizontal"] {
		.nav-header {
			width: 21.75rem;
		}
		.header {
			padding-#{$dz-pos-left}: 21.75rem;
		}
		.footer,
		.content-body {
			margin-#{$dz-pos-left}:0;
		}
        .deznav {
			.nav-text {
				margin-top: 0;
			}
            .metismenu {

				
                &>li {
                    &>a {
                        padding: 10px 20px 10px 20px;
						border:0;
						margin: 4px 4px;
                    }

                    &>ul {
                        top: 2.8rem;
                    }
                }
            }
        }
		
        &[data-container="boxed"] {
            .deznav {
                .metismenu {
    
                    &>li {
                        &>a {
                            padding: 0.8125rem 1.25rem;
                        }
                    }
                }
            }
        }
    }
}