/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

	.smoke-wrap {
		transform: translateX(0%);
	}

	.rocket-wrap {
		right: 0;
	}

	body #start .section-title h2 {
		font-size: 33px;
	}

	body #why .section-title h2 {
		font-size: 48px;
		line-height: 62px;
	}

	body #pricing .section-title h2 {
		font-size: 30px;
	}

	#testimonios .single-testimonial p {
		font-size: 14px;
	}

	body #timeline .swiper-pagination-bullet {
		font-size: 16px;
	}

	#timeline .content-swiper .description {
		font-size: 20px;
	}

	#screen .section-title h2 {
		font-size: 60px;
		line-height: 75px;
	}

	#faq .faq-btn {
		padding: 15px 65px 15px 24px;
	}
}

/* Tablet desktop :768px. */
@media (max-width: 991px) {

	.rocket-wrap {
		right: 0;
	}

	.sticky-menu .second-menu {
		padding: 0 20px;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 5px;
	}

	.star-field {
		display: none;
	}

	body .container {
		max-width: 100%;
	}

	.navbar .container {
		flex-direction: row-reverse;
	}

	.navbar-collapse {
		background: #072124;
	}

	ul.navbar-nav {
		padding: 15px 20px;
	}

	ul.navbar-nav li {
		display: block;
		border-bottom: 1px solid #f7f7f72b;
		margin-left: 0;
	}

	body header #header-sticky:not(.sticky-menu) .menu-main {
		position: absolute;
		width: 100%;
	}

	body .second-slider-content {
		padding-top: 240px;
	}

	body header #header-sticky:not(.sticky-menu) .main-menu {
		position: absolute;
		width: 100%;
	}

	.second-menu {
		margin-bottom: 0;
		box-shadow: none;
		padding: 0;
		margin-top: 0;
		width: 100%;
	}

	.menu-area {
		padding: 18px 0;
	}

	.sticky-menu #mobile-menu {
		background: #072124 !important;
	}

	body .second-slider-content h2 {
		font-size: 85px;
	}

	body .second-slider-content h1 {
		font-size: 40px;
		line-height: 55px;
	}

	img.rocket {
		object-position: center;
		object-fit: contain;
		width: 100%;
	}

	.smoke-wrap {
		transform: translateX(0%);
	}

	body #start .section-title h2 {
		font-size: 23px;
	}

	body #why .section-title h2 {
		font-size: 36px;
		line-height: 48px;
	}

	body #why .choose-content p {
		font-size: 25px;
	}

	body #screen {
		overflow: hidden;
	}

	body #pricing .pricing-box-inner {
		padding: 20px;
		min-height: 450px;
	}

	body #pricing .pricing-amount .price>span {
		right: -25px;
		font-size: 35px;
	}

	body #pricing .pricing-box {
		min-height: 450px;
	}

	body #pricing .pricing-head h4 {
		font-size: 25px;
		line-height: 40px;
	}

	body #pricing .section-title p {
		font-size: 22px;
		line-height: 35px;
	}

	body #pricing .section-title h2 {
		font-size: 24px;
		line-height: 35px;
	}

	body #pricing .pricing-body p {
		font-size: 25px;
		line-height: 30px;
	}

	body #pricing .pricing-body .offer {
		font-size: 35px;
		line-height: 50px;
	}

	body #pricing .section-title h2 span {
		font-size: 35px;
		line-height: 50px;
	}

	body #pricing .pricing-head {
		margin-bottom: 20px;
	}

	body #pricing .pricing-amount .price {
		font-size: 45px;
		line-height: 50px;
	}

	body #timeline .swiper-pagination-bullet {
		font-size: 14px;
	}

	#timeline .content-swiper .description br {
		display: none;
	}

	body #timeline .swiper-pagination {
		gap: 20px;
	}

	body #timeline .swiper-pagination span.bg-swiper {
		padding: 0 10px;
	}

	#timeline .content-swiper h2.title {
		font-size: 30px;
	}

	#timeline .content-swiper .description {
		font-size: 16px;
	}

	#timeline .content-swiper .subdescription,
	#timeline .content-swiper .days {
		font-size: 16px;
	}

	#timeline .swiper-slide {
		gap: 0 50px;
	}

	#timeline .content-swiper .title-container {
		font-size: 70px;
		line-height: 70px;
	}

	#timeline .content-swiper .title-container.one {
		top: -15px;
		left: 0px;
	}

	#timeline .content-swiper .title-container.two {
		top: -25px;
		left: 0px;
	}

	#timeline .content-swiper .title-container.three {
		top: -20px;
		left: 0px;
	}

	#timeline .content-swiper .title-container.four {
		top: -25px;
		left: 0px;
	}

	#timeline .content-swiper .title-container.five {
		top: -10px;
		left: 0px;
	}

	#timeline .content-swiper .title-container.six {
		top: -20px;
		left: 0px;
	}

	#screen .section-title h2 {
		font-size: 48px;
		line-height: 58px;
	}

	#screen .swiper-container-3d {
		perspective: 900px;
	}

	#testimonios .slick-dots {
		display: flex;
		justify-content: center;
		align-items: center;
		list-style: none;
		margin-top: 20px;
	}

	#testimonios .slick-dots li {
		margin: 0 2px;
	}

	#testimonios .slick-dots li button {
		border: none;
		background: #FFFFFF80;
		border-radius: 8px;
		width: 8px;
		height: 2px;
		font-size: 0;
		cursor: pointer;
		transition: background-color 0.3s ease;
	}

	#testimonios .slick-dots li.slick-active button {
		background-color: white;
	}

	#testimonios .testimonial-active {
		display: block;
		width: 100%;
	}

	#testimonios .slick-dots {
		position: relative;
		margin-top: 15px;
		display: flex;
		justify-content: center;
	}

	#faq {
		padding-bottom: 40px;
	}

	#faq .section-title h2 {
		font-size: 48px;
		line-height: 58px;
	}

	#contact {
		padding-top: 100px;
	}

	.flex-contact {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	#contact .section-title h2 {
		font-size: 48px;
		line-height: 58px;
	}

	#contact .contact-img2 {
		margin-top: -110px;
	}

	#contact .section-title {
		margin-bottom: 40px;
	}

	.footer-social a {
		margin-right: 8px;
	}

	.swiper-container-3d {
		perspective: inherit;
	}

	body #why .section-title {
		min-height: 300px;
	}

	#successModal .modal-dialog {
		max-width: 500px;
	}
}


/* small mobile :320px. */
@media (max-width: 767px) {

	body .dark-bg {
		margin: -90px 15px 0 15px;
	}

	.navbar .container {
		flex-direction: row-reverse;
	}

	.navbar-collapse {
		background: #072124;
	}

	ul.navbar-nav {
		padding: 15px 20px;
	}

	ul.navbar-nav li {
		display: block;
		border-bottom: 1px solid #f7f7f72b;
		margin-left: 0;
	}

	body header #header-sticky:not(.sticky-menu) .menu-main {
		position: absolute;
		width: 100%;
	}

	body .second-slider-content {
		padding-top: 180px;
		padding-bottom: 180px;
	}

	.second-menu {
		margin-bottom: 0;
		box-shadow: none;
		padding: 0;
		margin-top: 0;
	}

	body .slider-bg2 {
		min-height: 800px;
	}

	.slider-btn {
		margin-top: 45px;
	}

	.menu-area {
		padding: 15px 0;
	}

	body .second-slider-content h1 {
		font-size: 36px;
		line-height: 43px;
	}

	body .second-slider-content h2 {
		font-size: 64px;
		line-height: 76px;
		padding: 0 85px;
		margin-bottom: 34px;
	}

	.smoke,
	.smoke2 {
		object-fit: scale-down;
		display: block;
		width: 100%;
	}

	.smoke-wrap {
		transform: translateX(0%);
	}

	body #start .section-title h2 {
		font-size: 24px;
		line-height: 29px;
	}

	body #start .section-title h2:before {
		left: 26px;
		top: -42px;
	}

	body #start .section-title h2:after {
		display: none;
	}

	body section#why {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	body #why .section-title h2 {
		font-size: 30px;
		line-height: 38px;
	}

	body #why .choose-content p span {
		display: block;
	}

	body #why .choose-content p {
		font-size: 24px;
		line-height: 29px;
	}

	body #pricing {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	body #pricing .section-title p {
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 12px;
		text-align: center;
	}

	body #pricing .section-title h2 {
		font-size: 20px;
		line-height: 30px;
		text-align: center;
	}

	body #pricing .section-title h2 span {
		font-size: 20px;
		line-height: 24px;
	}

	body #pricing .pricing-box-inner {
		min-height: 430px;
		border-radius: 32px;
		padding: 32px 16px 28px;
	}

	body #pricing .pricing-box {
		min-height: 430px;
		border-radius: 32px;
		margin-bottom: 0;
	}

	body #pricing .pricing-head h4 {
		font-size: 32px;
	}

	body #pricing .pricing-body p {
		font-size: 30px;
		line-height: 36px;
	}

	body #pricing .pricing-body p span {
		font-size: 30px;
	}

	body #pricing .pricing-body .offer {
		font-size: 30px;
		line-height: 36px;
	}

	body #pricing .pricing-body .offer span {
		font-size: 30px;
	}

	.pricing-head {
		margin-bottom: 20px;
	}

	.days-amount {
		margin-bottom: 31px;
	}

	body #pricing .pricing-amount .price {
		font-size: 56px;
		line-height: 67px;
	}

	body #pricing .pricing-amount .price>span {
		font-size: 35px;
		right: -30px;
	}

	body #pricing .pricing-amount p {
		margin-bottom: 0px;
	}

	.pricing-btn {
		margin-top: 24px;
		padding: 0 12px;
	}

	#timeline {
		padding-top: 40px;
		padding-bottom: 20px;
	}

	body #timeline .section-title h2 {
		font-size: 32px;
		padding: 0 35px;
	}

	body #timeline .swiper-pagination {
		display: grid;
		justify-content: center;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 12px;
		margin-bottom: 40px;
	}

	body #timeline .swiper-pagination-bullet {
		font-size: 12px;
		line-height: 18px;
	}

	#timeline .content-swiper h2.title {
		font-size: 22px;
		line-height: 26px;
		padding-bottom: 10px;
	}

	#timeline .content-swiper .description {
		font-size: 14px;
		line-height: 16px;
		margin-top: 18px;
		margin-bottom: 12px;
	}

	#timeline .content-swiper .description br {
		display: none;
	}

	#timeline .swiper-slide {
		display: block;
	}

	#timeline .content-swiper .subdescription,
	#timeline .content-swiper .days {
		font-size: 12px;
		line-height: 14px;
	}

	#timeline .content-swiper .subdescription img,
	#timeline .content-swiper .days img {
		width: 16px;
		height: 16px;
	}

	#timeline .content-swiper .subdescription,
	#timeline .content-swiper .days {
		gap: 8px;
		margin-bottom: 12px;
	}

	#timeline .content-swiper .title-container {
		display: none;
	}

	#timeline .swiper-slide img {
		object-fit: scale-down;
	}

	#timeline .swiper-slide .image-swiper {
		margin: 20px 30px;
	}

	body #timeline .swiper-wrapper {
		padding: 0;
	}

	#screen {
		padding-top: 40px;
		padding-bottom: 40px;
		overflow: hidden;
	}

	#screen .swiper-container-3d {
		perspective: 600px;
	}

	#screen .section-title h2 {
		font-size: 24px;
		line-height: 29px;
	}

	#screen .section-title h3 {
		font-size: 14px;
		line-height: 16px;
	}

	#screen .section-title .section-title-right p {
		font-size: 10px;
		line-height: 12px;
	}

	#screen .swiper-container {
		padding: 35px 0 30px 0;
	}

	#screen .swiper-slide {
		background-size: contain;
		width: auto !important;
	}

	#testimonios .slick-dots {
		display: flex;
		justify-content: center;
		align-items: center;
		list-style: none;
		margin-top: 20px;
	}

	#testimonios .slick-dots li {
		margin: 0 2px;
	}

	#testimonios .slick-dots li button {
		border: none;
		background: #FFFFFF80;
		border-radius: 8px;
		width: 8px;
		height: 2px;
		font-size: 0;
		cursor: pointer;
		transition: background-color 0.3s ease;
	}

	#testimonios .slick-dots li.slick-active button {
		background-color: white;
	}

	#testimonios .testimonial-active {
		display: block;
		width: 100%;
	}

	#testimonios .slick-dots {
		position: relative;
		margin-top: 15px;
		display: flex;
		justify-content: center;
	}

	#testimonios .section-title h2 {
		font-size: 32px;
		line-height: 38px;
	}

	#testimonios .section-title {
		margin-bottom: 37px;
	}

	#testimonios {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#faq {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#faq .section-title h2 {
		font-size: 32px;
		line-height: 38px;
	}

	#faq .faq-btn {
		font-size: 12px;
		line-height: 14px;
		padding: 15px 55px 15px 24px;
	}

	#contact .section-title h2 {
		font-size: 32px;
		line-height: 33px;
	}

	#contact img.img-contact {
		display: block;
		object-fit: scale-down;
		max-width: 180px;
		height: auto;
	}

	#contact {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#contact .section-title {
		margin-bottom: 40px;
	}

	#contact .contact-img2 {
		position: absolute;
		right: 25px;
		bottom: 0;
	}

	#contact .contact-field {
		margin-bottom: 23px;
	}

	.contact-field textarea {
		height: 65px;
	}

	.btn {
		font-size: 13px;
		line-height: 14px;
	}

	footer .footer-top .footer-text {
		max-width: 100%;
	}

	.footer-widget {
		padding-left: 0;
	}

	footer .col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	footer {
		padding-top: 30px !important;
	}

	footer .footer-top .footer-content {
		padding-bottom: 0px;
	}

	.footer-social a {
		margin-right: 16px;
	}

	body #why .section-title {
		min-height: 200px;
	}

	body #why .why-img img {
		object-fit: contain;
		width: 100%;
		padding: 0 40px;
	}

	body #start .section-title p {
		font-size: 15px;
		padding-right: 0px;
	}

	#successModal .modal-dialog {
		max-width: 300px;
		margin: auto;
	}

	#successModal .modal-content {
		border-radius: 24px;
	}

	.modal-header {
		padding: 28px 28px 0px;
	}

	#successModal .modal-body {
		padding: 0 38px 36px;
	}

	#successModal .modal-body p {
		font-size: 15px;
		line-height: 18px;
	}

	#successModal .modal-body h5 {
		font-size: 30px;
		line-height: 36px;
		margin-top: 20px;
	}

	.modal.show {
		top: 80px;
	}

	body #pricing .pricing-head {
		margin-bottom: 35px;
	}

	body #pricing {
		background-image: none;
	}

	#timeline .section-title {
		margin-bottom: 48px;
	}

	#faq .faq-wrap .card-body {
		font-weight: 200;
	}

	body .dark-bg {
		border-radius: 32px;
	}

	#contact::before {
		background: url(../img/bg/shapeleft-mobile.png) no-repeat left bottom;
		border-bottom-left-radius: 32px;
		border-bottom-right-radius: 32px;
	}

	.contact-btn.btn {
		float: none;
		margin: auto;
		display: block;
	}

	.footer-link ul li a {
		font-weight: 200;
	}

	.footer-social a:last-child {
		margin-right: 0px;
	}

	.copyright-text {
		padding: 12px 0;
	}

	.copyright-text p {
		font-size: 10px;
		line-height: 16px;
	}

	.copyright-text a.link-pixi {
		padding-left: 15px;
		font-size: 12px;
		line-height: 14px;
	}

	.sticky-menu .second-menu {
		padding: 0 20px;
	}

	.rocket-wrap {
		display: none;
	}

	.rocket-wrap.mobile {
		display: block;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		animation: none;
	}
}

@media (max-width: 600px) {
	body #why .section-title {
		background: url(../img/bg/bgwhymobile.png) no-repeat center;
		min-height: 198px;
		background-size: contain;
	}

	body #why .section-title h2 {
		font-size: 24px;
		line-height: 38px;
		max-width: 300px;
		margin: 0 auto;
		transform: translateY(-65%);
	}

}

/* Large Mobile :480px. */
@media (max-width: 480px) {

	.sticky-menu img#logo-sticky {
		width: 80%;
	}

	.rocket-wrap.mobile {
		right: 0px;
		left: inherit;
		transform: none;
	}

	footer {
		padding-top: 30px !important;
	}

	#testimonios .single-testimonial p {
		font-size: 12px;
		line-height: 16px;
	}

	#contact .section-title h2 {
		font-size: 28px;
	}

	#faq .section-title h2 {
		font-size: 28px;
	}

	#testimonios .section-title h2 {
		font-size: 28px;
	}

	body #timeline .section-title h2 {
		font-size: 27px;
		line-height: 38px;
	}

	body #why .section-title h2 {
		font-size: 18px;
		line-height: 28px;
		max-width: 250px;
		transform: translateY(-68%);
	}

	body #start .section-title h2 {
		font-size: 18px;
		margin-bottom: 12px;
	}

	body .second-slider-content h2 {
		font-size: 48px;
		line-height: 60px;
		padding: 0 70px;
	}

	body .second-slider-content h1 {
		font-size: 30px;
	}

	#successModal .modal-dialog {
		max-width: 300px;
		margin: auto;
	}

	#testimonios .single-testimonial {
		min-height: 200px;
		padding: 19px;
	}
}