/* Responsive Breakpoints */
@media (min-width:768px){	
	body {font-size:16px;}
	h1{font-size:56px;}
	h2{font-size:52px;}
	h3{font-size:35px;}
	h4{font-size:20px; line-height:37px}
	h5{font-size:20px;}
	h6{font-size:18px;}
	.cmnpad{padding:4rem 0;}
	.container.extra-space {padding:0 80px;}
	
	.sub-content {
		font-size: 18px;
        line-height: 40px;
        max-width: 1366px;
        margin: auto;
	}
	#whatwedo .card h3 {font-size:36px;}
	
	
	.tabs-content-area .accordion-toggle {display: none;}
	.collapse .card{ padding: 15px 40px;}
}

@media (min-width:992px){
	.navbar .navbar-nav .nav-link.higlighted{margin-left:20px;}
	#blogs .col {margin-bottom:4rem;}
}

@media (min-width:1200px){
	.navbar .navbar-nav li+li .nav-link{margin-left:50px;}
	#blogs .btn-group .btn {width:160px;}
	#contact-info .container {padding:0 150px;}
}

@media (min-width:1360px){
	.navbar .navbar-nav li+li .nav-link{margin-left:60px;}
}
@media (min-width:1600px){
	.container {max-width:1600px;}
}

@media (max-width:1599.98px){
	.container {max-width:100%; padding:0 2.5rem;}
}

@media (min-width:992px) and (max-width:1399.98px) {
	h1 {font-size: 62px;}
}

@media (min-width:768px) and (max-width:1199.98px) {
	h1 {font-size: 50px;}
	h2{font-size:44px;}
	.sub-content {font-size: 28px;}
	a.navbar-brand {width: 18%;}
	
	.tabs-content-area .nav li.nav-item {width: 49%;}
	.tabs-content-area .nav li.nav-item .nav-link {width: 100%; font-size:22px;}
	
}

@media (max-width:1399.98px){
	#banner .ai-block {margin-left:10%;}
	#blogs .btn-group .btn {width: auto;}
}

@media (max-width:1199.98px){
	a.navbar-brand img {width: 100%;}
	#Footer .input-group .btn {padding:0 1rem;}
	.card {padding: 0px;}
	
	#blogs .search {width:100%;}
	#blogs .blog-top {text-align:center;}
	
	#whatwedo .btn-group {flex-wrap:wrap;}
	#whatwedo .btn-group .btn {width:47%;}
}

@media (max-width:991.98px){
	.navbar .navbar-nav .nav-link {font-size: 18px;}
	#Footer .float-lg-start,#Footer .float-lg-end {text-align:center;}
	.btn-group .btn {padding: 0 .9rem;}
	
	#banner .bnr-circle{left:0px;}
    #banner .ai-block {margin-left: 30%;}
	#banner .bnr-circle {width: 80%;}
	#blogs .btn-group {flex-wrap:wrap;}
	#blogs .btn-group .btn {width:47%;}
}

@media (max-width:767.98px){
	.sub-content {font-size: 22px;}
	.web-btn > span {font-size: 18px;}	
	.offcanvas {background-color: #000;}
	
	.offcanvas-header .btn-close {font-size: 30px; color: #fff!important;}

	header .web-btn {border:0px;}
	header .web-btn > span {padding: 7px 20px;font-size: 24px;}
	.navbar .navbar-nav .nav-link.higlighted,#banner {text-align:center;}
	#banner .progress-wrapper {text-align:left;}
	#banner .progress-header {gap: 10px;}
	#about,#deliver,#partner,#industries {padding-top:0px;}
	#Footer .copyright {padding-top: 2rem; margin-top: 2rem; font-size: 22px;}
	#whatwedo,#blogs{padding-top:0px;}
	
	.btn-group .btn {font-size: 18px;}
	#whatwedo .card h3 {font-size:32px;}
	#whatwedo .btn-group .btn {width:100%;}
	
	#faq .card .card-header a{font-size:18px;}
	#faq .card .card-body {padding: 1rem 1rem 1rem 3rem; font-size: 18px;}
	
	
	
	.tabs-content-area .tab-content > .tab-pane {display: block !important; opacity: 1 !important; visibility: visible !important; height: auto !important;}
	.tabs-content-area .nav-tabs {display: none;}
	.tabs-content-area .accordion-toggle {display: block; width: 100%; text-align: left; background:linear-gradient(90deg, #4F4BD2 0%, #8341D8 100%); padding: 1rem; border:0px; margin-bottom: 0; cursor: pointer; color:#fff; font-size:18px; font-weight:500; border-radius:10px; margin:1px 0;}
	.tabs-content-area .tab-pane[hidden] {display: none !important;}
	
	#whatwedo .card h3 {font-size: 22px;}
	.sub-content {font-size: 18px;}
	#whatwedo .card .box {font-size: 18px;}
}

@media (max-width:639.98px){
	a.navbar-brand {width: 50%;}
	#banner .ai-block {margin-left: 0%; padding: 0px;}
	#banner .status-block {padding: 10px;}
}