/*responsive*/

@media only screen and (min-width: 1800px){
	.aidev_banner_bg{
		height: 640px;
	}
}

/*Ipads*/
@media only screen and (min-width: 768px) and (max-width: 1260px){
	
	section.aidev_banner .main-container{
		padding:0 1rem;
	}
	section.aidev_build{
		padding: 60px 0;
	}
	section.aidev_explore{
		padding: 80px 0 ;
	}
	section.aidev_results,section.aidev_modals,section#aidev_faq{
		padding: 70px 0 !important;
	}
	section.aidev_project{
		padding: 70px 0;
	}
	.aidev_project_box{
		padding: 1.5rem;
	}
	.aidev_project_box a.btn_purple{
		    border-radius: 8px;
    height: auto;
    padding: 10px 20px;
	}
	.aidev_banner_bg{
		height: 400px;
	}
}

/*pro-ends*/

/*Ipad Mini*/
@media only screen and (max-width: 1023px){
	.aidev_banner_bg{
		height: 300px;
	}
	.aidev_banner_grid{
		    padding: 40px 0;
    grid-template-columns: 1fr 1.3fr;
    gap: 2rem;
	}
	.aidev_banner_grid h1{
		    font-size: 30px;
    line-height: 42px;
	}
	section.aidev_grey_grid{
		padding: 40px 0;
	}
	.aidev_grey strong{
		font-size: 28px;
		line-height: 160%;
		margin-bottom: .2rem;
		display: block;
	}
	section.aidev_build{
		padding: 50px 0;
	}
	.aidev_build_grid{
		    margin-top: 2rem;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
	}
	.aidev_banner_right p{
		font-size: 16px;
		margin-bottom: 1rem;
	}
	.aidev_banner_right a{
		height: auto;
	}
	section.aidev_explore{
		padding: 60px 0;
	}
	section.aidev_explore h2{
		font-size: 30px;
	}
	section.aidev_explore a{
		    margin: auto;
    height: auto;
    padding: 10px 20px;
    margin-top: 30px;
	}
	section.aidev_results, section.aidev_modals, section#aidev_faq{
		padding: 60px 0!important;
	}
	.aidev_result_grid.d-grid{
		 display: flex;
    	flex-wrap: wrap;
    	justify-content: center;
	}
	.aidev_result_box,.aidev_modal_box{
		flex: 0 0 48%;
	}
	section.aidev_explore, section.aidev_project{
		padding: 60px 0;
	}
	section.aidev_explore h2{
		font-size: 30px;
	}
	section.aidev_results, section.aidev_modals, section#aidev_faq{
		padding: 60px 0!important;
	}
	.aidev_result_grid.d-grid,.aidev_modal_grid.d-grid{
		display: flex;
    	flex-wrap: wrap;
    	justify-content: center;
	}
	section#aidev_faq span.ac_title_class{
		padding: 0 !important;
	}
	section#aidev_faq.blockchain_services_faq .wpsm_panel-group .wpsm_panel.wpsm_panel-default{
		padding: 1.5rem;
	}
	section#aidev_faq.blockchain_services_faq .wpsm_panel-group{
		gap: 10px !important;
	}
	.aidev_project_grid.d-grid{
		    margin-top: 40px;
    gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr;
	}
	.aidev_project_box{
		padding: 1rem;
	}
	.aidev_project_box h3{
		font-size: 20px;
		margin-bottom: 12px;
	}
	.aidev_project_box p{
		max-width: 100%;
	}
	.aidev_project_box a.btn_purple{
		padding: 8px 20px;
	}
}
/*mini-ends*/
/*Mobiles*/
@media only screen and (max-width: 767px){
	.aidev_banner_bg{
		height: 250px;
	}
	.aidev_banner_grid h1{
		    font-size: 32px;
    margin-bottom: 16px;
    text-align: center;
	}
	.aidev_banner_right p{
		    font-size: 13px;
    margin-bottom: 20px;
    line-height: 22px;
	}
	.aidev_banner_right a{
		height: auto;
	}
	.aidev_banner_grid.d-grid{
		padding: 40px 0px 50px;
	}
	section.aidev_grey_grid .d-flex{
		    flex-direction: column;
    gap: 24px;
    max-width: 100%;
	}
	section.aidev_grey_grid{
		padding: 20px 0px;
	}
	section.aidev_grey_grid .d-flex{
		flex-direction: column;
		gap: 24px;
		max-width: 100%;
	}
	.aidev_grey strong{
		font-size: 32px;
	}
	.aidev_grey p{
		font-size: 14px;
	}
	.aidev_banner_bg{
		background-image: url('https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2026/01/19071233/aidev_mob_banner.webp');
	}
	.aidev_banner_bg{
		height: 250px;
	}
	section.aidev_banner .main-container{
		padding:0 1rem;
	}
	.aidev_build_grid.d-grid{
		margin-top: 1.5rem;
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}
	section.aidev_build{
		padding: 40px 0px;
    	text-align: center;
	}
	section.aidev_build h2.section_heading{
		text-align: center;
	}
	.aidev_build_wrap{
		padding: 32px 32px 45px;
	}
	section.aidev_explore{
		padding: 40px 0px;
	}
	section.aidev_explore h2{
		    font-size: 24px;
    line-height: 34px;
    margin-bottom: 1rem;
	}
	section.aidev_explore a.btn_primary{
		    height: 48px;
    width: fit-content;
    padding: 14px 30px;
	}
	section.aidev_results{
		padding: 40px 0px !important;
	}
	section.aidev_company.comm_app_development .aidev_results h2,
	section.aidev_company.comm_app_development section.aidev_project h2{
		margin-bottom: 1rem !important;
		text-align:center;
	}
	.aidev_result_grid.d-grid{
		margin-top: 1.5rem;
	}
	.aidev_result_box, .aidev_modal_box{
		padding: 2rem;
		flex: 100%;
	}
	.aidev_result_wrap ul{
		padding-left: 2rem;
	}
	section.aidev_results, section.aidev_modals, section#aidev_faq,section.aidev_explore, section.aidev_project{
		padding: 40px 0px !important;
	}
	section.aidev_modals h2{
		text-align: center !important;
	}
	section.aidev_project{
		padding: 40px 0px !important;
	}
	.aidev_project_grid.d-grid{
		    margin-top: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
	}
	.aidev_project_box{
		padding: 2rem;
	}
	.aidev_project_box a.btn_purple{
		    padding: 14px 24px;
    width: fit-content;
	}
	.aidev_company .ready_to_connect_summary ul{
		margin:0;
		margin-top: 16px;
	}
}

/*mobile-ends*/