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

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

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

	.header .content .logo img {
		height: 35px;
	}

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

	.home-banner .content input.form-control {
		margin: 0 0 15px;
	}

	.home-benefit .item img {
		margin: 0 0 30px;
	}

	.home-benefit .item .text {
		padding: 0 !important;
	}

	.home-faq .content {
		padding-top: 30px !important;
	}

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

	footer .item {
		text-align: center;
		margin: 0 0 50px;
	}

	footer .item img {
		margin: 0;
	}

	footer .item ul.sc {
		justify-content: center;
	}

	footer .mb-100 {
		margin-bottom: 50px !important;
	}

	.main-wrapper.transaction .content .form-domain .pr-0 {
		padding-right: calc(var(--bs-gutter-x) * .5) !important;
	}

	.main-wrapper.transaction .content .form-domain input.form-control {
		margin: 0 0 10px;
	}

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

	.main-wrapper.transaction .content .item-package div:first-child {
		margin: 0 0 10px;
	}

	.main-wrapper.transaction .content .item-package div:last-child {
		width: 100%;
	}

	.main-wrapper.transaction .content .item-package div ul {
		display: block;
		padding: 0;
	}

	.main-wrapper.transaction .content .item-package ul li {
		text-align: left;
		margin: 0 0 10px;
	}
	
	.main-wrapper.transaction .content .item-package ul li:first-child {
		text-align: left;
	}

	.home-banner .content h1,
	.main-wrapper.affiliate .banner .text h1,
	.main-wrapper.program .banner .text h1,
	.main-wrapper.lp-webizi .banner h1 {
		font-size: 40px;
	}

	.main-wrapper.lp-webizi .package .content h3.promo-price {
		font-size: 34px;
	}

	.home-template .title h1,
	.main-wrapper .title h1,
	.main-wrapper.affiliate .join h2,
	.main-wrapper.program .banner .text h2,
	.main-wrapper.program .join h2,
	.main-wrapper.lp-webizi .how .text h2,
	.main-wrapper.lp-webizi .who h2,
	.main-wrapper.lp-webizi .feature h2,
	.main-wrapper.lp-webizi .value h2,
	.main-wrapper.lp-webizi .package .content h2,
	.main-wrapper.lp-webizi .portfolio h2,
	.main-wrapper.lp-webizi .faq h2,
	.main-wrapper.lp-webizi .home-media h2 {
		font-size: 32px;
	}

	.home-faq .title h1,
	.home-media .title h1,
	.home-testimonial .title h1,
	.main-wrapper.page-term .title2 h1,
	.main-wrapper.transaction .success h1,
	.main-wrapper.contact .form-default .title h1,
	.main-wrapper.lp-webizi .who h3 {
		font-size: 30px;
	}

	.main-wrapper.lp-partner .banner .text h1,
	.main-wrapper.affiliate .about h2,
	.main-wrapper.affiliate .benefit .text h2,
	.main-wrapper.affiliate .work .text h2,
	.main-wrapper.affiliate .comission .text h2,
	.main-wrapper.affiliate .faq h2
	.main-wrapper.program .about h2,
	.main-wrapper.program .why h2,
	.main-wrapper.program .work .text h2,
	.main-wrapper.program .announcement .text h2,
	.main-wrapper.program .faq h2,
	.main-wrapper.lp-webizi .value .cta .promo-price h4 {
		font-size: 28px;
	}

	.home-banner .content h2 {
		font-size: 26px;
	}

	.home-benefit .item .text h2,
	.home-cta .text h1,
	.main-wrapper.lp-webizi .value .item .text-1 h3,
	.main-wrapper.lp-webizi .value .item .text-2 h3,
	.main-wrapper.lp-webizi .package .content h3.price,
	.main-wrapper.lp-webizi .value .cta .price h4 {
		font-size: 24px;
	}

	.main-wrapper.lp-partner .banner .text h2,
	.main-wrapper.lp-partner .benefit h2,
	.main-wrapper.lp-partner .template .title h2,
	.main-wrapper.lp-partner .customer .title h2,
	.main-wrapper.lp-partner .join h2,
	.main-wrapper.affiliate .faq .content .accordion .accordion-item h3 span,
	.main-wrapper.program .faq .content .sub-content .accordion .accordion-item h3 span,
	.main-wrapper.lp-webizi .value .item .text-1 p b,
	.main-wrapper.lp-webizi .value .item .text-2 p b,
	.main-wrapper.lp-webizi .faq .content .accordion .accordion-item h3 span {
		font-size: 22px;
	}

	.main-wrapper.tutorial .item .text h2,
	.main-wrapper.transaction .success h2,
	.main-wrapper.lp-webizi .feature .item h3 {
		font-size: 20px;
	}

	.main-wrapper.affiliate .faq .content .accordion .accordion-item h3,
	.main-wrapper.program .faq .content .sub-content .accordion .accordion-item h3,
	.main-wrapper.lp-webizi .faq .content .accordion .accordion-item h3 {
		font-size: 18px;
	}

	.main-wrapper.affiliate .banner .text p,
	.main-wrapper.affiliate .about p,
	.main-wrapper.affiliate .benefit .text ul li,
	.main-wrapper.affiliate .work .text p,
	.main-wrapper.affiliate .work .text ul li,
	.main-wrapper.affiliate .comission .text p,
	.main-wrapper.affiliate .comission table th,
	.main-wrapper.affiliate .comission table td,
	.main-wrapper.affiliate .join p,
	.main-wrapper.program .banner .text p,
	.main-wrapper.program .about p,
	.main-wrapper.program .why p,
	.main-wrapper.program .work .text p,
	.main-wrapper.program .work .text ul li,
	.main-wrapper.program .announcement .text ul li,
	.main-wrapper.program .join p,
	.main-wrapper.lp-webizi .banner p,
	.main-wrapper.lp-webizi .who .item ul li,
	.main-wrapper.lp-webizi .value .item .text-1 p,
	.main-wrapper.lp-webizi .value .item .text-2 p,
	.main-wrapper.lp-webizi .value .cta p,
	.main-wrapper.lp-webizi .package .content ul li {
		font-size: 17px;
	}

	.main-wrapper.page-term h2.sub-title,
	.main-wrapper.contact .main-banner .content p,
	.main-wrapper.affiliate .faq .content .accordion .accordion-item .accordion-body p,
	.main-wrapper.affiliate .faq .content .accordion .accordion-item .accordion-body ul li,
	.main-wrapper.program .faq .content .sub-content .accordion .accordion-item .accordion-body p,
	.main-wrapper.program .faq .content .sub-content .accordion .accordion-item .accordion-body ul li,
	.main-wrapper.lp-webizi .how .text p,
	.main-wrapper.lp-webizi .feature p,
	.main-wrapper.lp-webizi .feature .item p,
	.main-wrapper.lp-webizi .value p,
	.main-wrapper.lp-webizi .package .content p,
	.main-wrapper.lp-webizi .portfolio p,
	.main-wrapper.lp-webizi .faq .content .accordion .accordion-item .accordion-body p,
	.main-wrapper.lp-webizi .faq .content .accordion .accordion-item .accordion-body ul li,
	.main-wrapper.lp-webizi .package .content .button ul li a {
		font-size: 16px;
	}

	.home-banner .content p,
	.home-template .title p,
	.home-faq .title p,
	.home-faq .content .accordion .accordion-item h2,
	.home-testimonial .title p,
	footer .item label,
	.main-wrapper .title p,
	.main-wrapper.contact .form-default .title p {
		font-size: 15px;
	}

	.home-benefit .item .text p,
	.box-template .text,
	.home-faq .content .accordion .accordion-item .accordion-body p,
	.box-testimonial .text p,
	footer .item ul li a,
	footer .item p,
	.main-wrapper.tutorial .item .text p,
	.main-wrapper.contact .main-banner .content span {
		font-size: 14px;
	}

	.main-wrapper.transaction .wizard ul li span {
		font-size: 12px;
	}

	.main-wrapper.transaction .referral {
	    width: 100%;
	    background: #fff;
		position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 999;
	    padding: 10px;
	    border-radius: 0;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    box-shadow: 0 0 3.125rem 0 rgb(0 0 0 / 10%);
	    -webkit-box-shadow: 0 0 3.125rem 0 rgb(0 0 0 / 10%);
	    -moz-box-shadow: 0 0 3.125rem 0 rgb(0 0 0 / 10%);
	}

	.main-wrapper.transaction .referral p {
		font-size: 16px;
		font-weight: 600;
		color: #22A8E7;
		text-align: center;
	}

	.main-wrapper.transaction .summary .item-title,
	.main-wrapper.transaction .summary .item-domain,
	.main-wrapper.transaction .summary .item-template,
	.main-wrapper.transaction .summary .item-package,
	.main-wrapper.transaction .summary .item-discount,
	.main-wrapper.transaction .summary .item-addon {
		display: none;
	}

	.main-wrapper.transaction .summary .item-title.show,
	.main-wrapper.transaction .summary .item-domain.show,
	.main-wrapper.transaction .summary .item-template.show,
	.main-wrapper.transaction .summary .item-package.show,
	.main-wrapper.transaction .summary .item-discount.show,
	.main-wrapper.transaction .summary .item-addon.show {
		display: flex;
	}

	.main-wrapper.transaction .summary {
		width: 100%;
		background: #fff;
		position: fixed;
		top: unset;
		bottom: 0;
		left: 0;
		z-index: 999;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	}

	.main-wrapper.transaction .summary .item.item-total {
		border-top: 0;
		padding-top: 0;
	}

	.main-wrapper.affiliate .benefit figure,
	.main-wrapper.affiliate .work figure,
	.main-wrapper.program .work figure,
	.main-wrapper.program .announcement figure {
		margin: 0 0 30px;
	}

	.main-wrapper.affiliate .benefit .text,
	.main-wrapper.program .work .text {
		padding: 0;
	}

	.main-wrapper.program .why .col-xl-5:nth-child(4) p {
		margin: 0 0 50px !important;
	}

	.main-wrapper.lp-webizi .template .slider .slick-list {
		padding: 0 10% !important;
	}

	.main-wrapper.lp-webizi .how .text p {
		margin: 0 0 30px;
	}

	.main-wrapper.lp-webizi .how .search-result {
		padding: 20px;
	}

	.main-wrapper.lp-webizi .who .item {
		padding: 20px;
	}

	.main-wrapper.lp-webizi .feature .item {
		padding: 25px;
	}

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

	.main-wrapper.lp-webizi .value .item .text-1 {
		padding-left: 0;
	}

	.main-wrapper.lp-webizi .value .item .text-2 {
		padding-right: 0;
	}

	.main-wrapper.lp-webizi .package .content .button ul {
		display: block;
	}

	.main-wrapper.lp-webizi .package .content .button ul li {
		width: 100%;
		margin: 0 0 10px;
	}

	.main-wrapper.lp-webizi .package .content .button ul li:last-child {
		margin: 0;
	}

	.main-wrapper.lp-webizi .portfolio .slider .slick-list {
		padding: 0 10% !important;
	}

	.main-wrapper.lp-webizi .home-media .content .item img {
		width: 75%;
	}

	.main-wrapper.lp-webizi .package .content .button ul li a {
		padding: 14px 12px;
	}
}