/* Promo banner START */
@media (max-width: 1700px) {
	#promo-title {
		width: 300px;
	}
	#badge {
		width: 300px;
		margin-left: -150px;
        top: 20%;
	}
	.banner-content {
		top: 20%;
	}
}
@media (max-width: 1200px) {
	#servers {
	  -webkit-mask-image: radial-gradient(
	    322.12% 211.64% at -26.03% 47.66%,
	    rgba(217, 217, 217, 0) 37.75%,
	    #737373 71.34%
	  );
	  -webkit-mask-repeat: no-repeat;
	  -webkit-mask-size: 100% 100%;

	  mask-image: radial-gradient(
	    322.12% 211.64% at -26.03% 47.66%,
	    rgba(217, 217, 217, 0) 37.75%,
	    #737373 71.34%
	  );
	  right: 0;
	}
	#badge {
		right: 15%;
        left: auto;
	}
	#star {
		left: 70%;
	}
}
@media (max-width: 992px) {
	#glitter {
		top: -20%;
		opacity: 0.6;
		width: 100%;
        height: auto;
        -webkit-mask-image: none;
	    -webkit-mask-repeat: initial;
	    -webkit-mask-size: initial;
	    mask-image: none;
	    mask-repeat: initial;
	    mask-size: initial;
	}
	#badge {
		width: 168px;
		top: 5%;
		right: auto;
	    left: 50%;
	    margin-left: -84px;
	}
	#star {
		display: none;
	}
	#servers {
	  width: 100%;
	  height: auto;
	  bottom: -20%;
	  -webkit-mask-image: linear-gradient(
	    360deg,
	    rgba(0, 0, 0, 1) 0%,
	    rgba(0, 0, 0, 0.05) 80%,
	    rgba(0, 0, 0, 0) 100%
	  );
	  -webkit-mask-repeat: no-repeat;
	  -webkit-mask-size: 100% 100%;

	  mask-image: linear-gradient(
	    360deg,
	    rgba(0, 0, 0, 1) 0%,
	    rgba(0, 0, 0, 0.05) 80%,
	    rgba(0, 0, 0, 0) 100%
	  );
	  mask-repeat: no-repeat;
	  mask-size: 100% 100%;
	}
	.banner-content {
		left: 50%;
        margin-left: -129px;
        top: auto;
        bottom: 10%;
	}
    #promo-title {
        width: 258px;
        margin: auto;
        display: block;
    }
    .banner-content h3 {
        font-size: 30px;
        text-align: center;
        line-height: 40px;
    }
    .promo-btn {
        font-size: 30px;
        width: 234px;
        height: 54px;
        padding: 10px 0 0;
        margin: auto;
    }
}
@media (max-width: 768px) {
	#glitter {
		top: 0;
	}
}
@media (max-width: 576px) {
	#servers {
		bottom: 0;
		opacity: 0.5;
	}
}
@media (max-width: 498px) {
	#servers {
		width: auto;
		height: 56%;
		-webkit-mask-image: linear-gradient(
			360deg,
			rgba(0, 0, 0, 1) 0%,
			rgba(0, 0, 0, 0.05) 80%,
			rgba(0, 0, 0, 0) 100%
		);
		mask-image: linear-gradient(
			360deg,
			rgba(0, 0, 0, 1) 0%,
			rgba(0, 0, 0, 0.05) 80%,
			rgba(0, 0, 0, 0) 100%
		);
	}
}
/* Promo banner END */

@media (max-width: 1400px) {
	.service-desc {
		min-height: 163px;
		font-size: 16px;
	}
}
@media (max-width: 1200px) {
	header.with-reseller-banner nav.navbar {
	  padding-top: 38px;
	}
	.mobile-menu {
		max-width: 320px;
	}
	.service-desc {
		min-height: 190px;
	}
	.service-title {
		font-size: 20px !important;
	}
}
@media (max-width: 992px) {
	.service-title {
		font-size: 1.5rem !important;
	}
}
@media (max-width: 768px) {
	.service-desc {
		min-height: auto;
	}
}
@media (max-width: 576px) {
	.card-server {
		overflow-x: scroll;
	}
	.card-server table {
		width: 100%;
	    max-width: 100%;
		table-layout: fixed;
	}
	.card-server table th,
	.card-server table td {
		white-space: normal;
	    overflow-wrap: anywhere;
	    word-break: break-word;
	    font-size: 15px;
	}
	.card-server table td:nth-child(2) {
		width: 15%;
	}
}
@media (max-width: 498px) {

}