/* ------------------------------------------------------------------------------
 *  Designed by Dreamscape Media Pvt. Ltd.
 *  ------------------------------------------------------------------------------
 *  Email: support@dreamscape.co.in
 *  Work: UI Designer and Front-end Developer @ Dreamscape Media - http://dreamscape.co.in
 *  Latest update: August 30, 2024
 * ---------------------------------------------------------------------------- */
 @media (max-width: 5000px) {
  
}

@media (max-width: 1920px) {
  
}

@media (max-width: 1700px) {

}

@media (max-width: 1600px) {
  
}

@media (max-width: 1500px){


}

@media (max-width: 1440px){
	
  
}

@media (max-width: 1366px){
	h1{font-size: 70px;}
	h2{font-size: 70px;}
	h3{font-size: 50px;}
	h4{font-size: 30px;}
	h5{font-size: 28px;}
	.clients-list li img{height: 35px;}
} 

@media (max-width: 1024px) {
 	.navbar .container {margin-top: 0px;border-radius: 0px; padding: 15px;}
    .btn.mt-5{margin-top: 20px !important;}
	h1{font-size: 45px;}
	h2{font-size: 45px; margin-bottom: 20px;}
	h3{font-size: 30px;}
	h4{font-size: 25px;}
	h5{font-size: 20px;}
	p.lead {font-size: 18px;}
	p {font-size: 16px;}
}

@media (max-width: 768px) {
	.horizontal-padding {padding-left: 5%;padding-right: 5%; padding-top: 30px;}
	.row {--bs-gutter-x: 1.5rem;}

	.cta {height: 350px;}
	.contact-area .col-md-4:nth-child(2){padding-top: 50px; padding-bottom: 50px;}
	.contact-info .col-md-4:nth-child(2){margin-top: 60px;}
	.cta-block .cta-content {padding: 0 10%;}

	section, .footer-logo {padding: 80px 0;}
	footer{padding: 50px 0;}
	footer, footer .text-end{text-align: center!important;}
	footer .col-md-6{padding-top: 30px; padding-bottom: 30px;}
	.footer-logo img {height: 38px; margin-bottom: 20px;}

}

@media (max-width: 600px) {
	.use-cases .col{min-width: 100%!important;}
	.use-case-img img {width: 35%;}
	#who-its-for .col-md-6, #key-features .col-md-6{padding: 0 12px;}
	.key-features .nav-item:first-child{padding-top: 30px;}
	.key-features button.nav-link{font-size: 20px;padding: 15px 0 15px 30px;}
	.key-features button.nav-link span{margin-top: 5px;}
	ul.styled {font-size: 20px;}
  
}

@media (max-width: 480px) {
    
}

@media (max-width: 320px) {
       
}