@media only screen and (max-width:767px) {
    .what-is-wispgate-content {
        padding: 0 1rem 0 1rem;
    }
    #what-is-wispgate {
        display: flex;
        flex-direction: column;
        padding-top: 5rem;
    }
    .counter-wrapper {
        flex-direction: column;
    }
    #testimonials figure figcaption {
        position: static;
    }
    .demo-wrapper {
        display: flex;
        flex-direction: column;
    }
    .top-footer {
        display: flex;
        flex-direction: column;
        grid-column-gap: 4rem;
        padding-top: 0;
    }
    .left-footer {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 40px;
    }
    .bottom-footer p {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .mySwipermainslider-content>div h1,
    .mySwipermainslider-content>div h2,
    .mySwipermainslider-content>div h3 {
        font-size: 25px;
        line-height: 28px;
        margin-bottom: 30px;
    }
    .mySwipermainslider-content>div p {
        font-size: 14px;
    }
    .mySwipermainslider-content>a {
        margin: 1rem 0 3rem;
    }
    #main-slider .swiper-button-next,
    #main-slider .swiper-container-rtl .swiper-button-prev {
        right: 5px;
        width: 25px;
    }
    #main-slider .swiper-button-prev,
    #main-slider .swiper-container-rtl .swiper-button-next {
        left: 5px;
        width: 25px;
    }
    #main-slider .swiper-container-horizontal>.swiper-pagination-bullets,
    #main-slider .swiper-pagination-custom,
    #main-slider .swiper-pagination-fraction {
        bottom: 33%;
    }
    .main-title,
    #what-is-wispgate h2 {
        font-size: 2rem;
    }
    .main-second-title {
        font-size: 0.9rem;
    }
    #features .swiper-slide-active {
        transform: scale(1);
    }
    #features .swiper-button-next,
    #features .swiper-container-rtl .swiper-button-prev {
        right: 5px;
        width: 15px;
    }
    #features .swiper-button-prev,
    #features .swiper-container-rtl .swiper-button-next {
        left: 5px;
        width: 15px;
    }
    #pricing .swiper-button-next,
    #pricing .swiper-container-rtl .swiper-button-prev {
        right: 1%;
        left: auto;
    }
    #pricing .swiper-button-prev,
    #pricing .swiper-container-rtl .swiper-button-next {
        left: 1%;
        right: auto;
    }
    .content-wrapper h3 {
        font-size: 2rem;
        color: #fff;
    }
    footer {
        padding: 4rem 0;
        background-color: #0f172d;
    }
    figcaption::before {
        right: 10%;
        z-index: 99;
    }
    figcaption::after {
        left: 10%;
        top: 22%;
        z-index: 99;
    }
    #testimonials figure {
        background-image: url(../img/world.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    #testimonials figure>img {
        display: none;
    }
    #features .swiper-container {
        padding: 2rem 1rem;
    }
    #pricing .main-title {
        padding: 5rem 0 0;
    }
    #field_1_6 {
        font-size: 20px;
    }
	.modules-wrapper {
    	display: block;
	}
	.button-pdf a {
    	padding: 0.5rem 3rem;
	}
	.pricing-content ul{
		height:auto;
	}
	.modules-content ul {
		margin: 0 0 2rem 2rem;
		height: auto;
	}
	#pricing .swiper-button-prev, #pricing .swiper-button-next {
		top: 35%;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
    #main-slider .swiper-container-horizontal>.swiper-pagination-bullets,
    #main-slider .swiper-pagination-custom,
    #main-slider .swiper-pagination-fraction {
        bottom: 36%;
    }
    .what-is-wispgate-content {
        padding: 0 1rem 0 1rem;
    }
    #what-is-wispgate {
        display: flex;
        flex-direction: column;
        padding-top: 5rem;
    }
    #testimonials figure figcaption {
        position: static;
    }
    .demo-wrapper {
        display: flex;
        flex-direction: column;
    }
    .top-footer {
        display: flex;
        flex-direction: column;
        grid-column-gap: 4rem;
        padding-top: 0;
    }
    .left-footer {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 40px;
    }
    .bottom-footer p {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    #main-slider .swiper-button-next,
    #main-slider .swiper-container-rtl .swiper-button-prev {
        right: 5px;
        width: 25px;
    }
    #main-slider .swiper-button-prev,
    #main-slider .swiper-container-rtl .swiper-button-next {
        left: 5px;
        width: 25px;
    }
    #main-slider .swiper-container-horizontal>.swiper-pagination-bullets,
    #main-slider .swiper-pagination-custom,
    #main-slider .swiper-pagination-fraction {
        bottom: 33%;
    }
    #features .swiper-slide-active {
        transform: scale(1);
    }
    #features .swiper-button-next,
    #features .swiper-container-rtl .swiper-button-prev {
        right: 5px;
        width: 15px;
    }
    #features .swiper-button-prev,
    #features .swiper-container-rtl .swiper-button-next {
        left: 5px;
        width: 15px;
    }
    #pricing .swiper-button-next,
    #pricing .swiper-container-rtl .swiper-button-prev {
        right: 1%;
        left: auto;
    }
    #pricing .swiper-button-prev,
    #pricing .swiper-container-rtl .swiper-button-next {
        left: 1%;
        right: auto;
    }
    .content-wrapper h3 {
        font-size: 2rem;
        color: #fff;
    }
    footer {
        padding: 4rem 0;
        background-color: #0f172d;
    }
    figcaption::before {
        right: 17%;
        z-index: 99;
    }
    figcaption::after {
        left: 17%;
        top: 29%;
        z-index: 99;
    }
    #testimonials figure {
        background-image: url(../img/world.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    #testimonials figure>img {
        display: none;
    }
    #features .swiper-container {
        padding: 2rem 1rem;
    }
    #pricing .main-title {
        padding: 5rem 0 0;
    }
    #field_1_6 {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width:1080px) {
    .main-menu li a {
        font-size: 12px;
    }
    .main-menu-display {
        padding: 2rem 0;
    }
    .mySwipermainslider-content>img {
        width: 550px;
    }
    .mySwipermainslider-content>div p {
        font-size: 17px;
    }
    .mySwipermainslider-content>div h1,
    .mySwipermainslider-content>div h2,
    .mySwipermainslider-content>div h3 {
        font-size: 40px;
        line-height: 13px;
        margin-bottom: 29px;
    }
    #main-slider .swiper-container-horizontal>.swiper-pagination-bullets,
    #main-slider .swiper-pagination-custom,
    #main-slider .swiper-pagination-fraction {
        bottom: 45%;
    }
    #features .swiper-slide img {
        height: 250px;
    }
    #features .swiper-slide-active {
        transform: scale(1.2);
    }
    #features .swiper-button-prev,
    #features .swiper-container-rtl .swiper-button-next {
        left: 15px;
    }
    #features .swiper-button-next,
    #features .swiper-container-rtl .swiper-button-prev {
        right: 15px;
    }
    #what-is-wispgate {
        display: flex;
        flex-direction: column;
        padding-top: 6rem;
    }
    .what-is-wispgate-content {
        padding: 0 1rem 0 6rem;
    }
    #pricing .swiper-button-next,
    #pricing .swiper-container-rtl .swiper-button-prev {
        right: 3%;
        left: auto;
    }
    #pricing .swiper-button-prev,
    #pricing .swiper-container-rtl .swiper-button-next {
        left: 3%;
        right: auto;
    }
    figcaption::before {
        right: 24%;
    }
    figcaption::after {
        left: 24%;
    }
    footer {
        padding: 2rem 0;
    }
    footer h3 {
        font-size: 1.3rem;
    }
    .left-footer p {
        line-height: 23px;
        font-size: 12px;
    }
    .top-footer {
        grid-column-gap: 3rem;
    }
    .left-footer {
        gap: 61px;
    }
}

@media only screen and (min-width: 1081px) and (max-width:1300px) {
    .main-menu-display {
        padding: 2rem 0;
    }
    .mySwipermainslider-content>img {
        width: 550px;
    }
    #main-slider .swiper-container-horizontal>.swiper-pagination-bullets,
    #main-slider .swiper-pagination-custom,
    #main-slider .swiper-pagination-fraction {
        bottom: 40%;
    }
    #features .swiper-slide img {
        height: 250px;
    }
    #features .swiper-slide-active {
        transform: scale(1.2);
    }
    #features .swiper-button-prev,
    #features .swiper-container-rtl .swiper-button-next {
        left: 15px;
    }
    #features .swiper-button-next,
    #features .swiper-container-rtl .swiper-button-prev {
        right: 15px;
    }
    .what-is-wispgate-content {
        padding: 0 1rem 0 6rem;
    }
    #pricing .swiper-button-next,
    #pricing .swiper-container-rtl .swiper-button-prev {
        right: 3%;
        left: auto;
    }
    #pricing .swiper-button-prev,
    #pricing .swiper-container-rtl .swiper-button-next {
        left: 3%;
        right: auto;
    }
    figcaption::before {
        right: 32%;
    }
    figcaption::after {
        left: 32%;
    }
    footer {
        padding: 2rem 0;
    }
    footer h3 {
        font-size: 1.5rem;
    }
}

@media only screen and (min-width: 1301px) and (max-width:1439px) {
    .main-menu-display {
        padding: 2rem 0;
    }
    .mySwipermainslider-content>img {
        width: 550px;
    }
    .mySwipermainslider-content>div p {
        font-size: 17px;
    }
    .mySwipermainslider-content>div h1,
    .mySwipermainslider-content>div h2,
    .mySwipermainslider-content>div h3 {
        font-size: 40px;
        line-height: 13px;
        margin-bottom: 29px;
    }
    #features .swiper-slide img {
        height: 250px;
    }
    #features .swiper-slide-active {
        transform: scale(1.2);
    }
    #features .swiper-container {
        padding: 7rem 1rem;
    }
    #features .swiper-button-prev,
    #features .swiper-container-rtl .swiper-button-next {
        left: 15px;
    }
    #features .swiper-button-next,
    #features .swiper-container-rtl .swiper-button-prev {
        right: 15px;
    }
    .what-is-wispgate-content {
        padding: 0 1rem 0 6rem;
    }
    #pricing .swiper-button-next,
    #pricing .swiper-container-rtl .swiper-button-prev {
        right: 3%;
        left: auto;
    }
    #pricing .swiper-button-prev,
    #pricing .swiper-container-rtl .swiper-button-next {
        left: 3%;
        right: auto;
    }
    figcaption::before {
        right: 32%;
    }
    figcaption::after {
        left: 32%;
    }
    footer {
        padding: 2rem 0;
    }
    footer h3 {
        font-size: 1.5rem;
    }
}

@media only screen and (min-width: 1440px) and (max-width:1679px) {
    .main-menu-display {
        padding: 2rem 0;
    }
    #features .swiper-button-prev,
    #features .swiper-container-rtl .swiper-button-next {
        left: 15px;
    }
    #features .swiper-button-next,
    #features .swiper-container-rtl .swiper-button-prev {
        right: 15px;
    }
    .what-is-wispgate-content {
        padding: 0 1rem 0 4rem;
    }
    #pricing .swiper-button-next,
    #pricing .swiper-container-rtl .swiper-button-prev {
        right: 3%;
        left: auto;
    }
    #pricing .swiper-button-prev,
    #pricing .swiper-container-rtl .swiper-button-next {
        left: 3%;
        right: auto;
    }
    figcaption::before {
        right: 32%;
    }
    figcaption::after {
        left: 32%;
    }
}

@media only screen and (min-width: 1680px) {
    .main-menu-display {
        padding: 2rem 0;
    }
    #features .swiper-button-prev,
    #features .swiper-container-rtl .swiper-button-next {
        left: 15px;
    }
    #features .swiper-button-next,
    #features .swiper-container-rtl .swiper-button-prev {
        right: 15px;
    }
    .what-is-wispgate-content {
        padding: 0 1rem 0 9rem;
    }
    #pricing .swiper-button-next,
    #pricing .swiper-container-rtl .swiper-button-prev {
        right: 3%;
        left: auto;
    }
    #pricing .swiper-button-prev,
    #pricing .swiper-container-rtl .swiper-button-next {
        left: 3%;
        right: auto;
    }
    figcaption::before {
        right: 34%;
    }
    figcaption::after {
        left: 34%;
    }
}