/* MEDIUM */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	html {
		font-size: 15px;
	}

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

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

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

	.box-testimonial {
		padding: 25px;
	}

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

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

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

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

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

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

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

	.home-client .item {
		padding: 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,
	.home-client .slider-carousel-6 .slick-next {
		top: -15px;
	}

	.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 .title {
		margin: 0 0 30px;
	}

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

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

	.home-contact .content .image img {
		height: 450px;
	}

	footer {
		text-align: center;
	}

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

	.main-wrapper.service .content .item,
	.main-wrapper.about .slider-default-2 {
		padding: 50px;
	}

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

	.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-detail .banner .title {
		margin: 0 0 40px;
	}

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

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

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

	.main-wrapper.service-detail .content .slider-carousel-1 .slick-prev {
		top: 41%;
	}

	.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;
	}

	.cta-contact-2 .content {
		padding: 30px;
	}

	.main-wrapper.project-detail .content img {
		width: 100%;
	}

	.main-wrapper.client,
	.main-wrapper.about {
		padding: 50px 0;
	}

	.main-wrapper.about .banner .title h1 br {
		display: none;
	}

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

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

	.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.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;
	}

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

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

	.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: 32px;
	}

	.main-wrapper.landing .who h3,
	.main-wrapper.landing .value .cta .promo-price h4 {
		font-size: 30px;
	}

	.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 {
		font-size: 26px;
	}

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

	.main-wrapper.landing .value .item .text-1 p b,
	.main-wrapper.landing .value .item .text-2 p b,
	.main-wrapper.landing .value .cta p {
		font-size: 20px;
	}

	.main-wrapper.landing .package .content ul li,
	.main-wrapper.landing .package .content .addon-bonus p {
		font-size: 19px;
	}

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

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

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

	.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: 90px 0;
	}

	.main-wrapper.landing .client {
		padding: 150px 0 90px;
	}

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