:root {
	--navyblue: #0d345f;
	--white: #ffffff;
}

@media screen and (min-width: 1600px) {
	.timeline .arrows {
		top: 80.2%;
	}
	.timeline .arrow__prev {
		margin-left: -215px;
	}
	.timeline .arrow__next{
		margin-right: 170px;
	}
}

@media screen and (max-width: 1300px) {
	.timeline .arrows {
		top: 78.7%;
	}
	.timeline .arrow__next {
		margin-right: -75px;
		top: 208px;
	}
	.timeline .arrow__prev {
		margin-left: -171px;
		top: 208px;
	}
	.timeline .arrows img {
		width: 35px;
		height: 35px;
	}
}

@media screen and (max-width: 990px) {
	.title-container {
		width:65%;
	}
	
	.title-container h1 {
		font-size: 18px !important;
	}
	#mega-menu-wrap-main-website-menu .mega-menu-toggle {
		line-height: 50px !important;
        height: 50px !important;
	}
	
	.video-bg {
		background: linear-gradient(41deg, #101010 30%, var(--navyblue));
	}
	.featuredimagewrapper img{
		height: auto;
	}
	.h-410{
		height: auto;
	}
	.h-350{
		height: auto;
	}
	.h-250{
		height: auto;
	}
	.ml-30{
		margin: 0 0 0 0 !important;
	}
	
	.footer-line-2{
		box-shadow: 0 2px #1519592e;
		margin: 15px 0 15px 0;
	}
	
	.main-slider-size{
		width: 100%;
		height: auto;
		display: flex !important;
		flex-direction: row;
	}
	.main-slider-size video{
		width: auto;
		max-width: inherit;
		height: 600px;
  
	}
	.main-slider-size img{
		width: auto;
		max-width: inherit;
		height: 600px;
	}
	.af-programs-list .af-programs {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.title {
	  font-size: 18px;
	 
	}
	.title span:after {
		width: 30px;
	}
	.title span:before {
		width: 30px;
	}
	#header { 
		padding: 0;
		background: transparent;
	}
	.scrollHeader{
		background: #f7e2e1 !important;
	}
	.search-icon{
		display: none;
	}
	.search-icon-mobile {
		float: right;
		padding: 0;
		margin: 8px 25px 0 0;
		position: relative;
		z-index: 9999;
		width: 20px;
	}
	
	#content{
		margin: 20px auto 0 auto;
	}
	.service{
	  margin: 12px;
	}
	.website-development-bg{
		height: auto;
	}
	.breadcrumb-top{
		margin: -8% 0 0 0;
		width: auto;
	}
	.service-card {
		height: auto;
	}
	.service-card-white {
		height: auto;
	}
	.grideBgIcon li{
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
	.gridlayout li {
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
		padding: 10px;
	}
	.service-bg{
		height: auto;
	}
	.sliderText{
		width: 100% !important;
	}
	.newFixHeader {
		top: 0;
	}
	
	body{font-size: 14px;}
	.mobile { display:block; visibility:visible;}
	.desktop { display:none; visibility:hidden;}
	.logo { float:none; padding:0; margin:0 auto; position:relative; z-index:9999; width:50px;}
	.menuwrapper {float:none; clear:both; display:block; position:relative; z-index:9999; margin:10px 0 0 0; width:100%;}
	.topmenu { margin:6px 0 0 0; text-align:right; float:right;  line-height:34px; width:119px; padding:0 10px 0 0;}
	.topmenuicons { padding:0 5px 0 0;}
	.header-mobile-container { margin:0 auto; padding:0; height:50px;}
	.header-mobile-container a { color:#8e4d15;}
	.header-mobile-container a:hover { color:#464646;}
	.mobilemenuwrapper { float:left; position:relative; margin:0; width:38%;}
	.mobilelogowrapper { float:left; position:relative; margin:0; width:24%; text-align:center;}
	.mobileiconswrapper { float:left; position:relative;margin:12px 0 0 0; width:38%; text-align:right;}
	.mobileiconswrapper a { margin:0 10px;}
	.icon-search { font-size:25px; font-weight:bold;}
	.icon-envelope { font-size:25px;}
	/*-----------------------------------------------------------*/
	.search-wrapper { display:inline-block; vertical-align:top; line-height:22px;}
	.contactlink { display:inline-block; vertical-align:top; line-height:22px; }
	.search-wrapper span { margin:0 0 0 2px; float: right; }
	.menuwrapperwpf { float:none; clear:both; display:block; position:relative; z-index:9999; margin:10px 0 0 0; width:100%;}
	.topmenuwpf { margin:6px 0 0 0; text-align:right; float:right; line-height:34px; width:60px; padding:0 10px 0 0;}
	/*------Css Updated By Shreyas Patel-----------------------*/
	.about-text {
    	width: 90% !important;    		
	}
	.container { max-width:90%; margin:0 auto;}
	.fifty { width:100%; }
	.sixty { width:100%; }
	.seventy { width:100%; }
	.eighty { width:100%; }
	.arrow-list-space { padding:0;}
	.text1 {text-align: justify; font-size: 16px; }
	.text2 {text-align: justify; }
	.text3 {text-align: justify; }
	/*--------------------Caa Updated By Shreyas Patel------------------------------------------------*/
		.featuredimagewrapper h1 { position:absolute; left:0; right:0; text-align:center; color:var(--white); max-width:96%; margin:0 auto; font-size:25px; line-height:25px;}
	/*------------------------------------------------------------------------------------------------*/
		#footer-wrapper { margin: 0; padding:40px 0 40px 0; }
		.footerbox1 { float:none;  width:37px; text-align:center; margin:0 auto 20px auto;}
	/*-----------------Css Updated By Shreyas Patel------------------------*/
		.footerbox2 { float: none; width: 298px; text-align: center !important; margin: 0 auto; padding: 0 !important; display: block; }\
		.footerlinks li { list-style:none; margin:0 0 5px 0; float:left; min-width:148px;}
	/*-----------------------------------------------------------------------*/
	.footerbox3 { float:none;  width:116px; text-align:center; margin:20px auto 0 auto;}
	.copyrighttext {float:none; text-align:center; margin:0 auto;}
	.socialicons { text-align:center; float:none;width:116px; text-align:center;  margin:0 auto;}
	.socialicons a { margin:0 2px; display:inline-block; vertical-align:top;}
	.product-links-last { width:100%; margin:0 auto;}
	.search-wrapper .search-field:focus { width:100%; z-index:9999;}
	.gridlayout1 li {width: 50%; width: -webkit-calc(100% / 2);	width: calc(100% / 2);	}
	.gridlayout2 li {width: 50%; width: -webkit-calc(100% / 2);	width: calc(100% / 2);	}
	.gridlayout2.floras li{width: 50%; width: -webkit-calc(100% / 2);	width: calc(100% / 2);}
	.businesstext h3 { margin:0 auto; text-align:center; width:90%;}
	ul.arrow-list { margin:0; padding:0;}
	.businness-navigator a { width:125px; float:left; margin:0 20px 20px 0;}
	.gridlayout1 li a div {opacity: 1;}
	.gridlayout2 li a div {opacity: 1;}
	.gridlayout2 li a div h3 { 
		font-size: 16px;
	}
	.about-text { max-width:100%; margin:0 auto;}
	.productslist h2 { font-size:25px;}
	#content-single h1  { font-size:25px;}
	.result-wrapper h2 { font-size:25px;}
	.addressmargin { padding:0;}
	.contactmapmobile { margin:0 0 1em 0; width:100%; display:block; clear:both;}
	.contact_address { margin: 0 auto; padding: 20px 0 0 0; }
	
	/*----------------Css Updated By Shreyas Patel--------------*/
	.atul_logo{
		margin-left: 260px;
		margin-top: 4px;
	}
	/*-----------------------------------------------------------*/
	/*----------------Css By Shreyas Patel--------------*/
	.af_logo{
		margin-top: 4px;
	}
	/*-----------------------------------------------------------*/
	.gov_gujarat h3
	{
		margin: 0px !important;
	}
	/*----------------Css Updated By Shreyas Patel--------------*/
	.circle-info-text h3
	{
		padding: 70px 0 70px 0;
	}
	/*-----------------------------------------------------------*/
}

/*-----------Css By Shreyas Patel--------------------------*/
@media screen and (max-width: 820px) {
	.card-box-1{
		margin-bottom: 30px;
		border: none;
		border-radius: 5px;
		height: 100%;
		padding: 20px;
	}
	.card-blood {
		padding: 20px
	}
	.card-blood-donation{
		width: 100%;
	}
	.card-blood-donation.left{
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	
	.card-blood-donation.right{
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	
	.card-width-100{
		width: 100%;
	}
	.service-card {
		border-radius: 0;
	}
	.service-card-white {
		margin: 10% auto;
	}
	.service-card-item {
		flex-direction: column;
		align-items: center;
	}
	.service-card-content {
		transform: translateY(-25px);
	}
	.service-card-img {
		transform: translateY(-50%);
		border-radius: 50px;
	}
	.service-card-img-white {
		transform: translateY(-50%);
		border-radius: 50px;
	}
	/*.service-card:before,
	.service-card:after {
		border-radius: 0;
	}
	.service-card-white:before,
	.service-card-white:after {
		border-radius: 0;
	}*/
	.service-bg{
		height: auto;
	}
	.sliderText{
		width: 100% !important;
	}
	.gridlayout li{
		width: -webkit-calc(100% / 4);
		width: calc(100% / 4);
	}
	.icon-block {
		margin: 20px 0 20px 0;
	}
}
}
/*------------------------------------------------------*/

@media screen and (max-width: 769px) {
	
	/*--CSS By Shreyas Patel----*/
	#mega-menu-wrap-main-website-menu .mega-menu-toggle + #mega-menu-main-website-menu{
		background: var(--theme-color-2) !important;
	}
	#mega-menu-wrap-main-website-menu #mega-menu-main-website-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main-website-menu #mega-menu-main-website-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main-website-menu #mega-menu-main-website-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
		background: var(--theme-color-1) !important;
	}
	#mega-menu-wrap-main-website-menu #mega-menu-main-website-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
		background: var(--theme-color-1) !important;
	}
	.waves {
		height: 40px;
		min-height: 40px;
	}
	.clear_column
	{
		display: none !important;
	}
	.full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		clear: both;
		width: 100%!important;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 1em;
	}
	.gridlayout1 li {width: 100%; }
	.ms-layer { top:20%!important;}
	.ms-layer h2 { margin:0 auto; text-align:center; color:var(--white); text-shadow: 0 1px 2px rgba(0,0,0,1); width:85%!important; font-size:18px; line-height:24px;}
	.ms-layer h3 { margin:0 auto; text-align:center; color:var(--white); text-shadow: 0 1px 2px rgba(0,0,0,1); width:85%!important; font-size:18px; line-height:24px;}
	.featuredimagewrapper h1 { position:absolute; left:0; right:0; text-align:left; top:30%; color:var(--white); max-width:90%; margin:0 auto; font-size:16px; line-height:30px;}
	.businness-navigator { width:290px; margin:0 auto;}
	.businness-navigator a { width:125px; float:left; display: inline-block; margin:10px;}
	.popupcontent { text-align: left;}
	.downloadbooklet { margin:0 auto; display:block;}
	.downloadbooklet a img.alignright { float: none; display:block; margin: 0 auto;}
	.annualreport { margin:0 auto;}
	.arrow-list li { padding: 0 10px 0 20px;}
	.footerbox3 { float:left; width:100%; margin:20px 0 0 0;}
	/*--------------------Css Updated By Shreyas Patel--------------*/
	.footerlinks li { list-style:none; float:left; min-width:148px;}
	/*----------------------------------------------------------*/
	.galleria-image-nav { display:none!important;}
	.timeline-wrapper p { width:100%; text-align:justify;}
	h2 { font-size:25px;}
	.bullets1 li { text-align:justify;}
	.circle-grid li {
		width: 180px;
		height: 180px;
		display: inline-block;
		margin: 20px;
	}
	.circle-info h3 {
		color: var(--white);
		font-size:18px;
		margin: 0 30px;
		padding:50px 0 0 0;
	}
	.circle-img-1 .circle-info h3 , .circle-img-4 .circle-info h3{padding:55px 0 0 0;} 
	.circle-img-3 .circle-info h3 {
		color: #464646;
		font-size:18px;
		margin: 0 30px;
		padding:40px 0 0 0;
	}
	/*----------------------------Css by Shreyas patel-------------------*/
	.service-card {
		border-radius: 0;
		margin: 10% auto;
	}
	.service-card-white {
		border-radius: 0;
		margin: 10% auto;
	}
	.service-card-item {
		flex-direction: column;
		align-items: center;
	}
	.service-card-content {
		transform: translateY(-25px);
	}
	.service-card-img {
		transform: translateY(-50%);
		border-radius: 50px;
	}
	.service-card-img-white {
		transform: translateY(-50%);
		border-radius: 50px;
	}
	.service-card:before,
	.service-card:after {
		border-radius: 0;
	}
	.service-card-white:before,
	.service-card-white:after {
		border-radius: 0;
	}
	/*----------------------------------------------------------------*/
}

@media screen and (max-width: 480px) {
	#mega-menu-wrap-main-website-menu .mega-menu-toggle + #mega-menu-main-website-menu{
		background: var(--theme-color-2) !important;
	}
	#mega-menu-wrap-main-website-menu #mega-menu-main-website-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main-website-menu #mega-menu-main-website-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main-website-menu #mega-menu-main-website-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
		background: var(--theme-color-1) !important;
	}
	#mega-menu-wrap-main-website-menu #mega-menu-main-website-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
		background: var(--theme-color-1) !important;
	}
	.desptop {
		display: none;
	}
	.mobile {
		display: block;
	}
	.timeline-content {
		height: 350px;
		overflow: hidden;
		transition: height 0.5s ease;
	}
	.vrk-transparent-card .image-vrk-building{
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		border-bottom-left-radius: 0;
	}
	
	.circle-grid-1 {
		width: 180px;
		height: 180px;
		padding: 8px;
		margin: auto -10px auto -10px
	}
	.circle-info-1 {
		padding: 50px 0 0 0;
	}
	.circle-info-1 span {
		font-size: 20px;
		/*color: var(--white);
		font-size:18px;
		margin: 0 30px;
		padding:50px 0 0 0;*/
	}
	.circle-info-1 .smalltext{
		font-size: 15px;
	}
	.circle-info span {
		font-size: 20px;
	}
	.circle-info .smalltext {
		font-size: 15px;
	}
	/*----------------Css Updated By Shreyas Patel--------------*/
	.card-box-1{
		margin-bottom: 30px;
		border: none;
		border-radius: 5px;
		height: 100%;
		padding: 20px;
	}
	.title span:after {
		display: none;
	}
	.title span:before {
		display: none;
	}
	.header-page{
		padding: 15% 0 0 0;
	}
	.breadcrumb-top{
		padding: 0 3% 0 3%;
		font-size: 12px;
		width: auto;
	}
	.service-bg{
		height: auto;
	}
	.service{
		padding: 0;
		margin: 0;
	}
	.breadcrumb {
		float: right;
		margin: 0;
	}
	.atul_logo{
		margin-left: 87px;
		margin-top: 4px;
	}
	.footer-line {
		box-shadow: 0 2px #557a952e;
		margin: 15px 0 15px 0;
	}
	.footer-line-2{
		box-shadow: 0 2px #1519592e;
		margin: 15px 0 15px 0;
	}
	.bnnerWave{
		font-size: 50px;
	}
	.grideBgIcon li{
		width: -webkit-calc(100% / 1);
		width: calc(100% / 1);
	}
	.gridlayout li{
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
	.inner-header{
		margin: 2% 0 0 0;
		padding: 0 5px 0 5px;
	}
	.header-page p{
		font-size: 11px;
	}
	.waves {
		margin: 20px 0 0 0px;
	}
	.header-page h1{
		font-size: 20px;
	}
	.sliderHeading{
		/*font-size: 16px !important;
		margin: -50px 0 0 0 !important;*/
		font-size: 24px !important;
		margin: -30px 0 0 0 !important;
	}
	.sliderText{
		/*width: 90% !important;
        font-size: 20px !important;
		margin: 30px 0 0 0 !important;*/
		width: 100% !important;
		font-size: 15px !important;
	}
	.sliderButton div{
		font-family: 'MyriadPro-Regular' !important;
		font-size: 12px !important;
		line-height: 16px !important;
		letter-spacing: 1px !important;
		text-transform: uppercase;
		overflow: hidden;
		padding: 3px 8px 2px 8px;
	}
	.testimonial-carousel-control-next, .testimonial-carousel-control-prev {
		width: 5%;
	}
	div#n2-ss-2 .n2-ss-slider-1{
		height: 650px;
	}
	div#n2-ss-6 .n2-ss-slider-1{
		height: 650px;
	}
	.cardGlassBg{
		padding: 0;
	}
	.title-1 {
	  font-size: 12px;
	}
	.title-1 span:after {
		width: 20px;
	}
	.title-1 span:before {
		width: 20px;
	}
	.icon-block {
		margin: 20px 0 20px 0;
	}
	.is-popup-search-form form.is-ajax-search {
		margin: 20% auto 0;
	}
	div.is-ajax-search-result{
		max-width: 96% !important;
	}
	
	.title-left span:before {
		margin: 0 0 0 -25px !important;
	}
	.title-right span:after {
		margin: 0 -25px 0 0;
	}
	.af-programs-list .af-programs {
		flex: 0 0 auto;
		max-width: 100%;
	}
	.af-programs-list .af-programs .af-programs-in span{
		font-size: 14px;
		line-height: 14px;
	}
	/*.main-slider-size{
		width: auto;
	}
	.main-slider-size video{
		width: auto;
		max-width: inherit;
    height: auto;
  
	}
	.main-slider-size img{
		max-width: inherit;
		height: auto;
	}*/
	/*-----------------------------------------------------------*/
	#fancybox-close {
		right: 17px!important;
	}
	.atul_f_logo {
	    margin-left: 0px;
	}
	.fourcolumnbox { width:100%; float:left; text-align:center;}
	.threecolumnbox { width:100%; float:left; text-align:center;}
	.twocolumnbox { width:100%; float:left; text-align:center;}
	.ms-layer { top:30%!important;}
	.spaceright { padding:0;}
	.spaceleft { padding:0;}
	
	.google-map-container {
		margin-top: 5%;
	}
}

/*CSS By shreyas*/
.dash-list li { padding: 0 10px 0 20px;}

@media (orientation: landscape) and (max-width: 900px), (orientation: portrait) and (max-width: 700px) {

	div#n2-ss-2 .n2-ss-slide-limiter{
		max-width: 300px !important;
	}

	div#n2-ss-6 .n2-ss-slide-limiter{
		max-width: 300px !important;
	}
}