/*======================///////////////
			start responsive style
=====================///////////////////////*/
@media (min-width:1201px ) and (max-width:10000px ){
figure.effect-julia img{ width:100%;}
}

@media (min-width:1920px ) and (max-width:10000px ){
.videoImage img{ width:100%;}
}

@media (min-width:992px ) and (max-width:10000px ){
.top-nav-collapse {	/*background:#003c5a;	padding:2px 0;	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);*/}
/*.top-nav-collapse:before{content: ""; position: absolute; width: 102%;height: 115px; top:0px; left:-10px; z-index: -1; background:#003c5a; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg);	-ms-transform: rotate(-2deg);	-o-transform: rotate(-2deg);transform: rotate(-2deg); transition: all .3s ease-out;}*/
/*.top-nav-collapse .verticalrotate{content: ""; position: absolute; width: 102%; height: 100px; top: 18%; left:-10px; z-index: -1; background:#003c5a; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg);	-ms-transform: rotate(-3deg);	-o-transform: rotate(-3deg);transform: rotate(-3deg); transition: all .3s ease-out;}*/

.top-nav-collapse .container-fluid{ max-width:1600px;}
.listing .row.oddeven .container-fluid{ max-width:1600px;}
.programInside .container-fluid{ padding-left:100px; padding-right:100px;}
.top-nav-collapse .logo{ display:inline-block; max-width:350px; margin-right:30px; vertical-align:middle;}
.top-nav-collapse .navbar-default{ display:inline-block;}
.top-nav-collapse .navbar-default .navbar-nav > li > a{ font-size:14px;}
/*.programInside p{ padding-right:60px; padding-left:60px;}
.programInside h1{ padding-right:60px; padding-left:60px;}*/
.selectboxes{ margin-top:35px;}
.largeVideo .videoImage{ height:680px; overflow:hidden; position:relative;}
.largeVideo .playIcon{ top:36%;}
/*#timeline .owl-stage{ width:100%!important;}*/

}
@media (min-width:1601px ) and (max-width:1920px ){
/*.top-nav-collapse:before{height: 160px; top: -50px;}*/
.listing .row.oddeven.program .details{ padding-left:120px;}
.listing .row.oddeven.program:nth-child(odd):first-child .details{ padding-left:120px;}
.innerTab.doubletab ul.autoCenter:before{ height:61px;}
/*.verticalnemubg:before{ height:110px;}*/

/*figcaption > .details h2{ padding:0 30px;}*/
/*.carousel-caption{ top:39.983%;}*/
.carousel-control.left{left:6.1%;}
.carousel-control.right{right:6.1%;}
.programInside .container-fluid{ /*max-width:1400px;*/ padding-left:120px; padding-right:120px;}
footer .container-fluid{padding-left:100px; padding-right:120px;}
.categoryTabs{ bottom:83px;}
.whiteStripUp { top:11px;}
.whiteStripDown{bottom:40px;}
/*.carousel-caption.top{top:23.543%;}*/

}

@media (min-width:1200px ) and (max-width: 1400px) {
.programList{ padding:0;}
.yearlyProgram .programText{ left:2%;}
.yearlyProgram .buyTicketText{ right:2%; font-size:24px;}

#innerContent{ margin-top:50px; margin-bottom:80px;}
.verticalnemubg .logo{ max-width:300px; width:100%; margin-right:10px;}
.verticalnemubg .navbar-default .navbar-nav > li > a{ font-size:12px;}
.verticalnemubg:before{top:-20px;}
.top-nav-collapse:before{top:-20px;}

.commonContent p{font-size:17px; line-height:25px;}
.ticketPrice .table > tbody > tr > td, .ticketPrice .table > thead > tr > td{ font-size:15px;}
.contactDetails h1, .commonContent h1{ font-size:30px; line-height:30px; margin-top:0;}
.commonContent ul.detailsList li{ font-size:16px; line-height:21px;}
.commonContent ul.detailsList li strong, .commonContent .contactDetails ul.detailsList strong{ font-size:13px;}
.carousel-caption h2{font-size:36px; line-height:36px;}
.carousel-caption h3{font-size:30px; line-height:30px;}
.carousel-caption p{ font-size:21px; line-height:21px;}

.categoryTabs ul li{ max-width:155px;}
.categoryTabs ul li a{ font-size:14px; height:32px;}
.carousel-caption p.smallfont{ font-size:14px;}
.selectboxes{ /*margin-top:28px;*/ margin-left:-3px;}
.selectboxes fieldset .form-group{height:32px; line-height:32px;}
.selectboxes fieldset.widthAuto .default{ height:65px; font-size:32px;}
.selectboxes fieldset{max-width:220px;}

/*#timeline.owl-theme.owl-carousel .owl-item{ margin-left:15px; margin-right:15px !important;}*/
#timeline.owl-theme.owl-carousel .owl-controls .owl-nav .owl-prev{ left:50px;}
#timeline.owl-theme.owl-carousel .owl-controls .owl-nav .owl-next{ right:50px;}

.innerTab li a{ font-size:15px; padding:15px 10px;}
.listing .row.oddeven.news .details h2,.listing .row.oddeven.program .details h2{ font-size:36px; line-height:36px;}
.listing .row.oddeven .details span{ font-size:18px; line-height:20px;}
.listing .row.oddeven .details p{ font-size:16px; line-height:24px;}
.listing .row.oddeven .details .date{ font-size:14px;}
.listing .row.oddeven.program .date .weeklyName{ width:90px; height:90px;}
.listing .row.oddeven.program .date .weeklyName bdo{ font-size:40px;}

#grid figure figcaption{ padding:25px;}
figcaption > .details h2{ font-size:36px; line-height:36px; margin-top:0;}
figcaption .details p{ font-size:16px; line-height:24px;}

.infoText h2{ font-size:28px; line-height:28px;}
.infoText p{font-size:18px; line-height:21px;}

.yearlyProgram .nav-tabs li a{ width:96px;}
.yearlyProgram .tab-content .tab-pane h2{ font-size:30px;}

 footer h4{ font-size:18px; line-height:24px;}
 footer p{ font-size:12px; line-height:normal;}
.social li a{ height:35px; width:38px; font-size:20px;}
.social li a i{ font-size:20px;}
.social.followUs li a{ line-height:38px; width:42px; height:42px;}
.loadmore, .loadmore.largeFont{ width:auto; font-size:13px; line-height:normal; margin-top:0; padding:15px 20px;}
.newslatter .submitbtn, .newslatter input{ height:40px; font-size:13px;}

.innerTab.doubletab ul.autoCenter:before{height:52px;}
.innerTab.doubletab ul.autoCenter:after{ width:24.399%; height:52px;}

.innerTab.tripletab ul.autoCenter:before{width:11.899%; height:52px;}
.innerTab.tripletab ul.autoCenter:after{width:11.689%; height:52px;}
.share li a{ height:40px; width:40px; line-height:40px; font-size:20px;}
.share li a i{ margin-top:-3px; margin-left:1px;}
.share li:last-child a i{ margin-top:-5px;}
.programInside .container-fluid{ padding-left:80px; padding-right:80px;}
footer .container-fluid{padding-left:80px; padding-right:80px;}

.top-nav-collapse .logo{ display:inline-block; max-width:300px; margin-right:10px;}
.top-nav-collapse .navbar-default{ display:inline-block;}
.top-nav-collapse .navbar-default .navbar-nav > li > a{ font-size:12px; padding:10px;}
}

@media (min-width:992px ) and (max-width:1600px ){
}

@media (min-width:992px ) and (max-width:1199px ){
#innerContent{ margin-top:70px; margin-bottom:100px;}
.navbar-default .navbar-nav > li > a{ font-size:14px; padding:10px 9px;}
#InnerImage {   background-size: cover !important;}
.commonContent p{font-size:16px; line-height:24px;}
.commonContent ul.detailsList li{ font-size:16px; line-height:21px;}
.commonContent ul.detailsList li strong, .commonContent .contactDetails ul.detailsList strong{ font-size:13px;}

.ticketPrice .table > tbody > tr > td, .ticketPrice .table > thead > tr > td{ font-size:14px;}
.contactDetails h1, .commonContent h1{ font-size:32px; line-height:32px;}
.listing .row.oddeven .details{ padding:20px 0;}
.listing .row.oddeven.news .details{ padding:100px 0;}
.listing .row.oddeven.program .details{padding:40px 80px ;}
.listing .row.oddeven.program:nth-child(odd):first-child .details{ padding:40px 80px;}
.top-nav-collapse .logo{ display:inline-block; width:210px; margin-right:10px;}
.top-nav-collapse .logo .navbar-brand{ padding:0px;}
.top-nav-collapse .navbar-default{ display:inline-block;}
.top-nav-collapse .navbar-default .navbar-nav > li > a{ font-size:12px; padding:10px 3px;}
/*.verticalnemubg:before{ height:110px;}*/
.verticalnemubg .logo{ width:225px; margin-right:10px;}
.verticalnemubg .logo .navbar-brand{ padding:0px;}
.verticalnemubg .navbar-default .navbar-nav > li > a{ font-size:12px; padding:10px 3px;}

.yearlyProgram .nav-tabs li a{ width:90px;}
.yearlyProgram .programText{ left:3%;}
.yearlyProgram .buyTicketText{ font-size:24px; right:3%;}
.yearlyProgram .nav-tabs li a .weeklyName bdo{ font-size:40px;}

.carousel-caption h2{font-size:32px; line-height:32px;}
.carousel-caption h3{font-size:28px; line-height:28px;}
.carousel-caption p{ font-size:16px; line-height:18px;}

.categoryTabs{ bottom:72px;}
.categoryTabs ul li{ max-width:128px;}
.categoryTabs ul li a{ font-size:13px; height:26px; line-height:26px;}
.categoryTabs ul li a i{ right:10px; top:-0.1%;}
.carousel-caption p.smallfont{ font-size:13px;}
.selectboxes{ margin-top:25px;}
.selectboxes fieldset{max-width:175px;}
.selectboxes fieldset .form-group{height:26px; line-height:26px;}
.selectboxes fieldset .form-group .checkbox{ margin:4px 10px;}
.selectboxes fieldset .form-group .checkbox i{ width:14px; height:14px;}
.selectboxes fieldset .form-group span{ font-size:10px;}
.selectboxes .default{ height:53px; font-size:24px; min-width:60px;}

/*#timeline.owl-theme.owl-carousel .owl-item{ margin-left:15px; margin-right:15px !important;}*/


.innerTab li a{ font-size:14px; padding:12px 10px;}
.listing .row.oddeven.news .details h2, .listing .row.oddeven.program .details h2{ font-size:32px; line-height:32px;}
.listing .row.oddeven .details span{ font-size:16px; line-height:18px;}
.listing .row.oddeven .details p{ font-size:14px; line-height:22px;}
.listing .row.oddeven .details .date{ font-size:13px;}
/*.listing .row.oddeven.program .date .weeklyName{ width:80px; height:80px;}*/
.listing .row.oddeven.program .date .weeklyName bdo{ font-size:36px;}

.infoText h2{ font-size:24px; line-height:24px;}
.infoText p{font-size:16px; line-height:18px;}

#grid figure figcaption{ padding:20px;}
figcaption > .details h2{ font-size:32px; line-height:32px; margin-top:0;}
figcaption .details p{ font-size:16px; line-height:20px;}


.yearlyProgram .nav-tabs li a{ width:96px;}
.yearlyProgram .tab-content .tab-pane h2{ font-size:30px;}

.yearlyProgram .nav-tabs li a{ width:88px;}
.yearlyProgram .tab-content .tab-pane h2{ font-size:26px;}

footer h4{ font-size:16px; line-height:20px;}
footer p{ font-size:12px; line-height:14px;}
.social li a,.social.followUs li a{ height:33px; width:33px; font-size:18px;}
.social li a i,.social.followUs li a i{ font-size:18px;}
.social.followUs li a{ line-height:35px;}
.loadmore, .loadmore.largeFont{ width:auto; font-size:18px; line-height:21px; margin-top:0; padding:15px 20px;}
.newslatter .submitbtn, .newslatter input{ height:30px; font-size:12px;}

.innerTab.doubletab ul.autoCenter:before{ height:44px;}
.innerTab.doubletab ul.autoCenter:after{height:44px;}

.innerTab.tripletab ul.autoCenter:before{ width:11.899%;height:44px;}
.innerTab.tripletab ul.autoCenter:after{ width:11.399%;height:44px;}

/*#timeline{ height:30px;}
#timeline:before{height:26px; top:-30px; }
#timeline:after{height:26px; bottom:-30px;}
#timeline .timelineDots{ line-height:30px;}
#timeline .owl-stage{ width:100%!important;}*/
/*#timeline .owl-stage-outer{ max-width:900px; text-align:center;}
#timeline.owl-theme.owl-carousel .owl-item{ display:inline-block; float:none; }
.timelineDots a:hover:before{margin-left:-3px;}
.timelineDots a.selected:before{margin-left:-3px;}*/
#timeline .owl-stage-outer{ max-width:850px;}
#timeline:before{ height:34px;}
.whiteStripUp { height:32px; top:6px;}
.whiteStripDown{ height:32px; bottom:37px;}


#timeline.owl-theme.owl-carousel .owl-controls .owl-nav .owl-prev{ left:30px; /*top:36.5%;*/}
#timeline.owl-theme.owl-carousel .owl-controls .owl-nav .owl-next{ right:30px; /*top:36.5%;*/}


#timeline.owl-theme.owl-carousel .owl-item:nth-child(odd) .item .years{ left:0; height:100px; position:absolute;/* top:-35px;*/}
#timeline.owl-theme.owl-carousel .owl-item:nth-child(odd) .item .handle{left:-8px; height:48px;  width:3px; position:absolute; bottom:22px; background:#FFFFFF;}
#timeline.owl-theme.owl-carousel .owl-item:nth-child(odd) .item .handle:before{background:#FFFFFF;  height:6px; width:6px; position:absolute; top:0px; left:-1.8px; z-index:1; content:''; border-radius:100px; }
#timeline.owl-theme.owl-carousel .owl-item:nth-child(odd) .item .handle:after{background:#FFFFFF;  height:3px; width:6px; position:absolute; bottom:0px; left:-1.8px; z-index:1; content:''; }
#timeline.owl-theme.owl-carousel .owl-item:nth-child(odd) .item .years .yearsText{font-size:18px; line-height:20px; font-weight:800; color:#f0781e; margin-bottom:-5px; display:inline-block; vertical-align:middle; position:relative; z-index:999;}

#timeline.owl-theme.owl-carousel .owl-item:nth-child(even) .item .years{ left:0; height:100px; position:absolute; /*bottom:-35px;*/}
#timeline.owl-theme.owl-carousel .owl-item:nth-child(even) .item .handle{left:-8px; height:48px;  width:3px; position:absolute; top:22px; background:#FFFFFF;}
#timeline.owl-theme.owl-carousel .owl-item:nth-child(even) .item .handle:before{background:#FFFFFF;  height:3px; width:6px; position:absolute; top:0px; left:-1.8px; z-index:1; content:'';  }
#timeline.owl-theme.owl-carousel .owl-item:nth-child(even) .item .handle:after{background:#FFFFFF;  height:6px; width:6px; position:absolute; bottom:0px; left:-1.8px; z-index:1; content:''; border-radius:100px; }
#timeline.owl-theme.owl-carousel .owl-item:nth-child(even) .item .years .yearsText{font-size:18px; line-height:20px; font-weight:800; color:#f0781e; margin-bottom:14px; display:inline-block; vertical-align:middle; position:absolute; z-index:999;  bottom:0;}

/*.programInside p{ padding-right:60px; padding-left:60px;}
.programInside h1{ padding-right:60px; padding-left:60px;}*/
.padd01{ /*padding-left:40px; */padding-right:40px;}
.padd02{ padding-left:40px; /*padding-right:40px;*/}
.programInside .container-fluid{ padding-left:60px; padding-right:60px;}
footer .container-fluid{padding-left:60px; padding-right:60px;}
/*.carousel-caption.top{top:34.553%;}*/
.programList{ padding:0 0px}

}
 @media(max-width:1024px ) {
.yearlyProgram .programText{ left:2%;}
.yearlyProgram .buyTicketText{ right:2%; font-size:18px;}

.programList.owl-carousel .owl-stage-outer{ padding-left:0;}
.programList.owl-carousel .owl-stage .owl-item{ margin-left:0px;}
/*.programList.owl-carousel .owl-stage .owl-item:first-child{ margin-left:0px;}
.programList .owl-item:last-child .proList a{ border-right:2px solid #fff; }*/
  }
  
  
@media(min-width:768px ) and (max-width:991px ){
body.overflow-hidden {  /* when primary navigation is visible, the content in the background won't scroll */  overflow: hidden;}
.verticalnemubg .logo{ display:block;}
.top-nav-collapse .oblique-section-header{ display:none;}
#innerContent{ margin-top:60px; margin-bottom:100px;}
.listing .row.oddeven.news{ margin-top:30px;}
.navbar-collapse.collapse{ display:none !important;}
#portfolioList .portfolio-item{ height:auto;}
#InnerImage {   background-size: cover !important;}
.commonContent ul.detailsList li{ font-size:16px; line-height:22px;}
.commonContent p{font-size:14px; line-height:24px;}
.commonContent span{ font-size:18px; line-height:20px;}
.scroll-here-centre i{ font-size:50px;}
.carousel-control span.iconleftArrow, .carousel-control span.iconrightArrow{ font-size:50px;}
.ticketPrice .table > tbody > tr > td, .ticketPrice .table > thead > tr > td{ font-size:13px;}
.contactDetails h1, .commonContent h1{ font-size:30px; line-height:30px;}
.innerTab li a{ display:table; padding:10px; width:100%; line-height:16px; font-size:13px; padding:10px 10px;}
.innerTab li a span{ display:table-cell; height:35px; vertical-align:middle;}

.listing .row.oddeven .details{ padding-top:0; padding-bottom:0px;}
.listing .row.oddeven.news .details h2, .listing .row.oddeven.program .details h2{ font-size:32px; line-height:32px; margin-bottom:10px; display:block;}
.listing .row.oddeven .details span{ font-size:16px; line-height:18px;}
.listing .row.oddeven .details p{ font-size:14px; line-height:22px; margin-bottom:20px;}
.listing .row.oddeven .details .date{ font-size:13px;}
/*.listing .row.oddeven.program .date .weeklyName{ width:70px; height:70px;}*/
.listing .row.oddeven.program .date .weeklyName bdo{ font-size:30px;}

.videoImg { margin-bottom:50px; /*text-align:center;*/}

.listing .row.oddeven.news .details{ padding:100px 0 100px 30px; height:auto;}
.listing .row.oddeven.news .videoImg{ text-align:left;}
.listing .row.oddeven.program .details{padding:0px 60px 0 60px ;}
.listing .row.oddeven.program:nth-child(odd):first-child .details{ padding:0 60px 0 60px;}
.listing .row.oddeven.program .details h2{ font-size:22px; line-height:24px; margin-bottom:10px; margin-top:15px;}
.listing .row.oddeven.program .graybg{ min-height:400px;}
.listing .row.oddeven.program .date{ top:40%;}
.listing .row.oddeven.program .date .weeklyName{ width:100px; height:80px;}
.listing .row.oddeven.program .date .weeklyName bdo{ font-size:36px;}

.yearlyProgram .nav-tabs li a{ width:90px;}
/*.yearlyProgram .buyTicketText, .yearlyProgram .programText{ position:relative; display:none; left:0; width:100%; text-align:center;}*/

.infoText h2{ font-size:18px; line-height:21px;}

.infoText p{font-size:14px; line-height:16px;}
.social li a,.social.followUs li a{ height:33px; width:33px; font-size:18px;}
.social li a i,.social.followUs li a i{ font-size:18px;}
.social.followUs li a{ line-height:35px;}
.loadmore, .loadmore.largeFont{ width:auto; font-size:18px; line-height:21px;  padding:15px 20px;}

#grid figure figcaption{ padding:15px;}
figure.effect-julia img{ width:100%;}
figcaption > .details h2{ font-size:30px; line-height:30px; margin-top:0;}
figcaption .details p{ font-size:15px; line-height:18px;}
.newslatter .submitbtn, .newslatter input{ height:30px; font-size:12px;}

/*#myCarousel{ display:none;}*/

.innerTab.doubletab ul.autoCenter:before{width:24.488%; height:55px;}
.innerTab.doubletab ul.autoCenter:after{width:23.988%; height:55px;}

.innerTab.tripletab ul.autoCenter:before{ width:11.899%; height:55px;}
.innerTab.tripletab ul.autoCenter:after{ width:11.299%; height:55px;}

.categoryTabs{ display:none;}

#timeline{ display:block;}
.timelineslider{ bottom:105px; position:relative;}
#timeline .owl-stage-outer{ max-width:650px;}/**/


/*#timeline.owl-theme.owl-carousel .owl-stage{ text-align:center;}
#timeline.owl-theme.owl-carousel .owl-item{ display:inline-block; float:none;}
#timeline .owl-stage{ width:100%!important;}
#timeline{ height:30px;}

#timeline:before{height:26px; top:-30px; }
#timeline:after{height:26px; bottom:-30px;}
.timelineDots a:hover:before, 
.timelineDots a.selected:before{ margin-left:-3px;}
*/
#timeline:before{ height:30px;}
.whiteStripUp { height:26px; top:3px;}
.whiteStripDown{ height:26px; bottom:39px;}


#timeline.owl-theme.owl-carousel .owl-controls .owl-nav .owl-prev{ left:20px; top:40.3%;}
#timeline.owl-theme.owl-carousel .owl-controls .owl-nav .owl-next{ right:20px; top:40.3%;}

#timeline .timelineDots{ line-height:26px;}
#timeline.owl-theme.owl-carousel .owl-item:nth-child(odd) .item .years{ left:0; height:100px; position:absolute; /*top:-35px;*/}
#timeline.owl-theme.owl-carousel .owl-item:nth-child(odd) .item .handle{left:-8px; height:48px;  width:3px; position:absolute; bottom:22px; background:#FFFFFF;}
#timeline.owl-theme.owl-carousel .owl-item:nth-child(odd) .item .handle:before{background:#FFFFFF;  height:6px; width:6px; position:absolute; top:0px; left:-1.8px; z-index:1; content:''; border-radius:100px; }
#timeline.owl-theme.owl-carousel .owl-item:nth-child(odd) .item .handle:after{background:#FFFFFF;  height:3px; width:6px; position:absolute; bottom:0px; left:-1.8px; z-index:1; content:''; }
#timeline.owl-theme.owl-carousel .owl-item:nth-child(odd) .item .years .yearsText{font-size:18px; line-height:20px; font-weight:800; color:#f0781e; margin-bottom:-5px; display:inline-block; vertical-align:middle; position:relative; z-index:999;}

#timeline.owl-theme.owl-carousel .owl-item:nth-child(even) .item .years{ left:0; height:100px; position:absolute; /*bottom:-35px;*/}
#timeline.owl-theme.owl-carousel .owl-item:nth-child(even) .item .handle{left:-8px; height:48px;  width:3px; position:absolute; top:22px; background:#FFFFFF;}
#timeline.owl-theme.owl-carousel .owl-item:nth-child(even) .item .handle:before{background:#FFFFFF;  height:3px; width:6px; position:absolute; top:0px; left:-1.8px; z-index:1; content:'';  }
#timeline.owl-theme.owl-carousel .owl-item:nth-child(even) .item .handle:after{background:#FFFFFF;  height:6px; width:6px; position:absolute; bottom:0px; left:-1.8px; z-index:1; content:''; border-radius:100px; }
#timeline.owl-theme.owl-carousel .owl-item:nth-child(even) .item .years .yearsText{font-size:18px; line-height:20px; font-weight:800; color:#f0781e; margin-bottom:18px; display:inline-block; vertical-align:middle; position:absolute; z-index:999;  bottom:0;}

.cd-primary-nav li{ margin:28px 0;}
.cd-primary-nav a{ font-size:20px;}

/*.programInside p{ padding-right:40px; padding-left:40px;}
.programInside h1{ padding-right:40px; padding-left:40px;}*/
.padd01{ /*padding-left:30px;*/ padding-right:30px;}
.padd02{ padding-left:30px;/* padding-right:30px;*/}
.programInside .container-fluid{ padding-left:40px; padding-right:40px;}
footer .container-fluid{padding-left:40px; padding-right:40px;}
/*.mobileLogo img{ width:92%;}*/
.navbar-fixed-top{ position:absolute;}
/*.carousel-caption.top{top:26.8%;}*/
#sliders .owl-theme.owl-carousel .owl-controls .owl-nav .owl-prev{ left:3.1%;}
#sliders .owl-theme.owl-carousel .owl-controls .owl-nav .owl-next{right:3.1%;}
.carousel-caption h2{font-size:32px; line-height:32px;}
.carousel-caption h3{font-size:28px; line-height:28px;}
.carousel-caption p{ font-size:16px; line-height:18px;}
/*.logo{ text-align:center;}*/
.logo .navbar-brand{ padding-left:45px;}
.cd-primary-nav-trigger{ right:60px; top:10px;}
.contact_map{ padding:0 15px;}
/*.cd-primary-nav{ padding-left:10%; padding-right:10%;}
.cd-header{ padding-left:10%; padding-right:10%;}*/
.mobileLogo {       position: relative;    top: -14px;}
.mobileLogo img{ width:57.55%;}
.mobile_nav .logo img{ display:block;}
.verMiddle .verMiddleText { padding:100px 0;}
#innerContent.mrgNome{ margin-bottom:100px;}
.program_six{
	bottom: 0;
    display: table;
    left: 0;
    position: absolute;
    width: 100%;
	margin:0;
	 background:#F0781E; 
}
.program_six p{ margin:0; text-align:center; color:#fff; padding:15px ; font-weight:400}
.programList{ padding:0 0px}


}

@media(max-width:767px ){
body.overflow-hidden {  /* when primary navigation is visible, the content in the background won't scroll */  overflow: hidden;}
.verticalImg{top: auto; position:inherit;  -webkit-transform: translateY(0%);  -ms-transform: translateY(0%);  transform: translateY(0%); right:auto;}
.whiteStripUp, .whiteStripDown{ display:none;}
.top-nav-collapse .oblique-section-header{ display:none;}
.share{ display:none;}
#innerContent{ margin-top:50px; margin-bottom:50px;}
.commonContent{ margin-top:10px;}
.contactDetails h1, .commonContent h1{ font-size:28px; line-height:28px;}
.commonContent ul.detailsList li{ font-size:14px;}
.commonContent p{font-size:16px; line-height:24px;}
.commonContent ul.detailsList li{ font-size:16px; line-height:21px;}
.commonContent ul.detailsList li strong, .commonContent .contactDetails ul.detailsList strong{ font-size:13px;}

#portfolioList .portfolio-item{ height:auto;}
.contactDetails{ padding-left:15px; margin-bottom:60px;}
.contactUS,.newslatter{ margin-top:50px;}
#InnerImage {   background-size: cover !important;}

.innerTab li a{ display:table; padding:10px; width:100%; line-height:16px; font-size:16px;}
.innerTab li a span{ display:table-cell; height:35px; vertical-align:middle;}
.listing .row.oddeven .details{ padding:20px;}
.videoImg { margin-bottom:50px; /*text-align:center;*/}

.listing .row.oddeven.news .details{ padding:50px 0;}
.listing .row.oddeven.news .videoImg{ text-align:left;}
/*.listing .row.oddeven.program .graybg{ min-height:350px;}*/
.listing .row.oddeven.program .date{ top:34%;}
.listing .row.oddeven.program .details{ padding-right:50px; padding-left:50px;}
.listing .row.oddeven.news .details h2, .listing .row.oddeven.program .details h2{ font-size:28px; line-height:30px; margin-bottom:10px; margin-top:15px;}
.listing .row.oddeven .details strong{ font-size:12px;}
.listing .row.oddeven .details span{ font-size:16px; line-height:18px;}
.listing .row.oddeven .details p{ font-size:14px; line-height:22px; margin-bottom:20px; display:block;}
.listing .row.oddeven.program .date{ top:52.989%;}

.largeVideo .playIcon .videoplaybtn{ width:100px; height:100px; line-height:90px; top:36%;}
.largeVideo .playIcon .videoplaybtn i{ font-size:50px;}

.yearlyProgram{ bottom:15%}
.yearlyProgram .fullwidth{ padding:20px;}
.yearlyProgram .nav-tabs li a{ width:90px;}
.yearlyProgram .buyTicketText, .yearlyProgram .programText{ position:relative; display:none; left:0; width:100%; min-height:inherit; line-height:inherit;  text-align:center;}

.verMiddle .verMiddleText{ height:inherit;}


/*#myCarousel{ display:none;}*/
.social li a, .social.followUs li a{ height:33px; width:33px; font-size:18px;}
.social li a i, .social.followUs li a i{ font-size:18px;}
.social.followUs li a{ line-height:35px;}
.loadmore.largeFont{ width:100%;}
#innerContent.mrgNome{ margin-bottom:100px;}
.loadmore, .loadmore.largeFont{ font-size:18px; line-height:21px; padding:15px 20px;}
.newslatter .submitbtn, .newslatter input{ height:30px; font-size:12px;}
footer h4{ font-size:16px; line-height:20px;}
footer p{ font-size:12px; line-height:14px;}
.logoMoblieShow{ display:block!important;}
.scroll-here-centre i{ font-size:30px;}
.carousel-control span.iconleftArrow, .carousel-control span.iconrightArrow{ font-size:40px;}
.innerTab.doubletab ul.autoCenter:before{ width:24.688%; height:55px;}
.innerTab.doubletab ul.autoCenter:after{width:23.989%; height:55px;}

.innerTab.tripletab ul.autoCenter:before{ width:11.199%; height:55px;}
.innerTab.tripletab ul.autoCenter:after{ width:10.899%; height:55px;}
/*.carousel-control .fa-angle-left, .carousel-control .fa-angle-right{ font-size:50px; width:20px; height:20px;}
.carousel-control span.iconleftArrow, .carousel-control span.iconrightArrow{ font-size:50px; width:20px; height:20px;}*/
.carousel-control.left{background:none; left:20px;} 
.carousel-control.right{background:none;  right:20px;}
.categoryTabs{ display:none;}
#sliders{ position:relative;}
#timeline{ display:none!important;}
.timelineslider{ bottom:15%; position:absolute;}

.timelineDots{ margin:0;}
.listShow .oddeven{ display:none;}
.mobileFilter .form-group .filterItem{ text-align:center;}
.table-hover > tbody > tr:hover{ background:none;}
.table-hover > tbody > tr{ margin-bottom:20px;}
.ticketPrice .table > tbody > tr > td:first-child{background:#d86c1b; color:#FFFFFF;}
.ticketPrice .table > tbody > tr > td:hover:first-child{color:#FFFFFF;}
.table-hover > tbody > tr td:hover{ background:#d86c1b; color:#FFFFFF;}

/* Force table to not be like tables anymore */
#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {  display: block;  }
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr { position: absolute;  top: -9999px;        left: -9999px; }
#no-more-tables td { border: none;  border-bottom: 1px solid #eee;  position: relative;  padding-left: 50%; white-space: normal; text-align:left;  }
#no-more-tables td:before{	/* Now like a table header */	position: absolute; /* Top/left values mimic padding */	top: 6px; left: 6px;  width: 45%;  padding-right: 10px;  white-space: nowrap;        text-align:left; }
/*	Label the data	*/
#no-more-tables td:before { content: attr(data-title); }
	
.cd-primary-nav li{ margin:24px 0;}
.cd-primary-nav a{ font-size:18px;}
.commonContent, .middleSection{ min-height:inherit;}

/*.programInside p{ padding-right:20px; padding-left:20px;}
.programInside h1{ padding-right:20px; padding-left:20px;}*/
.padd01{ /*padding-left:15px;*/ padding-right:15px;}
.padd02{ padding-left:15px; /*padding-right:15px;*/}
.listing .row.oddeven.program:nth-child(odd) .date{ right:auto; top:auto; width:100%; bottom:-60px;}
.listing .row.oddeven.program:nth-child(even) .date{ left:auto; top:auto; width:100%; bottom:-60px;}
.listing .row.oddeven.program .date .weeklyName{ width:80px; height:75px; font-size:12px;}
.listing .row.oddeven.program .date .weeklyName bdo{ font-size:36px;}

#myList .oddeven{ display:none;}
#loadMore {margin-bottom:60px;}
.verticalnemubg .logo{ width:auto; display:inherit; margin-right:0;}
.mobileLogo img{ width:57%;}
.navbar-fixed-top{ position:absolute;}
.programInside .container-fluid{ padding-left:20px; padding-right:20px;}
footer .container-fluid{padding-left:20px; padding-right:20px;}
/*.carousel-caption.top{top:20.1%;}*/
#sliders .owl-theme.owl-carousel .owl-controls .owl-nav .owl-prev{ left:30px;}
#sliders .owl-theme.owl-carousel .owl-controls .owl-nav .owl-next{right:30px;}

.carousel-caption h2{font-size:32px; line-height:32px;}
.carousel-caption h3{font-size:28px; line-height:28px;}
.carousel-caption p{ font-size:16px; line-height:18px;}
/*.logo .navbar-brand{ padding-left:15px;}*/
/*.logo{ text-align:center;}*/
.logo .navbar-brand{ padding-left:45px;}
.cd-primary-nav-trigger{ right:60px; top:7px;}
.mobile_nav .logo img{ display:block;}
.contact_map{ padding:0 15px;}
.verMiddle .verMiddleText{ padding:50px 0;}

.new_pagination {
    bottom: 0;
    display: table;
    left: 0;
    position: absolute;
    width: 100%;
	margin:0;
	
}
.new_pagination > li {
    display: table-cell;
    text-align: center;
    width: 50%;
}
.new_pagination > li a{ background:#F0781E; color:#fff; display:block; width:100%; padding:15px ; font-weight:400}
.new_pagination > li:first-child a{ border-right:1px solid #fff;}
.new_pagination > li:last-child a{ border-left:1px solid #fff;}
.program_six{
	bottom: 0;
    display: table;
    left: 0;
    position: absolute;
    width: 100%;
	margin:0;
	 background:#F0781E;
	 z-index:9;
}
.program_six a{ margin:0; text-align:center; color:#fff; padding:15px ; font-weight:400; display:block;}

}

@media(max-width:549px){
.listing .row.oddeven.program .date{top:26.989%;}
.listing .row.oddeven.program .graybg img{ height:100%!important;}
}

@media(max-width:640px ){
figcaption > .details h2{ font-size:36px; line-height:36px;}
/*.commonContent{ margin-top:50px;}*/
.commonContent h1{ font-size:30px; line-height:30px; margin-bottom:10px;}
.commonContent strong{font-size:21px; line-height:21px; margin-bottom:20px;}
.commonContent p{ font-size:16px; line-height:24px; margin-bottom:30px;}
.commonContent .videoImg{ margin-bottom:50px;}
.carousel-caption h2{font-size:24px; }
.carousel-caption h3{font-size:18px; line-height:24px; margin-top:0; }
.carousel-caption p{ font-size:16px; line-height:20px;}
.carousel-caption p.smallfont{ font-size:16px; line-height:20px;}

.infoText{ left:20px; right:20px; width:auto;}
.innerTab.doubletab li{ max-width:30%;}
.infoText h2{ font-size:26px; padding-left:20px; padding-right:20px;}
.infoText p{ font-size:17px; padding-left:20px; padding-right:20px;}
#sliders #slider1, #sliders #slider2, #sliders #slider3{ margin-bottom:30px}
#sliders .owl-theme.owl-carousel .owl-controls .owl-nav .owl-prev{/* height:40px; top:42%;*/ left:30px;}
#sliders .owl-theme.owl-carousel .owl-controls .owl-nav .owl-next{/*height:30px; top:42%;*/ right:30px;}
#sliders .owl-theme.owl-carousel .owl-controls .owl-nav .owl-prev i, #sliders .owl-theme.owl-carousel .owl-controls .owl-nav .owl-next i{font-size:45px; /*line-height:35px;*/}

#myCarousel .carousel-control.left{ left:30px;}
#myCarousel .carousel-control.right{right:30px;}
#myCarousel .carousel-control.left i, #myCarousel .carousel-control.right i{font-size:45px;}

.largeVideo{  height:100%; min-height:100%; top:36%;}
.largeVideo img{ position:relative; height:400px; max-width:inherit; }

.innerTab.doubletab ul.autoCenter:before{ height:55px;}
.innerTab.doubletab ul.autoCenter:after{ height:55px;}

.innerTab.tripletab ul.autoCenter:before{ height:55px;}
.innerTab.tripletab ul.autoCenter:after{height:55px;}

.cd-primary-nav li{ margin:18px 0;}
.cd-primary-nav a{ font-size:16px;}
.mobileLogo img{ width:65%;}
.carousel-caption.top{ padding-top:8px;}
.cd-primary-nav li a{font-size:18px;}

.logo .navbar-brand{ padding-left:30px;}
.cd-primary-nav-trigger{ right:30px; top:8px;}

}

@media(max-width:639px ){
.innerTab li, .innerTab.tripletab ul li, .innerTab.doubletab ul li{ display:block; max-width:100%; width:100%; border:none;}
.innerTab.tripletab ul.autoCenter:before, .innerTab.doubletab ul.autoCenter:before{ display:none;}
.innerTab.tripletab ul.autoCenter:after, .innerTab.doubletab ul.autoCenter:after{display:none;}
nav.mobileMenu{ position:relative;}
}

@media(max-width:480px ){	
.navbar-brand img{ width:78%;}
.logo.mobileLogo{ width:auto; /*padding:0 0.7em;*/}

/*.cd-header { right:10px;}*/
.scroll-here{ bottom:20px;}
.scroll-here-centre{ height:45px; width:45px; line-height:40px;}
.scroll-here-centre i{ font-size:30px;}
.carousel-caption h2{font-size:16px; line-height:24px; }
.carousel-caption h3{font-size:14px; line-height:18px; margin-top:0; }
.carousel-caption p{ font-size:12px; line-height:16px;}
.carousel-caption p.smallfont{ font-size:12px; line-height:16px;}
.carousel-inner > .item .carousel-control .fa-angle-left{ left:15%;}
.carousel-inner > .item .carousel-control .fa-angle-right{ right:15%;}


#grid figure img{ width:auto;}
figcaption > .details h2{ font-size:26px; line-height:26px;}
figcaption .details p{font-size:18px; line-height:18px;}

.innerTab li, .innerTab.tripletab ul li, .innerTab.doubletab ul li{ display:block; max-width:100%; width:100%; border:none;}
.innerTab.doubletab:before{ display:none;}
.innerTab.doubletab:after{display:none;}
.innerTab li a{ padding:10px 10px;}
.innerTab li a span{height:25px;}


.videoImg{ margin-bottom:10px;}
.listing .row.oddeven .details{ padding:0;}
.listing .row.oddeven .details h2{ font-size:21px; line-height:21px; margin-bottom:10px;}
.listing .row.oddeven .details p{font-size:16px; line-height:24px; margin-bottom:15px;}
.listing .row.oddeven .details strong{ font-size:12px;}

.listing .row.oddeven.news .details{ padding:30px 0;}
.listing .row.oddeven .details span{font-size:20px; line-height:24px;}
.listing .row.oddeven.news .details h2{ font-size:24px; line-height:26px; margin-top:15px;}

.commonContent ul.detailsList{ margin-top:-10px;}
.commonContent ul.detailsList li{ font-size:16px;}
.commonContent ul.detailsList li strong{ font-size:13px;}
.commonContent ul.detailsList li strong span{ font-size:10px;}
.commonContent span{ font-size:20px; line-height:20px;}

.infoText{ left:20px; right:20px; width:auto; bottom:15%;}
.infoText h2{ font-size:18px; line-height:20px; padding-left:20px; padding-right:20px;}
.infoText p{ font-size:14px; line-height:16px; margin-bottom:0; padding-left:20px; padding-right:20px;}
#sliders #slider1, #sliders #slider2, #sliders #slider3{ margin-bottom:20px;}

#sliders .owl-theme.owl-carousel .owl-controls .owl-nav .owl-prev{ /*height:30px; top:40%;*/ left:10px;}
#sliders .owl-theme.owl-carousel .owl-controls .owl-nav .owl-next{/*height:30px; top:40%;*/ right:10px;}
#sliders .owl-theme.owl-carousel .owl-controls .owl-nav .owl-prev i, #sliders .owl-theme.owl-carousel .owl-controls .owl-nav .owl-next i{font-size:30px; /*line-height:30px;*/}

#myCarousel .carousel-control.left{ left:10px;}
#myCarousel .carousel-control.right{right:10px;}
#myCarousel .carousel-control.left i, #myCarousel .carousel-control.right i{font-size:30px;}

#slider1.owl-carousel .owl-controls .owl-nav .owl-prev i, 
#slider1.owl-carousel .owl-controls .owl-nav .owl-next i{ font-size:50px; color:#FFFFFF;  font-variant:300; line-height:30px;} 
#slider1.owl-carousel .owl-controls .owl-nav .owl-prev{ left:10px;}
#slider1.owl-carousel .owl-controls .owl-nav .owl-next{ right:10px;}
#slider1.owl-carousel .owl-item {float: left; min-height: 1px;    position: relative;}
#slider1.owl-carousel .owl-item .item{ display:block; width:100%;}

.ticketPrice .table > tbody > tr > td, 
.ticketPrice .table > thead > tr > td{ padding:5px; font-size:12px;}
.ticketPrice .table > tbody > tr > th, 
.ticketPrice .table > thead > tr > th{ padding:5px; font-size:12px;}

.listing .row.oddeven.program .details{ padding:30px 30px 0 30px;}
.listing .row.oddeven.program:nth-child(odd):first-child .details{ padding:30px 30px 0 30px;}
.listing .row.oddeven.program .details h2{ font-size: 30px;    line-height: 30px;    margin-bottom: 10px;}

#grid figure img{ /*max-height:250px;*/ min-height:230px; width:100%;}
figcaption > .details{ bottom:10%;}
#portfolioList .portfolio-item figure.effect-julia figcaption:hover .details{ bottom:5%;  }
figcaption > .details h2{ font-size:18px; line-height:20px;}
figcaption .details i.glyphicon-plus{ font-size:45px;}
#grid figure figcaption{ padding:15px;}
figcaption > .default{margin-top:20px;}

#innerContent{ margin-top:20px;}
.commonContent{ margin-top:10px;}
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right{ font-size:40px; width:15px; height:15px; }
.carousel-control span.iconleftArrow, .carousel-control span.iconrightArrow{ font-size:40px;/* width:15px; height:15px;*/ }
.carousel-control.left{background:none; left:5px;} 
.carousel-control.right{background:none;  right:5px;}
.timelineslider{ bottom:10%; position:absolute;}
.listing .row.oddeven .videoImg img{ height:auto; width:auto;}
.cd-primary-nav li a{font-size:14px;}
.logo{ text-align:left;}
.logo .navbar-brand{ padding-left:15px;}
.cd-primary-nav-trigger{ right:15px;}

}
 
@media(max-width:360px ){	
.cd-primary-nav-trigger{ top:0px;}
#slidelogo1.owl-carousel .owl-item, #slidelogo2.owl-carousel .owl-item, #slidelogo3.owl-carousel .owl-item{ margin:0 auto!important; float:none; display:inline-block;}
#allslides .slide_box figure{ width:280px;}
.listing .row.oddeven.program .date{ top:35%;}
.cd-primary-nav li{ margin:15px 0; }

}