/* Responsive Breakpoints */
@media (min-width: 576px) {
	
}

@media (min-width:768px){	
	body {font-size:20px;}
	h1{font-size:72px;}
	h2{font-size:56px;}
	h3{font-size:40px;}
	h4{font-size:24px;}
	h5{font-size:20px;}
	h6{font-size:18px;}
	#join-us .join-img {margin-left: -200px;}
	
	#work-steps .step-content-area {padding:48px; margin-left:-60px; margin-top:0px;}
	#work-steps .order-md-1 .step-content-area {margin-left:0px;margin-right:-60px;}
	#enquiry .input-group {width:584px; margin:auto;}
	
}

@media (min-width:1340px){
	.container{max-width:1280px;}
	#contact .bg-color .contact-form {width:670px; float:right;}
	#contact .contact-info {width:413px;}
}

@media (max-width:1339.98px){
	.container{max-width:100%;}
	#contact .bg-color .contact-form,#contact .contact-info {margin:4rem 2rem;}
}

@media (min-width:1200px) and  (max-width:1339.98px){
	h2 {font-size: 54px;}
	#built {background-position: 80% 52%;}
}

@media (max-width:1199.98px){
	.navbar .navbar-nav .nav-link {margin-left: 0rem;}
	#built .built-img {margin-right: -40px; margin-left: 0px;}
	#Footer ul.links a {margin: 0 2rem;}
}

@media (min-width:768px) and  (max-width:1199.98px){
	h1{font-size:62px;}
	h2{font-size:42px;}
	h3{font-size:30px;}
	
	.tag {font-size:60px;}
	#get-started {min-height: 75vh;}
}

@media (max-width:991.98px){
	header .login-btns a {padding: 6px;}
	
	header .navbar-brand {width: 15%;}
	header .navbar-brand img {width: 100%;}
	header .login-btns a {margin-left: 0rem;}
	
	#different .story {padding: 20px;}
	#Footer ul.links a {margin: 0 .5rem;}
	
	#join-us .join-img {width:400px;}
	#join-us h2 {margin-top:4rem;}
	#join-us p {width:80%;}
	
	#contact .contact-info {font-size: 24px; padding:1rem;}
	#faq .card {padding: 20px;}
}

@media (min-width:768px) and  (max-width:991.98px){
	h1{font-size:52px;}
	h2{font-size:38px;}
	.tag {font-size:50px;}
}

@media (max-width:767.98px){
	.web-btn > span {padding:5px 15px; font-size:18px;} 
	header .navbar-brand {width: auto;}

	.tag {font-size:32px;}
	#banner .bnr-txt,#different .story,#whois ul {font-size: 18px;}
		
	.bg-patren1 {background-position: 3px 22px;}
	#built,.bg-patren1 {background:none;}
	#built,#expernion {text-align:center;}
	#built .built-img {margin-right: 0px;}
	
	#different .story {margin-left: 0px; margin-top: 40px;}
	#get-started {min-height: 55vh;}
	#Footer .ftr-logo {display:block; margin:auto;}
	
	header .login-btns a {border:2px solid #0F172A; display:block; text-align:center; margin-top:1rem;}
	.navbar .navbar-nav .nav-link.active,.navbar-expand-md .navbar-nav .nav-link:hover {border-bottom:2px solid transparent;}
	#expernion .row {font-size: 14px;}
	
	
	#work-steps .step-content-area ul, #work-steps .step-content-area .hilighted-txt {font-size:18px;}
	#join-us {text-align:center;} 
	#join-us .join-img {width:auto; max-width:100%; display:block; margin:30px auto 0;}
	#join-us h2 {margin-top:0rem;}
	#faq  {padding-top: 0px!important;}
	#faq .card {padding: 18px;}	
	
	#faq .card .card-header a{font-size:20px;}
	#faq .card .card-header a .numb{font-size:30px;}
	#faq .card-header .btn::after {width: 28px; height: 28px;}
	
}

@media (max-width:539.98px){
	#banner video {min-height: 350px;}
	#banner.inr-bnr img {object-fit:cover;height: 250px;}
	#expernion .row img {margin-bottom:2rem;}
	#Footer {text-align:center;}
	#blog-list .card .card-body {padding: 10px 10px 0!important;}
}