/* CSS Document */

/* Tinynav styles for desktop */
.tinynav {display: none;}
#nav .selected a, #nav2 .selected a {color: red;}

/* styles for mobile */
@media screen and (max-width: 600px) {
    
.tinynav {display: block; width: 95%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
#nav, #nav2 {display: none;}
    
}

/* Icon Menu */
.navbar-toggler {padding: .5rem .70rem; font-size: 1.25rem; border-radius: .25rem;}

.animated-icon {width:30px; height:30px; position:relative; margin:0px; display: inline-block; vertical-align: middle;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.animated-icon span {display:block; position:absolute; height:3px; width:100%; border-radius:9px; opacity:1; left:0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon span {background:#1A3465;}
.animated-icon span:nth-child(1) {top:4px;}
.animated-icon span:nth-child(2), .animated-icon span:nth-child(3) {top:14px;}
.animated-icon span:nth-child(4) {top:23px;}
.animated-icon.open span:nth-child(1) {top:11px; width:0%; left:50%;}

.animated-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.animated-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated-icon.open span:nth-child(4) {top:11px; width:0%; left:50%;}

/* Header */
.navbar-brand {display:inline-block; padding-top:10px; padding-bottom:10px; margin-right:20px; width:200px;}
.navbar .container-fluid {padding-left:0; padding-right:0;}

/* Animation to fade in the dropdown menus */
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.dropdown-menu.show {
	-webkit-animation: fadeIn 0.3s alternate;
	/* Safari 4.0 - 8.0 */
	animation: fadeIn 0.3s alternate;
}

.navbar {padding-top:0px; padding-bottom:0px; padding-left:15px; padding-right:15px; z-index:999; border-bottom-width:4px; border-bottom-style:solid; border-bottom-color:#F7CE3A;}
/*.navbar > div {margin: 0 auto; width: 100%;}*/

/*.tm-highlight li:nth-child(4) {border: 1px solid red;}*/

/* ============ only desktop view ============ */
@media all and (min-width: 992px) {

.navbar .dropdown-menu-end {right: 0; left: auto;}
.navbar .nav-item .dropdown-menu {display: block; opacity: 0; visibility: hidden; transition: .3s; margin-top: 0;}
.navbar .dropdown-menu.fade-down {top: 80%; transform: rotateX(-75deg); transform-origin: 0% 0%;}
.navbar .dropdown-menu.fade-up {top: 180%;}
.navbar .nav-item:hover .dropdown-menu {transition: .3s; opacity: 1; visibility: visible; /*top: 100%;*/ /*top: 146%;*/ top:50px; transform: rotateX(0deg);}

}	
/* ============ desktop view .end// ============ */

/* Custom Navbar */
@media all and (min-width: 992px) {    
/**/
.navbar-nav {font-family: 'DM Serif Display', serif; font-size:16px; line-height:22px; font-weight:400;} 
.navbar-nav .nav-item > a {-webkit-text-decoration-skip:none; -webkit-transition:none; -moz-transition:none; transition:none;}
.navbar-expand-lg .navbar-nav .nav-link {padding:0px 25px 0px 25px;}
.navbar-light .navbar-nav .nav-link {color: rgba(0,0,0);}
	
/*---Dropdown Hover---*/
.dropdown-menu {min-width:10rem; padding:0 0; margin:.125rem 0 0; font-size:16px; color:#000000; background-color:rgba(247,206,58,.8); border:0px solid rgba(0,0,0,.15); border-radius:0rem;}
.dropdown-item {padding:12px 25px; font-weight:400; color:#000;} 

.dropdown-item:focus, .dropdown-item:hover {color:#16181b; background-color:#e9ecef;}
.dropdown-item.active, .dropdown-item:active {color:#ffffff; background-color:#D35245;}
    
/* Hover */
.navbar-light .navbar-nav .nav-item.dropdown .nav-link:focus,
.navbar-light .navbar-nav .nav-item.dropdown:hover .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {color:#D35245;}
.navbar-light .navbar-nav .nav-item {position:relative; /*-webkit-transition:border 3s ease; -moz-transition:border 3s ease; -o-transition:border 3s ease; -ms-transition:border 3s ease; transition:border 3s ease;*/}

/*.navbar-light .navbar-nav .nav-item a:hover::after, */
.navbar-light .navbar-nav .nav-item.active > a::after, .timeline-active li:nth-child(4).nav-item > a::after {border-bottom:12px solid #D35245; content:""; display:inline-block; position:absolute; z-index:999; left:0px; bottom:-41px; width:99%; height:14px;}
    
.navbar-light .navbar-nav .nav-item:hover > a::before, 
.navbar-light .navbar-nav .nav-item.active > a::before, .timeline-active li:nth-child(4).nav-item > a::before {
    /*border:1px solid red;*/ content:""; display:inline-block; position:absolute; z-index:9999; left:-2px; top:50%; transform:translateY(-50%); /*width:25px; height:62px;*/width:20px; height:50px; background-image: url(../images/nav-logo-ankita.png); background-repeat:no-repeat; background-position:0 0; background-size:20px 50px;}
    
/*Active*/
.navbar-light .navbar-nav .nav-item.active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .timeline-active li:nth-child(4) .nav-link {color:#D35245;}

}

/*** Inner Pages ***/

/* Banner */
.banner {position:relative; overflow:hidden; margin-bottom:50px;}
.banner h3 {margin-bottom:18px;}

.banner-awards-honours, .banner-gallery, .banner-PIM-MoirangLaiFestival {position:absolute; /*margin-bottom:50px;*/ /*border: 1px solid red;*/ z-index: -1;}

/*Height*/
.banner-awards-honours .bg-orange {min-height:920px;}
.banner-awards-honours .bg-grey {min-height:1580px;}
.banner-gallery .bg-orange {min-height:1860px;}
.banner-PIM-MoirangLaiFestival .bg-orange {min-height:1400px;}

/* Banner Btm Decoration*/
.banner-btm-decoration {position: absolute; background-repeat: repeat-x; background-position:bottom left; background-size:auto 100%; bottom:-2px; left:0; z-index:14; width:100%; height:133px;}
.banner-btm-decoration.top {bottom:inherit; top:0px; transform:rotateZ(180deg);}

.banner-btm-decoration.white-decoration {background-image:url(../images/bg-ban-btm-decoration.png);}
.banner-btm-decoration.grey-decoration {background-image:url(../images/bg-ban-btm-grey-decoration.png); background-color:#FFF; bottom:0px;}
.banner-btm-decoration.orange-decoration {background-image:url(../images/bg-ban-btm-orange-decoration.png);}

/* Banner Caption */
.banner-caption {position:absolute; top:50%; transform:translateY(-50%); /*right:15%;*/ right:16%; text-align:left; /*width: 540px;*/ width: 525px; padding-top:0px; padding-bottom:0px; /*border:1px solid blue;*/}

/**/
.slick-dots li {width:13px; height:13px; margin:0 5px;}
.slick-dots li button {width:13px; height:13px; padding:0px;}
.slick-dots li.slick-active button::before {opacity:1; color:white; background-color:white;}
.slick-dots li button::before {opacity:.5; font-size:11px; line-height:11px; width:13px; height:13px; color:transparent; border:2px solid white; border-radius:50%;}

/* Timeline */
.timeline-wrapper {padding-top:6%; padding-bottom:6%; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; /*border: 1px solid red;*/}
.timeline-wrapper ul {padding-left:0rem; margin-bottom:0; position:relative; width:100%; display:flex; flex-wrap:wrap;}
.timeline-wrapper li {padding-bottom:0px; -ms-flex-preferred-size:0; flex-basis: 0; -ms-flex-positive:1; flex-grow:1; max-width:100%; position:relative;}

.timeline-wrapper li a > div {width: 13px; height: 13px; border-radius: 50%; background-color: #3A4687; position: relative; z-index: 9;}

.timeline-wrapper li a > span {/*border:1px solid green;*/ font-size:inherit; position:absolute; /*top:30px;*/ top:33px; left:inherit; right:inherit; transform:translateX(-15px) rotateZ(-90deg); color:#C4C3C4; /*-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;*/ text-decoration:none; /*line-height:20px;*/}

.timeline-wrapper li a > span.twoyears {top:27px; line-height:18px;}

.timeline-wrapper li:nth-child(odd) a > span {/*border:1px solid red;*/ /*top:-50px;*/ top:-44px;}
/*Timeline Hover*/
.timeline-wrapper li a:hover > span {font-weight:700; color:#37427e; /*-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;*/}

/*Timeline Active*/
.timeline-wrapper li.active a > div {width: 13px; height: 13px; background-color:transparent;}
.timeline-wrapper li.active a > span {font-size:0;}
.timeline-wrapper li.active a > span::before {/*border:1px solid red;*/ content:""; position:absolute; display:inline-block; width:54px; height:141px; background-image:url(../images/timeline-active-logo.png); background-repeat:no-repeat; background-position:0 0; background-size:54px 141px; transform:translateX(8px) translateY(-32px) rotateZ(90deg); z-index:10;}

.timeline-wrapper li.active:nth-child(odd) a > span::before {/*border:1px solid blue;*/ transform: translateX(-72px) translateY(-40px) rotateZ(90deg);}

.timeline-wrapper li::before {content:""; position:absolute; display:inline-block; font-size:inherit; width:inherit; margin-left:0em; /*vertical-align:baseline;*/}
.timeline-wrapper li::before {left:0%; top:40%; width:100%; border-color:#F7CE3A; border-style:solid; border-width:2px;}
.timeline-wrapper li:last-child { flex-grow: 0; }
.timeline-wrapper li:last-child::before {content:none;}

/* slide */
/*.carousel {margin-top:-41px;}*/
/*.carousel-caption {border:1px solid red; top:50%; transform:translateY(-50%); left:inherit; bottom:inherit; right:15%; text-align:left; width:550px; padding-top:0px; padding-bottom:0px;}*/

.carousel-caption {/*border:1px solid red;*/ max-width:450px; top:inherit; left:0; bottom:40px; right:inherit; text-align:left; width:auto; display:inline-block; padding:10px; /*background-color:rgba(0,0,0,.75);*/}
.carousel-caption > h3 {margin-bottom:0;}

.banner-caption.align-m, .carousel-caption.align-m {right:inherit; /*left:48%;*/ left:40%; /*border:1px solid red;*/}
.banner-caption.align-l, .carousel-caption.align-l {right:inherit; left:14%; /*bottom:inherit;*/ /*border:1px solid red;*/}
.banner-caption.align-r, .carousel-caption.align-r {right:10%; left:inherit; /*bottom:inherit;*/ /*border:1px solid red;*/}
.banner-caption.align-t, .carousel-caption.align-t {top:5%; transform:translateY(-5%); /*border:1px solid red;*/}
.banner-caption.align-tm, .carousel-caption.align-tm {top:20%; transform:translateY(-20%); /*border:1px solid red;*/}
.banner-caption.align-b, .carousel-caption.align-b {top:90%; transform:translateY(-90%); /*border:1px solid red;*/}

.carousel-control-next, .carousel-control-prev {width:5%; color:#fff;}
.carousel-indicators {outline:none!important; margin-right:15px; margin-left:15px;}
.carousel-indicators li {width:10px; height:10px; margin-right:5px; margin-left:5px; background-color:transparent; border-top:0px solid transparent; border-bottom:0px solid transparent; border:2px solid #fff; opacity:0.7; border-radius:50%; padding-bottom:0;}
.carousel-indicators .active {background-color:#FFF; opacity:1;}

/*Black Dot*/
.carousel-indicators.dot-black li {border:2px solid #000;}
.carousel-indicators.dot-black .active {background-color:#000;}

/* Cont */
.home-cont, .about-cont, .anjika-school-cont, .moirang-lai-cont {width:100%; position:relative; /*border:1px solid blue;*/}
.home-anjika-school-cont {height:720px; /*border:1px solid blue;*/ padding-top:130px; padding-bottom:130px; position: relative;}

.home-cont, .home-cont .container > div {height:552px; /*border:1px solid blue;*/}
.img-picture-Manipuri-Society {
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100vw - 50vw - 15px);
  height: 100%;
  /*border: 1px solid red;*/
}

.about-cont {height:1200px; /*border:1px solid blue;*/}
.img-picture-About-PP {
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100vw - 50vw);
  height: 100%;
  /*border: 1px solid red;*/
}

.anjika-school-cont {/*height:1425px;*/ height:980px;}

.img-picture-Manipuri {
  position: absolute;
  top: 0px;
  right: 0px;
  width: calc(100vw - 50vw - 64px);
  height: 100%;
  /*border: 1px solid red;*/
  padding-bottom: 40px;
}

div.img-picture-Manipuri::before {
  content:"";
  display: inline-block;
  position:absolute;
  bottom: 40px;
  left:-155px;
  width:155px;
  height:406px;  
  /*border:1px solid red;*/
  background-image: url("../images/bg-logo-ankita-red.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  /*background-size:184px 482px;*/
  background-size:155px 406px;
}

/* Priti In Manipur */
.moirang-lai-cont {height:523px;}
.img-picture-Moirang-Lai {
  position: absolute;
  top: 0px;
  right: 0px;
  width: calc(100vw - 50vw - 64px);
  height: 100%;
  /*border: 1px solid red;*/
  padding-bottom: 40px;
}

.img-picture-Manipuri-Society img, .img-picture-Manipuri img, .img-picture-Moirang-Lai img {width: 100%; height: 100%; object-fit: cover;}

/* Footer */
.footer-borderTop {border-top:2px double #858585; margin-top:40px;}
.priti-patel-footer {color:#858585; font-weight: 700; padding-top: 36px; padding-bottom: 15px;}
.priti-patel-footer > span {color:#D35245; font-weight:400; padding-right:10px; margin-right: 10px; border-right:1px solid #858585;}

/*======= Media style start =======***/
/**/

/* Custom Navbar */
@media all and (min-width: 1601px) {
    
.navbar .container-fluid {max-width:1600px; /*border:1px solid blue;*/}

}

/**/
@media only screen and (min-width:1441px) and (max-width:1600px) {
    
.navbar .container-fluid {max-width:1400px; padding-left:0; padding-right:0;  /*border:1px solid red;*/}
      
.navbar-expand-lg .navbar-nav .nav-link {padding:0px 17px 0px 17px;}

.navbar-light .navbar-nav .nav-item:hover > a::before, 
.navbar-light .navbar-nav .nav-item > a.active::before, .timeline-active li:nth-child(4).nav-item > a::before {left:-2px; width:20px; height:50px; background-size:20px 50px;}
    
/*---Dropdown Hover---*/
.dropdown-item {padding:12px 17px;}
    
}

/**/
/*@media only screen and (min-width:1441px) and (max-width:1800px) {

}*/

/**/
@media only screen and (min-width:1368px) and (max-width:1440px) {

.navbar .container-fluid {max-width:inherit; /*border:1px solid red;*/}
.navbar-brand {padding-left:15px; width:200px;}

/* Custom Navbar */
@media all and (min-width: 992px) {
/**/
.navbar-expand-lg .navbar-nav .nav-link {padding:0px 17px 0px 17px;}

/*---Dropdown Hover---*/
.dropdown-item {padding:10px 25px;} 

.navbar-light .navbar-nav .nav-item.active > a::after, .timeline-active li:nth-child(4).nav-item > a::after {border-bottom:10px solid #D35245; bottom:-37px;}
.navbar-light .navbar-nav .nav-item:hover > a::before, 
.navbar-light .navbar-nav .nav-item.active > a::before, .timeline-active li:nth-child(4).nav-item > a::before {left:-8px; width:25px; height:62px;}    

}

/*** Inner Pages ***/

/* Banner */
.banner {margin-bottom:40px;}

/*Height*/
.banner-gallery .bg-orange {min-height:1760px;}

/* Banner Btm Decoration*/
.banner-btm-decoration {height:113px;}

/* Banner Caption */
.banner-caption {right:15%; width:500px; /*border:1px solid blue;*/}

/* Timeline */

/*Timeline Active*/
    
/* slide */
.banner-caption.align-m, .carousel-caption.align-m {left:48%; /*border:1px solid red;*/}
.banner-caption.align-l, .carousel-caption.align-l {left:10%; /*border:1px solid red;*/}
.banner-caption.align-t, .carousel-caption.align-t {top:5%; transform:translateY(-5%); /*border:1px solid red;*/}
.banner-caption.align-b, .carousel-caption.align-b {top:80%; transform:translateY(-80%); /*border:1px solid red;*/}

/* Cont */
.home-anjika-school-cont {height:700px; /*border:1px solid red;*/ padding-top:90px; padding-bottom:90px;}

.anjika-school-cont {/*height:963px;*/ height:903px; /*border:1px solid blue;*/}
div.img-picture-Manipuri::before {bottom:40px; left:-125px; width:125px; height:327px; /*border:1px solid red;*/ background-size:auto 100%;}

/* Priti In Manipur */
.moirang-lai-cont {height:523px; /*border:1px solid red;*/}

/* Footer */
.footer-borderTop {margin-top:40px;}
.priti-patel-footer {padding-top: 30px; padding-bottom: 15px;}

}

/**/
@media only screen and (min-width:1200px) and (max-width:1367px) {

/* Custom Navbar */
@media all and (min-width: 992px) {
/**/
.navbar-nav {font-size:16px; line-height:22px;} 
/*.navbar-expand-lg .navbar-nav .nav-link {padding:0px 25px 0px 25px;}*/
	
/*Dropdown hover*/
/*---Dropdown---*/
/*.dropdown-menu {min-width:10rem; margin:.125rem 0 0; font-size:16px;}
.dropdown-item {padding:12px 25px;}*/
    
/* Hover */
.navbar-light .navbar-nav .nav-item.active > a::after, .timeline-active li:nth-child(4).nav-item > a::after {border-bottom:10px solid #D35245; bottom:-22px; /*width:99%;*/ /*height:14px;*/}
.navbar-light .navbar-nav .nav-item:hover > a::before, 
.navbar-light .navbar-nav .nav-item.active > a::before, .timeline-active li:nth-child(4).nav-item > a::before {/*border:1px solid red;*/ /*left:0px; top:50%; transform:translateY(-50%);*/ width:19px; height:48px; background-size:19px 48px;}
    
/*Active*/

}

/*** Inner Pages ***/

/* Banner */

/* Banner Btm Decoration*/
.banner-btm-decoration {height:76px;}

/* Banner */
.banner-caption {width:460px; right:10%; /*border:1px solid blue;*/}
    
/* Timeline */
.timeline-wrapper li a > div {width:12px; height:12px;}
.timeline-wrapper li a > span {/*border:1px solid green;*/ top:30px; transform: translateX(-20px) rotateZ(-90deg);}
.timeline-wrapper li:nth-child(odd) a > span {/*border:1px solid red;*/ top:-45px;}

/* Timeline Active */
.timeline-wrapper li.active a > span::before {width:60px; height:156px; background-size:60px 156px; transform:translateX(0px) translateY(-54px) rotateZ(90deg);}
.timeline-wrapper li::before {top:40%;}

/* slide */    
.banner-caption.align-m, .carousel-caption.align-m {left:48%; /*border:1px solid red;*/}
.banner-caption.align-l, .carousel-caption.align-l {left:10%; /*bottom:inherit;*/ /*border:1px solid red;*/}
.banner-caption.align-r, .carousel-caption.align-r {right:10%; /*bottom:inherit;*/ /*border:1px solid red;*/}
.banner-caption.align-t, .carousel-caption.align-t {top:5%; transform:translateY(-5%); /*border:1px solid red;*/}
.banner-caption.align-tm, .carousel-caption.align-tm {top:20%; transform:translateY(-20%); /*border:1px solid red;*/}
.banner-caption.align-b, .carousel-caption.align-b {top:90%; transform:translateY(-90%); /*border:1px solid red;*/}

/* carousel-indicators */
.carousel-indicators {bottom:-8px;}
    
/* Footer */

}

/**/
@media only screen and (min-width:992px) and (max-width:1199px) { 

/* Header done */
.navbar-brand {padding-top:15px; padding-bottom:15px; margin-right:15px; width:175px;}

/* ============ only desktop view done ============ */
@media all and (min-width: 992px) {

.navbar .dropdown-menu.fade-up {top: 180%;}
.navbar .nav-item:hover .dropdown-menu {top:56px;}

}	
/* ============ desktop view .end// ============ */    
    
/* Custom Navbar done */
@media all and (min-width: 992px) {    

.navbar-nav {font-size:14px; line-height:20px;} 
.navbar-expand-lg .navbar-nav .nav-link {padding:0px 16px 0px 16px;}

/*---Dropdown hover done---*/
.dropdown-menu {min-width:10rem; font-size:14px;}
.dropdown-item {padding:12px 16px;} 
    
/* Hover */

.navbar-light .navbar-nav .nav-item.active > a::after, .timeline-active li:nth-child(4).nav-item > a::after {border-bottom:10px solid #D35245; bottom:-26px;}
.navbar-light .navbar-nav .nav-item:hover > a::before, 
.navbar-light .navbar-nav .nav-item.active > a::before, .timeline-active li:nth-child(4).nav-item > a::before {/*border:1px solid red;*/ left:-5px; width:17px; height:42px; background-image: url(../images/nav-logo-ankita.png); background-size:17px 42px;}

}

.home-highlight .container {max-width:920px;}    
    
/*** Inner Pages ***/
/* Banner done */
.banner {margin-bottom:40px;}
/*.banner h3 {margin-bottom:18px;}*/

/*Height*/
.banner-awards-honours .bg-orange {min-height:820px;}
.banner-awards-honours .bg-grey {min-height:1480px;}
.banner-gallery .bg-orange {/*min-height:1860px;*/ min-height:1600px;}
.banner-PIM-MoirangLaiFestival .bg-orange {min-height:1380px;}

/* Banner Btm Decoration*/
.banner-btm-decoration {background-size:auto 100%; height:73px;}

/* Banner Caption done */
.banner-caption {right:10%; width:405px; /*border:1px solid blue;*/}
.banner-caption img {width:65%; height:auto;}

/**/

/* Timeline done */
/*.timeline-wrapper {padding-top:6%; padding-bottom:6%; border: 1px solid red;}*/

.timeline-wrapper li a > div {width: 12px; height: 12px;}

/*.timeline-wrapper li a > span {border:1px solid green; top:33px; transform:translateX(-14px) rotateZ(-90deg);}*/
/*.timeline-wrapper li a > span.twoyears {top:27px; line-height:18px;}*/
/*.timeline-wrapper li:nth-child(odd) a > span {border:1px solid red; top:-44px;}*/

/*Timeline Hover*/

/*Timeline Active done*/
.timeline-wrapper li.active a > div {width: 12px; height: 12px;}
.timeline-wrapper li.active a > span::before {/*border:1px solid red;*/ width:48px; height:124px; background-size:48px 124px; transform:translateX(14px) translateY(-32px) rotateZ(90deg);}
.timeline-wrapper li.active:nth-child(odd) a > span::before {/*border:1px solid blue;*/ transform: translateX(-62px) translateY(-40px) rotateZ(90deg);}

/* slide */
.carousel-caption {border:1px solid red; max-width:450px; top:inherit; left:0; bottom:40px; right:inherit; text-align:left; width:auto; display:inline-block; padding:10px;}
.carousel-caption > h3 {margin-bottom:0;}

.banner-caption.align-m, .carousel-caption.align-m {left:48%; /*border:1px solid red;*/}
.banner-caption.align-l, .carousel-caption.align-l {left:10%; /*bottom:inherit;*/ /*border:1px solid red;*/}
.banner-caption.align-r, .carousel-caption.align-r {right:10%; /*bottom:inherit;*/ /*border:1px solid red;*/}
.banner-caption.align-t, .carousel-caption.align-t {top:5%; transform:translateY(-5%); /*border:1px solid red;*/}
.banner-caption.align-tm, .carousel-caption.align-tm {top:20%; transform:translateY(-20%); /*border:1px solid red;*/}
.banner-caption.align-b, .carousel-caption.align-b {top:90%; transform:translateY(-90%); /*border:1px solid red;*/}

.carousel-indicators {bottom:-8px;}
.carousel-control-next, .carousel-control-prev {width:6%;}

/*Black Dot*/

/* Cont done */
.home-cont, .about-cont, .anjika-school-cont, .moirang-lai-cont {width:100%; position:relative; /*border:1px solid blue;*/}
.home-anjika-school-cont {height:520px; padding-top:80px; padding-bottom:80px; /*border:1px solid blue;*/}

.home-cont, .home-cont .container > div {height:352px; /*border:1px solid blue;*/}
.img-picture-Manipuri-Society {width: calc(100vw - 50vw - 0px);}

.anjika-school-cont {/*height:1425px;*/ height:800px; }

.img-picture-Manipuri {
  width: calc(100vw - 50vw - 34px);
  padding-bottom: 40px;
  /*border: 1px solid red;*/
}

div.img-picture-Manipuri::before {
  left:-79px;
  width:79px;
  height:206px;  
  background-size:79px 206px;
}

/* Priti In Manipur */
.img-picture-Manipuri-Society img, .img-picture-Manipuri img, .img-picture-Moirang-Lai img {height: 100%; object-fit: cover; /*border: 1px solid red;*/}

/* Footer */
.footer-borderTop {margin-top:30px;}
.priti-patel-footer {padding-top: 15px; padding-bottom: 0px;}

}

/**/
@media only screen and (min-width:768px) and (max-width:991px) { 

/* Header */
.navbar-brand {/*padding-left:15px;*/ padding-top:10px; padding-bottom:10px; margin-right:15px; width:200px;}
.navbar {padding-top:0px; padding-bottom:0px; padding-left:15px; padding-right:15px; border-bottom-width:4px;}

/* Custom Navbar */
.navbar-nav {font-family: 'DM Serif Display', serif; font-size:16px; line-height:24px; font-weight:400;} 
.navbar-expand-lg .navbar-nav .nav-link {padding:10px 0px 10px 30px;}
.navbar-light .navbar-nav .nav-link {color: rgba(0,0,0);}
	
/*Dropdown hover*/
/*---Dropdown---*/
.dropdown-menu {min-width:10rem; padding:0 0; margin:.125rem 0 0; font-size:16px; color:#000000; background-color:rgba(247,206,58,.8); border:0px solid rgba(0,0,0,.15); border-radius:0rem;}
.dropdown-item {padding:10px 25px; font-weight:400; color:#000;} 

.dropdown-item:focus, .dropdown-item:hover {color:#16181b; background-color:#e9ecef;}
.dropdown-item.active, .dropdown-item:active {color:#ffffff; background-color:#D35245;} 

.navbar-light .navbar-nav .nav-item.dropdown .nav-link:focus,
.navbar-light .navbar-nav .nav-item.dropdown:hover .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {color:#D35245;}

.navbar-light .navbar-nav .nav-item {position:relative;}
    
.navbar-light .navbar-nav .nav-item:hover > a::before, 
.navbar-light .navbar-nav .nav-item.active > a::before, .timeline-active li:nth-child(4).nav-item > a::before {/*border:1px solid red;*/ content:""; display:inline-block; position:absolute; z-index:9999; left:8px; top:3px; width:16px; height:40px; background-image:url(../images/nav-logo-ankita.png); background-repeat:no-repeat; background-size:100% auto; background-position:0 0;}
    
/*Active*/
.navbar-light .navbar-nav .nav-item.active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .timeline-active li:nth-child(4) .nav-link {color:#D35245;}
    
/*** Inner Pages ***/

/* Banner done */
.banner {margin-bottom:40px;}
.banner h3 {font-size:16px; line-height:22px; margin-bottom:18px;}
.banner h3 span {font-size:14px; line-height:20px; /*border: 1px solid red;*/}

/*Height*/
.banner-awards-honours .bg-orange {min-height:650px;}
.banner-awards-honours .bg-grey {min-height:1580px;}
.banner-gallery .bg-orange {min-height:1250px;}
.banner-PIM-MoirangLaiFestival .bg-orange {/*min-height:1400px;*/ min-height:980px;}

/* Banner Btm Decoration done*/
.banner-btm-decoration {height:68px;}

/* Banner Caption done*/
.banner-caption {right:10%; width:320px; /*border:1px solid blue;*/}
.banner-caption img {max-width:70%; height:auto;}

/**/

/* Timeline */
.timeline-wrapper {padding-top:7%; padding-bottom:7%; /*border: 1px solid red;*/}

.timeline-wrapper li a > div {width:12px; height:12px;}

.timeline-wrapper li a > span {/*border:1px solid green;*/ top:33px; transform:translateX(-15px) rotateZ(-90deg);}

.timeline-wrapper li a > span.twoyears {top:27px;}

.timeline-wrapper li:nth-child(odd) a > span {/*border:1px solid red;*/ top:-44px;}
/*Timeline Hover*/

/*Timeline Active*/
.timeline-wrapper li.active a > div {width:12px; height:12px; background-color:transparent;}
    
.timeline-wrapper li.active a > span::before {/*border:1px solid red;*/ width:42px; height:110px; background-image:url(../images/timeline-active-logo.png); background-size:42px 110px; transform:translateX(18px) translateY(-24px) rotateZ(90deg);}
    
.timeline-wrapper li.active a > span.twoyears::before {/*border:1px solid red;*/ transform:translateX(18px) translateY(-18px) rotateZ(90deg);}    

.timeline-wrapper li.active:nth-child(odd) a > span::before {/*border:1px solid blue;*/ transform: translateX(-58px) translateY(-24px) rotateZ(90deg);}

.timeline-wrapper li::before {left:0%; top:40%;}

/* slide */
.carousel-caption {/*border:1px solid red;*/ max-width:450px; bottom:40px; padding:10px;}
.carousel-caption > h3 {margin-bottom:0;}

.banner-caption.align-m, .carousel-caption.align-m {left:48%; /*border:1px solid red;*/}
.banner-caption.align-l, .carousel-caption.align-l {left:10%; /*bottom:inherit;*/ /*border:1px solid red;*/}
.banner-caption.align-r, .carousel-caption.align-r {right:10%; /*bottom:inherit;*/ /*border:1px solid red;*/}
.banner-caption.align-t, .carousel-caption.align-t {top:5%; transform:translateY(-5%); /*border:1px solid red;*/}
.banner-caption.align-tm, .carousel-caption.align-tm {top:20%; transform:translateY(-20%); /*border:1px solid red;*/}
.banner-caption.align-b, .carousel-caption.align-b {top:90%; transform:translateY(-90%); /*border:1px solid red;*/}

.carousel-control-next, .carousel-control-prev {width:6%;}
.carousel-indicators {margin-right:15px; margin-left:15px; bottom:-8px;}
.carousel-indicators li {width:10px; height:10px; margin-right:5px; margin-left:5px;}

/*Black Dot*/

/* Cont done */
.home-anjika-school-cont {height:400px; border:1px solid blue; padding-top:50px; padding-bottom:50px;}

.home-cont, .home-cont .container > div {height:302px; /*border:1px solid blue;*/}
.img-picture-Manipuri-Society {width: calc(100vw - 50vw - 15px); height: 100%; /*border: 1px solid red;*/}

.anjika-school-cont {/*height:1425px;*/ height:860px;}

.img-picture-Manipuri {
  width: calc(100vw - 50vw - 14px);
  height: 100%;
}

div.img-picture-Manipuri::before {
  left:-52px;
  width:52px;
  height:136px;  
  background-size:52px 136px;
}

/* Priti In Manipur */
.moirang-lai-cont {height:523px;}
.img-picture-Moirang-Lai {
  position: absolute;
  top: 0px;
  right: 0px;
  width: calc(100vw - 50vw - 64px);
  height: 100%;
  /*border: 1px solid red;*/
  padding-bottom: 40px;
}

.img-picture-Manipuri-Society img, .img-picture-Manipuri img, .img-picture-Moirang-Lai img {height: 100%; object-fit: cover;}

/* Footer */
.footer-borderTop {margin-top:20px;}
.priti-patel-footer {padding-top:20px; padding-bottom: 15px;}
    
}

/**/
@media only screen and (max-width: 767px) {

/* embed-responsive */
/*.embed-responsive-21by9::before {padding-top:56.25%;}*/
.embed-responsive-21by9::before {padding-top:76%;}    
    
/* Header */
.navbar-brand {/*padding-left:15px;*/ padding-top:10px; padding-bottom:10px; margin-right:15px; width:200px;}
.navbar {padding-top:0px; padding-bottom:0px; padding-left:15px; padding-right:15px; border-bottom-width:4px;}

/* Custom Navbar */
.navbar-nav {font-family: 'DM Serif Display', serif; font-size:16px; line-height:24px; font-weight:400;} 
.navbar-expand-lg .navbar-nav .nav-link {padding:10px 0px 10px 30px;}
.navbar-light .navbar-nav .nav-link {color: rgba(0,0,0);}
	
/*Dropdown hover*/
/*---Dropdown---*/
.dropdown-menu {min-width:10rem; padding:0 0; margin:.125rem 0 0; font-size:16px; color:#000000; background-color:rgba(247,206,58,.8); border:0px solid rgba(0,0,0,.15); border-radius:0rem;}
.dropdown-item {padding:10px 25px; font-weight:400; color:#000;} 

.dropdown-item:focus, .dropdown-item:hover {color:#16181b; background-color:#e9ecef;}
.dropdown-item.active, .dropdown-item:active {color:#ffffff; background-color:#D35245;} 

.navbar-light .navbar-nav .nav-item.dropdown .nav-link:focus,
.navbar-light .navbar-nav .nav-item.dropdown:hover .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {color:#D35245;}

.navbar-light .navbar-nav .nav-item {position:relative;}
    
.navbar-light .navbar-nav .nav-item:hover > a::before, 
.navbar-light .navbar-nav .nav-item.active > a::before, .timeline-active li:nth-child(4).nav-item > a::before {/*border:1px solid red;*/ content:""; display:inline-block; position:absolute; z-index:9999; left:8px; top:3px; width:16px; height:40px; background-image:url(../images/nav-logo-ankita.png); background-repeat:no-repeat; background-size:100% auto; background-position:0 0;}
    
/*Active*/
.navbar-light .navbar-nav .nav-item.active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .timeline-active li:nth-child(4) .nav-link {color:#D35245;}

/*** Inner Pages ***/

/* Banner */
.banner {overflow:hidden; margin-bottom:30px;}
.banner h3 {margin-bottom:8px; font-size:11px; line-height:16px;}
.banner h3 span {font-size:10px; line-height:16px; margin-top:8px; /*border: 1px solid red;*/}

/*.banner-awards-honours, .banner-gallery, .banner-PIM-MoirangLaiFestival {position:absolute; border: 1px solid red; z-index: -1;}*/
/*Height*/
.banner-awards-honours .bg-orange {min-height:1380px;}
.banner-awards-honours .bg-grey {min-height:1580px;}
.banner-gallery .bg-orange {/*min-height:1860px;*/ display:none;}
.banner-PIM-MoirangLaiFestival .bg-orange {min-height:1400px;}

/* Banner Btm Decoration*/
.banner-btm-decoration {height:43px;}
/*.banner-btm-decoration.top {bottom:inherit; top:0px; transform:rotateZ(180deg);}*/
/*.banner-btm-decoration.grey-decoration {background-color:#FFF; bottom:0px;}*/

/* Banner Caption */
.banner-caption {/*position:absolute;*/ right:5%; width:184px; /*border:1px solid blue;*/}
.banner-caption img {width:65%; /*border:1px solid red;*/}

/**/
.slick-dots li {width:13px; height:13px; margin:0 5px;}
.slick-dots li button {width:13px; height:13px; padding:0px;}
.slick-dots li.slick-active button::before {opacity:1; color:white; background-color:white;}
.slick-dots li button::before {opacity:.5; font-size:11px; line-height:11px; width:13px; height:13px; color:transparent; border:2px solid white; border-radius:50%;}

/* Timeline */
.timeline-wrapper {padding-top:0px; padding-bottom:15px;}    
    
/*.timeline-wrapper {padding-top:6%; padding-bottom:6%; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}
.timeline-wrapper ul {padding-left:0rem; margin-bottom:0; position:relative; width:100%; display:flex; flex-wrap:wrap;}
.timeline-wrapper li {padding-bottom:0px; -ms-flex-preferred-size:0; flex-basis: 0; -ms-flex-positive:1; flex-grow:1; max-width:100%; position:relative;}

.timeline-wrapper li a > div {width: 13px; height: 13px; border-radius: 50%; background-color: #3A4687; position: relative; z-index: 9;}

.timeline-wrapper li a > span {font-size:inherit; position:absolute; top:33px; left:inherit; right:inherit; transform:translateX(-15px) rotateZ(-90deg); color:#C4C3C4; text-decoration:none;}

.timeline-wrapper li a > span.twoyears {top:27px; line-height:18px;}

.timeline-wrapper li:nth-child(odd) a > span {top:-44px;}*/
    
/*Timeline Hover*/
/*.timeline-wrapper li a:hover > span {font-weight:700; color:#37427e;}*/

/*Timeline Active*/
/*.timeline-wrapper li.active a > div {width: 13px; height: 13px; background-color:transparent;}
.timeline-wrapper li.active a > span {font-size:0;}
.timeline-wrapper li.active a > span::before {content:""; position:absolute; display:inline-block; width:54px; height:141px; background-image:url(../images/timeline-active-logo.png); background-repeat:no-repeat; background-position:0 0; background-size:54px 141px; transform:translateX(8px) translateY(-32px) rotateZ(90deg); z-index:10;}

.timeline-wrapper li.active:nth-child(odd) a > span::before {transform: translateX(-72px) translateY(-40px) rotateZ(90deg);}

.timeline-wrapper li::before {content:""; position:absolute; display:inline-block; font-size:inherit; width:inherit; margin-left:0em;}
.timeline-wrapper li::before {left:0%; top:40%; width:100%; border-color:#F7CE3A; border-style:solid; border-width:2px;}
.timeline-wrapper li:last-child { flex-grow: 0; }
.timeline-wrapper li:last-child::before {content:none;}*/

/* slide */
.carousel-caption {/*border:1px solid red;*/ max-width:450px; top:inherit; left:0; bottom:40px; right:inherit; text-align:left; width:auto; display:inline-block; padding:10px;}
.carousel-caption > h3 {margin-bottom:0;}

.banner-caption.align-m, .carousel-caption.align-m {left:48%; /*border:1px solid red;*/}
.banner-caption.align-l, .carousel-caption.align-l {left:8%;}
.banner-caption.align-r, .carousel-caption.align-r {right:8%; /*border:1px solid red;*/}
.banner-caption.align-t, .carousel-caption.align-t {top:5%; transform:translateY(-5%); /*border:1px solid red;*/}
.banner-caption.align-tm, .carousel-caption.align-tm {top:20%; transform:translateY(-20%); /*border:1px solid red;*/}
.banner-caption.align-b, .carousel-caption.align-b {top:90%; transform:translateY(-90%); /*border:1px solid red;*/}

.carousel-control-next, .carousel-control-prev {width:10%;}
.carousel-indicators {margin-right:10px; margin-left:10px; bottom:-10px;}
.carousel-indicators li {width:6px; height:6px; margin-right:3px; margin-left:3px; padding-bottom:0;}

/*Black Dot*/

/* Cont */
.home-anjika-school-cont {height:auto; /*border:1px solid blue;*/ padding-top:60px; padding-bottom:30px;}

.home-cont, .home-cont .container > div {height:auto; /*border:1px solid blue;*/}
.img-picture-Manipuri-Society {position:relative; top:inherit; left:inherit; width:100%; height:auto; /*border: 1px solid red;*/}

.anjika-school-cont {height:auto;}

.img-picture-Manipuri {
  margin:0 auto;
  position:relative;
  top:inherit;
  right:inherit;
  width: 93%;
  height:auto;
  padding-bottom: 30px;
  padding-top: 0px;
  /*border: 1px solid red;*/    
}
div.img-picture-Manipuri::before {display:none;}

/* Priti In Manipur */
.img-picture-Manipuri-Society img, .img-picture-Manipuri img, .img-picture-Moirang-Lai img {height:auto; object-fit:cover; /*border:1px solid red;*/}

/* Footer */
.footer-borderTop {margin-top:20px;}
.priti-patel-footer {padding-top:15px; padding-bottom:15px;}
/*.priti-patel-footer > span {padding-right:10px; margin-right:10px; border-right:1px solid #858585;}*/

}