.left-menu-btn {
    width: 40px;
    background-color: transparent;
    border: none;
    padding: 0;
    position: absolute;
    top: 16px;
    left: 10px;
    z-index: 90;
    color: #fff;
    margin-right: 20px;
}

.left-menu-btn span {
    width: 100%;
    display: block;
    height: 2px;
    background-color: #a263e1;
    margin: 0 0 10px;
    border-radius: 2px
}

.left-menu-btn span:first-child {
    width: calc(100% - 8px);
    position: relative;
    margin-top: 0;
    margin-left: 4px;
    top: 0;
    transition: top .3s .3s,transform .3s 0s
}

.left-menu-btn span:nth-child(2) {
    width: 100%;
    opacity: 1;
    transition: opacity .3s;
    margin-right: auto
}

.left-menu-btn span:last-child {
    width: calc(100% - 8px);
    margin-bottom: 0;
    position: relative;
    top: 0;
    transition: top .3s .3s,transform .3s 0s
}

.left-menu-btn.opened span:first-child {
    width: 100%;
    top: 12px;
    margin-left: 0;
    transform: rotate(-45deg);
    transition: top .3s 0s,transform .3s .3s,color .3s .3s;
    box-shadow: none
}

.left-menu-btn.opened span:nth-child(2) {
    opacity: 0
}

.left-menu-btn.opened span:last-child {
    width: 100%;
    top: -12px;
    transform: rotate(45deg);
    transition: top .3s 0s,transform .3s .3s;
    box-shadow: none
}

.sn-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 97;
    background-color: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: .3s
}

.sn-overlay.active {
    opacity: 1;
    pointer-events: auto
}

@media(max-width: 1440px) {
	.wb{padding-left:20px;padding-right:20px}
	.contents{padding-top:190px;padding-bottom:50px !important;}
}

@media(max-width: 1024px) {
	
	.wb{padding-left:10px;padding-right:10px}
	.contents{padding-top:170px;padding-bottom:50px !important;}
	
	.top.wb{padding:0}
	
	.logo_img {width: 80px;}
	
	header .top-wrap {padding:20px 0 0 0;}
	
	header .top {justify-content: center;flex-direction: column;}
	
	header .user_menu {justify-content: center;border-top: 1px solid #a263e1;padding: 10px 0;}

	.sidebar-left {width: 250px;height: 100%;top: 0px;left: 0;transform: translateX(-100%);background-color: #1a1a1a;border: none;
	    border-right: solid 1px #333;border-radius: 0;margin: 0!important;padding: 0 10px 140px;display: block;overflow-y: auto;
	    position: fixed;transition: .5s;align-items: flex-start;align-content: flex-start;z-index: 98
	}
	
	.sidebar-left.active {transform: translateX(0);box-shadow: 2px 0 5px #000}

    .sidebar-left::-webkit-scrollbar {width: 0;background: 0 0}

    .sidebar-left::-webkit-scrollbar-thumb {background: 0 0}
    
    header .nav .bs-ul {width: 100%;height: auto;display: block;margin-top: 20px;}

    header .nav .bs-ul li {padding:10px 0;}
    
    header .nav .bs-ul li a{display:block;width:100%;text-align:left;}
    
    header .nav .bs-ul li.mo{display:block;}
    
    header .nav .bs-ul li.spacer{
        height: 1px;
        background-image: linear-gradient(90deg, hsla(0, 0%, 68.6%, .3) 48.96%, hsla(0, 0%, 100%, 0));
        margin: 20px 0px;
        padding:0;
    }
    
    
    
    .gm_list .item-wrapper .item {
        width:33.333333%;
    }
    
    .box{padding:20px 10px;}
    
    .intlt.th {
	    margin-right: 5px;
	    min-width: 100px;
	}
	.btn{margin-bottom:5px;}
}

@media(max-width: 765px) {
	.gm_list .item-wrapper .item {
        width:50%;
    }
}