/* responsive style sheet */

@media screen and (max-width: 1310px) {
	.homeBannerImage img {
		max-width: 100%;
	}
}

@media screen and (max-width: 1200px) {
	.homeBannerContent h1 {
		font-size: 42px;
		line-height: 48px;
	}
	.stepBox img {
		width: 80px;
	}
	.stepBox.stepOne::after {
		top: 20px;
		right: -90px;
	}
	.stepBox.stepTwo::after {
		top: 25px;
		right: -87px;
	}
	.issInvoiceContent h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.checkList li {
		font-size: 14px;
	}
	.newsInner .media h5 {
		font-size: 18px;
	}
	.footer {
		background-position: -75px bottom, 88vw bottom;
	}
	.tourImage img {
		height: 400px;
	}
	.contactUsContent {
		padding: 0 30px;
	}
}

@media screen and (max-width: 991px) {
	header {
		height: auto;
	}
	ul.navbar-nav.ml-auto.align-items-md-center {
		display: block !important;
	}
	.IntelidusNav .navbar-nav .nav-item .nav-link {
		padding: 8px 0;
		font-weight: 700;
		border-bottom: 1px solid gray;
	}
	.IntelidusNav .navbar-nav li.nav-freeTrial {
		margin: 20px 0;
	}
	.IntelidusNav .navbar-nav .nav-item:first-child {
		padding-top: 30px;
	}
	.IntelidusNav .navbar-nav li.nav-freeTrial a {
		width: 100%;
		text-align: center;
		padding: 8px 0;
	}
	.homeBannerContent p {
		font-size: 16px;
		line-height: normal;
	}
	.homeBannerContent h1 {
		font-size: 30px;
		line-height: 35px;
	}
	a.siteBtnBlue {
		padding: 6px 35px;
	}
	.stepBox h2 {
		font-size: 18px;
	}
	.stepBox img {
		width: 60px;
	}
	.stepBox p {
		font-size: 14px;
	}
	.stepBox.stepOne::after {
		top: 28px;
		right: -15px;
		width: 150px;
		background-size: contain;
	}
	.stepBox.stepTwo::after {
		top: 28px;
		right: -15px;
		width: 150px;
		background-size: contain;
	}
	.ctaSectionInner h2 {
		font-size: 26px;
	}
	.ctaSectionInner p br {
		display: none;
	}
	a.siteBtnOrange {
		padding: 10px 30px;
	}
	.featuresBox p {
		font-size: 14px;
	}
	.issInvoiceContent h2 {
		font-size: 22px;
		line-height: 32px;
	}
	.issInvoiceContent p {
		font-size: 16px;
		line-height: 26px;
	}
	.checkList li::before {
		width: 20px;
		height: 20px;
	}
	.checkList li {
		font-size: 12px;
		padding-left: 30px;
	}
	.twitterReviewBox p {
		line-height: 20px;
		font-size: 14px;
	}
	.twitterReviewBox .media img {
		width: 32px;
		height: 32px;
	}
	.twitterReviewBox .media h5 {
		font-size: 12px;
	}
	.twitterReviewBox .media span {
		font-size: 9px;
	}
	.newsInner .media img {
		width: 90px;
		height: 90px;
	}
	.newsInner .media {
		padding: 15px;
	}
	.newsInner .media h5 {
		font-size: 14px;
		line-height: 20px;
	}
	.newsInner .media ul li a {
		font-size: 10px;
		margin-right: 15px;
	}
	.termsContent h1 {
		font-size: 44px;
	}
	.tourContent {
		max-width: 100%;
		padding: 0 25px;
	}
	.tourContent h1 {
		line-height: 36px;
		font-size: 30px;
	}
	.tourContent p {
		font-size: 14px;
		line-height: 22px;
	}
	.overView {
		padding: 40px 0;
	}
	.vTabContent {
		padding: 0 15px;
	}
	.prcingSideTable .price {
		font-size: 54px;
	}
	.prcingSideTable .name,
	.prcingMiddleTable .name {
		font-size: 28px;
	}
	.prcingSideTable .detail li,
	.prcingMiddleTable .detail li {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.morePackagesTitle h1 {
		font-size: 34px;
		line-height: 46px;
	}
	.morePackagesInner h1 {
		font-size: 20px;
	}
	.morePackagesInner h1 span {
		font-size: 14px;
	}
	.morePackagesInner p {
		font-size: 14px;
	}
	.morePackagesInner ul li {
		margin-bottom: 4px;
		font-size: 14px;
	}
	.morePackagesInner a {
		padding: 10px 10px;
		font-size: 14px;
		width: 100%;
		text-align: center;
	}
	.clientTestiBox p {
		font-size: 16px;
		line-height: 22px;
	}
	.clientTestimonial {
		background-position: -60px top;
	}
	.clientTestiBox .media h5 {
		font-size: 14px;
	}
	.clientTestiBox .media span {
		font-size: 10px;
	}
}

@media screen and (max-width: 767px) {
	.homeBannerImage {
		display: none;
	}
	.homeBannerContent {
		width: 100%;
		text-align: center;
	}
	.homeBanner::after {
		background-position: 85vw bottom;
	}
	h1.title {
		font-size: 28px;
	}
	.stepBox.stepOne::after,
	.stepBox.stepTwo::after {
		display: none;
	}
	.stepBox {
		position: relative;
		text-align: center;
		margin-bottom: 40px !important;
	}
	.stepBox.stepThree {
		margin-top: 0;
	}
	.stepBox.stepTwo {
		margin-top: 0;
	}
	.stepBox h2 {
		font-size: 18px;
		margin-top: 15px;
	}
	.ourFeatures {
		background-image: none;
	}
	.featuresBox,
	.featuresBox.featuresBoxMiddle {
		-webkit-box-shadow: 0px 0px 10px 2px rgba(14, 86, 124, 0.14);
		-moz-box-shadow: 0px 0px 10px 2px rgba(14, 86, 124, 0.14);
		box-shadow: 0px 0px 10px 2px rgba(14, 86, 124, 0.14);
		padding: 20px 20px;
		min-height: auto;
		margin-bottom: 35px;
		border-radius: 10px;
	}
	.issInvoiceContent {
		padding: 30px 0;
	}
	.footer {
		background-image: none;
		background-color: #F7F8FA;
	}
	.footerList {
		margin-top: 40px;
	}
	.footerSocial.text-right {
		text-align: center !important;
	}
	.copyRight {
		text-align: center;
		margin-top: 15px;
	}
	.prcingSideTable {
		width: 350px;
		margin: 0 auto 40px;
	}
	.prcingMiddleTable {
		-ms-transform: scale(1);
		transform: scale(1);
		width: 350px;
		margin: 0 auto 40px;
	}
	.pricingBanner {
		background-size: auto;
	}
	.morePackagesTitle h1 {
		font-size: 22px;
		line-height: 36px;
	}
	.morePackagesTitle p br {
		display: none;
	}
	.morePackagesTitle p {
		font-weight: 500;
		font-size: 14px;
		max-width: 80%;
		margin: 0 auto;
	}
	.morePackagesInner {
		margin: 20px 0;
		max-width: 350px;
		margin: 30px auto;
	}
	.pricingSteps {
		background-image: none;
	}
	.faqSection .col-3 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.faqSection .col-9 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.vTabs {
		display: block;
		text-align: center;
		margin-bottom: 40px;
	}
	.vTabs a {
		display: inline-block;
	}
	.aboutBanner {
		background-image: url(../images/about-background.png);
		background-size: cover;
		padding: 70px 0;
	}
	.aboutMissionInner h1 {
		margin-bottom: 30px;
		font-size: 30px;
		text-align: center;
	}
	.aboutMissionContent p {
		font-size: 14px;
		line-height: 24px;
		text-align: center;
	}
	.aboutMissionImage img {
		margin-bottom: 30px;
	}
	.meetTeamTitle h1 {
		font-size: 32px;
		margin-bottom: 15px;
	}
	.meetTeamTitle p br {
		display: none;
	}
	.meetTeamBox {
		text-align: center;
		margin-bottom: 50px;
	}
	.termsContent h1 {
		font-size: 32px;
	}
	.vlCenterInner h1 {
		font-size: 30px;
		margin-bottom: 10px;
	}
	.vlCenterInner p {
		font-size: 16px;
	}
	.vlCenterInner {
		padding: 45px 30px;
	}
	.contactMap {
		height: 500px;
		width: 100%;
		margin: 0 0 35px 0;
	}
	.contactUsSecion {
		padding: 0;
	}
	.contactMap iframe {
		border-radius: 0;
	}
	.clientTestimonial {
		background-image: none;
	}
	.clientTestiBox {
		text-align: center;
	}
	.clientTestiBox p {
		height: auto;
		min-height: unset;
	}
	.clientTestiBox .media {
		display: block;
	}
	.clientTestiBox .media .media-body {
		text-align: center;
	}
	.clientTestiBox .media img {
		margin: 0 0 15px 0 !important;
	}
	.errorBox h1 {
		margin-bottom: 10px;
		font-size: 32px;
	}
	.errorBox p br {
		display: none;
	}
	.errorBox p {
		font-size: 16px;
		max-width: 90%;
		margin: 0 auto;
	}
}
