@media (min-width: 768px) {
  .home--vod-container {
    transform: translateY(780px);
  }
  .home-dns .container-lg > .mizban-btn {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
  }
}
@media (min-width: 992px) {
  .main-menu .sub-menu {
    position: absolute;
    right: 0;
    top: 150%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    width: 340px;
    border-radius: 5px;
    padding: 20px 25px;
    border: solid 1px #ededed;
  }
  .sub-menu.single-col {
    padding: 0;
  }
  .sub-menu.single-col li {
    border-bottom: 1px solid #e6e6e67c;
  }
  .sub-menu.single-col li:last-child {
    border: 0;
  }
  .main-menu .has-sub:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 140%;
  }
  .main-menu .full-sub-menu .sub-menu {
    left: 0;
    padding: 45px 50px;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    width: calc(100% - 22px);
    margin: 0 auto;
  }
  .main-menu .sub-menu a {
    display: flex;
    align-items: center;
    padding: 13px 10px;
    border-radius: 6px;
    transition: all 0.3s;
  }
  .main-menu .sub-menu.single-col a {
    padding: 15px 25px;
    border-radius: 0;
  }
  .main-menu .full-sub-menu .sub-menu a {
    padding: 20px 16px;
  }
  .main-menu .sub-menu li:hover a {
    background-color: #f4f4f4;
  }
  .main-menu .sub-menu div {
    width: calc(100% - 55px);
  }
  .main-menu .has-sub:not(.full-sub-menu) {
    position: relative;
  }
  .has-sub > a:after {
    content: "\e902";
    font-family: "icomoon";
    font-size: 4px;
    color: #fff;
    position: absolute;
    left: -1px;
    top: 21px;
  }
  .main-menu-title {
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
    font-size: 17px;
    margin-bottom: 15px;
    padding-right: 90px;
  }
  .sub-menu h3 {
    font-size: 15px;
    margin-bottom: 10px;
    color: #444;
    letter-spacing: -0.02rem;
    word-spacing: -0.09rem;
  }
  .sub-menu p {
    font-size: 13px;
    color: #8c8c8c;
    line-height: 24px;
    word-spacing: -1px;
  }
  .megamenu-image {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: transparent url(/assets/images/sprite.png) no-repeat;
    margin-left: 15px;
  }

  .product-card:hover {
    box-shadow: 8px 28px 50px #272c3112, 1px 6px 12px #272c310a;
    transition: all .1s linear;
    transform: translate3D(1px,-1px,2px) scale(1.02);
  }
  .mizban-btn:hover {
    transform: translateY(-5px) !important;
    box-shadow: 2px 2px 40px #d5d5d5b3;
  }

  #v-pills-tabContent .collapse {
    display: block;
  }

  .features-tab .nav-pills {
    -webkit-box-shadow: -75px -50px 36px -80px #0000000f;
    box-shadow: -75px -50px 36px -80px #0000000f;
    padding-top: 65px;
  }
  .features-tab .tab-head-mobile {
    display: none;
  }

  .features-card-2:hover {
    box-shadow: 10px 10px 50px rgb(0 0 0 / 4%);
    border: 1px solid #f7f7f7;
  }

  .map--card-address {
    position: absolute;
    max-width: 300px;
    bottom: 130px;
    right: 120px;
    z-index: 6;
  }

  .features-tab .nav {
    width: 24%;
  }

  .intro-video-wrap {
    position: absolute;
    top: 22px;
    left: -15px;
  }
}
@media (min-width: 1200px) {
  .home-slider {
    background-color: #f8f9fb;
    min-height: 1320px;
  }
  .section-en-title {
    font-size: 2.2rem;
  }
  .seconds--card-wrap {
    margin-right: 60px;
    margin-left: 60px;
  }
  .hiring-image img {
    transform: translateX(-90px);
  }
  .about-mizban .hiring-image img {
    transform: translateX(-55px);
  }
  .about-mizban .section-content {
    padding-top: 30px;
  }

  .org-sec .img-work img {
    transform: translateX(45px);
  }
  .text-work p {
    padding-left: 4rem;
  }
  .org-sec .text-work {
    padding-top: 35px;
  }
  .join-us-card-image {
    transform: translateX(50px);
    right: -46px;
    position: absolute;
  }
  .join-us-card {
    margin-right: 135px;
  }

  .video--card-item .video-item-title {
    padding-left: 6rem;
  }

  .support-card-row {
    margin: 0 20px !important;
  }
  .support-card-row > div {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .features-tab .nav {
    width: 20% !important;
  }
  .features-tab .tab-content {
    width: 79.333333% !important;
  }
  .h4, h4 {
    font-size: 1.5rem;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .video-list {
    height: 335px;
    overflow: auto;
    direction: ltr !important;
    padding-right: 15px;
  }
  .video--card-item {
    flex-direction: row-reverse;
  }
  .full-video-card .video-card-title {
    margin-bottom: 100px;
  }
  .intro-page.cdn-intro {
    background-position: left -90px top -125px;
    background-size: auto;
  }
  .intro-page.about-intro {
    background-position: left -60px top -130px;
  }
  .intro-page.term-intro {
    background-position: left -60px top -150px;
    background-size: auto;
  }
  .home-cdn .cloud-cdn-wrap {
    transform: translateY(0px);
  }
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
  .home-slider {
    background-size: contain;
  }
  .home-stream {
    background-position: top 100px center;
  }
  .home-vod {
    background-position: top center;
  }
}
@media (min-width: 1400px) {
  .home-slider {
    min-height: 1300px;
    background-position: center top 0 !important;
  }
  .contact-hiring-sec .container .row {
    margin-left: 3rem!important;
    margin-right: 3rem!important;
  }

  .contact-form-sec .plan-card-wrap {
    max-width: 750px;
  }
}
@media (min-width: 1700px) {
  .home-cdn {
    height: 2080px;
    background-position: top !important;
  }
  .carousel-indicators {
    bottom: -145px;
  }
  .home-product {
    transform: translateY(200px);
  }
}

@media (min-width: 2000px) {
  .home-slider , .home-cdn {
    background-position: center;
  }
  .home-server:before {
    background-position: top center;
    top: 0;
  }
  .home-stream {
    background-position: top 100px center;
  }
  .home-vod {
    background-position: top center;
  }
  .home-server .center-mobile {
    margin-top: 100px;
  }
}

@media (max-width: 1699.98px) {
  .home-cdn {
    background-size: contain;
    background-position: top -45px center;
  }
  .home-server:before {
      background-position: top center;
  }
  .home-product {
      margin-top: 135px;
  }
  .home-slider {
    min-height: 1435px;
    height: 1375px !important;
  }
}
@media (min-width: 1600px) and (max-width: 1699.98px) {
    .carousel-indicators {
        bottom: -170px;
    }
    .home-product {
        margin-top: 80px;
    }
    .home-cdn .cloud-cdn-wrap {
        transform: translateY(45px);
    }
}
@media (max-width: 1599.98px) {
    .home-slider {
        min-height: 1375px;
        height: 1375px !important;
    }
    .home-product {
        margin-top: 0;
        transform: translateY(147px);
    }
    .home-cdn .cloud-cdn-wrap {
        transform: translateY(0px);
    }
}
@media (max-width: 1399.98px) {
  .quad-moving {
      width: 60px;
  }
  .intro-page.dns-intro:before {
    top: -205px;
  }
  footer form input {
    width: 100%;
  }
  footer form button {
    top: 111px;
  }
  .product-card {
    padding: 30px 15px;
  }
  .seconds--card-inner {
    padding: 17px 25px;
  }
  .seconds--circle-icon {
    width: 40px;
    height: 40px;
  }
  .home-dns .cloud--card-container {
    padding: 60px 0;
  }
  .about-mizban .section-content {
    padding-right: 75px;
  }
  .about-mizban .section-content p {
    padding-left: 0;
    margin-bottom: 30px;
  }
  .join-us-card-image {
    right: -75px;
  }
  .join-us-card-text {
    padding-right: 1.75rem;
  }
  .join-us-card {
    padding-left: 3rem;
  }
  .join-us-sec {
    padding-bottom: 140px;
  }

  .hiring-sec .section-content p {
    padding-left: 0;
  }

  .plans .swiper-wrapper > div {
    padding: 3.4rem 1rem 3.8rem;
  }
  .contact--card {
    padding: 25px 10px;
    flex-wrap: wrap;
  }
  .contact--card i {
    margin-left: 13px;
  }

  .info-card-section.cloud-server .info-card-image {
    right: -110px;
  }
  .info-card-section.cloud-server > .container > .row {
    padding: 5rem 0 4.5rem 2rem;
  }
  .info-card-section.cloud-server .info-card-section .info-card-content {
    padding-right: 1rem;
  }
  .info-card-section.cloud-server .info-card-content .list-items li {
    width: 50%;
  }
  .info-card-section.vod-publish-sec .info-card-image {
    right: -95px;
  }
  .info-card-section.dns .info-card-image , .info-card-section.live-info-card2 .info-card-image {
    right: -115px;
  }
  .info-card-section.vod-publish-sec .row {
    padding-left: 4rem;
  }
  .intro-card-image-wrap {
    margin-top: -70px;
  }
  .product-solutions .item-product-solutions {
    padding: 0 2rem;
  }
  .introduction-cont p {
    max-width: 300px;
  }
  .intro-page.security-intro {
    background-position: -60px -143px;
  }
  .intro-video-wrap {
    top: 50px !important;
  }
  .home-cdn .cloud-cdn-wrap {
    transform: translateY(-35px);
  }
}
@media screen and (min-width: 1200px) and (max-width: 1299.98px) {
    .home-cdn .section-desc {
        font-size: 1rem;
    }
}
@media (max-width: 1199.98px) {
  .main-menu > li > a {
    padding: 15px 7px 35px;
  }
  .cloud-waf-wrap:before {
      width: 100%;
  }
  .home-cloud .cloud--waf-card .section-desc:before {
    top: auto;
    bottom: 4px;
  }
  .mizban-btn {
    width: 140px;
    height: 40px;
    font-size: 14px;
    word-spacing: -1px;
    font-weight: 500;
    line-height: 39px;
    letter-spacing: -0.3px;
  }
  .other-solution-btn .mizban-btn {
    min-width: 160px;
    width: auto;
  }
  .intro-page .mizban-btn {
    width: auto;
    min-width: 140px;
  }
  .home-slider {
    background: url(../images/site_header_background_devices.jpg) no-repeat;
    background-size: contain;
    background-position: center top 70px;
    background-color: #fdfdfd;
    height: 815px;
  }

  .home-product {
    margin-top: 45px;
    transform: translateY(100px);
  }
  .seconds--card-counter {
    display: none;
  }

  .cloud--server-list li, .cloud--stream-list li, .cloud--vod-list li {
    width: 100%;
  }


  .hiring-image , .hiring-image img ,
  .org-sec .img-work , .org-sec .img-work img {
      height: AUTO;
      width: 100%;
      padding: 0;
  }
  .about-mizban .section-content {
    padding-right: 0;
  }

  .counter--item > div {
    font-size: 1.4rem;
  }
  .org-sec .row {
    padding: 70px 42px 90px;
  }

  .introduction-sec.dns .home--portal-cta, .home-product.inner-home-product .home--portal-cta {
    margin-top: 80px;
  }
  .join-us-card {
    padding-left: 0;
  }

  .join-us-card-image {
    margin-bottom: 20px;
  }

  .join-card-title {
    margin: 0.5rem 0 1rem 0;
    font-size: 1.4rem;
    font-weight: 400;
  }

  .join-us-card-text {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hiring-sec .section-content {
    padding-right: 0;
  }
  .hiring-sec.contact-hiring-sec {
    padding-bottom: 50px;
  }
  .faq-section.contact-faq .faq--card {
    padding: 110px 80px 90px;
  }
  .support-card {
    padding: 2.3rem 1rem 3rem;
  }
  .plans .swiper-wrapper > div {
    padding: 3.4rem 1rem 3.8rem;
  }

  .contact--card {
    padding: 25px 20px;
    margin-bottom: 2rem;
  }

  .newsletter--card {
    background-size: 75%;
    padding: 100px 0 70px 0;
  }

  .intro-page.server-intro {
    background-position: left 0 top -85px;
    background-size: cover;
  }

  .btn-purple .icon-video-play {
    margin-left: -2px;
  }

  .info-card-section.cloud-server .info-card-image {
    position: static;
    box-shadow: none;
    min-width: 100%;
    min-height: auto;
  }
  .info-card-section .row , .info-card-section.cloud-server > .container > .row {
    padding: 2rem 3rem 3rem;
  }
  .info-card-section.cloud-server .info-card-content {
    padding-right: 0;
  }
  .info-card-section .row {
    margin-right:calc(var(--bs-gutter-x) * -.5);
  }

  .vod-publish-sec .info-card-image {
    position: static;
    box-shadow: none;
  }

  .waf-row-card .info-card-title, .info-card-title {
    font-size: 1.3rem !important;
    margin: 0.5rem 0 1rem 0;
  }
  .info-card-subTitle {
    font-size: 1.1rem;
  }
  .clustering-info-card .info-card-content .list-items li {
    width: 50%;
  }


  .load-platforms .server-info-card-image span, .clustering-info-card .server-info-card-image span, .thumb-img {
    height: 55px;
  }

  .intro-page.security-intro {
    background-position: -100px -142px;
  }
  .features-cdn-row {
    padding: 3rem;
  }
  .info-card-section.live-info-card2 .info-card-image {
    position: static;
    box-shadow: none;
  }

  .intro-page p {
    width: 250px;
    font-size: 15px;
    letter-spacing: -0.3px;
  }

  .intro-page.cdn-intro {
    background-position: left -75px top -120px;
  }
  .feature-card {
    padding: 2.3rem 1.5rem 3rem;
  }
  .feature-card p {
    font-size: .8rem;
  }
  .info-card-section.cdn .info-card-image , .info-card-section.dns .info-card-image {
    position: static;
    box-shadow: none;
  }
  /* .intro-page.cdn-intro {
    background-position: left -75px top -85px;
    background-size: cover;
  } */
  .product-solutions .item-product-solutions {
    padding: 0;
  }

  .server-info-card-image {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .waf-row-card .info-card-content, .firewall-info-card .info-card-content {
    padding-right: 4rem;
  }
  .waf-row-card .info-card-content, .ddos-info-card .info-card-content {
    padding-top: 0;
  }

  .intro-page.dns-intro:before {
    background-position: left -75px top 40px;
    background-size: cover;
  }

  .slider-btn {
    width: 140px;
    height: 40px;
    font-size: 14px;
    word-spacing: -1px;
    font-weight: 500;
    line-height: 39px;
    letter-spacing: -0.3px;
    padding: 0 30px;
  }
  .clustering-info-card .server-info-card-image,
  .ddos-info-card .server-info-card-image,
  .rate-info-card-image.server-info-card-image {
    width: 100%;
  }
  .plan-dp, .building-interval {
    width: 100%;
  }

  .head-offer-special {
    text-align: center;
    margin-bottom: 5rem;
  }
  .offer-special .head-offer-special h4:after {
    left: 0;
    margin: 0 auto;
  }
  .offer-special .card-image img:first-of-type {
    display: none;
  }
  .offer-special .card-image {
    width: 100%;
    margin-bottom: 2rem;
  }
  .intro-page.vod-intro {
    background-position: left -77px top -130px;
  }
  .intro-page.live-intro {
    background-position: left -75px top -145px;
  }

  .intro-page.about-intro {
    background-position: left -75px top -130px;
  }

  .contact-intro:before {
    background-position: left -75px top -16px;
  }

  .intro-page.term-intro {
    background-position: left -75px top -140px;
  }

  .slider-caption {
    transform: translateY(50px);
  }
  .home-slider {
      min-height: auto;
      height: auto !important;
  }
  .cloud-dns-boxes-right, .cloud-dns-boxes-left {
    flex-direction: row;
  }
  .cloud-dns-boxes-right {
    margin-top: 0;
  }
  .home--dns-row {
    justify-content: center;
    transform: translateY(30px);
    margin-bottom: 0;
    margin-top: 520px;
  }

  .home-vod {
    background-position: top center;
  }
  .intro-video-wrap {
    top: 25px !important;
  }

  .recomend-blog-card.full-recomend .video-blog-head {
    margin-bottom: 30px;
  }
  .left-recomend .card-study {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199.98px) {
  .cloud-dns-boxes-right > div, .cloud-dns-boxes-left > div {
    margin-right: 0;
    width: 140px;
    height: 150px;
  }
  .home--dns-row > div {
    justify-content: center;
  }
  .cloud-dns-boxes-left h6, .cloud-dns-boxes-right h6 {
    font-size: 0.8rem;
    word-spacing: -2px;
    margin-bottom: 0;
  }
  .cloud-dns-boxes-left > div:first-of-type h6 {
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  .home-slider {
    padding-top: 180px;
  }
  .home-product {
    padding-bottom: 0;
  }
  .product--card-title {
    font-size: 0.9rem;
    text-align: center;
    margin: 10px 0;
    padding: 0;
  }
  .product-card {
    padding: 10px;
    height: 100%;
  }
  .product--card-title:after {
    content: none;
  }
  .product-card a {
    margin: 0 auto;
  }
  .product-card .sprite {
      width: 90px;
      height: 90px;
  }
  .product-card .waf-bg {
    background-position: -134px -106px !important;
  }
  .product-card .vod-bg {
    background-position: -15px -106px !important;
  }
  .product-card .stream-bg {
    background-position: -359px -4px !important;
  }
  .home-dns {
    background-position:top 215px right;
  }
  .home-cdn > .container-lg > .row {
    height: calc(100% - 250px);
  }
  .home-cdn {
    /* background-position: top 115px center;
    padding-top: 140px; */
    background-position: top 150px center;
    padding-top: 220px;
  }
  .home-cdn .cloud-cdn-wrap {
      transform: translateY(-50px);
  }
  .cloud--card-title {
    min-height: 61px;
    line-height: 1.5;
  }
  .video--card-item .video-item-title {
    padding-left: 0.6rem;
    font-size: 13px;
    line-height: 28px;
    margin-bottom: 5px;
  }

  .full-video-card .video-card-title {
    font-size: 1rem;
    width: 200px;
    line-height: 29px;
  }
  .operating-system.plan-dp label ,  .product--card-content p {
    display: none;
  }
  .page-title {
    font-size: 1.55rem;
  }
  .page-topTitle {
    font-size: 32px;
  }
  .home-stream {
      background-position: top 100px left -383px;
  }
  .home-dns .container-lg > .mizban-btn {
    display: none !important;
  }
  .home-dns .cloud--card-container {
    padding: 60px 0 0 !important;
  }
  .product-card a {
    margin-left: 13px;
  }
  .left-recomend .recomend-blog-card {
        height: 167px;
  }
    .full-recomend .details-video {
        margin-top: 20px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1394.98px) {
    .operating-system.plan-dp label ,  .product--card-content p {
        display: none;
      }
}

@media (max-width: 991.98px) {
  .header-row .col-mobile-auto {
    transform: translateY(0px);
  }
  .main-header {
      padding: 40px 0;
  }
  .main-header.fixed {
    padding: 16px 0;
  }
  footer form , .footer--contact-item a span , .detail-footer-box p {
    display: none !important;
  }
  .footer--contact-col * {
    line-height: 30px;
  }
  .footer--main {
    padding-bottom: 0;
  }

  .footer--social {
    text-align: right;
  }
  .product-card {
    padding: 30px 10px;
  }
  .cloud--card-item .sprite {
    width: 140px;
    height: 105px;
  }
  .detail-footer-box h4 {
    font-size: 1rem;
  }
  .detail-footer-box {
    right: 30px;
  }
  .main-footer , .rate-limit-info-card {
    padding-top: 40px;
  }
  .rate-limit-info-card .head-internal-section {
    margin-bottom: 2.7rem;
  }
  .customers-section {
    padding: 45px 0 90px;
  }
  .customers-section .mizban-btn {
    margin: 65px 0 40px;
  }
  .home-slider {
    background: #fdfdfd url(../images/site_header_background_devices.jpg) no-repeat;
    background-size: contain;
    background-position: center top 45px;
    height: auto;
    padding-top: 130px;
  }
  .slider-caption .slider--caption-title {
    font-size: 1.5rem;
    line-height: 40px;
  }
  .quad-moving {
    animation: quad-moving-desktop-2 2s infinite alternate ease-in-out;
  }
  .slider-btn {
    min-width: 140px;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    width: auto;
  }
  .carousel-indicators {
    bottom: 0;
  }
  .home-product {
    margin-top: 0;
    transform: translateY(45px);
  }
  .home-dns {
    background-position: top 112px left 86%;
    background-color: #f9f9fb;
    padding-top: 0;
  }

  .cloud-dns-boxes-right {
    margin-top: 0;
  }

  .cloud-dns-boxes-left > div:first-of-type h6 {
    line-height: 1;
  }
  .cloud--card-container {
    justify-content: space-between !important;
  }
  .cloud--card-title {
    padding: 0;
    font-size: 0.8rem !important;
    width: 150px;
    margin: 0 auto 10px;
    min-height: 60px;
  }
  .home-dns .cloud--card-container {
    padding: 70px 75px 0;
  }
  .home-dns .container-lg > .mizban-btn {
    bottom: -67px;
  }
  .home-stream {
    padding: 100px 0 0;
    min-height: 1200px;
    background-position: top 80px left -400px;
  }
  .cloud--server-list li, .cloud--stream-list li, .cloud--vod-list li {
    width: 100%;
    font-weight: 400;
    font-size: 0.85rem;
  }
  .cloud--server-card, .cloud--stream-card, .cloud-vod-text {
    margin-bottom: 50px;
  }
  .home-cloud .section-logo-wrap {
    width: 110px;
  }

  .home-cdn {
    background-position: top 190px center;
    height: 1350px;
    padding-top: 10px;
  }
  p , .section-desc , .cloud--server-card p, .cloud--stream-card p, .cloud-vod-text p {
    font-size: .85rem;
    line-height: 27px;
  }
  .section-title , .home-server .section-title {
    font-size: 1.5rem !important;
    word-spacing: -2px !important;
  }
  .section-en-title {
    font-size: 1.7rem;
  }
  .cloud-waf-wrap:before {
    width: 95%;
  }
  .home-server:before {
    background-position: -360px -285px;
  }
  .home-vod .cloud--card-container {
    padding: 100px 0 0;
  }
  .home-vod {
    min-height: 1890px;
  }
  .footer--card-sign {
    display: none;
  }
  .footer--card-row {
    margin-top: -140px;
    margin-bottom: 100px;
  }
  .home-server {
    padding-top: 0;
  }
  .home-server:before {
    top: 0;
  }
  .support-line a {
    font-size: 1.1rem;
  }
  .home-vod .sprite.server {
    background-position: 22px 0;
  }
  .home-vod .cloud--card-title {
    min-height: 77px;
  }
  .home-stream .sprite.rate-limit {
    background-position: -475px -537px;
  }
  .home-stream .sprite.ico-platform {
    background-position: -307px -537px;
  }
  .home-stream .sprite.ico-live-mixer {
    background-position: -680px -273px;
  }
  .home-stream .sprite.ico-format {
    background-position: -145px -540px;
  }
  .home-dns .sprite.report {
    background-position: -150px -674px;
  }
  .home-dns .sprite.checker {
    background-position: -658px -540px;
  }
  .home-dns .sprite.ssl {
    background-position: -670px -147px;
  }
  .home-dns .load-balancer , .home-cdn .load-balancer {
    width: 170px;
  }

  .hiring-image img , .org-sec .img-work {
    box-shadow: 1px 1px 20px 11px #00000008;
    margin-bottom: 25px;
  }

  .about-mizban {
    padding-bottom: 0;
  }
  .about-mizban .btn.mizban-btn {
    margin-top: 1rem;
  }

  .org-sec .section-title {
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .intro-page .page-title {
    letter-spacing: -1px;
    word-spacing: -2px;
    font-size: 1.25rem;
  }
  .video--card-item {
    justify-content: flex-start;
  }
  .full-video-card {
    margin-bottom: 20px;
  }

  .support--sec-card {
    background-size: 75%;
  }

  .faq-terms-row {
    background-image: none;
    padding: 60px 30px 60px 30px;
  }
  .faq-terms .section-title {
    font-size: 1.5rem;
    word-spacing: -4px;
  }
  .faq-terms .section-desc {
    font-size: .85rem;
  }
  .faq-terms .page--section-header {
    padding: 0;
  }

  .hiring-sec.contact-hiring-sec {
    padding-top: 0;
  }

  .faq-section.contact-faq .faq--card {
    padding: 60px 30px 60px 30px;
  }

  p , .newsletter--card-subtitle {
    font-size: .85rem;
    line-height: 27px;
  }
  .quick-aside , .home-cdn .anycast-card-wrap , .features-tab .nav , .features.other-product  {
    display: none;
  }

  .code-tab .nav-pills {
    max-width: 100%;
  }
  .btn-purple .icon-video-play {
    font-size: 22px;
    top: -1px;
  }

  .inner-full-card {
    padding: 3.3rem 3rem;
  }

  .features-cdn-row {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
  }

  .features-tab .tab-content {
    padding: 0;
  }
  .features-tab .tab-content .tab-pane {
    display: block !important;
    opacity: 1 !important;
  }
  .features-tab .nav-link {
    background-color: #fff;
    box-shadow: 1px 1px 20px 11px rgb(0 0 0 / 3%);
    border-radius: 10px;
    padding: 0.5rem 2.5rem;
    margin-top: 1.5rem;
    width: 100%;
    background-color: #fff;
    text-align: right;
    font-size: .85rem;
    min-height: 47px;
    border: 0;
  }

  .features-tab .tab-content .tab-pane button {
    color: #000;
    position: relative;
  }

  .features-tab .tab-content .tab-pane button::after {
    content: "\e90a";
    width: 1.25rem;
    height: 1.;
    transition: transform .2s ease-in-out;
    position: absolute;
    left: 22px;
    top: 18px;
    font-family: icomoon;
    font-size: 9px;
  }
  .features-tab .nav-link:not(.collapsed)::after {
    transform: rotate(180deg);
  }
  .features-tab .collapse-show {
    background-color: #fff;
    box-shadow: 1px 1px 20px 11px #00000008;
    position: relative;
    top: 15px;
    border-radius: 10px;
    padding-bottom: 30px;
  }
  .features-tab .features-tab-details-head {
    padding: 2rem 2.5rem;
  }

  .features-tab .features-tab-details-head + .row {
    margin: 0 !important;
  }
  .other-solution-btn .mizban-btn {
    width: 145px;
  }
  .features.features-server-section {
    padding-bottom: 0;
  }
  .load-balancing .info-card-content {
    padding-right: 0;
    margin-top: 3rem;
  }

  .cdn-faq > .container {
    padding: 60px 30px 60px 30px;
  }

  .intro-page.vod-intro {
    background-position: left -60px top -110px;
    background-size: 170%;
  }
  .page-topTitle {
    font-size: 1.7rem;
  }
  .load-platforms .server-info-card-image span, .clustering-info-card .server-info-card-image span, .thumb-img {
    display: none;
  }
  .cdn-section .inner-full-card {
    margin-bottom: 80px;
  }
  .anycast-card-wrap {
    margin-bottom: 0;
  }

  .info-card-section.vod-publish-sec .info-card-content {
    padding-right: 0;
  }

  .intro-video-wrap {
    margin-top: 2rem;
    margin-bottom: 4rem;
  }
  .clustering-info-card {
    padding-top: 40px;
  }

  .clustering-info-card .server-info-card-image,
  .ddos-info-card .server-info-card-image,
  .rate-info-card-image.server-info-card-image {
    width: 100%;
    margin-bottom: 2rem;
  }

  .introduction-sec .header-sec {
    margin-bottom: 2rem;
  }

  .load-platforms .info-card-content {
    padding-right: 0;
  }
  .attr-card-title {
    line-height: 28px;
  }

  .security-internal-section {
    padding-bottom: 80px;
  }

  .ddos-info-card .info-card-content p , .firewall-info-card .info-card-content p {
    padding-left: 0;
  }
  .ddos-info-card {
    padding-bottom: 50px;
  }
  .firewall-info-card .info-card-content {
    padding-right: 0;
  }
  .introduction-sec.security {
    padding-top: 70px;
    padding-bottom: 50px;
  }


  .intro-page .page-title {
    font-size: 1.25rem;
  }
  .intro-page.security-intro {
    background-position: -50px -95px;
    background-size: cover;
  }
  .intro-page.live-intro {
    background-position: left -66px top -130px;
    background-size: auto 115%;
  }

  .internal-live-section .head-internal-services h2 , .cdn-section.cdn .head-internal-services h2 {
    font-size: 1.3rem;
  }
  .internal-live-section .inner-full-card {
    margin-bottom: 50px;
  }
  .internal-live-section {
    padding-bottom: 0;
  }
  .info-card-section.live-info-card2 {
    padding-top: 50px;
  }

  .info-card-section.live-info-card2 .info-card-content {
    padding-right: 1.75rem;
  }
  .product-solutions .item-product-solutions {
    padding: 0 3rem;
    margin-bottom: 3rem;
  }
  .security-card-pro .solution-btn-wrap {
    margin-top: 2rem;
  }
  .info-card-section.dns {
    padding-top: 80px;
    padding-bottom: 50px;
  }
  .introduction-cont p {
    max-width: 100%;
  }
  .waf-row-card, .ddos-row-card {
    padding-top: 4rem;
  }
  .intro-page.dns-intro:before {
    background-position: left -60px top 60px;
    background-size: auto 85%;
  }

  .table-tab-range {
    padding: 5rem 1.9rem;
  }
  .table-range .nav-tabs .nav-link {
    padding: 20px 33px;
    width: 100%;
    margin-left: 0 !important;
    border-radius: 0;
  }
  .datacenter-card.plan-dp {
    width: 100%;
    margin-bottom: 2rem;
  }
  .sticky-card-wrap .sticky-card-content {
    position: absolute;
    top: 25px;
    right: 30px;
    height: calc(100% - 70px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .sticky-card-content .details-video {
    margin-top: 0;
  }
  .sticky-card-wrap .sticky-card-content .badge {
    display: inline-block;
    max-width: 80px;
  }
  .sticky-card-img {
    margin-right: auto;
  }
  .sticky-card-img img {
    width: 100%;
  }

  .author-box {
    padding: 60px;
    margin-top: 3rem;
  }
  .author-box .social-media-author {
    top: 50px;
  }
  .study-guid-table {
    float: none;
  }
  .detail-post-vblog .description-top-post-vblog {
    margin-right: 0;
  }
  .detail-post-vblog .description-top-post-vblog .title-main-post:after {
    right: 0;
  }
  .detail-post-vblog .description-top-post-vblog .title-main-post {
    font-size: 1.2rem;
  }

  .offer-special .inner-full-card {
    padding: 40px 50px 50px 50px;
  }
  .offer-special .card-image+img {
    margin: 2.1rem auto;
  }
  .detail-post-vblog .description-post-vblog h2 {
    font-size: 1.2rem;
  }
  .intro-page.blog-intro {
    background-position: left -62px top -55px;
    background-size: auto 120%;
  }

  .intro-page.server-intro {
    background-position: left -73px top -105px;
    background-size: auto 110%;
  }

  .intro-page.cdn-intro {
    background-position: left -60px top -75px;
    background-size: auto 115%;
  }

  .intro-page.about-intro {
    background-position: left -100px top -60px;
  }
  .contact-intro:before {
    background-position: left -60px top 60px;
    background-size: auto 100%;
  }

    .intro-page.term-intro {
        background-position: left -60px top -60px;
        background-size: auto 115%;
    }
    .file-special .video-blog-card {
        margin-bottom: 30px;
    }
    .left-recomend .recomend-blog-card {
        padding: 25px 20px;
    }
    .video-blog-card.recomend-blog-card.full-recomend {
        margin-bottom: 25px;
    }
    .left-recomend .recomend-blog-card {
        padding: 40px 50px;
    }
    .left-recomend .video-card-title {
        font-size: 1.3rem;
        max-width: 300px;
        width: 300px;
    }
    .left-recomend .recomend-blog-card > img {
        max-width: 100%;
    }
    .left-recomend .recomend-blog-card {
        height: auto;
    }
    .home-cdn .cloud-cdn-wrap {
        transform: translateY(105px);
    }
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
  .carousel-item {
    margin-bottom: 80px;
  }
  /* .cloud-dns-boxes-right > div, .cloud-dns-boxes-left > div {
    margin-right: 0;
    width: 140px;
    height: 150px;
  }
  .home--dns-row > div {
    justify-content: center;
  }
  .cloud-dns-boxes-left h6, .cloud-dns-boxes-right h6 {
    font-size: 0.8rem;
    word-spacing: -2px;
    margin-bottom: 0;
  }
  .cloud-dns-boxes-left > div:first-of-type h6 {
    font-size: 1.3rem;
  } */
  .home-cloud-bg {
    z-index: 9999;
    position: relative;
  }

  .join-us-card-image {
    margin-left: 50px;
    margin-right: 50px;
  }

  .contact-form-sec .plan-card-wrap {
    width: 685px;
  }
  .product-card {
    padding: 30px 10px 8px;
  }
}



@media (max-width: 767.98px) {
  .home-cdn .cloud-cdn-wrap {
      transform: translateY(15px);
  }
  .go-top i {
    bottom: 50px;
  }
  .footer--copyright {
    text-align: center;
    border-top: 1px solid #ddd;
  }
  .footer--social span {
    width: 100%;
    text-align: center;
    line-height: 2;
    margin-bottom: 0.5rem;
  }
  .footer--social ul {
    display: flex;
    justify-content: center;
  }
  .footer--copyright p {
    margin-bottom: 1rem;
  }
  .product--card-content p , .security-card-pro .security-badge ,
  .footer--main , .footer-title {
    display: none;
  }
  .product--card-title:after {
    content: none;
  }
  .product-card a {
    margin: 0 auto;
  }
  .product-card .sprite {
    width: 100px;
    height: 90px;
  }
  .product--card-content {
    flex: 100%;
  }
  .product--card-title {
    font-size: 0.9rem;
    text-align: center;
    margin: 10px 0;
    padding: 0;
  }
  .product-card {
    padding: 20px 10px;
  }
  .slider-caption .slider--caption-title {
    font-size: 1rem;
    font-weight: 300;
    word-spacing: -2px;
    line-height: 27px;
  }
  .carousel-indicators {
    display: none;
  }
  .slider-caption p , .slider-caption form , .slider-btn {
    display: none;
  }
  .home-slider {
    background-size: contain;
    background-position: center top 50px;
  }
  .slider-caption {
    min-height: auto;
  }
  .quad-moving {
    right: 38%;
    width: 60px;
  }
  .home-product {
    transform: translateY(80px);
  }
  .home-dns {
    background: #fdfdfd;
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .cloud-dns-boxes-right, .cloud-dns-boxes-left {
    flex-direction: column;
    flex: 1;
  }
  .cloud-dns-boxes-right > div, .cloud-dns-boxes-left > div {
    width: 170px;
    margin: 0 15px 25px;
  }
  .cloud--card-container , .cdn--card-container {
    flex-wrap: wrap;
    justify-content: center !important;

  }
  .home-cloud .cloud--card-container , .home-cdn .cdn--card-container {
    width: 615px;
    margin: 0 auto;
  }
  .home-server .cloud--card-container {
    width: 615px;
    margin: 0 auto;
    padding: 0;
  }
  .home-dns .cloud--card-container , .home-stream .cloud--card-container , .home-vod .cloud--card-container {
    width: 615px;
    margin: 0 auto;
  }
  .cloud--card-item {
    margin-bottom: 1rem;
    width: 100% !important;
    background-color: #fefefe;
    border-radius: 14px;
    box-shadow: 1px 1px 20px 11px #0000000f;
    position: relative;
    display: flex;
    justify-content: space-evenly !important;
    align-items: center;
    padding: 13px 25px;
    text-align: right !important;
  }
  .cloud--card-item .sprite {
    margin-bottom: 0;
    transform: scale(0.9);
  }
  .home--dns-row {
    margin-top: 40px;
  }
  .mobile--card {
    box-shadow: 1px 1px 20px 11px #0000000f;
    margin: 0 auto;
    border-radius: 10px;
    background-color: #fff;
  }
  .home-dns .cloud--card-container {
    padding: 40px 0;
  }
  .home-cdn {
    padding-top: 105px;
    background: #fdfdfd;
  }
  .right--cdn-img , .centeral-image-wrap {
    display: none;
  }
  .home-cloud .section-desc {
    padding: 0 15px 15px;
  }
  .cloud-waf-wrap:before {
    width: 90%;
  }
  .home-vod {
    background-image: none;
    padding-top: 50px;
  }
  .home-cdn > .container-lg > .row {
    height: auto;
  }
  .cloud-waf-wrap {
    margin-top: -20px;
  }

  .home-server:before , .cloud-waf-wrap:before {
    content: none;
  }
  .home-server {
    padding-top: 0;
    min-height: auto;
  }
  .customers-section {
    padding: 45px 0 0;
    background-color: #fdfdfd;
  }
  .home-vod , .home-stream , .home-server {
    background-color: #fdfdfd;
  }
  .home-vod , .cloud--card-title {
    min-height: auto;
  }
  .home-stream {
    background-image: none;
  }
  .cloud--server-list.list-items, .cloud--stream-list, .cloud--vod-list {
    display: none;
  }
  .server-sec-image , .dns-logo , .sprite.stream-sec-image , .vod-logo {
    width: 105px;
    height: 105px;
  }
  .sprite.stream-sec-image {
    margin-bottom: 0;
  }
  .home-server .cloud--card-container {
    margin-top: 85px;
  }
  .cloud--server-card p, .cloud--stream-card p, .cloud-vod-text p {
    max-width: initial;
  }
  .center-mobile {
    text-align: center;
  }
  .center-mobile .with-line:after {
    left: 0;
    margin: 0 auto;
  }
  .product--cdn-row > div {
    width: 41%;
  }
  .row.product--cdn-row {
    justify-content: center;
  }
  .cloud-dns-boxes-right {
    align-items: flex-end;
  }
  .mobile-p-0 {
    padding: 0 !important;
  }
  .home-stream .center-mobile {
    margin-bottom: 35px;
  }
  .home-product .vod-bg {
    background-position: -10px -109px !important;
  }
  .home-product .stream-bg {
    background-position: -359px -6px !important;
  }
  .home-cloud .waf-quad-img, .home-cloud .waf-cloud-img , .intro-card-pro .badge {
    display: none;
  }
  .enamads {
    margin-top: 2rem;
    justify-content: center;
  }

  .counter--item > div {
      font-size: 1.2rem;
  }

  .org-sec .row {
    padding: 25px 20px 50px;
  }
  .home-product.inner-home-product {
    margin-top: 0;
  }
  .home--portal-cta p {
    font-size: 14px;
  }

  .join-us-card-image {
    min-width: auto;
    min-height: auto;
    width: 95%;
    margin: 0 auto 25px;
  }

  .join-us-card {
    padding-top: 2rem;
  }
  .join-us-card ul li {
    width: 100%;
    margin-bottom: 1rem;
  }

  .row.intro-row {
    /* margin-top: 12rem; */
    margin-top: 15rem;
    opacity: .95;
    box-shadow: 0 -21px 32px 10px #0000000a;
    background-color: #fff;
    border-radius: 15px;
    text-align: center;
    padding: 3rem 0 1rem 0;
  }
  .intro-row {
    margin-bottom: 120px;
  }
  .intro-page {
    padding-bottom: 0;
  }
  .intro-page.single-intro {
      margin-top: 7rem;
      margin-bottom: 2rem;
  }
  .intro-page p {
    width: 250px;
    margin: 0 auto;
    font-size: 14px;
    letter-spacing: -0.3px;
    margin-bottom: 1.5rem;
    line-height: 30px;
  }
  .intro-page .page-topTitle {
    font-size: 1.5rem;
  }
  .intro-page .page-title {
    font-size: 1.25rem;
    margin: 0.5rem 0 2rem 0;
  }
  .intro-page .page-title::after {
    left: 0;
    margin: 0 auto;
  }
  .about-intro .intro-row {
    margin-bottom: 120px;
  }
  .breadcrumb-wrap {
    display: flex;
  }
  .org-sec .section-title {
    font-size: 1.3rem;
  }
  .org-sec .badge {
    display: none;
  }
  .org-sec .page--section-header {
    padding-bottom: 30px;
  }

  .org-sec .img-work img {
    box-shadow: -16px 10px 45px -9px #00000008;
  }

  .home-product.inner-home-product .home--portal-cta {
    padding: 32px 7px;
  }
  .video-blog-card .video-card-title {
    width: 220px;
    font-size: 1rem;
    word-spacing: -3px;
    line-height: 35px;
  }
  .video-blog-card > img {
    max-width: 300px;
  }
  .support--sec-cta {
    display: none !important;
  }
  .support--sec-card {
    padding: 90px 50px 65px 50px;
    background-size: 100%;
  }
  .support--social-media {
    margin-top: 10rem;
  }
  .support--sec-form .input-group {
    width: 100%;
  }
  .faq-terms .section-title , .newsletter--card-title {
    font-size: 1.3rem;
  }
  .section-en-title {
    font-size: 1.5rem;
  }
  .faq.cdn-faq {
      padding-top: 90px;
  }
  .contact-form-sec .sprite.plan-bg {
    width: 90px;
    height: 70px;
  }

  .plan-card .mizban-btn {
    width: 125px;
  }

  .contact-form-sec > .container {
    margin-bottom: 125px;
  }

  .footer-map-text {
    display: none;
  }

  .hiring-title {
    margin-bottom: 20px;
    font-size: 1.4rem;
  }
  .faq-section.contact-faq {
    padding-top: 60px;
  }

  .newsletter--card {
    background-size: 100%;
  }

  .newsletter--card form {
    max-width: 80%;
  }

  .newsletter--card:before {
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  .newsletter-sec {
    padding-top: 80px;
  }
  .contact-form-sec {
    padding-bottom: 100px;
  }

  .code-features.code-features-vps {
    display: none;
  }

  .attr-card-title {
    font-size: .92rem;
  }

  .anycast-card-wrap {
    width: 100%;
  }
  .box-between-section-vps img {
    width: 27%;
  }

  .cdn-section.server .anycast-card-wrap {
    margin-bottom: 20px;
  }
  .cdn-section.server .inner-full-card {
    margin-bottom: 50px;
  }

  .info-card-section .row, .info-card-section.cloud-server > .container > .row {
    padding: 2rem 1rem 3rem;
  }

  .info-card-section.cloud-server .info-card-content .list-items li ,
  .load-balancing .list-items li:first-child ,
  .load-balancing .list-items li:last-child , .plan-col  {
    width: 100%;
  }
  .load-balancing {
    padding-bottom: 6rem;
  }

  .video-carousel-section {
    padding-top: 0;
  }
  .intro-page.vod-intro {
    background-size: auto 56%;
    background-position: left 7% top -85px;
  }
  .vod-anycast .anycast-card-wrap ,
  .info-card-section.vod-publish-sec .list-items li ,
  .clustering-info-card .info-card-content .list-items li {
    width: 100% !important;
  }

  .section-title, .home-server .section-title {
    font-size: 1.2rem !important;
  }
  .info-card-image {
    min-width: 100%;
  }

  .introduction-sec .home--portal-cta {
    margin-top: 0;
  }
  .vod-anycast p , .internal-live-section .anycast-card p {
    width: 45%;
    font-size: .9rem;
  }

  .info-card-section.vod-publish-sec .row {
    padding-left: 0;
  }

  .counter-sec.security-counter {
    height: 260px;
  }

  .product-solutions .item-product-solutions {
    padding: 0 1rem;
    margin-bottom: 3rem;
  }


  .waf-info-card.cloud-waf .logo-waf {
    width: 130px;
  }
  .waf-row-card, .ddos-row-card {
    padding-top: 0;
  }
  .waf-info-card.cloud-waf .info-card-content {
    padding: 0;
  }

  .ddos-info-card {
    padding-top: 20px;
  }
  .waf-info-card.cloud-waf .server-info-card-image {
    min-height: auto;
  }

  .waf-info-card.cloud-waf .list-items li ,
  .rate-limit-info-card .list-items li ,
  .info-card-section.live-info-card2 .list-items li {
    width: 100% !important;
  }
  .rate-limit-info-card .info-card-content p {
    padding-left: 0;
  }
  .rate-limit-info-card {
    padding-bottom: 100px;
  }
  .table-switch-btn {
    margin-bottom: 2.5rem;
  }
  .plan-col {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .intro-page.security-intro {
    background-position: left -3% top -93px;
    background-size: auto 66%;
  }
  .main-header {
    padding: 35px 0 0;
  }

  .intro-page.live-intro {
    /* background-position: left -10% top -100px;
    background-size: auto 73%; */
    background-position: left -4% top -77px;
    background-size: auto 66%;
  }
  .info-card-section.live-info-card2 {
    padding-bottom: 70px;
  }
  .anycast-card-wrap.cdn .anycast-img {
    width: 140px;
  }

  .anycast-card {
    padding: 23px 15px;
  }

  .intro-card-image-wrap {
    margin-top: -30px;
  }

  .intro-card-pro .row, .security-card-pro .container {
    padding: 25px 16px;
  }
  .info-card-section.cdn .info-card-content , .info-card-section.dns .info-card-content {
    padding-right: 0;
  }

  .intro-page.cdn-intro {
    background-position: left -3% top -60px;
    background-size: auto 66%;
  }

  .intro-page.dns-intro:before {
    top: -50px;
    background-position: left -5% top -50px;
    background-size: auto 50%;
  }

  .operating-system.plan-dp label {
    display: none;
  }
  .billing-total {
    flex-wrap: wrap;
  }
  .billing-total .order-btn {
    margin-top: 2rem;
    width: 100%;
    text-align: center;
    display: block;
  }
  .billing-wrap {
    height: auto;
  }

  .sticky-card-title {
    width: 220px;
    font-size: 1rem;
    word-spacing: -3px;
    font-weight: 400;
    margin-top: 0.5rem;
    line-height: 35px;
  }

  .social-media-author {
    top: 27px;
    left: 35px;
  }
  .author-box {
    padding: 35px 35px 30px 35px;
  }
  .author-box .profile-author img {
    width: 45px;
    height: 45px;
  }
  .author-box .description-author p {
    width: 100%;
  }
  .author-box .description-author {
    flex: 1;
  }
  .author-box .social-media-author {
    top: 27px;
    left: 35px;
  }

  .submenu-category {
    width: 500px;
    flex-wrap: wrap;
  }
  .intro-page.blog-intro {
    background-position: left -3% top -90px;
    background-size: auto 66%;
  }

  .package-details-item span {
    font-size: 13px;
  }
  .home-cloud {
    margin-top: 0;
  }
  .home-cloud .section-logo-wrap {
    margin: -73px auto 30px;
    width: 85px;
  }
  .intro-page.server-intro {
    background-position: left -4% top -85px;
    background-size: auto 70%;
  }

  .intro-page.about-intro {
    background-position: left -3% top -30px;
    background-size: auto 66%;
  }
  .contact-intro:before {
    background-position: left -3% top 50px;
    background-size: auto 66%;
  }

  .intro-page.term-intro {
    background-position: left -3% top -110px;
    background-size: auto 66%;
  }
}
@media screen and (min-width: 576px) and (max-width: 767.98px)  {
  .cloud--card-title {
    font-size: 16px;
    width: 200px;
    font-size: .9rem;
    margin-right: 8px;
    min-height: auto !important;
  }
  .home-server .container , .home-stream .container , .home-vod .container {
    max-width: 670px;
  }
  .home-vod .cloud--card-container {
    padding-top: 70px !important;
    padding-bottom: 0 !important;
  }

  .contact-form-sec .container {
    max-width: 650px;
  }

}
@media (max-width: 699.98px) {
  .home-cloud .cloud--card-container ,
  .home-cdn .cdn--card-container ,
  .home-server .cloud--card-container ,
  .home-dns .cloud--card-container ,
  .home-stream .cloud--card-container ,
  .home-vod .cloud--card-container {
    width: 80%;
  }
  .p-0-small {
    padding: 0;
  }
}
@media (max-width: 665px) {
  .intro-page.dns-intro:before {
    background-position: left -5% top -28px;
    background-size: auto 43%;
  }
}
@media (max-width: 575.98px) {
  .intro-page.dns-intro:before {
    background-position: left -20px top -28px;
  }
  .building-interval {
    justify-content: center;
  }
  .building-interval .label {
    display: none;
  }
  #calculator-anchor , .security-card-pro.dns {
    padding-left: 15px;
    padding-right: 15px;
  }
  .security-card-pro .container {
    padding: 50px 16px;
  }
  .security-card-pro.dns {
    padding: 150px 15px 0;
  }
  .quad-moving {
    width: 40px;
    top: 120px;
    right: 50px;
  }
  .home-product {
    transform: translateY(0);
    margin-top: 200px;
  }
  .home-cdn {
    padding-top: 25px;
  }
  .cloud--card-item .mizban-btn {
    position: absolute !important;
    width: 100%;
    height: 100%;
    inset: 0 !important;
    background: transparent;
    font-size: 0;
    border-radius: 14px;
    transition: none !important;
  }
  .cloud--card-item .mizban-btn i {
    display: none;
  }
  .cloud--card-title {
    width: 200px !important;
  }
  .home-dns .cloud--card-container , .home-stream .cloud--card-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .home-vod .cloud--card-container ,
  .home-cdn .cdn--card-container , .home-cloud .cloud--card-container , .home-server .cloud--card-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .cloud-dns-boxes-right > div, .cloud-dns-boxes-left > div {
    width: 145px;
    height: 145px;
  }
  .cloud-dns-boxes-left {
    align-items: flex-start;
  }
  .cloud-dns-boxes-right .sprite, .cloud-dns-boxes-left .sprite {
    margin-bottom: 7px;
  }
  .cloud-dns-boxes-left h6, .cloud-dns-boxes-right h6 {
    margin-bottom: 0;
  }
  .home-slider {
    padding-top: 210px;
    background-size: 128%;
    background-position: left -18px top 52px;
  }
  .home-cloud .cloud--card-container ,
  .home-cdn .cdn--card-container ,
  .home-server .cloud--card-container ,
  .home-dns .cloud--card-container ,
  .home-stream .cloud--card-container ,
  .home-vod .cloud--card-container {
    width: 100%;
  }
  .p-0-small {
    padding-left: var(--bs-gutter-x,.75rem);
    padding-right: var(--bs-gutter-x,.75rem);
  }


  .about--card {
    padding: 40px 16px;
  }

  .join-us-card {
    margin: 0 10px;
    padding-bottom: 3.5rem;
  }

  .join-card-title {
    font-size: 1.3rem;
  }

  .video--card-item .video-item-title {
    font-size: 13px;
    line-height: 27px;
  }
  .full-video-card .video-detail , .full-video-card .category-name {
    display: none !important;
  }
  .full-video-card .video-card-title {
    width: 190px;
    font-size: .9rem;
    word-spacing: -3px;
    font-weight: 400;
    margin-top: 0.5rem;
    line-height: 25px;
    letter-spacing: -0.4px;
  }
  .full-video-card {
    padding: 30px;
  }
  .full-video-card .video-card-title {
    margin-bottom: 120px;
    margin-top: 0;
  }
  .full-video-card .avatar--card {
    margin-bottom: 0;
  }
  .support--social-media {
    display: none !important;
  }
  .support-sec > .container > .row {
    margin: 0 5px;
  }
  .support-sec {
    padding-top: 60px;
  }
  .support--sec-card {
    padding-top: 70px;
  }
  .support--sec-form {
    margin-bottom: 185px;
  }
  .support--sec-card {
    padding: 70px 30px 65px 30px;
  }
  .video-carousel-section {
    padding-bottom: 70px;
  }
  .join-us-card ul li {
    padding-right: 40px;
    line-height: 2;
  }
  .join-us-card-text .list-items i {
    position: absolute;
    right: 0;
  }
  .last-vlog-head {
    margin-bottom: 0;
  }
  .counter--item > div {
    font-size: 1rem;
  }
  .counter--item p {
    font-size: 11px;
  }
  .counter--item {
    padding: 15px 0;
  }
  .counter-sec {
    height: 215px;
  }
  .about-mizban .hiring-title {
    font-size: 1.3rem;
  }

  .contact-form-sec > .container {
    margin-bottom: 0;
  }
  .section-title, .home-server .section-title {
    font-size: 1.3rem !important;
    margin-bottom: 10px;
  }

  .cdn-section .inner-full-card , .internal-live-section .inner-full-card {
    padding: 2rem 1rem;
  }
  .cdn-section.server .inner-full-card {
    margin-bottom: 0;
  }

  .features-cdn-row {
    padding: 3rem 1.5rem;
  }
  .cdn-section.vod {
    padding-bottom: 0;
  }
  .security-internal-section .inner-full-card {
    padding: 2rem 1rem;
  }
  .cdn-section.vod .inner-full-card ,
  .security-internal-section .inner-full-card ,
  .features.features-cdn-section.security .features-cdn-row ,
  .features.features-cdn-section.security .row.features-tab ,
  .cdn-section .inner-full-card, .internal-live-section .inner-full-card ,
  .row.features-cdn-row , .row.features-tab ,
  .info-card-section.live-info-card2 > .container > .row , .intro-card-pro .row ,
  .info-card-section .row {
    width: 95%;
    margin: 0 auto;
  }
  .row.intro-row {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
  .waf-row-card .info-card-title, .info-card-title {
    font-size: 1.2rem !important;
  }

  .info-card-section.vod-publish-sec .row {
    margin: 0 0.5rem;
  }
  .info-card-section.vod-publish-sec {
    padding: 50px 0;
  }
  .clustering-info-card {
    padding-bottom: 50px;
  }
  .attr-card-item {
    margin-bottom: 1rem;
  }
  .security-internal-section {
    padding-bottom: 50px;
  }
  .security-counter .counter--item p {
    line-height: 2.5;
  }
  .firewall-info-card .head-internal-section {
    margin-bottom: 3.7rem;
  }
  .server-info-card-image {
    min-height: auto;
  }
  .introduction-sec.security {
    padding-bottom: 0;
  }
  .intro-video-wrap {
    height: auto;
  }
  .intro-page.security-intro {
    background-position: left 7% top -65px;
    background-size: auto 56%;
  }
  .waf-row-card .info-card-content, .firewall-info-card .info-card-content {
    padding-left: 0;
  }

  .intro-page.live-intro {
    background-position: left 7% top -70px;
    background-size: auto 56%;
  }
  .internal-live-section .head-internal-services h2 , .cdn-section.cdn .head-internal-services h2 {
    font-size: 1.2rem;
  }
  .live-cdn-section {
    padding: 0px 0 70px;
  }
  .info-card-section.cdn {
    padding: 150px 0 100px 0;
  }
  .intro-page.cdn-intro {
    background-position: left 8% top -65px;
    background-size: auto 56%;
  }
  .info-card-section.dns .info-card-image {
    min-height: auto;
  }
  .billing-product-img , .datacenter-card.plan-dp label {
    display: none;
  }
  .billing-wrap {
    padding: 2.5rem 1.5rem;
  }

  .table-range .operating-system {
    flex-wrap: wrap;
    height: 160px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
  }
  .operating-system-option .cs-select , .time-abrak .cs-select {
    width: 220px;
  }
  .datacenter-card.plan-dp {
    justify-content: center;
  }
  .offer-special .inner-full-card {
    padding: 40px 20px 50px;
  }
  .offer-special > .container > .row ,
  .newsletter-sec > .container > .row ,
  .sticky-post-card > .container > .row {
    margin: 0 !important;
  }
  .comments-head {
    flex-direction: column;
  }
  .comments-head span:first-of-type {
    margin-bottom: 0.7rem;
  }
  .comments-head span:last-of-type {
    margin: 0;
  }
  .comments-form-wrap , .comments-form-wrap .inner-comments-vblog {
    padding: 43px 20px;
  }
  .newsletter--card .social-media {
    display: none;
  }
  .newsletter--card p {
    margin-bottom: 9rem;
  }
  .sticky-card-title {
    width: 174px;
    font-size: .9rem;
    word-spacing: -3px;
    margin-top: 0.5rem;
    line-height: 25px;
  }
  .sticky-post-card .inner-full-card {
    padding: 3.3rem 1rem;
  }
  .submenu-category {
    width: 360px;
    left: 0;
  }
  .intro-page.server-intro {
    background-position: left 7% top -70px;
    background-size: auto 65%;
  }
  .intro-page.about-intro {
    background-position: left 7% top -45px;
    background-size: auto 56%;
  }
  .contact-intro:before {
    background-position: left 7% top 65px;
    background-size: auto 68%;
  }
  .intro-page.term-intro {
    background-position: left 7% top -75px;
    background-size: auto 56%;
  }
  .intro-page.blog-intro {
    background-position: left 5% top -96px;
    background-size: auto 60%;
  }

  .range-slider-wrap .slider {
    margin-bottom: 35px;
  }
  .range-slider-wrap .range {
    width: 100%;
  }
  .range-slider-wrap .min-value {
    margin-bottom: 50px;
  }
  .description-post-vblog blockquote {
    padding: 46px;
  }
  blockqoute > .detail-post-vblog blockqoute > .description-post-vblog blockqoute > p {
    font-size: 12px;;
  }
  .description-post-vblog blockquote::before, .description-post-vblog blockquote::after {
    width: 27px;
    height: 23px;;
  }
}
@media (max-width: 475.98px) {
  .support-line a {
      font-size: 0.9rem;
  }
  .home-slider {
    padding-top: 175px;
  }
  span.sprite.load-balancer {
    transform: scale(0.7);
  }
  .intro-page.dns-intro:before {
    background-position: left 11% top -30px;
  }
  .submenu-category {
    width: 345px;
    left: calc(-100% - -35px);
  }
  .intro-page.blog-intro {
    background-position: left 10% top -90px;
  }
  .description-post-vblog blockquote {
    padding: 46px;
  }
  blockqoute > .detail-post-vblog blockqoute > .description-post-vblog blockqoute > p {
    font-size: 12px;;
  }
  .description-post-vblog blockquote::before, .description-post-vblog blockquote::after {
    width: 27px;
    height: 23px;;
  }
}
@media (max-width: 421.98px) {
  .support-line {
    display: none;
  }
  .nav-wrap {
    width: 78.333333%;
  }
  .header-row .nav-btn {
      margin-right: 0;
  }
  .col-mobile-auto {
    width: auto;
  }
  .cloud--card-item .sprite {
    margin-left: 10px;
    transform: scale(0.7);
  }
  .sprite.load-balancer {
    width: 215px;
  }
  .main-header {
    padding: 30px 0;
  }
  .home-slider {
    background-position: center top 85px;
  }
  .submenu-category {
    width: 285px;
  }
  .description-post-vblog blockquote {
    padding: 46px;
  }
  blockqoute > .detail-post-vblog blockqoute > .description-post-vblog blockqoute > p {
    font-size: 12px;;
  }
  .description-post-vblog blockquote::before, .description-post-vblog blockquote::after {
    width: 27px;
    height: 23px;;
  }
}
@media (max-width: 400.98px) {
  .home-vod .sprite.video-edit {
    background-position: -665px -667px;
  }
  .sprite.ico-live-mixer {
    background-position: -675px -273px;
  }
  .home-vod .sprite.ico-api {
    background-position: -810px -142px;
  }
  .home-vod .sprite.server {
    background-position: 0px 0;
  }
  .sprite.ico-protect {
    background-position: -17px -519px;
  }
  .sprite.load-speed {
    background-position: -833px -395px;
  }
  .sprite.ssl {
    background-position: -675px -147px;
  }
  .sprite.checker {
    background-position: -654px -540px;
  }
  .sprite.report {
    background-position: -150px -674px;
  }
  .sprite.rate-limit {
    background-position: -487px -537px;
  }
  .sprite.ico-disk {
    background-position: -845px -662px;
  }
  .sprite.ico-ip {
    background-position: -307px -672px;
    width: 145px !important;
  }
  .home-product {
    margin-top: 0;
  }
  .product--cdn-row > div {
    width: 48%;
  }
  .support--phone-num {
    line-height: 1.5;
  }
  .description-post-vblog blockquote {
    padding: 46px;
  }
  blockqoute > .detail-post-vblog blockqoute > .description-post-vblog blockqoute > p {
    font-size: 12px;;
  }
  .description-post-vblog blockquote::before, .description-post-vblog blockquote::after {
    width: 27px;
    height: 23px;;
  }
}
@media screen and (max-width: 375.98px) {
  .cloud--card-item .sprite {
    width: 170px;
  }
  .counter--item {
    padding: 0;
  }
  .description-post-vblog blockquote {
    padding: 46px;
  }
  blockqoute > .detail-post-vblog blockqoute > .description-post-vblog blockqoute > p {
    font-size: 12px;;
  }
  .description-post-vblog blockquote::before, .description-post-vblog blockquote::after {
    width: 27px;
    height: 23px;;
  }
}
@media screen and (max-width: 366.98px) {
  .home--dns-row {
    display: none;
  }
  .home-cloud .cloud--card-item .sprite, .home-server .cloud--card-item .sprite {
    width: 150px;
  }
  .sprite.ico-ip {
    width: 172px !important;
  }
  .inner-full-card .card-buttons .btn-purple {
    margin-right: 0.5rem;
  }
  .btn-purple .icon-video-play {
    display: none;
  }
  .inner-full-card .mizban-btn.btn-purple {
    width: 130px;
  }

  .counter--item p {
    line-height: 20px;
  }
  .submenu-category {
    width: 320px;
    left: -52px;
  }
  .submenu-category:before {
    content: none;
  }
  .description-post-vblog blockquote {
    padding: 46px;
  }
  blockqoute > .detail-post-vblog blockqoute > .description-post-vblog blockqoute > p {
    font-size: 12px;;
  }
  .description-post-vblog blockquote::before, .description-post-vblog blockquote::after {
    width: 27px;
    height: 23px;;
  }
}