@media (max-width: 1199.98px) {
    .banner-bg {
        background-position: center;
        padding: 100px 0;
        min-height: 550px;
    }
	.banner-main{
		max-width: 960px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.pricingUnlock{
		padding: 80px 20px;
	}
	.formLeave h1 {
		width: 100%;
		padding: 30px 20px 150px;
		box-sizing: border-box;
		font-size: 32px;
	}


	.breadcrumb-area {
		padding: 50px 20px;
		box-sizing: border-box;
	}
	.publicContent{
		padding: 0 20px;
		box-sizing: border-box;
	}
	.pt120 {
	    padding-top: 60px;
	}
	.publicContent  img{
		width: 100%;
	}
		.contactBox{
		padding: 80px 20px;
	}
}
@media (max-width: 991.98px) {
	.navbar-wrap{
		display: none !important;
	}
	.wapMenuBtn{
		display: block;
	}
	.menu-nav{
		justify-content: space-between;
		padding: 20px;
	}
	.banner-main{
		max-width: 720px;
	}
	.banner-content{
		width: 100%;
	}
	.banner-content > h1{
		margin-bottom: 48px;
		font-size: 30px;
	}
	.server-itemBox {
		width: 50%;
	}
	.dealsBox .list .item {
		width: 48%;
		margin-bottom: 20px;
	}
	.flex_row {
		flex-wrap: wrap;
	}
	.dealsBox .list {
		flex-wrap: wrap;
		justify-content: center;
	}
	.provider .provider-content h2 {
		font-size: 30px;
	}
	.special-offer{
		padding: 80px 20px;
		flex-direction: column;
	}
	.goodsbox {
		padding:80px 0px;
	}
	.goodsbox .content{
		padding: 0px 20px;
		flex-direction: column;
	}
	.special-offer h2 ,.goodsbox .right > h2{
		text-align: center;
		font-size: 36px;
	}
	.special-offer .left ,.goodsbox .right{
		width: 100%;
		padding-right: 0px;
	}
	.special-offer p  ,.goodsbox p{
		margin-bottom: 20px;
	}
	.special-offer a{
		margin-bottom: 20px;
	}
	.special-offer img ,.goodsbox img{
		width: 100%;
	}
	.dealsBox {
		padding: 20px 20px;
	}
	.customersSwiper .swiper-slide{
		width: 50% !important;
	}
	.dealsBox .separetor > .l {
	    margin-bottom: 0px;
	}
	.questions .left > h2{
		font-size: 32px;
	}
	.questions{
		margin-top: 30px;
		margin-bottom: 30px;
		flex-wrap: wrap;
	}
	.subscriptions h2 {
		font-size: 32px;
	}
	.posts{
		padding-top: 50px !important;
	}
	.posts .title h2 {
	    font-size: 32px;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.posts .title{
		display: flex;
		flex-direction: column;
	}
	.posts .list .item {
		width: 50%;
	}
	footer{
	    padding-top: 60px !important;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	footer > .top {
	  flex-wrap: wrap;
	}
	footer > .top > div {
	    width: 50%;
	}
	.pricingTop p {
		padding-left: 0px ;
	}
	.pricingDevice .topTags{
		flex-wrap: wrap;
	}
	.pricingDevice .topTags .item {
	    width: 33%;
	}
	.pricingUnlock > div{
		flex-direction: column;
	}
	.pricingUnlock .left{
		width: 100%;
	}
	.pricingUnlock .left > h2 {
		font-size: 32px;
	}
	.pricingUnlock .right{
		width: 100%;
		margin-top: 20px;
	}
	.pricingUnlock .right img {
		width: 98%;
	}
	.resellerCredits{
		flex-wrap: wrap;
		padding: 0 20px;
	}
	.resellerCredits .item {
		width: 49%;
		margin:0px;
		margin-bottom: 20px;
	}
	.resellerPotential{
		padding: 0 20px;
	}
	.resellerPotential img{
		width: 95% !important;
	}
	.setupGuide-Swiper .swiper-slide{
		width: 48%;
	}
	.formLeave .content{
		padding: 60px 20px 40px;
	}
	.blogBox .right {
		display: none;
	}
	.blogBox .left {
		width: 100%;
	}
	.blogBox .left > .blogItem .content {
	    padding: 33px 20px 40px;
	}

	.contactBox{
		flex-direction: column;
		padding: 80px 20px;
	}
	.contactBox > .left, .contactBox > .right{
		width: 100%;
	}
		.pagetop > div{
		justify-content: flex-end;
	}
	.pagetop > div > .left{
		display: none;
	}
	.pagetop > div > .right{
		justify-content: flex-end;
		width: 100%;
	}
    .blogDetailTitle{
		width: 100%;
	}
		.notFindPage{
		width: 60% !important;
	}
}

@media (max-width: 767.98px) {
	.header-action > .btn{
		display: none !important;
	}
    .banner-bg {
        padding: 90px 0 120px;
        min-height: auto;
    }
	.server-itemBox {
	    width: 100%;
	}
	.dealsBox .list .item {
	    width: 96%;
	}
	.customersSwiper .swiper-slide{
		width: 100% !important;
	}
	.questions{
		flex-wrap: wrap;
	}
	.questions > div{
		width: 100% !important;
	}
	.questions .right{
		padding: 0 20px;
		box-sizing: border-box;
	}
	.questions .right > img{
		width: 100%;
	}
	.subscriptions {
		flex-wrap: wrap;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.subscriptions > div{
		width: 100% !important;
	}
	.posts .list .item {
		width: 100%;
	}
	footer > .top > div {
	    width: 100%;
	}
	.pricingDevice > .top {
	    max-width: 98% !important;
	}
	.pricingDevice .topTags .item {
	    width: 48%;
	}
	.resellerCredits{
		flex-wrap: wrap;
	}
	.resellerCredits .item {
		width: 98%;
	}
	.resellerCredits .item h6 {
		/* text-align: center; */
	}
	.setupGuide-Swiper .swiper-slide{
		width: 98%;
	}
	.breadcrumb-area h1 {
		font-size: 32px;
	}
	.chatSwiper >  .swiper-wrapper > .swiper-slide{
    	width: 45%;
    }
    .chatSwiper >  .swiper-wrapper > .swiper-slide > img{
    	width: 100%;
    }
    	.notFindPage{
		width: 70% !important;
	}
}
@media(max-width: 576px){
    .container {
        max-width: 540px;
    }
	.pricingDevice > .top {
	    flex-direction: column;
		height: fit-content;
		border: 0px;

	}
	.pricingDevice > .top > span{
		width: 98%;
		border: 1px solid #a1a3a6 !important;
		border-radius: 25px !important;
		margin-top: 10px;
	}
	.pricingDevice .topTags .item {
	    width: 98%;
	}
	.blogDetail > .content > div:nth-child(2) > div > div > div:nth-child(2) > div{
	    min-width:fit-content !important;
    }
    	.notFindPage{
		width: 80% !important;
	}
    
}