/*dont show this in desktop/mobile*/
.disable-in-iPad {
  display: none;
}

/*only Ipad both portrait and landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){
  /*hides everything*/
  .page-wrap{
    display: none;
  }
  .disable-in-iPad {
    display: table;
    height: 100%;
    width: 100%;
    position: absolute;
  }
  .disable-in-iPad .section-content {
    display: table-cell;
    text-align: center;
  }
  .disable-in-iPad .section-content .logo{
    margin-top: 30px;
    margin-bottom: 230px;
  }
  
  .disable-in-iPad .section-content .text {
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 6px;
  }
}

body{
  font-family: 'Roboto', sans-serif;
}

html,body{
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: 400;
}
.page-wrap{
  height: 100%;
  position: relative;
}
.navbar {
  margin-bottom: 0px;
}
.defencejp-navbar {
  z-index: 900;
  top: 0;
  width: 100%;
  height: 77px;
  background-color: transparent;
  border-color: transparent;
  background-color: #FFFFFF;  font-family: 'Roboto Slab', serif;
  border-bottom: 2px solid #1C8188;
}
.defencejp-navbar .navbar-header {
  /* margin-left: 5%; */
  /* margin-right: 13px; */
}
.defencejp-navbar .navbar-header .defencejp-logo {
  /* margin: 0 15px; */
  /* margin-top: 10px; */
}
.defencejp-navbar .navbar-header .defencejp-logo .logo-header {
  padding: 0;
}
.defencejp-navbar .navbar-header .defencejp-logo .logo-header .img-defencejp-logo {
  height: 75px;
}
.defencejp-navbar .navbar-collapse {
  overflow: hidden;
  margin-right: 10%;
  background-color: rgba(255,255,255,.9);
}
.defencejp-navbar .navbar-collapse .navbar-nav {
  float: left;
  margin: 0;
}
.defencejp-navbar .navbar-collapse .navbar-nav li {
  float: left;
  -webkit-transition: all 250ms 0ms ease-in-out;
  -moz-transition: all 250ms 0ms ease-in-out;
  -ms-transition: all 250ms 0ms ease-in-out;
  -o-transition: all 250ms 0ms ease-in-out;
  transition: all 250ms 0ms ease-in-out;
}
.defencejp-navbar .navbar-collapse .navbar-nav li a {
  cursor: pointer;
  color: #0B0B0B;
  font-size: 17px;
  font-weight: 400;
  text-transform: none;
  margin: 18px 25px;
  padding: 0;
}
.defencejp-navbar .navbar-collapse .navbar-nav li a:hover {
  color: #000;
}
.defencejp-navbar .navbar-collapse .navbar-nav li:hover {
  background-color: #eee;
}
.defencejp-navbar .navbar-collapse .navbar-nav.left li {
  margin: 0 1px;
}
.defencejp-navbar .navbar-collapse .navbar-nav.right {
  float: right;
}
.defencejp-navbar .navbar-collapse .navbar-nav.right .demo {
  line-height: 0;
  padding: 16px 8px;
  vertical-align: middle;
  margin-top: 11px;
  background-color: #00BDB3;
  color: #fff;
  border-radius: 2px;
  margin-right: 25px;
  text-transform: uppercase;
  font-family: GothamBold;
}
.btn-ask-for-demo{
  padding: 8px 8px;
  background-color: #00BDB3;
  color: #fff;
  border-radius: 2px;
  text-transform: uppercase;
  display: inline-block;
  font-family: GothamBold;
  cursor: pointer;
  -webkit-transition: all 250ms 0ms ease-in-out;
  -moz-transition: all 250ms 0ms ease-in-out;
  -ms-transition: all 250ms 0ms ease-in-out;
  -o-transition: all 250ms 0ms ease-in-out;
  transition: all 250ms 0ms ease-in-out;
}
.btn-ask-for-demo:hover{
  background-color: #01B1A7;
  text-decoration: none;
  color: #fff;
}
.defencejp-navbar .navbar-collapse .navbar-nav.right .demo:hover {
  background-color: #01B1A7;
}
.defencejp-navbar .navbar-collapse .navbar-nav.right .signup {
  line-height: 0;
  padding: 15px 20px;
  vertical-align: middle;
  margin-top: 9px;
  border: 1px solid #26AC4A;
  color: #26AC4B;
  margin-right: 10px;
  border-radius: 2px;
}
.defencejp-navbar .navbar-collapse .navbar-nav.right .signup:hover {
  background-color: #04C83A;
  color: #fff;
}
.defencejp-navbar .navbar-collapse .navbar-nav.right .demo,
.defencejp-navbar .navbar-collapse .navbar-nav.right .signup {
  -webkit-transition: all 250ms 0ms ease-in-out;
  -moz-transition: all 250ms 0ms ease-in-out;
  -ms-transition: all 250ms 0ms ease-in-out;
  -o-transition: all 250ms 0ms ease-in-out;
  transition: all 250ms 0ms ease-in-out;
}
.defencejp-navbar .navbar-collapse .navbar-nav.right li:hover {
  background-color: transparent;
}
.defencejp-navbar .navbar-collapse .navbar-nav.right li:hover {
  background-color: transparent;
}
.defencejp-navbar .navbar-collapse .navbar-nav.right .dropdown-menu {
  padding: 0;
  border-radius: 0;
  min-width: 0;
}
.defencejp-navbar .navbar-collapse .navbar-nav.right .dropdown-menu li a {
  line-height: 3;
}
.defencejp-navbar .active-link {
  background-color: #eee;
}
.defencejp-navbar .active-link a {
  color: #000 !important;
}
.defencejp-navbar.scrolled {
  background-color: rgba(244,242,242,0.98);
  box-shadow: 1px 1px 10px #D8D8D8;
}
.defencejp-navbar .navbar-toggle {
  margin-top: 18px;
  margin-bottom: 0;
  margin-right: 5%;
}


/**/
.landing-bg{
  position: relative;
  overflow: hidden;
  background-color: red;
  width: 100%;
  display: table;
  background: url(../images/landing_cover_500x676.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*height: 84%;*/
  /*IE fix. It doesn't take calc.*/
  height: 92%\9;
  /*For other browsers except IE*/
  height: calc(100% - 77px);
  height: -webkit-calc(100% - 77px);
  height: -moz-calc(100% - 77px);
  height: -o-calc(100% - 77px);
  height: -ms-calc(100% - 77px);
  border-bottom: 2px solid #fff;
}
.virtual-tour img{
    height: 70px;
    width: 70px;
    display: block;
}
.virtual-tour .admission-link{
    font-size: 15px;
    color: #008080;
    font-family: 'Roboto Slab', serif;
}
.virtual-tour{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 5px;
    width: 100%;
    padding: 15px 15px 0;
    flex-direction: column;
}
.scroll-on{
  display: none;
  text-align: center;
  vertical-align: middle;
  bottom: 11%;
  left: 30%;
  background-color: rgba(150,59,74,.8);
  padding: 5px 22px;
  border-radius: 30px;
  font-family: 'Roboto Slab', serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0 auto;
  cursor: pointer;
  position: absolute;
  color: #148887;
  color: #E0E4D5;
}
.scroll-on:focus{
  text-decoration: none;
  color: #fff;
}
.scroll-on .arrow{
  background: url('../images/bottom-arrow.png') no-repeat center center transparent;
  height: 12px;
  margin-top: 2px;
  /* opacity: 0; */
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.box-module{
    width: 100%;
    overflow: hidden;
    background-color: #FFFFFF;
    padding-bottom: 50px;
}
.box-module .pillar{
    width: 50%;
    float: left;
    padding: 2px;
}
.box-module .pillar:nth-child(2n){
  padding-right: 0;
}
.box-module .pillar:nth-child(2n+1){
  padding-left: 0;
}
.box-module .pillar .photo{

}
.box-module .pillar .photo img{
    width: 100%;
    height: auto;
}
.box-module .pillar .headline{
  background-color: #333;
  padding: 3%; 
  text-transform: uppercase;
  text-align: center;
  font-size: 1.3em;
  font-weight: 600;
  font-family: 'Roboto Slab', serif;
}
.box-module .pillar .headline.about-us{
  background-color:#008080;
  color: #fff;
}
.box-module .pillar .headline.activities{
  background-color:#ACE3FF;
  color: #333;
}
.box-module .pillar .headline.tour{
  background-color: #FF7575;
  color: #fff;
}
.box-module .pillar .headline.academics{
  background-color: #BAFF75;
  color: #333;
}
.box-module .pillar .headline.pre-school{
  background-color: #FF7A21;
  color: #fff;
}
.box-module .pillar .headline.contact{
  background-color: #8B78A2;
  color: #fff;
}
/**/
/*about page*/
.about-us-container{
  width: 100%;
  margin-top: 15px;
}
.about-us-container .about-module{
  width: 85%;
  margin: 0 auto;
  border-bottom: 2px solid #E1E1E1;
  padding: 18px 0;
  display: block;
}
.about-us-container .about-module .part{
  display: inline-block;
  vertical-align: top;
}
.about-us-container .about-module .part.one{
  width: 16%;
  margin-right: 3%;
  margin-top: -5px;
}
.about-us-container .about-module .part.one img{
  width: 45px;
  height: auto;
}
.about-us-container .about-module .part.two{
  width: 79%;
}
.about-us-container .about-module .part.two .title{
  color: #008080;
  font-size: 18px;
  font-weight: bold;
}
.about-us-container .about-module .part.two .sub-title{
  color: #333;
  font-size: 15px;
  margin-top: 8px;
}
.about-us-container .about-module .part.two .read-more{
  color: #333;
  padding: 2px 8px;
  display: inline-block;
  border: 1px solid #B4B2B2;
  margin-top: 10px;
}

/*strategy page*/
.strategy-container{
  position: relative;
  min-height: 125px;
}
.strategy-container .page-cover img{
  height: 60px;
  width: 100%;
}
.strategy-container .text{
  background-color: #595959;
  color: #fff;
  font-size: 15px;
  position: absolute;
  top: 25px;
  width: 80;
  margin: 0 12px;
  font-family: 'Roboto', serif;
  padding: 5px 10px;
}
.strategy-container .quote{
  font-style: italic;
  margin-bottom: 5px;
}
.strategy-container .person-name{
  text-align: right;
}
.team-container{
  margin: 0 12px;
}
.team-container .member{
    margin-bottom: 15px;
}
.team-container .member .part{
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}
.team-container .member .photo img{
  height: auto;
  width: 100px;
}
.team-container .member .desc .name{
  color: #9E4934;
  font-size: 16.5px;
  margin-bottom: 4%;
  font-weight: bold;
  font-family: 'Roboto Slab', sans-serif;
}
.team-container.on-leadership-page .member .part{
  vertical-align: middle;
}
.team-container .member .desc .tag{
  font-size: 14px;
  margin-bottom: 4%;
}
.additional-text{
  background-color: #F3E16B;
  margin: 12px;
  margin-bottom: 20px;
  padding: 8px;
  color: #333;
}
.additional-text.leadership{
  background-color: #595959;
  color: #fff;
  margin-top: 0;
}

/*leadership page*/
.on-leadership-page .photo img.hack-break{
  width: 140px;
}
.on-leadership-page .member{
  margin-bottom: 2px;
}
.leadership-cover{
    margin-bottom: 20px;
}
.leadership-cover img{
  width: 100%;
}

/*tour page*/
.page-photographs{
  width: 100%;
}
.page-photographs .chapter img{
  width: 100%;
  height: auto;
  border-bottom: 1px solid #fff;
}
.page-photographs.p-s .chapter img{
  border-bottom: none;
}

.page-photographs .text-cover{
  color: #fff;
  font-size: 18px;
  padding: 5px;
  text-align: center;
}
.page-photographs .text-cover.orange{
  background-color: #FF3410;
}
.page-photographs .text-cover.purple{
  background-color: purple;
}
.page-photographs .text-cover.green{
  background-color: #008000;
}
.page-photographs .text-cover.light-red{
  background-color: #9E4934;
}
.page-photographs .text-cover.blue{
  background-color: #5503A7;
}
.page-photographs .text-cover.yellow{
  background-color: #FF6600;
}
.page-photographs .text-cover.red{
  background-color: #FF3410;
}

/*methodology page*/
.methodology-cover{
    background-color: #4ECB68;
}
.metho-depth{
  background-color: #4FAAF0;
  padding-bottom: 25px;
}
.metho-pictures{
  position: relative;
  height: 56px;
  padding-top: 7px;
}
.metho-pictures .photo{
  position: absolute;
}
.metho-pictures .photo.left{
  left: 0;
}
.metho-pictures .photo.right{
  right: 0;
}
.metho-title{
  font-size: 22px;
  color: #fff;
  font-family: 'Roboto Slab', serif;
  text-align: center;
  padding: 20px 4% 0px;
}
.metho-subtitle{
  color: #fff;
  font-size: 15px;
  text-align: center;
  margin: 10px 5%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 7px 0;
}
.heuac{
    padding: 5px 5% 5%;
}
.heuac div{
  font-family: 'Roboto Slab', serif;
  color: #fff;
  font-size: 18px;
  margin: 5%;
  padding: 5px;
  text-align: center;
  border-radius: 20px;
}
.heuac .h{
  background-color: #D64937;
}
.heuac .e{
  background-color: #5520E9;
}
.heuac .u{
  background-color: #634F0A;
}
.heuac .a{
  background-color: #E92053;
}
.heuac .c{
  background-color: #303031;
}

/*Contact Page*/

.contactblkbg {
  width: 100%;
  clear: both;
  display: block;
  background-color: #f5f4f3;
  float: left;
}
.contactblk {
  width: 92%;
  margin: 0 auto;
}
.contactblk p {
  width: 100%;
  font-size: 17px;
  color: #7a726a;
  font-family: 'Roboto Slab', serif;
  line-height: 33px;
  margin: 0 auto;
  padding-top: 20px;
  text-align: center;
}
.contactblk span {
  font-size: 19px;
  color: #000;
}
.contactblkbg h4 {
  background: none repeat scroll 0 0 #b0acaa;
  border-radius: 5px;
  color: #fff;
  display: block;
  margin: 35px auto 20px;
  padding: 5px 1px;
  text-align: center;
  text-transform: uppercase;
  width: 220px;
  font-family: 'Roboto Slab', serif;
}
div.wpcf7 {
width: 88%;
margin: 0 auto !important;
display: block;
padding: 0 !important;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
.wpcf7-form {
display: block !important;
float: none !important;
margin: 0 auto !important;
width: 100% !important;
}
.wpcf7-form p {
  color: #999;
  display: inline-block;
  float: left;
  font-family: dosis;
  font-size: 18px;
  width: 100%;
  margin-left: 3px;
  margin-top: 0px;
  font-family: 'Roboto Slab', serif;
}
span.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-form-control-wrap select {
  background-color: #fff;
  border: 1px solid #A9A9A9;
  color: #999;
  padding: 8px !important;
  width: 98% !important;
}
span.wpcf7-form-control-wrap select option{
  font-size: 12px !important;
  width: 100%;
}
.wpcf7-form input[type="submit"] {
  background-color: #963b4a;
  border: medium none;
  border-radius: 3px;
  color: #fff;
  display: block;
  float: none;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  /* float: right; */
  /* margin-right: 17px; */
  padding: 5px 70px;
  position: relative;
  text-transform: uppercase;
  margin: 0 auto;
}
div.wpcf7 img.ajax-loader {
  border: none;
  vertical-align: middle;
  margin-left: 4px;
}
.wpcf7 .contact-box{
  width: 98%;
}

/*activities page*/

.activities {
  background-attachment: fixed;
  background-size: 100% auto;
  clear: both;
  display: block;
  width: 100%;
  background-color: #CFD2E1;
}
.activities .container {
  margin: 0 auto;
  /* clear: both; */
  display: block;
  width: 100%;
  background-image: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  background:#ffffff;
  /* z-index: 111111; */
}
.activitestright {
  width: 100%;
  display: inline-block;
  float: right;
  padding-bottom: 20px;
  padding-top: 22px;
}
.activitesbox {
  margin: 5% 0% 3% 11%;
  width: 33%;
  float: left;
  display: inline-block;
  position: relative;
}
.activitesboximg {
  height: auto;
  width: auto;
  position: relative;
  z-index: 0;
  text-align: center;
}
.activitesboximg img {
  width: 100%;
  height: auto;
}
.activitesboximg span {
  color: #fff;
  /* padding: 2px 8px; */
  display: inline-block;
  margin-top: 5px;
  background-color: #378580;
  font-size: 13px;
  width: 100%;
  min-height: 30px;
  line-height: 12px;
  /* vertical-align: top; */
  display: -webkit-box;  -webkit-box-pack:center;  -webkit-box-align:center;
  /* Internet Explorer 10 */  display: -ms-flexbox;  -ms-flex-pack:center;  -ms-flex-align:center;    /* Firefox */  display:-moz-box;  -moz-box-pack:center;  -moz-box-align:center;    /* Safari, Opera, and Chrome */  display:-webkit-box;  -webkit-box-pack:center;  -webkit-box-align:center;    /* W3C */  display:box;  box-pack:center;  box-align:center;
  opacity: .9;
}


/*Cultural page*/

.cultural-folder{
  display: block;
  clear: both;
  cursor: pointer;
  background: #635b5b;
  border-radius: 10px;
  padding: 25px 0px 5px 0;
  text-align: center;
  width: 76%;
  height: 36%;
  margin: 6% 12% 0%;
}
div.cultural-folder img.displayImage{
  width: auto;
  height: 81%;
  margin: auto auto 5px;
  max-width: 205px;
}
div.folderName{
  width: 90%;
  margin: auto;
  text-align: center;
  height: 27px;
  overflow: hidden;
}
div.folderName span{
  color: #ffffff;
  font-size: 18px;
}

/*Academics page*/

.academics-us-container{
  width: 100%;
  margin-top: 15px;
}
.academics-us-container .academics-module{
  width: 85%;
  margin: 0 auto;
  border-bottom: 2px solid #E1E1E1;
  padding: 18px 0;
  display: block;
}
.academics-us-container .academics-module:last-child{
  border-bottom: none;
}
.academics-us-container .academics-module .part{
  display: inline-block;
  vertical-align: top;
}
.academics-us-container .academics-module .part.one{
  width: 16%;
  margin-right: 3%;
  margin-top:-10px;
}
.academics-us-container .academics-module .part.one img{
  width: 45px;
  height: auto;
}
.academics-us-container .academics-module .part.two{
  width: 79%;
}
.academics-us-container .academics-module .part.two .title{
  color: #008080;
  font-size: 18px;
  font-weight: bold;
}
.academics-us-container .academics-module .part.two .sub-title{
  color: #333;
  font-size: 15px;
  margin-top: 8px;
}
.academics-us-container .academics-module .part.two .read-more{
  color: #333;
  padding: 2px 8px;
  display: inline-block;
  border: 1px solid #B4B2B2;
  margin-top: 10px;
}
.cbse-container{
  height: 100vh;
  padding: 0 20px;
}
.cbse-container ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.cbse-container ul li{
  background: #fff;
  border: 1px solid #ececec;
  margin-bottom: 10px;
  padding-left: 50px;
  border-radius: 2px;
  position: relative;
}
.cbse-container ul li:before{
  content: '';
  position: absolute;
  left: 10px;
  top: 0px;
  width: 30px;
  height: 100%;
}
.cbse-container ul li.folder:before{
  background: url(../images/folder.png) no-repeat center center;
  background-size: contain;
}
.cbse-container ul li.file:before{
  background: url(../images/file.png) no-repeat center center;
  background-size: contain;
}
.cbse-container ul li a{
  padding: 10px 0;
  display: block;
}
.cbse-container:before {
  content: "";
  background: url(../images/cbse.jpeg) no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  opacity: 0.1;
  z-index: -1;
}

/*curriculum page*/
.page-wrap.curriculum-page{
   background-color: #dddddf; 
   min-height: 600px;
}
.curriculum-cover img{
  width: 100%;
}
.curriculum-body{
  position: absolute;
  top: 0;
  margin-top: 92%;
}
.curriculum-cover .curriculum-body ul{
  list-style-type: none;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  margin: 0;
  padding: 0;
  text-align: center;
}
.curriculum-cover .curriculum-body ul li{
  /* float: left; */
  display: inline-block;
  margin: 2%;
}
.curriculum-cover .curriculum-body ul li a{
  background-color: rgba(200,117,96,.85);
  color: #000000;
  display: table;
  font-size: 21px;
  text-align: center;
  text-decoration: none;
  width: 85px;
  height: 40px;
  /* vertical-align: initial; */
  display: -webkit-box;  -webkit-box-pack:center;  -webkit-box-align:center;    /* Internet Explorer 10 */  display: -ms-flexbox;  -ms-flex-pack:center;  -ms-flex-align:center;    /* Firefox */  display:-moz-box;  -moz-box-pack:center;  -moz-box-align:center;    /* Safari, Opera, and Chrome */  display:-webkit-box;  -webkit-box-pack:center;  -webkit-box-align:center;    /* W3C */  display:box;  box-pack:center;  box-align:center;
}
/*curriculam sub page page*/
.curr-sub{
  display: inline-block;
}
.curr-sub ul{
  list-style-type: none;
}
.curr-sub ul li{
  background-color: rgba(200,117,96,.85);
  display: block;
  font-size: 21px;
  margin: 5px;
  padding: 12px 15px;
  text-align: center;
  text-decoration: none;
  width: auto !important;
  color: #000;
  border-radius: 5px;
}
.curr-sub ul li a{
  color: #fff;
  font-size: 21px;
  margin: 5px;
  text-align: center;
  text-decoration: none;
  width: 75px;
  display: initial;
  padding: 0px;
}
.syllabus{
    overflow: hidden;

}
.syllabus li{
    margin: 12px 10px 0 15px;;

}
.syllabus li a{
    background-repeat: no-repeat;  
    color: #333;  
    font-size: 18px;  
    text-align: left;  
    text-decoration: none !important;
    font-weight: 600;
    font-family: 'Roboto Slab', serif;;
}



@media only screen and (max-width: 1000px) {
  .defencejp-navbar .navbar-header {
    /* margin-left: 10%; */
    /* padding-bottom: 10px; */
  }
  .defencejp-navbar .navbar-collapse {
    margin-right: 0;
  }
  .defencejp-navbar .navbar-collapse .navbar-nav {
    float: none;
  }
  .defencejp-navbar .navbar-collapse .navbar-nav li {
    float: left;
    width: 50%;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    text-align: center;
    box-shadow: inset 1px 2px 10px #A8A8A8;
}
.defencejp-navbar .navbar-collapse .navbar-nav li:nth-child(2n){
  border-right: none;
}
  .defencejp-navbar .navbar-collapse .navbar-nav li a {
    line-height: 40px;
    padding: 0;
    margin-left: 10%;
  }
  .defencejp-navbar .navbar-collapse .navbar-nav.right {
    float: none;
  }
  .defencejp-navbar .navbar-collapse .navbar-nav.right li {
     padding-bottom: 3px; 
  }
  .defencejp-navbar .navbar-header .defencejp-logo .logo-header .img-defencejp-logo {
    /*max-height: 25px;
    margin-top: 12px;*/
  }
  .defencejp-navbar .navbar-collapse .navbar-nav li a{
    margin: auto;
    /* margin-left: 10%; */
  }
  .defencejp-navbar .navbar-header .defencejp-logo {
    /* margin: 0; */
  }
}
.navbar-inverse .navbar-toggle {
  /* border-color: #333333; */
}
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #333;
}
.navbar-inverse .navbar-toggle:focus .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-toggle.collapsed {
  background-color: transparent;
}
.navbar-inverse .navbar-toggle.collapsed .icon-bar {
  background-color: #333;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait),(max-device-width: 767px),(max-width: 1000px) {
  .defencejp-navbar .navbar-collapse .navbar-nav.right .demo,
  .defencejp-navbar .navbar-collapse .navbar-nav.right .signup {
    text-align: left;
    line-height: 40px;
    padding: 0;
    margin-top: 0;
    border: none;
    font-weight: 400;
  }
  .defencejp-navbar .navbar-collapse .navbar-nav.right .demo {
    background-color: transparent;
    color: #333;
    font-weight: 400;
    color: #26AC4B;
  }
  .defencejp-navbar .navbar-collapse .navbar-nav.right .signup:hover {
    background-color: transparent;
    color: #26AC4B;
  }
  .defencejp-navbar .navbar-collapse .navbar-nav.right .demo:hover {
    background-color: transparent;
  }
}


@media only screen and (max-width: 1000px){
  .defencejp-navbar{
    /* background-color: #FFFFFF; */
    /* font-family: 'Roboto Slab', serif; */
    /* border-bottom: 2px solid #1C8188; */
}
  .defencejp-navbar .navbar-collapse{
    border-bottom: 1px solid;
  }
  .defencejp-navbar .navbar-collapse .navbar-nav li a.active-page{
    display: inline;
  }
}


/* ////////////////////////////////////// Souvik Changes /////////////////////////////////*/
#selectedActivities>.activities>.container{ background-image:none; /*url(../images/Dancingtime.jpg);*/ min-height:250px !important; min-height:100vh !important; background-position: top; background-size: cover;}
#selectedActivities>.activities>.container a{ text-decoration:none; }
#selectedActivities>.activities>.container a:hover, #selectedActivities>.activities>.container a:focus{ text-decoration:none; }
#selectedActivities>.activities #content .activitesbox{ width: 45%; margin: 4% 0% 2% 3.3%; position:relative; min-height: 140px; }
#selectedActivities>.activities #content .activitesbox .activitesboximg{ position: absolute; height: 100%; width: 100%; background: rgb(51, 153, 255); padding: 20px 20px 45px 20px; border-radius: 15px; }
#selectedActivities>.activities #content .activitesbox .activitesboximg img{ max-height:90px; width:100%; height:auto; }
#selectedActivities>.activities #content .activitesbox .activitesboximg span{ position: absolute; bottom: 0px; left: 0px; width: 100%; max-height: 140px; overflow: hidden; background:transparent; font-size: 13px; }

#selectedActivities>.activities>.container .activitestright{ padding-top:5px; }
#selectedActivities>.activities>.container .breadcrumb{ margin-top: 20px; padding: 0; background: transparent; margin-bottom:0 !important; float: left; }
#selectedActivities>.activities>.container .breadcrumb ul{ margin:0 auto !important; padding: 0; }
#selectedActivities>.activities>.container .breadcrumb ul>li>a{ color: #ffffff !important; }
#selectedActivities>.activities>.container .breadcrumb ul>li{ background-color: rgba(200, 117, 96, 0.85); display: block; font-size: 21px; margin: 5px; padding: 12px 15px; text-align: center; text-decoration: none; width: auto !important; color: #000; border-radius: 5px; }

#circular>.activities>.container{ background:#FDFDFD !important; }
#circular>.activities>.container>#content{ background: url(../images/circulars_cover.jpg) no-repeat; background-size: cover; /* min-height:250px !important; */ min-height: 524px; margin-top:15px; }
#circular>.activities>.container>#content>.circularList{ background: #FDFDFD; border-radius: 15px; width: 65%; float: right; margin-right: 20px; margin-top: 100px; padding: 15px !important; }
#circular>.activities>.container>#content>.circularList ul{ margin: 0; padding: 0 0 0 15px; }
#circular>.activities>.container>#content>.circularList ul li>a{ font-size:18px; color:#000000; text-decoration:none; }

#slideShowContainer.blackOverlay{ background:#CCCCCC; background:rgba(0,0,0,0.6); position: fixed; height: 100%; width: 100%; top: 0; z-index: 999999;padding: 0 10px;}
#slideShowContainer.blackOverlay>.overLay{ position:relative; height:100%; width:100%; height:100vh !important; padding-top:30%; }
#slideShowContainer.blackOverlay .cross{ position:absolute; top:0; right:0; height:35px; width:35px; color:#ffffff; text-align:center; cursor:pointer; font-size: 30px; z-index:10000; }

.mapHolder{ width:95%; margin: 10px auto 0 auto; overflow: hidden;}
.theme-default .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    width: 556px;
    height: 183px !important;
}
div.nivo-slice{ display:none !important; }
#slideShowMainContainer #slider img.nivo-main-image{ width:auto !important; margin:auto !important; }

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 736px) and (orientation: landscape){
  #slideShowContainer.blackOverlay>.overLay{ padding-top:0; }
  .theme-default .nivoSlider img { height: 85vh !important;}
   #slideShowMainContainer div.clearfix, #slideShowMainContainer{ height:100vh !important; }
            div[u="navigator"]{ bottom:0px !important; }
}


/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (orientation: landscape){
  #slideShowContainer.blackOverlay>.overLay{ padding-top:0; }
  .theme-default .nivoSlider img { height: 85vh !important;}
   #slideShowMainContainer div.clearfix, #slideShowMainContainer{ height:100vh !important; }
            div[u="navigator"]{ bottom:0px !important; }
}


.copyright-line{
  background-color: #333;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 7px 0;
}
.copyright-line.absolute{
    position: absolute;
    bottom: 0;
}
.copyright-line.relative{

}
.copyright-line .black-line{
  height: 3px;
  background-color: #000;
  margin-bottom: 3px;
}
.copyright-line .c-line{
  height: 12px;
  background-color: #000;
}

.mapHolder{
background:#fff;
text-align:center;
min-height:50px;
clear:both;
}
.mapHolder img {
width: 100%;
}