@media only screen and (max-width:992px)
{	
	
	.project-describe
	{
		font-size: 16px;
	}
	.bottom-side
	{
		padding-block: 0px;
		padding-inline: 0vw;
	}


	.cursor
	{
		display: none;
	}
	.mobile-toggle
	{
		display: flex;
	}
	nav 
	{
		position: absolute;
		left: -100%;
		top: 13vh;
		height: 85vh;
		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(--top-header);
		height: 100%;
		width: 300px;
		padding: 20px;
		border-top-right-radius: 5px;
		gap: 30px;
	}
	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;
	}

	.hero-section .content
	{
		flex-direction: column;
	}
	.hero-section .content .left-side,.hero-section .content .right-side
	{
		width: 100%;
	}
	.swiper {
     
      height:70%;
    }
    .mySwiper .swiper-pagination {
		bottom: 0;	
	}
	.hero-section
	{
		height: auto;
		padding-bottom: 20px;
	}
	.why-choose-us
	{
		flex-direction: column;
		height: auto;
	}
	.why-choose-content
	{
		padding-top: 0px;
	}
	.why-choose-content ul li 
	{
		font-size: 16px;
/*		line-height: 30px;*/
	}
	.why-choose-content p 
	{
		font-size: 16px;
	}
	.our-work
	{
		height: auto;
	}
	.our-process .description,.our-work .description
	{
		padding-inline: 60px;
	}
	.our-process .description,.our-work .description, .faq .description
	{
		font-size: 16px;
	}
	.faq .description,.faq .sub-heading
	{
		text-align: center;
	}
	.faq dotlottie-player
	{
		width: 100%;
		height: 100%px;
	}
	.details__title
	{
		font-size: 16px;

		font-weight: 500;
	}
	.details__desc-inner
	{
		font-size: 16px;
	}
	.portfolio .swiper-button-next,.portfolio .swiper-button-prev
	{
		top: 62%;
	}
	.portfolio .swiper-button-next
	{
		right: -5px;	
	}
	.portfolio .swiper-button-prev
	{
		left: -5px;
	}
	.portfolio
	{
	
	    height:75%;

	}
	.why-choose-content
	{
		padding-bottom: 40px;
	}

	.whatsapp-btn,.call-btn {

	  bottom: 15px;
	  right: 15px;
	  width: 50px;
	  height: 50px;
	 
	 

	}
	.call-btn
	{
		 font-size: 20px;
	}


	.top_mobile
	{
		display: none !important;
	}

	.portfolio .swiper-slide ,.portfolio .swiper-slide .top-side
	{
		flex-direction: column;
	}
	.portfolio .swiper-slide .right-side 
	{
		align-items: center;
		justify-content: center;
	}
	.portfolio-details
	{
		
		padding-top: 20px;
		padding-bottom: 10px;
		align-items: center;
		padding-left: 0;

	}
	.portfolio-details h5, .portfolio-details p 
	{
		text-align: center !important;
	}
	.swiper-pagination
	{
		display: none;
	}
	.hero-section .content h1,.hero-section .content h2  
	{
		text-align: center;
	}
	.our-process-describ .box .icon
	{
		left: 50%;
	}
	.effect-box
	{
		text-align: center;
	}

}

@media only screen and (max-width:768px)
{
	.side-padding
	{
		padding-inline: 50px;
	}
	.top-contact
	{
		flex: 2;
	}
	.top-social
	{
		flex: 1;
	}
	header .logo img 
	{
		width: 70px;
	}


	.consultation-form
	{
	
		width: 80%;
		
	}
	.our-process .description,.our-work .description
	{
		padding-inline: 40px;
	}
	.our-process-describ
	{
		flex-wrap: wrap;
	}
	.our-process-describ .box
	{
		min-width: 300px;
	}
	.faq
	{
		flex-direction: column;
		height: auto;
		gap: 0;
	}
	.clients .swiper-slide
	{
		height: 80px;
		margin-top: 0;
	}
	.clients
	{
		height: 100px;
	}
	.clients .swiper-wrapper
	{
		margin-top: 10px;
	}
	.portfolio
	{
	
	    height:60%;

	}
	.custom-alert
	{
		
       
        height: fit-content;
        width: 90%;
        
	}
	
}


@media only screen and (max-width:576px)
{
	.side-padding
	{
		padding-inline: 30px;
	}
	.top-social ul
	{
		gap: 15px;
	}
	.top-contact ul
	{
/*		flex-direction: column;*/
		gap: 8px;
	}
	.top-contact ul li a 
	{
		font-size: 12px;
	}
	.top-contact ul li .fa-envelope,.top-contact ul li .fa-phone
	{
		font-size: 14px !important;
	}

	.top-social ul li .fa-linkedin-in,.top-social ul li .fa-facebook ,.top-social ul li .fa-instagram
	{
		font-size: 14px ;
	}

	.consultation-form
	{
	
		width: 90%;	
		margin-top: 30px;
	}

	.hero-section .content h1 
	{

		font-size:36px;
	

	}
	.hero-section .content h2
	{

		font-size:24px;
		
	}
	.our-process .description,.our-work .description
	{
		padding-inline: 30px;
	}
	.our-process-describ
	{
		gap:60px;
	}
	.our-process-describ .box
	{
/*		padding-block: 30px;*/
		height: 200px;
		
	}
	.our-process-describ .effect-box
	{
		height: 100%;
	}
	.our-process-describ .box .icon 
	{
		width: 80px;
		height: 80px;
	}
	.why-choose-list
	{
		columns: 1;
	}
	.get-in-touch
	{
		flex-direction: column;
		gap: 20px;

	}
	.get-in-touch .left-side,.get-in-touch .right-side
	{
		align-items: center;
	}
	.portfolio
	{
	
	    height:65%;

	}
	.project-mockup
	{
		
		top: 7px;
		
	}
	.project-mockup-mobile
	{
		top: 0;
	}
	.list-flex
	{
		flex-direction: column;
		text-align: center;
		
	}
	/*.why-choose-table tr 
	{
		padding-top: 30px;
		margin-top: 10px;
	}*/
	.why-choose-table td 
	{
		padding-block: 20px;
		padding-inline: 5px;
		margin:5px;
		box-shadow: 0 0 1px 1px rgba(250, 250, 250, 0.09);

	}
}

@media only screen and (max-width:480px)
{
	.why-choose-table td 
	{
		padding-block: 15px;
		padding-inline: 5px;

	}
	.consultation-form
	{
	
		width: 100%;	
		padding-inline: 20px;
		padding-block: 30px;
	}
	.our-process .description,.our-work .description
	{
		padding-inline: 0px;
	}
	.portfolio
	{
	
	    height:55%;

	}
	.project-mockup
	{
		
		top: 10px;
		
	}
	.project-mockup-mobile
	{
		top: 0;
	}
	.portfolio .swiper-button-next,.portfolio .swiper-button-prev
	{
		top: 97%;
		position: absolute;
	}
	.side-padding
	{
		padding-inline: 15px;
	}


	
}