/*body*/
body
{background-color:white !important;color: #333 !important;font-family: 'metropolisregular';font-size: 14px}


/*header*/
header{ position: relative; z-index: 5;background-image: url(../img/images/header-bg.jpg); background-position: center;background-repeat: repeat;
}
.logo-div{padding: 0px 15px; display: block; float: left; }
.header-top { padding-top: 13px; padding-bottom: 13px;}
.hd-main{ box-shadow: 0px 3px 20px rgba(25, 24, 24, 0.17);}



/*29-11-2021*/
/*hover list*/
.hover-list{list-style-type: none; float: right; padding: 8px 15px}
.hover-list .bars{color: #333}
.hover-list:hover .hover-drop {display: block !important; padding: 0px 0px}
.hover-drop{margin-top: 0px; border-bottom: none !important;}
.hover-drop a{margin: 10px 20px !important; padding: 3px 10px;}
.hover-drop:hover .hover-sub-drop{display: block !important;}
.angle-right{ color: #DCC074;
    font-size: 16px;
    top: 2px;
    position: relative; padding-left: 2px}
.pos-rel{position: relative;}
.hover-sub-drop{ left: -247px; top: -13px;}
.hover-list{padding-bottom: 15px}
.hover-drop{ top: 100%; right: -10px; left: auto;}



/*3-11-2021*/
.pl-0{padding-left: 0px !important}
.float-right{float: right !important}
.menu-bar .bars{color: #000}


@media screen and (max-width: 1199px)
{
  .menu-bar, .hover-list{display: none;}  
}


/*new menu*/
.menu-fig, .menu-icon, .about-list .explore-ul li a, .menu-title, .menu-desc, .brands-list li a img{transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in; }

.menu-wrapper {
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    max-width:1300px;

}

.menu-wrapper-cont {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(255, 255, 255, .99);
    min-height: 240px;


}

 .has-dropdown .list-link .angle-down {
    width: 8px;
    fill: pink;
    margin: 0 0 0 4px;
    margin-top: -5px;
    line-height: inherit;
    vertical-align: middle;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.has-dropdown{padding: 0px 12px 0px;}
.has-dropdown:last-child{padding-right: 0px}

ul.main-menu-ul>li {
    list-style: none;
    display: inline-block;
    float: left;
    line-height: 1;
}


.main-menu-ul .list-link {
    cursor: pointer;
    position: relative;
    line-height: 24px;
    letter-spacing: 0px;
  
}


.has-dropdown .list-link {
    position: relative;
    padding-right: 2px;
    line-height: 30px;
    display: block;
    color: white;
    margin-bottom: 17px !important;
    border-radius: 4px;
    font-family: 'robotoregular';
    font-size: 15px;
    letter-spacing: .1px
}

.has-dropdown.with-bg .list-link {margin-bottom: 3px !important}

.list-link
{color: #333}

.list-link:hover{color:#ffffff  !important}

/*.list-link:before{
    position: absolute;
    right: 50%;
    bottom: 1px;
    height: 27px;
    width: 27px;
    border-radius: 20px;
    background-color: rgb(175 202 11 / 53%);
    opacity: 0;
    transition: opacity .4s,left .4s,right .4s;
    left: 50%;
    content: ' ';}*/

.menu-cont .list-link:hover:before
    {left: -9px;
    right: 0;
    opacity: 1; z-index: -1;}

.flex-ul {
    flex: 1;
}

.btn_ripple {
    position: relative;
    display: inline-block;
     overflow: hidden;
         transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in; 
}


.effect {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-transform: capitalize;
  overflow: hidden;
}

/* effect-1 styles */

.effect.effect-1 {
transition: all 0.2s linear 0s;
    padding: 15px 15px; font-size: 14px;
    text-align: left;
    /* text-indent: 10px; */
    color: #333;}
  
.effect.effect-1:before {
    /* display: none !important; */
    /*background: #f3f3f3;*/
    color: #dd1c63;
    content: '';
    font-size: 15px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
    opacity: 1;
    height: 100%;
    width: 43px;
    height: 100%;
    margin-right: 0px;
    padding-right: 11px;
    transition: all 0.2s linear 0s;
  }
  
.effect.effect-1:hover {
    text-indent: 0px;}
    
.effect.effect-1:hover:before {
      opacity: 1;
      text-indent: 0px;
    }
 

.ho-ul li a.effect.effect-1:hover:before{background:#e6500f}


/*.menu-cont-desk{position: relative;}*/
.menu-cont-desk{float: right;width: auto; margin-top: 0px;}
.menu-cont{float:left;  margin-top: 0px; 
    /* position: relative;*/ margin-left: 0px;  max-height: 1000px;
    width: auto;
    padding-left: 0px; padding-right: 0px;
     }

.main-menu-ul{display: table;display: table;
    margin: 0 auto; /*margin-top: 20px !important;
        float: right;*/}


.flex-cont{    width: 100%;
    float: left;
     /*padding-right: 10px;*/}


.has-dropdown.pos-rel{position: relative;}

.has-dropdown.pos-rel .menu-wrapper-cont
{right: 0% !important; left: auto;transform: translate(0,20px) !important; visibility: hidden;

    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    }

@media screen and (min-width: 1101px){
.menu-wrapper-cont {
    background-color: white;
    justify-content: center;
    position: absolute;
    right: 17px;
    /*transform: translateX(-50%);*/
    width: 66% !important;
    z-index: 201;
    width: 75%;
    border-radius: 4px;
    opacity: 1;
    display: none;
    /*visibility: hidden;*/
    /**/
    /*display: block;*/
}

.main-menu-ul li.has-dropdown{ z-index: 200;}

.main-menu-ul li.has-dropdown:hover .menu-wrapper-cont {
   /* visibility: visible;*/
   display: block;
    opacity: 1;
    box-shadow: 0px 12px 20px 3px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    transform: transform: translate(0,0px) !important;
}


.main-menu-ul li.has-dropdown.pos-rel:hover .menu-wrapper-cont
{transform: translate(0,0px) !important; visibility: visible;}

.main-menu-ul li.has-dropdown:hover .angle-down , .top-bar ul li.has-dropdown:hover .angle-down{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.hex__home_menu_solutions_wrapper li.drop-list {
    padding: 0 20px 0 0;
    margin-bottom: 5px;
    position: relative;
}

.main-menu-ul li.has-dropdown:hover .menu-wrapper-cont .drop-list {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

a.drop-list-link:hover {
    text-decoration: none;
    /*-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12),inset 0 -1px 0 0 #dadce0;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.12),inset 0 -1px 0 0 #dadce0;*/
}

a.drop-list-link:hover .menu-icon{
    filter: unset;
    opacity: 1;
    /* border-radius: 100%;*/}

a.drop-list-link {
    cursor: pointer;
    line-height: 1;
    padding: 10px 10px 10px;
 /*   display: block;*/
     display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;

        -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    position: relative;
    height: 100%;
    color: #333;
}

.menu-title {
    color: #333;
    line-height: 18px;
    display: block;
    margin: 0 0 5px 0;
    -webkit-transition: none;
    transition: none;
    font-family: 'nunitoblack';
    font-size: 15px;
}


.menu-desc{    line-height: 21px;
    color: #909090;
    max-height: 53px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0px;}

.flex-ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    flex-wrap: wrap;
}

/*.drop-list-link::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 78%;
    top: 11%;
    left: 0;
    z-index: 1;
    opacity: .15;
    -webkit-transition: none;
    transition: none;
}
*/

.drop-list-link:hover::before {
    width: 3px;
    height: 100%;
    top: 0;
    right: 25px;
    opacity: .8;}


}

.explore-ul{padding-left: 6px}

.explore-ul li {
width: calc(100% / 2 - 12px);
    margin-left: 6px;
    margin-right: 0px;
    float: left;
    position: relative;}


/*brands list*/
.bor-col{    padding: 20px;
    border-radius: 12px;
    border: 1px solid rgb(192 192 192 / 30%);}
.brands-list .explore-ul {padding-left: 0px}
.brands-list .explore-ul li {
        width: calc(100% / 3 - 6px);
    margin-left: 3px;
    margin-right: 3px;
}

.brands-list .ho-ul li a {
    border: 1px solid #d4d4d4;border-radius: 4px;}

.brand-in-logo2{width: 100%; float: right;}

/*
.brands-list .menu-wrapper-cont{width: 600px}
.brands-list .explore-ul li .slide-icon {
    margin: 0 auto;
     opacity: 1; 
    height: 67px !important; width: auto !important; filter: none !important}

.brands-list .effect.effect-1 {
    padding: 12px 30px !important;}*/

.brands-list .menu-wrapper-cont{width: 552px}
.about-list .menu-wrapper-cont, .media-list .menu-wrapper-cont
{width: 680px;}

.about-list .explore-ul li a,
.media-list .explore-ul li a {position: relative;padding: 14px 15px 10px; border:1px solid white;}

.about-list .explore-ul li a:hover,
.media-list .explore-ul li a:hover
{    /*background: #f7f7f7;*/
    border-radius: 6px;
    box-shadow: -20px 0px 20px -28px #000000;border:1px solid rgb(221 28 99 / 81%);
}

.about-list .explore-ul li a:hover .menu-desc,
.media-list .explore-ul li a:hover .menu-desc
{color: #424242}

.about-list .explore-ul li a:hover .menu-title,
.media-list .explore-ul li a:hover .menu-title
{ color: #dd1c63;}

.about-list .explore-ul li:hover figure,
.media-list .explore-ul li:hover figure
{animation-name: zoomIn; animation-duration:.5s;}

.about-list .explore-ul li,
.media-list .explore-ul li
 {
    width: calc(100% / 2 - 0px) !important;
    margin-left: 0px !important;
    margin-right: 0px !important;}

.about-list .explore-ul,
.media-list .explore-ul
{padding-left: 0px}

.brands-list .explore-ul li .slide-icon {
    margin: 0 auto;
     opacity: 1; 
    height: 50px !important; width: auto !important; filter: none !important}

.brands-list .effect.effect-1 {
    padding: 12px 28px !important}

.brands-list li a:hover{border:1px solid rgb(221 28 99 / 81%);}
.brands-list li a:hover img{transform: scale(1.2, 1.2);}

.brand-col{padding-left: 250px; padding-right: 250px !important;}
.brand-sub{margin-bottom: 20px}
.brands-main .brand-fig img{ height: 70px !important; width: 100% !important;}
.brands-main .brand-fig
{padding: 10px; display: block;}

/*.brands-main .brand-fig img{height: 70px}*/



/*branches list*/
.branches-list .sub1 > li {
    padding-right: 18px !important;}
.branches-list .sub1 {
    padding-left: 10px !important;}
.branches-list .sub1 > li > a
    {padding-left: 13px !important;
    padding-right: 13px;}
.branches-list .explore-ul li {
    width: calc(100% / 2 - 12px);
}

.branches-list .explore-ul li .slide-icon {
    margin: 0 auto;
     opacity: 1; 
    height: 67px !important; width: auto !important; filter: none !important}


.branches-list .effect.effect-1 {
    padding: 12px 10px !important;}

.menu-branch{
    margin-bottom: 15px;
    display: block;
    color: #5d5d5d;
    padding: 0px;
    /* box-shadow: 0px 0px 0px 1px #e9e9e9; */
    border: 1px solid #d4d4d4;
    border-radius: 4px;
}

.menu-branch img{ border-radius:4px 0px 0px 4px;}

.m-branch-name {
    padding: 8px 8px 8px 8px;
    font-size: 14px;
    line-height: 19px;
    /* height: 45px; */
    overflow: hidden;
    margin-bottom: 0px;
}

.m-branch-name:before {
    pointer-events: none;
    position: absolute;
    z-index: 2;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top;
    transition-property: top;
    left: 40px;
    margin-top: -18px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent;
}


.menu-branch:hover{color: #5d5d5d;}


.branch-slide-cont .carousel-indicators{bottom: 4px;width: auto;
    right: 0px;
    left: auto;}


.menu-br-logo{width: 150px;}






/*for showing triangle arrow in dropdownmenu*/
.menu-wrapper{position: relative;}
.menu-wrapper:after
{     content: '';
      position: absolute;top: -9px;
      width: 0;
      height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white
    }

.about-list .menu-wrapper:after{right:534px;}

.branches-list .menu-wrapper:after{right:447px;}

.brands-list .menu-wrapper:after{right:350px;}

.media-list .menu-wrapper:after{right:260px;}





/**/
.explore-ul li figure{ /*display: none;*/
    position: absolute;
    left: 10px;
    top: 13px;
   /* filter: invert(1);*/}

.vrt-mid .sub-box{vertical-align: middle !important;}
.vrt-top .sub-box{vertical-align: top;}
.vrt-bottom .sub-box{vertical-align: bottom;}


/*.fstshw{background-color: white !important}*/
.sub1 > li > a.fstli-a{ color:#333 !important}
.sub1 > li.hvrmenu.active > a{   /* background-color: #2f3690 !important;
    border: 1px solid #2f3690 !important;  color: #ffffff !important;*/
    border-radius: 5px 4px 4px 5px;
   }

.fstli-a{/*background-color: #dd1c63 !important; */border:1px solid #e9e9e9 !important;}
.othrli-a{ /*   background-color: #ffe0eb !important;*/
    border: 1px solid #e9e9e9 !important}
.sub1 > li > a.othrli-a{color: #333 !important;}
.fstli-a img{filter:invert(1) brightness(14); display: none;}
.othrli-a img{display: none;}
.sub1{position: relative; padding-right: calc(735px - 160px); height: 350px; padding-top: 15px;padding-left: 6px;border:2px solid white;
border-radius: 4px}
.sub1 > li {
    
    padding-right: 10px !important;
    padding: 0px 5px;
    display: table;
    width: 100%;
    /*border-right: 3px solid rgba(255,255,255,.2);*/
    /*margin-bottom: 6px;*/
    padding-bottom: 6px;
   
}
.sub1 > li:last-child a.bor-link{border-bottom: none !important;}
.sub1 > li > a {
/*font-family: 'poppinssemibold';*/
border-radius: 4px;
    border-left: 2px solid transparent;
    vertical-align: middle;
    display: table-cell;
    color: white !important;
    padding-left: 15px !important;
    padding-right: 15px;
    position: relative;
    line-height: 16px;
    height: 42px;
    width: 100%;
    text-decoration: none !important;
    font-size: 14px;
    /*text-transform: uppercase;*/
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
}

.sub1 li a >i {
    position: absolute;
    right: 10px;
    top: 15px;
    display: none;
}
.sub1 > li > a.fstli-a:hover{
background-color: #2f3690 !important;
   /* padding-left: 25px !important;*/
    border: 1px solid #2f3690 !important;
    /* border-left: 3px solid #dd1c63; */
    border-radius: 5px 4px 4px 5px;
    color: #ffffff !important;
}

/*.sub1>li:hover>a{
background-color: #dd1c63 !important;
    border: 1px solid #dd1c63 !important;
    border-radius: 5px 4px 4px 5px;
    color: #ffffff !important;
   }*/

.sub1> li:hover img.side-img{filter: brightness(1) invert(1);}
.sub1>li img{margin-right: 3px;
 /*   float: left;
    margin-right: 12px;
    margin-top: 9px;*/
/*    filter: brightness(1) invert(0.5);
    -webkit-filter: brightness(1) invert(0.5);
    -moz-filter: brightness(1) invert(0.5);*/
    }

.sub1 li:hover i {
    display: none !important;
}
.sub1 li:hover .sub2 {
    display: block !important;
}
.sub2 li:hover{border-left:none;}
.fstshw .sub2 { display: block !important;}
.sub2 {
    z-index: 5;
    border-radius: 0px 4px 4px 0px;
    position: absolute;
    /*border-left: 1px solid #dedede;*/
    background-color: white !important;
    right: 0px;
    top: 0;
    width: calc(735px - 160px);
    padding-left: 5px !important;
    bottom: 0;
    display: none ;
    overflow: auto;
    padding:15px 0px 15px 0px;
    text-align: left;
    min-height: 240px;
    box-shadow: inset 6px 1px 20px -20px rgb(0 0 0 / 76%);
}
.sub2 ul > li > a {
    text-decoration: none;
    line-height:23px;
    text-transform: capitalize !important;;
    display: block;
}



.trnn{-webkit-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    -moz-transition: transform 650ms ease-in-out,filter 650ms ease-in-out;
    transition: transform 650ms ease-in-out,filter 650ms ease-in-out;}

figure{overflow: hidden;}


.bars{font-size: 18px; position: relative;top:2px;}

.cd-dropdown-trigger{ 
    margin-top: -60px;
    margin-bottom: 0px;
    /* float: left; */
    border:none !important;
    padding: 3px 3px 0px 9px;
    border-radius: 0px !important;
    background-color: none !important
    height: 37px;
    position: relative;
    z-index: 19;
}


.cd-dropdown-trigger .mnu{padding-top: 3px; font-size: 14px}







.menuevt {
    width: 300px;
    float: right;
    position: relative;
}

.infobox {
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: rgb(255 255 255 / 88%);
    padding: 8px 12px;
    background-color: rgb(0 0 0 / 63%);
    border-radius: 0px 0px 4px 0px;
}


.imgbox img{border-radius: 0px 4px 4px 0px}

.inf-head{border-radius: 4px;
    background-color: rgb(16 121 22 / 52%);
    color: white;
    border-bottom: 2px solid #052c05;
    display: block;
    padding: 8px 20px 6px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 5px;
    margin-top: 5px;}

.menu-para{line-height: 20px;
    margin-bottom: 5px;}


.menu-wrapper-cont.info-cont{padding: 0px 0px 0px 0px !important;  width: 380px; min-height: auto !important }
/*.main-menu-ul li.has-dropdown.pos-rel .menu-wrapper-cont {
    transform: translate(0,0px) !important; opacity: 1; display: block !important;
    visibility: visible !important;
}*/

.pos-rel{position: relative;}

.menu-wrapper-cont.info-cont .e-banking .bank-ul{padding: 5px}
.menu-wrapper-cont.info-cont .e-banking .bank-ul li{/*float: left;border:1px solid #d7d8ce; padding: 8px*/
float: left;
    border: 1px solid #5ec2f47a;
    padding: 8px;
    background-color: #effaff;

}
.menu-wrapper-cont.info-cont .e-banking .bank-ul li a.drop-list-link{padding: 0px}
.menu-wrapper-cont.info-cont .e-banking .bank-ul figure {    width: 60px;
    height: 60px;
    padding: 12px;
    background-color: rgb(94 194 244);}


.menu-wrapper-cont.info-cont .e-banking .bank-ul figure img {
    opacity: .9;
    width: 34px;
}
.menu-wrapper-cont.info-cont .e-banking .bank-ul li:hover figure {
    box-shadow:0px 6px 12px -8px rgb(50 151 107);
}

/*if using icon in menu*/
/*.menu-icon {
    opacity: .8;
    height: 50px;
    width: 50px;
    float: left;
    padding: 6px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
}
*/

.menu-icon{width: 24px; filter:invert(1) brightness(14);}
.menu-fig{    width: 50px;
    height: 50px;
    float: left;
    border-radius: 100%;
    background-color: #eaf8fd;}

.menu-body{/*   float: left; width: calc(100% - 50px); padding-left: 10px*/ width: 100%}

/*.has-dropdown{border-right: 1px solid rgb(16 121 22 / 15%);}*/

/*.has-dropdown .list-link:after{content: '';
    width: 1px;
    height: 21px;
    background-color: rgb(16 121 22 / 17%);
    position: absolute;
    right: -12px;
    top: 5px;}*/


.has-dropdown.last .list-link:after{display: none;}

.has-dropdown.first{padding-left: 0px}


/*.has-dropdown .list-link:hover .menu-icon{animation-name: flipInY; animation-duration: 1s}*/


.ho-ul li {margin-bottom: 6px}
.ho-ul li:last-child{margin-bottom: 0px}

.ho-ul li a{ transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all .4s ease;
/*border-bottom: 1px solid #d4d4d4;*/
    /*border-radius: 4px;*/width: 100%;}

.sep-ul li {
    float: left;
    margin-bottom: 10px;
    display: table;
    padding: 0 5px;
    width: calc(100% / 2);
}


.sep-ul li a:hover {
    border: 1px solid #C49718;}


.sub2 ul > li > a {
    text-decoration: none;
    line-height: 35px;
    text-transform: capitalize !important;
    display: block;
    border-radius: 5px;
}

.sep-ul li a {
    color: #777;
    border-radius: 3px;
    width: 100%;
    height: 42px;
    line-height: 28px !important;
    padding: 5px;
    border: 1px solid #eee;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    float: none;
    overflow: hidden;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
}




/*menu*/
.navbar
{min-height: 0px !important;width:100% !important;display: block;margin-bottom: 0px;
background-color: transparent;border: none;border-radius: 0px}

#myNavbar
{border:none;padding-left:0px;padding-right:0px;}

.navbar-nav>li>a
{color: #333 !important;font-size: 13px; text-transform: capitalize;
font-family: 'metropolismedium'; }

.navbar-nav>li:last-child{border-right: none;}

.dropdown-menu{ background-color: rgba(47,54,144,0.9); border-bottom:6px solid #C68A23;}
.dropdown-menu li{border-bottom: 1px solid rgba(0,0,0,0.17);}
.dropdown-menu li:last-child{border-bottom: none;}

.dropdown-menu>li>a
{font-size: 13px;
line-height: 20px; color: white;margin: 15px 30px;}

.dropdown-menu>li>a:hover
{background-color: transparent !important;color:white !important;}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover
{background-color: #074882 !important;color:#B28836 !important;}


.navbar-inverse .navbar-toggle .icon-bar 
{background-color: white;}

.navbar-inverse .navbar-toggle 
{border:none;}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent !important;
}

.menu-trigger{background-color: white}
.dim-overlay:before{transition: all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease;}


/*menu cont*/
.menu-cont{  float: right;}
.navbar-nav>li>a{ transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;}



/*menu hover effects*/
.cl-effect-5 a {
    overflow: hidden;
    padding: 0 4px !important;
        margin: 15px 6px;
}

.cl-effect-5 a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.cl-effect-5 a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span, .cl-effect-5 a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

h1.main-title{  font-size: 42px; font-family: 'open_sansbold';}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover
{ background-color: transparent !important;}


/*dropdown-mnenu-div*/
.dropdown-menu-div{/*width: 470px;*/  width: 770px; left: -155px !important; padding-top: 0px; padding-bottom: 0px; }
.dpt-dropdown-menu-div{left: -255px !important;}
.dropdown-menu-ul{float: none;position: static;background-color: transparent; -webkit-box-shadow:none; box-shadow:none; border-bottom: none;
    border-radius: 0px
}

.login{
    font-family: 'metropolismedium';
    float: right;
    margin-top: 0px;
    border-radius: 3px !important;
    height: 37px;
    color: #fff !important;
    outline: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;margin-left:3px; padding: 6px 18px; display: block;}
.syllabus{
    font-family: 'metropolismedium';
    float: right;
    margin-top: 0px;
    border-radius: 3px !important;
    height: 27px;
    color: #fff !important;
    outline: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;margin-left:3px; padding: 6px 18px; display: block;}
.login:hover i{animation-name:jello; animation-duration:1.6s; }
.login i{font-size: 15px; padding-right: 3px; position: relative;bottom: -1px}
.log{float: right;}
.header-top-main{background-color: #2F3690; color: rgba(255,255,255,.8);}
.blue{background-color: #2F3690}
.pink{background-color: #C49718}
.angle-down{color: #DCC074; font-size: 16px}
.top-left{margin-top: 5.5px}
.top-left li{display: inline-block; margin-right: 20px; font-size: 12px; font-family: 'metropolismedium';}
.top-left li img{margin-right: 6px}
.navbar-right{margin-right: 0px}
.menu-para{padding:2px 2px 2px 2px;
    color: #F1B50E;
    border-bottom: 2px solid rgba(241, 181, 14, 0.55);
    font-family: 'metropolissemi_bold';
    text-transform: uppercase;
    padding-bottom: 10px; margin:25px 0px -3px 35px; display: table;}
.menu-para i{padding-right: 6px; font-size: 15px}


/*mobile menu*/
.nav-div-sub{height: 100vh; overflow: auto;}



/*slider*/
 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      
      width: 100%;
      height:auto;
      margin: auto;
  }


.item img
{margin:0 auto !important;}


/*carousel indicator*/
.carousel-indicators .active{background-color: #2f3690}
.carousel-indicators li{border:2px solid #F7E4AF;height: 15px ; width: 15px}
.carousel-indicators .active{height: 16px ; width: 16px}
.carousel-indicators {
    position: absolute;
    bottom: 0px;
    z-index: 2;
    padding-left: 0;
    text-align: center;
    list-style: none;
}
.carousel-inner{z-index: 1}


/*inner slider*/
.car-inner-cont {
    height: 240px;
    background-image: url(../img/slides/inner-slider.jpg);
    background-size: cover;
    background-position: center center;
}

.dpt-slider {
    height: 255px;
    background-size: cover;
    background-position: left center;
}

.dpt-cs{ background-image: url(../img/slides/bca-bg.jpg);}
.dpt-english{ background-image: url(../img/slides/english-bg.jpg);}
.dpt-physics{ background-image: url(../img/slides/physics-bg.jpg);}

@media (max-width: 600px){
.car-inner-cont {height: 135px;}
}

@media (min-width: 426px) and (max-width: 600px) {
.dpt-slider {height: 180px;}
}

@media (max-width: 425px){
.dpt-slider{height: 140px;}
}



/*gen*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,
button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus {
    outline: none ;
    outline-offset: 0px;
}

.no-padding
{padding-right: 0px;padding-left: 0px}

.pd-2-35{padding-left: 45px; padding-right: 45px}

a, a:hover
{text-decoration: none !important;}

ul
{padding-left: 0px; list-style-type: none;margin: 0}

.box
{display: table;}

.sub-box
{display: table-cell;}

.sub-box1
{padding-right: 15px}

.clear-fix
{float: none; clear: both;}

span.clear-fix 
{ display: block;}

.img-left
{float: left; margin-right:15px; margin-bottom: 15px}

.img-right
{float: right; margin-left:15px; margin-bottom: 15px}

.img-auto
{margin: 0 auto; float: none; margin-bottom: 15px}


.gen-para{line-height: 26px;  text-align: justify; margin-bottom: 15px}

.trn{transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.form-control{box-shadow: none; border-radius:0px;}
.btn{border-radius:0px;}

h1{ font-family: 'metropolisbold'; color: #1B1919; font-size: 24px; text-transform: uppercase;   }
h2{ font-family: 'metropolisbold';font-size: 16px; text-transform: uppercase;  }
h3{ font-size: 24px;}

/*.head-span{display: table; background-color: #2D3192; color: white; padding: 6px 12px; font-size: 18px; 
    border-top-right-radius: 6px; border-top-left-radius: 6px }
.bord{border-bottom:1px dotted #2D3192;}*/


/*border-bg*/
.border-bg img{width: 100%; height: auto;}


/*icon div*/
.mis-col .box .sub-box { vertical-align: middle;}

.mis-head {
    margin-bottom: 0px;
    font-size: 17px;
    line-height: 25px;
    font-family: 'metropolisbold';color: #121754; 
}
.mis-col-main{background-image: url(../img/images/header-bg1.png); background-position: center;background-repeat: repeat;}

.mis-col {
    padding: 20px; border: 1px solid #DFE1EF; border-left: 4px solid #C49718 !important;
    box-shadow: 0px 2px 11px rgba(106, 109, 113, 0.35);
    margin-bottom: 0px;
    background-color: rgba(221, 220, 222, 0.25);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease; cursor: pointer;}

.icon-div{padding-top: 30px; padding-bottom: 30px}

.mis-small{display: block;padding: 15px}
.mis-head span{ font-family: 'metropolissemi_bold'; font-size: 12px; text-transform: uppercase; display: block;line-height: 13px;color: #6F6D6D;
}
.mis-col img{animation-name: jello; animation-duration:2s; animation-iteration-count: infinite; width: 44px !important; height: 40px !important}
.mis-col:hover img{animation-name: zoomIn; animation-iteration-count:initial;animation-duration:1s}
#owl-car-loan .owl-nav, #owl-car-loan .owl-dots,
#owl-car-uni .owl-nav, #owl-car-uni .owl-dots,
#owl-car-uni-in .owl-nav, #owl-car-uni-in .owl-dots,
#owl-car-win .owl-nav, #owl-car-win .owl-dots,
#owl-car-win1 .owl-nav, #owl-car-win1 .owl-dots,
#owl-car-win2 .owl-nav, #owl-car-win2 .owl-dots
{display: none;}



/*welcome*/
.btn-view{
    padding: 8px 22px;
    text-decoration: none !important;
    color: #fefefe !important;
    margin-right: 10px;
    display: inline-block;
    background-color: #2F3690;
    border-radius: 3px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;}

.btn-view:hover i{animation-name: fadeInRight; animation-duration: 1s; animation-iteration-count: infinite;}
.white{color: white}
.side-col{background-color: #2f3690; padding-top: 20px; padding-bottom: 30px}
.side-links li{padding-left: 25px; padding-right: 25px}
.side-links li a{position: relative;padding:15px 0px;border-bottom:1px solid rgba(255, 255, 255, 0.34); display: block; color: white !important; text-transform: uppercase;}
.side-links li:last-child a{border-bottom: none;}
.side-links .sub-box{vertical-align: top;font-family: 'metropolissemi_bold';font-size: 15px}
.side-links .sub-box span{ font-family: 'metropolislight'; font-size: 12px}
.side-col h2{   margin-left: 25px; color: #F7E4AF;  margin-bottom: 10px; font-size: 18px;  background-color: #C49718;
    border: 1px solid #F5D478; padding: 10px 30px; border-radius: 20px; margin-right: 25px;}
.side-links li a:hover img{animation-name: flipInY; animation-duration: 1s; }
.welcome{padding-top: 40px; padding-bottom: 40px; background-color: #F3F2F2;}
.welcome h1, .in-body h1{padding-bottom: 10px; margin-bottom: 15px; border-bottom: 2px dotted #C49718;}
.in-body h2{font-family: 'open_sanssemibold'; line-height: 26px !important;font-size: 21px; text-transform: capitalize;}
.in-body h2 span{color: #171D67}
.in-body h3{font-family: 'open_sanssemibold'; line-height: 26px !important;font-size: 18px; text-transform: capitalize;}
.in-body .gen-para{margin-bottom: 25px}
h1 span.effect{display: block; text-transform: capitalize; font-size: 18px; padding-top:10px; color: #C49718; font-family: 'metropolismedium';
height: 48px;}
span.effect{display: block; text-transform: capitalize; font-size: 32px; padding-bottom:15px; color: #121754; 
    font-family: 'Courgette', cursive;    background-image: url(../img/images/header-bg1.png);
    background-position: center; background-repeat: repeat; background-color: rgba(221, 220, 222, 0.25); margin-top: -45px;
    padding-top: 60px;
}
span.motto{display: block; text-transform: capitalize; font-size: 32px; padding-bottom:15px; color: #121754; 
    font-family: 'Courgette', cursive;  margin-top: -45px;
    padding-top: 60px;}


.tag-line{display: table;background-color: #C49718; color: white; padding: 7px 12px; margin: 0 auto; position: relative;
    font-family: 'metropolisbold'; font-size: 22px; text-transform: uppercase; }

.tag-line:before{ 
content: "";
    border-width: 0px 45px 45px 0px;
    border-style: solid;
    border-color: transparent;
    border-right-color:  #C49718;
    position: absolute;
    left: -45px;
    top: 0; }

.tag-line:after{ 
content: "";
    border-width: 0px 0px 45px 45px;
    border-style: solid;
    border-color: transparent;
    border-left-color:  #C49718;
    position: absolute;
    right: -45px;
    top: 0; }



/*news-cont*/
.news-cont{padding-top: 45px; padding-bottom: 45px}
.news{padding-top: 0px; padding-bottom: 30px}
.block-hdnews{padding: 0px; border-radius: 4px; height: 509px; overflow: hidden;}
.news-head{font-family: 'metropolismedium'; letter-spacing: -.2px; margin-bottom: 3px;
    font-size: 16px;
    color: #333;
    margin-top: 15px;}
.news li{
    padding: 15px;
    }

.vc_separator .vc_sep_holder {
    height: 1px;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 10%;
}

.vc_separator .vc_sep_holder .vc_sep_line {
    height: 1px;
    border-top: 1px solid #ebebeb;
    display: block;
    position: relative;
    top: 1px;
    width: 100%;
}

.vc_separator.vc_sep_double .vc_sep_line {
    border-bottom: 2px solid #ebebeb;
    border-top: 2px solid #ebebeb;
    height: 3px;
}

.vc_separator.vc_sep_color_grey .vc_sep_line {
    border-color: #C49718;
}

.vc_separator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.vc_separator h2 {
    line-height: 1em; text-align: center; position: relative; padding-left: 15px; padding-right: 15px; font-size: 22px;
    text-transform: capitalize;
    margin: 0;
    word-wrap: break-word;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}




.levent{padding: 4px;
    background-color: rgba(255, 255, 255, 0.79);
    margin-top: 18px;
    border-radius: 8px;
    padding-bottom: 10px;
    border: 1px solid rgba(189, 188, 186, 0.41);  text-align: center;}
.le-desc{    margin-bottom: 2px;
    font-size: 13px;
    color:#333;
    font-weight:bolder;
}
.leimg{padding-right: 10px;
    margin-top: 15px;
    width: 140px;
    height: 155px;
    margin-right: 15px;
    padding: 6px;
    box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.25);}
.levent .read{float: none;}
.list-wrpaaer{height: 509px; position: relative; overflow: hidden;}
.list-aggregate{position: absolute; top: 0px; left: 0px; }
span.clear-fix{display: block;}
.read{background-color: #C49718;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0px;
    font-size: 13px;
    display: inline-block;
    border-radius: 4px;
    text-align: right;
    float: right;
    padding: 6px 20px;
    border: 2px solid #F7E5B3;
    color: white;
    margin-right: 15px;
    margin-bottom: 8px;transition: .5s;
    -webki-transition: .5s;}

.read:hover{padding: 6px 24px; color: white}

/*home university rank holders*/
.unv-rank li{text-align: center;}
.unv-rank .leimg{margin:0 auto; background-color: white}
.leimg {background-color: white}
.unv-div { background-image:url(../img/images/rank-bg.jpg); background-size: cover; background-repeat: no-repeat; border: 4px solid white;
    padding: 18px 8px; box-shadow: 0px 5px 18px rgba(0, 0, 0, 0.16);}
.rank-img-cont{display: table; position: relative; margin:0 auto;}
.rank-img{ position: absolute;
    bottom: -18px;
    right: -16px;
    z-index: 2;}
.rank-po{color: #8E6C0B}
.owl-uni-col{margin-bottom: 50px}
#owl-car-uni img, #owl-car-uni-in img{width: auto; margin: 0 auto !important;}
.unv-div-cont{padding: 15px}

/*innerpage news*/
.news-in-col .unv-div {padding: 8px 6px; margin-bottom: 20px}
.news-in-col .unv-div .leimg{margin-top: 0px; margin-right: 0px}
.news-in-col .unv-div .news-head{ margin-top: 5px;}
.news-in-col .unv-div .levent{padding-bottom: 4px; margin-top: 8px}
.in-unv-rank-col{padding-left: 5px; padding-right: 5px}
.in-unv-sub{padding-left: 10px; padding-right: 10px}


/*upcoming events*/
.up-events{text-align: center; padding: 18px 15px; border: 1px solid #E7E8E8; margin-top: 15px; margin-bottom: 15px;
box-shadow: 0px 5px 20px rgba(0,0,0,0.1); display: block; transition: all .5s ease; border-radius: 4px; cursor: pointer;
    will-change: transform;    min-height: 185px;
    transform: perspective(300px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(300px) rotateX(0deg) rotateY(0deg);
    -moz-transform:perspective(300px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(300px) rotateX(0deg) rotateY(0deg);;}
.up-events:hover {
    border: 1px solid #c49718; transform: perspective(300px) rotateX(-8.07deg) rotateY(-0.12deg) scale3d(1, 1, 1) translateY(-5px);
    -webkit-transform: perspective(300px) rotateX(-8.07deg) rotateY(-0.12deg) scale3d(1, 1, 1) translateY(-5px);
    -moz-transform: perspective(300px) rotateX(-8.07deg) rotateY(-0.12deg) scale3d(1, 1, 1) translateY(-5px)
}
.up-events:hover h3:before {
    width: 30px;
}
.up-events .date{color: #666666}
.up-events .date i {
    color: #c49718;
    font-size: 15px;
    padding-right: 2px;}
.up-events h3 {
    margin: 9px 0 0;
    position: relative;
    padding-bottom: 10px; 
    /*font-family: 'metropolisbold';*/
    line-height: 22px}

.up-events h3 {color: #333; font-size: 14px;}

 .up-events h3:before {
    content: "";
    background-color: #c49718;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 1px;
    width: 60px;
    transition: .5s;
    -webki-transition: .5s;}

.up-events ul{ margin: 5px 0 0;}

.up-events ul li {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #666666;}

.up-events  ul li i {
    color: #c49718;
    font-size: 15px;
    padding-right: 2px;
}

.book-now-btn {
    background-color: #fff;
    color: #000;
    border: 1px solid #c49718;
    display: inline-block;
    padding: 6px 20px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 600; line-height: 18px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;transition: .5s;
    -webkit-transition: .5s;
}

.book-now-btn:hover{padding: 6px 24px; background-color: #c49718; color: white}

.mt-20{ margin-top: 20px;}
.mb-28{margin-bottom: 28px}




/*mis-vis starts*/
.mis-vis{padding-top: 35px; padding-bottom: 35px; background-color: #AB7F04;
    color: rgb(255, 255, 255);}
.tagore{font-weight: 600; font-family: 'Open Sans', sans-serif; font-size: 20px;
    font-style: italic;}
.quote{font-family: 'metropolismedium';
    font-size: 17px;
    color: #F7E0A5;
    font-style: italic;}
.quote-col{padding-top: 6%}
.vision-col{
    padding: 20px;
    border-bottom: 6px solid #926D08;
    border-left: 6px solid #926D08;
    border-radius: 12px;  background-color: #CA980D;}
.lg{font-family: 'metropolisbold'; font-size: 20px; display: inline-block;padding-right: 2px}

/*facilities*/
.h2-icon{font-size: 17px;
    color: #2F3690;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    box-shadow: 2px 2px 10px #bec0ef;
    border-radius: 100%;
    margin-right: 10px;}

.pr-line-cont{padding-top: 20px; padding-bottom: 20px;}
.pr-line{ width: calc(100% - 30px);
    height: 3px;
    border: 1px dotted #2F3690;
    position: relative;
    margin-left: 35px;}
.pr-line-right{ width: calc(100% - 30px);
    height: 3px;
    border: 1px dotted #2F3690;
    position: relative;
    margin-right: 35px;}
.pr-line:before, .pr-line:after,
.pr-line-right:before, .pr-line-right:after
{content: ''; width: 12px; height: 12px; position: absolute; border-radius: 100%; }
.pr-line:before{    left: -35px; top: -6px; border: 2px solid #2F3690;}
.pr-line:after{left: -18px; top: -6px; border: 2px solid #C49718;}
.pr-line-right:before{right: -35px; top: -6px; border: 2px solid #2F3690;}
.pr-line-right:after{right: -18px; top: -6px; border: 2px solid #C49718;}
div.lab{padding-left: 30px}



/*footer*/
.footer-main{background-color: #171D67; color: rgba(255, 255, 255, .68)}
.quick-link li a{color: rgba(255, 255, 255, .68); display: block;transition: .2s; -webkit-transition: .2s; -moz-transition: .2s;}
.footer-social li a {background-color: rgba(255, 255, 255, 0.82);  border-radius: 100%; line-height: 35px !important;color: #171D67; font-size: 17px;}
.footer-social li{ margin-right: 5px;}
.footer-social li:hover a{ background-color: #C49718;  color: #FFFFFF; animation-name: flipInY; animation-duration: 1s;}
.footer-first-col i{ width: 33px;
    height: 33px;
    line-height: 33px;
    background-color: rgba(255, 255, 255, 0.82);
    color: #171D67;
    text-align: center;
    border-radius: 100%; font-size: 17px}
.add-para{margin-bottom: 0px}
.footer-first-col .box{margin-bottom: 15px}
.foot-head{ text-transform: capitalize; font-size: 18px; line-height: 15px;  margin-bottom: 0px; color: white;
       font-family: 'metropolisbold'; padding-bottom: 10px; }
.line{width: 50px;
    height: 5px;
    margin-bottom: 20px; 
    border-top: 2px solid #C49718; border-radius: 20px}
.quick-link li{margin-bottom: 10px;}
.quick-link li:hover a{color: #c49718}
.top-footer{ padding-top: 45px; padding-bottom: 45px;}

.bottom-footer{padding-top: 10px}





.srv{color: white}
.srv:hover, .srv:focus, .srv:active{color: white}
footer .gen-para{text-align: left; padding-top: 15px; padding-bottom: 5px; border-top: 2px solid #C49718; margin-top: 30px; border-radius: 10px;}




footer hr{ margin: 10px 0; border-top: 1px solid #F6A91B;}

.social-media li a {
    width: 33px;
    height: 33px;
    line-height: 31px;
    transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease;
}
.header-social li a{background-color: rgb(47, 54, 144); color: white;}
.header-social li a:hover{background-color:#262C79; color:#F8F3BC }
.header-social li a:hover i{animation-name:rollIn;animation-duration: 1s}
.social-media li a { display: block;}
.social-media li { display: inline-block; text-align: center;}
.header-social li{float: left; border-right: 1px solid rgba(255, 255, 255, 0.3);}
.header-social li:last-child{border-right: none;}



/************************************************************************************/
/*********************************** Innerpage **************************************/
/************************************************************************************/
.in-main-col{padding-top: 25px; padding-bottom: 25px}
.breadcrumb{ background-color: #B32E21; display: table; margin-top: -36px; margin-bottom: 0px;  border-top-right-radius: 4px;
    border-top-left-radius: 4px;border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
    border-right: 2px solid #E9A541;
    border-left: 2px solid #EA5345;}
.breadcrumb li a{color: white; font-size: 13px}
.breadcrumb li a.active{color: #FBF36B}
.breadcrumb>li+li:before{color: white}
.table-link a{cursor: pointer;}
.table-link{background-image: url(../img/images/quick-bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}




/*responsive table*/
.table-responsive {
    color: black;
    border-radius: 8px;
    border:1px solid #cccef3;
    border-right: none;border-top: none;
    margin-bottom: 25px;
}

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td, .table>tbody>tr>th {
    border-top:1px solid #cccef3!important;
    border-right: 1px solid #cccef3;
    padding: 10px 15px;
}

.table>tbody>tr>th
{   color: #317A9E; text-transform: capitalize; font-size: 18px;
    font-weight: normal; font-family: 'metropolislight';}

.table {margin-bottom: 0px !important;}

*.table .tbody{color: #317A9E !important;}

.mem1-table>tbody>tr>th{width: 35%}
.first-row th{color: #fff !important;}
.first-row{background-color: #2F3690 !important; text-transform: uppercase;}
.first-row th span{color: white !important; display: block;}
.first-row th i{ font-size: 17px; color:#eeb145; 
    position: relative; bottom: 0px; padding-right: 5px}
.no-anim{animation-name:none !important;}

.table>tbody>tr:nth-child(even) {background-color:#F4F4F5; /*font-family: 'open_sanssemibold'; */color: #2D3192}
.table>tbody>tr:nth-child(even) a{color: #2F3690}
.table>tbody>tr:nth-child(odd) {background-color:white; color: #2D3192; /*font-family: 'open_sanssemibold';*/}
.table>tbody>tr:nth-child(odd) a{color: #C49718;}
.table>tbody>tr>td span{display: block;}
.table>tbody>tr>td span.dt{padding: 5px; background-color: silver; text-align: center; /*font-family: 'open_sansbold';*/ text-transform: uppercase;
font-size: 12px; border-radius: 3px}
.table>tbody>tr>td span.dt sup{text-transform: lowercase;}
.table>tbody>tr>td span.yr{font-family: 'open_sansregular';  padding-top: 3px;}
.table>tbody>tr:nth-child(odd) td span.dt{ background-color: #fdd5d5; color: #b32e21;}
.table>tbody>tr:nth-child(even) td span.dt{ background-color: #bec0ef;}
/*.dt-td{width:120px !important; overflow: hidden;}*/
.date-table{ box-shadow: 2px 2px 10px #bec0ef; }
.med{ font-family: 'metropolismedium';}





/*accordion*/
#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 15px; 
}
#accordion .panel-heading{
    padding: 0;
    border-radius: 0;
    border: none;
}
#accordion .panel-title a{
    display: block;
    padding: 8px 0px 8px 28px;
    background: #2F3690;
    font-size: 15px;
    color: white;
    position: relative;
    transition: all 0.5s ease 0s; 
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
#accordion .panel-title a.collapsed{
    border: 1px solid #cccef3;
    background-color: #ECEDFF;
    color: #2D3192;
    border-radius: 5px; 
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
    content: "\f106";
    font-family: FontAwesome;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 21%;
    left: -11px;
    background: #C49718;
}
#accordion .panel-title a.collapsed:after{
    content: "\f107";
    background: #BB9015;
}
#accordion .panel-title a.collapsed:hover{
    background: #FBE9D3;
    color: #20457c;
}
#accordion .panel-body{
    font-size: 14px;
    color: #484747;
    line-height: 25px;
    background: white;
    padding: 10px 15px 15px 15px;
    border: none;
    transition: all 0.5s ease 0s;
}


.aco-head{ color: white; padding-top: 3px; padding-bottom: 3px; display: inline-block; font-family: 'metropolismedium'; line-height: 23px}
.aco-date{float: right;  padding: 7px 12px 7px 12px; border-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; 
     background-color: #C49718;; color: white; font-size: 13px}
.img-width{width: 150px; height: 100px}
.aco-link{float: left;position: relative;margin-right: 15px; background-color: white; margin-bottom: 20px;margin-top: 10px;
    display: inline-block;
    color: #5d5d5d;
    padding: 5px;
    box-shadow: 0px 0px 2px 1px #DADADA;}
.aco-link .gal-name{font-size: 12px}
.pdf{float: left;margin-right: 15px}
.pdf i{font-size: 35px; color: #FB5C48}
.panel .gen-para {margin-bottom: 0px;}
.img-width {
    width: 130px;
    height: 140px;
}
.pnl-figure {
    overflow: hidden;
}
.des{ font-size: 16px}
.panel-ul {margin-bottom: 10px; padding-bottom: 10px;
    border-bottom: 1px dotted #C3BDAB;}
.panel-ul li i{color: #C49718; font-size: 17px ;position: relative;bottom: -1px; padding-right: 3px; width: 20px; text-align: center;}
.panel-ul li{    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #CED0F3;
    margin-right: 10px;
    background-color: #E6E7F5;
    border-radius: 4px;
    text-align: center;
    color: black;box-shadow: 1px 1px 0px #bec0ef; margin-bottom: 6px;}

.news-in-col .aco-head{padding-bottom: 0px}



/*.panel-group*/ 
#accordion .panel .panel-title a.collapsed{border-left: 3px solid #BB9015 !important;}
#accordion .panel:nth-child(odd) .panel-title a.collapsed{border: 1px solid #DCB441;
    /*background-color: #ECEDFF;*/    box-shadow: 2px 2px 10px #D4D4D6; background-color: white; }
#accordion .panel:nth-child(even) .panel-title a.collapsed{border: 1px solid #DCB441;
   /* background-color: #ECEDFF;*/ box-shadow: 2px 2px 10px #D4D4D6; background-color: white; }
#accordion .panel:nth-child(even) .panel-title a.collapsed .aco-head{color: #1A1A1A;}
#accordion .panel:nth-child(odd) .panel-title a.collapsed .aco-head{color: #1A1A1A;}
/*#accordion .panel:nth-child(even) .panel-title a.collapsed:after{background:#b32e21;}*/



/*form*/
input[type=text], input[type=tel], input[type=file], input[type=email], input[type=password], input[type=date], textarea, select {
    margin-bottom: 13px;
    border: 1px solid #DCB441;
    min-height: 40px;
    border-radius: 0px;
    padding: 8px 15px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #333;
}
textarea {
    height: 155px;
}
.cnt-message{margin-bottom: 13px}
input[type=text]:focus, textarea:focus{border:1px solid #2F3690;}
iframe{width: 100%; height: 320px;border:none; }
.submit {
    padding: 8px 22px;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
}
.submit i{ color: #C49718;}
.submit:hover{ color: white}
.submit:hover i{color: white}
.msg-col{margin-top: 20px}
.bg-cnt{background-color: #F2F3FF; padding: 8px; border-radius: 4px; border:1px solid #DBDDF7;}
.message{margin-bottom: 25px}



/*qck-link*/
.qck-link-main{ border-radius: 8px; border: 2px solid #D7D8DA; box-shadow: 2px 2px 10px #bec0ef;  margin-top: 11px; border-bottom: 5px solid #2F3690;
    padding: 12px 5px;
    background-position: center;
    background-repeat: repeat;
    background-image: url('../img/images/header-bg1.png');}
.qck-link-main p{margin-bottom: 0px;  font-family: 'metropolisbold';  font-size: 16px; text-transform: uppercase; color: white;  background-color: #2F3690;
    padding: 18px 22px 15px; border-top-right-radius: 8px; border-top-left-radius: 8px}
.qck-link{padding:20px 15px; background-color: rgba(192, 192, 192, 0.25);}
.qck-link li a{ box-shadow: 2px 2px 10px #bec0ef; margin-bottom: 15px; display: block; font-family: 'open_sanssemibold'; font-size: 14px;
 text-transform: capitalize;color: rgb(47, 54, 144);transition: all .4s ease; -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease; background-color: white; padding: 12px 15px 12px 30px; position: relative; border-radius: 4px}
.qck-link li a:hover {color: rgb(228, 178, 36); background-color: #2F3690; border-radius: 10px}
.qck-link-main p i{font-size: 17px; color: #eeb145; position: relative; bottom: -1px; padding-right: 5px;}
.qck-link li a:before {content: "\f101"; font-family:'FontAwesome'; position: absolute;left:15px; font-size: 17px; line-height: 18px; color: #C49718}
.qck-link li a:hover:before{animation-name: fadeInLeft; animation-duration: 1s; animation-iteration-count: infinite;}


/*about*/
.in-about-col img{ padding: 3px; box-shadow: 7px 7px 13px rgba(100, 100, 103, 0.24);
    border-radius: 12px;}


/*contact*/
.contact-first-col i{ background-color: rgb(255, 255, 255); color: #2F3690;}
.contact-first-col {font-family: 'open_sanssemibold';  color: #171D67; margin-bottom: 25px;}
.contact-box{background-color:#EAE8E8;
    padding: 12px;
    margin-bottom: 15px;
    -webkit-clip-path: polygon(8% 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(8% 0, 100% 0%, 93% 100%, 0% 100%);
    position: relative;
    z-index: 0;padding-left: 50px;
    padding-right: 50px;}
.contact-first-col .add-para{line-height: 23px;}
.contact-box .box {margin-bottom: 0px}
.contact-box .box .sub-box{vertical-align: middle;}
iframe{width: 100%; height: 220px}
.contact-first-col h2{color: #333}
.iframe-row{ margin-top: 25px;}


/*gallery*/
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -mozjustify-content: center;
    -msjustify-content: center;
    justify-content: center;
}


.grid-link, .gen-link{margin-bottom: 20px; display: block;  color: #5d5d5d; padding: 12px 5px; box-shadow: 0px 0px 2px 1px #DADADA; 
    border: 2px solid #D7D8DA; border-radius: 6px;
    background-position: center;
    background-repeat: repeat;
    background-image: url('../img/images/header-bg1.png'); }

.grid-link img, .gal-name, .image-text, .gal-name::before, .image-text:before{transition: all .3s ease; -webkit-transition:all .3s ease;
-moz-transition:all .3s ease;}
.grid-link:hover img{  animation-name: tada; animation-duration: 1s ; }
.grid-link:hover .gal-name, .grid-link:hover .image-text{background-color: #C49718; color: rgba(255, 255, 255, 1);}
.grid-link:hover .gal-name::before, .image-text:before {    border-color: transparent transparent #C49718 transparent;}
.gal-name, .image-text{padding: 7px 8px 6px 8px; font-size: 13px;  overflow: hidden; margin-bottom: 0px; font-family: 'open_sanssemibold'; 
 background-color: rgba(192, 192, 192, 0.25);
font-family: 'metropolissemi_bold';}
.gal-name{height: 50px}
.gal-name::before, .image-text:before {
    pointer-events: none;
    position: absolute;
    z-index: 2;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top;
    transition-property: top;
    left: 40px;
    margin-top: -15px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #F0F0F2 transparent;}

.figure{overflow: hidden; border-top-right-radius: 5px; border-top-left-radius: 5px;}
.figure img{width: 100%; height: auto;}
.gal-col{padding-left: 10px; padding-right: 10px}
.gal-cont{padding-right: 5px; padding-left: 5px}
.grid-link span{font-size: 11px; padding:7px 8px 8px 8px; display: block; color: #8E6C0B;  background-color: rgba(192, 192, 192, 0.25);
border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-family: 'metropolismedium';}
.grid-link span i{color: #C49718; font-size: 13px; padding-right: 3px}
.gen-link-left{float: left;}



/*downloads*/
.dwn-div{display: block; position: relative; padding-right:144px; min-height: 32px; font-family: 'metropolismedium';
    font-size: 15px;}
.download-list{background-color:white ; margin-bottom: 15px; background-image: url(../img/images/header-bg1.png);
    background-position: center; background-repeat: repeat;padding: 20px; border-radius: 12px; border: 10px solid rgba(17, 21, 68, 0.08);}
.download-list li{ padding: 10px 15px; border:1px solid #CFD3E4; border-radius: 4px;   border-left: 4px solid #C1C1CC;
transition: all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; margin-bottom: 10px;
 background-color: #eaecf3; box-shadow: 0px 4px 6px rgba(17, 21, 68, 0.23);;}
.download-list li:hover{border-left: 4px solid #C49718 !important; border:1px solid #E0B53C;background-color: rgba(245, 245, 245, 0.5);}
.dwn-para{margin-bottom: 0px}
.dwn-btn{display: block; position: absolute;top:0px; right:0px; background-color: #2F3690; color: white; border:none; cursor:pointer;}
.dwn-btn i{padding-right: 5px}
.tbl-download{color: rgb(178, 64, 21) !important; cursor: pointer;}
.tbl-download:hover{color: #333 !important}
.tbl-download:hover i{animation-name: fadeInDown; animation-duration: 1s; animation-iteration-count: infinite;}


/*admission*/
.gen-list li
{position: relative; padding-left: 30px; margin-bottom: 10px; line-height: 25px;}
.gen-list li:before{content: "\f101";
    font-family: 'FontAwesome';
    position: absolute;
    left: 10px;
    font-size: 17px;
    line-height: 18px;
    color: #C49718;}
.file-list li:before{content: '\f0f6'; font-family: 'FontAwesome'; position: absolute; left:5px; top: 0px; color: #C49718; font-size: 16px;}
.adm-contact-col i{width: 33px; height: 33px; line-height: 33px; text-align: center; border-radius: 100%; font-size: 17px;}
.adm-box {margin-bottom: 10px}
.apply{ padding: 8px 30px;
    display: inline-block;
    background-color: #7379C1;
    color: #FFFFFF !important;
    border-radius: 20px;
    box-shadow: 2px 2px 10px #BEC0EF;
    text-transform: uppercase;
    font-family: 'metropolisbold';transition: all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease;} 
.apply:hover{background-color: #2F3690; color: white}
.gen-para.text-center{text-align: center;}
.apply{margin:0 auto; margin-bottom: 26px}
.adm-sepertor{margin-top: 40px}
.note-head{font-family: 'metropolisbold'; font-size: 16px; font-style: italic; margin-bottom: 5px; margin-top: 40px}
.note-para{font-style: italic;
    padding: 15px;
    background-color: #DEF1DD;
    border: 3px solid #ADDAAB;
    border-radius: 7px;
    color: #22692C; margin-bottom: 30px;}
.apply-div{ border-radius: 8px;
    border: 2px solid #D7D8DA;
    box-shadow: 2px 2px 10px #bec0ef;
    margin-top: 11px;  margin-bottom: 25px;
    border-bottom: 5px solid #2F3690;
    padding: 12px 15px;
    background-position: center;
    background-repeat: repeat;
    background-image: url('../img/images/header-bg1.png');}
.adm-first-col{ border-radius: 8px;
    border: 2px solid #D7D8DA;
    box-shadow: 2px 2px 10px #bec0ef;padding: 12px 15px; background-position: center;
    background-repeat: repeat; background-image: url('../img/images/header-bg1.png');}
.spn{color: #B76D08}
.adm-contact-col .contact-box .box .sub-box {line-height: 22px}



/*our proud*/
.pr-loc{font-size: 16px !important}
.in-gal-col .grid-link span{ font-size: 13px;}
.conduct{ background-color: rgba(192, 192, 192, 0.25); border-radius: 6px;}
.text-none{text-transform: none !important;}
.conduct-apply{padding: 12px 5px;}


/*on campus - our proud*/
.nav-pills{margin-bottom: 15px; text-align: center;}
.nav-pills>li>a
{   background-color: rgba(255, 244, 177, 0.4);
    border-radius: 3px;
    border: 1px solid #A98113;
    color: #C49718;
    padding: 6px 15px; }
.nav-pills>li>a:hover{background-color: rgba(255, 244, 177, 0.4) }
.nav-pills>li{margin-left: 0px !important; display:inline-block; text-align: center; margin-right: 2px; margin-left:2px;
    margin-bottom: 4px; float: none;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover
{   background-color: #C49718;
    color: #FFFFFF;
    border: 1px solid #9A750D;}
.nav-pills>li i{font-size: 15px; padding-right: 5px}


/*on campus achievements*/
.logo-ul {
    list-style-image: url(../img/icons/logo-icon.png);
    padding-left: 20px;
    color: #555;}

.logo-ul li{padding-left: 8px}




/*mission vision*/
.mis-link li
{box-shadow: 2px 2px 10px #bec0ef;
    line-height: 24px;
    margin-bottom: 15px;
    display: block;
    font-family: 'metropolismedium';
    font-size: 14px;
    color: #333;
    transition: all .4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    background-color: white;
    padding: 12px 15px 12px 38px;
    position: relative;
    border-radius: 4px;}

.mis-link li:before{content: "\f138";
    font-family: 'FontAwesome';
    position: absolute;
    left: 15px;
    font-size: 17px;
    line-height: 23px;
    color: #C49718;}

.flot-r{float: right;}
.bl{display: block;}
.mis-para{font-family: 'metropolismedium';}
.mis-para .tagore{padding-top: 8px}
.mis-link li h3{display: inline-block; margin-top: 0px; margin-bottom: 0px;     font-size: 16px;}


/*principal message*/
.princi-para{margin-bottom: 25px}
.princi-para span.name{font-family: 'metropolisbold'; font-size: 18px; margin-bottom: 15px}
.princi-para span{display: block; margin-bottom: 8px; font-family: 'metropolislight'; color: #121754; font-size: 15px}
.princi-para span i{width: 30px; display: inline-block; color: #B32E21}
.princi-gen-para{margin-top: 25px;  background-color: #F2EFF7; padding: 20px; border-radius: 12px; border: 2px solid #E2DDEA;}
.indent-para{text-indent: 30px;}


/*managing council*/
.c-work{position: relative; padding-left: 30px; line-height: 23px; display: inline-block !important;margin:0 auto; margin-bottom: 6px}
.c-work i{position: absolute; left: 0px; top:4px;}
.manage-row{text-align: center; padding-left: 0px; padding-right: 0px}
.manage-row .name{ font-size: 14px !important; margin-bottom:10px !important;
    font-family: 'open_sanssemibold' !important;}
.manage-row .c-work { font-family: 'open_sansregular' !important; font-size:13px; margin-bottom:0px;line-height: 18px !important;}
.manage-row .princi-para{margin-bottom: 20px !important}
.manage-dt{padding-left:8px; padding-right:8px;}
.manage-row .c-work.bld{font-family: 'open_sanssemibold' !important;}


/*department*/
.dpt-staff{text-align: center; padding: 4px;
    background-color: rgba(255, 255, 255, 0.79);
    margin-top: 8px;
    border-radius: 8px;
    padding-bottom: 10px;
    border: 1px solid rgba(189, 188, 186, 0.41);}

.dpt-staff i{color: #C49718; padding-right: 4px;}
.ach-name{font-family: 'open_sanssemibold'; font-size: 16px; text-align: center; margin-bottom: 25px}

/************************************************************************************/
/************************************ Responsive ************************************/
/************************************************************************************/

/*media quries*/
/*collapsing navbar earlier*/
    @media (min-width: 768px) and (max-width: 1199px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
       
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px !important;
        }
        .dropdown-menu > li > a {
            display: block;
            clear: both;
            white-space: nowrap;   
        }
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;margin-right:0px;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
        
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 12px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }

        #myNavbar
        {width:100%;}

        .navbar-nav>li>.dropdown-menu 
        {width:100% !important;}


        /* since 3.1.0 */
      .navbar-collapse.collapse.in { 
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
    }


@media (min-width: 1300px){
    .pd-2-35 {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;}
}


@media (min-width: 1200px) and (max-width: 1280px) {
    .cl-effect-5 a{ margin: 15px 0px;}
}


@media (min-width: 1200px){
.desk-menu{display: block !important;}  
.mobile-menu{display: none !important;}  
.dropdown-menu{display: none; }
.navbar-nav>li:hover .dropdown-menu{display: block !important;animation-name: zoomIn; animation-duration: .5s; }

}

@media (max-width: 1199px){
.mobile-menu{display: block !important;} 
.desk-menu{display: none !important;}  
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 2px 15px 2px 25px !important;} 
.dropdown-menu>li>a{ margin: 10px 15px;}
.aco-date, .aco-head {float: none; }
.aco-head {display: block; padding-bottom: 6px; padding-top: 0px}
.in-download-col .aco-head{padding-bottom: 0px;}
.aco-date{display: inline-block; border-radius: 4px}
#accordion .panel-title a{padding: 8px 12px 8px 28px;}
.menu-cont{float: none;  height: 84px;}
.mobile-menu div.button{ margin-top: -54px;}
.block-hdnews{width:575px; margin:0 auto;}
}


@media (max-width: 991px){
.contact-box .box{margin: 0 auto; width: 285px; }
.contact-box .box .sub-box1{width: 48px}
.contact-box .box .sub-box{width: calc(285px - 48px);}
.side-col{margin-top: 25px;}
.vision-col {margin-top: 20px;}
.footer-logo-col, footer .gen-para{text-align: center;}
.footer-logo{margin:0 auto;}
.footer-social li{ margin-right: 2.5px; margin-left: 2.5px;}
.footer-logo-col{margin-bottom: 45px}
.bottom-footer, .powered-by.text-right  {text-align: center;}
.rights{margin-bottom: 5px}
.log{display: none;}
.mobile-menu div.button {margin-top: -80px;}
}


@media (min-width: 768px) and (max-width: 991px) {
.login{padding: 6px 13px;}
.news-in-col .unv-div .news-head{font-size: 14px;}
}

@media (max-width: 767px){
    .img-right, .img-left { float: none; margin-left: 0px; margin-right: 0px; margin-bottom: 15px !important; margin: 0 auto}
    .contact-box{width: 100%}
    .dwn-btn span, .header-social-col{display: none;}
    .book-now-btn{padding: 6px 10px;}
    .dwn-btn i{padding-right: 0px}
    .dwn-div{padding-right: 53px;}
    .book-now-btn:hover {padding: 6px 15px;}
    .adm-box { margin-bottom: 15px !important; margin: 0 auto; width: 285px}
    .welcome-img{margin: 0 auto; margin-top: 20px;}
    .up-events{margin-top: 0px; margin-bottom: 20px;}
    .welcome, .foot-head{text-align: center;}
    .side-links .sub-box{text-align: left;}
    .quick-nav-footer{display: none;}
    .footer-first-col .box{margin:0 auto; width: 263px; margin-bottom: 10px}
    .footer-first-col .box .sub-box1{width: 48px;}
    .footer-first-col .box .sub-box{width: calc(263px - 48px);}
    .footer-first-col .line {margin: 0 auto; margin-bottom: 20px}
    .top-left {margin-bottom: 5.5px;}
    .princi-para{text-align: center;}
    .c-work i{position: static;}
    .c-work{padding-left: 0px}

}


@media (min-width: 601px) and (max-width: 767px) {
.pd-2-35{padding-left: 15px; padding-right: 15px}
 span.effect, span.motto{font-size: 25px}
 .tag-line{font-size: 18px !important}
 .tag-line:before{border-width: 0px 39px 39px 0px; left: -39px; }
 .tag-line:after{  border-width: 0px 0px 39px 39px; right: -39px;}
}

@media (min-width: 426px) and (max-width: 600px) {
.tag-line{font-size: 16px !important}
.tag-line:before{border-width: 0px 36px 36px 0px; left: -36px; }
.tag-line:after{  border-width: 0px 0px 36px 36px; right: -36px;}
span.effect{font-size: 23px !important; line-height: 26px; padding:60px 15px 12px 15px; box-sizing: content-box; height:55px;}
span.motto{font-size: 23px !important; line-height: 26px; padding:60px 15px 12px 15px; box-sizing: content-box; }
}

@media (min-width: 601px){
.mob-slide{display: none !important;}
.desk-slide{display: block !important;}
}



@media (max-width: 600px){
.pd-2-35{padding-left: 0px; padding-right: 0px}
body, .contact-first-col, #accordion .panel-body, .dwn-div, .mis-link li{font-size: 13px}
.mis-link li{line-height: 21px}
#accordion .panel-title a{font-size: 14px; padding: 8px 12px 8px 22px;}
.gen-para{line-height: 23px}
#accordion .panel-body{line-height: 21px}
.qck-link li a{font-size: 13px; padding: 11px 15px 11px 30px;}
h1{font-size: 20px}
.in-body h1{margin-top: 5px}
.in-body h2 {font-size: 19px !important; line-height: 21px !important;}
.in-body h3 {font-size: 16px}
.tagore, .table>tbody>tr>th, .foot-head{font-size: 16px}
.bottom-footer{font-size: 12px}
.quote{font-size: 15px}
iframe{height: 220px}
.vc_separator h2{font-size: 19px !important}
.iframe-row {margin-top: 15px;}
.aco-date{ font-size: 12px;}
.aco-head{ line-height: 20px;}
.img-width { width: 104px; height: 129px;}
.in-gal-col .gal-col { width: 100%;}
.in-photo-col .gal-col{padding-left: 5px; padding-right: 5px}
.in-photo-col .gal-cont{padding-left: 10px; padding-right: 10px}
.in-photo-col .grid-link{margin-bottom: 10px}
.gal-name{height: auto;}
.download-list{ padding: 12px 12px 6px; border: 6px solid rgba(17, 21, 68, 0.08)}
.download-list li { padding: 8px 10px;}
.note-head{  margin-top: 30px;}
.in-body .gen-para{margin-bottom: 15px}
.princi-gen-para {margin-top: 15px;}
div.lab{padding-left: 0px}
.line{margin-bottom: 15px}
.pr-line-cont {
    padding-top: 15px;
    padding-bottom: 15px;}
.icon-div {
    padding-top: 0px;
    padding-bottom: 0px;}
.welcome { padding-top: 20px; padding-bottom: 30px;}
.owl-uni-col, .up-events-col {padding-left: 0px; padding-right: 0px}
.owl-uni-col .vc_separator, .up-events-col .vc_separator{padding-left: 15px; padding-right: 15px}
.top-footer { padding-top: 35px; padding-bottom: 35px;}
.news-cont { padding-top: 35px;  padding-bottom: 35px;}
.mt-20 { margin-top: 10px;}
.footer-logo{width: 235px;}
.mob-slide{display: block !important;}
.desk-slide{display: none !important;}
.news-in-col .unv-div .news-head{font-size: 14px;}
.princi-para span.name{font-size: 17px; margin-bottom: 10px;}
.princi-para span{font-size: 14px; margin-bottom: 4px}
.princi-gen-para{padding: 12px}
.princi-para{margin-bottom: 18px}
.mb-28{margin-bottom: 20px}
.gen-list li{ line-height: 23px;}
.ach-name{margin-bottom: 20px;}
.half-width-600{width:50%;}
.manage-row .name {font-size: 13px !important;}
.manage-dt {padding-left: 5px; padding-right: 5px;}
.manage-dt .princi-para span i{display:none;}
}




@media (max-width: 575px){
.block-hdnews{width:100%; }
.block-hdnews {
    background: url(../img/images/flashimagee-new-mob.png) !important; background-size:cover !important;} 
}




@media (max-width: 499px){
.mis-col{text-align: center; padding: 12px;}
.mis-col .box{text-align: center; width: 100%}
.mis-col .sub-box{display: none;}
.mis-col .sub-box1{display: block; padding-right: 0px}
.in-unv-sub{width: 100%}
}


@media (max-width: 425px){
.contact-box{ -webkit-clip-path: none; clip-path: none; padding-left: 15px;  padding-right: 15px;}
.contact-box .box{width: 260px}
.contact-box .box .sub-box { width: calc(260px - 48px); }
.rbn-image-col, .quote-col{width: 100%}
.rbn-image-col{text-align: center;}
.rbn-image-col img{margin:0 auto;}
.quote-col .tagore{text-align: right;}
.vision-col h2{text-align: center;}
.rights-col span{display: block;}
.top-footer { padding-top: 25px; padding-bottom: 25px;}
.footer-logo-col { margin-bottom: 40px;}
.logo{ width: 235px;}
.menu-cont{height: 65px;}
.mobile-menu div.button { margin-top: -70px; margin-right: -10px;}
.top-left li:last-child{display: none;}
.top-left{text-align: center; }
.top-left li{margin-right: 0px}
span.effect{font-size: 18px; height:48px; padding:50px 15px 12px 15px; box-sizing: content-box;}
span.motto{font-size: 18px; padding:50px 15px 12px 15px; box-sizing: content-box;}
.tag-line{font-size: 16px !important}
.tag-line:before{border-width: 0px 36px 36px 0px; left: -36px; }
.tag-line:after{  border-width: 0px 0px 36px 36px; right: -36px;}
}
@media (max-width: 490px){
.logo {
    width: 210px;
}
}
@media (max-width: 425px){
.naac {
    width: 70px;
}
}
@media (max-width: 425px){
.logo {
    width: 210px;
}
}
@media (max-width: 375px){
.naac {
    width: 50px;
}
}
@media (max-width: 375px){
.logo {
    width: 180px;
}
}