*{margin:0; padding:0; outline:none; box-sizing: border-box}
html, body{height:100%; width:100%;}
@font-face {
    font-family: myFirstFont;
    src: url("Georgia.ttf");
  }
body{  font-family: 'myFirstFont', sans-serif; font-size: 16px;  }
a{text-decoration:none;} ul li{list-style-type:none} img{border:none; max-width:100%;}
.abel{font-family: 'Abel', sans-serif;}
p{line-height:26px; font-size:16px;}
.RDmore
{ margin-top:20px;
}
.nbg
{ background:#ebebeb; padding:50px 0;
}
.big-icons
{ padding:70px 0;
}
.big-icons li
{display:inline-block; margin:10px;
}
.big-icons li a
{ display:inline-block; color:#000
}
.big-icons li a p
{ margin-top:10px; font-size:18px; text-align:center
}
            .big-icons li a span{
border-width: 0px;
border-color: rgb(83, 83, 83);
border-style: solid;
background-image: -moz-linear-gradient( 90deg, rgba(33,162,72,0.99608) 0%, rgb(130,255,151) 100%);
background-image: -webkit-linear-gradient( 90deg, rgba(33,162,72,0.99608) 0%, rgb(130,255,151) 100%);
background-image: -ms-linear-gradient( 90deg, rgba(33,162,72,0.99608) 0%, rgb(130,255,151) 100%);
 
width: 170px;
height: 170px; border-radius:50%;  display:inline-block; padding:10px;
  
}
.big-icons li:hover span
{
background-image: -moz-linear-gradient( 90deg, rgba(1,69,142,0.99608) 0%, rgb(65,148,237) 100%);
background-image: -webkit-linear-gradient( 90deg, rgba(1,69,142,0.99608) 0%, rgb(65,148,237) 100%);
background-image: -ms-linear-gradient( 90deg, rgba(1,69,142,0.99608) 0%, rgb(65,148,237) 100%);
}
.aboutbg{ border-width: 0px;
border-color: rgb(83, 83, 83);
border-style: solid;
 
background-image: -moz-linear-gradient( 90deg, rgba(33,162,72,0.99608) 0%, rgb(130,255,151) 100%);
background-image: -webkit-linear-gradient( 90deg, rgba(33,162,72,0.99608) 0%, rgb(130,255,151) 100%);
background-image: -ms-linear-gradient( 90deg, rgba(33,162,72,0.99608) 0%, rgb(130,255,151) 100%); padding:40px 0;
}
p
{ text-align:justify
}
h2{font-size:30px; font-weight:bold; text-align:left; color:#000; font-family: 'Roboto', sans-serif; text-transform:uppercase; margin: 0;
margin-bottom: 5px;line-height:26px}
h2 > span{font-size:16px; color:#000; text-transform:uppercase; font-family: 'Roboto', sans-serif; font-weight:400}
.Wrapper{width:100%; float:left}
.heading
{ font-size:41px; font-weight:bold; color:#424b4a;font-family: 'Roboto';     border-bottom: 7px solid #2f6197;
display: inline-block;
}
#headtitle
{ margin-top:20px; margin-bottom:30px; text-transform:uppercase
}
.fquote
{ max-width:70%; margin-top:20px;
}
a.readmore {font-size: 15px;color: #fff;background: #41bc78;padding: 8.5px 32px;border-radius: 10px;text-transform: uppercase; position:relative; overflow:hidden; display:inline-block; z-index:1; font-weight:600}
a.readmore:before {position: absolute;content: "";height: 100%;width: 0;left: 0;top: 0;transition: all .5s ease;background-color: #ffd83b;border-radius: 10px;z-index: -1}
.SimpRd{
color: #fff;
    font-size: 18px;
    background: #424b4a;
    padding: 10px 15px;
    line-height: 24px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-weight: bold;

}.SimpRd1{
color: #000;
    font-size: 18px;
    background: #fff;
    padding: 10px 15px;
    line-height: 24px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-weight: bold;

}
.bdarow
{ background:#47c163;
}
#AchievementHome_lblAchievement ul li
{ width:330px; margin:0px 0px;
}
a.SimpRd:before,a.SimpRd1:before {position: absolute;content: "";height: 2px;width: 0;left: 0;bottom: 0;transition: all .5s ease;background-color: #ffd83b;border-radius: 10px;z-index: 0}
.cntr {text-align: center}
 
    a.readmore:hover:before {width: 100%;transition: all .4s ease}
    a.readmore:hover {color: #645518; transition: all .4s ease;background: transparent;}
    a.SimpRd:hover,a.SimpRd1:hover {color: #fbc908}
    a.SimpRd:hover:before,a.SimpRd1:hover:before  {color: #645518; transition: all .4s ease; width:100%}
    .QL-in > ul > li:hover{background-color: #38b66b; transition:.3s; -webkit-transition:.3s; -o-transition:.3s; -moz-transition:.3s}
    li.ReachUs > a:hover, li.WriteUs > a:hover, li.MailUs > a:hover{color:#fff }
 

    li.m-li:hover .sub-menu{visibility:visible; opacity:1}
    li.m-li:hover .odd {/*transform: rotateX(360deg);*/transition: 1s;}
    li.m-li:hover .even {/*transform: rotateX(-360deg);*/transition: 1s;}
    li.sm-li:hover{ transition:.3s; background-color: #2f6197;
    border-bottom: 1px solid #187c36;}
    .ddddd
    {
        border-top: 4px solid #e6be1e;
    }
    .Content_Master
    { min-height:550px; width:100%; max-width:1050px; margin:0px auto
    }
    
.header .nav li .sub-menu, .Menu ul li.m-li .sub-menu {
    background: #fff;
    width: auto;
    position: absolute;
    left: 0;
    z-index: 99;
    -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
    margin: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    animation: growDown 300ms ease-in-out forwards;
    transform-origin: top center
}

.header .nav li:hover .sub-menu, .Menu ul li.m-li:hover .sub-menu {
    display: block;
}

@keyframes growDown {
    0% {
        transform: scaleY(0)
    }

    80% {
        transform: scaleY(1.1)
    }

    100% {
        transform: scaleY(1)
    }
}



#newnotice_lblnoticedownloads
{ display:block; text-align:center
}

.news_inner {
  width: 100%;
  background: #fff;
  border-left: 10px solid #2f6197;
  padding: 10px 27px;
  float: left;
  
}
.notice_left {
  display: inline-block;
  text-align: center;
  width: 55px;
  float: left;
}
.Notice_month {
  font-size: 20px;
  color: #2f6197;
  border-bottom: 3px solid #2f6197;
  padding-bottom: 0px;
  text-transform: uppercase;
  font-weight:bold;
}
.Notice_date {
  color: #2f6197;
  font-weight: 600;
  font-size: 46px;
  line-height: 50px;
}
.notice_right {
  display: inline-block;
  width: calc(100% - 70px);
  
  float: right;
  margin-top: 0px;
  font-size: 15px;
}
.notice_right p
{ margin:0;
}
 .notice_right a
{ margin:0; color:#000; font-size:14px; float:left
}

#pnl1{width:100%; height:100%; position:relative; left:0; right:0; margin:auto; z-index:2; text-align:center; background: url(/images/building_1.png) no-repeat top center; background-size:100% 100%;}
#pnl2{position:relative; width:100%; height:2000px !important}
 
 
.SVS{font-size:17px; font-family: 'Abel', sans-serif; font-weight:400; color:#fff; line-height:22px; margin-bottom:10px}
.Clickhere{position: absolute;  margin: auto;  z-index:2; text-align:center; top:50%; left:50%; transform: translate(-50%, -50%);
    width: fit-content;
    height:auto;}
a.CVS {position: relative;top: 35px; z-index:2}
.panel
{ border:0; border-radius:0; margin:0;
}
.panorama_slider {position:absolute;height:341px; overflow: hidden;cursor: pointer; width:100%; z-index:0}
#marquee{float:left;white-space:nowrap; height:341px; position:relative}
#marquee img{ margin:0px -3px; margin-top:-60px; height:341px}
a,a:hover
{outline:none; text-decoration:none
}
.header{  width:100%; background:#2f6197; padding:5px 0; float:left}
.header > .row{margin-top:0px}
.dvlogo{width:100%; float:left; max-width:550px}
.logo{margin-left:77px}
.Contact{  float:right; max-width:100%; margin-top:29px}
.Contact > ul{float:left; text-align:center; width:100%}
    .Contact > ul > li a img
    { margin-right:10px;
    }
    .Contact > ul > li a
    { color:#fff;
    }
.Contact > ul > li{display:inline-block; font-size:15px; margin:0px 20px; font-family: abel;font-weight: 600; position:relative}
li.ReachUs:before {position: absolute;content: "";left: -45px;background: url(/images/ReachIcon.png) no-repeat left 0;height: 30px;width: 30px;top: -2px}
li.WriteUs:before {position: absolute;content: "";left: -45px;background: url(/images/writeus.png) no-repeat left 0;height: 29px;width: 33px;top: -3px}
li.MailUs:before {position: absolute;content: "";left: -45px;background: url(/images/MailIcon.png) no-repeat left 0;height: 23px;width: 33px;top: 0px}
li.ReachUs > a {color: #fff;} li.WriteUs > a{color:#fff} li.MailUs > a{color:#fff }
.Contact > ul > li.last
{ margin:0px; 
}
.Contact > ul > li.last a{display: inline-block;
    background: #424b4a;
    padding: 10px 20px;
    color: #fff;
}
.MenuSec{width:100%; float:left; margin-top:5px;}
.Menu{  max-width:100%; margin:0px auto 0 auto; float:right}
.Menu > ul{width:100%; max-width:100%; margin:0 auto; max-width:100%;  text-align:center;    position: relative;
    z-index: 99;}



li.m-li{display:inline-block; margin:0 0px; padding:0 8px; line-height:43px; position:relative; vertical-align:top}

.sub-menu ul li {
    line-height: 22px;
    padding: 10px 0;
}

li.m-li > a{color:#fff; display:block; white-space:nowrap}
.sub-menu{position:absolute; visibility:hidden; opacity:0; width:100%; max-width:300px; left:0; top:43px; min-width:200px;}
.sub-menu > ul{text-align:left; width:100%;}
li.sm-li{text-align:left; display:block;   border-bottom:1px solid #02356d; line-height:46px;text-transform:capitalize }
li.sm-li > a {color: #fff; padding:0 8px 0 8px; display:block; white-space:nowrap; line-height:39px;}

li.sm-li .sub-menu li:hover a{ }
 
.mcolor1{ background:#cd66ff;}
.mcolor2{ background:#ff6599;}
.mcolor3{ background:#ff0000;}
.mcolor4{ background:#ff8e00;}
.mcolor5{ background:#107300;}
.mcolor6{ background:#00a84b;}
.mcolor7{ background:#00c0c0;}
.mcolor8{ background:#400098;}
.mcolor9{ background:#8e008e;}

.Menu ul li.mcolor1 .sub-menu{background:#cd66ff;}
.Menu ul li.mcolor2 .sub-menu{background:#ff6599;}
.Menu ul li.mcolor3 .sub-menu{background:#ff0000;}
.Menu ul li.mcolor4 .sub-menu{background:#ff8e00;}
.Menu ul li.mcolor5 .sub-menu{background:#107300;}
.Menu ul li.mcolor6 .sub-menu{background:#00a84b;}
.Menu ul li.mcolor7 .sub-menu{background:#00c0c0;}
.Menu ul li.mcolor8 .sub-menu{background:#400098;}
.Menu ul li.mcolor9 .sub-menu{background:#8e008e;}
.Notice{float:left; width:100%; margin-top:19px}
.Notice > .Heasding {width: 85px; float:left; margin-left: 15px}
.Notice > .Heasding > h2{font-size:25px}
.NoticeSlide{width:940px; float:left; max-width:100%; margin-left:11px; position:relative}
div#NoticeSl{  margin:0 auto; max-width:100%}
div#NoticeSl > span#newnotice_lblnoticedownloads > ul > li{ margin: 10px 50px;
    display: inline-block;
    width: 100%; max-width:400px;}
.Ntctnr > .abel{font-size:18px; font-weight:600;}
.Ntctnr > p > a{font-size:15px; font-weight:400; color:#737373}
.NoticeL, .NoticeR{position:absolute; left:55px; top:50px}
.NoticeR{right:55px; left:auto} .Notice > .RDmore {margin-top: 5px; margin-left:10px; float:left}

.AboutSec{width:100%; float:left; position:relative; margin-top:50px; margin-bottom:20px}
.About{width:1115px; float:right; max-width:100%}
.Abouttext{width:770px; max-width:100%; float:left; padding-right:40px; box-sizing:border-box}
.Abouttext > p {color: #7d7d7d;}
.Abouttext .Heasding{margin-bottom:17px}
.aboutgif {float: left;background: url(/images/AboutUs.gif) no-repeat left center;height: 190px;width: 320px}
.balon1{background:url(/images/bl1.png) no-repeat; top: 16px; left: 0; position:absolute; left:-25px; top:45px; -webkit-animation: balloon1 6s ease-in-out infinite;  -moz-animation: balloon1 6s ease-in-out infinite;  -o-animation: balloon1 6s ease-in-out infinite;  animation: balloon1 6s ease-in-out infinite;}
@keyframes balloon1 {
    0%, 100% {
        -webkit-transform: translateY(0) rotate(-6deg);
    }

    50% {
        -webkit-transform: translateY(-20px) rotate(8deg);
    }
}

.msbbg{  background:url(/images/msgbg.jpg) no-repeat top center; padding:20px 0;background-size: cover;}
.achibg
{background:url(/images/achibg.png) no-repeat top center; padding:30px 0;background-size: cover; min-height:500px;
}
.bdybg
{background:url(/images/bdbg.jpg) ; padding:30px 0;background-size: cover; position:relative; height:645px;
}
.bdybg:after
{ content:""; background:url(/images/baloonr.png) no-repeat; width:516px; height:633px; float:right; top:0; right:0; position:absolute;
}
.bdybg:before
{ content:""; background:url(/images/baloonl.png) no-repeat; width:564px; height:645px; float:left; position:absolute; top:0; left:0;
}
.mttop
{ margin:25px 0;
}
.pd20
{ padding:0px 40px; display:block
}
.slideTxt
{ color:#000;  
}
.Grydate
{ color:#01448e; font-weight:bold
}
#BirthSlide ul li
{ text-align:center;width:378px; height:460px;
}
#BirthSlide
{  background:url(/images/stdbg.png) -6px 0px no-repeat; display:inline-block; 
}
#BirthSlide ul li .grabg
{border-radius: 50%;display: inline-block;width: 250px;height: 250px;background: white;overflow: hidden;vertical-align: top;margin-top: 58px; margin-bottom:90px;}

#BirthSlide ul li .grabg img
{  max-width:none
}
    #BirthSlide ul li div, #BirthSlide ul li p
    { text-align:center; color:#fff; margin:0;
    }
.MessageSec{float:right; width:1135px; max-width:100%; margin-top:37px; position:relative}
.Prin-ctn{width:100%; float:left; margin:20px 0;}
.Prin-ctn > img{float:left; margin-right:48px}
 
.prin-txt > .Heasding { margin-bottom: 14px;font-family:'Abel', sans-serif}
.prin-txt > p {text-align: justify; color:#000}
.prin-txt h2 , .prin-txt h2 span {color: #000; position:relative} h2 > span > i {display: block;font-size:14px; line-height:12px}
/* .prin-txt h2:before {position: absolute; content: "";background: url(/images/comma.png) no-repeat left top;height: 55px;width: 70px;left: -28px;top: -9px;} */
.msgrd{float:right}
.msgthumb{width:800px; float:left; max-width:100%; margin-top:10px; position:absolute; bottom:0; right:0}
.tab-nav.j-tab-nav > a{float:left}
a.current{position:relative; display:inline-block}
a.current:before{position:absolute; content:""; border:3px solid #ffd83b; height:69px; width:74px; box-sizing:border-box}
.balon3{background:url(/images/bl1.png) no-repeat; position:absolute; top:20px; right:100px; -webkit-animation: balloon1 6s ease-in-out infinite;  -moz-animation: balloon1 6s ease-in-out infinite;  -o-animation: balloon1 6s ease-in-out infinite;  animation: balloon1 6s ease-in-out infinite;}
.news_iconimg
{ display:none;
}

.innerH2 {
    text-align: left;
    margin-bottom: 15px;
}

.innerImg {
    float: right;
    margin-left: 25px;
}

ul.innerUl li {
    padding-left: 40px;
    background: url(/images/ulbg.png) 0px 4px no-repeat;
    margin-bottom: 12px;
}


.innerTbl {
    width: 100%;
    border-collapse: collapse;
}

    .innerTbl tr:first-child {
        font-weight: bold;
    }

.innerTbl {
    width: 100%;
}

    .innerTbl tr td {
        padding: 5px;
    }

.tpr tr td {
    text-align: center;
    vertical-align: top;
    padding: 0 5px 20px 5px;
}

.innerTbl1 {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
}

    .innerTbl1 tr td, .innerTbl1 tr th {
        border: 1px solid #b5bacc;
        padding: 4px 5px;
    }
    
    .innerTbl1 tr th {
        background: #d1d5e3;
    }

    .innerTbl1 tr:nth-child(even) {
        background-color: #b4ffb6;
    }
p
{ text-align:justify
}
.innerTbl tr th, .innerTbl tr td {
    border: 1px solid #dee2e6;
    padding: 5px;
}
    
.accordionHeader_Y {
    color: #fff;
    background: #404e94 url(/images/ajax-arrow1.png) 99% center no-repeat;
    padding: 10px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
}

.accordionHeaderSelected {
    color: #ffffff;
    background: #bba13c url(/images/ajax-arrow.png) 99% center no-repeat;
    padding: 10px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
}

.accordionContent_Y {
    background-color: #fff;
    padding: 25px;
    padding-top: 22px;
    border: 1px solid #bba13c;
}

    
.acph{margin-top:50px;}
.Achi {width: 440px;float: left;max-width: 100%}
.Achi > .Heasding {margin-bottom: 15px;}
.Achievement{width:410px; max-width:100%; margin:0 auto; position:relative; text-align:center}
#AchiSlide{width:100%; margin:0 auto; margin-bottom:19px; max-width:100%;}
span#AchievementHome_lblAchievement {float: left;width: 100%}
.achivImg {width: 314px;height: 216px;overflow: hidden;float: left; position:relative}
.achivImg > img{position:absolute; margin:auto; left:0; right:0; top:0; bottom:0}
.achDataDetails {font-size: 14px;color: #737373}
a.AchiL, a.AchiR, a.PGL, a.PGR, .BrthL, .BrthR {position: absolute;}
a.AchiL, a.PGL{left:0; top:50px} a.AchiR, a.PGR {right:0; top:50px}

.PGallry{width:730px; float:right; max-width:100%; position:relative}
.PGSL{width:700px; margin:0 auto; position:relative; max-width:100%; text-align:center; margin-top:19px}
div#PGSlider{width:100%; display:inline-block; max-width:100%}
div#PGSlider > ul{width:100%; text-align:center}
div#PGSlider > ul li{  display:inline-block; height:250px; overflow:hidden; width:360px;}
    div#PGSlider > ul li a
    { padding:0px 20px; display:block
    }
    div#PGSlider > ul li a img
    { max-height:100%
    }
.ppg
{ padding:30px 0;
}
.fsplogo{position: relative;
    top: -6px;
}
.greenbg {
    background: #2f6197;
    color: #fff;
    border-top: 8px solid #032448;
    padding-top: 10px;
}
span#homephotog_LBPhoto {width: 100%;display: inline-block; margin-top:30px}

/*span#homephotog_LBPhoto ul li:nth-child(1),span#homephotog_LBPhoto ul li:nth-child(3),span#homephotog_LBPhoto ul li:nth-child(4),span#homephotog_LBPhoto ul li:nth-child(5) {   width:25%; float:left; padding:10px; height:225px; overflow:hidden}
    span#homephotog_LBPhoto ul li:nth-child(2)
    { width:50%; float:left; padding:10px; height:500px; overflow:hidden;
    }*/
span#homephotog_LBPhoto ul li .overlay
{ display:none
}
.PGSL > a.abel.readmore {margin-top: 21px}
a.PGL{left:0; top:146px} a.PGR {right:0; top:146px}
.balon2{background:url(/images/bl1.png) no-repeat; position:absolute; left:-25px; bottom:-35px; -webkit-animation: balloon1 6s ease-in-out infinite;  -moz-animation: balloon1 6s ease-in-out infinite;  -o-animation: balloon1 6s ease-in-out infinite;  animation: balloon1 6s ease-in-out infinite;}

.brthQicn{margin-top:40px; background-color:#f3f3f3}
.StBirthday{width:645px; float:left; max-width:100%; background:url(/images/brthbgimg.png) no-repeat top center; height:505px; text-align:center}
.BirthSec{width:340px; max-width:100%; margin:80px auto 0 auto; position: relative; text-align:center}
 
p.BirthName {text-transform: capitalize}
.BirthSec > .Heasding {margin-bottom: 40px}
img.bdrimg {border-radius: 10px}
.BrthL{left:53px; top:135px} .BrthR{right:53px; top:135px}
.StBirthday > .abel.readmore {margin-top: 35px}

.QuickLnk{width:520px; float:right; max-width:100%;}
.QL-in{width:455px; max-width:100%; margin:0 auto; margin-top:115px}
.QL-in > ul{width:100%; text-align:center}
.QL-in > ul > li{float:left; display:inline-block; width:204px; height:120px; background-color:#ffc60b; border-radius:10px; position:relative; margin-bottom:40px}
.QL-in > ul > li:nth-child(odd){margin-right:47px;}
.QLURL{display:block; text-align:center; height:100%}
.QLURL > img{position:relative; top:25px}
.QLURL > span{position:absolute; bottom:18px; right:0; left:0; margin:0 auto; font-size:22px; color:#fff}
p.videvent1 {font-weight: 500;color: #000;}

.totd{text-align:center}
.Thought{width:1170px; max-width:100%; display:inline-block; background:url(/images/todimg.jpg) repeat-y top center; border-radius:10px; padding: 0 50px}
.Thought p{font-family: 'Playball', sans-serif; font-size:24px; color:#fff; line-height:87px; position:relative; display:inline-block}
.Thought > p:before{position: absolute;content: "";background: url(/images/comma.png) no-repeat left 0; left: -45px; height:100%; width:67px; top:20px}

.foterbg{background:url(/images/footerbg.png) no-repeat bottom center; position:relative}
.flcloud{position:relative; top:30px; -webkit-animation: cloud 6s ease-in-out infinite;  -moz-animation: cloud 6s ease-in-out infinite;  -o-animation: cloud 6s ease-in-out infinite;  animation: cloud 6s ease-in-out infinite;}
@keyframes cloud {
    0%, 100% {
        -webkit-transform: translateY(0) rotate(-3deg);
    }

    50% {
        -webkit-transform: translateY(-20px) rotate(3deg);
    }
}
.balon4{position:absolute; top:120px; left:260px; -webkit-animation: balloon1 6s ease-in-out infinite;  -moz-animation: balloon1 6s ease-in-out infinite;  -o-animation: balloon1 6s ease-in-out infinite;  animation: balloon1 6s ease-in-out infinite;}
.footer{width:100%; float:left;  height:281px; position:relative}    
 .footer_inner{color: #7d7d7d; text-align:center; margin-top:44px}   
 p.copy {padding-bottom: 12px;}
 .gtt{position:absolute; z-index:9; right:0; height:142px; width:108px; bottom:55px}
 a#gototop{position:relative; display:block; height:142px}
.gtrotate {
    position: absolute;
    z-index: 0;
    -webkit-animation: rotating 7s linear infinite;
  -moz-animation: rotating 7s linear infinite;
  -ms-animation: rotating 7s linear infinite;
  -o-animation: rotating 7s linear infinite;
  animation: rotating 7s linear infinite;
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
 .gttfix{position:absolute; right:0; left:0; bottom:33px; top:0; margin: auto; z-index:2}



 
@media screen and (max-width: 1025px) and (min-width: 990px){
li.m-li:hover:last-child .sub-menu {
    visibility: visible;
    opacity: 1;
    left: auto;
    right: -33px;
}
}

@media screen and (max-width: 1024px) {

    .sub-menu
    { position:relative; top:auto; max-width:100%
    }
    .Contact > ul > li
    { margin:0px 10px;
    }

    .header > .row{margin-top:15px}
    .dvlogo{width:100%;max-width:500px}
    .logo{margin-left:10px}
    .NoticeSlide{width:760px; max-width:100%} 
    div#NoticeSl{width:100% !important; max-width:100%}
    div#NoticeSl > span#newnotice_lblnoticedownloads > ul > li{ margin:10px;}
    .About{padding:0 10px} .Abouttext{width:645px} img.balon1 {left: 90px;z-index: -1;top: -20px}
   
    .PGallry{width:440px;} .PGSL{width:100%} span#homephotog_LBPhoto{width:294px} div#PGSlider > ul li{margin-right:0}
    .StBirthday{width:530px; background:url(/images/brthbgimg.png) no-repeat top 35px center; background-size:100%}
    .QuickLnk{width:430px;} .QL-in{width:100%} .QL-in > ul > li:nth-child(odd){margin-right:20px}
    img.balon4{left:50px}
     
    .flexslider a.flex-prev, .flexslider a.flex-next{display:none}
    #ddd { width:100%; float:left}
    .li.m-li
    { display:block;
    }
    .header .col-md-12
    { margin-top:49px;
    }
    li.m-li
    { display:block;
    }
}
@media screen and (max-width: 1023px)
{
    .panorama_slider,#pnl1,.SecLogo,.Clickhere
    { display:none
    }
    .heading
    { font-size:35px;
    }
}

 
@media screen and (max-width: 767px) {
    h2 {text-align: center}
    img.balon1, .balon3, .prin-txt h2:before, img.balon4, .flcloud, .gtt, .Thought > p:before{display:none}
    .Notice > .Heasding{width:100%; margin:0; margin-bottom:22px}
    .Notice > .Heasding > h2{text-align:center}
    .Notice > .Heasding > h2 > span{font-size:25px}
    .Notice > .Heasding > h2 > br {display: none;}
    .NoticeSlide {width: 540px;margin: 0 auto 30px auto;text-align: center}
    div#NoticeSl {width: 300px !important;display: inline-block;text-align: center}
    .Notice > .RDmore {width: 100%;text-align: center;margin: 0 !important}
    .AboutSec{margin-top:30px}
    .msbbg {height: auto;background: url(/images/messagebg.png) repeat-y top center}
    .MessageSec{padding-bottom:26px}
    .Prin-ctn > img {margin-right: 0;display: block;float: none;margin: 0 auto 20px auto}
    .prin-txt{width:100%}
    .brthQicn{margin-top:0}
    .QL-in {display: inline-block; margin-top: 15px}
    .foterbg{background:none}
    .footer{height:auto} .footer_inner{margin-top:30px; margin-bottom:10px}
    p.copy{padding-bottom:0}
    .Thought p{line-height:26px}
    .Thought{min-height:80px}
    .NoticeL, .NoticeR
    { left:5px;
    }
    .NoticeR
    { right:5px;
    }
    .header .container
    { max-width:100%
    }
    .Contact
    { width:100%!important
    }
    #AchiSlide
    { max-width:320px;
    }
    .bdybg:before,.bdybg:after
    { width:100%; height:100%; background-size:100%;
    }
    #BirthSlide ul li
    { width:300px;
    }
    #BirthSlide
    { background-size:300px 300px;
    }
        #BirthSlide ul li .grabg
        { margin-top:22px;
        }   .header .col-md-12
    { margin-top:54px!important;
    }
    .innerImg
    { float:none; margin:0; display:block; text-align:center;
    }
}

 
@-moz-document url-prefix() {

    .SVS {margin-bottom:4px}
.searchbutton{ margin-top:2px!important}
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,.Clickhere{ bottom:32px}

}
  
@media screen and (min-width: 768px) and (max-width: 1020px) {
    div#NoticeSl > span#newnotice_lblnoticedownloads > ul > li
    { max-width:325px;
    }
    li.m-li{margin: 0 0px;padding: 0px 5px;}
    .Abouttext{ width:100%}
    img.balon4,img.balon2,.balon3{ display:none}
   
    .prin-txt > .Heasding{ float:none}
    .aboutgif{ display:none}
    img.balon1{ display:none}
    .PGallry,.Achi{ width:365px}
    .brthQicn{ text-align:center; background:none }
    .StBirthday{ float:none; display:inline-block}
    .QuickLnk{ float:none; display:inline-block}
    .foterbg{ background:none}
    .footer{ height:auto; padding-bottom:10px}
    .gtt{ display:none}
    img.flcloud {
    display: none;
}
}