/* Media Queries for each site */

@media (min-width: 1600px) {
	video {
		width: 100%;
	}
	#video-container {
		max-height: 250px !important;
	}
	#agni-video {
		background-color: #d9f0f4;
	}
}


@media (max-width: 1599px) {
	.service-2-content {
		padding: 0px;
	}
}

@media (max-width: 1199px) {
	body{
		overflow-x:hidden;
		word-wrap: break-word;
	}
	.agni-slides .slide-content p {
		font-size: 45px;
	}
	.agni-video .slide-content .big-heading {
		font-size: 45px;
	}
	.agni-video .slide-content .additional-heading {
		font-size: 24px;
	}
	.agni-slides .slide-content .text-slide-title{
		font-size:40px;
		margin-bottom:0;
	}
	.agni-slides .slide-content .text-slide-additional-title{
		font-size:18px;
	}
	.agni-slides .slide-content a{
		padding: 10px 36px;
		font-size:13px;
		margin-top:15px;
	}	
	.page-header-title{
		font-size:36px;
	}
	.page-header-additional-text {
		font-size: 15px;
	}

}


@media (max-width: 991px) {	
	.text-block h4, .text-block-purple h4, .text-block-black, .text-block-first h4 {
  font-size: 105%;
	}
.text-block h3. .text-block-purple h3, .text-block-black, .text-block-first h3 {
  font-size: 105%;
	}
	.imgcontainer.medium {
		min-height: 500px;
	}
	.toggle-nav-menu{
		display: inline-block;
	}
	.nav-menu{
		display:none;
	}
	
	.tab-nav-menu, .tab-nav-menu a{
		display:block;
	}

	.tab-nav-menu {
		max-height: 240px;
	}
	.agni-slides .slide-content p {
		font-size: 36px;
		line-height: 1.7857;
	}
	.agni-video .slide-content .big-heading {
		font-size: 36px;
	}
	.agni-video .slide-content .additional-heading {
		font-size: 24px;
	}
	.agni-video .slide-content p {
		margin-bottom: 10px;
	}
	.agni-slides .slide-content .text-slide-title{
		font-size:32px;
		line-height:1.4;
	}
	.agni-slides .slide-content .text-slide-additional-title{
		font-size:17px;
	}
	.agni-slides .slide-content a{
		padding: 8px 24px;
		font-size:12px;
		margin-top:10px;
	}
	
	.page-header-title{
		font-size:24px;
	}
	.page-header-additional-text {
		font-size: 14px;
	}
	
	.about-4_bg , .service-3_bg, .skills_bg, .client_bg{
		background-image:none;
	}	
	.clients {
		margin-right: 0;
	}
	.portfolio-nav-links {
		width: 100%;
	}
	.contact-icon {
		width: 20%;
		text-align: center;
	}
}

@media (max-width: 767px) {	
	.nancy {
    padding-left: 4% !important;
    padding-right: 10% !important;
    padding-top: 4% !important;
    text-align: left !important;
}
	.imgcontainer.medium {
    min-height: 550px;
	}
	.text-block h4, .text-block-purple h4, .text-block-black, .text-block-first h4 {
  	font-size: 93%;
	}
.text-block h3. .text-block-purple h3, .text-block-black, .text-block-first h3 {
  	font-size: 93%;
	}
	.header-navigation-menu{
		min-height:60px;
	}
	.spacer{
		min-height:60px;
	}
	.header-navigation-menu .header-icon img{
		margin:15px 0;
	}
	.header-logo{
		min-height:60px;
	}
	.header-icon{
		max-height:60px;
	}
	.header-icon img {
		max-height:30px;
		margin:15px 0;
	}
	.nav-menu{
		line-height:60px;
	}
	.tab-nav-menu-content li a{
		font-size:14px;	
	}
	.tab-nav-menu-content li a.indicator{
		font-size:18px;
	}
	.toggle-nav-menu{
		padding: 10px 0;
	}
	.toggle-nav-menu > div:first-child {
		font-size:13px;
	}
	.toggle-nav-menu i{
		font-size:30px;
		padding:15px 0;
	}
	.burg {
		margin: 19px 0 18px 5px;
	}
	
	.slide-container {
		width: 100%;
	}
	.agni-slides .slide-content p {
		font-size: 24px;
	}
	.agni-video .slide-content .big-heading {
		font-size: 34px;
	}
	.agni-video .slide-content .additional-heading {
		font-size: 22px;
	}
	.page-header-title{
		font-size:20px;
	}
	.page-header-additional-text {
		font-size: 13px;
	}
	
	.service-2-icon {
		width: 80px;
		padding-right: 10px
	}
	.portfolio-thumbnail-caption {
		padding:20px;
	}
	.member-image, .member-caption{
		width:100%;
		display: block;
	}
	.member-caption {
		padding-top: 30px;
		padding-right: 15px;
	}
	.member-caption-2 {
		padding:20px;
	}	
	.post-thumbnail img {
		width: 200%;
	}
	.imgcontainer {
 		 width: 100%;
 		 margin: 0rem auto; 
	}	

	.imggallery {
	  display: grid;
	  grid-template-columns: repeat(8, 1fr);
	  grid-template-rows: repeat(14, 5vw);
	  grid-gap: 0.3rem; 
	}
	
	.imggallery2 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(12, 5vw);
    grid-gap: 0.3rem;
}
	.imggallery3 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(1, 5vw);
    grid-gap: 0.3rem;
}
	.imggallery5 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(10, 5vw);
    grid-gap: 0.3rem;
}

	.gallery__img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  display: block; 
	}

	.gallery__item--1 {
	  grid-column-start: 1;
	  grid-column-end: 5;
	  grid-row-start: 1;
	  grid-row-end: 8;

	}

	.gallery__item--2 {
	  grid-column-start: 5;
	  grid-column-end: 9;
	  grid-row-start: 1;
	  grid-row-end: 8;

	}

	.gallery__item--3 {
	  grid-column-start: 1;
	  grid-column-end: 5;
	  grid-row-start: 8;
	  grid-row-end: 15;

	}

	.gallery__item--4 {
	  grid-column-start: 5;
	  grid-column-end: 9;
	  grid-row-start: 8;
	  grid-row-end: 15;

	}
	.gallery__item--5 {
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 8;
	}
	.gallery__item--6 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 8;
    grid-row-end: 13;
	}
	.gallery__item--7 {
    grid-column-start: 5;
    grid-column-end: 9;
    grid-row-start: 8;
    grid-row-end: 13;
}
	.gallery__item--8 {
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 7;
}
	.gallery__item--9 {
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 7;
    grid-row-end: 13;
}
	.gallery__item--14 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 6;
}
	.gallery__item--15 {
    grid-column-start: 5;
    grid-column-end: 10;
    grid-row-start: 1;
    grid-row-end: 6;
}
	.gallery__item--16 {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 6;
    grid-row-end: 12;
}
	.gallery__item--17 {
    grid-column-start: 4;
    grid-column-end: 7;
    grid-row-start: 6;
    grid-row-end: 12;
}
	.gallery__item--18 {
    grid-column-start: 7;
    grid-column-end: 10;
    grid-row-start: 6;
    grid-row-end: 12;
}
	.gallery__item--21 {
	  grid-column-start: 1;
	  grid-column-end: 9;
	  grid-row-start: 1;
	  grid-row-end: 7;

	}
	.gallery__item--22 {
	  grid-column-start: 1;
	  grid-column-end: 9;
	  grid-row-start: 7;
	  grid-row-end: 14;

}
}

@media screen and (max-width:620px) {

.overlay{
	position: absolute;
	top: 0px;
	left:0px;
	bottom: 0px;
	width: 100%;
	background-color:#000;
	opacity:0.3;
}
#chart_wrap {
 padding-left: 0%;
	}
.text-block h4, .text-block-purple h4, .text-block-black, .text-block-first h4 {
  font-size: 90%;
	}
.text-block h3. .text-block-purple h3, .text-block-black, .text-block-first h3 {
  font-size: 90%;
	}
.imgcontainer {
  width: 100%;
  margin: 0rem auto; 
}

.imggallery {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(14, 5vw);
  grid-gap: 0.3rem; 
}
.imggallery2 {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(10, 8vw);
	grid-gap: 0.3rem;
}
	
.imggallery3 {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(1, 5vw);
	grid-gap: 0.3rem;
}
.imggallery4 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(1, 5vw);
    grid-gap: 0rem;
}	
.imggallery5 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(21, 8vw);
    grid-gap: 0.3rem;
}
.imggallery6 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(1, 5vw);
    grid-gap: 1.3rem;
}

.gallery__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.gallery__item--1 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 8;

}

.gallery__item--2 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 8;

}

.gallery__item--3 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 8;
  grid-row-end: 15;

}

.gallery__item--4 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 8;
  grid-row-end: 15;

}
.gallery__item--5 {
    grid-column-start: 1;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 6;
}
.gallery__item--6 {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 6;
	grid-row-end: 13;
}
.gallery__item--7 {
	grid-column-start: 5;
	grid-column-end: 9;
	grid-row-start: 6;
	grid-row-end: 13;
}
.gallery__item--14 {
    grid-column-start: 1;
    grid-column-end: 11;
    grid-row-start: 1;
    grid-row-end: 6;
}
.gallery__item--15 {
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 6;
    grid-row-end: 12;
}
.gallery__item--16 {
    grid-column-start: 6;
    grid-column-end: 11;
    grid-row-start: 6;
    grid-row-end: 12;
}
.gallery__item--17 {
    grid-column-start: 1;
    grid-column-end: 11;
    grid-row-start: 12;
    grid-row-end: 17;
}
.gallery__item--18 {
    grid-column-start: 1;
    grid-column-end: 11;
    grid-row-start: 17;
    grid-row-end: 22;
}

}



@media (max-width: 320px) {
	.toggle-nav-menu > div:first-child {
		display: none;
	}
	.agni-slides .slide-content p {
		font-size: 20px;
	}
	.agni-video .slide-content .big-heading {
		font-size: 30px;
	}
	.agni-video .slide-content .additional-heading {
		font-size: 18px;
	}
	.page-header-title{
		font-size:18px;
	}
	.page-header-additional-text {
		font-size: 12px;
	}	
}