/* media queries for header page start */

@media screen and (max-width:1440px) {
    .innerpage-banner.data-center-banner .banner-image-box img {
        top: 0;
    }
    .header-dd-zone {
        /* padding: 30px 0; */
        padding: 20px 0;
    }
    .header-dd-zone--link {
        text-align: center;
        padding: 35px 10px;
        color: #1f1f1f;
        /* height: 150px; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        /* min-width: 175px; */
        width: 16%;
        border-radius: 2px;
        margin-right: 10px;
        margin-bottom: 15px;
        background-color: #f4f8fc;
        border: 1px solid transparent;
    }
    .sub-menu .header-dd-zone--link {
        min-width: 175px;
    }
    .header-dd-zone h2 {
        font-size: 22px;
        line-height: 38px;
    }
    .header-dd-zone--link span {
        font-size: 15px;
        line-height: 20px;
    }
    .back_video_logo {
        width: 150px;
    }
}

@media screen and (max-width:1199px) {
    /* .header-dd-zone .flex-item {
        flex-wrap: wrap;
    } */
    .header-dd-zone--link {
        padding: 15px 10px;
        /* min-width: 140px; */
        width: 16%;
        margin-bottom: 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: auto;
    }
    .sub-menus-css {
        left: -73%;
    }
    .header-dd-zone h2 {
        font-size: 18px;
        line-height: 32px;
    }
    .header-dd-zone--link span {
        font-size: 13px;
        line-height: 17px;
    }
    .top-navigation-item a {
        margin-right: 25px;
    }
    .navbar.custom-navbar {
        /* padding: 10px 0; */
        padding: 18px 0;
    }
    .navbar-brand img {
        max-width: 140px;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 10px 10px;
        font-size: 13px;
    }
    .nav-btn {
        margin-left: 5px;
    }
    .video_banner .video_banner_desc {
        font-size: 18px;
    }
    .video_banner h4 {
        font-size: 28px;
    }
    .play_now {
        font-size: 20px;
    }
}

@media screen and (max-width:991px) {
    .sub-menus-css {
        left: -100%;
    }
    .header-dd-zone--link {
        padding: 15px 4px;
        width: 15%;
        margin-bottom: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: unset;
    }
    .navbar.custom-navbar {
        /* padding: 10px 0; */
        padding: 6px 0;
    }
    .page-offers-content p {
        font-size: 11px;
    }
    .page-offers-content table {
        font-size: 11px;
    }
    .page-offers-content br {
        display: block;
    }
    .navbar-brand img {
        max-width: 110px;
    }
    .top-navigation-item a {
        margin-right: 15px;
    }
    .navbar-menu {
        width: 80%;
    }
    .top-navigation-item a {
        font-size: 12px;
        margin-right: 20px;
        letter-spacing: 0.4px;
    }
    .top-navigation-item a i {
        font-size: 12px;
        margin-right: 2px;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 10px 6px;
        font-size: 12px;
    }
    .video_banner .video_banner_desc {
        font-size: 16px;
    }
    .video_banner h4 {
        font-size: 20px;
    }
    .play_now {
        font-size: 16px;
    }
    .video-popup {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
    .back_video_logo {
        width: 120px;
    }
}

@media screen and (max-width:767px) {
    section.video_section .video-main p {
        margin-bottom: 0;
    }
    .bold-head {
        display: none;
    }
    .inner-banner-container .data-center-box {
        margin-bottom: 45px;
        padding-top: 0;
    }
    .data-center-banner .banner-image-box img {
        width: 250px;
    }
    .innerpage-banner .banner-image-box {
        text-align: center;
    }
    .play_now {
        font-size: 14px;
        margin: 0 0 0 10px;
    }
    .fa-play:before {
        font-size: 12px;
    }
    .video-popup {
        height: 30px;
        width: 30px;
        line-height: 30px;
        border: 3px solid rgb(0 0 0 / 80%);
    }
    a.video-popup.mfp-iframe i {
        font-size: 13px;
    }
    .video_banner .back_video_img {
        min-height: 110px;
        object-fit: cover;
    }
    .video_banner .video_banner_desc {
        display: none;
    }
    .video_banner h4 {
        display: none;
    }
    .navbar.custom-navbar {
        padding: 10px 0px;
    }
    .navbar-toggler {
        position: absolute;
        left: 15px;
        top: 15px;
        padding: 0;
        outline: none;
    }
    .navbar-toggler-icon .bar1,
    .navbar-toggler-icon .bar2,
    .navbar-toggler-icon .bar3 {
        display: block;
        width: 25px;
        height: 2px;
        background-color: #fff;
        margin: 6px 0;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }
    .navbar-toggler-icon .bar2 {
        width: 35px;
    }
    .navbar-toggler-icon.active .bar2 {
        opacity: 0;
    }
    .navbar-toggler-icon.active .bar1 {
        -webkit-transform: rotate(-45deg) translate(-4px, 0);
        -ms-transform: rotate(-45deg) translate(-7px, 1px);
        transform: rotate(-45deg) translate(-7px, 1px);
    }
    .navbar-toggler-icon.active .bar3 {
        -webkit-transform: rotate(45deg) translate(-7px, -3px);
        -ms-transform: rotate(45deg) translate(-10px, -4px);
        transform: rotate(45deg) translate(-10px, -4px);
    }
    .top-navigation-menu,
    .top-navigation-left,
    .top-navigation-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .top-navigation-menu {
        padding: 0 0;
    }
    .top-navigation-item a span {
        display: none;
    }
    .header {
        top: 0;
        background-color: #006abc;
    }
    .navbar-brand {
        margin: 0 auto;
    }
    .nav-btn-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: absolute;
        right: 15px;
        top: 15px;
    }
    .nav-item-mobile {
        display: inline-block;
    }
    .nav-item-mobile .nav-btn.btn {
        background-color: rgba(0, 0, 0, .1);
        min-width: auto;
        width: 35px;
        text-align: center;
        padding: 5px 0;
    }
    .nav-item-mobile .nav-btn.btn:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: rgba(0, 0, 0, .2);
    }
    .vps-price-box {
        flex-direction: column-reverse;
    }
}

@media screen and (max-width:575px) {
    .header {
        background: -webkit-gradient(linear, left top, right top, from(#006abc), to(#009cff));
        background: -o-linear-gradient(left, #006abc, #009cff);
        background: linear-gradient(to right, #006abc, #009cff);
    }
    .side-drawer {
        padding: 10px 20px;
    }
    .mobile-support a {
        font-size: 13px;
        text-align: center;
    }
    .accordion .link {
        font-size: 17px;
    }
}

@media screen and (max-width:385px) {
    .mobile-support {
        padding: 11px 6px;
    }
    .mobile-support a {
        font-size: 12px;
        letter-spacing: -.6px;
    }
    .mobile-support a img {
        margin-right: 2px;
        width: 16px;
    }
    .nav-item-mobile .nav-btn.btn {
        width: 30px;
        padding: 4px 0;
    }
}


/* media queries for header page end here */


/* media queries for page start*/

@media (min-width:1200px) and (max-width:1440px) {
    .banner-content-outer {
        padding: 50px 50px 0;
    }
    .header-dd-zone--link {
        min-width: 180px;
    }
}

@media screen and (max-width:1800px) {
    .data-center-bg {
        right: -280px;
        height: 930px;
    }
}

@media screen and (max-width:1600px) {
    .carousel-control-prev {
        left: 20px;
    }
    .carousel-control-next {
        right: 20px;
    }
    .data-center-bg {
        right: -360px;
        height: 930px;
    }
}

@media screen and (max-width:1440px) {
    .server-listing-tab::after {
        height: 95%;
    }
    .zigzaglayer.zigzaglayer-left {
        transform: skewY(-4deg) translateY(0);
    }
    .data-center-bg {
        right: -365px;
        height: 855px;
    }
    br {
        display: none;
    }
    .tiger-banner {
        background-position: top center;
    }
    /* banner responsive */
    .banner-text-box {
        max-width: 625px;
    }
    .carousel-item {
        /* min-height: 700px; */
        min-height: 570px;
        margin-bottom: 0px;
    }
    .banner-content-outer::after {
        background-position: 250px 50px;
        background-size: 350px;
    }
    .banner-text-box h1,
    .choose-server-text h1 {
        font-size: 36px;
        color: #fff;
        font-family: "Muli-Black";
        line-height: 46px;
    }
    .inner-banner-text-box ul li {
        margin-bottom: 10px;
    }
    .banner-text-box p {
        color: #fff;
        font-size: 17px;
    }
    .data-center-locations h1 {
        margin-top: 20px;
    }
    .banner-image-box img {
        width: 500px;
    }
    .ddos-protection-text p {
        margin: 20px 0;
    }
    .data-center-text {
        width: 330px;
    }
    .location-item {
        min-width: 200px;
        margin-bottom: 20px;
        margin-right: 20px;
    }
    .location-item span {
        font-size: 16px;
        padding: 0 15px;
    }
    .location-item img {
        width: 55px;
    }
    .server-price-card img {
        width: 45px;
    }
    .server-price-card h3 {
        font-size: 14px;
        line-height: 17px;
    }
    .server-price-card p {
        font-size: 22px;
        line-height: 30px;
    }
    .server-price-text {
        margin: 15px 0;
    }
    .server-price-card .server-price-text p {
        font-size: 14px;
    }
    .server-price-card .server-price-text span {
        font-size: 33px;
        line-height: 45px;
    }
    .premium-server-text ul li {
        margin-bottom: 10px;
    }
    .carousel-control-prev {
        left: 15px;
    }
    .carousel-control-next {
        right: 15px;
    }
    .carousel-control-prev,
    .carousel-control-next {
        width: 35px;
        height: 35px;
        background: rgba(0, 0, 0, 0.8);
        border-radius: 100%;
        border: 0;
    }
    .carousel-control-prev-icon::after,
    .carousel-control-next-icon::after {
        font-size: 24px;
        line-height: 17px;
        color: #fff;
        opacity: 1;
    }
    /* services */
    .services-card {
        padding: 30px 30px;
    }
    .services-card img {
        width: 60px;
        height: 60px;
    }
    /* discover responsivness */
    .discover-server .section-heading-box {
        margin-bottom: 40px;
    }
    .server-listing-tab .nav-tabs .nav-link {
        padding: 14px;
    }
    .tab-content .tab-pane {
        padding: 45px 55px 80px;
        background-size: 400px;
    }
    /* top reasons responsive */
    .discover-server~.top-reasons {
        padding-top: 350px;
    }
    .top-reasons-card {
        padding: 45px;
    }
    .card-item figure {
        margin-bottom: 30px;
    }
    /* slider responsive css */
    .feedback-slider-card {
        padding: 35px 35px;
    }
    /* footer support  */
    .sharktech-support-card {
        padding: 40px;
    }
    .sharktech-support-card img {
        width: 70px;
    }
    .support-content {
        padding: 0 30px;
    }
    /* vps page responsive */
    .inner-banner-container {
        /* min-height: 650px; */
        min-height: 570px;
        margin-bottom: 0;
    }
    .inner-banner-text-box.colocation-banner,
    .inner-banner-text-box.vps-banner {
        max-width: 500px;
    }
    .inner-banner-text-box p {
        margin: 20px 0;
    }
    .innerpage-banner .banner-image-box {
        top: 0;
    }
    .vps-choose .services-card {
        padding: 45px;
    }
    /* dedicated server */
    .inner-banner-container .banner-text-box {
        max-width: 570px;
    }
    .gbps-logo-section {
        padding: 60px 0 30px;
    }
    .gbps-logo-outer ul li svg {
        /* max-height: 33px; */
    }
}

@media screen and (max-width:1367px) {
    .gbps-performance .services-card {
        padding: 35px 12px;
    }
    .shark-services .section-heading-box {
        margin-bottom: 30px;
    }
    .tab-content.gbps-features-content .tab-pane .accordion li .link {
        padding: 30px 20px;
    }
    .why-use-sharktech-card {
        padding: 20px;
    }
    .tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text {
        padding: 25px 0;
    }
    .services-sec .inner-box h4 {
        font-size: 22px;
    }
    .ip-services-content {
        padding: 25px 30px;
    }
}

@media screen and (max-width:1199px) {
    .data-center-bg {
        right: -285px;
        height: 695px;
    }
    .banner-image-box {
        top: 40px;
    }
    .card-title {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 10px;
    }
    /* banner responsive */
    .banner-content-outer {
        padding: 45px 20px 0;
    }
    .carousel-item {
        min-height: 590px;
        margin-bottom: 0px;
    }
    .banner-content-outer::after {
        background-position: 230px 20px;
        background-size: 300px;
    }
    .banner-text-box,
    .banner-text-box.premium-server-text,
    .banner-text-box.Available-text {
        max-width: 470px;
        top: -20px;
    }
    .banner-text-box h1,
    .choose-server-text h1 {
        font-size: 38px;
        line-height: 42px;
    }
    .banner-text-box p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
        letter-spacing: 0.4px;
    }
    .banner-image-box img {
        width: 450px;
    }
    .data-center-locations h1 {
        margin-top: 0;
    }
    .data-center-text {
        width: 320px;
        margin-bottom: 20px;
    }
    .location-item {
        padding: 5px;
        min-width: 180px;
        margin-bottom: 15px;
        margin-right: 15px;
        text-align: left;
    }
    .location-item span {
        font-size: 16px;
        padding: 0 7px;
    }
    .location-item img {
        width: 45px;
    }
    .ddos-protection-text h1 {
        margin-top: 0;
    }
    .server-price-card h3 {
        font-size: 17px;
        line-height: 17px;
    }
    .server-price-card {
        margin: 0 15px;
        padding: 20px;
        width: 28%;
        margin-bottom: 20px;
    }
    .server-price-text {
        margin: 20px 0;
    }
    .btn.btn-banner {
        padding: 8px 14px;
        font-size: 12px;
    }
    .server-price-card .server-price-text span {
        font-size: 30px;
        line-height: 38px;
    }
    .server-price-card .server-price-text p {
        font-size: 13px;
    }
    .banner-text-box p {
        margin: 20px 0 30px;
    }
    .banner-text-box ul li {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .banner-text-box ul li img {
        width: 20px;
    }
    .Available-text ul li img {
        width: 40px;
        margin-right: 10px;
    }
    /* Services card */
    .services-card {
        padding: 30px 15px;
    }
    .services-card img {
        width: auto;
        height: 55px;
    }
    .services-card .card-title {
        font-size: 17px;
        margin-bottom: 10px;
    }
    .services-card .card-desc {
        font-size: 13px;
        line-height: 21px;
    }
    /* Discover */
    .discover-server {
        height: 380px;
    }
    .discover-server::before {
        background: none
    }
    .discover-server .section-heading-box {
        padding: 50px 0 0 0;
        margin-bottom: 30px;
    }
    .server-listing-tab .nav-tabs .nav-link {
        padding: 10px;
        font-size: 13px;
    }
    .tab-content .tab-pane {
        padding: 25px 35px 40px;
        background-size: 320px;
    }
    .tab-content .tab-pane h3 {
        font-size: 22px;
        font-family: "Muli-Bold";
        color: #000;
    }
    .tab-content .tab-pane p {
        font-size: 15px;
        margin-bottom: 25px;
        letter-spacing: 0.2px;
    }
    .tab-content .tab-pane .price-content h2 {
        font-size: 34px;
        margin-bottom: 20px;
    }
    /* top reasons responsive */
    .top-reasons .section-heading-box {
        margin-bottom: 30px;
    }
    .top-reasons-card {
        padding: 35px;
    }
    .card-item figure {
        margin-bottom: 15px;
    }
    .top-reasons .section-heading-box p {
        font-size: 16px;
        line-height: 24px;
        max-width: 100%;
        letter-spacing: .1px;
    }
    .card-item.top-reasons-card .card-desc {
        line-height: 18px;
        letter-spacing: 0.2px;
        font-size: 13px;
    }
    .top-reasons-card img {
        width: auto;
        height: 60px;
    }
    /* get started responsive */
    .get-started-content {
        max-width: 550px;
        padding: 70px 0 50px;
    }
    .get-started-content h2 {
        font-size: 31px;
        line-height: 38px;
        margin-bottom: 20px;
        letter-spacing: -0.32px;
    }
    .get-started-content p {
        font-size: 17px;
        line-height: 27px;
        letter-spacing: 0.15px;
        font-family: 'Muli-Light';
        color: #fff;
        margin-bottom: 30px;
    }
    /* slider responsive css */
    .join-sharktech .section-heading-box {
        margin-bottom: 20px;
    }
    .feedback-slider-card {
        padding: 30px 25px;
        min-height: 265px;
    }
    .feedback-title h3 {
        font-size: 14px;
    }
    .join-sharktech-slider .slick-prev {
        left: 88%;
    }
    .flex-item.mar-b-3 {
        margin-bottom: 20px;
    }
    .feedback-slider-card img {
        width: 25px;
    }
    .feedback-title {
        padding-left: 10px;
    }
    .feedback-slider-card p {
        font-size: 13px;
        line-height: 23px;
        letter-spacing: 0.2px;
    }
    .join-sharktech-slider .slick-prev,
    .join-sharktech-slider .slick-next {
        top: -41px;
    }
    /* footer support  */
    .sharktech-support-card {
        padding: 23px;
    }
    .sharktech-support-card img {
        width: 65px;
    }
    .support-content {
        padding: 0 20px;
    }
    .sharktech-support-card .support-content h2 {
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: 0;
    }
    .sharktech-support-card .support-content p {
        font-size: 15px;
    }
    /* gbps page */
    .inner-banner-container {
        min-height: 550px;
    }
    .inner-banner-text-box.colocation-banner,
    .inner-banner-text-box.vps-banner {
        max-width: 400px;
    }
    .gbps-performance .services-card {
        padding: 35px 15px;
    }
    .gbps-performance .services-card .card-title {
        font-size: 16px;
    }
    .gbps-performance .services-card .card-desc {
        padding: 0;
    }
    .tab-content.gbps-features-content .tab-pane .accordion li .link {
        padding: 20px 15px;
    }
    .tab-content.gbps-features-content .head-text {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .box-open-icon {
        width: 35px;
        height: 35px;
    }
    .box-open-icon::after {
        width: 34px;
        height: 34px;
        font-size: 23px;
        line-height: 32px;
    }
    .tab-content.gbps-features-content p {
        margin: 0;
    }
    .tab-content .tab-pane .features-head h3 {
        font-size: 15px;
    }
    .tab-content.gbps-features-content p {
        font-size: 14px;
    }
    .width-150 {
        width: 160px;
    }
    /* .gbps-plan-content {
        padding: 40px 20px 0;
        min-height: 450px;
    } */
    .gbps-plan-content {
        padding: 80px 20px 0;
        min-height: 350px;
    }
    .gbps-plan-content h2 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 20px;
        letter-spacing: -0.32px;
    }
    .tab-content.gbps-features-content .box-table-btn {
        padding: 10px 10px;
        min-width: 100px;
    }
    .tab-content.gbps-features-content .tab-pane .accordion li.open .box-open-icon::after {
        line-height: 16px;
    }
    .tab-content.gbps-features-content .boxmenu-left div {
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .boxmenu-left {
        width: 70%;
        padding: 20px 0 0 60px;
    }
    .boxmenu-right {
        width: 30%;
        padding: 20px 25px;
    }
    .tab-content.gbps-features-content .boxmenu-right h2 {
        font-size: 33px;
        line-height: 40px;
    }
    .tab-content.gbps-features-content .boxmenu-right h2 sub {
        font-size: 29px;
        line-height: 34px;
    }
    .tab-content.gbps-features-content .boxmenu-left .label img {
        left: -45px;
        width: 35px;
    }
    /* vps page responsive */
    .price-vps-container {
        margin-bottom: 30px;
    }
    .vps-choose .services-card {
        padding: 30px 20px;
    }
    .vps-choose .card-desc {
        padding: 0;
    }
    .clip-path-layer {
        top: -20px;
        height: 450px;
    }
    .vps-server-features .vps-server-features-card {
        padding: 15px;
    }
    .vps-server-features-card figure {
        margin: 0 10px 0 0;
    }
    .why-use-sharktech .section-heading-box {
        margin-bottom: 20px;
    }
    .why-use-sharktech-card figure img {
        height: 35px;
    }
    .why-use-sharktech-card h3 {
        font-size: 18px;
        line-height: 25px;
        margin: 0 0 5px;
    }
    .why-use-sharktech-card p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .vps-server-features::after {
        top: 0;
    }
    .vps-price-box {
        padding: 30px 30px 20px;
    }
    .price_rangetxt .sliderrange-text label {
        font-size: 13px;
    }
    .price-sliderbox {
        padding: 40px 30px;
    }
    .value-box .smallbox {
        margin: 0 10px 25px 0px;
    }
    .value-content .value-text {
        font-size: 15px;
    }
    .value-content .light-value-font {
        font-size: 13px;
    }
    .value-content {
        padding-bottom: 15px;
        min-width: 150px;
    }
    .value-box {
        width: 100%;
    }
    .price-box h2 {
        font-size: 50px;
        line-height: 55px;
    }
    .value-box .smallbox {
        margin: 0 5px 15px 0px;
    }
    /* dedicated server */
    .gbps-logo-section {
        padding: 40px 0;
    }
    .gbps-logo-outer ul li:nth-child(5),
    .gbps-logo-outer ul li:last-child {
        margin-bottom: 0;
    }
    #why-use-sharktech .section-heading-box {
        margin: 0 0 40px;
    }
    .gbps-logo-outer ul {
        justify-content: center;
    }
    .gbps-logo-outer ul li {
        min-width: 210px;
        margin-bottom: 40px;
    }
    .features-outer-container .nav-tabs .nav-link {
        font-size: 16px;
        padding: 10px 25px;
    }
    .tab-content.gbps-features-content .boxmenu-left div {
        min-width: 30%;
    }
    .tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text .server-size-text {
        width: 90px;
    }
    .tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text .server-size-text span {
        width: 140px;
    }
    .discover-server~.top-reasons {
        padding-top: 170px;
    }
    .card-item.comman.services-card {
        padding: 35px 15px;
    }
    footer .footer-navigation-list {
        margin-bottom: 30px;
    }
    .services-sec .inner-box h4 {
        font-size: 18px;
        line-height: 30px;
    }
    .ip-services-content {
        padding: 20px 20px;
    }
    .ip-services-benefits {
        padding: 20px;
    }
}

@media screen and (max-width:991px) {
    .sub-menus-css {
        left: -100%;
    }
    .zigzaglayer {
        display: none;
    }
    .about-content-box h2,
    .our-team-content h2,
    .about-future-content h2,
    .pub-info-content h3,
    .pri-info-head h2,
    .pri-info-content h2,
    .ip-why-head {
        font-size: 26px;
    }
    .services-sec h2 {
        font-size: 32px;
    }
    .services-sec {
        padding: 40px 0;
    }
    .services-sec .inner-box p,
    .services-sec .inner-box ul li {
        font-size: 16px;
        line-height: 24px;
    }
    .tab-pane .server-feature-content .box-table-btn span {
        font-size: 12px;
    }
    /* .server-listing-tab::after {
        height: 40px;
        bottom: 0;
	} */
    .top-reasons-card:hover {
        transform: scale(1.03);
    }
    /* #why-use-sharktech {
        padding-top: 10px;
    } */
    .colocation-server .tab-content .features-head h3 {
        margin: 0;
    }
    .price-box .btn {
        min-width: 40px;
        min-height: 36px;
        line-height: 36px;
    }
    .price-box h2 {
        font-size: 34px;
        line-height: 38px;
    }
    .value-box .smallbox {
        margin: 0 0 10px;
        width: 50%;
    }
    .vps-price-box .value-box {
        flex: 0 0 57%;
    }
    .vps-price-box .price-box {
        padding-left: 20px;
    }
    .btn.btn-banner .arrow-svg-icon {
        width: 11px;
        height: auto;
        margin-left: 2px;
        vertical-align: inherit;
    }
    /* banner responsive */
    .carousel-item {
        /* min-height: 550px; */
        margin-bottom: 0px;
    }
    .banner-content-outer {
        padding: 40px 0 0px;
    }
    .data-center-bg {
        display: none;
    }
    .banner-content-outer::after {
        background-position: 170px 20px;
        background-size: 250px;
    }
    .banner-text-box,
    .banner-text-box.premium-server-text,
    .banner-text-box.Available-text {
        max-width: 550px;
        top: -50px;
    }
    section.privacy-ploicy-section.section-space {
        padding: 40px 0 30px;
    }
    .banner-text-box h1,
    .choose-server-text h1 {
        font-size: 34px;
        line-height: 38px;
    }
    .privacy-policy-item {
        margin-bottom: 25px;
    }
    .banner-text-box p,
    .choose-server-text p {
        font-size: 13px;
        margin-bottom: 24px;
        letter-spacing: 0.4px;
        line-height: 20px;
    }
    .banner-image-box img {
        max-width: 100%;
        width: 350px;
    }
    .banner-5-item .banner-image-box img {
        width: 400px;
    }
    .data-center-text {
        width: 260px;
        margin-bottom: 20px;
    }
    .ddos-protection-text ul li {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .ddos-protection-text ul li img {
        width: 20px;
    }
    .location-item img {
        width: 40px;
    }
    .location-item {
        min-width: 165px;
    }
    .location-item span {
        font-size: 15px;
        padding: 0 7px;
    }
    .server-price-card {
        margin: 0 10px;
    }
    .Available-text ul li img {
        width: 30px;
        margin-right: 7px;
    }
    .Available-text ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 42%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .Available-text ul li h4 {
        font-size: 18px;
        line-height: 23px;
    }
    .Available-text ul li p {
        font-size: 14px;
        line-height: 22px;
    }
    .Available-text ul li span {
        font-size: 14px;
    }
    .carousel-control-prev,
    .carousel-control-next {
        top: 88%;
    }
    .carousel-control-next {
        right: 40%;
    }
    .carousel-control-prev {
        left: 40%;
    }
    /* Services */
    .services-card {
        padding: 30px;
    }
    /* discover responsivness */
    .discover-server {
        padding-bottom: 25px;
    }
    .discover-server .section-heading-box {
        padding: 50px 0 0 0;
        margin-bottom: 33px;
    }
    .server-listing-tab .nav-tabs .nav-link {
        padding: 13px;
    }
    .tab-content .tab-pane {
        padding: 35px 20px 35px;
        margin-left: 0px;
        background-size: 250px;
    }
    .tab-content .tab-pane h3 {
        font-size: 19px;
    }
    .tab-content .tab-pane p {
        font-size: 14px;
        margin-bottom: 30px;
    }
    .tab-content .tab-pane .price-content h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    /* top reasons responsive */
    .top-reasons-card {
        padding: 20px;
    }
    .card-title,
    .ip-why-desc_sec .card-title {
        font-size: 18px;
    }
    .card-item figure {
        margin-bottom: 20px;
    }
    .card-item figure img {
        width: 40px;
        height: 40px;
    }
    /* get started responsive */
    .get-started-content {
        max-width: 460px;
        padding: 50px 0 30px;
    }
    .get-started-content h2 {
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 15px;
    }
    .get-started-content p {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 25px;
    }
    .join-sharktech-slider .slick-prev {
        left: 84%;
    }
    .join-sharktech-slider .slick-prev,
    .join-sharktech-slider .slick-next {
        top: -38px;
    }
    /* slider */
    .join-sharktech .section-heading-box {
        margin-bottom: 10px;
    }
    .feedback-slider-card {
        min-height: 215px;
    }
    /* footer support  */
    .sharktech-support-card {
        width: 100%;
        display: block;
        padding: 20px 38px;
    }
    .support-content {
        padding: 0;
    }
    .sharktech-support-card img {
        width: 40px;
    }
    .sharktech-support-card .support-content h2 {
        font-size: 18px;
    }
    .sharktech-support-card .support-content p,
    .contact-detail {
        font-size: 13px;
    }
    .contact-detail i {
        font-size: 15px;
        margin-right: 7px;
    }
    /* gbps page */
    .banner-image-box {
        top: 0;
    }
    .inner-banner-text-box h1 {
        margin-top: 50px;
    }
    .innerpage-banner {
        padding: 74px 0 0px;
    }
    .inner-banner-container {
        min-height: 450px;
    }
    .why-use-sharktech-card {
        padding: 25px 18px 20px;
    }
    .why-use-sharktech-card h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .why-use-sharktech-card p {
        font-size: 14px;
        line-height: 19px;
    }
    /* .gbps-plan-content {
        padding: 40px 20px 0;
        min-height: 400px;
    } */
    .gbps-plan-content h2 {
        font-size: 24px;
        line-height: 35px;
        margin-bottom: 15px;
    }
    .gbps-plan-text p {
        font-size: 16px;
        margin: 0 auto 30px;
    }
    .tab-content.gbps-features-content .tab-pane .accordion li .link {
        margin: 0;
        padding: 20px 7px;
    }
    .tab-content.gbps-features-content p {
        margin: 0;
    }
    .tab-content.gbps-features-content .feature-prize {
        font-size: 16px;
        padding: 0px 12px;
        line-height: 20px;
    }
    .tab-content.gbps-features-content .feature-prize::before,
    .tab-content.gbps-features-content .feature-prize::after {
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent;
    }
    .tab-content.gbps-features-content .feature-prize sub {
        font-size: 15px;
    }
    .tab-content.gbps-features-content .box-table-btn {
        padding: 7px 7px;
        min-width: 80px;
    }
    .tab-content.gbps-features-content .head-text {
        font-size: 13px;
    }
    .tab-content.gbps-features-content p {
        font-size: 12px;
    }
    .box-open-icon {
        width: 27px;
        height: 27px;
    }
    .box-open-icon::after {
        width: 27px;
        height: 27px;
        font-size: 19px;
        line-height: 24px;
    }
    .tab-content.gbps-features-content .tab-pane .accordion li.open .box-open-icon::after {
        line-height: 11px;
    }
    /* colocation page start */
    .tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text .server-size-text {
        width: 80px;
    }
    .tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text .server-size-text span {
        width: 100px;
        padding: 4px 11px;
        font-size: 12px;
    }
    .colocation-server .tab-content .tab-pane .features-head h3 {
        width: 100px;
        font-size: 13px;
    }
    .inner-banner-text-box.colocation-banner,
    .inner-banner-text-box.vps-banner {
        max-width: 380px;
    }
    .inner-banner-container .banner-image-box img {
        width: 330px;
    }
    /* vps page responsive */
    .vps-choose .services-card {
        padding: 20px 15px;
    }
    .vps-choose .services-card .card-title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .price-box h2 {
        font-size: 40px;
        line-height: 40px;
    }
    .price-box .btn {
        min-width: 150px;
        margin-bottom: 15px;
    }
    .why-use-sharktech-card figure img {
        height: 30px;
    }
    .price-slider-handle {
        width: 30px;
        height: 30px;
        right: -20px;
        top: calc(100% - 24px);
        background-size: 30px;
    }
    /* dedicated sever */
    .inner-banner-container .banner-text-box {
        max-width: 400px;
    }
    .inner-banner-container .inner-ddos-img img {
        width: 400px;
    }
    .why-use-sharktech-card {
        padding: 15px;
    }
    .why-use-sharktech-card figure {
        margin: 0 10px 0 0;
    }
    .gbps-logo-section {
        padding: 40px 0;
    }
    .gbps-logo-outer ul li {
        min-width: 60px;
        margin-bottom: 30px;
        margin: 0 20px 30px;
    }
    .gbps-logo-outer ul li svg {
        /* max-height: 25px; */
    }
    .features-outer-container .nav-tabs {
        margin-bottom: 30px;
    }
    .tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text {
        padding: 15px 0;
    }
    .feature-box-div {
        margin-bottom: 50px;
    }
    .shark-services.section-space {
        padding-top: 20px!important;
    }
    footer .footer-navigation-list {
        max-width: 33.3%;
        flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
        margin-bottom: 25px;
    }
}

@media screen and (max-width:767px) {
    #exampleModal button.close {
        right: -6px;
        width: 25px;
        height: 25px;
        font-size: 17px;
    }
    .banner-text-box,
    .banner-text-box.premium-server-text,
    .banner-text-box.Available-text {
        max-width: 100%;
        top: 0;
    }
    /* banner responsiveness */
    .innerpage-banner {
        padding: 165px 0 10px;
    }
    .banner-right-layer,
    .banner-left-layer {
        display: none;
    }
    .tiger-banner .tiger-banner-img svg {
        max-width: 100%;
    }
    #carouselExampleControls .carousel-item.active {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .carousel-item,
    .inner-banner-container {
        padding: 20px 0;
        margin-bottom: 0px;
        min-height: 450px;
    }
    .inner-banner-container {
        min-height: 350px;
    }
    .banner-content-outer::after {
        display: none;
    }
    .banner-image-box {
        /* display: none; */
        position: static;
        justify-content: center;
    }
    .banner-4-item .banner-image-box img {
        margin-top: 30px;
    }
    .banner-text-box {
        max-width: 100%;
    }
    .banner-text-box h1,
    .choose-server-text h1 {
        font-size: 30px;
        line-height: 34px;
        margin-top: 0px!important;
    }
    .ddos-protection-text ul li span {
        margin-left: 8px;
    }
    .ddos-protection-text.Available-text ul li img {
        width: 30px;
        margin-right: 10px;
    }
    .server-price-card {
        margin: 0 5px;
        width: 100%;
    }
    .server-price-card figure {
        margin: 0 0 8px;
    }
    .server-price-card .server-price-text p {
        font-size: 12px;
    }
    .server-price-card .server-price-text span {
        font-size: 24px;
        line-height: 28px;
    }
    .server-price-card p,
    .server-price-text {
        margin: 0 0 15px;
    }
    /* services */
    .shark-services .section-heading-box {
        margin-bottom: 20px;
    }
    .services-card {
        padding: 15px;
    }
    .services-card:hover {
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .services-card:hover img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    /* discover responsive */
    .discover-server {
        height: 100%;
    }
    .server-listing-tab .nav-tabs {
        justify-content: center;
    }
    .server-listing-tab .nav-tabs .nav-item {
        margin: 0 10px 30px;
        width: 20%;
    }
    .server-listing-tab .nav-tabs .nav-link {
        justify-content: center;
    }
    .server-listing-tab .nav-tabs .nav-link::after {
        height: 10px;
        top: 85%;
        right: calc(50% - 9px);
        border-top: 17px solid #cee4ff;
        border-left: 17px solid #0000;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        opacity: 0;
    }
    .server-listing-tab .nav-tabs .nav-link .server-icons {
        margin-right: 0;
    }
    /* top reasons responsive */
    .discover-server~.top-reasons {
        padding-top: 130px;
    }
    .tab-content .tab-pane {
        padding: 25px;
        margin-bottom: -100px;
        -webkit-box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.08);
        box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.08);
    }
    .top-reasons .section-heading-box {
        margin-bottom: 35px;
    }
    .top-reasons .section-heading-box p {
        font-size: 18px;
    }
    .top-reasons-card {
        padding: 27px;
    }
    /* get started responsive */
    .get-started-content {
        padding: 70px 0 20px;
    }
    .get-started-content h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 25px;
    }
    .get-started-content p {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 35px;
    }
    /* slider responsive css */
    .feedback-slider-card {
        padding: 30px 30px;
        margin: 0;
    }
    .join-sharktech-slider-container {
        margin: 0;
    }
    /* footer support  */
    .sharktech-support-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .sharktech-support-card {
        border-bottom: 1px solid #eee;
        padding: 20px;
        /* border: 0; */
    }
    .support-content {
        padding: 0;
    }
    .sharktech-support-card::after {
        display: none;
    }
    .sharktech-support-card .support-content h2 {
        font-size: 19px;
        margin-bottom: 5px;
    }
    .sharktech-support-card .support-content p,
    .contact-detail {
        font-size: 14px;
    }
    /* inner banner */
    .inner-banner-container .banner-text-box {
        max-width: 100%;
    }
    /* gbps page responsive */
    .gbps-features-section .section-heading-box h2 {
        font-size: 25px;
    }
    .features-outer-container .nav-tabs .nav-link {
        font-size: 14px;
        padding: 15px 12px;
    }
    .features-outer-container .nav-tabs .nav-link img {
        height: 25px;
        margin-right: 12px;
    }
    .gbps-plan-content {
        padding: 70px 15px 0;
    }
    .gbps-plan-content h2 {
        font-size: 23px;
        line-height: 30px;
    }
    .why-use-sharktech.section-space {
        padding: 40px 0 20px;
    }
    .why-use-sharktech-outer .col-6 {
        margin-bottom: 25px;
    }
    .why-use-sharktech-card {
        display: grid;
        text-align: center;
        margin-bottom: 0;
        height: 100%;
    }
    .why-use-sharktech-card p {
        font-size: 14px;
        line-height: 19px;
        display: none;
    }
    /* vps page */
    .vps-price-box {
        flex-wrap: wrap;
    }
    .value-box .smallbox {
        min-width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 10px 25px 0px;
    }
    .value-box .smallbox img {
        height: 30px;
        margin-right: 9px;
    }
    .value-content .value-text {
        font-size: 13px;
    }
    .value-content .light-value-font {
        font-size: 12px;
    }
    .value-content.no-border {
        border-bottom: 1px solid #eee;
    }
    .gbps-performance .services-card,
    .vps-choose .services-card {
        padding: 15px;
    }
    .features-outer-container .nav-tabs {
        margin-bottom: 30px;
    }
    .tab-content.gbps-features-content .tab-pane .accordion li .link {
        display: block;
        padding: 0;
    }
    .box-open-div {
        display: none;
    }
    .tab-content.gbps-features-content .tab-pane .accordion li .link div {
        text-align: center;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }
    .tab-content.gbps-features-content .tab-pane .accordion li .link div:last-child {
        border: 0;
    }
    .features-head {
        display: none;
    }
    .features-head-colocation {
        display: none;
    }
    .tab-content.gbps-features-content .head-text {
        margin: 0;
    }
    .tab-content.gbps-features-content .feature-prize {
        /* max-width: 100px; */
        margin: 0 auto;
    }
    .boxmenu {
        display: none;
    }
    .boxmenu-left {
        width: 100%;
        padding: 20px 0 0 50px;
        border-bottom: 1px solid #eee;
    }
    .boxmenu-right {
        width: 100%;
    }
    .why-use-sharktech-card h3 {
        font-size: 16px;
        line-height: 18px;
        margin-top: 14px;
    }
    .why-use-sharktech-card figure {
        margin: 0;
    }
    .tab-content.gbps-features-content .box-table-btn {
        min-width: 200px;
        font-size: 12px;
        padding: 13px 20px;
        /* background-color: #009cff; */
        background-color: #006abc;
    }
    .tab-content.gbps-features-content .tab-pane .accordion li:hover .link,
    .tab-content.gbps-features-content .tab-pane .accordion li.open .link {
        background-color: #fff;
    }
    .tab-content.gbps-features-content .tab-pane .accordion li:hover,
    .tab-content.gbps-features-content .tab-pane .accordion li.open {
        border-color: transparent;
    }
    .why-use-sharktech-card:hover::after,
    .why-use-sharktech-card:hover::before {
        display: none;
    }
    .tab-content.gbps-features-content .tab-pane h3 {
        font-size: 17px;
        padding-bottom: 10px;
        line-height: 12px;
        margin: 0;
    }
    .tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text {
        display: block;
        padding: 0;
    }
    .feature-content-text div {
        margin-right: 0;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        border-bottom: 1px solid #eee;
    }
    .feature-content-text div:last-child {
        border: 0;
    }
    .tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text .server-size-text {
        width: 100%;
    }
    .tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text .server-size-text span {
        margin: 0 auto;
        border-radius: 20px;
    }
    .tab-content.gbps-features-content .tab-pane .server-feature-content li:hover {
        outline: none;
    }
    .ip-services-content {
        min-height: auto;
    }
    .top-navigation-item a {
        font-size: 10px;
        margin-right: 3px;
    }
    .top-header {
        top: 72px;
    }
    .header {
        top: 97px;
    }
    .home-banner {
        padding: 145px 0 0;
    }
    .top-navigation-menu {
        padding: 0 0;
    }
    .navbar.custom-navbar {
        padding: 4px 0px;
    }
    .navbar-toggler {
        top: 9px;
    }
    .nav-btn-mobile {
        top: 11px;
    }
    .ads-btn,
    .ads-btn:hover {
        font-size: 9px;
        padding: 3px 6px;
    }
    .page-offers-content p {
        font-size: 10px;
        margin: 4px 0;
    }
    .page-offers-content table {
        font-size: 10px;
        margin: 4px 0;
    }
    .page-offers-content br {
        display: block
    }
    .side-drawer {
        top: 165px;
    }
    .navbar .accordion .link {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .navbar .accordion li {
        padding: 10px 10px 0;
    }
    .innerpage-banner.ddos-protection-banner {
        padding: 165px 0 70px;
    }
}

@media screen and (max-width:575px) {
    .footer-mobile-section {
        margin-top: -3px;
    }
    /* banner responsivness */
    .carousel-item {
        min-height: 420px;
        padding: 0;
    }
    .innerpage-banner {
        padding: 165px 0 10px;
    }
    .inner-banner-text-box h1 {
        margin-top: 0;
    }
    .banner-text-box h1,
    .choose-server-text h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .data-center-locations h1 {
        margin-bottom: 30px;
    }
    .data-center-locations p {
        display: inline-block;
        padding-bottom: 2px;
        border-bottom: 2px solid #fff;
    }
    .data-center-text {
        display: none;
    }
    .banner-text-box h1 span {
        color: #fff;
    }
    .data-center-locations {
        text-align: center;
        margin: auto;
    }
    .center-locations-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .location-item {
        margin: 0 10px;
        margin-bottom: 18px;
        text-align: left;
    }
    .location-item span {
        font-size: 15px;
        padding: 0 3px;
    }
    .server-price-card-container {
        flex-wrap: wrap;
    }
    .server-price-card {
        padding: 8px;
        width: 100%;
        margin: 0 5px 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .server-price-card img {
        width: 35px;
    }
    .server-price-card h3 {
        font-size: 14px;
        line-height: 17px;
    }
    .server-price-card p,
    .server-price-text {
        margin: 0;
    }
    .server-price-card .server-price-text p {
        font-size: 11px;
    }
    .server-price-card .server-price-text span {
        font-size: 23px;
        line-height: 38px;
    }
    .Available-text ul li {
        width: 48%;
        margin-bottom: 7px;
        float: left;
        background-color: #00000042;
        padding: 10px;
        margin-left: 7px;
    }
    .Available-text ul li:nth-child(2n+1) {
        margin-left: 0;
    }
    .btn.btn-banner {
        padding: 5px 8px;
        font-size: 11px;
    }
    .btn.btn-banner .arrow-svg-icon {
        width: 11px;
        height: auto;
        margin-left: 2px;
        vertical-align: inherit;
    }
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }
    /* services */
    .shark-services .section-heading-box {
        margin-bottom: 20px;
    }
    .services-card {
        padding: 10px 30px;
        max-width: 380px;
        margin: 0 auto;
    }
    .shark-services .section-heading-box p {
        display: none;
    }
    .services-card .card-title {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 27px;
    }
    /* discover responsivness */
    .discover-server {
        padding-bottom: 55px;
        margin-bottom: 60px;
        background-image: none;
    }
    .discover-server .section-heading-box {
        padding: 30px 0 0 0;
        margin-bottom: 25px;
    }
    .discover-server .section-heading-box h2 {
        margin-bottom: 14px;
    }
    .discover-server .section-heading-box p {
        max-width: 394px;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.1px;
    }
    .server-listing-tab .nav-tabs .nav-item {
        width: 25%;
        margin: 0 0 15px;
    }
    .server-listing-tab .nav-tabs .nav-link {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid rgba(182, 218, 237, 0.55);
        padding: 23px;
        height: 65px;
        margin: 0 7px;
    }
    .server-listing-tab .nav-tabs .nav-link.active {
        border-color: transparent;
    }
    .tab-content .tab-pane h3 {
        font-size: 20px;
        line-height: 24px;
        font-family: "Muli-ExtraBold";
        color: #3382c5;
        margin-bottom: 15px;
    }
    .tab-content .tab-pane {
        padding: 25px;
        margin-bottom: -100px;
        -webkit-box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.08);
        box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.08);
    }
    .tab-content .tab-pane p {
        font-size: 14.5px;
        margin-bottom: 30px;
        line-height: 23px;
        font-family: "Muli";
        letter-spacing: 0.1px;
        font-stretch: semi-condensed;
    }
    .tab-content .tab-pane .price-content p {
        margin-bottom: 5px;
    }
    .tab-content .tab-pane .price-content h2 {
        font-size: 35px;
        margin-bottom: 15px;
    }
    #DDoS,
    #Premium,
    #Virtual,
    #Remote {
        background-image: none;
    }
    /* get started responsive */
    .get-started-content {
        padding: 50px 0 10px;
    }
    .get-started-content h2 {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 20px !important;
    }
    /* slider Responsive */
    .quote-icon {
        margin-bottom: 10px;
    }
    .video_section {
        margin-bottom: 0;
    }
    .join-sharktech .section-heading-box h2 {
        font-size: 24px;
        line-height: 30px;
        max-width: 510px;
        margin: 0;
    }
    .feedback-slider-card {
        min-height: 220px;
    }
    .feedback-title h3 {
        font-size: 16px;
        font-family: "Muli-ExtraBold";
        font-weight: normal;
        letter-spacing: 0.5px;
    }
    .feedback-slider-card p {
        font-size: 13px;
        line-height: 24px;
        letter-spacing: 0.2px;
        color: rgba(44, 44, 44, .8);
        font-family: "Muli";
        margin-bottom: 0;
    }
    /* support section */
    .footer-support-mobile {
        background-color: #e5f5ff;
        padding-bottom: 15px;
    }
    .footer-support-mobile .sharktech-support-card {
        padding: 47px 0;
    }
    .footer-support-mobile h2 {
        font-size: 26px;
        line-height: 27px;
        font-family: "Muli-ExtraBold";
        color: #3382c5;
        margin-bottom: 18px;
    }
    .contact-detail {
        font-size: 17px;
        line-height: 35px;
        letter-spacing: 0.5px;
        margin-bottom: 8px;
    }
    .contact-detail i {
        background: #3382c5;
        color: #fff;
        font-size: 16px;
        padding: 6px;
        border-radius: 100%;
        width: 29px;
        height: 29px;
        margin-right: 5px;
        text-align: center;
        line-height: 1.05;
    }
    .contact-detail i.fa-envelope-o {
        font-size: 15px;
    }
    /* inner page gbps */
    .features-outer-container .nav-tabs .nav-link img {
        margin-right: 0;
    }
    .features-outer-container .nav-tabs .nav-link {
        padding: 20px 25px;
    }
    .gbps-plan-content {
        padding: 40px 30px 0;
        min-height: 370px;
    }
    /* .gbps-plan-content h2 {
        font-size: 17px;
        line-height: 25px;
    } */
    .features-outer-container .nav-tabs .nav-link {
        display: block;
        text-align: center;
        padding: 10px 25px;
        min-width: 60px;
    }
    .features-outer-container .nav-tabs .nav-link span {
        display: block;
        font-size: 10px;
    }
    /* vps page */
    .price-sliderbox {
        padding: 20px 10px;
    }
    .vps-price-box {
        flex-wrap: wrap;
    }
    .vps-price-box {
        padding: 20px;
    }
    .value-box .smallbox {
        min-width: 50%;
        justify-content: flex-start;
        margin: 0 0px 15px 0px;
    }
    .price-sliderbox img {
        display: none;
    }
    .price_rangetxt .sliderrange-text label {
        font-size: 10px;
    }
    .price-slider,
    .price-slider-range {
        height: 12px;
    }
    .price-slider-handle {
        top: calc(100% - 22px);
    }
    .gbps-logo-section {
        padding: 30px 0;
    }
    .boxmenu-left {
        flex-wrap: wrap;
    }
    .tab-content.gbps-features-content .boxmenu-left div {
        min-width: 100%;
        margin: 0 0 10px;
    }
    .tab-content.gbps-features-content .boxmenu-left .label {
        margin-bottom: 0px;
    }
    .tab-content.gbps-features-content p {
        margin: 0;
    }
    .gbps-features-section .section-heading-box h2 {
        font-size: 21px;
    }
    .gbps-logo-outer ul li {
        min-width: 130px;
        margin: 0 10px 30px;
    }
}

@media screen and (max-width:470px) {
    .server-price-card .server-price-text span {
        font-size: 17px;
        line-height: 20px;
        font-weight: bold;
    }
    .server-price-card .btn.btn-banner span,
    .server-price-card .btn.btn-banner::before {
        display: none;
    }
    .server-price-card {
        padding: 5px 5px;
    }
    .server-price-card div {
        margin: 0 5px;
    }
    .server-price-card img {
        width: 22px;
    }
    .server-price-card .btn.btn-banner,
    .server-price-card.btn.btn-banner:hover {
        padding: 5px;
        font-size: 11px;
        min-width: auto;
        border: 0;
    }
    .server-price-card .btn.btn-banner:hover .arrow-svg-icon path {
        fill: #fff;
    }
    .gbps-plan-content {
        padding: 40px 20px;
        min-height: auto;
    }
    .gbps-plan-banner::after {
        display: none;
    }
}

@media screen and (max-width:420px) {
    .features-outer-container .nav-tabs .nav-link {
        padding: 10px 12px;
    }
    .price_rangetxt .sliderrange-text {
        /* width: 14%; */
        margin-left: 10px;
    }
    .price_rangetxt .sliderrange-text#icon-5 label {
        left: 0;
    }
    .value-box .smallbox {
        min-width: 100%;
        justify-content: space-between;
    }
    .value-content .light-value-font {
        display: inline-block;
    }
    .value-content {
        min-width: 100%;
        position: relative;
        align-items: center;
    }
    .server-listing-tab .nav-tabs .nav-item a {
        width: auto;
        height: auto;
        padding: 13px;
        margin: 0 3px;
    }
    .location-item {
        min-width: 130px;
        margin: 0 7px;
        margin-bottom: 18px;
        text-align: left;
    }
    .location-item span {
        font-size: 12px;
        padding: 0 3px;
    }
    .services-card {
        padding: 10px 20px 20px;
    }
}


/* media queries for page end here */


/* Media queries for footer start */

@media screen and (max-width:1199px) {
    .footer {
        padding-top: 70px;
    }
    .footer-navigation-list ul li .footer-navigation-title {
        font-size: 18px;
    }
}

@media screen and (max-width:991px) {
    #pri-diff-section {
        padding-bottom: 0;
    }
    .vps-server-features.privat-cloud-server-section {
        padding-top: 10px;
    }
    .footer {
        padding-top: 50px;
    }
    .footer-navigation-menus {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-bottom: 15px;
    }
    .footer-navigation-list {
        min-width: 33%;
        margin-bottom: 10px;
    }
    .footer-navigation-list ul li a.footer-navigation-title {
        margin-bottom: 10px;
    }
    .footer-navigation-list ul li a {
        line-height: 15px;
        /* margin-bottom: 10px; */
        font-size: 13px;
    }
    .footer-copyright p {
        padding: 15px;
    }
}

@media screen and (max-width:767px) {
    .public-plan .plan-tabs li:last-child {
        border-top: 1px solid #ddd;
    }
    .footer-navigation-list ul li a.footer-navigation-title {
        font-size: 20px;
        line-height: 24px;
    }
    .footer-navigation-list {
        min-width: 50%;
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .footer-mobile {
        display: block;
    }
}

@media screen and (max-width:480px) {
    .footer {
        padding-top: 30px;
    }
    .footer-navigation-menus {
        padding: 0;
    }
    .footer-navigation-list {
        min-width: 100%;
    }
    .footer-navigation-list ul li a.footer-navigation-title {
        font-size: 18px;
    }
    .gbps-logo-outer ul li svg {
        max-height: 70px;
    }
    .gbps-logo-outer ul li:nth-of-type(1),
    .gbps-logo-outer ul li:nth-of-type(2) {
        margin-bottom: 20px;
    }
    .gbps-logo-outer ul li {
        min-width: 43%;
        margin: 0 10px 20px;
    }
}


/* media queries for footer page end here */


/* media queries for contact us page start here*/

@media screen and (max-width:1440px) {
    .contact-banner-text h1 {
        font-size: 60px;
        line-height: normal;
    }
}

@media screen and (max-width:1199px) {
    #pub-benf-section .pub-benf-img {
        text-align: center;
        margin-bottom: 50px;
    }
    #pub-benf-section .pub-benf-img img {
        max-width: 500px;
    }
    .contact-banner-text h1 {
        font-size: 50px;
        line-height: 55px;
    }
    .contact-banner-container {
        min-height: 300px;
    }
    .contact-banner-form {
        padding: 25px;
    }
    .contact-detail-card span img {
        height: 50px;
        margin-bottom: 25px;
    }
}

@media screen and (max-width:991px) {
    .contact-banner {
        /* padding: 130px 0 20px; */
        padding: 165px 0 20px;
    }
    .contact-banner-container {
        min-height: 250px;
    }
    .privacy-policy-item ul+p {
        margin-top: 15px;
    }
    .contact-banner-text h1 {
        font-size: 34px;
        line-height: 35px;
    }
    .contact-banner-form {
        padding: 20px;
    }
    .contact-detail-card h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .contact-detail-card a {
        font-size: 14px;
    }
    .sharktech_video {
        height: 380px;
    }
}

@media screen and (max-width:768px) {
    .contact-banner {
        padding: 165px 0px 0px;
    }
}

@media screen and (max-width:767px) {
    .contact-banner {
        padding: 165px 0 0;
    }
    .contact-banner-text h1 {
        font-size: 32px;
        line-height: 35px;
    }
    .contact-banner-form {
        max-width: 100%;
        margin: 0 auto;
    }
    section.contact-detail-section.section-space {
        padding-top: 30px!important;
    }
    .submenu li::before {
        top: 15px;
    }
}

@media screen and (max-width:575px) {
    .contact-detail-card span img {
        height: 40px;
        margin-bottom: 15px;
    }
    .contact-banner-form label {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .form-control,
    .contact-banner-form select {
        height: 40px;
    }
}


/* end */


/* media queries for About page start here*/

@media screen and (max-width:1440px) {
    .about-content-box h2,
    .our-team-content h2,
    .about-future-content h2,
    .pub-info-content h3,
    .pri-info-head h2,
    .pri-info-content h2,
    .ip-why-head {
        font-size: 36px;
        margin-bottom: 15px;
        line-height: 44px;
    }
    .about-content-box p,
    .our-team-content p {
        font-size: 23px;
        line-height: 35px;
    }
    .our-team-section {
        padding: 40px 0 0;
    }
    .our-team-content {
        min-height: 430px;
    }
    .our-team-section::before {
        top: -25px;
    }
    .about-future-section {
        padding: 50px 0 60px;
    }
}

@media screen and (max-width:1199px) {
    .about-company-outer .about-company-box {
        padding: 25px 30px;
        min-width: 150px;
    }
    .our-team-section {
        padding: 30px 0 0;
    }
    .our-team-section::before {
        height: 250px;
        top: -5px;
    }
    .our-team-content {
        min-height: 400px;
    }
    .about-content-box h2,
    .our-team-content h2,
    .about-future-content h2,
    .pub-info-content h3,
    .pri-info-head h2,
    .pri-info-content h2,
    .ip-why-head {
        font-size: 34px;
        margin-bottom: 15px;
        line-height: 40px;
    }
    .about-content-box p,
    .our-team-content p,
    .about-future-content p {
        font-size: 20px;
        line-height: 32px;
    }
    .about-future-section {
        padding: 40px 0 50px;
    }
}

@media screen and (max-width:991px) {
    .about-company-outer {
        margin-top: -50px;
    }
    .about-company-box figure {
        margin: 0 0 10px;
    }
    .about-company-box img {
        width: 35px;
    }
    .about-company-box h3 {
        font-size: 19px;
    }
    .about-company-outer .about-company-box {
        padding: 15px 10px;
        min-width: 130px;
        margin: 0 10px 15px;
    }
    .about-content-box h2,
    .our-team-content h2,
    .about-future-content h2,
    .pub-info-content h3,
    .pri-info-head h2,
    .pri-info-content h2,
    .ip-why-head {
        font-size: 27px;
        margin-bottom: 15px;
        line-height: 38px;
    }
    .about-content-box p,
    .our-team-content p,
    .about-future-content p {
        font-size: 17px;
        line-height: 30px;
    }
    .about-future-section {
        padding: 40px 0 50px;
    }
    .about-content-box p {
        margin-bottom: 40px;
    }
    .story-content-box p,
    .pub-info-content p,
    .pri-info-head p,
    .pri-info-content p,
    .pri-started-banner .pub-benf-text p,
    .ip-why-desc {
        font-size: 16px;
        line-height: 25px;
    }
    .about-future-content {
        padding: 0;
    }
    .about-future-img img {
        width: 100%;
        max-width: 330px;
    }
    .why-use-sharktech-outer.sharktech-outer-grid .col-6 {
        margin-bottom: 25px;
    }
}

@media screen and (max-width:767px) {
    .about-content-box h2,
    .our-team-content h2,
    .about-future-content h2,
    .pub-info-content h3,
    .pri-info-head h2,
    .pri-info-content h2,
    .ip-why-head {
        font-size: 24px;
        margin-bottom: 15px;
        line-height: 30px;
    }
    .pri-started-banner .pub-benf-text p {
        margin-top: 0;
    }
    .section-space {
        padding: 10px 0 20px;
    }
    .about-content-box p,
    .our-team-content p,
    .about-future-content p {
        font-size: 16px;
        line-height: 27px;
    }
    .about-company-outer .about-company-box {
        padding: 15px 10px;
        min-width: 120px;
        margin: 0 7px 15px;
    }
    .our-team-content {
        min-height: 350px;
    }
    .our-team-section::before {
        height: 240px;
        top: -25px;
    }
    .about-company-box img {
        width: 30px;
    }
    .about-future-img {
        display: none;
    }
}

@media screen and (max-width:575px) {
    .about-company-outer {
        margin-top: 0;
        padding: 30px 0 0px;
        flex-wrap: wrap;
    }
    .about-company-outer .about-company-box {
        padding: 10px 10px;
        min-width: 120px;
        margin: 0 7px 15px;
        width: 45%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .about-company-box figure,
    .about-company-box p,
    .about-company-box h3 {
        margin: 0;
    }
    .our-team-section {
        padding: 30px 0 30px;
    }
    .our-team-content {
        min-height: 250px;
    }
    .about-content-box p,
    .our-team-content p,
    .about-future-content p {
        font-size: 15px;
        line-height: 25px;
    }
    .story-content-box p,
    .pub-info-content p,
    .pri-info-head p,
    .pri-info-content p,
    .pri-started-banner .pub-benf-text p,
    .ip-why-desc {
        font-size: 14px;
        line-height: 24px;
        margin: 20px 0;
    }
    .our-team-section::before,
    .about-future-img {
        display: none;
    }
}

@media screen and (max-width:470px) {
    .about-company-outer {
        margin-top: 0;
        padding: 30px 0 0px;
        flex-wrap: wrap;
    }
    .about-company-outer .about-company-box {
        margin: 0 0 10px;
        width: 100%;
    }
}


/* media queries for About page end */


/* media queries for affiliate program start here*/

@media screen and (max-width:1440px) {
    .how-it-work-section {
        padding: 50px 0;
    }
    .affiliate-program-box h2,
    .affiliate-info-content h2,
    .how-it-work-content h2,
    .affiliate-feature-content h2 {
        font-size: 36px;
        margin-bottom: 15px;
        line-height: 44px;
    }
    .how-it-work-step .step-content>div {
        margin-bottom: 40px;
    }
}

@media screen and (max-width:1199px) {
    .affiliate-program-box h2,
    .how-it-work-content h2,
    .affiliate-feature-content h2,
    .affiliate-info-content h2 {
        font-size: 34px;
        margin-bottom: 15px;
        line-height: 40px;
    }
    .how-it-work-step .step-content:last-child>div {
        margin-bottom: 0;
    }
}

@media screen and (max-width:991px) {
    .affiliate-program-box h2,
    .how-it-work-content h2,
    .affiliate-feature-content h2,
    .affiliate-info-content h2 {
        font-size: 28px;
        margin-bottom: 15px;
        line-height: 38px;
    }
    .affiliate-program-box p,
    .how-it-work-content p,
    .affiliate-info-content p {
        font-size: 16px;
        line-height: 25px;
    }
    .how-it-work-content {
        padding-right: 0;
    }
    .affiliate-feature-content ul li {
        font-size: 16px;
    }
    .how-it-work-step .step-content span {
        width: 48px;
        height: 48px;
        line-height: 45px;
        margin-right: 15px;
        font-size: 16px;
    }
    .how-it-work-step .step-content>div {
        margin-bottom: 30px;
    }
    .how-it-work-step .step-content p {
        font-size: 16px;
        line-height: 24px;
    }
    .affiliate-info-content {
        padding-right: 10px;
    }
    .affiliate-info-content.content-right {
        padding-left: 10px;
        padding-right: 0;
        margin-bottom: 20px;
    }
    /* new solution pages css */
    .ip-benefits-head-one {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .ip-benefits-box {
        padding: 25px;
        max-width: 95%;
    }
}

@media screen and (max-width:767px) {
    .affiliate-program-box h2,
    .how-it-work-content h2,
    .affiliate-feature-content h2,
    .affiliate-info-content h2 {
        font-size: 23px;
        margin-bottom: 15px;
        line-height: 30px;
    }
    .affiliate-info-content h3 {
        font-size: 20px;
        line-height: 20px;
    }
    .about-content-box p,
    .our-team-content p,
    .about-future-content p {
        font-size: 16px;
        line-height: 27px;
    }
    .how-it-work-section {
        padding: 30px 0;
    }
    .affiliate-feature-section {
        padding: 40px 0;
    }
    .how-it-work-step .step-content span {
        width: 38px;
        height: 38px;
        line-height: 37px;
        margin-right: 15px;
        font-size: 14px;
    }
    .how-it-work-step .step-content h3 {
        font-size: 14px;
        line-height: 18px;
    }
    .affiliate-info-content {
        padding: 0;
    }
    .affiliate-info-content.content-right {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width:575px) {
    .affiliate-program-box p,
    .how-it-work-content p,
    .affiliate-info-content p {
        font-size: 14px;
        line-height: 24px;
        margin: 20px 0;
    }
    .page-not-found img {
        width: 300px;
    }
}


/* media queries for affiliate program end */


/* Media queries for data center pages start*/

@media screen and (max-width:1440px) {
    .data-center-banner .banner-content-outer {
        padding: 50px 0 0;
    }
    .data-center-banner .banner-image-box img {
        /* width: 320px; */
        width: 35%;
    }
    .dc-info-content h3 {
        font-size: 26px;
        line-height: 34px;
    }
    .services-content-item img {
        height: 40px;
        margin-right: 15px;
    }
}

@media screen and (max-width:1199px) {
    .buisness_optional {
        display: none;
    }
    .data-center-banner .banner-content-outer {
        padding: 50px 0 0;
    }
    .data-center-banner .banner-image-box img {
        /* width: 250px; */
        margin-right: 50px;
    }
    .dc-services-content {
        padding: 50px 0 0;
    }
    .dc-services-head h2 {
        font-size: 34px;
        line-height: 38px;
    }
    .dc-services-head p {
        font-size: 19px;
        line-height: 30px;
    }
    .dc-services-head {
        margin-bottom: 30px;
    }
    .dc-services-box {
        padding: 30px 20px;
        margin-bottom: 15px;
    }
    .services-content-item ul li {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .services-content-item img {
        height: 35px;
        margin-right: 15px;
    }
    .services-content-item h3 {
        font-size: 17px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .dc-info-outer:last-child .dc-info-content {
        padding-left: 60px;
    }
    .dc-info-content {
        padding-right: 60px;
    }
    .dc-info-content h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .privacy-ploicy-section .about-content-box p {
        font-size: 20px;
        line-height: 32px;
    }
}

@media screen and (max-width:991px) {
    .sales-content h3 {
        font-size: 24px;
        line-height: 26px;
    }
    .sales-content p {
        font-size: 16px;
        line-height: 21px;
    }
    .contact-banner-form .form-group {
        margin-bottom: 20px;
    }
    .contact-sale-section .contact-banner-form .form-outer {
        padding: 20px 0px;
    }
    .data-center-banner .banner-content-outer {
        padding: 30px 0 0;
    }
    .data-center-banner .banner-image-box img {
        /* width: 220px; */
        margin-right: 50px;
    }
    .dc-info-section {
        position: relative;
        padding: 50px 0;
    }
    .dc-info-content,
    .dc-info-outer:last-child .dc-info-content {
        padding: 0;
    }
    .dc-info-content p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .privacy-ploicy-section .about-content-box p {
        font-size: 17px;
        line-height: 30px;
    }
    .gallery-modal .modal-content {
        padding: 15px;
    }
    .gallery-modal .prev,
    .gallery-modal .next {
        top: 55%;
        padding: 8px;
        font-size: 16px;
    }
}

@media screen and (max-width:767px) {
    .sales-content h3 {
        font-size: 22px;
        line-height: 27px;
    }
    .sales-content p {
        font-size: 16px;
        line-height: 20px;
    }
    .sales-content-inner {
        padding: 0 0;
        border-right: 0;
    }
    .sales-content-icon {
        width: 160px;
        height: auto;
        padding: 30px;
    }
    .data-center-banner .banner-image-box img {
        width: 220px;
    }
    .dc-info-section {
        position: relative;
        padding: 30px 0;
    }
    .dc-info-content h3 {
        font-size: 21px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .dc-services-content {
        padding: 30px 0 0;
    }
    .dc-services-head h2 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .dc-services-head p {
        font-size: 15px;
        line-height: 24px;
    }
    .dc-services-head {
        margin-bottom: 25px;
    }
    .dc-services-box {
        padding: 25px 10px;
        margin-bottom: 5px;
    }
    .services-content-item img {
        height: 30px;
        margin-right: 10px;
    }
    .services-content-item ul li {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 15px;
    }
    .services-content-item h3 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .dc-info-section::after {
        display: none;
    }
    .privacy-ploicy-section .about-content-box p {
        font-size: 16px;
        line-height: 27px;
    }
    /* ========== 14-09-22 ========== */
    section#home-banner .carousel-item {
        padding: 20px 0px;
    }
    .banner-content-outer {
        padding: 20px 0;
    }
}

@media screen and (max-width:575px) {
    .banner-content-outer .server-price-card {
        display: block;
    }
    .gallery-box {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
    .gallery-box div {
        padding: 20px 0 0 0;
    }
    .inner-banner-text-box .btn.btn-banner {
        margin-top: 20px;
    }
    .dc-info-content h3,
    .dc-services-head h2 {
        font-size: 19px;
        line-height: 24px;
    }
    .dc-info-content p,
    .dc-services-head p {
        font-size: 14px;
        line-height: 24px;
    }
    .gallery-modal .modal-content {
        padding: 10px;
    }
    .gallery-modal .prev,
    .gallery-modal .next {
        top: 63%;
        padding: 5px;
        font-size: 16px;
    }
}


/* end */


/* Media queries for ddos pages start*/

@media screen and (max-width:1440px) {
    .faq-section .section-heading-box {
        margin-bottom: 40px;
    }
    .accordion.faq-accordion li {
        padding: 0;
    }
    .accordion.faq-accordion .link {
        padding: 20px 0 0;
    }
    .ddos-info-content h3 {
        font-size: 26px;
        line-height: 34px;
    }
    .ddos-info-img img {
        width: 100%;
        max-width: 450px;
    }
    .ddos-info-content {
        padding-right: 60px;
    }
    .ddos-info-content.right-content {
        padding-left: 60px;
    }
    .ddos-services-section {
        padding: 50px 0 0;
        height: 440px;
        margin-bottom: 60px;
    }
    .comming-section-img {
        width: 70%;
        object-fit: cover;
    }
    .comming-soon-section {
        padding: 200px 0 20px;
    }
}

@media screen and (max-width:1199px) {
    .comming-section-desc {
        padding: 0px 20px 0px 20px;
    }
    .ddos-info-content {
        padding-right: 60px;
    }
    .ddos-info-content h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .ddos-services-section {
        padding: 0;
    }
    .ddos-services-content {
        padding: 50px 0 0;
    }
    .ddos-services-head h2 {
        font-size: 34px;
        line-height: 38px;
    }
    .ddos-services-head p {
        font-size: 19px;
        line-height: 30px;
    }
    .ddos-services-head {
        margin-bottom: 30px;
    }
    .ddos-services-box {
        padding: 30px 20px;
        margin-bottom: 15px;
    }
    .services-content-item ul li {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .services-content-item img {
        height: 35px;
        margin-right: 15px;
    }
    .services-content-item h3 {
        font-size: 17px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .banner-image-box img.ip-arrow-img {
        bottom: 130px;
    }
}

@media screen and (max-width:991px) {
    .nav-link.dropdown-toggle::after {
        top: 40px;
    }
    .header-dd-zone.dropdown-menu.sub-menu::before {
        top: 0px;
    }
    .banner-text-box.contact-banner-text {
        top: -10px;
    }
    textarea.form-control {
        resize: none;
    }
    .affiliate-feature-content {
        padding-top: 0px;
    }
    .affiliate-feature-section {
        padding: 40px 0 40px;
    }
    .comming-section-desc {
        padding: 0px 20px 0px 20px;
    }
    .comming-soon-section {
        padding: 150px 0 20px;
    }
    .ddos-impact-contant td {
        width: 100%;
    }
    .ddos-info-section {
        position: relative;
        padding: 40px 0;
    }
    .ddos-info-content,
    .ddos-info-outer:last-child .ddos-info-content {
        padding: 0;
    }
    .ddos-info-content p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .faq-section .section-heading-box {
        margin-bottom: 20px;
    }
    .ddos-info-img img {
        width: 100%;
        max-width: 350px;
    }
    .ddos-services-section {
        padding: 0px 0 40px;
        height: auto;
        margin-bottom: 0px;
    }
    section#join-sharktech {
        padding: 30px 0 40px;
    }
    .dc-services-head h2 {
        font-size: 30px;
        line-height: 30px;
    }
    .ddos-info-content.right-content {
        padding-left: 10px;
    }
    .accordion.faq-accordion li {
        padding: 0;
    }
    .accordion.faq-accordion .link {
        padding: 10px;
    }
    .accordion.faq-accordion li.open .link {
        padding-bottom: 5px;
    }
    .accordion.faq-accordion li .submenu {
        padding: 0px 10px 10px;
    }
    .order-card h3 {
        font-size: 15px;
        line-height: 25px;
    }
    .ready-to-order {
        background-color: #f8f8f8;
        padding: 40px 0;
    }
    .corner-content p {
        font-size: 15px;
        line-height: 25px;
    }
    .corner-content h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .corner-content img {
        height: 40px;
        margin-right: 15px;
    }
    .or-div {
        width: 35px;
        height: 35px;
        font-size: 12px;
        letter-spacing: 0.1px;
        top: calc(35% - 20px);
        right: -20px;
        line-height: 35px;
    }
    .left-corner-div,
    .right-corner-div {
        width: 50%;
        padding: 30px 35px 110px;
    }
    .corner-content {
        padding: 10px 0px;
    }
    /* table */
    .options span {
        padding: 5px 15px;
        font-size: 15px;
        margin: 0;
        border-radius: 50px;
    }
    .ddos-impact-contant table {
        width: 100%;
    }
    .ddos-impact-contant table,
    .ddos-impact-contant thead,
    .ddos-impact-contant tbody,
    .ddos-impact-contant th,
    .ddos-impact-contant td,
    .ddos-impact-contant tr {
        display: block;
    }
    .ddos-impact-contant thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .ddos-impact-contant td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding: 15px 15px 15px 50%;
    }
    .ddos-impact-contant td::before {
        position: absolute;
        top: 30%;
        left: 15px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-column);
        color: #000;
        font-weight: bold;
    }
}

@media screen and (max-width:767px) {
    .comming-section-heading {
        font-size: 27px;
    }
    .vps-price-box .price-box {
        padding-left: 0;
        padding-bottom: 25px;
    }
    .vps-price-box .value-box #cpu_val:last-child .value-content.no-border {
        border: none;
        padding: 0;
    }
    .price-vps-container {
        margin-bottom: 0px;
    }
    .tab-content.gbps-features-content .tab-pane .server-feature-content li .feature-content-text .server-size-text span {
        width: auto;
        display: inline-block;
    }
    .comming-section-desc {
        font-size: 15px;
    }
    .comming-soon-section {
        padding: 100px 0 20px;
    }
    .corner-content p {
        font-size: 13px;
        line-height: 22px;
    }
    .corner-content h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .corner-content img {
        height: 30px;
        margin-right: 10px;
    }
    .or-div {
        width: 35px;
        height: 35px;
        font-size: 12px;
        letter-spacing: 0.1px;
        top: calc(35% - 20px);
        right: -20px;
        line-height: 35px;
    }
    .left-corner-div,
    .right-corner-div {
        width: 50%;
        padding: 20px 15px 90px;
    }
    .corner-content {
        padding: 10px 0px;
    }
    .ready-to-order {
        background-color: #f8f8f8;
        padding: 40px 0 30px;
    }
    .order-card {
        padding: 30px 20px;
    }
    .order-card h3 {
        font-size: 14px;
        line-height: 24px;
    }
    .order-card figure {
        margin-bottom: 10px;
    }
    .accordion.faq-accordion .link {
        font-size: 15px;
        line-height: 27px;
    }
    .accordion.faq-accordion .link .fa-exclamation-circle {
        display: none;
    }
    .accordion.faq-accordion .submenu p {
        font-size: 13px;
        line-height: 24px;
    }
    .ddos-info-section {
        position: relative;
        padding: 30px 0;
    }
    .ddos-info-content h3 {
        font-size: 21px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .ddos-services-content {
        padding: 30px 0 0;
    }
    .ddos-services-head h2 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .ddos-services-head p {
        font-size: 15px;
        line-height: 24px;
    }
    .ddos-services-head {
        margin-bottom: 25px;
    }
    .ddos-services-box {
        padding: 25px 10px;
        margin-bottom: 5px;
    }
    .services-content-item img {
        height: 30px;
        margin-right: 10px;
    }
    .services-content-item ul li {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 15px;
    }
    .services-content-item h3 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .ddos-info-section::after {
        display: none;
    }
    .ddos-info-content.right-content {
        padding-left: 0;
    }
    .ddos-impact-contant td {
        padding: 15px 15px 15px 35%;
    }
}

@media screen and (max-width:575px) {
    /* .dc-info-img,
    .ddos-info-img {
        display: none;
    } */
    .inner-banner-text-box .btn.btn-banner {
        margin-top: 10px;
    }
    .ddos-info-content h3,
    .ddos-services-head h2 {
        font-size: 19px;
        line-height: 24px;
    }
    .ddos-info-content p,
    .ddos-services-head p {
        font-size: 14px;
        line-height: 24px;
    }
    .ddos-services-section {
        padding: 0px 0 0;
        height: 90%;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .server-listing-tab::after {
        height: 100%;
    }
    .server-listing-tab::after {
        bottom: 15px;
    }
}

@media screen and (max-width:450px) {
    .ddos-impact-contant td::before {
        top: 10%;
    }
    .ddos-impact-contant td {
        padding: 10% 15px 15px;
    }
}


/*Media queries for ddos pages end */


/* media query for game server */

@media screen and (max-width:1440px) {
    .accordion.faq-accordion .link {
        padding: 20px;
    }
    .accordion.faq-accordion li .submenu {
        padding: 0px 20px 10px;
    }
    .inner-banner-container .game-server-box {
        max-width: 440px;
    }
    .pub-benf-img>img,
    .pub-info-img>img {
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .about-content-box h2,
    .our-team-content h2,
    .about-future-content h2,
    .pub-info-content h3,
    .pri-info-head h2,
    .pri-info-content h2,
    .ip-why-head {
        font-size: 28px;
    }
    .story-content-box p,
    .pub-info-content p,
    .pri-info-head p,
    .pri-info-content p,
    .pri-started-banner .pub-benf-text p,
    .ip-why-desc {
        margin-top: 15px;
    }
    #pri-diff-section .col-12:first-child p {
        font-size: 17px;
    }
    .vps-server-features {
        padding-top: 50px;
    }
    .remote-ddos img.remote-ddos-img {
        width: 310px;
    }
}

@media screen and (max-width:991px) {
    .game-server-img {
        top: 40px;
    }
    .accordion.faq-accordion .link {
        padding: 10px;
    }
    .accordion.faq-accordion li .submenu p {
        margin: 0;
    }
    .pub-info-img {
        margin-bottom: 20px;
    }
    .plan-tabs li a {
        padding: 20px 10px;
    }
    .accordion.faq-accordion .link {
        font-size: 16px;
        line-height: 28px;
    }
    .accordion.faq-accordion li {
        margin-bottom: 15px;
    }
    .table.plan-table td:nth-child(1),
    .table.plan-table th:nth-child(1) {
        font-size: 15px;
        padding: 10px 20px;
    }
    .plan-tabs .nav-item .nav-link {
        font-size: 16px;
    }
    .why-use-sharktech-outer .col-6.mar-b-3 {
        height: auto;
    }
    /* .why-use-sharktech-outer.pub-cloud-features-outer .col-6 {
        height: 100%;
    } */
    .section-space {
        padding: 30px 0 20px;
    }
    .pri-info-content {
        padding-right: 0;
        margin-bottom: 20px;
    }
    .card-item.comman.services-card:hover {
        transform: scale(1.03);
    }
    .round-check {
        min-width: 20px;
        height: 20px;
        line-height: 15px;
    }
    .round-check i {
        font-size: 11px;
    }
    .ip-benefits-sec {
        font-size: 15px;
        line-height: 24px;
    }
    .listing-points li,
    .boxed-listing-points li {
        font-size: 14px;
    }
    .pub-benf-content .boxed-listing-points li {
        width: 100%;
        margin-bottom: 5px;
    }
    .banner-image-box img.ip-arrow-img {
        bottom: 60px;
        width: 450px;
    }
    .server-price-card {
        margin: 0 5px;
        padding: 10px;
    }
    .server-price-card .server-price-text p {
        font-size: 11px;
    }
    .server-price-card {
        margin: 0 5px;
        padding: 10px 5px;
        /* background: linear-gradient(to right, #006abc, #009cff); */
        /* background: #006abc; */
    }
}


/* media query for game server end*/


/* language flag css reponsive */

@media screen and (max-width:767px) {
    .pub-benf-img>img,
    .pub-info-img>img {
        width: 100%;
    }
    .section-heading-box figure.d-block.d-sm-none.quote-icon {
        display: none!important;
    }
    .dc-info-outer {
        margin-bottom: 10px;
    }
    .privacy-policy-item p,
    .privacy-policy-item a {
        font-size: 16px;
    }
    .privacy-policy-item ul li {
        font-size: 16px;
        line-height: 24px;
    }
    .dc-services-head h2 {
        font-size: 24px;
        line-height: 28px;
    }
    /* section#join-sharktech {
        padding: 5px 0 30px;
    } */
    section.privacy-ploicy-section.section-space {
        padding: 25px 0 30px;
    }
    .dc-info-img {
        margin-bottom: 20px;
    }
    .affiliate-program-box p,
    .how-it-work-content p,
    .affiliate-info-content p {
        margin: 10px 0 10px;
    }
    .tab-pane .server-feature-content .box-table-btn span {
        font-size: 14.5px;
    }
    section p:last-child,
    div p:last-child {
        margin-bottom: 10px;
    }
    .sharktech_video {
        height: 250px;
    }
    .about-intro-section.section-space {
        padding-bottom: 20px;
    }
    .story-content-box p,
    .pub-info-content p,
    .pri-info-head p,
    .pri-info-content p,
    .pri-started-banner .pub-benf-text p,
    .ip-why-desc {
        font-size: 16px;
        line-height: 27px;
    }
    .about-content-box h2,
    .our-team-content h2,
    .about-future-content h2,
    .pub-info-content h3,
    .pri-info-head h2,
    .pri-info-content h2,
    .ip-why-head {
        font-size: 22px;
    }
    /* #why-use-sharktech {
        padding-top: 20px;
    } */
    .inner-banner-container .game-server-box {
        max-width: 100%;
    }
    .about-banner .banner-text-box.contact-banner-text {
        top: -80px;
    }
    .navbar-brand {
        margin: 0 0 0 40px;
    }
    .nav-btn-mobile {
        justify-content: flex-end;
    }
    .language-item {
        display: inline-block;
        vertical-align: middle;
    }
    .top-navigation-item a span {
        display: inline-block;
    }
    .flag_drop {
        top: 20px;
        right: 0;
        left: auto;
    }
    .top-navigation-menu,
    .top-navigation-left,
    .top-navigation-right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .top-navigation-item a {
        font-size: 11px;
        margin-right: 3px;
    }
    .top-navigation-item a span span {
        display: none;
    }
    .navbar-toggler-icon .bar1,
    .navbar-toggler-icon .bar2,
    .navbar-toggler-icon .bar3 {
        width: 20px;
    }
    .navbar-toggler-icon .bar2 {
        width: 25px;
    }
    .flag_drop {
        min-width: 8rem;
    }
    /* solution new pages public, private and ip css */
    .ip-info-content {
        margin-top: 30px;
    }
    .ip-benefits-box,
    .pub-benf-img,
    .pub-info-img {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .corner-content img {
        margin-bottom: 10px;
    }
    .or-div {
        top: 5px;
    }
    .ddos-impact-contant td::before {
        top: 5px;
    }
    .corner-content {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .accordion.faq-accordion .link {
        line-height: 21px;
        padding-right: 4px;
    }
    .pub-benf-img,
    .pub-info-img {
        text-align: center;
    }
    .ip-info-img {
        text-align: center;
    }
    .listing-points li,
    .boxed-listing-points li {
        width: 100%;
    }
    .banner-image-box img.ip-arrow-img {
        display: none;
    }
    .server-price-card {
        justify-content: center;
        flex-wrap: wrap;
    }
    .server-price-card figure {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .ddos-protection-text ul li span {
        display: flex;
    }
    .ddos-protection-text ul li {
        display: flex;
        align-items: flex-start;
    }
    .ddos-protection-text ul li img {
        margin-top: 2px;
    }
    .section-heading-box h2 {
        font-size: 20px;
        line-height: normal;
        font-weight: 400;
    }
    .video_banner .back_video_img {
        min-height: 140px;
        object-fit: cover;
        object-position: right;
    }
    .footer-support-mobile .sharktech-support-card {
        padding: 30px 0 50px;
    }
    .footer-support-mobile h2 {
        font-size: 22px;
    }
    .contact-detail {
        font-size: 16px;
    }
    .features-outer-container .nav-tabs .nav-item {
        max-width: 25%;
        flex: 0 0 25%;
        -ms-flex: 0 0 25%;
    }
    .gbps-plan-text p {
        font-size: 15px;
    }
    /* .gbps-plan-content h2 {
        font-size: 16px;
        width: 95%;
        margin: 0 auto 15px;
    } */
    .footer-social-menu ul.social-icn {
        justify-content: center;
    }
    .footer-copyright-mobile p {
        padding: 10px 0 5px;
        text-align: center;
    }
    .footer-social-menu .social-icn a {
        margin-right: 15px;
    }
    .why-use-sharktech-outer.pub-cloud-features-outer .col-6 {
        height: auto;
    }
    .services-sec .inner-box p,
    .services-sec .inner-box ul li {
        font-size: 15px;
    }
    .services-sec h2 {
        font-size: 30px;
    }
    ul.submenu .boxmenu {
        display: block;
    }
}

@media screen and (max-width:420px) {
    .flag_drop {
        min-width: 7rem;
    }
    .Available-text ul li p {
        font-size: 12px;
    }
    .Available-text ul li h4 {
        font-size: 14px;
    }
}

@media (max-width:320px) {
    .banner-text-box h1,
    .choose-server-text h1 {
        font-size: 25px;
    }
    .sharktech_video {
        height: 350px;
    }
    .Available-text ul li h4 {
        font-size: 12px;
    }
}

@media (max-width: 280px) {
    .banner-text-box {
        top: -90px;
    }
}