.ddsmoothmenu-v {
    display: flex !important;
    align-items: center;
    height: 100%;
}

.ddsmoothmenu-v ul {
    margin: 0;
    list-style-type: none;
    border-right: 1px solid rgba(255, 255, 255, .85);
    text-align: right;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 100px 100px 100px 10%;
    width: 40%;
    height: auto;
}

.ddsmoothmenu-v ul li ul {
    position: absolute;
    border-right: 0px solid rgba(255, 255, 255, .85);
    text-align: left;
    left: 40% !important;
    width: 50% !important;
    height: 100%;
    padding: 0;
    top: 0 !important;
    visibility: hidden;
  
}

.ddsmoothmenu-v ul li ul {
    padding: 100px 25% 100px 80px;
}

.ddsmoothmenu-v ul li>ul a {
    color:#fff !important;
    border-bottom: 1px solid #fff;
    position: relative;
}

.ddsmoothmenu-v ul li ul li ul {
    position: relative;
    text-align: left;
    margin: 0;
    padding: 0;
    left: auto !important;
    width: 100% !important;
    height: auto;
    visibility: hidden;
    display: none;
}

.ddsmoothmenu-v ul li ul li ul a {
    border: 0;
   
}

@media (min-width:961px){
    .ddsmoothmenu-v ul li ul li ul a {
        color:#fff !important; 
        font-size:17px !important;
    }
}


.ddsmoothmenu-v ul li {
    width: 100%;
}


/* Top level menu links style */
.ddsmoothmenu-v ul li a {
    font-size: 26px;
    line-height: 32px;
    color: fff;
    padding: 10px !important;
    font-weight: 200;
    text-decoration: none;
    display: block
}

.ddsmoothmenu-v ul li ul li a{
    padding: 16px 10px;
} 

.ddsmoothmenu-v ul li ul li ul a {
    font-size: 19px;
    line-height: 25px;
    padding: 10px 0 10px 30px;
}

.ddsmoothmenu-v ul li ul li ul li ul a{
    padding: 10px 0 10px 46px;
}

.ddsmoothmenu-v ul li a:link,
{
background: #ffca4e
}

.ddsmoothmenu-v ul li a:visited {}

.ddsmoothmenu-v ul li a.selected{ color: #d02f37 !important;border-bottom: 1px solid #d02f37 }
.ddsmoothmenu-v ul li ul li a.selected {background: #CAD7ED2E;
  color: #fff !important;
  border-bottom: 1px solid #fff;}
.ddsmoothmenu-v ul li a:active,
.ddsmoothmenu-v ul li a.current {
    color: #aee7ff
}

.ddsmoothmenu-v ul li a:hover {
    background: none;
    color: #d02f37 !important;
    border-bottom: 1px solid #d02f37;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li {
    float: left;
    height: 1%;
}

* html .ddsmoothmenu-v ul li a {
    height: 1%;
}

/* End */
/* #smoothmenu2 ul li a .rightarrowclass { display:none !important; }  */

#smoothmenu2 ul li ul li a .rightarrowclass {
    background: url(menu_arrow_left.png) no-repeat;
    width: 18px;
    height: 20px;
    background-size: contain;
    background-position-x: right;
    background-position-y: bottom;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}

#smoothmenu2 ul li ul li a .rightarrowclass {
    position: absolute;
    display: block !important;
    right: 10px;
    /* margin: -30px 0 0 -1px; */
}
#smoothmenu2 ul li ul li ul li ul li a{ padding-left:30px  !important; }
#smoothmenu2 ul li ul li a:hover{
background: #CAD7ED2E;
  color: #fff !important;border-bottom: 1px solid #fff;
}
#smoothmenu2 ul li ul li ul li  a:hover {border-bottom:none}

@media (min-width:961px){
    #smoothmenu2 ul li ul li a.selected .rightarrowclass{
        background: url(menu_arrow_down.png) no-repeat;
        width: 18px;
        height: 14px;
        background-size: contain;
        background-position-x: right;
        background-position-y: bottom;
        background-repeat: no-repeat;
        top: 50%;
        transform: translateY(-50%);
    }

    #smoothmenu2 ul li ul li a:hover .rightarrowclass{
    filter: brightness(0) invert(1);
    }

}



#smoothmenu2 .tabphotoscontent {
    display: none;
    position: fixed;
    right: 0;
    height: 80%;
    margin: 5% 0;
    width: 40%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    animation: fadeInAnimation ease .5s;
    visibility: visible;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

#smoothmenu2 ul li::after { content: "";
  position: absolute;
  width: 30%;
  height: 60%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;  opacity: 0; 
      transition: opacity 0.3s ease-in-out;background-position-x: center;}
#smoothmenu2 ul li:hover::after {}

.btn_sch::after{
    background-image: url(/dev/puishing/sites/default/files/menus/menu_photo_1.jpg) ;background-size: cover;
}

.btn_admission::after  {
    background-image: url(/dev/puishing/sites/default/files/menus/menu_photo_2.jpg);background-size: cover;
}

.btn_awards::after {
    background-image: url(/dev/puishing/sites/default/files/menus/menu_photo_3.jpg);background-size: cover;
}

.btn_study::after{
    background-image: url(/dev/puishing/sites/default/files/menus/menu_photo_4.jpg);background-size: cover;
}

.btn_cultivation::after {
    background-image: url(/dev/puishing/sites/default/files/menus/menu_photo_5.jpg);background-size: cover;
}

.btn_activity::after {
    background-image: url(/dev/puishing/sites/default/files/menus/menu_photo_6.jpg);background-size: cover;
}

.btn_religious::after {
    background-image: url(/dev/puishing/sites/default/files/menus/menu_photo_7.jpg);background-size: cover;
}


.btn_eng::after {
    background-image: url(/dev/puishing/sites/default/files/menus/menu_photo_8_1.png);background-size: cover;
}


.btn_family::after {
    background-image: url(/dev/puishing/sites/default/files/menus/menu_photo_9.jpg);background-size: cover;
}

#smoothmenu2  .active::after {
      opacity: 1;
    }
.is-active { color: #d02f37 !important;border-bottom: 1px solid #d02f37;}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.ddsmoothmobile {
    display: none !important
}
@media screen and (max-width: 1200px) {
.ddsmoothmenu-v ul {
    padding: 100px 50px 100px 50px;
    width: 30%;
}
.ddsmoothmenu-v ul li ul {  padding: 100px 15% 100px 50px; left:30% !important; }	
#header nav ul li a {  font-size: 19px;	line-height: 21px;}	

}

@media screen and (max-width: 960px) {
    .ddsmoothmenu-v {
        align-items: start;
        margin-top: 0;
        overflow-y: auto;
        height: 100%;
        background:#031459f5 !important
    }

    .ddsmoothmenu-v ul li a {
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        font-size: 23px;
    }

    .ddsmoothmenu-v ul li ul li a {
        border-bottom: 0px solid rgba(255, 255, 255, .3);
        font-size: 19px;
        line-height: 23px;
        padding: 10px 5px;
    }

    .ddsmoothmenu-v ul {
        padding: 120px 5%;
        width: 100%;
        border-right: 0px solid rgba(255, 255, 255, .85);
        text-align: left;
        background:none !important;

    }
.ddsmoothmenu-v{overflow-x: hidden}

#smoothmenu2 ul li::after{ display:none !important}
#smoothmenu2 ul li ul li a .rightarrowclass {
    background: url(left.png) no-repeat;

}

    .ddsmoothmenu-v ul li ul {
        position: relative;
        left: 5% !important;
        width: 90% !important;
        height: auto;
        padding: 0;
        top: 0 !important;
    }

    .ddsmoothmenu-v ul li ul li ul {
        position: relative;
        text-align: left;
        margin: 0;
        padding: 0;
        left: 5% !important;
        width: 90% !important;
        height: auto;
        visibility: hidden;
        display: none;
    }


    .tabphotoscontent {
        display: none !important
    }
.ddsmoothmenu-v ul li a{ position:relative;}
.ddsmoothmenu-v ul li a .rightarrowclass {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px !important;
  height: 34px !important;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(255, 0, 0, 0.72) !important;
  border-radius: 0px; pointer-events:none;
}
.ddsmoothmenu-v ul li  ul li a .rightarrowclass { transform: none !important;}

.ddsmoothmenu-v ul li a .rightarrowclass::before {
  content: '+';
}

.ddsmoothmenu-v ul li a.selected .rightarrowclass::before {
  content: '-';
}
}

/* menu-item-has-children */
/* .ddsmoothmenu-v ul li > ul > li.menu-item-has-children a{
    background: red !important;
} */