@media only screen and (max-width:1640px){   
header .toppad img{max-width:180px;}
header .nav ul li a{font-size:14px; font-weight:700;}
header .nav ul li.withA:hover ul> li> a{font-size:14px; font-weight: 700}
.container{max-width:1200px}
 .banner.owl-carousel .owl-item img{max-width:95%; margin: 0px auto;} 
.top-space {padding-top:90px;}
.meetNandini{padding-top: 40px;}
.meetNandini h2 { font-size:50px;line-height:60px; margin-bottom:16px; font-weight:600;}
.meetNandini .introDuction p {font-size:15px;line-height:24px; margin-bottom: 10px;}
.meetGuru .h1 {font-size:80px;line-height: 90px;}
 h1, .h1 {font-size:95px;line-height: 90px;}
 h2, .h2{font-size:70px;line-height:80px;}
.bharatanatyam small {font-size:16px;line-height:23px;}
.cir2:before {width: 80px; height: 80px; left: -26px;top:8px}
.showcase .h1 {margin-bottom:40px; font-size:80px; line-height:90px;}
.showcase .accorimg h2 {padding-left:20px;font-size:80px;margin-bottom:2.1%;}
.acknowledMents h2 {font-size: 60px; line-height: 70px;}
 .nandinilogo img{max-width:470px;}
.meetGuru a {padding: 1px 0px 40px;}
.bharatanatyam {padding:40px 0px 60px;}
.repertoire {padding-top: 0px;}
.showcase {padding: 60px 0px 60px;}
.acknowledMents {padding:35px 0px 20px;}
.meetNandini .leftna img{width:90%}
.meetNandini .meettype {margin-top:175px;}
.showcase .accorimg{vertical-align: middle;}
.bharatanatyam .h1 {line-height:90px;font-size:80px;}
.repertoire .h1 {font-size:80px; line-height:90px;}
.repertoire .rename {font-size:14px;line-height:18px;} 
.repertoire .replace {font-size:14px;line-height:20px;}
.repertoire .redate {font-size:14px;line-height:20px;}
.acknowledMents .h1 { font-size:80px; line-height:90px;}
.acknowledMents p {font-size:18px;margin-top:16px;margin-bottom:24px;}
.youtube img{max-width: 200px;}
footer {padding: 60px 0px 60px;}
.youtube { margin-top:30px;}
footer ul {padding-top:80px;}
#scrolltext a{left: 33px;}
.showcase .accorimg img{max-width:145px;}
 .acknowledMents .showaknow h2{font-size:40px;line-height:55px;}
.meetNandini .meettype .verticatext {font-size:14px;line-height:24px; margin-left: -70px;}
.meetNandini .introDuction a {font-size: 16px;line-height: 26px;}
.meetGuru .intoname h5 {font-size: 20px;}
.meetGuru .intoname p {font-size: 14px;line-height: 24px;}
.meetGuru .intogtext p {font-size: 16px;line-height: 26px;}
.meetGuru a{font-size: 16px;line-height: 26px;}
.repert.owl-theme .owl-nav .owl-prev{margin-right: 26px !important;}
.repert.owl-theme .owl-nav .owl-prev,.repert.owl-theme .owl-nav .owl-next{height:38px;width:36px;background-size: 35px auto;}
.acknowledMents .argMents .dateAck{font-size:18px;line-height:26px;}
.acknowledMents .argMents .viewmore:after{height:30px;width:30px;background-size:30px auto;}
footer ul li a {font-size:12px; line-height:20px;}
footer ul li {padding: 0px 10px;}
.acknowledMents .argMents .imgzoom img{max-width:70%;}
.acknowledMents .argMents {padding: 30px 0px;}
.nanJouBg + .top-space,.showBg + .top-space, .contBg + .top-space {padding-top:70px;}
#scrolltext a.previous {left: 37px;}
p{font-size:16px; line-height:26px; }
h3, .h3{font-size:42px;line-height:60px;}
h4{font-size:32px; line-height:42px; }
.contMain{padding:40px 0px 60px}
.contMain h1{margin-bottom:2rem}
.contMain .linkMail a{font-size:24px; line-height:36px;}    
.allunderline a{font-size:16px; line-height:24px;}  
.markStag p{font-size:18px; line-height:30px}
.showImag .showTha p{font-size:15px;line-height:20px;}
.showcase_lable .redate {font-size: 14px; line-height: 18px; padding-top:10px;}
.showcase_lable .rename {font-size: 14px;  line-height: 18px;}
.showcase_lable .replace {font-size: 14px; line-height: 18px;}
.shoGallery h1{line-height: 100px;}

}
@media only screen and (max-width:1440px){   
h1, .h1 {font-size:95px;  line-height: 81px;}
h4 {font-size: 32px; line-height:35px;}
}

@media only screen and (max-width:1360px){   
.container{max-width:1160px}
}

@media only screen and (max-width:1160px){   
h1, .h1 {font-size:40px;line-height:50px;}
h2, .h2{font-size:36px;line-height:45px;}
h3, .h3{font-size:30px;line-height:40px;}
 .meetGuru .h1,.bharatanatyam .h1{font-size:40px;line-height:50px;}   
.showcase .accorimg h2 {font-size:40px; line-height:50px;}
.acknowledMents h2{ font-size:36px; line-height:40px;}
.repertoire .redate {font-size:18px;line-height: 24px; padding-top:15px;}
.repertoire .rename {font-size: 18px; line-height: 24px;  padding: 5px 0px;}
.repertoire .replace {font-size:18px; line-height:24px;}
.bharatanatyam small {font-size: 12px; line-height: 19px;}
.bharatanatyam a:before{border-bottom: 3px solid #b7b0a6; height: 3px;}
p{font-size:14px; line-height:24px; }
.contMain .linkMail a{font-size:20px; line-height:30px;}  
.markStag p{font-size:18px; line-height:26px}
}


@media only screen and (max-width:991px){
.banner.owl-carousel .owl-item img{width: 100%;}
.meetGuru .h1{font-size: 36px;line-height: 44px;}
.meetNandini hr {margin: 30px 0px 0px;}
.meetGuru .intogtext p {margin-bottom: 16px;}
.meetGuru a {padding: 10px 0px 10px;}
h1, .h1 {font-size: 36px;line-height: 44px;}
h2, .h2{font-size:30px;line-height:40px;}
h3, .h3{font-size:26px;line-height:36px;}    
.repertoire .redate {font-size: 16px;line-height: 22px; padding-top:15px;}
.repertoire .rename {font-size: 16px; line-height: 22px;  padding: 5px 0px;}
.repertoire .replace {font-size: 16px; line-height: 20px;}
.showcase .accorimg h2 { padding-left: 0px; font-size: 36px; line-height: 44px;}
.acknowledMents h2 br{display: none;}
.acknowledMents h2{ font-size: 30px; line-height: 38px;}
.repert.owl-theme .owl-nav {margin-top: 10px;position: absolute;right: 0px; top: 81px;}
.repert.owl-theme .owl-nav .owl-next {height: 28px; width: 27px; }
.repert.owl-theme .owl-nav .owl-prev {height: 28px; width: 27px; }
.acknowledMents .argMents{padding: 20px 0px 0px;}
.acknowledMents{padding:30px 0px 20px;}
footer {padding:40px 0px 20px;}
.pb-40 {padding-bottom: 20px;}
footer ul {padding-top: 20px;}
.repertoire .h1{margin-bottom:10px;}
.toppad{margin-left: 35px;} 
header .logoimg img{max-width: 90px}
.banner.owl-carousel .owl-item img{max-width:100%;} 
header, header.stick{ padding:15px 0px;top:0px!important;}
#scrolltext{display: none !important;}
.acknowledMents .argMents .viewmore{ margin-top: 10px; margin-bottom:20px;}
.top-space { padding-top:50px;}
.linkVideol { padding-top:20px;}    
.nweTham,.nandBhar .aBrief,.markStag { padding:40px 0px 30px;} 
.glimpAren .glim.imTp img {margin-top: -40px;}
.glimpAren .pt100 {padding-top: 60px;}  
.breadCrumb + .showImag {padding-top: 16px;}  
.shoGallery{padding:30px 0px;}   
.youtube img { max-width: 180px;}
.contMain {padding:0px 0px 40px;}
.youtube {margin-top:20px;} 
.contactpage footer {padding-top:100px;}
.acknowledMents .argMents .viewmore{font-size: 20px;padding: 14px 46px 15px; border-radius: 25px}
.glimpAren .glim.imTp { padding-top: 100px;}   
.showImag {padding:40px 0px 30px;}
.acknowledMents .argMents .dateAck br{display: none}
.acknowledMents .argMents .dateAck { padding: 10px 0px;}
.showBg header .nav ul li.showc a:after{background-color: #312b2c;}
.shoGallery h1 {line-height: 60px;}
.nanJouBg + .top-space, .showBg + .top-space, .contBg + .top-space {padding-top: 53px;}
.destopnone{display: none;}
.mobilshow{display:block;}
.bharatanatyam a:before{display: none}
.desktop_ver{display: none;}
.mobile_ver{display:inline-block;}

}
@media only screen and (max-width:767px){
.meetNandini .leftna img{width: 100%;}
.meetNandini .introDuction{margin-top:30px;}
.meetNandini .introDuction p { font-size: 14px; }
.meetGuru .intoname{width:100%;max-width:100%;}
.showBg + .top-space{background: transparent}    
.meetGuru a.viewmore {font-size: 14px;padding: 6px 25px 9px; margin-top: 10px; margin-bottom: 18px;}
 .vieall a{font-size: 16px;  padding: 8px 30px; margin-top: 10px;}
 .top-space h1{margin-top: 20px;}
}


@media only screen and (max-width:557px){
h1, .h1 {font-size:30px;line-height:32px;} 
h2, .h2{font-size:24px;line-height:32px;}    
h3, .h3{font-size:20px;line-height:30px;}       
.nandinilogo img{max-width:80%;}
.meetNandini{position: relative;}
.meetNandini .meettype {margin-top: -50px; position: relative; left: -88px; top: 0px;}
.meetNandini .meettype .verticatext{font-size:14px;line-height:24px; margin-left:0px; padding-bottom: 94px;}
.meetNandini h2 {font-size:36px;line-height:40px;}
.meetNandini .introDuction a{font-size:13px;line-height: 24px; margin-bottom: 25px;}
.meetGuru {padding:40px 0px 0px;}
.meetGuru .h1 {font-size:20px;line-height:30px;}
.gurupic img{max-width:100px;}
.meetGuru .intoname{left:15px; right:15px;width:calc(100% - 30px);max-width:calc(100% - 30px);}
.meetGuru .intogtext p {font-size: 14px;line-height: 24px;}
.bharatanatyam .h1 {line-height:45px;font-size:30px;}
.bharatanatyam .d-md-inline-block{font-size:24px;line-height:30px; font-weight:500;}
.bharatanatyam .d-md-inline-block + br{display: none;}
.bharatanatyam small{margin-top:10px;}
.cir2:before {width:45px;height:45px;left: -12px;top:-2px;}
.repertoire .h1{font-size:30px;line-height:45px;margin-bottom:40px;text-align: center;}
.repert.owl-theme .owl-nav{top: -55px}
.repert.owl-theme .owl-nav .owl-prev, .repert.owl-theme .owl-nav .owl-next {background-size:28px auto;}
.showcase .h1,.acknowledMents .h1{font-size:32px;line-height:40px;}
.showcase .accorimg h2{font-size:24px; line-height:36px;}
.acknowledMents .showaknow h2{font-size:20px; line-height:30px;text-align: center;}
.acknowledMents{text-align:center;}
.showcase .accorimg img {max-width:60px; margin-right:10px;}
.acknowledMents .argMents .dateAck{padding:10px 0px 15px;text-align: center;}
.acknowledMents .argMents .viewmore:after{background-size:26px auto; background-repeat:none;}
footer ul{display:block;}
footer ul li{display:inline-block; padding:5px 10px;}
.showcase .h1 {margin-bottom:30px;text-align: center;}
.repert .retext{text-align:center;}
.meetGuru .intoname h5 {font-size:16px;}
.meetGuru .intoname p {font-size: 12px;line-height: 18px;}
#scrolltext a {left:-10px; bottom:150px; display: none;}
.bharatanatyam small {font-size:12px;line-height:16px;}
.heroBanner {padding-bottom:20px;}
.showcase {padding:20px 0px 30px }
.acknowledMents .argMents .imgzoom img {max-width:100%;}
.acknowledMents .argMents .dateAck br{display:none;}
.repertoire .rename,.repertoire .replace { line-height:18px;font-size:14px;}
.repertoire .replace{padding-top:5px}
.repertoire .redate {font-size:14px;line-height: 20px;padding-top:15px;}
.heroBanner .banner.owl-theme .owl-dots{position: relative; display: block; top: 0px; margin-top:20px;}
.meetNandini {padding-top:7px;}    

[data-aos=fade-right] {transform: translate3d(0px, 0, 0);}
[data-aos=fade-left] {transform: translate3d(0px, 0, 0);}
.meetGuru .intogtext .hr2 {margin-bottom: 20px;}
.bharatanatyam {padding: 40px 0px 20px;}
.repert .retext br{display: none;}
.acknowledMents .argMents .text-end{text-align: center!important;}
.acknowledMents .argMents.viewmor .text-end{text-align: right!important;}
.heroBanner .col-12{padding: 0px 0px!important;}
.meetNandini .leftna{text-align: center}
.meetNandini .leftna img{width:70% }
.bharatanatyam span:before {bottom: -3px; border-bottom: 3px solid #b7b0a6; height: 3px}
.repertoire {padding-top: 25px;}
.nweTham .repertoire {padding-top:5px;}    
p{font-size:14px; line-height:24px; }
p.smspac{margin-bottom: 2px;}
.allunderline a{font-size:14px; line-height:24px;}   
.contMain .linkMail a{font-size:18px; line-height:26px;}  
.markStag p{font-size:16px; line-height:24px}
.showImag .showTha p{font-size:14px;}
.popupVideo:after { background-size:40px auto}
.popupBo{ min-height:150px;}
.linkVideol a { font-size:14px; line-height:20px; margin-bottom: 20px;}
h4 {font-size:18px;line-height:24px;}
.reperTop{margin-top:10px}    
.nweTham .reami{margin-bottom:30px}     
.nandJour .pasUnf{padding-top:15px; margin-bottom:0px;background:rgba(10,10,9,1);  padding-bottom:0px;}
.passionUnfolds.owl-theme .owl-nav {margin-top: 30px;}
.nandJour .pasUnf h2{padding-top:50px;padding-bottom:30px; }  
.nandJour .pasUnf hr{display:none}
.bgBlack {padding:40px 0px 30px;}   
.nandJour .bgBlack {margin-bottom:30px;}
.nandJour .allunderline {padding-top:20px;}
.nanJouBg .nandPre {padding:0px 0px 10px;}
.nweTham .card .card-body{padding:10px 0px 0px}
.nweTham .card .card-body p:last-child{margin-bottom:0px!important}
.contMain h1 {margin-bottom:1rem;}
.linkBack{font-size:10px;}    
.breadCrumb nav li, .breadCrumb nav li a{font-size:10px;} 
.youtube img { max-width: 140px;}
.acknowledMents .argMents .imgzoom{padding-right:0px}
.passionUnfolds{padding-bottom:10px;}   
.glimpAren .viewMore{font-size:14px; line-height:22px; padding: 9px 18px 9px;  border-radius: 50px; }
.glimpAren .glim.imTp { padding-top: 80px;}
.glimpAren .glim.imTp2 { padding-top:80px;}    
.glimpAren .pt100 { padding-top: 20px;}    
 .nandBhar .bgBlack .passionUnfolds.owl-theme .owl-nav {left: auto; margin-top:20px;right:20px;}
.nandBhar .bgBlack .counAre {margin-top: -40px;}
.nandBhar .aBrief h2 {margin-bottom: 1.5rem;}
.nweTham .repertoire .redate { padding-top:0px;}
.viewMore {font-size: 14px;line-height: 21px;padding: 6px 20px 7px; border-radius: 20px; margin-top: 15px;}
.nweTham .card p {line-height: 18px;}
.heroShow .showVie {padding:20px 20px;}
.heroShow .showVie h4 {line-height: 26px;}
.heroShow .showVie .viewMore {margin-top: 5px;}
.heroShow .showVie:hover:after, .heroShow .showVie.active:after {background-size: 30px auto;background-position: center bottom 20px;}
.h5, h5 {font-size: 1rem;}
h1 br, .h1 br{display: none}
.acknowledMents .argMents .viewmore {font-size:16px; padding: 7px 30px 8px;}
.shoGallery h1 {line-height: 40px;}
.bgBlack a.viewmore {font-size: 14px;padding: 9px 18px 9px; margin-top:10px;}
.nanJouBg + .top-space, .showBg + .top-space, .contBg + .top-space {padding-top: 50px;}
.vieall {padding: 30px 0px;}
.meetGuru a.viewmore {padding:7px 18px 6px; }
.bharatanatyam small a br{display: none;}
.nandJour .pasUnf h3{padding:0px; margin-bottom: 0px; font-size: 26px; line-height: 34px;} 
.passionUnfolds.owl-theme .owl-nav .owl-prev, .passionUnfolds.owl-theme .owl-nav .owl-next {height: 33px; width: 33px;}
#counter sup {font-size: 40px;line-height: 50px;}
#counter sub {font-size: 30px;line-height: 40px;}
#counter span {bottom: -21px;} 
.nandBhar .bgBlack h1{font-size: 26px; line-height: 36px; text-align: left; margin-bottom: 40px; }
.nandBhar .bgBlack h1 br{display: block}
.reperTop h4 br{display: none;}
.nanJouBg .nandPre h1{ font-size: 32px; line-height: 40px;  }
.nanJouBg .nandPre h1 span{ display: block; }
.nanJouBg .nandPre.inpress h1 span{ display: block;}
.nanJouBg .nandPre.accolds{padding-right:20px;}
.breadcrumb-item+.breadcrumb-item.active::before{display: none;}
.breadcrumb-item+.breadcrumb-item.active{padding-left: 0px; display: block; width: 100%;}
.vocalpg .breadcrumb-item+.breadcrumb-item.active{padding-left:10px; display: inline-block; width: auto;}
.vocalpg .breadcrumb-item+.breadcrumb-item.active::before{display: block;}
.rehearsals .breadcrumb-item+.breadcrumb-item.active{padding-left:10px; display: inline-block; width: auto;}
.rehearsals .breadcrumb-item+.breadcrumb-item.active::before{display: block;}
.linkVideol a span img{width: 12px;height: 12px;}
.linkVideol a span{max-width: 36px; max-height: 36px;}


    
}


@media only screen and (max-width:340px){    
.glimpAren .viewMore {font-size: 15px; line-height: 24px;} 
.bgBlack a.viewmore {font-size: 14px;padding: 15px 9px 16px;}
.viewMore { padding: 6px 18px 7px;}  

    
}