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

@media screen and (max-width: 640px) 
{
		
.description-box 
{
    padding: 60px 40px 50px 40px !important;
}

.aboutus-left
{
  padding: 10px 0 !important;
}

.aboutus-right
{
   max-width: 100%;
   height: auto;
   padding: 0px !important;
}

.img-height
{
  height: 200px !important;
}

.transparency 
{
   padding-top: 0px;
}

.updates-img 
{
   max-width: 100% !important;
   height: auto;
   border-radius: 5px;
} 

.card-img-top
{
   max-width: 100%;
   height: auto;
   border-radius: 5px;
}

.we-believe
{
  top: 0px;
}

.intend-do .card-body
{
  height: 420px;
}

.other-links 
{
  text-align: center;
}

.other-links ul 
{
    list-style-type: none;
}

.copy-left, .copy-right
{  
  text-align: center;
}
    
}


@media  (min-width:760px) and (max-width: 920px) 
{	

}

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

}

@media screen and (max-width: 700px) 
	{
	
.navbar-default {
    
    text-align: center !important;
}

.navbar-header a
{
	text-align: center !important;
}
	
	
}

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


	
}
@media screen and (min-width:850px){
	
}
@media screen and (max-width:850px) {
	

}


@media (min-width:750px) and ( max-width : 850px ){

.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5 
{
  height: 65vh;
}

 .hero
 {
 	width: 100%;
   top: 50%;
   text-align: left;
   left: 60%;
 } 
 
 .hero h2 
 {
    font-size: 35px !important;
 }
 
 .updates-img 
 {
   max-width: 80%;
   height: auto;
   border-radius: 5px;
}

.card-img-top
{
   max-width: 100%;
   height: auto;
   border-radius: 5px;
}

.intend-do .card-body 
{
  height: 530px !important;
}

.other-links
{
  text-align: center;
}

.other-links ul 
{
  list-style-type: none;
}

.footer
{
  width: 100%;
}

.swashodhan-description 
{
  top: -120px !important;
}

}		

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


	
}

@media (max-width: 400px) and (min-width: 300px) {
	
	
}

@media screen and (max-width: 380px)

{
	
}	


@media (min-width: 350px) and (max-width: 410px){

	
	
}

@media (min-width:350px) and (max-width: 400px){
	
.swashodhan-description
{ 
  top: 50px !important;
}

.hero
{
  top: 55%;
  left: 55%;
}

.dharma-block
{
  margin: 60px 0 30px 0;
}

.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5 
{
  height: 55vh;
}


}	

@media (min-width:400px) and (max-width: 500px){
	
	.swashodhan-description
	{
	  top: 50px !important;
	}
	
	.hero 
	{
     top: 55%;
     left: 55%;	
   }
   
   .dharma-block
   {
     margin: 65px 0 30px 0;
   }
   
   .fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5 
	{
     height: 55vh;
   }
}

@media (min-width:500px) and (max-width: 700px)
{
	
	.card-img-top
	{
	   max-width: 100%;
	   height: auto;
	   border-radius: 5px;
	}
		
}
@media (min-width:700px) and ( max-width : 900px ){	
	
}


@media (min-width:300px) and (max-width: 350px){

.swashodhan-description
{
  top: 0px !important;
}
   
}

	
@media screen and ( max-width : 600px )
{
	
	.card-img-top
	{
	   width: 100% !important;
	   height: auto;
	   border-radius: 5px;
	}
	ul.social-network li
    {
      margin: 0 5px !important;
    }
	
}


@media (max-width: 900px) and (min-width: 768px) {
	
	
}
	
	
@media (min-width:800px) and (max-width:850px) {

}
@media  (max-width: 1040px) and (min-width: 900px) {

}


@media (min-width:900px) and ( max-width : 1100px ){
	
}

@media (min-width: 750px) and (max-width: 850px){

}


@media (min-width: 600px) and (max-width: 750px)
{
  .fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5 
	{
     height: 55vh;
   }
   
   
}


@media (min-width: 850px) and (max-width: 1050px){

}

@media screen and ( max-width : 800px )
{
  .fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5 
	{
     height: 55vh;
   }
}


@media (min-width:750px) and ( max-width : 850px ) {
	
}

@media screen and (min-width:1040px)	
{
	
	
}

@media only screen and (max-width: 1600px) and (min-width: 1300px)
{
  .aboutus-left {
    padding: 133px 70px;
    }  
}

@media only screen and (max-width: 1200px) and (min-width: 992px)
{
	 .aboutus-left 
	 {
      padding: 56px 70px;
     }
}

@media only screen and (max-width: 991px) and (min-width: 768px)
{
	 .aboutus-left 
	 {
      padding: 26px 70px;
     }
     
     .aboutus-left p
     {
       padding: 0;
     }
}

@media only screen and (max-width: 767px)
{
	 .aboutus-right 
	 {
      width: 100%;
      padding: 0px !important;
    }
    
    .aboutus-left
    {
    	width: 100%;
    }
    ul.social-network li
    {
      margin: 0 5px !important;
    }
}


@media screen and (max-width: 1024px) and (min-height: 768px) 
{ 
	.footer
	{
	  width: 100%;
	}
	
	.card-img-top
	{
	   max-width: 100%;
	   height: auto;
	   border-radius: 5px;
	}
	
	.img-height 
	{
    height: 432px !important;
  }
  
  .intend-do .card-body 
  {
    height: 420px;
  }

    .updates-img 
	 {
	   max-width: 80%;
	   height: auto;
	   border-radius: 5px;
	}
  ul.social-network li
    {
      margin: 0 5px !important;
    }
	
  
}

@media screen and (max-width: 1024px) and (max-height: 600px) 
{
	
	.card-img-top
	{
	   max-width: 100%;
	   height: auto;
	   border-radius: 5px;
	}
	
	.img-height 
	{
    height: 535px;
  }
  
  .intend-do .card-body 
  {
    height: 420px;
  }

    .updates-img 
	 {
	   max-width: 80%;
	   height: auto;
	   border-radius: 5px;
	}
  ul.social-network li
    {
      margin: 0 5px !important;
    }
	

}

@media screen and (max-width: 1366px) and (max-height: 768px) 
{
	.swashodhan-description 
	{
     position: relative;
     top: 20px;
     z-index: 0;
     background-color: #ffffff !important;
     border-radius: 5px !important;
     box-shadow: 0 0 4.222rem rgba(82,190,229,0.24);
   }
   
}


@media screen and (min-width: 1680px) and (max-height: 1200px), (min-height: 1050px) 
{ 
   .aboutus-left
   {
     padding: 103px 70px;
   }
}

@media screen and (min-width: 1920px) and (max-height: 1200px), (min-height: 1200px) 
{ 
   .aboutus-left
   {
     padding: 103px 70px;
   }
}

@media screen and (max-width:992px) 
{
	
	.ag-nav li.active a, .ag-nav li.active li a, .ag-nav li.active li.active a, .ag-nav li.active li a:hover {
    background: #35373e;
    color: #fff;
}

.ag-nav li a 
{
    border-top: 1px solid #F4F4F6;
    text-align: center;
}

.nav 
{
 display: none;
 width: 100%;
}

.nav li
{
   float: none;
   width: 100%;
   text-align: center;
   margin: 0;
   padding-left: 20px;
   padding-right: 30px;
}

.nav li a 
{
    padding: 17px 0;
    display: block;
    border: none;
    border-top: 1px solid #196575;
    transition: color 0.2s linear, background 0.2s linear;
    font-size: 11px;
}


	 .menu-button, .m-menu-button
   {
      display: block;
   }

	.ux-ui-content .img-left
	{
		margin: 0 auto;
		width: 100%;
		max-width: 166px;
	}

   .ftr-nav-container
   {
      display: none;
   }

   .a-header
   {
      background: #fff !important;
      border-bottom: 1px solid #ccc;
   }

   .ag-nav li a
   {
      border-top: 1px solid #F4F4F6;
     text-align: center;
   }

   .ag-nav li a:hover, .ag-nav li li a:hover
   {
      background: #35373e;
      color: #fff;
   }

   .ag-nav li.active a a, .ag-nav li.active li a a
   {
      background: #35373e;
      color: #fff !important;
      border-color: #F4F4F6;
   }

   .ag-nav li.active a, .ag-nav li.active li a,.ag-nav li.active li.active a,.ag-nav li.active li a:hover 
   {
      background: #35373e;
      color: #fff;
   }
   
   /*Submenu CSS Starts Here*/
		.nav ul ul {
			position: unset !important;
			display: block !important;
			width: 100% !important;
		}
		
		.nav li li{
			background: #F4F4F6 !important;
			color: #333333 !important;
			margin: 0 0 0 0 !important;
			border-color: #333333 !important;
			 margin: 0 0 0 0;
			padding: 0px 0;
			width: 100%;
		}
		
		.nav li li a{
			background: #F4F4F6 !important;
			color: #333333 !important;
			margin: 0 0 0 0 !important;
			border-color: #333333 !important;
			 margin: 0 0 0 0;
			padding: 18px 0;
			width: 100%;
		}
		
		.nav li li:hover a{
			background: #333333 !important;
			color: #FFFFFF !important;
			margin: 0 0 0 0 !important;
			border-color: #F4F4F6 !important;
		}
		
		.nav li li.active a{
			background: #F4F4F6 !important;
			color: #333333 !important;
			margin: 0 0 0 0 !important;
			border: 1px solid #333333 !important;
		}
		
		.nav li li.active:hover a{
			background: #333333 !important;
			color: #FFFFFF !important;
			margin: 0 0 0 0 !important;
		}
   /*Submenu CSS Ends Here*/

}
@media (min-width:300px) and ( max-width : 350px )
{

}

@media screen and (min-width: 992px) 
{

}