/*########################################## * 
Click Menu Script * 
Created by WebDesign - sites-design.com  
* Copyright 2006 - 2017 WebDesign 
* Developer url : http://www.sites-design.com  
########################################### */

.t4-offcanvas .t4-off-canvas-body .t4-module {margin-bottom: 15px !important;} 
#off-canvas-left h3.module-title {margin: 0;} 
.vmcat_sidebar {margin: 0 0 10px; border: 0; padding: 0 15px 0 20px;} 
.vmcat_sidebar h3 {
  background: none;
  font-weight: 400;
  font-size: 28px;
    text-align: center;
    color: #555;
    padding: 8px 0;
    margin: 10px 0 15px;
} 
.vmcat_sidebar .cat-header {
    background: none;
	font-size: 20px;
	font-weight: 400;
    color: #333;
    text-align: left;
    line-height: 24px;
    margin: 0 0 10px -2px;
    padding: 3px 10px;
    border-left: 3px solid #4B973B;
} 
.vmcat_sidebar .module-ct {
    color: #40A298;
    text-align: left;
    line-height: 24px;
    margin: 0;
    border-left: 1px solid #4B973B;
} 
ul.VMmenucatVM {list-style: none; margin: 0 0 10px; padding: 0 0 0 10px;} 
ul.VMmenucatVM li ul {list-style: none; margin: 0 0 0 12px; padding: 0;} 

.VmOpen .VmArrowdown {background: url(arrow-down.png) 8px center no-repeat; filter: grayscale(0.9);} 
.VmArrowdown {background: url(arrow_exp.png) 8px center no-repeat; filter: grayscale(0.9);}
ul.VMmenucatVM  li {list-style: none; font-size: 17px; line-height: 24px; margin: 3px 0;} 
ul.VMmenucatVM li a {background: url(bg-li.jpg) 0 5px no-repeat; background-size: 8px auto; color: #555; font-weight: 400; padding-left: 12px;} 
ul.VMmenucatVM ul li {margin: 0; display: block;} 
ul.VMmenucatVM ul li a {line-height: 22px; color: #555; font-size: 15px;} 
ul.VMmenucatVM li.VmOpen div a, ul.VMmenucatVM ul li.VmOpen + li a {color: #4B973B;} 
ul.VMmenucatVM li a:hover, ul.VMmenucatVM li a.active {color: #4B973B;} 

ul.VMmenucatVM li, ul.VMmenucatVM li i { 
	-webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}    

@media (min-width: 981px) and (max-width: 1200px) {
  .vmcat_sidebar h3 {font-size: 24px; margin: 5px 0 15px;} 
} 

@media (min-width: 769px) and (max-width: 980px) {
  .vmcat_sidebar h3 {font-size: 24px; margin: 0 0 15px;} 
.vmcat_sidebar .cat-header {font-size: 18px;} 
  .vmcat_sidebar ul.VMmenucatVM li a {font-size: 16px; line-height: 22px;} 
  .vmcat_sidebar ul.VMmenucatVM li > ul li a {font-size: 15px; line-height: 20px; padding-top: 2px;}
}