@media (min-width: 768px){

.col-left-btn,.close{display:none}

.modal-side-wrapper
{position:relative;top:initial;right:initial;bottom:initial;left:initial;display:block;opacity:1 !important;z-index:1}

.modal-side-wrapper.right .modal-dialog
{position:relative;margin:auto;width:100%;transform:none}

.modal-side-wrapper.right.fade .modal-dialog
{right:initial;transition:none}

.modal-side-wrapper .modal-content
{box-shadow:none;border:none}

.modal-side-wrapper .modal-body
{padding:.5rem 0}

}



@media (max-width: 767.98px){

.col-left-btn{}

.col-left-btn .btn{
	color: #FFF;
	background-color: #c08a0b;
	border-color: #c08a0b;
}

.col-left-btn .btn:before{
	font-family:'icomoon' !important;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	margin-right:.25rem;
}

.col-left-btn .btn:hover{
	background-color:#a07308;
}

.col-left-btn .btn:focus,.col-left-btn .btn.focus{
	box-shadow:0 0 4px rgba(0,0,0,0.5)
}

}



@media (max-width: 575.98px){

.col-left-btn{left:10px}

.modal-side-wrapper.right .modal-dialog{
	position:fixed;
	margin:auto;
	width:320px;
	height:100%;
	-webkit-transform:translate3d(0%, 0, 0);
	-ms-transform:translate3d(0%, 0, 0);
	-o-transform:translate3d(0%, 0, 0);
	transform:translate3d(0%, 0, 0);
}

.modal-side-wrapper.right .modal-content{
	height:100%;
	overflow-y:auto;
}

.modal-side-wrapper.right.fade .modal-dialog{
	right:-320px;
	-webkit-transition:opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition:opacity 0.3s linear, right 0.3s ease-out;
	-o-transition:opacity 0.3s linear, right 0.3s ease-out;
	transition:opacity 0.3s linear, right 0.3s ease-out;
}

.modal-side-wrapper.right.fade.show .modal-dialog{
	right:0;
}

.modal-side-wrapper.right .modal-content
{border-radius:0;border:none}

.modal-side-wrapper.right .modal-header
{border-bottom-color:#EEEEEE;background-color:#FAFAFA}

}


.col-left,.col-right{
	position:relative;
	padding-right:15px;
	padding-left:15px;
}

.col-left{
	width:300px;border-right:#ddd solid 0px
}


@media (max-width: 767.98px){
.col-left{width:100%;border-right:transparent}
}


.col-right{width:calc(100% - 300px)}


@media (max-width: 767.98px){
.col-right{width:100%;padding-top:3rem}
}


.col-left-menu{margin:0;padding:0;list-style:none}


@media (max-width: 767px){
.col-left-menu{margin-top:40px}
}


.col-left-menu li{
	margin-bottom:0px
}

.col-left-menu a{
	display:block;
	padding:10px 12px;
	position:relative;
}

.col-left-menu a:hover{
	background-color:#f9fafa;
}

.col-left-menu .active{
	color:#c08a0b;
	font-weight:bold;
	background-color:#f9fafa;
}

.col-left-menu .active:hover{
	color:#6a9415;
}

.col-left-menu a:hover:after{
font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e901";display:inline-block;position:absolute;top:14px;right:10px}



.col-left-menu li ul li a{
	display:block;
	font-size:0.88rem;
	padding:5px 0 5px 20px;
	position:relative;
}


.col-left-menu li ul li .active{
	color:#FFF;
	font-weight:bold;
}



@media (max-width: 767px){
.col-left-menu a:hover:after{content:""}
}


.col-left-menu .active:after,.col-left-menu .active:hover:after{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e901";display:inline-block;position:absolute;top:14px;right:10px}


@media (max-width: 767px){
.col-left-menu .active:after,.col-left-menu .active:hover:after{content:""}
}