/*----------------------------------
    HIGHER RESOLUTION SCCREENS: 1920PX
-----------------------------------*/

@media screen and (min-width: 1920px) {	

}

/*----------------------------------
    MEDIUM LAYOUT: 1280px
-----------------------------------*/


@media only screen and (min-width: 992px) and (max-width: 1200px) {    

}


/*----------------------------------
    TABLET LAYOUT: 768px
------------------------------------*/

@media (min-width: 768px) and (max-width: 991px) {	

	section { padding: 40px 0;}
	.section-header { margin-bottom: 20px;}
	.section-header h1 { font-size: 36px;}
	.section-header h2 { font-size: 30px; margin: 0;}

	.section-header p { font-size: 16px;}

	.horizontal-line-wrapper span { font-size: 18px;}
	
	.navbar .nav-right { display: block!important;}

	#header { padding: 16px 0;}
	#header .logo img { max-height: 48px;}

	#header .nav-right { display: none; padding: 0;}
	#header .nav-right a { display: block; padding: 8px 16px; margin: 0; margin-right: 0; display: flex; justify-content: flex-start;}
	#header .nav-right a.contact-btn {  margin-bottom: 8px;}
	#header .nav-right a.getstarted-btn { padding: 0 16px;}

	#home-banner { padding: 0;  align-items: center;}
	#home-banner .banner-section-text { padding: 60px 0 0 0;}
	#home-banner .banner-section-text h1 { font-size: 36px;}
	#home-banner .banner-section-text p { font-size: 18px;}

	#home-welcome-to .welcome-to-image { margin: 0 0 24px 0;}
	#home-welcome-to .welcome-to-text { padding: 0;}
	#home-welcome-to .welcome-to-text p { font-size: 16px;}
	#home-welcome-to .welcome-to-text p b { font-size: 22px;}

	#home-our-products { padding: 40px 0;}
	#home-our-products .container-fluid { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5);}

	#home-our-products .our-products-box { padding: 20px;}

	#home-industries { padding: 40px 0;}
	.home-industries-blocks ul { row-gap: 24px;}
	.home-industries-blocks ul li { width: 100%; gap: 20px;}	

	#home-contact-us .home-contact-bg-img { display: none;}
	#home-contact-us .home-contact-info { margin: 0 0 24px 0;}
	#home-contact-us .home-contact-info .section-header { justify-content: center; text-align: center;}
	#home-contact-us .home-contact-info ul li { font-size: 16px;}
	#home-contact-us .home-contact-info ul li i { font-size: 28px;}

	#home-contact-us .home-contact-form { padding: 24px 20px;}
	#home-contact-us .home-contact-form .form-group:last-child { margin: 0;}
			
	#footer { padding: 40px 0;}
	.footer-buttons { flex-wrap: wrap; justify-content: center; margin: 24px 0 0 0;}
	.footer-buttons a { min-width: 100%; min-height: auto; flex-flow: nowrap; align-items: center;}
	.footer-buttons a span { width: auto; width: 50%;}
	.footer-buttons a i { order: 2;}

	#footer .footer-main { margin: 24px 0 0 0; flex-wrap: wrap; gap: 24px;}
	#footer .footer-links, #footer .footer-about, #footer .footer-contact { width: 100%;}
	.footer-links ul li { font-size: 16px;}
	.footer-contact .footer-support-links ul li { width: 45%;}
	.footer-contact .footer-contact-inner { flex-wrap: wrap; gap: 24px;}
	.footer-contact .footer-support-links, .footer-contact .footer-contact-info { width: 100%;}

	#footer .footer-copyright { margin: 24px 0 0 0;}
	#footer .footer-copyright p span { display: flex; margin: 12px 0 0 0; justify-content: center;}
	#footer .footer-copyright p span a:first-child { margin: 0; padding: 0; border-left: 0px none;} 

	.breadcrumbs { min-height: 360px; }
	.breadcrumbs .col-10 { width: 100%;}
	.breadcrumbs .breadcrumbs-info h1 { font-size: 30px;}
	.breadcrumbs .breadcrumbs-info p { font-size: 16px;}

	.solutions-text-area { padding: 0;}
	.solutions-text-area .solutions-text-icon { flex-wrap: wrap; justify-content: center; text-align: center;}
	.solutions-text-area .solutions-text-icon strong { font-size: 28px; width: 100%; line-height: 36px;}
	.solutions-text-area p { font-size: 16px;}
	.solutions-text-area ul { gap: 12px; margin: 0;}
	.solutions-text-area ul li { font-size: 16px;}
	.solutions-text-area ul li i { font-size: 28px;}

	#tele-health .solutions-text-area, 
	#medical-technologies .solutions-text-area, 
	#ai-based-healthcare .solutions-text-area { padding:0 0 24px 0;}
	#wearable-devices .solutions-text-area, #chronic-care .solutions-text-area { padding:24px 0 0 0;}

	#delivery-tracking .section-header, #fleet-tracking .section-header, 
	#sales-tracking .section-header, #school-management .section-header, 
	#taxi-dispatch .section-header, #video-monitoring .section-header { text-align: left;}

	.industries-text-area { padding: 0 0 24px 0;}
	.industries-text-area h3 { font-size: 24px;}
	.industries-text-area p { font-size: 16px;}
	.industries-text-area ul li { font-size: 16px;}
	.industries-text-area ul li i { font-size: 28px;}
	
	#fleet-tracking .industries-text-area, 
	#school-management .industries-text-area, #video-monitoring .industries-text-area { padding: 24px 0 0 0;}

}


/*----------------------------------
    MOBILE LAYOUT: 320px
-----------------------------------*/

@media only screen and (max-width: 767px) {	

	section { padding: 40px 0;}
	.section-header { margin-bottom: 20px;}
	.section-header h1 { font-size: 36px;}
	.section-header h2 { font-size: 30px; margin: 0;}

	.section-header p { font-size: 16px;}

	.horizontal-line-wrapper span { font-size: 18px;}
	
	.navbar .nav-right { display: block!important;}

	#header { padding: 16px 0;}
	#header .logo img { max-height: 48px;}

	#header .nav-right { display: none; padding: 0;}
	#header .nav-right a { display: block; padding: 8px 16px; margin: 0; margin-right: 0; display: flex; justify-content: flex-start;}
	#header .nav-right a.contact-btn {  margin-bottom: 8px;}
	#header .nav-right a.getstarted-btn { padding: 0 16px;}

	#home-banner { padding: 0;  align-items: center;}
	#home-banner .banner-section-text { padding: 60px 0 0 0;}
	#home-banner .banner-section-text h1 { font-size: 36px;}
	#home-banner .banner-section-text p { font-size: 18px;}

	#home-welcome-to .welcome-to-image { margin: 0 0 24px 0;}
	#home-welcome-to .welcome-to-text { padding: 0;}
	#home-welcome-to .welcome-to-text p { font-size: 16px;}
	#home-welcome-to .welcome-to-text p b { font-size: 22px;}

	#home-our-products { padding: 40px 0;}
	#home-our-products .container-fluid { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5);}

	#home-our-products .our-products-box { padding: 20px;}

	#home-industries { padding: 40px 0;}
	.home-industries-blocks ul { row-gap: 24px;}
	.home-industries-blocks ul li { width: 100%; gap: 20px;}	

	#home-contact-us .home-contact-bg-img { display: none;}
	#home-contact-us .home-contact-info { margin: 0 0 24px 0;}
	#home-contact-us .home-contact-info .section-header { justify-content: center; text-align: center;}
	#home-contact-us .home-contact-info ul li { font-size: 16px;}
	#home-contact-us .home-contact-info ul li i { font-size: 28px;}

	#home-contact-us .home-contact-form { padding: 24px 20px;}
	#home-contact-us .home-contact-form .form-group:last-child { margin: 0;}
			
	#footer { padding: 40px 0;}
	.footer-buttons { flex-wrap: wrap; justify-content: center; margin: 24px 0 0 0;}
	.footer-buttons a { min-width: 100%; min-height: auto; flex-flow: nowrap; align-items: center;}
	.footer-buttons a span { width: auto; width: 50%;}
	.footer-buttons a i { order: 2;}

	#footer .footer-main { margin: 24px 0 0 0; flex-wrap: wrap; gap: 24px;}
	#footer .footer-links, #footer .footer-about, #footer .footer-contact { width: 100%;}
	.footer-links ul li { font-size: 16px;}
	.footer-contact .footer-support-links ul li { width: 45%;}
	.footer-contact .footer-contact-inner { flex-wrap: wrap; gap: 24px;}
	.footer-contact .footer-support-links, .footer-contact .footer-contact-info { width: 100%;}

	#footer .footer-copyright { margin: 24px 0 0 0;}
	#footer .footer-copyright p span { display: flex; margin: 12px 0 0 0; justify-content: center;}
	#footer .footer-copyright p span a:first-child { margin: 0; padding: 0; border-left: 0px none;} 

	.breadcrumbs { min-height: 360px; }
	.breadcrumbs .col-10 { width: 100%;}
	.breadcrumbs .breadcrumbs-info h1 { font-size: 30px;}
	.breadcrumbs .breadcrumbs-info p { font-size: 16px;}

	.solutions-text-area { padding: 0;}
	.solutions-text-area .solutions-text-icon { flex-wrap: wrap; justify-content: center; text-align: center;}
	.solutions-text-area .solutions-text-icon strong { font-size: 28px; width: 100%; line-height: 36px;}
	.solutions-text-area p { font-size: 16px;}
	.solutions-text-area ul { gap: 12px; margin: 0;}
	.solutions-text-area ul li { font-size: 16px;}
	.solutions-text-area ul li i { font-size: 28px;}

	#tele-health .solutions-text-area, 
	#medical-technologies .solutions-text-area, 
	#ai-based-healthcare .solutions-text-area { padding:0 0 24px 0;}
	#wearable-devices .solutions-text-area, #chronic-care .solutions-text-area { padding:24px 0 0 0;}

	#delivery-tracking .section-header, #fleet-tracking .section-header, 
	#sales-tracking .section-header, #school-management .section-header, 
	#taxi-dispatch .section-header, #video-monitoring .section-header { text-align: left;}

	.industries-text-area { padding: 0 0 24px 0;}
	.industries-text-area h3 { font-size: 24px;}
	.industries-text-area p { font-size: 16px;}
	.industries-text-area ul li { font-size: 16px;}
	.industries-text-area ul li i { font-size: 28px;}
	
	#fleet-tracking .industries-text-area, 
	#school-management .industries-text-area, #video-monitoring .industries-text-area { padding: 24px 0 0 0;}

}


/*----------------------------------
    WIDE MOBILE LAYOUT: 480px
-----------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 767px) {		

}