.main-left {float:left;width:335px}
.main-right {margin:0 0 0 370px}
.main-left h3 {border-bottom:1px solid #efefef;height:54px;line-height:54px;position:relative;font-size:17px;color:#212121;font-weight:700;text-transform:uppercase}
.main-left h3::after {display:none;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 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease,-webkit-transform 0.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 25px}
.sidemenu ul {}
.sidemenu > ul > li {border-bottom:1px solid #efefef}
.sidemenu > ul > li h5 {line-height:20px;display:block;font-size:17px;color:#181818;cursor:pointer;position:relative}
.sidemenu > ul > li h5 a {display:block;padding:18px 50px 18px 0;text-transform:capitalize}
.sidemenu > ul > li h5 a:hover {color:var(--link-color-hover);text-decoration:underline}
.sidemenu > ul > li h5 span {position:absolute;top:calc(50% - 23px);right:0;background:url('../image/i10.png') no-repeat center;width:46px;height:46px;display:block}
.sidemenu > ul > li ul {display:none;padding:15px 0}
.sidemenu > ul > li ul li {line-height:20px;padding:5px 0}
.sidemenu > ul > li ul li:last-child {border-bottom:none}
.sidemenu > ul > li ul li a {font-size:14px;display:block;color:#666;padding-left:15px;text-transform:capitalize}
.sidemenu > ul > li ul li.active a,.sidemenu > ul > li ul li a:hover {color:#469935;background:url('../image/i9-1.png') no-repeat left 6px}
.sidemenu > ul > li.active h5 a {color:var(--link-color-hover);border-bottom:1px solid #ededed}
.sidemenu > ul > li.active span {background:url('../image/i10-1.png') no-repeat center}


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

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

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

@media screen and (max-width:1171px) {
.main-left {float:none;width:100%}
.main-right{margin:0;}

.main-left h3 {height:50px;line-height:50px;font-size:16px}
.main-left h3::after {display:block}
.sidemenu ul {display:none}
.sidemenu > ul > li h5 a {padding:10px 50px 10px 0}
.sidemenu > ul > li h5 {font-size:16px}

}


@media screen and (max-width:768px) {



}