/*--------------------------------------------------
MENU
----------------------------------------------------*/
.slide-but {
    width: 80px;
    height: 52px;
    background: #fff;
    margin-left: -80px;
    margin-top: 16px;
    cursor: pointer;
    text-align: center;
    padding: 13px 0 0 0;
    border-radius: 5px 0 0 5px;
}
.slide-but-bar {
    width: 38px;
    height: 5px;
    background: #4aa871;
    margin: 0 0 6px 13px;
}
.sliding-panel {
    position: fixed;
    z-index: 100;
    width: 260px;
    height: 100%;
    top: 0;
    background-color: #4aa871 !important;
}
.va-menu a {
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
}
.va-menu a:hover, .va-menu a:focus {
	color: #c8cd65;
	text-decoration: none;
}
.va-menu .panel-group {
    margin: 0 10px 0 10px;
}
.va-menu .panel {
    margin-bottom: 0;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.va-menu .panel-default>.panel-heading {
    color: #fff;
    background: none;
    border: none;
	padding: 0;
}
.va-menu .panel-title {
    margin: 0 0 0 0;
	font-family: 'Raleway', sans-serif;
	font-style: normal;
    font-size: 16px;
	line-height: 1;
	font-weight: 500 !important;
    color: #fff !important;
	padding: 8px 0 8px 5px !important;
}
.va-menu .panel-title a {
	font-family: 'Raleway', sans-serif;
	font-style: normal;
	text-transform: none;
	letter-spacing: 1px;
	color: #fff;
}
.va-menu .panel-title a:hover, .va-menu .panel-title a:focus {
	color: #c8cd65;
	text-decoration: none;
}
.va-menu .panel-title i {
    color: #c8cd65;
	font-size: 80%;
}
.va-menu .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
	padding: 0;
	margin: 4px 0 0 0;
}
.va-menu .panel-body ul {
    margin: 0;
	padding: 0;
}
.va-menu .panel-body li {
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	letter-spacing: 0px;
	font-weight: 400;
	list-style: none;
    margin: 5px 0 5px 0;
	padding: 0 0 0 5px;
}
.va-menu .panel-body li a {
	color: #b6b6b6;
	text-decoration: none;
}
.va-menu .panel-body li a:hover, .va-menu .panel-body li a:focus {
	color: #c8cd65;
	text-decoration: none;
}
.sliding-panel hr {
	margin: 20px 15px 32px 15px;
}
.sliding-panel .list-inline {
	padding: 0 0 0 15px;
}
.social-icons-v1 i:hover {
    background: #4aa871;
}







/*--------------------------------------------------
Desktop mid/Large
----------------------------------------------------*/
@media (max-width: 1199px) {



}


/*--------------------------------------------------
Tablet (Landscape) - Desktop Small
----------------------------------------------------*/
@media (max-width: 992px) {



}


/*--------------------------------------------------
Tablet
----------------------------------------------------*/
@media (max-width: 768px) {




}


/*--------------------------------------------------
Phone
----------------------------------------------------*/
@media (max-width: 568px) {
	
.slide-but {
    width: 70px;
    height: 47px;
    margin-left: -70px;
}
.slide-but-bar {
    width: 30px;
    height: 4px;
    margin: 0 0 5px 13px;
}
.sliding-panel {
    width: 240px;
}
.sliding-panel-flag-right .sliding-panel, .sliding-panel-flag-right-push .sliding-panel {
    right: -240px;
}
.va-menu .panel-group {
    margin: 0 10px 0 10px;
}
.va-menu .panel-title {
    font-size: 13px !important;
	padding: 5px 0 5px 5px !important;
}

}