@media only screen and (max-width:992px)
{	
	.cursor
	{
		display: none;
	}
	.mobile-toggle
	{
		display: flex;
	}
	nav 
	{
		position: absolute;
		left: -100%;
		top: 13vh;
		height: 87vh;
		z-index: 9999;
		background: rgba(0, 0, 0, 0.2);

		width: 100%;
		transition: 0.5s;

	}
	.nav-toggle
	{
		left: 00%;
	}
	nav ul 
	{
		flex-direction: column;
		background: var(--primary);
		height: 100%;
		width: 300px;
		padding: 20px;
		border-top-right-radius: 5px;
		gap: 25px;
		overflow-x: hidden;
	}
	nav ul li
	{
		width: 100%;
		padding-block: 10px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		text-align: center;
	}
	nav ul li a
	{
		color: #fff;
	}
	.side-padding
	{
		padding-inline: 70px;
	}

	

	.whatsapp-btn {

	  bottom: 15px;
	  right: 15px;
	  width: 40px;
	  height: 40px;
	  font-size: 26px;
	 
	}
	.call-btn
	{
		 font-size: 18px;
		 bottom: 15px;
		  left: 15px;
		  width: 40px;
		  height: 40px;
	}

	.call-btn {
    display: flex;
  }

  .arrow-container
  {
  	display: none;
  }

/*........*/
	.landingpage .row .v-center
	{

	  align-items: center;
/*	  padding-top: 50px;*/

	}
	.main-title
	{
		font-size: 5vw;
	}
	.landingpage h2 
	{
		font-size: 3.2vw;
	}
	.landingpage h3
	{
		font-size: 3vw;
	}
	.landingpage .landing-info
	{
		font-size: 2.5vw;
		padding: 55px;
 		padding-bottom:60px;
	}
	.iti--allow-dropdown
	{

		width: 100%;
	}
	.achievement-sec
	{
		height: auto;
	}
	.course-details .card h4 
	{
	  
	  font-size: 18px;
	  text-align: center;
	}
	.Location-sec
	{
	    padding-inline: 50px;
	}

}

@media only screen and (max-width:768px)
{
	.thank-you-box h2,.thank-you-box p
	{
		text-align: center;
	}
	.thank-you-box a 
	{
		width: 100%;
		text-align: center;
		display: inline-block;
	}
	.side-padding
	{
		padding-inline: 50px;
	}
	
	header .logo img 
	{
		width: 150px;
		
	}
	.main-title
	{
		font-size: 6vw;
		text-align: center;
	}
	.landingpage h2 
	{
		font-size: 24px;
	}
	.landingpage h3
	{
		font-size: 20px;
	}
	.landingpage .landing-info
	{
		font-size: 3.5vw;
		padding-block: 10px;
		padding-inline: 50px;
	}

	.form-col-padding
	{
	  padding-block: 40px;
	  padding-inline: 40px;
	}

	.achievement-sec{
		padding-block: 10px;
		height: auto;
	}

	.achievement-sec h3 
	{
	  
	  font-size: 20px;
	}
	.achievement-sec p
	{
	  
	  font-size: 14px;
	  margin: 0;
	}
	.about-content-box
	{
	  padding-left: 0px;
/*	  padding-top: 50px;*/
	}
	.landingpage
	{
		background-position: 5%;
	}
	/*.about-img-box
	{
		padding-top: 0px !important;
	}*/
	.about-section p 
	{
	
		font-size: 16px;
	}

	.subtitle
	{
		text-align: center;
		font-size: 34px;
		font-weight: 500;
	}
	.column-reverse
	{
		flex-direction: column-reverse;
	}

	.mobile-center
	{
		text-align: center;
	}
	.project-describe-box
	{
		color: var(--text-color);
	}
	.project-describe-box h2,h3 
	{
		text-align: left;
	}
	
	.achievement-sec h3
	{
		text-align: center;
	}
	.Location-sec
	{
	    padding-inline: 20px;
	}
	.kv-location
	{
		margin-bottom: 20px;
	}
	.gallery {
           
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 10px;
            
        }
        .mobile-center
        {
        	text-align: center;
        }
}


@media only screen and (max-width:576px)
{
	.side-padding
	{
		padding-inline: 30px;
	}

		.main-title
	{
		font-size: 6.5vw;
	}
	.landingpage h2 
	{
		
		text-align: center;
	}
	.landingpage .landing-info
	{
		font-size: 4vw;
		padding-block: 10px;
		padding-inline: 50px;
	}
	.form-col-padding
	{
	  padding-block:30px;
	  padding-inline: 30px;
	}

	.about-section .col-md-6:nth-child(2)
	{
		padding: 0 !important;
	}
	.about-student-img
	{
	
	  transform: translate(50px,80px);

	}
	.course-details
	{
		height: auto;
	}
	.final-cta,.final-cta a
	{
		text-align: center;
	}
	.final-cta .col-sm-6
	{
		align-items: center;
	}
	.final-cta a 
	{
		padding: 12px 18px;
	}
	.accordion__question
	{
    	font-size: 1.3rem;
	}
	.faq .subtitle
	{
	  padding-bottom: 20px;
	}

	.project-describe-box h2,h3 
	{
		text-align: left;
	}
	.landingpage h2 
	{
		font-size: 20px;
	}
	.landingpage h3
	{
		font-size: 16px;
	}
	.achievement-sec h3
	{
		font-size: 20px;
	}
	.Location-sec
	{
	    padding-inline: 15px;
	}
		.gallery {
           
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 10px;
            
        }
        .pt-sm-5-c
        {
        	padding-top: 20px;
        }
        footer
		{

		    background-position: -770px 260px;

		}
		.footer-logo
		{
			display: flex;
			gap: 20px;
			align-items: center;
		}
		.why-card
		{
			height: 26vh;
		}
	
}

@media only screen and (max-width:480px)
{
	.landingpage
	{
		background-position: 5%;
	}
	.side-padding
	{
		padding-inline: 15px;
	}
		.main-title
	{
		font-size: 8vw;
	}
	.landingpage h2 
	{
		font-size: 18;
		text-align: center;
	}
	.landingpage .landing-info
	{
		font-size: 4.5vw;
		padding-block: 10px;
		padding-inline: 40px;
	}

	.form-col-padding
	{
	  padding-block:20px;
	  padding-inline: 20px;
	}

	.about-student-img
	{
	
/*	  transform: translate(35px,80px);*/
	  transform: translate(25%,10%);
	  width: 70%;

	}

	.big-circle
	{
	  background: var(--primary);
	  width:98%;
	   right: 0;
	  
	}
	.about-section .about-img-box
	{
	
	  overflow-x: hidden;

	 
	}
	.project-describe-box h2,h3 
	{
		text-align: left;
	}
	.Location-sec
	{
	    padding-inline: 10px;
	}
	.why-card
		{
			height: auto;
			margin-top: 30px;
		}
		.why-card h4
		{
			font-size: 16px;
		}
		.why-card p
		{
			font-size: 12px;
		}
		.why-card .focus-btn 
		{
			font-size: 12px;
		}

	
}
