.main-left {float:left;width:300px;}


.main-left h3 {display:none;height:50px;line-height:50px;padding:0 0 0 15px;background:var(--active-color);font-size:20px;color:#fff;font-family:var(--font-family1);text-transform:uppercase;position:relative;}
.main-left h3::after {display:block;font-family:"qico";content:"\e727";position:absolute;right:0;top:5px;width:40px;height:40px;line-height:40px;font-size:20px;text-align:center;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;}
.main-left h3.active::after {-webkit-transform:rotate(45deg) scale(1.08);-ms-transform:rotate(45deg) scale(1.08);transform:rotate(45deg) scale(1.08);}

.sidemenu {margin:0 0 20px;}
.sidemenu>ul {}
.sidemenu>ul>li {margin-top:1px;position:relative;}
.sidemenu>ul>li h5 {display:block;background:#455172;cursor:pointer;position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center;}
.sidemenu>ul>li h5 a {display:block;padding:18px 20px;font-size:18px;color:#fff;line-height:24px;}
.sidemenu>ul>li ul {display:none;background:#fff;padding:0 11px;text-align:center;}
.sidemenu>ul>li ul li {line-height:24px;border-bottom:1px solid #989898;padding:16px 0;}
.sidemenu>ul>li ul li:last-child {border-bottom:none;}
.sidemenu>ul>li>ul>li>a {font-size:16px;display:block;color:#666;text-transform:capitalize;}
.sidemenu>ul>li>ul>li.active>a,.sidemenu>ul>li>ul>li>a:hover {color:var(--active-color);}
.sidemenu>ul>li:hover h5 {background:#0178D6;}
.sidemenu>ul>li:hover>ul {display:block;}
.sidemenu>ul>li.active h5 {background:#0178D6;}
.sidemenu>ul>li.active>ul {display:block;}

.sidenav {margin:0 0 20px;}
.sidenav ul {}
.sidenav ul li {display:block;line-height:24px;font-size:16px;color:#333;background:#fff;border:1px solid #e2e2e2;border-top:none;position:relative;}
.sidenav ul li a {color:#333;display:block;padding:10px 30px 10px 18px;}
.sidenav ul li:last-child a {border-bottom:none;}
.sidenav ul li::after {color:#555;font-family:"qico";content:"\e7eb";position:absolute;right:8px;top:0;font-size:16px;font-weight:normal;line-height:44px;}
.sidenav ul li.active::after {display:block;color:var(--active-color);}
.sidenav ul li.active a,.sidenav ul li a:hover {color:var(--active-color);}


.main-right{margin:0 0 0 370px;}

@media screen and (max-width:1441px) {
.main-left {width:260px;}
.main-right {margin: 0 0 0 300px;}

}
@media screen and (max-width:1281px) {
.main-left {width:240px;}
.main-right {margin: 0 0 0 270px;}
}

@media screen and (max-width:992px) {
.main-left {float:none;width:100%;}
.main-left h3 {display:block}
.sidemenu>ul {display:none;}
.sidemenu>ul>li {margin-top:4px;}
.sidemenu>ul>li h5 {height:auto;padding:10px 10px;}
.sidemenu>ul>li h5 a {font-size:16px;line-height:22px;}
.sidemenu>ul>li ul {padding:0 10px;}
.sidemenu>ul>li ul li {line-height:22px;padding:12px 0;}

.main-right{margin:0;}

}