/*--Side Menu--*/
#primayMenu {margin-left: -250px; left: 250px; width: 330px; background: #330c31; position: fixed; height: 100%; overflow-y: hidden; z-index: 1000;
-webkit-transition:all 0.4s ease 0s;  
-moz-transition:all 0.4s ease 0s;
transition: all 0.4s ease 0s;
  overflow: hidden;}
#primayMenu.active {left: -10px;}
#primayMenu .sideBarLeft {position: relative; display: inline-block; width: 79%; height: 100%;}
#primayMenu .sideBarRight {display: block; width: 21%; height: 100%; float: right;}
#primayMenu .sideBarRight:hover {cursor:pointer; background: #51284f;}
#primayMenu .sideBarRight .sideBarRightContainer {position: absolute; top: 50%; right: 12px; margin-top:-70px;}
#primayMenu .sideBarRight .sideBarRightContainer p#open {display:none;}
#primayMenu .sideBarRight .sideBarRightContainer p#close {display:none;margin-top:30px;}
#primayMenu .sideBarRight div p {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
transform: rotate(270deg); 
margin-top: 20px; margin-bottom: 40px; width:50px; text-transform:uppercase;
font-size:19px; color:#fff;}
#primayMenu .sideBarRight div.tilde  {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
#primayMenu .sideBarRight div.tilde img  {width: 27px; height: 8px;}
/*#primayMenu .sideBarLeft .sideBarLeftContainer {margin-top: 80px;}*/
#primayMenu .sideBarLeft .sideBarLeftContainer #homeItem {position: absolute; top: 10%; left: 50%; 
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
#primayMenu .sideBarLeft .sideBarLeftContainer #menuItems {position: absolute; top: 50%; left: 50%; 
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 80%; margin: 0 auto 0 auto;}
#primayMenu .sideBarLeft .sideBarLeftContainer #socialItems {position: absolute; top: 90%; left: 50%; 
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 80%;}
#primayMenu .sideBarLeft .sideBarLeftContainer ul.sideBarMenuItems {padding: 0px; /*margin-top: 240px;*/}
#primayMenu .sideBarLeft .sideBarLeftContainer ul.sideBarMenuItems li.home {display: none;}
#primayMenu .sideBarLeft .sideBarLeftContainer ul li {list-style-type: none text-align: center; font-size: 16px;
padding:12px 0px;}
#primayMenu .sideBarLeft .sideBarLeftContainer ul li a {color: #fff;}
#primayMenu .sideBarLeft .sideBarLeftContainer #homeItem a {font-size: 0px; display: block; text-align: center; }
/*#primayMenu .sideBarLeft .sideBarLeftContainer ul li.homeItem a{font-size:0px; line-height:0px;}*/
#primayMenu .sideBarLeft .sideBarLeftContainer ul li a:hover{color:#e4a7e1;}
#primayMenu .sideBarLeft .sideBarLeftContainer div .sideBarSocialContainer {width: 58%; margin: 70px auto 0 auto;}
#primayMenu .sideBarLeft .sideBarLeftContainer div .sideBarSocialContainer:hover {cursor: pointer;}

#primayMenu .sideBarLeft .sideBarLeftContainer ul li a.mboile-show{display:none;}

@media only screen and (max-width:1159px) {
#primayMenu{margin-left:-195px; width:240px; left:195px;}	
#primayMenu.active{left:0;}
#primayMenu .sideBarRight .sideBarRightContainer{right:0; margin-top:-100px;}
#primayMenu .sideBarLeft .sideBarLeftContainer > div{width:100%; padding:10px;}
#primayMenu .sideBarLeft .sideBarLeftContainer{margin-top:30px;}
#primayMenu .sideBarLeft .sideBarLeftContainer div .sideBarSocialContainer{width:100%; text-align:center; margin-top:30px;}
#primayMenu .sideBarLeft .sideBarLeftContainer ul.sideBarMenuItems {padding: 0px; /*margin-top: 90px;*/}
#primayMenu .sideBarLeft .sideBarLeftContainer {margin-top: 40px;}

}

@media (min-width:768px) and (max-width:979px) {
#primayMenu .sideBarRight .sideBarRightContainer{margin-top:-90px;}
}

@media only screen and (max-width:676px) {
#primayMenu .sideBarLeft .sideBarLeftContainer{margin-top:0px;}
#primayMenu .sideBarLeft .sideBarLeftContainer ul li{padding:6px 0px;}
#primayMenu .sideBarLeft .sideBarLeftContainer ul li a{font-size:14px;}
#primayMenu .sideBarLeft .sideBarLeftContainer div .sideBarSocialContainer{margin-top:10px;}


}

/*--- Side Menu Mobile ---*/
@media only screen and (max-width:767px) {
 #primayMenu{ position: absolute; height: auto; top: 10px; left: 12px; margin: 0; width: auto; background: none; }
 #primayMenu.active{ left: 12px; }

 #primayMenu .sideBarRight{ width: 30px; height: 24px; float: none; }
 #primayMenu .sideBarRight, #primayMenu .sideBarRight:hover{ background: url(../../Images/icon-navigation.png) no-repeat 0 0; }
 #primayMenu .sideBarRight *{ display: none; }

 #primayMenu .sideBarLeft{position: relative; width: 280px; height: auto; background: #330C31; display: block; margin: 5px 0 0; } 
 #primayMenu.active .sideBarLeft{ display: none; }
 #primayMenu .sideBarLeft .sideBarLeftContainer{margin-top:0px;}
 #primayMenu .sideBarLeft .sideBarLeftContainer > div{padding:0px;}
#primayMenu .sideBarLeft .sideBarLeftContainer ul li{padding:8px 20px; text-align:left; border-top:1px solid #480b45;}
#primayMenu .sideBarLeft .sideBarLeftContainer ul li:first-child{border-top:0px;}
#primayMenu .sideBarLeft .sideBarLeftContainer #homeItem  a img{display:none;}
#primayMenu .sideBarLeft .sideBarLeftContainer ul.sideBarMenuItems li.home {display: list-item;}
 #primayMenu .sideBarLeft .sideBarLeftContainer ul li{font-size:14px;}
 #primayMenu .sideBarLeft .sideBarLeftContainer #homeItem a{font-size:14px; line-height:20px;}
 #primayMenu .sideBarLeft .sideBarLeftContainer div .sideBarSocialContainer{display:none;}
 #primayMenu .sideBarLeft .sideBarLeftContainer ul.sideBarMenuItems {margin-top: 0px;}
 #primayMenu .sideBarLeft .sideBarLeftContainer #homeItem {display: none;}
#primayMenu .sideBarLeft .sideBarLeftContainer #menuItems {position: static; transform: translate(0%,0%); margin: 0px 0px; }
#primayMenu .sideBarLeft .sideBarLeftContainer #socialItems {display: none;}
#primayMenu .sideBarLeft .sideBarLeftContainer ul li a.mboile-show{display:block;}

 }

 /*--Side Menu End--*/