/* SMALL */
@media only screen and (min-width: 576px) and (max-width: 767.9px) {
	html {
		font-size: 15px;
	}

	.hidden-sm {
		display: none !important;
	}

	.container,
	.container-fluid {
		max-width: 100%;
		width: 90%;
	}

	.box-service .text h2 {
		font-size: 16px;
	}

	.box-service .text p {
		font-size: 13px;
	}

	.box-gallery img {
		height: 180px;
	}

	.box-team img {
		width: 80%;
	}

	.box-testimonial {
		padding: 20px;
	}

	.header .content .navigation ul li.item a,
	.header-scroll .content .navigation ul li.item a {
	    font-size: 18px;
	}

	.home-banner {
		padding: 40px 0 70px;
	}

	.home-banner .text {
		padding: 0;
	}

	.home-banner .text h1 {
		font-size: 44px;
	}

	.home-service .content {
		padding: 50px 30px;
    	border-radius: 20px;
    	-webkit-border-radius: 20px;
    	-moz-border-radius: 20px;
	}

	.home-service .content .text-1 h1 {
		font-size: 36px;
	}

	.home-service .col-service:nth-child(1),
	.home-service .col-service:nth-child(2),
	.home-service .col-service:nth-child(3),
	.home-service .col-service:nth-child(4) {
		margin: 0 0 30px;
	}

	.home-project {
		padding: 70px 0;
	}

	.home-project .title h1 {
		font-size: 36px;
		margin: 0 0 15px;
	}

	.home-project .title h1 br {
		display: none;
	}

	.home-project .title {
		display: block;
	}

	.home-project .slider-carousel-1 .slick-prev {
		display: none !important;
	}

	.home-vision {
		background-size: cover;
		padding: 70px 0;
	}

	.home-vision h1 {
		font-size: 30px;
	}

	.home-client .content {
		padding: 70px 0;
	}

	.home-client .title h1 {
		font-size: 36px;
	}

	.home-client .item {
		padding: 0;
	}

	.home-client .item img {
		margin: 0;
	}

	.home-client .slider-carousel-6 {
		margin: 0 0 30px;
	}

	.home-client .slider-carousel-6 .slick-list {
		padding: 0 !important;
	}

	.home-client .slider-carousel-6 .slick-prev {
		top: -24px;
		right: 37px;
	}

	.home-client .slider-carousel-6 .slick-next {
		top: -24px;
		right: 0;
	}

	.home-client .slider-carousel-6 .slick-prev:before {
		background: url(../img/core/arrow-prev3.png) no-repeat;
    	background-size: 100%;
	}

	.home-client .slider-carousel-6 .slick-next:before {
		background: url(../img/core/arrow-next3.png) no-repeat;
    	background-size: 100%;
	}

	.home-testimonial {
		padding: 70px 0;
	}

	.home-testimonial .title {
		margin: 0 0 30px;
	}

	.home-testimonial .title h1 {
		font-size: 36px;
	}

	.home-testimonial .slider-carousel-2 .slick-list {
		padding: 0 15% 0 5px !important;
	}

	.home-testimonial .notes {
		padding: 0;
	}

	.home-testimonial .slider-carousel-2 .slick-prev,
	.home-testimonial .slider-carousel-2 .slick-next {
		bottom: -50px;
	}

	.home-contact {
		padding-bottom: 70px;
	}

	.home-contact .content .text {
		padding: 30px;
		border-radius: 22px;
    	-webkit-border-radius: 22px;
    	-moz-border-radius: 22px;
	}

	.home-contact .content .text h1 {
		font-size: 30px;
		line-height: 1.3;
	}

	.home-contact .content .image img {
		height: 400px;
		border-radius: 22px;
    	-webkit-border-radius: 22px;
    	-moz-border-radius: 22px;
	}

	footer {
		text-align: center;
		padding: 70px 0;
	}

	footer .item ul.sc {
		justify-content: center;
		margin: 0 0 40px;
	}

	.main-wrapper.service {
		padding: 40px 0 70px;
	}

	.main-wrapper.service .banner .title h1 {
		font-size: 42px;
	}

	.main-wrapper.service .banner .icon img {
		width: 90%;
	}

	.main-wrapper.service .content .item {
		display: block;
		padding: 30px;
	}

	.main-wrapper.service .content .item div {
		width: 100%;
	}

	.main-wrapper.service .content .item div:first-child {
		padding: 0;
		margin: 0 0 30px;
	}

	.main-wrapper.service .content .item div:last-child {
		padding: 0;
	}

	.main-wrapper.service .content {
		padding: 70px 0 0;
	}

	.main-wrapper.service .content .item h2 {
		font-size: 30px;
	}

	.main-wrapper.service-detail .banner {
		padding: 70px 0;
	}

	.main-wrapper.service-detail .banner .title {
		margin: 0 0 30px;
	}

	.main-wrapper.service-detail .banner .title h1 {
		font-size: 42px;
	}

	.main-wrapper.service-detail .banner .image {
		margin: 0 0 30px;
	}

	.main-wrapper.service-detail .banner .image img {
		width: 100%;
	}

	.main-wrapper.service-detail .offer {
		padding: 70px 0;
	}

	.main-wrapper.service-detail .offer .title h2 {
		font-size: 36px;
	}

	.main-wrapper.service-detail .offer .item ul {
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}

	.main-wrapper.service-detail .offer .item ul li {
		margin: 0 0 20px;
	}

	.main-wrapper.service-detail .offer .item ul li:last-child {
		margin: 0;
	}

	.main-wrapper.service-detail .step {
		padding: 70px 0 0;
	}

	.main-wrapper.service-detail .step .title h2 {
		font-size: 36px;
	}

	.main-wrapper.service-detail .step .item {
		padding: 0 0 70px;
	}

	.main-wrapper.service-detail .step .item:before {
		display: none;
	}

	.main-wrapper.service-detail .step .item .col:nth-child(1),
	.main-wrapper.service-detail .step .item .col:nth-child(2),
	.main-wrapper.service-detail .step .item .col:nth-child(3) {
		margin-bottom: 30px;
	}

	.main-wrapper.service-detail .faq {
		padding: 70px 0 0;
	}

	.main-wrapper.service-detail .faq .item {
		padding: 0 0 55px;
	}

	.main-wrapper.service-detail .faq .item .title h2 {
		font-size: 36px;
	}

	.main-wrapper.service-detail .content {
		padding: 70px 0;
	}

	.main-wrapper.service-detail .content .title {
		display: block;
	}

	.main-wrapper.service-detail .content .title h2 {
		font-size: 36px;
		margin: 0 0 15px;
	}

	.main-wrapper.service-detail .content .title h2 br {
		display: none;
	}

	.main-wrapper.service-detail .content .slider-carousel-1 .slick-prev {
		display: none !important;
	}

	.main-wrapper.project {
		padding: 40px 0 70px;
	}

	.main-wrapper.project .banner {
		padding: 0 0 70px;
	}

	.main-wrapper.project .banner .title h1 {
		font-size: 42px;
	}

	.main-wrapper.project .content .slider-carousel-5 {
		margin: 0 0 50px
	}

	.main-wrapper.project .content {
		padding: 70px 0 0;
	}

	.main-wrapper.project .content .box-project {
		margin: 0 0 50px !important;
	}

	.main-wrapper.project .content .col-project:last-child .box-project {
		margin: 0 !important;
	}

	.main-wrapper.project-detail {
		padding: 0 0 70px;
	}

	.main-wrapper.project-detail .banner {
		padding: 70px 0;
	}

	.main-wrapper.project-detail .banner .title h1 {
		font-size: 42px;
	}

	.main-wrapper.project-detail .banner .title h2 {
		font-size: 30px;
	}

	.main-wrapper.project-detail .banner .title ul li {
		font-size: 12px;
	}

	.main-wrapper.project-detail .content {
		padding: 70px 0 40px;
	}

	.main-wrapper.project-detail .content .image {
		text-align: center;
	}

	.main-wrapper.project-detail .content img {
		width: 40%;
		margin: 0 0 50px;
	}

	.main-wrapper.project-detail .content .item {
		margin: 0 0 30px;
	}

	.main-wrapper.project-detail .testimonial {
		padding: 70px 0;
		margin: 0 0 70px;
	}

	.main-wrapper.project-detail .testimonial h3 {
		width: 100%;
	}

	.main-wrapper.project-detail .photo {
		padding: 0;
	}

	.main-wrapper.project-detail .photo ul li b {
		font-size: 15px;
	}

	.main-wrapper.client {
		padding: 40px 0 0;
	}

	.main-wrapper.client .banner .title h1 {
		font-size: 42px;
	}

	.main-wrapper.client .content {
		margin: 0;
	}

	.main-wrapper.about {
		padding: 40px 0 0;
	}

	.main-wrapper.about .banner {
		padding: 0 0 70px;
	}

	.main-wrapper.about .banner .title {
		margin: 0 0 70px;
	}

	.main-wrapper.about .banner .title h1 {
		font-size: 42px;
	}

	.main-wrapper.about .banner .item-1 p {
		margin: 0 0 30px;
	}

	.main-wrapper.about .slider-default-2 {
		padding: 30px;
		margin: 0 0 120px;
	}

	.main-wrapper.about .slider-default-2 .item {
		display: block;
	}

	.main-wrapper.about .slider-default-2 .item div {
		width: 100%;
	}

	.main-wrapper.about .slider-default-2 .item div:first-child {
		margin: 0 0 30px;
		padding: 0;
	}

	.main-wrapper.about .slider-default-2 .item div:last-child {
		padding: 0;
	}

	.main-wrapper.about .slider-default-2 .item h2 {
		font-size: 30px;
	}

	.main-wrapper.about .team {
		padding: 70px 0;
	}

	.main-wrapper.about .team .title h2 {
		font-size: 36px;
	}

	.main-wrapper.contact .main-banner .image img {
		height: 350px;
	}

	.main-wrapper.contact .main-banner .information .content {
		padding: 70px 20px;
	}

	.main-wrapper.contact .main-banner .information .content .icon {
		top: -40px;
	}

	.main-wrapper.contact .main-banner .information .content .icon img {
		width: 80px;
		height: 80px;
	}

	.main-wrapper.contact .main-banner .information .content .col-email {
		margin: 0 0 30px;
	}

	.main-wrapper.contact .form-default {
		padding: 160px 0 70px;
	}

	.main-wrapper.contact .form-default .title {
		margin: 0 0 30px;
	}

	.main-wrapper.contact .form-default .title h1 {
		font-size: 32px;
	}

	.service-other {
		padding: 70px 0 43px;
	}

	.service-other .title {
		margin: 0 0 40px;
	}

	.service-other .title h2 {
		font-size: 32px;
	}

	.service-other .title div:last-child {
		display: none;
	}

	.cta-contact {
		text-align: center;
	}

	.cta-contact p {
		margin: 0 0 30px;
	}

	.cta-contact .text-right {
		text-align: center;
	}

	.cta-contact-2 {
		margin: 0 0 70px;
	}

	.cta-contact-2 .content {
		display: block;
		padding: 30px;
		text-align: center;
    	border-radius: 20px;
    	-webkit-border-radius: 20px;
    	-moz-border-radius: 20px;
	}

	.cta-contact-2 .content div:first-child {
		width: 100%;
		display: block;
	}

	.cta-contact-2 .content div:first-child img {
		margin: 0 0 20px;
	}

	.cta-contact-2 .content div:first-child h1 {
		font-size: 20px;
		line-height: 1.6;
		margin: 0 0 30px;
	}

	.cta-contact-2 .content div:last-child {
		width: 100%;
		text-align: center;
	}

	.main-wrapper.package-detail .banner {
		padding: 30px 0 70px;
	}

	.main-wrapper.package-detail .benefit {
		margin: 0 0 70px;
	}

	.main-wrapper.package-detail .price,
	.main-wrapper.package-detail .facility,
	.main-wrapper.package-detail .technology,
	.main-wrapper.package-detail .notes {
		padding: 60px 0;
	}

	.main-wrapper.package-detail .banner h1 {
		font-size: 32px;
	}

	.main-wrapper.package-detail .price .item h3 {
		font-size: 24px;
	}

	.main-wrapper.package-detail .price h2,
	.main-wrapper.package-detail .facility h2,
	.main-wrapper.package-detail .technology h2,
	.main-wrapper.package-detail .notes h2 {
		font-size: 22px;
	}

	.main-wrapper.package-detail .price .item h4 {
		font-size: 18px;
	}

	.main-wrapper.package-detail .banner p,
	.main-wrapper.package-detail .benefit .item h2 {
		font-size: 16px;
	}

	.main-wrapper.package-detail .price .item ul li,
	.main-wrapper.package-detail .facility ol li,
	.main-wrapper.package-detail .technology p,
	.main-wrapper.package-detail .notes ol li, .main-wrapper.package-detail .notes ul li,
	.main-wrapper.package-detail .notes label {
		font-size: 15px;
	}

	.main-wrapper.package-detail .benefit .item p {
		font-size: 14px;
	}

	.main-wrapper.package-detail .banner img {
		margin: 0 0 30px;
	}

	.main-wrapper.package-detail .banner .text {
		padding: 0;
	}

	.main-wrapper.package-detail .benefit .item {
		height: auto;
	}

	.main-wrapper.package-detail .benefit .col-xl-3:nth-child(1) .item,
	.main-wrapper.package-detail .benefit .col-xl-3:nth-child(2) .item {
		margin: 0 0 30px;
	}

	.main-wrapper.package-detail .price .item {
		height: auto;
	}

	.main-wrapper.package-detail .price .col-xl-4:nth-child(1) .item,
	.main-wrapper.package-detail .price .col-xl-4:nth-child(2) .item {
		margin: 0 0 30px;
	}
	
	.page-error .objects .box_astronaut {
	    top: unset;
        bottom: 0;
	}

	/* LANDING PAGE */
	.main-wrapper.landing .package .content h3.promo-price {
		font-size: 38px;
	}

	.main-wrapper.landing .banner h1 {
		font-size: 34px;
	}

	.main-wrapper.landing .who h2,
	.main-wrapper.landing .client h2,
	.main-wrapper.landing .portfolio .title h2,
	.main-wrapper.landing .value h2,
	.main-wrapper.landing .package .content h2,
	.main-wrapper.landing .title h2,
	.main-wrapper.landing .faq .item .title h2 {
		font-size: 30px;
	}

	.main-wrapper.landing .value .cta .promo-price h4 {
		font-size: 28px;
	}

	.main-wrapper.landing .value .item .text-1 h3,
	.main-wrapper.landing .value .item .text-2 h3,
	.main-wrapper.landing .package .content h3.price,
	.main-wrapper.landing .value .cta .price h4,
	.main-wrapper.landing .who h3 {
		font-size: 24px;
	}

	.main-wrapper.landing .why .item h3 {
		font-size: 20px;
	}

	.main-wrapper.landing .value .item .text-1 p b,
	.main-wrapper.landing .value .item .text-2 p b,
	.main-wrapper.landing .package .content ul li,
	.main-wrapper.landing .package .content .addon-bonus p {
		font-size: 19px;
	}

	.main-wrapper.landing .value .cta p {
		font-size: 18px;
	}

	.main-wrapper.landing .who .item ul li {
		font-size: 17px;
	}

	.main-wrapper.landing .package .content .button ul li a {
		font-size: 16px;
	}

	.main-wrapper.landing .portfolio .slider .slick-list {
		padding: 0 15%;
	}

	.main-wrapper.landing .value .item img {
		margin: 0 0 30px;
	}

	.main-wrapper.landing .value .item .text-1 {
		padding: 0;
	}

	.main-wrapper.landing .package .content .button ul li {
		width: 100%;
	}

	.main-wrapper.landing .banner {
		padding: 60px 0 80px;
	}

	.main-wrapper.landing .banner,
	.main-wrapper.landing .who,
	.main-wrapper.landing .portfolio,
	.main-wrapper.landing .value,
	.main-wrapper.landing .why,
	.main-wrapper.landing .testimonial {
		padding: 80px 0;
	}

	.main-wrapper.landing .client {
		padding: 140px 0 80px;
	}

	.main-wrapper.landing .package{
		padding: 0 0 80px;
	}
}