/* ************* Media Queries Tablets ****************** */

@media(min-width:801px){

#nav li { margin:0px; padding:0px;}

#nav .menuIcon {right:9px; top:0px; width:20px; height:56px; margin-right:0px;}

#nav li .menuIcon { background:url(../images/down-arrow.png) no-repeat left 25px; z-index:10; }

#nav li:hover .menuIcon{ background-color:#073e74; }

}





@media only screen and (max-width:1200px) {

.logo{padding-left:0px;}

.headRight{padding-right:0px;}

}



@media only screen and (max-width: 1169px) {

.events-colmLeft{ padding-right:12px; }

.events-colmRight{ padding-left:12px; }



.faceBookArea iframe{ width:310px !important; }

}



@media only screen and (max-width: 1023px) {

}

@media (min-width:801px) and (max-width:970px){

.logo{ width:180px; }

#nav li a{padding:0 7.5px; font-size:15px;}

.header-right{padding-left:2px;}

#nav li a i.mdi-home{ font-size:19px;}

}

@media only screen and (max-width: 959px) {

.indexBanner .owl-controls .owl-nav{ padding:0 10px;}

.bannerText{ margin:10% 35px 0 0; }

.bannerText.bannerTextLeft{padding-left:20px;}



.mainContent .row{ margin-bottom:0px; }

.mainContent .cols8{width:100%;}

.mainContent .cols4{width:100%;}

.homeRight{margin-top:29px;}

.homeRight ul{ padding:0px;}



.eventList ul li{ margin-bottom:14px;}

.events .cols6{ padding:0 15px;}

.eventLalest img{ width:50%;}

.eventLalest .eventText{ margin-left:-50%; padding-left:54%;}

}

@media only screen and (max-width:900px) {

.newUpdate .cols8{width:100%;}

.newUpdate .cols4{width:100%;}

.newUpdate .pressRelease{ margin-top:30px; }



/*****Speech Detail Page *****/

.single-post .cols9{ width:100%;}

.single-post .cols3{ width:100%;}

.sidebar{border-top:5px solid #ccc; margin-top:2px; padding-top:15px;}

.sidebar .speechesIcons ul{ width:100%;}

/*****Speech Detail Page *****/

}

@media only screen and (max-width: 819px) {



}



@media only screen and (min-width: 801px) {#nav ul {display:block !important;}}



@media only screen and (max-width: 800px) {

/*Navigation*/

body{padding-top:0px;}

header{position:relative;}

.toggleMenu .mobileMenu{display:none; outline:0px !important;}

.mainNavigation{position:static;}

.menuPart{}



#nav {display:none;position:absolute;left:0;right:0;background:#073e74; z-index:9; top:56px;}

#nav ul{background:#333; }

.toggleMenu, #nav .menuIcon {display:block;}

#nav li {float:none;display:block;border:none;}

#nav li a{border-top:1px solid #002d63}

#nav li.parent {position:relative;}

#nav li .menuIcon, #nav li li .menuIcon {width:46px; height:auto; background-color:#002d63; background-color: rgba(0, 45, 99, 0.5); background-image:url(../images/down-arrow.gif); background-repeat:no-repeat; background-position:center 15px; position:absolute;right:0;top:0;bottom:0;cursor:pointer;}

#nav li .menuIcon.active, #nav li li .menuIcon.active {background-color:#002d63; background-color: rgba(1, 36, 78, 0.5); height:40px;}

#nav li > a:hover, #nav li.hover > a, #nav li.active > a, #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a {background-color:#002d63;color: #fff;}

#nav ul li:hover a{background-color:#e9e9e9 !important; color:#073e74 !important;}

#nav ul {width:100%;display:none;position:static;transition:none;-webkit-transition:none;}

.hasJS #nav ul{opacity:1;}

#nav li ul li, #nav ul a {width:100%}

#nav > li:hover > ul, #nav li li:hover > ul, #nav li li li:hover > ul {display:none;}

#nav ul, #nav *:hover ul ul, #nav .hover ul ul, #nav .focus ul ul {margin-left:0;}

#nav li a {padding-left:15px;padding-right:15px;display:block;line-height:40px;font-size:14px;}

#nav li ul li a {padding:7px 55px 7px 25px; display:block;line-height:21px; background:url(../images/right-arrow.gif) no-repeat 15px 15px;color:#fff;border:none}

#nav li ul li ul li a {padding-left:45px;background-position:33px center}

#nav li ul li ul li ul li a {padding-left:60px;background-position:45px center}

#nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a {background-color:#305d93;color: #fff;}

#nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a {background-color:#305d93;color: #fff;}



/*Responsive Table*/

.responsiveTable, .responsiveTable tr, .responsiveTable td, .responsiveTable td:before { display:block; text-align:left; border:none;	/* Converts a table, table row, table column and table column:before into a block element */ }

.responsiveTable, .responsiveTable tr, .responsiveTable td:last-child { border-bottom:none; }

.responsiveTable thead, .responsiveTable tr th { position:absolute;	/* Hides table head but not using display none */ top:-1000em; left:-1000em; }

.responsiveTable tr { border:1px solid #eeeeee; border-bottom:2px solid #eeeeee;  margin:0 0 20px; }

.responsiveTable tr td:nth-child(1) { /* first column of the row */ border-left:none;}

.responsiveTable tr td:last-child { /* last column of the row */ border-right:none; }

.responsiveTable tr:last-child .td, .responsiveTable td { /* Column in the last row and column */ border-bottom:1px solid #eeeeee; }

.responsiveTable td:before { /* prints the value of data-label attribute before the column data */ font-weight:bold; padding-right:20px; line-height:27px; color:#174471; content:" "attr(data-label)"";	/* call the attribute value of data-label and adds a string // */ }

.responsiveTable tbody {display:block;}

.responsiveTable tr td {padding:5px 15px; width:auto !important;}





.events { padding-bottom:0px;}

.events .cols6{width:100%;}

.events .events-colmLeft{ margin-bottom:14px;} 

.events-colmLeft{ padding-right:12px; width:100%; }

.events-colmRight{ padding-left:12px; width:100%;}





/************************************/

.programSchedule{ padding:0 15px; }

.programSchedule h3{ text-align:left; font-size:22px;}

.programSchedule h3:after{ margin:0px;}

.programScheduleList{ margin-top:50px;}

.programScheduleList .Day1 .rightBox, .programScheduleList .Day3 .rightBox{ padding-left:0px;}

.programScheduleList .title{ position:relative; text-align:left !important; width:auto;}

.programScheduleList .rightBox .bullete{ position:relative; float:left; left:0px; margin-left:0px;}

.programScheduleList .Day2 .hrsSchedule, .programScheduleList .Day4 .hrsSchedule{ padding-right:0px; text-align:left;}

.programScheduleList .rightBox{ padding-bottom:25px;}

.programScheduleList:after{ display:none;}

.programScheduleList .Day1 .rightBox .middle{display:none;}

.programScheduleList .Day2 .rightBox .middle{display:none;}

.programScheduleList .Day3 .rightBox .middle{display:none;}

.programScheduleList .Day4 .rightBox .middle{display:none;}

.programScheduleList h2{ font-size:26px;}

.programScheduleList .rightBox .bullete{ height:23px; width:23px; top:-23px; margin-right:8px;}

.programScheduleList .Day1 .title, .programScheduleList .Day3 .title{ margin-bottom:10px;}

.programScheduleList .Day2 .title, .programScheduleList .Day4 .title{ margin-bottom:10px;}

/***********************************/

.journeyHighlight{ margin:0px;}



/**Grid Group**/

.grid-group.no-sidebar{ padding:0 20px; }

.grid-group .grid-item{ width:100%; margin:0 0 20px; }

/**Grid Group**/



.entry-content iframe{height:400px !important;}
.downloadCenter-item{width: 33.33%;}
}

@media only screen and (max-width: 768px) {

.r-tabs .r-tabs-nav {display: none;}

.r-tabs .r-tabs-accordion-title {display: block;}

.innerBannerText h2{ max-width:500px;}

.SocailArea .cols4{ width:100%; margin-bottom:30px; }

footer .cols6{ width:100%;}

.faceBookArea, .videoArea, .twitterArea{background:none; width:-moz-fit-content; width:-webkit-fit-content; width:fit-content;} 
.faceBookArea{ margin:0 auto;}

.SocailArea{ margin-bottom:25px; }

.footerLeft{float:none; text-align:center;}

.copyRight{ padding:5px 0 7px;}



.footerRight{float:none; text-align:center; padding-top:15px; border-top:1px solid #eee; margin-top:15px; }

.footerLink ul li{ float:none; display:inline-block; margin:0 2px;}

.getSocail ul li{ float:none; display:inline-block;}

.getSocail ul{ padding-bottom:0px; padding-top:5px; }



/**Tab Acc**/

.pressRelease .tabContainer .r-tabs-anchor{color:#313131; text-shadow:0 0 0 #313131; outline:none; font-family:'roboto_slabregular'; font-size:16px; font-weight:normal; border:0px solid #e2e2e9;}

.pressRelease .tabContainer .r-tabs-accordion-title .r-tabs-anchor{ background:#f1f1f3; border:1px solid #e2e2e9; }

.pressRelease .tabContainer .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{ background:#fff;  border:1px solid transparent; color:#313131;}

.slideBottom{bottom:2px; right:2px; left:2px; border:1px solid #e2e2e9;}

.tabContent .playPause{bottom:8px;}

.pressRelease .tabContent{ padding-bottom:40px;}

.resTab .r-tabs-panel.r-tabs-state-active{ position:relative;}

/**Tab Acc**/



body.error404 .error-404{padding-bottom:200px;}

}

/* ************* Mobiles Media Queries ****************** */

@media (max-width: 767px) {

.formList .boxs > li, .formList .boxs > div {float:none; width:100%;}

.width50p {width:100%;}



/**Banner CSS**/

.bannerText{ max-width:360px; margin:14% 30px 0 0;}

.bannerText h1{ font-size:40px; margin-bottom:15px; line-height:40px;}

.bannerText p{ font-size:16px; margin-bottom:35px;}

.innnerBanner{ height:200px;}
.innerBannerText h2{ padding-top:45px;}

/**Banner CSS**/



ul.achievements{ padding-left:0px;}

.achievements li{background:#f2f2f2; border-top:0px solid #ccc; border-radius:0px 0 0 0px; -webkit-border-radius:0px 0 0 0px; -moz-border-radius:0px 0 0 0px; padding:10px 15px 20px; text-align:center; margin-top:60px; margin-bottom:30px;}

.achievements li span.boxIcon{ float:none; margin:-60px auto 5px; display:table; border-width:5px;}

.achievements li span.listContnt{display:block; vertical-align:inherit; width:100%;}



}



@media (max-width: 639px) {

.indexBanner .bannerImg{ display:block;}

.indexBanner .sliderBanner .item{ height:auto; background-image:none !important;}

.bannerText{margin:0 !important; padding:20px 20px; max-width:100%; background:#666; position:relative;}

.bannerText h1{font-size:25px; line-height:25px; margin-bottom:10px;}

.bannerText p{font-size:14px; line-height:18px; margin-bottom:15px;}

.achievementsBtn { margin-bottom:10px;}

.achievementsBtn a{ padding:6px 12px; font-size:14px;}

.innerBannerText h2{font-size:22px; line-height:22px; }

.speechesIcons{margin-top:0px;}



.breadcrumb{ display:none;}

.innnerBanner{ height:144px;}

.innerBannerText h2{ padding-top:60px;}

	

.formList .boxs {margin-left:0;}

.formList .box {float:none; width:auto; margin-left:0;}



.newsUpdates ul li{ width:100%; border-bottom:2px solid #ddd; padding-bottom:10px; margin-bottom:10px;}



.eventList ul li img{ width:75px; }

.eventList ul li .eventText{margin-left:-75px; padding-left:90px; padding-right:0px; }



.eventLalest img{ width:150px; }

.eventLalest .eventText{ margin-left:-150px; padding-left:165px; }

.eventLalest h4{margin-top:0px;}

.videoArea ul li a.title{ padding:14px 15px;}



.selectedQuotes ul li .quoteContent{ padding:18px 28px; }



.eventList ul li{ width:100%;}

}





@media only screen and (max-width:580px){

/*.indexBanner .bannerImg{ display:block;}

.indexBanner .sliderBanner .item{ height:auto; background-image:none !important;}

.bannerText{margin:0 !important; padding:20px 20px; max-width:100%; background:#666; position:relative;}

.bannerText h1{font-size:25px; line-height:25px; margin-bottom:10px;}

.bannerText p{font-size:14px; line-height:18px; margin-bottom:15px;}

.achievementsBtn { margin-bottom:10px;}

.achievementsBtn a{ padding:6px 12px; font-size:14px;}

.innerBannerText h2{font-size:22px; line-height:22px; }*/









.gform_wrapper ul li.gfield{width:100%;}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required{width:100%; padding:0 15px !important;}



.ssba_sharethistext{display:block;}

.ssba.ssba-wrap{padding-top:10px;}

.ssba img{ width:32px !important;}



.entry-content iframe{height:300px !important;}

.grid-group .grid-item{ padding:0px;}
.grid-group .grid-item .entry-content{ padding:10px 15px; }
.grid-group .grid-item .entry-header h2.entry-title{font-size:15px;}
.grid-group .grid-item .itemImg .post-thumbnail + .entry-header{ padding:12px 10px;}

.downloadCenter-item {width: 50%;}
}



@media only screen and (max-width: 479px) {

.logo{ float:none; text-align:center; width:100%; padding-top:10px;}

.headRight{ float:none; margin:0 auto; display:table;}

#nav { top:95px;}

.header-right{ padding-left:10px;}





.indexBanner .owl-controls .owl-nav{ padding:0 5px;}

.bannerText h1{font-size:22px; line-height:22px; margin-bottom:10px;}

.innnerBanner{ height:110px;}

.innerBannerText h2{ padding-top:43px;}



.page-template .gform_wrapper .ginput_complex .ginput_left{ width:100%; padding-right:0px;}

.page-template .gform_wrapper .ginput_complex .ginput_right{ width:100%; padding-left:0px;}



/**Grid Group**/

.grid-group .grid-item .itemImg{ overflow:visible; }

.post.type-post .post-thumbnail{ overflow:hidden; display:block; margin-bottom:0px;}

.grid-group .grid-item .itemImg .post-thumbnail + .entry-header{ position:relative;}

/**Grid Group**/



.journeyHighlight{padding:15px 20px 20px 20px; font-size:16px; line-height:20px;}

.journeyHighlight:before{ position:relative; height:80px; margin:-15px 15px 5px -20px; border-bottom:3px solid #fff;}





.achievements li span.listContnt{font-size:16px;}



.breadcrumb{ margin-top:18px;}



.ErrorPage h1{ font-size:160px; line-height:160px;}



.wp-pagenavi span.pages{ display:table; margin:0 auto 2px;}

} 



@media only screen and (max-width:400px) {

.eventLalest img{ width:90px; }

.eventLalest .eventText{ margin-left:-91px; padding-left:105px; }



.bannerText p{}

.innnerBanner{ height:80px;}

.innerBannerText h2{ padding-top:28px; font-size:18px; }



.entry-content iframe{height:250px !important;}

}



@media only screen and (max-width: 359px) {

.faceBookArea iframe{ width:290px !important; }

}