/*===============Mobile Layout: 320px===========*/

@media only screen and (max-width: 767px) {
	
	
	body{overflow-x:hidden !important;}
	.menu{background:#fff;z-index: 999999999999 !important;}
	.navbar-toggler-icon {cursor: pointer;}
	.navbar-toggler:focus{outline:none;}
	header .intro-text {margin-top: 60px;}
	header .intro-text h1{font-size:1.8rem;}
	header .intro-text p {font-size: 18px;margin: 20px 0px 30px;}
	header #intro-img{margin: 40px auto 70px;}
	section {padding: 50px 0px;}
	h2.title{ margin-bottom: 70px;}
	#what-i-do .r-box, .overlay, #latest-blog .r-box, .testimonial-content-box{ margin-bottom: 25px;}
	.workingarrow::before {visibility:hidden;}
	#one-tab, #two-tab, #three-tab{font-size:16px}
	.card-header.tab-card-header .shape{ margin-bottom: 0rem;margin-right: 2rem;}
	.card-header.tab-card-header .shape::before {top: 19px;right: -30px;width: 25px; }
	.infobox p{padding-right: 0rem; margin-bottom: 2rem;}
	.infobox {background: #f7f7f7;text-align: center;margin-bottom: 25px;padding: 25px 0px;}
	.btn-regular{margin-top: 10px;}
	.clent-logo{margin-top:3rem;}
	#contact input[type="submit"]{ width: 92%;}
	.personal-info{margin-top:25px;}
	.call-to-action{text-align:center;}
	.call-to-action h3{ letter-spacing: 0px;word-spacing: 0px;margin-top: 10px;margin-bottom: 30px;}
	ul.footer-nav li a{line-height:40px;}
	
	
	
}