@media all and (min-width:240px) and (max-width:319px) {}

@media all and (min-width:320px) and (max-width:479px) {
	.hero-text h1 {
		font-size: 2.5rem;
	}
	header .logo {
		left: 20px;
	}
	.hero-text p {
		font-size: 1.6rem;
		line-height: 1em;
		top: 40px;
		position: relative;
	}
	#services .container p {
		width: 90%;
	}
	#services .container p.title-txt {
		font-size: 2.5rem;
		width: 100%;
	}
	#services .item-services {
		width: 100%;
		margin-left: 0px;
		margin-top: 10%;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#services p.items {
		width: 100%;
	}
	#services .action-started {
		top: 70px;
	}
	.item-container .item-services:nth-child(3n+2) {
		margin-top: 0px;
	}
	#features .icon {
		text-align: left;
		width: 90%;
	}
	#features .action-started {
		margin-top: 30%;
	}
	.icon-box {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.left-icon-text {
		margin-left: 0;
	}
	#features .action-started {
		position: relative;
		margin-left: 0px;
		margin-top: 30%;
	}
	#stats p.items {
		width: 100%;
	}
	#stats .item-container {
		position: relative;
		margin-left: 0%;
	}
	#stats .item-stats {
		margin-left: 0px;
		margin-top: 20px;
		width: 100%;
	}
	.item-testimonial {
		position: relative;
		margin-top: 10%;
	}
	.txt-testimonial p {
		padding: 20px 20px 10px 15px;
	}
	div.testimonial p {
		margin-left: 45%;
	}
	div.testimonial cite {
		margin-left: 45%;
	}
	#video h2 {
		margin: 10% auto;
	}
	.btn-circle-play {
		position: relative;
		margin: 15% auto;
		text-align: center;
	}
	.pricing-content {
		margin: 6.6rem auto;
	}
	.bgrid {
		position: relative;
		margin: 0px auto;
	}
	.pricing-content {
		max-width: 420px;
	}
	.pricing-content .bgrid {
		width: 100% !important;
		float: none !important;
		clear: both !important;
		margin-left: 0;
		margin-right: 0;
	}
	#subscribe .container p {
		width: 100%;
	}
	.formi {
		position: relative;
		width: 100%;
		margin: 0px auto;
	}
	.subscribe-form .input-line {
		margin: 0px auto;
		width: 100%;
	}
	.subscribe-form .btn {
		right: 0px;
		top: 176px;
	}
	#sblog .cnt-blog-wg {
		position: relative;
		margin: 0 auto;
	}
	#sblog .cnt-blog-wg .cnt-post {
		margin: 10% auto;
		position: relative;
	}
	.heroslider_title {
		font-size: 2.5rem;
	}
	.heroslider_txt {
		width: 100%;
	}
	#hero-4 .work-btns {
		top: 20px;
	}
	#hero-4 .cnt-btn {
		position: relative;
		margin-top: 5%;
		width: 100%;
	}
	#hero-4 .work-split-btn .cnt-btn {
		text-align: center;
		width: 100%;
		bottom: 30px;
		position: relative;
	}
	.mobiles img {
		display: block;
		margin: 30px auto;
		width: 360px;
		-webkit-animation-duration: 1.2s;
		-moz-animation-duration: 1.2s;
		-o-animation-duration: 1.2s;
		animation-duration: 1.2s;
	}
	#hero-3 .cnt-hero-content {
		padding: 0px 0px 400px 0px;
	}
	#hero-3 .hero-text h1 {
		font-size: 2.5rem;
		width: 100%;
	}
	#hero-3 .hero-text p {
		width: 100%;
	}
	#hero-3 .screenshot {
		top: 325px;
	}
	.hero-features .cnt-header-bg {
		padding: 0px 0px 200px 0px;
	}
	.hero-features .hero-box {
		top: 150px;
	}
	.hero-features .hero-text h1 {
		font-size: 3.5rem;
	}
	.hero-features .hero-text p {
		line-height: 1.5em;
	}
	.hero-features .hero-text p {
		font-size: 1.5rem;
	}
	.hero-features .action-started p {
		width: 100%;
		font-size: 1.1rem;
		margin: 15px auto;
	}
	#img-feature {
		display: none;
	}
	#solutions p {
		width: 90%;
	}
	#solutions h2 {
		width: 100%;
	}
	#solutions .main-feature-column {
		position: relative;
		margin-left: 0px;
	}
	#solutions .item-feature .item-feature-left {
		width: 100%;
		margin-top: 40px;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.content-feature {
		position: relative;
		bottom: 50px;
	}
	#solutions #feature-item-01 h2,
	#solutions #feature-item-01 p {
		width: 100%;
	}
	#integrations .tab-company {
		margin-left: 15%;
		margin-top: 15%;
	}
	#integrations p {
		width: 100%;
	}
	.questions-cnt h3 {
		width: 95%;
	}
	#faq p {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#faq .questions-cnt p {
		width: 100%;
	}
	#get-quote p {
		width: 100%;
	}
	.hero-services .hero-text h1 {
		font-size: 3.5rem;
	}
	.hero-services .hero-text p {
		width: 100%;
	}
	.hero-services .cnt-btn {
		width: 100%;
		position: relative;
		margin-top: 5%;
	}
	#allservices .item-all-services {
		width: 100%;
		margin-top: 20px;
	}
	#how-it-works .container p.title-hiw {
		width: 100%;
	}
	#how-it-works .tab-nav ul {
		display: none;
	}
	#how-it-works .tab-nav ul.mobile {
		display: block;
		width: 100%;
		text-align: center;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
	}
	#how-it-works .tab-nav ul.mobile li {
		position: relative;
		margin-top: 20px;
	}
	.center-tab p.video-txt {
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}
	.center-tab .video {
		width: 100%;
	}
	.tab-content .center-tab {
		position: relative;
		margin-top: 10%;
	}
	.tab-content .tab-content-txt {
		position: relative;
		margin-top: 10%;
	}
	.tab-content .img-tab-content {
		position: relative;
		margin-top: 10%;
	}
	#showcase .container p,
	#showcase .showcase-content h2 {
		width: 100%;
	}
	#showcase .showcase-content {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#showcase .showcase-content ul.showcase-list {
		margin-top: 15%;
	}
	.cnt-heroblog-content .hero-box {
		top: 180px;
	}
	#hero .formi {
		position: relative;
		width: 100%;
		right: 0px;
		margin: 0px auto;
		text-align: center;
	}
	#hero .subscribe-form .btn {
		right: 0px;
	}
	#hero .subscribe-form .input-line {
		margin: 0px auto;
		width: 100%;
	}
	.container-right-sidebar {
		position: relative;
		margin-top: 25%;
	}
	.container-right-sidebar .social-icon-holder-twitter,
	.container-right-sidebar .social-icon-holder-facebook,
	.container-right-sidebar .social-icon-holder-mail,
	.container-right-sidebar .social-icon-holder-rss,
	.container-left-sidebar .social-icon-holder-twitter,
	.container-left-sidebar .social-icon-holder-facebook,
	.container-left-sidebar .social-icon-holder-mail,
	.container-left-sidebar .social-icon-holder-rss {
		width: 45px;
		height: 45px;
	}
	.container-right-sidebar .social-icon-twitter:before,
	.container-right-sidebar .social-icon-facebook:before,
	.container-right-sidebar .social-icon-mail:before,
	.container-right-sidebar .social-icon-rss:before,
	.container-left-sidebar .social-icon-twitter:before,
	.container-left-sidebar .social-icon-facebook:before,
	.container-left-sidebar .social-icon-mail:before,
	.container-left-sidebar .social-icon-rss:before {
		line-height: 40px;
	}
	#post-blog .container-post .data-post-main {
		width: 70%;
		height: auto;
		bottom: 120px;
	}
	#post-blog .container-post .data-post-main ul li {
		font-size: 1.5rem;
		display: block;
	}
	#post-blog .container-post h2 {
		font-size: 2.5rem;
	}
	.container-post .social {
		margin-top: 40%;
	}
	.blog-comment {
		margin-top: 20%;
	}
	.blog-comment button {
		width: 100%;
	}
	.articles-next {
		width: 100%;
		margin-left: 0%;
	}
	#subscribe-blog .form-group {
		width: 100%;
		left: 0;
	}
	#subscribe-blog .btn-subscribe {
		margin-top: 2%;
		right: 0px;
		width: 100%;
	}
	.cnt-heroprivacy-content {
		height: 550px;
	}
	#privacy .cnt-btn {
		margin-top: 5%;
	}
	.btn-comparison {
		top: 20px;
		padding: 1rem 2rem;
		font-size: 1.3rem;
	}
	.cfeature-first i,
	.cfeature i {
		position: relative;
		margin-right: 20%;
		font-size: 1.8rem;
		color: #182a3c;
		cursor: pointer;
	}
	.contact-me button {
		width: 100%;
	}
	.cnt-contact-bg .contact-me {
		margin-left: 0%;
	}
	.cnt-contact-bg .row {
		width: 100%;
	}
	.cnt-contact-bg .data-contact ul.data-content {
		margin-left: 0%;
	}
	.cnt-contact-bg .data-contact {
		margin-left: 0%;
	}
	.cnt-contact-bg .data-contact-mobile {
		display: none;
	}
	.questions-cnt {
		margin-left: 10px;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.questions-cnt h3 {
		margin-left: 0%;
	}
	hr.question {
		margin-left: 0%;
	}
	#faq-1 .questions-cnt p {
		width: 100%;
	}
	.cnt-herofaq-content {
		height: 500px;
	}
	.left-panel-faq {
		margin-left: 20px;
	}
	#accordion-2 {
		width: 100%;
	}
	#accordion-2 .panel {
		width: 100%;
	}
	.left-panel-faq ul li {
		width: 90%;
	}
	.init-filter {
		width: 100%;
	}
	.clicked-filter {
		width: 100%;
	}
	#intro-about h1 {
		font-size: 2rem;
	}
	#intro-about h3 {
		font-size: 3rem;
	}
	#intro-about .intro-about-txt {
		margin-left: 0px;
		width: 100%;
	}
	#our-team h3,
	#investors h3,
	#wearein h3 {
		width: 100%;
		font-size: 3.5rem;
	}
	#our-team p {
		width: 90%;
	}
	#our-team .people-list {
		width: 100%;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	#our-team .fit-image {
		position: relative;
		margin: 0px auto;
		left: 0px;
		text-align: center;
	}
	#our-team .team-list {
		width: 100%;
		left: 0%;
	}
	.team-list .team-detail {
		position: relative;
		text-align: center;
		padding-top: 20px;
		top: 0px;
	}
	.slider-content {
		left: 0px;
		position: absolute;
		margin: 0px auto;
	}
	#workwithus p {
		margin: 20px auto;
	}
	#workwithus .work-btns {
		position: relative;
		text-align: center;
		width: 100%;
	}
	#workwithus .work-btns>* {
		text-align: center;
	}
	#workwithus .cnt-btn {
		position: relative;
		margin: 10px auto;
		left: 5%;
	}
	#investors p {
		width: 100%;
	}
	#investors .items-investors {
		width: 100%;
		margin-top: 35%;
		margin-left: 0%;
	}
	#investors .items-investors .left-hdr img {
		text-align: center;
		margin: 0 auto;
		position: relative;
	}
	#wearein h3 {
		width: 100%;
	}
	#wearein p {
		width: 90%;
	}
	#wearein img {
		margin-left: 0;
	}
	.map-we-are img {
		top: 0px;
		margin-left: 0;
		width: 300px;
	}
	.footer-main .footer-logo {
		margin-left: auto;
		margin-right: auto;
	}
	.footer-main .footer-info {
		text-align: center;
	}
	.footer-main .footer-subscribe {
		text-align: center;
	}
	.footer-main .site-links,
	.footer-main .social-links {
		text-align: center;
	}
	.footer-main .site-links h4,
	.footer-main .social-links h4 {
		border: none;
	}
	.footer-main ul {
		width: 80%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.footer-main ul li a {
		display: block;
		padding: .6rem 0;
	}
	.footer-main ul li:first-child a {}
	.footer-main {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.footer-bottom .copyright {
		margin-left: 0px;
		margin-top: 1.2rem;
		font-size: 1.2rem;
	}
	.footer-bottom .terms {
		margin-left: 0px;
		font-size: 1.2rem;
		margin-top: 0rem;
	}
	footer h4 {
		position: relative;
		margin-top: 20px;
	}
	#go-top a {
		position: relative;
		right: 0;
		bottom: 60px;
	}
	.footer-main .footer-subscribe ul.contact {
		width: 100%;
	}
	#register .main-center {
		max-width: 100%;
	}
	#register .social-links .social-icon-holder-twitter,
	#register .social-links .social-icon-holder-facebook,
	#register .social-links .social-icon-holder-google {
		width: 40px;
		height: 40px;
	}
	#register .social-links .social-icon-twitter:before,
	#register .social-links .social-icon-facebook:before,
	#register .social-links .social-icon-google:before {
		line-height: 40px;
	}
	.hero-careers .hero-text h1 {
		font-size: 4rem;
	}
	#benefits h1 {
		font-size: 2rem;
	}
	#benefits p {
		width: 90%;
	}
	#benefits .main-benefit-column {
		margin-left: 0px;
	}
	#hiring .job-position {
		height: 120px;
	}
	#hiring .job-position ul li.place {
		right: 0;
	}
	#hiring .job-position .button {
		line-height: 10rem;
		position: relative;
		left: 5px;
	}
	.hero-error {
		height: 750px;
	}
	.hero-error .action-started {
		bottom: 350px;
	}
	.hero-error #error404 {
		position: relative;
		right: 50px;
		bottom: 180px;
		width: 450px;
	}
	#login-form .card-container.card .social-links .social-icon-holder-twitter,
	#login-form .card-container.card .social-links .social-icon-holder-facebook,
	#login-form .card-container.card .social-links .social-icon-holder-google {
		width: 40px;
		height: 40px;
	}
	#login-form .card-container.card .social-links .social-icon-twitter:before,
	#login-form .card-container.card .social-links .social-icon-facebook:before,
	#login-form .card-container.card .social-links .social-icon-google:before {
		line-height: 40px;
	}
}

@media only screen and (min-width: 480px) and (max-width:767px) {
	.hero-text h1 {
		font-size: 4rem;
	}
	.hero-text p {
		font-size: 1.6rem;
	}
	#services .container p {
		width: 90%;
	}
	#services .container p.title-txt {
		font-size: 2.5rem;
		width: 100%;
	}
	#services p.items {
		width: 100%;
	}
	#services .action-started {
		top: 70px;
	}
	#services .item-services {
		width: 100%;
		margin-left: 0px;
		margin-top: 5%;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.item-container .item-services:nth-child(3n+2) {
		margin-top: 0px;
	}
	#features .icon {
		text-align: left;
		width: 90%;
	}
	#features .action-started {
		margin-top: 30%;
	}
	.icon-box {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.left-icon-text {
		margin-left: 0;
	}
	#stats p.items {
		width: 100%;
		position: relative;
		text-align: center;
	}
	#stats .item-container {
		position: relative;
		margin-left: 0%;
	}
	#stats .item-stats {
		margin-left: 0px;
		margin-top: 20px;
		width: 100%;
	}
	.item-testimonial {
		position: relative;
		margin-top: 10%;
	}
	.txt-testimonial p {
		padding: 50px 20px 10px 15px;
	}
	div.testimonial p {
		margin-left: 30%;
	}
	div.testimonial cite {
		margin-left: 30%;
	}
	#video h2 {
		margin: 10% auto;
	}
	.btn-circle-play {
		position: relative;
		margin: 15% auto;
		text-align: center;
	}
	.pricing-content {
		margin: 6.6rem auto;
	}
	.bgrid {
		position: relative;
		margin: 0px auto;
	}
	.pricing-content {
		max-width: 420px;
	}
	.pricing-content .bgrid {
		width: 100% !important;
		float: none !important;
		clear: both !important;
		margin-left: 0;
		margin-right: 0;
	}
	#subscribe .container p {
		width: 100%;
	}
	.formi {
		position: relative;
		width: 80%;
		margin: 0px auto;
	}
	.subscribe-form .input-line {
		margin: 0px auto;
		width: 100%;
	}
	.subscribe-form .btn {
		right: 0px;
		top: 128px;
	}
	#sblog .cnt-blog-wg {
		position: relative;
		margin: 0 auto;
	}
	#sblog .cnt-blog-wg .cnt-post {
		margin: 10% auto;
		position: relative;
	}
	.heroslider_txt {
		width: 100%;
	}
	#hero-4 .work-btns {
		top: 20px;
	}
	#hero-4 .cnt-btn {
		position: relative;
		margin-top: 5%;
		width: 100%;
	}
	.hero--slider .slick-dots {
		bottom: 50px;
	}
	#hero-4 .work-split-btn .cnt-btn {
		text-align: center;
		width: 100%;
		bottom: 30px;
		position: relative;
	}
	.mobiles img {
		display: block;
		margin: 30px auto;
		width: 360px;
		-webkit-animation-duration: 1.2s;
		-moz-animation-duration: 1.2s;
		-o-animation-duration: 1.2s;
		animation-duration: 1.2s;
	}
	#hero-3 .cnt-hero-content {
		padding: 0px 0px 400px 0px;
	}
	#hero-3 .hero-text h1 {
		font-size: 3.5rem;
		width: 100%;
	}
	#hero-3 .hero-text p {
		width: 100%;
	}
	#hero-3 .screenshot {
		top: 200px;
	}
	.hero-features .cnt-header-bg {
		padding: 0px 0px 200px 0px;
	}
	.hero-features .hero-box {
		top: 150px;
	}
	.hero-features .hero-text h1 {
		font-size: 3.5rem;
	}
	.hero-features .hero-text p {
		line-height: 1.5em;
	}
	.hero-features .hero-text p {
		font-size: 1.5rem;
	}
	.hero-features .action-started p {
		width: 100%;
		font-size: 1.1rem;
		margin: 15px auto;
	}
	#img-feature {
		display: none;
	}
	#solutions p {
		width: 90%;
	}
	#solutions h2 {
		width: 100%;
	}
	#solutions .main-feature-column {
		position: relative;
		margin-left: 0px;
	}
	#solutions .item-feature .item-feature-left {
		width: 100%;
		margin-top: 40px;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.content-feature {
		position: relative;
		bottom: 50px;
	}
	#solutions #feature-item-01 h2,
	#solutions #feature-item-01 p {
		width: 100%;
	}
	#integrations .tab-company {
		position: relative;
		margin-top: 5%;
		margin-left: 0%;
	}
	#integrations .tab-company .left-hdr {
		position: relative;
		margin: 2% auto;
		text-align: center;
	}
	#integrations .tab-company .left-hdr img {
		text-align: center;
		margin: 0 auto;
		position: relative;
	}
	#integrations p {
		width: 100%;
	}
	.questions-cnt h3 {
		width: 95%;
	}
	#faq p {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#faq .questions-cnt p {
		width: 100%;
	}
	#get-quote p {
		width: 100%;
	}
	.hero-services .hero-text h1 {
		font-size: 3.5rem;
	}
	.hero-services .hero-text p {
		width: 100%;
	}
	.hero-services .cnt-btn {
		width: 100%;
		position: relative;
		margin-top: 5%;
	}
	#allservices .item-all-services {
		width: 100%;
		margin-top: 20px;
	}
	#how-it-works .container p.title-hiw {
		width: 100%;
	}
	#how-it-works .tab-nav ul {
		display: none;
	}
	#how-it-works .tab-nav ul.mobile {
		display: block;
		width: 100%;
		text-align: center;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
	}
	#how-it-works .tab-nav ul.mobile li {
		position: relative;
		margin-top: 20px;
	}
	.center-tab p.video-txt {
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}
	.center-tab .video {
		width: 100%;
	}
	.tab-content .center-tab {
		position: relative;
		margin-top: 10%;
	}
	.tab-content .tab-content-txt {
		position: relative;
		margin-top: 10%;
	}
	.tab-content .img-tab-content {
		position: relative;
		margin-top: 10%;
	}
	#showcase .container p,
	#showcase .showcase-content h2 {
		width: 100%;
	}
	#showcase .showcase-content {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#showcase .showcase-content ul.showcase-list {
		margin-top: 15%;
	}
	.cnt-heroblog-content .hero-box {
		top: 180px;
	}
	#hero .formi {
		position: relative;
		width: 100%;
		right: 30px;
		margin: 0px auto;
		text-align: center;
	}
	#post-blog .container-post .data-post-main {
		width: 100%;
	}
	#post-blog .container-post .data-post-main ul li {
		font-size: 1.5rem;
	}
	#post-blog .container-post h2 {
		font-size: 2.5rem;
	}
	.dotted-line:after {
		content: "-------------------------------------------------------------------------------------";
		letter-spacing: 6px;
		font-size: 2rem;
		width: 100%;
		color: #CCCCCC;
		display: inline-block;
		vertical-align: 3px;
		padding-left: 10px;
		text-align: center;
		margin: 0 auto;
		position: relative;
	}
	.container-right-sidebar {
		position: relative;
		margin-top: 25%;
	}
	.container-right-sidebar .cnt-about-us img {
		width: 200px;
	}
	#container-posts-left {
		position: relative;
		margin-top: 25%;
	}
	.container-left-sidebar .cnt-about-us img {
		width: 200px;
	}
	#content-post .post-dates {
		font-size: 1.2rem;
	}
	.articles-next {
		width: 100%;
		margin-left: 0%;
	}
	.left-post i,
	.right-post i {
		font-size: 4rem;
	}
	.articles-next .left-post h3,
	.articles-next .right-post h3 {
		font-size: 2rem;
	}
	#subscribe-blog .form-group {
		width: 100%;
		left: 0;
	}
	#subscribe-blog .btn-subscribe {
		margin-top: 2%;
		right: 0px;
		width: 100%;
	}
	.cnt-heroprivacy-content {
		height: 550px;
	}
	#privacy .cnt-btn {
		margin-top: 5%;
	}
	.btn-comparison {
		top: 20px;
		padding: 1rem 2rem;
		font-size: 1.3rem;
	}
	.cfeature-first i,
	.cfeature i {
		position: relative;
		margin-right: 20%;
		font-size: 1.8rem;
		color: #182a3c;
		cursor: pointer;
	}
	.cnt-contact-bg .contact-me {
		margin-left: 0%;
	}
	.cnt-contact-bg .row {
		width: 100%;
	}
	.cnt-contact-bg .data-contact {
		margin-left: 0%;
		margin-top: 10%;
	}
	.questions-cnt {
		margin-left: 10px;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.questions-cnt h3 {
		margin-left: 0%;
	}
	hr.question {
		margin-left: 0%;
	}
	#faq-1 .questions-cnt p {
		width: 100%;
	}
	.cnt-herofaq-content {
		height: 500px;
	}
	.left-panel-faq {
		margin-left: 20px;
	}
	#accordion-2 {
		width: 100%;
	}
	#accordion-2 .panel {
		width: 100%;
	}
	.left-panel-faq ul li {
		width: 90%;
	}
	.init-filter {
		width: 100%;
	}
	.clicked-filter {
		width: 100%;
	}
	.cnt-herocoming-content #clock span {
		line-height: 100px;
		width: 110px;
		height: 110px;
	}
	.coming-soon-bd {
		height: 100vh;
		background: red;
	}
	#our-team h3,
	#investors h3,
	#wearein h3 {
		width: 100%;
		font-size: 3.5rem;
	}
	#our-team p {
		width: 90%;
	}
	#our-team .people-list {
		width: 100%;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	#our-team .fit-image {
		position: relative;
		margin: 0px auto;
		left: 0px;
		text-align: center;
	}
	#our-team .team-list {
		width: 100%;
		left: 0%;
	}
	.team-list .team-detail {
		position: relative;
		text-align: center;
		padding-top: 20px;
		top: 0px;
	}
	.slider-content {
		left: 0px;
		position: absolute;
		margin: 0px auto;
	}
	#workwithus p {
		margin: 20px auto;
	}
	#workwithus .work-btns {
		position: relative;
		text-align: center;
		width: 50%;
	}
	#workwithus .work-btns>* {
		text-align: center;
	}
	#workwithus .cnt-btn {
		position: relative;
		text-align: center;
		margin: 2% auto;
	}
	#investors p {
		width: 100%;
	}
	#investors .items-investors {
		width: 100%;
		margin-top: 25%;
		margin-left: 0%;
	}
	#investors .items-investors .left-hdr img {
		margin: 2% auto;
		position: relative;
	}
	#wearein h3 {
		width: 100%;
	}
	#wearein p {
		width: 90%;
	}
	.map-we-are img {
		position: relative;
		top: 0px;
		width: 500px;
	}
	.footer-main .footer-logo {
		margin-left: auto;
		margin-right: auto;
	}
	.footer-main .footer-info {
		text-align: center;
	}
	.footer-main .footer-subscribe {
		text-align: center;
	}
	.footer-main .site-links,
	.footer-main .social-links {
		text-align: center;
	}
	.footer-main .site-links h4,
	.footer-main .social-links h4 {
		border: none;
	}
	.footer-main ul {
		width: 80%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.footer-main ul li a {
		display: block;
		padding: .6rem 0;
	}
	.footer-main ul li:first-child a {}
	.footer-main {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.footer-bottom .copyright {
		margin-left: 0px;
		margin-top: 1.2rem;
		font-size: 1.2rem;
	}
	.footer-bottom .terms {
		margin-left: 0px;
		font-size: 1.2rem;
		margin-top: 0rem;
	}
	footer h4 {
		position: relative;
		margin-top: 20px;
	}
	#go-top a {
		position: relative;
		right: 0;
		bottom: 40px;
	}
	.footer-main .footer-subscribe ul.contact {
		width: 100%;
	}
	#register .main-center {
		max-width: 100%;
	}
	#benefits .main-benefit-column {
		margin-left: 0px;
	}
	#hiring .job-position {
		height: 120px;
		width: 100%;
	}
	#hiring .job-position ul li.place {
		right: 0;
	}
	#hiring .job-position .button {
		line-height: 10rem;
		position: relative;
		left: 5px;
	}
	.hero-error {
		height: 750px;
	}
	.hero-error .action-started {
		bottom: 350px;
	}
	.hero-error #error404 {
		position: relative;
		right: 0px;
		bottom: 180px;
		width: 450px;
	}
}

@media only screen and (min-width: 768px) and (max-width:991px) {
	.hero-text h1 {
		font-size: 4rem;
	}
	.hero-text p {
		font-size: 1.6rem;
	}
	#services .container p.title-txt {
		width: 80%;
		font-size: 3rem;
	}
	#features .icon {
		text-align: left;
		width: 90%;
	}
	#features .action-started {
		margin-top: 15%;
	}
	#stats p.items {
		width: 100%;
	}
	.item-testimonial {
		position: relative;
		margin-top: 10%;
	}
	.txt-testimonial p {
		padding: 50px 20px 10px 15px;
	}
	div.testimonial p {
		margin-left: 20%;
	}
	div.testimonial cite {
		margin-left: 20%;
	}
	.pricing-content {
		margin: 6.6rem auto;
	}
	.bgrid {
		position: relative;
		margin: 0px auto;
	}
	.formi {
		position: relative;
		width: 80%;
		margin: 0px auto;
	}
	.subscribe-form .input-line {
		margin: 0px auto;
		width: 100%;
	}
	.subscribe-form .btn {
		right: 0px;
		top: 152px;
	}
	#sblog .cnt-blog-wg {
		position: relative;
		margin: 0 auto;
	}
	#sblog .cnt-blog-wg .cnt-post {
		margin: 10% auto;
		position: relative;
	}
	#hero-3 .cnt-hero-content {
		padding: 0px 0px 450px 0px;
	}
	#hero-3 .hero-text h1 {
		font-size: 3.5rem;
		width: 100%;
	}
	#hero-3 .hero-text p {
		width: 100%;
	}
	#hero-3 .screenshot {
		top: 180px;
	}
	#img-feature .img-dashboard {
		right: 20px;
	}
	#solutions .main-feature-column {
		margin-left: 10px;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#solutions .item-feature .item-feature-left {
		width: 70%;
		margin-left: 10px;
	}
	#solutions #feature-item-01 h2 {
		top: 0px;
		width: 100%;
	}
	#solutions #feature-item-01 p {
		top: 0px;
		width: 100%;
	}
	#get-quote p {
		width: 100%;
	}
	.hero-services .hero-text p {
		width: 100%;
	}
	#allservices .item-all-services {
		width: 100%;
		margin-top: 20px;
	}
	#how-it-works .container p.title-hiw {
		width: 100%;
	}
	.center-tab p.video-txt {
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}
	.center-tab .video {
		width: 100%;
	}
	.imb-tab-content {
		position: relative;
		top: 50px;
	}
	#showcase .container p,
	#showcase .showcase-content h2 {
		width: 100%;
	}
	#intro-about .intro-about-txt {
		width: 100%;
	}
	#intro-about p {
		width: 100%;
	}
	#intro-about h3 {
		width: 100%;
	}
	#our-team p {
		width: 100%;
	}
	#our-team .people-list {
		width: 100%;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	#our-team .fit-image {
		position: relative;
		margin: 0px auto;
		left: 0px;
		text-align: center;
	}
	#our-team .team-list {
		width: 100%;
		left: 0%;
	}
	.team-list .team-detail {
		position: relative;
		text-align: center;
		padding-top: 20px;
		top: 0px;
	}
	.slider-content {
		left: 0px;
		position: absolute;
		margin: 0px auto;
	}
	#investors .items-investors {
		width: 80%;
		margin-top: 25%;
	}
	#wearein h3 {
		width: 100%;
	}
	.map-we-are img {
		position: relative;
		top: 0px;
		width: 700px;
	}
	#benefits .main-benefit-column {
		margin-left: 0px;
		padding-right: 0! important;
		padding-left: 0! important;
		width: 100%;
	}
	#benefits .item-benefit img {
		position: relative;
		margin-left: 40px;
	}
	#benefits .item-benefit h2 {
		width: 100%;
		margin-top: 0px;
		margin-left: 40px;
	}
	#benefits .item-benefit p {
		margin-left: 40px;
	}
	#hiring .job-position {
		height: 100px;
		width: 80%;
		margin-left: 100px;
	}
	#hiring .job-position .data-job {
		width: 100%;
		top: 40px;
	}
	#hiring .job-position .button {
		left: 350px;
		line-height: 5rem;
	}
	#hero .formi {
		position: relative;
		width: 100%;
		right: 50px;
		margin: 0px auto;
		text-align: center;
	}
	.dotted-line:after {
		content: "-------------------------------------------------------------------------------------";
		letter-spacing: 6px;
		font-size: 2rem;
		width: 100%;
		color: #CCCCCC;
		display: inline-block;
		vertical-align: 3px;
		padding-left: 10px;
		text-align: center;
		margin: 0 auto;
		position: relative;
	}
	.container-right-sidebar {
		position: relative;
		margin-top: 25%;
	}
	.container-right-sidebar .cnt-about-us img,
	.container-left-sidebar .cnt-about-us img {
		width: 200px;
	}
	.blog-comment {
		margin-top: 30%;
	}
	.articles-next {
		width: 100%;
		margin-left: 0%;
	}
	.left-post i,
	.right-post i {
		font-size: 4rem;
	}
	.articles-next .left-post h3,
	.articles-next .right-post h3 {
		font-size: 2rem;
	}
	#subscribe-blog .form-group {
		width: 100%;
		left: 0;
	}
	#subscribe-blog .btn-subscribe {
		margin-top: 2%;
		right: 0px;
		width: 100%;
	}
	.hero-error #error404 {
		position: relative;
		bottom: 100px;
		width: 100%;
	}
	.cnt-contact-bg .contact-me {
		margin-left: 0%;
	}
	.cnt-contact-bg .row {
		width: 100%;
	}
	.cnt-contact-bg .data-contact {
		margin-left: 25%;
	}
	.left-panel-faq {
		margin-left: 20px;
	}
	.left-panel-faq p {
		font-family: 'Open Sans', sans-serif;
		font-size: 1.5rem;
		width: 100%;
	}
	#accordion-2 {
		width: 100%;
	}
	#accordion-2 .panel {
		width: 100%;
	}
	.coming-soon-bd {
		height: 100vh;
	}
	.footer-main .footer-logo {
		margin-left: auto;
		margin-right: auto;
	}
	.footer-main .footer-info {
		text-align: center;
	}
	.footer-main .footer-subscribe {
		text-align: center;
	}
	.footer-main .site-links,
	.footer-main .social-links {
		text-align: center;
	}
	.footer-main .site-links h4,
	.footer-main .social-links h4 {
		border: none;
	}
	.footer-main ul {
		width: 80%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.footer-main ul li a {
		display: block;
		padding: .6rem 0;
	}
	.footer-main ul li:first-child a {}
	.footer-main {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.footer-bottom {
		padding-bottom: 0;
	}
	.footer-bottom .copyright {
		margin-left: 0px;
		margin-top: 1.2rem;
		font-size: 1.2rem;
	}
	.footer-bottom .terms {
		margin-left: 0px;
		font-size: 1.2rem;
		margin-top: 0rem;
	}
	footer h4 {
		position: relative;
		margin-top: 20px;
	}
	.top-footer {
		position: relative;
		bottom: 40px;
	}
	.footer-main .footer-subscribe ul.contact {
		width: 100%;
	}
	.btn-comparison {
		top: 20px;
		padding: 1rem 3rem;
		font-size: 1.3rem;
	}
	.cfeature-first i,
	.cfeature i {
		position: relative;
		margin-left: 30%;
		bottom: 0px;
		font-size: 1.8rem;
		color: #182a3c;
		cursor: pointer;
	}
}

@media only screen and (min-width: 992px) and (max-width:1024px) {
	.hero-text h1 {
		font-size: 4rem;
	}
	.hero-text p {
		font-size: 1.6rem;
	}
	#services .container p {
		width: 100%;
	}
	.txt-testimonial p {
		padding: 20px 20px 10px 15px;
	}
	div.testimonial p {
		margin-left: 50%;
	}
	div.testimonial cite {
		margin-left: 50%;
	}
	.formi {
		right: 60px;
	}
	.subscribe-form .btn {
		right: 100px;
		top: 107px;
	}
	#sblog .container {
		width: 100%;
		padding-left: 0! important;
		padding-right: 0! important;
		margin-left: 0px;
		margin-right: 0px;
	}
	#sblog .cnt-blog-wg {
		position: relative;
		margin: 0 auto;
	}
	#sblog .cnt-blog-wg .cnt-post {
		margin: 10% auto;
		margin-left: 5%;
		position: relative;
	}
	#hero-3 .cnt-hero-content {
		padding: 0px 0px 450px 0px;
	}
	#hero-3 .hero-text h1 {
		font-size: 3.5rem;
		width: 100%;
	}
	#hero-3 .hero-text p {
		width: 100%;
	}
	#hero-3 .screenshot {
		top: 150px;
	}
	#our-team .people-list {
		width: 100%;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	#our-team .fit-image {
		position: relative;
		margin: 0px auto;
		left: 0px;
		text-align: center;
	}
	#our-team .team-list {
		width: 100%;
		left: 0%;
	}
	.team-list .team-detail {
		position: relative;
		text-align: center;
		padding-top: 20px;
		top: 0px;
	}
	.slider-content {
		left: 0px;
		position: absolute;
		margin: 0px auto;
	}
	#wearein h3 {
		width: 100%;
	}
	#wearein img {
		margin-left: 0px;
	}
	.map-we-are img {
		position: relative;
		top: 0px;
		width: 100%;
	}
	.cnt-contact-bg .contact-me {
		margin-left: 0%;
	}
	.cnt-contact-bg .row {
		width: 100%;
	}
	.cnt-contact-bg .data-contact {
		margin-left: 30%;
	}
	.hero-error #error404 {
		position: relative;
		bottom: 100px;
		width: 100%;
	}
	#hero .formi {
		position: relative;
		width: 100%;
		right: 50px;
		margin: 0px auto;
		text-align: center;
	}
	.dotted-line:after {
		content: "-------------------------------------------------------------------------------------";
		letter-spacing: 6px;
		font-size: 2rem;
		width: 100%;
		color: #CCCCCC;
		display: inline-block;
		vertical-align: 3px;
		padding-left: 10px;
		text-align: center;
		margin: 0 auto;
		position: relative;
	}
	.container-right-sidebar {
		position: relative;
		margin-top: 25%;
	}
	.container-right-sidebar .cnt-about-us img,
	.container-left-sidebar .cnt-about-us img {
		width: 200px;
	}
	#container-posts-left {
		position: relative;
		margin-top: 25%;
	}
	.articles-next {
		width: 100%;
		margin-left: 0%;
	}
	.left-post i,
	.right-post i {
		font-size: 4rem;
	}
	.articles-next .left-post h3,
	.articles-next .right-post h3 {
		font-size: 2rem;
	}
	#subscribe-blog .form-group {
		width: 100%;
		left: 0;
	}
	#subscribe-blog .btn-subscribe {
		margin-top: 2%;
		right: 0px;
		width: 100%;
	}
	#benefits .main-benefit-column {
		margin-left: 0px;
		margin-right: 0px;
		padding-right: 0! important;
		padding-left: 0! important;
		width: 100%;
	}
	#benefits .item-benefit img {
		position: relative;
		margin-left: 0px;
	}
	#benefits .item-benefit h2 {
		width: 100%;
		margin-top: 20px;
		margin-left: 40px;
	}
	#benefits .item-benefit p {
		margin-left: 40px;
	}
	#hiring .job-position {
		height: 100px;
		width: 80%;
		margin-left: 100px;
	}
	#hiring .job-position .data-job {
		width: 100%;
		top: 40px;
	}
	#hiring .job-position .button {
		left: 450px;
		line-height: 5rem;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1224px) {
	.hero-text h1 {
		font-size: 4rem;
	}
	.hero-text p {
		font-size: 1.6rem;
	}
	#services .container p {
		width: 100%;
	}
	.txt-testimonial p {
		padding: 30px 15px 10px 15px;
	}
	div.testimonial p {
		margin-left: 40%;
	}
	div.testimonial cite {
		margin-left: 40%;
	}
	.formi {
		position: relative;
		width: 80%;
		margin: 0px auto;
	}
	.subscribe-form .input-line {
		margin: 0px auto;
		width: 100%;
	}
	.subscribe-form .btn {
		right: 0px;
		top: 128px;
	}
	#sblog .cnt-blog-wg {
		position: relative;
		margin: 0 auto;
	}
	#sblog .cnt-blog-wg .cnt-post {
		margin: 10% auto;
		margin-left: 4%;
		position: relative;
	}
	#our-team .people-list {
		width: 100%;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	#our-team .fit-image {
		position: relative;
		margin: 0px auto;
		left: 0px;
		text-align: center;
	}
	#our-team .team-list {
		width: 100%;
		left: 0%;
	}
	.team-list .team-detail {
		position: relative;
		text-align: center;
		padding-top: 20px;
		top: 0px;
	}
	.slider-content {
		left: 0px;
		position: absolute;
		margin: 0px auto;
	}
	#wearein h3 {
		width: 100%;
	}
	#wearein img {
		margin-left: 0px;
		position: relative;
	}
	.map-we-are img {
		position: relative;
		top: 0px;
		width: 100%;
	}
	#hero .formi {
		position: relative;
		width: 100%;
		right: 0px;
		margin: 0px auto;
		text-align: center;
	}
	#hero .subscribe-form .input-line {
		display: inline-block;
		width: 100%;
		outline: none;
	}
	#hero .subscribe-form .btn {
		right: 0px;
	}
	.dotted-line:after {
		content: "-------------------------------------------------------------------------------------";
		letter-spacing: 6px;
		font-size: 2rem;
		width: 100%;
		color: #CCCCCC;
		display: inline-block;
		vertical-align: 3px;
		padding-left: 10px;
		text-align: center;
		margin: 0 auto;
		position: relative;
	}
	.container-right-sidebar {
		position: relative;
		margin-top: 25%;
	}
	.container-right-sidebar .cnt-about-us img,
	.container-left-sidebar .cnt-about-us img {
		width: 200px;
	}
	#container-posts-left {
		position: relative;
		margin-top: 25%;
	}
	.articles-next {
		width: 100%;
		margin-left: 0%;
	}
	.left-post i,
	.right-post i {
		font-size: 4rem;
	}
	.articles-next .left-post h3,
	.articles-next .right-post h3 {
		font-size: 2rem;
	}
	#subscribe-blog .form-group {
		width: 100%;
		left: 0;
	}
	#subscribe-blog .btn-subscribe {
		margin-top: 2%;
		right: 0px;
		width: 100%;
	}
	#benefits .main-benefit-column {
		margin-left: 0px;
		padding-right: 0! important;
		padding-left: 0! important;
		width: 100%;
	}
	#benefits .item-benefit img {
		position: relative;
		margin-left: 40px;
	}
	#benefits .item-benefit h2 {
		width: 100%;
		margin-top: 0px;
		margin-left: 40px;
	}
	#benefits .item-benefit p {
		margin-left: 40px;
	}
	#hiring .container-jobs {
		width: 100%;
		position: relative;
		margin: 0 auto;
	}
	#hiring .job-position {
		height: 100px;
		width: 60%;
		left: 20%;
		position: relative;
		margin: 1% auto;
	}
	#hiring .job-position .data-job {
		width: 100%;
		top: 40px;
	}
	#hiring .job-position ul li.place {
		right: 0px;
	}
	#hiring .job-position .button {
		left: 350px;
		padding: 1rem 3rem;
		line-height: 5rem;
	}
	#hero-3 .screenshot {
		top: 250px;
	}
	.questions-cnt {
		position: relative;
		margin-top: 10%;
	}
	#accordion {
		position: relative;
		margin-top: 10%;
	}
	.hero-error {
		height: 750px;
	}
	.hero-error .action-started {
		bottom: 350px;
	}
	.hero-error #error404 {
		position: relative;
		right: 0px;
		bottom: 180px;
		width: 600px;
	}
}

@media only screen and (min-width: 1225px) and (max-width:1679px) {
	.subscribe-form .btn {
		right: 50px;
	}
}

@media only screen and (min-width: 1680px) and (max-width:1919px) {
	#sblog .cnt-blog-wg {
		position: relative;
		margin: 0 auto;
	}
	#sblog .cnt-blog-wg .cnt-post {
		margin: 10% auto;
		position: relative;
		margin-left: 12%;
	}
	.dotted-line:after {
		content: "-------------------------------------------------------------------------------------";
		letter-spacing: 6px;
		font-size: 2rem;
		width: 100%;
		color: #CCCCCC;
		display: inline-block;
		vertical-align: 3px;
		padding-left: 10px;
		text-align: center;
		margin: 0 auto;
		position: relative;
	}
	.container-right-sidebar .cnt-about-us img {
		width: 200px;
	}
	.container-left-sidebar .cnt-about-us img {
		width: 200px;
	}
}

@media only screen and (min-width: 1920px) {
	#sblog .cnt-blog-wg {
		position: relative;
		margin: 0 auto;
	}
	#sblog .cnt-blog-wg .cnt-post {
		margin: 10% auto;
		margin-left: 12%;
		position: relative;
	}
	.dotted-line:after {
		content: "-------------------------------------------------------------------------------------";
		letter-spacing: 6px;
		font-size: 2rem;
		width: 100%;
		color: #CCCCCC;
		display: inline-block;
		vertical-align: 3px;
		padding-left: 10px;
		text-align: center;
		margin: 0 auto;
		position: relative;
	}
	.container-right-sidebar {
		position: relative;
		margin-top: 25%;
	}
	.container-right-sidebar .cnt-about-us img {
		width: 200px;
	}
	#container-posts-left {
		position: relative;
		margin-top: 25%;
	}
	.container-left-sidebar .cnt-about-us img {
		width: 200px;
	}
}

@media only screen and (min-width: 2500px) {
	#sblog .cnt-blog-wg {
		position: relative;
		margin: 0 auto;
	}
	#sblog .cnt-blog-wg .cnt-post {
		margin: 10% auto;
		margin-left: 15%;
		position: relative;
	}
	.dotted-line:after {
		content: "-------------------------------------------------------------------------------------";
		letter-spacing: 6px;
		font-size: 2rem;
		width: 100%;
		color: #CCCCCC;
		display: inline-block;
		vertical-align: 3px;
		padding-left: 10px;
		text-align: center;
		margin: 0 auto;
		position: relative;
	}
	.container-right-sidebar .cnt-about-us img {
		width: 200px;
	}
	.container-left-sidebar .cnt-about-us img {
		width: 200px;
	}
}