@media (min-width: 768px) and (max-width: 1024px) {
  @keyframes slideIn {
    0% {
      position: fixed;
      top: -200px;
    }

    100% {
      position: fixed;
      top: 0px;
    }
  }

  section {
    width: 100% !important;
    margin-bottom: 80px !important;
  }

  header .container {
    position: relative;
  }

  header .container .burger_menu .nav-item .list {
    top: 22px;
  }

  .title_single {
    margin-bottom: 32px !important;
  }

  .title_single h3 {
    text-align: center !important;
    font-size: 32px !important;
    line-height: 40px !important;
  }

  .title_double {
    margin-bottom: 32px !important;
  }

  .title_double h3 {
    text-align: center !important;
    font-size: 32px !important;
    line-height: 40px !important;
  }

  .three_full_width_card {
    margin-bottom: 80px !important;
  }

  .card_full_width {
    height: auto !important;
    padding: 10px 10px 10px 42px !important;
    justify-content: space-between;
  }

  .card_full_width .card_content {
    width: 50% !important;
  }

  .card_full_width .card_content .card_title {
    font-size: 22px !important;
    line-height: 28px !important;
  }

  .card_full_width .card_content .card_desc {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .card_full_width .card_img {
    background-size: contain;
    width: 280px !important;
    height: 222px !important;
  }

  .four_orang_card .orange_card {
    width: 49% !important;
    height: auto !important;
    margin-bottom: 20px;
  }

  .burger {
    display: block !important;
  }

  .burger_wrapper {
    display: flex !important;
  }

  .burger_wrapper_opened {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.06);
  }

  .burger_wrapper_opened .burger {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg style='enable-background:new 0 0 36 36;' version='1.1' viewBox='0 0 36 36' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ed6b2f;%7D .st1%7Bfill:none;stroke:%23222A30;stroke-width:2.0101;stroke-linejoin:round;stroke-miterlimit:10;%7D .st2%7Bfill:%23171715;%7D .st3%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23222A30;%7D%0A%3C/style%3E%3Cg id='Layer_1'/%3E%3Cg id='icons'%3E%3Cpath class='st0' d='M6.2,3.5L3.5,6.2c-0.7,0.7-0.7,1.9,0,2.7l9.2,9.2l-9.2,9.2c-0.7,0.7-0.7,1.9,0,2.7l2.6,2.6 c0.7,0.7,1.9,0.7,2.7,0l9.2-9.2l9.2,9.2c0.7,0.7,1.9,0.7,2.7,0l2.6-2.6c0.7-0.7,0.7-1.9,0-2.7L23.3,18l9.2-9.2 c0.7-0.7,0.7-1.9,0-2.7l-2.6-2.6c-0.7-0.7-1.9-0.7-2.7,0L18,12.7L8.8,3.5C8.1,2.8,6.9,2.8,6.2,3.5z' id='close_1_'/%3E%3C/g%3E%3C/svg%3E") !important;
  }

  .burger_menu .vpn .list {
    left: -215px !important;
  }

  .burger_menu_opened {
    width: calc(100% - 60px) !important;
    display: flex !important;
    /* padding: 20px 200px 20px 200px !important; */
  }

  .logo {
    margin-right: auto;
  }

  .navigation {
    display: none !important;
  }

  .container {
    width: 100% !important;
    padding: 0 30px;
  }

  .welcome .container {
    justify-content: flex-end;
    align-items: center;
    flex-direction: column-reverse;
  }

  .welcome .container .left .first {
    margin-top: 0 !important;
  }

  .welcome .container .left h1 {
    font-size: 46px !important;
    line-height: 56px !important;
  }

  .welcome .container .left .desc {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 20px !important;
  }

  .welcome .container .left h1,
  .welcome .container .left .desc {
    text-align: center;
  }

  .second-bottom {
    width: 100%;
  }

  .welcome .container .left .brand_row {
    margin: 0 auto 32px;
  }

  .welcome .container .left .get-vpn {
    width: auto !important;
  }

  .welcome .container .right {
    position: initial !important;
    width: 400px !important;
    height: 400px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .trusted {
    display: none;
  }

  .protection {
    margin-bottom: 80px !important;
  }

  .protection .container .double {
    margin-bottom: 20px !important;
  }

  .protection .container .double .left,
  .protection .container .double .right {
    width: 48% !important;
    height: auto !important;
  }

  .protection .container .double .left {
    padding: 30px !important;
  }

  .protection .container .double .left .protect_item .p_head {
    margin-bottom: 10px !important;
  }

  .protection .container .double .left .protect_item .p_head .name {
    font-size: 17px !important;
    line-height: 20px !important;
  }

  .protection .container .double .left .protect_item .p_head .icon {
    width: 27px !important;
    height: 27px !important;
    background-size: contain;
  }

  .protection .container .double .left .protect_item .text {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .protection .container .double .left .opened {
    height: 250px !important;
  }

  .protection .container .single {
    height: 280px !important;
    padding: 20px !important;
    justify-content: center;
  }

  .protection .container .single .image {
    z-index: 1;
    width: 200px !important;
    height: 200px !important;
    margin-right: 60px !important;
  }

  .protection .container .single .content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .protection .container .single .content h3 {
    font-size: 30px !important;
    line-height: 40px !important;
  }

  .protection .container .single .content .footer {
    display: none !important;
  }

  .solution {
    margin-bottom: 80px !important;
  }

  .solution .container .double {
    flex-direction: column;
    align-items: center;
  }

  .solution .container .double p {
    text-align: center !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .solution .container .sol_cards {
    display: flex !important;
  }

  .solution .container .swiper {
    display: none !important;
  }

  .multi_platform {
    width: calc(100% - 60px) !important;
    padding-top: 30px !important;
    height: 420px !important;
  }

  .multi_platform .image {
    height: 376px !important;
    background-size: contain;
    top: 82px !important;
  }

  .howitworks {
    margin-bottom: 80px !important;
  }

  .howitworks .container {
    flex-direction: column;
  }

  .howitworks .container .left {
    width: 100%;
    margin-bottom: 20px;
  }

  .howitworks .container .left .up,
  .howitworks .container .left .down {
    width: 100% !important;
    height: 242px !important;
    justify-content: space-between;
    padding: 0 42px !important;
    align-items: center;
  }

  .howitworks .container .left .up .content,
  .howitworks .container .left .down .content {
    width: 56%;
  }

  .howitworks .container .left .up .content .title,
  .howitworks .container .left .down .content .title {
    font-size: 27px !important;
    line-height: 37px !important;
  }

  .howitworks .container .left .up .content .desc,
  .howitworks .container .left .down .content .desc {
    width: 100% !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .howitworks .container .left .up .img,
  .howitworks .container .left .down .img {
    margin-left: 0 !important;
  }

  .howitworks .container .left .up .bg {
    border-radius: 30px;
    width: 100% !important;
    height: 100% !important;
    background-repeat: no-repeat;
    background-position: right;
  }

  .howitworks .container .left .down .bg {
    height: 100% !important;
    background-size: contain;
  }

  .howitworks .container .left .down .img {
    height: 100% !important;
    background-size: contain;
    right: -44px !important;
  }

  .howitworks .container .right {
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .howitworks .container .right .advantage {
    width: 300px;
  }

  .sppedservers {
    display: none !important;
  }

  .reviews {
    padding-top: 60px !important;
  }

  .reviews h3 {
    font-size: 38px !important;
    line-height: 48px !important;
    margin-bottom: 40px !important;
  }

  .reviews .swiper .swiper-wrapper .item {
    padding: 30px 20px 0 20px !important;
  }

  .reviews .swiper .swiper-wrapper .item .text {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  .reviews .swiper .swiper-pagination {
    margin: 0 auto 65px !important;
  }

  .paymetods {
    margin-bottom: 80px !important;
  }

  .paymetods .scroll .m-scroll .item {
    width: 136px !important;
    height: 100px !important;
  }

  .premium {
    margin-bottom: 80px !important;
  }

  .premium .container .banner {
    height: 480px !important;
    padding: 35px 20px 20px 20px !important;
  }

  .premium .container .banner h3 {
    font-size: 38px !important;
    line-height: 48px !important;
    margin-bottom: 30px !important;
  }

  .premium .container .banner .elements .item {
    width: 200px !important;
  }

  .premium .container .banner .elements .item .head {
    font-size: 41px !important;
    margin-bottom: 11px !important;
  }

  .premium .container .banner .elements .item .title {
    font-size: 18px !important;
  }

  .premium .container .banner .elements .item .desc {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  footer {
    /* padding: 0 !important; */
    padding-top: 60px !important;
  }

  footer .container .main {
    flex-direction: column !important;
  }

  footer .container .main .left {
    margin: 0 auto !important;
    width: 100% !important;
    margin-bottom: 26px !important;
  }

  footer .container .main .left h3 {
    text-align: center !important;
    font-size: 38px !important;
    line-height: 48px !important;
  }

  footer .container .main .left p {
    width: 80% !important;
    text-align: center !important;
    margin: 0 auto !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  footer .container .main .left .img {
    display: none !important;
  }

  footer .container .main .right {
    width: 100% !important;
  }

  footer .container .main .right .footer-faq-item {
    padding: 14px 20px !important;
  }

  footer .container .main .right .footer-faq-item .title {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  footer .container .bottom .left p {
    width: 215px !important;
    font-size: 12px !important;
    line-height: 20px !important;
  }

  footer .container .bottom .right {
    width: 66% !important;
  }

  footer .container .bottom .right div a {
    font-size: 12px !important;
    line-height: 20px !important;
    margin-bottom: 8px !important;
  }

  .double_welcome .container .welcome_banner {
    padding: 30px !important;
    height: auto !important;
    position: relative;
  }

  .double_welcome .container .welcome_banner .text_button {
    width: 50% !important;
    margin-right: 0 !important;
  }

  .double_welcome .container .welcome_banner .text_button .title_double {
    margin-bottom: 32px !important;
  }

  .double_welcome .container .welcome_banner .text_button .title_double h3 {
    text-align: left !important;
  }

  .double_welcome .container .welcome_banner .text_button .title_double p {
    width: 92% !important;
  }

  .double_welcome .container .welcome_banner .picture {
    position: absolute;
    width: 48% !important;
    background-position: top !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 30px !important;
    height: 80% !important;
  }

  .double_welcome .container .welcome_banner .device {
    height: 124px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  .double_welcome .container .foot_banner {
    padding: 0 30px 0 30px !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .double_welcome .container .foot_banner .item .dot {
    margin-right: 4px !important;
  }

  .double_welcome .container .foot_banner .item p {
    font-size: 12px !important;
    line-height: 20px !important;
  }

  .double_welcome .container .foot_banner .item:not(:last-child) {
    margin-right: 2px !important;
  }

  .grab_your_device .container .variants .item {
    width: 100px !important;
    height: 100px !important;
  }

  .three_steps_and_man {
    height: 706px !important;
  }

  .three_steps_and_man .container {
    /* padding-top: 60px !important; */
    padding: 60px 16px !important;
    justify-content: space-between !important;
  }

  .three_steps_and_man .container .left,
  .three_steps_and_man .container .right {
    width: 48% !important;
  }

  .three_steps_and_man .container .left {
    margin-right: 0 !important;
  }

  .three_steps_and_man .container .left .title_double h3 {
    text-align: start !important;
  }

  .three_steps_and_man .container .right {
    /* padding: 34px 32px 34px 67px !important; */
    padding: 34px 32px 34px 34px !important;
  }

  .three_steps_and_man .container .right .line {
    position: absolute;
    top: 48px !important;
    height: 374px !important;
  }

  .three_steps_and_man .container .right .line .wrapp .dot-2 {
    top: 177px !important;
  }

  .three_steps_and_man .container .right .line .wrapp .dot-3 {
    top: 367px !important;
  }

  .three_steps_and_man .container .right .step {
    /* width: 240px !important; */
    width: 290px !important;
    padding-left: 34px !important;
  }

  .three_steps_and_man .container .right .step .name {
    font-size: 14px !important;
    line-height: 14px !important;
    margin-bottom: 14px !important;
  }

  .three_steps_and_man .container .right .step h4 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .three_steps_and_man .container .right .step .text {
    font-size: 16px !important;
    line-height: 20px !important;
  }

  .two_card_double_bg_dot .left_box,
  .two_card_double_bg_dot .right_box {
    width: 48% !important;
    height: auto !important;
  }

  .two_card_double_bg_dot .left_box {
    padding: 34px 32px 34px 67px !important;
  }

  .two_card_double_bg_dot .left_box .line {
    left: 38px !important;
    top: 40px !important;
    height: 354px !important;
  }

  .two_card_double_bg_dot .left_box .line .wrapp .dot-2 {
    top: 175px !important;
  }

  .two_card_double_bg_dot .left_box .line .wrapp .dot-3 {
    top: 347px !important;
  }

  .two_card_double_bg_dot .left_box .text_item {
    width: 240px !important;
  }

  .two_card_double_bg_dot .left_box .text_item h4 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .two_card_double_bg_dot .left_box .text_item p {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .two_card_double_bg_dot .right_box {
    background-size: contain;
  }

  .experience .container .grid {
    justify-content: space-around !important;
  }

  .experience .container .grid .grid_item {
    width: 344px !important;
  }

  .favorite_banner {
    margin-top: 80px !important;
  }

  .favorite_banner .container .wrap {
    padding-left: 24px !important;
    position: relative;
  }

  .favorite_banner .container .wrap .fav_picture {
    height: 264px !important;
    width: 50% !important;
    margin-right: 0 !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .favorite_banner .container .wrap .content {
    width: 50% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .favorite_banner .container .wrap .content h3 {
    font-size: 32px !important;
    line-height: 40px !important;
    text-align: center !important;
  }

  .favorite_banner .container .wrap .footer {
    width: max-content !important;
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    padding-top: 0 !important;
    border-top: none !important;
  }

  .four_big_card .container .wrapper .item {
    width: 48% !important;
    height: 466px !important;
    padding: 20px !important;
  }

  .four_big_card .container .wrapper .item .head {
    font-size: 19px !important;
    margin-bottom: 0 !important;
  }

  .four_big_card .container .wrapper .item .desc {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .four_big_card .container .wrapper .item .image {
    top: auto !important;
    left: 50% !important;
    transform: translateX(-50%);
    bottom: 0;
    width: 300px !important;
    height: 300px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  .use_netflix {
    width: calc(100% - 60px) !important;
    padding-top: 60px !important;
    height: 560px !important;
  }

  .use_netflix .container .image {
    width: 427px !important;
    height: 472px !important;
    background-size: contain;
  }

  .card_full_width_button_link .container .box {
    padding: 38px 20px 20px 20px !important;
  }

  .card_full_width_button_link .container .box .list {
    padding: 0 !important;
    justify-content: space-between;
  }

  .card_full_width_button_link .container .box .list .colum .item {
    margin-bottom: 14px !important;
  }

  .card_full_width_button_link .container .box .list .colum .item span {
    margin-right: 11px !important;
  }

  .card_full_width_button_link .container .box .list .colum .item p {
    font-size: 14px !important;
    line-height: 26px !important;
  }

  .card_full_width_button_link .container .box .list .colum:first-child {
    margin-right: 9px !important;
  }

  .card_full_width_button_link .container .box .list .colum:last-child {
    margin-left: 9px !important;
  }

  .vpn-for-chat-gpt .card_full_width {
    padding: 10px 10px 10px 42px !important;
    height: auto !important;
  }

  .vpn-for-chat-gpt .card_full_width .card_img {
    width: 328px !important;
    height: 288px !important;
    background-color: transparent !important;
  }

  .vpn-for-chat-gpt .two_double_big_card_modified .left_box {
    width: 48% !important;
    padding: 0 28px !important;
  }

  .vpn-for-chat-gpt .two_double_big_card_modified .left_box .text_item {
    width: auto !important;
  }

  .vpn-for-chat-gpt .two_double_big_card_modified .left_box .text_item h4 {
    font-size: 28px !important;
  }

  .vpn-for-chat-gpt .two_double_big_card_modified .left_box .text_item p {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .vpn-for-chat-gpt .two_double_big_card_modified .right_box {
    width: 48% !important;
    background-size: contain;
  }

  .vpn-for-chat-gpt .two_double_big_card_modified .second {
    height: auto !important;
  }

  .vpn-for-chat-gpt .two_double_big_card_modified .second .left_box {
    padding: 28px !important;
    height: 100% !important;
  }

  .vpn-for-chat-gpt .two_double_big_card_modified .second .right_box {
    height: auto !important;
  }

  .vpn-for-chat-gpt .two_card_double_bg_dot.first .left_box {
    height: 580px !important;
  }

  .cards_line_orang .card {
    width: 32% !important;
    padding: 19px !important;
    height: auto !important;
  }

  .cards_line_orang .card .title {
    font-size: 22px !important;
    line-height: 29px !important;
  }

  .cards_line_orang .card .text {
    font-size: 16px !important;
    line-height: 21px !important;
  }

  .cards_line_white_blue .card {
    width: 32% !important;
    padding: 19px !important;
    height: auto !important;
  }

  .cards_line_white_blue .card .head {
    background-size: auto;
  }

  .cards_line_white_blue .card .head.fb,
  .cards_line_white_blue .card .head.pandora {
    background-size: contain;
  }

  .cards_line_white_blue .card .text {
    padding: 19px 0 0 !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .superior .content {
    height: auto;
  }

  .superior .content .left_box {
    width: 48% !important;
    padding: 16px !important;
    height: fit-content !important;
  }

  .superior .content .left_box .text_item {
    width: auto !important;
    margin-bottom: 18px !important;
  }

  .superior .content .left_box .text_item p {
    font-size: 13px !important;
    line-height: 20px !important;
  }

  .superior .content .right_box {
    height: auto !important;
    width: 48% !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .two_one .container .boxes {
    flex-direction: column;
  }

  .two_one .container .boxes .left .up,
  .two_one .container .boxes .left .down {
    width: 100%;
    height: 242px !important;
    padding-right: 10px !important;
    justify-content: space-between;
  }

  .two_one .container .boxes .left .up .content,
  .two_one .container .boxes .left .down .content {
    width: 50% !important;
  }

  .two_one .container .boxes .left .up .content .title,
  .two_one .container .boxes .left .down .content .title {
    font-size: 27px !important;
    line-height: 37px !important;
  }

  .two_one .container .boxes .left .up .content .desc,
  .two_one .container .boxes .left .down .content .desc {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .two_one .container .boxes .left .up .img,
  .two_one .container .boxes .left .down .img {
    background-size: contain;
    width: 280px !important;
    height: 222px !important;
    background-position: center;
    background-repeat: no-repeat;
  }

  .two_one .container .boxes .right {
    width: 100% !important;
    height: auto !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 20px !important;
  }

  .two_one .container .boxes .right .advantage {
    width: 300px;
  }

  .streaming-music .two_one .down .img {
    right: -20px !important;
    top: 12px !important;
  }

  .internet-privacy .two_one .boxes .left .up .content,
  .internet-privacy .two_one .boxes .left .down .content {
    width: 100% !important;
  }

  .anonymous-ip .two_card_full_width .card_full_width {
    height: 320px !important;
  }

  .anonymous-ip .two_card_full_width .card_full_width .card_img {
    height: 260px !important;
  }

  .anonymous-ip .four_big_card .item.third .image,
  .anonymous-ip .four_big_card .item.fourth .image {
    height: 250px !important;
  }

  .conceal-identity .two_card_double_bg_check .left_box,
  .conceal-identity .two_card_double_bg_check .right_box {
    width: 48% !important;
    height: auto !important;
  }

  .conceal-identity .two_card_double_bg_check .left_box {
    padding: 20px !important;
  }

  .conceal-identity .two_card_double_bg_check .left_box .text_item {
    width: 100% !important;
  }

  .conceal-identity .two_card_double_bg_check .left_box .text_item p {
    width: 86% !important;
    font-size: 12px !important;
    line-height: 20px !important;
  }

  .conceal-identity
    .two_card_double_bg_check
    .left_box
    .text_item:not(:last-child) {
    margin-bottom: 18px !important;
  }

  .conceal-identity .two_card_double_bg_check .right_box {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .conceal-identity .two_card_double_bg_dot .left_box .line {
    height: 389px !important;
    top: 46px !important;
  }

  .conceal-identity .two_card_double_bg_dot .left_box .line .dot-2 {
    top: 188px !important;
  }

  .conceal-identity .two_card_double_bg_dot .left_box .line .dot-3 {
    top: 383px !important;
  }

  .prevent-tracking .two_card_double_bg_dot .left_box .line {
    height: 400px !important;
    top: 48px !important;
  }

  .prevent-tracking .two_card_double_bg_dot .left_box .line .dot-2 {
    top: 127px !important;
  }

  .prevent-tracking .two_card_double_bg_dot .left_box .line .dot-3 {
    top: 260px !important;
  }

  .prevent-tracking .two_card_double_bg_dot .left_box .line .dot-4 {
    top: 395px !important;
  }

  .prevent-tracking
    .double_big_card_revers
    .two_card_double_bg_dot
    .left_box
    .line {
    height: 622px !important;
    top: 48px !important;
  }

  .prevent-tracking
    .double_big_card_revers
    .two_card_double_bg_dot
    .left_box
    .line
    .dot-2 {
    top: 206px !important;
  }

  .prevent-tracking
    .double_big_card_revers
    .two_card_double_bg_dot
    .left_box
    .line
    .dot-3 {
    top: 420px !important;
  }

  .prevent-tracking
    .double_big_card_revers
    .two_card_double_bg_dot
    .left_box
    .line
    .dot-4 {
    top: 615px !important;
  }

  .what-is-vpn .double_welcome .welcome_banner .text_button {
    width: 46% !important;
  }

  .what-is-vpn .four_big_card .wrapper .item.fourth .image {
    height: 276px !important;
  }

  .what-is-vpn .two_card_double_bg_dot .left_box .line {
    height: 441px !important;
    top: 49px !important;
  }

  .what-is-vpn .two_card_double_bg_dot .left_box .line .dot-2 {
    top: 144px !important;
  }

  .what-is-vpn .two_card_double_bg_dot .left_box .line .dot-3 {
    top: 298px !important;
  }

  .what-is-vpn .two_card_double_bg_dot .left_box .line .dot-4 {
    top: 432px !important;
  }

  .online-security .two_card_double_bg_dot .left_box .line {
    height: 346px !important;
    top: 49px !important;
  }

  .online-security .two_card_double_bg_dot .left_box .line .dot-2 {
    top: 165px !important;
  }

  .online-security .two_card_double_bg_dot .left_box .line .dot-3 {
    top: 338px !important;
  }

  .vpn-encryption .two_card_double_bg_check .left_box,
  .vpn-encryption .two_card_double_bg_check .right_box {
    width: 48% !important;
    height: auto !important;
  }

  .vpn-encryption .two_card_double_bg_check .left_box {
    padding: 20px !important;
  }

  .vpn-encryption .two_card_double_bg_check .left_box .text_item {
    width: 100% !important;
  }

  .vpn-encryption .two_card_double_bg_check .left_box .text_item p {
    width: 86% !important;
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .vpn-encryption
    .two_card_double_bg_check
    .left_box
    .text_item:not(:last-child) {
    margin-bottom: 18px !important;
  }

  .vpn-encryption .two_card_double_bg_check .right_box {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .vpn-encryption .big_box {
    padding: 40px !important;
    height: auto !important;
  }

  .vpn-encryption .big_box .line {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .vpn-encryption .big_box .line .item {
    margin-bottom: 16px;
  }

  .vpn-encryption .big_box .line .item:nth-child(n + 3) {
    margin-right: 14px !important;
  }

  .vpn-encryption .two_card_double_bg_dot .left_box .line {
    top: 48px !important;
    height: 426px !important;
  }

  .vpn-encryption .two_card_double_bg_dot .left_box .line .dot-2 {
    top: 206px !important;
  }

  .vpn-encryption .two_card_double_bg_dot .left_box .line .dot-3 {
    top: 419px !important;
  }

  .hide-your-ip .two_card_double_bg_dot .left_box .line {
    top: 47px !important;
    height: 525px !important;
  }

  .hide-your-ip .two_card_double_bg_dot .left_box .line .dot-2 {
    top: 167px !important;
  }

  .hide-your-ip .two_card_double_bg_dot .left_box .line .dot-3 {
    top: 365px !important;
  }

  .hide-your-ip .two_card_double_bg_dot .left_box .line .dot-4 {
    top: 517px !important;
  }

  .hide-your-ip .double_big_card .card_full_width_button_link {
    margin-bottom: 0 !important;
  }

  .hide-your-ip .double_big_card .card_full_width_button_link .container {
    padding: 0 !important;
  }

  .pricing.step1 .container .steps .one,
  .pricing.step1 .container .steps .two {
    width: 49% !important;
  }

  .pricing.step1 .container .content .title .first {
    margin-bottom: 0 !important;
  }

  .pricing.step1 .container .content .cards {
    flex-direction: column;
  }

  .pricing.step1 .container .content .cards .item {
    width: auto !important;
    height: auto !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-repeat: no-repeat;
  }

  .pricing.step1 .container .content .cards .item .head {
    margin-bottom: 0;
    width: 47%;
  }

  .pricing.step1 .container .content .cards .item .head .info {
    width: 100% !important;
  }

  .pricing.step1 .container .content .cards .item .head .info .count {
    width: auto !important;
  }

  .pricing.step1 .container .content .cards .item .head::after {
    display: none;
  }

  .pricing.step1 .container .content .cards .item .list {
    margin-top: 0 !important;
  }

  .pricing.step1 .container .content .cards .premium {
    margin-bottom: 20px !important;
  }

  .pricing.step1 .container .content .cards .info {
    display: flex;
    width: auto !important;
    height: auto !important;
    margin-bottom: 20px;
    justify-content: space-between;
  }

  .pricing.step1 .container .content .cards .info p {
    width: 50% !important;
    margin-bottom: 0 !important;
    font-size: 22px !important;
  }

  .pricing.step2 .bg {
    width: 100% !important;
  }

  .pricing.step2 .container .steps .one,
  .pricing.step2 .container .steps .two {
    width: 49% !important;
  }

  .pricing.step2 .content {
    position: relative;
  }

  .pricing.step2 .content .maincolum {
    padding-top: 264px;
    width: 100% !important;
    margin-right: 0 !important;
  }

  .pricing.step2 .container .content .leftbar_wrap .leftbar {
    left: 0;
    top: 0;
    margin-top: 0 !important;
  }

  .pricing.step2 .content .maincolum .email_field {
    width: 100% !important;
  }

  .pricing.step2
    .content
    .maincolum
    .payment_method
    .card_method
    .metod_content
    form {
    width: 100% !important;
  }

  .pricing.step2
    .content
    .maincolum
    .payment_method
    .card_method
    .metod_content
    form
    .number_row {
    width: 100% !important;
  }

  .pricing.step2 .content .leftbar {
    position: absolute;
    width: 100% !important;
    height: auto !important;
  }

  .pricing.step2 .content .leftbar .mid {
    border-bottom: 1px solid rgba(24, 27, 40, 0.3019607843);
  }

  .pricing.step2 .content .leftbar .mid::after {
    display: none;
  }

  .faq .home .container .banner {
    padding-top: 80px !important;
  }

  .faq .answers {
    width: calc(100% - 60px) !important;
  }

  .what-is-my-ip .double_welcome h3 {
    text-align: start !important;
  }

  .what-is-my-ip .location .location_info .details,
  .what-is-my-ip .hide_data .location_info .details {
    width: 49% !important;
    height: auto !important;
    padding: 21px !important;
  }

  .what-is-my-ip .location .location_info .details .ip,
  .what-is-my-ip .hide_data .location_info .details .ip {
    margin-bottom: 12px !important;
    font-size: 20px !important;
  }

  .what-is-my-ip .location .location_info .details .det_item,
  .what-is-my-ip .hide_data .location_info .details .det_item {
    margin-bottom: 10px !important;
  }

  .what-is-my-ip .location .location_info .details .det_item .name,
  .what-is-my-ip .hide_data .location_info .details .det_item .name,
  .what-is-my-ip .location .location_info .details .det_item .value,
  .what-is-my-ip .hide_data .location_info .details .det_item .value {
    font-size: 14px !important;
  }

  .what-is-my-ip
    .location
    .location_info
    .details
    .det_item:not(:last-child):after,
  .what-is-my-ip
    .hide_data
    .location_info
    .details
    .det_item:not(:last-child):after {
    bottom: -6px !important;
    width: 100%;
    float: left;
    content: ' ';
    height: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='496' height='1' viewBox='0 0 496 1' fill='none'%3E%3Cline x1='4.37114e-08' y1='0.5' x2='496' y2='0.500043' stroke='%23181B28' stroke-opacity='0.2' stroke-dasharray='5 5'/%3E%3C/svg%3E");
  }

  .what-is-my-ip .location .location_info .map,
  .what-is-my-ip .hide_data .location_info .map {
    width: 49% !important;
    height: auto !important;
  }

  .what-is-my-ip .three_steps .steps .step-1 div,
  .what-is-my-ip .three_steps .steps .step-2 div,
  .what-is-my-ip .three_steps .steps .step-3 div {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .what-is-my-ip .hide_data {
    margin-bottom: 0 !important;
  }

  .what-is-my-ip .hide_data .premium .container {
    padding: 0 !important;
  }

  .what-is-my-ip .one_full_width_card .card_full_width .card_content {
    height: auto !important;
  }

  .what-is-my-ip .one_full_width_card .card_full_width .card_img {
    background-color: transparent !important;
  }

  .what-is-my-ip .ipv4_6 .versions .vers {
    width: 49% !important;
    height: auto !important;
    padding: 26px !important;
  }

  .what-is-my-ip .ipv4_6 .versions .vers .title {
    font-size: 22px !important;
  }

  .what-is-my-ip .ipv4_6 .versions .vers .text {
    font-size: 14px !important;
  }

  .what-is-my-ip .one_full_width_card_modified .card_full_width .card_img {
    background-color: transparent !important;
  }

  .access-content section.double_welcome .container .welcome_banner {
    margin-top: 0 !important;
  }

  .unblock-websites .two_one .container .boxes .left .up,
  .unblock-websites .two_one .container .boxes .left .down {
    height: 305px !important;
  }

  .anonymous-ip .two_card_double_bg_dot .left_box .line {
    height: 374px !important;
  }

  .anonymous-ip .two_card_double_bg_dot .left_box .line .wrapp .dot-2 {
    top: 194px !important;
  }

  .anonymous-ip .two_card_double_bg_dot .left_box .line .wrapp .dot-3 {
    top: 366px !important;
  }

  .two_card_double_bg_check .left_box .lt,
  .two_card_double_bg_check .left_box .rb {
    height: 300px !important;
  }
}

@media (max-width: 767px) {
  @keyframes slideIn {
    0% {
      position: fixed;
      top: -200px;
    }

    100% {
      position: fixed;
      top: 0px;
    }
  }

  section {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 40px !important;
  }

  .container {
    width: 100% !important;
    padding: 0 20px;
    height: auto !important;
  }

  .navigation {
    display: none !important;
  }

  .burger_wrapper {
    display: flex !important;
    margin-right: 7px !important;
    width: 30px !important;
    height: 30px !important;
  }

  .burger_wrapper .burger {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
  }

  .logo {
    width: 30px !important;
    height: 30px !important;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M26.615 34H7.38498C3.30646 34 0 30.6935 0 26.615V7.38498C0 3.30646 3.30646 0 7.38498 0H26.615C30.6935 0 34 3.30646 34 7.38498V26.615C34 30.6935 30.6935 34 26.615 34Z' fill='url(%23paint0_linear_523_4878)'/%3E%3Cpath d='M12.5632 26.8093L8.84961 33.6401H26.8903L22.8462 26.8093L17.9603 26.0527L12.5632 26.8093Z' fill='%23DC2F2F'/%3E%3Cpath d='M17.7414 26.0746C22.8323 26.0746 26.9593 21.9476 26.9593 16.8566C26.9593 11.7657 22.8323 7.63867 17.7414 7.63867C12.6505 7.63867 8.52344 11.7657 8.52344 16.8566C8.52344 21.9476 12.6505 26.0746 17.7414 26.0746Z' stroke='white' stroke-width='3.96629' stroke-miterlimit='10'/%3E%3Cpath d='M13.4434 25.0469C14.1573 25.42 15.76 26.059 17.7034 26.0752C19.7292 26.0913 21.2452 25.4215 21.9635 25.0469' stroke='%23FFE7E7' stroke-width='3.96629' stroke-miterlimit='10'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_523_4878' x1='-0.771251' y1='27.2602' x2='34.7713' y2='6.73977' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ED6B2F'/%3E%3Cstop offset='1' stop-color='%23EB4642'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") !important;
  }

  .get-vpn {
    width: 100%;
    text-align: center;
    padding: 9px;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 24px;
  }

  header .container {
    justify-content: flex-start;
  }

  header .container .other_block {
    margin-left: auto;
  }

  header .container .other_block .language {
    margin-right: 10px;
  }

  header .container .other_block .nav-item.login {
    margin-right: 10px;
    font-size: 14px;
  }

  header .container .other_block .nav-item.language .language-code {
    font-size: 12px;
  }

  header .container .other_block .nav-item.language .list.language-list {
    max-height: 484px !important;
  }

  header
    .container
    .other_block
    .nav-item.language
    .list.language-list
    .lang_name {
    font-size: 12px !important;
    line-height: 12px !important;
  }

  header .container .other_block .get-vpn {
    font-size: 12px;
    padding: 4px 9px;
    width: auto;
    margin-bottom: 0;
  }

  header .container .other_block .user_account .user_email {
    display: none !important;
  }

  .shadow {
    width: 100vw !important;
  }

  .shadow .other_block {
    margin-left: auto !important;
  }

  .burger_wrapper_opened {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.06);
  }

  .burger_wrapper_opened .burger {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg style='enable-background:new 0 0 36 36;' version='1.1' viewBox='0 0 36 36' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ed6b2f;%7D .st1%7Bfill:none;stroke:%23222A30;stroke-width:2.0101;stroke-linejoin:round;stroke-miterlimit:10;%7D .st2%7Bfill:%23171715;%7D .st3%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23222A30;%7D%0A%3C/style%3E%3Cg id='Layer_1'/%3E%3Cg id='icons'%3E%3Cpath class='st0' d='M6.2,3.5L3.5,6.2c-0.7,0.7-0.7,1.9,0,2.7l9.2,9.2l-9.2,9.2c-0.7,0.7-0.7,1.9,0,2.7l2.6,2.6 c0.7,0.7,1.9,0.7,2.7,0l9.2-9.2l9.2,9.2c0.7,0.7,1.9,0.7,2.7,0l2.6-2.6c0.7-0.7,0.7-1.9,0-2.7L23.3,18l9.2-9.2 c0.7-0.7,0.7-1.9,0-2.7l-2.6-2.6c-0.7-0.7-1.9-0.7-2.7,0L18,12.7L8.8,3.5C8.1,2.8,6.9,2.8,6.2,3.5z' id='close_1_'/%3E%3C/g%3E%3C/svg%3E") !important;
  }

  .burger_menu {
    top: 65px !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 20px !important;
    max-height: 465px !important;
    overflow: scroll !important;
  }

  .burger_menu .nav-item {
    font-size: 16px !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    line-height: 46px !important;
  }

  .burger_menu .nav-item .list {
    position: relative !important;
    box-shadow: none !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1 !important;
    padding: 0 !important;
    padding-left: 15px !important;
    margin-bottom: 20px !important;
    flex-direction: column !important;
  }

  .burger_menu .nav-item .list .list-item {
    margin-bottom: 6px !important;
  }

  .burger_menu .nav-item .list .list-item .icon {
    width: 20px !important;
    height: 20px !important;
    margin-right: 5px !important;
    background-size: contain !important;
  }

  .burger_menu .nav-item .list .list-item p {
    font-size: 16px !important;
    line-height: 30px !important;
  }

  .burger_menu .nav-item .list .list-item .shevron {
    display: none !important;
  }

  .burger_menu .nav-item .list div:not(:last-child) {
    margin-right: 0px !important;
    min-width: fit-content !important;
    margin-bottom: 20px;
  }

  .burger_menu .vpn .list {
    left: 0px !important;
    flex-direction: column;
  }

  .burger_menu_opened {
    display: flex !important;
    width: calc(100% - 40px) !important;
  }

  .welcome .left {
    width: auto !important;
  }

  .welcome .left .first {
    margin-top: 10px !important;
    font-size: 40px !important;
    line-height: 50px !important;
    text-align: center !important;
  }

  .welcome .left .second {
    font-size: 40px !important;
    line-height: 50px !important;
    text-align: center !important;
    margin-bottom: 0 !important;
  }

  .welcome .left .desc {
    margin-top: 30px !important;
    font-size: 12px !important;
    line-height: 20px !important;
    text-align: center !important;
    margin-bottom: 14px !important;
  }

  .welcome .left .brand_row {
    justify-content: space-between !important;
  }

  .welcome .left .brand_row .brand_item {
    width: 34px !important;
    height: 34px !important;
  }

  .welcome .left .get-vpn {
    width: 100% !important;
    font-size: 14px !important;
    padding: 10px !important;
  }

  .welcome .right {
    display: none !important;
  }

  .second-bottom {
    width: 100%;
  }

  .trusted {
    display: none;
  }

  .protection .double {
    margin-bottom: 40px !important;
  }

  .protection .double .left {
    width: 100% !important;
    padding: 22px !important;
    height: 400px !important;
  }

  .protection .double .left .protect_item {
    margin-bottom: 8px !important;
  }

  .protection .double .left .protect_item .p_head {
    margin-bottom: 8px !important;
  }

  .protection .double .left .protect_item .p_head .name {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .protection .double .left .protect_item .p_head .icon {
    width: 22px !important;
    height: 22px !important;
    background-size: contain !important;
  }

  .protection .double .left .protect_item .text {
    font-size: 12px !important;
    line-height: 18px !important;
  }

  .protection .double .left .opened {
    height: 240px !important;
  }

  .protection .double .right {
    display: none !important;
  }

  .protection .single {
    height: auto !important;
    padding: 20px !important;
  }

  .protection .single .image {
    display: none !important;
  }

  .protection .single .content {
    width: 100% !important;
  }

  .protection .single .content h3 {
    text-align: center !important;
    font-size: 24px !important;
    line-height: 36px !important;
    margin-bottom: 24px !important;
  }

  .protection .single .content .get-vpn {
    width: 100% !important;
    text-align: center !important;
    padding: 9px !important;
    font-size: 14px !important;
    line-height: 18px !important;
    margin-bottom: 24px !important;
  }

  .protection .single .content .footer {
    width: 100% !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-top: 6px !important;
  }

  .protection .single .content .footer p {
    font-size: 14px !important;
    margin-right: 0 !important;
  }

  .protection .single .content .footer .brands .item:not(:last-child) {
    margin-right: 13px !important;
  }

  .solution .double {
    margin-bottom: 20px !important;
    flex-direction: column !important;
  }

  .solution .double .title_single {
    margin-bottom: 0 !important;
    margin: 0 auto;
  }

  .solution .double .title_single h3 {
    margin-bottom: 6px !important;
  }

  .solution .double p {
    width: 100% !important;
    font-size: 12px !important;
    line-height: 20px !important;
    text-align: center;
  }

  .solution .swiper {
    display: none !important;
  }

  .solution .sol_cards {
    display: flex !important;
  }

  .solution .sol_cards .item {
    width: 100% !important;
    height: auto !important;
  }

  .title_single {
    text-align: center !important;
    margin-bottom: 24px !important;
  }

  .title_single h3 {
    text-align: center !important;
    font-size: 22px !important;
    line-height: 30px !important;
  }

  .card_full_width {
    padding: 20px !important;
    flex-direction: column !important;
    height: auto !important;
  }

  .card_full_width .card_content {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 20px !important;
  }

  .card_full_width .card_content .card_title {
    font-size: 22px !important;
    line-height: 28px !important;
    margin-bottom: 12px !important;
    text-align: center !important;
  }

  .card_full_width .card_content .card_desc {
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center !important;
  }

  .card_full_width .card_content li {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .card_full_width .card_img {
    width: 100% !important;
    height: 160px !important;
    background-size: contain !important;
  }

  .multi_platform {
    padding: 20px !important;
    width: calc(100% - 40px) !important;
  }

  .multi_platform .container {
    padding: 0 !important;
  }

  .multi_platform .container .title_double {
    margin: 0 !important;
  }

  .multi_platform .container .title_double h3 {
    font-size: 26px !important;
    line-height: 33px !important;
  }

  .multi_platform .container .title_double p {
    font-size: 13px !important;
    line-height: 20px !important;
  }

  .multi_platform .container .image {
    position: relative !important;
    width: 100% !important;
    height: 185px !important;
    background-size: contain !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    background-position: center !important;
  }

  .howitworks .container {
    flex-direction: column !important;
  }

  .howitworks .container .left {
    margin-bottom: 20px !important;
  }

  .howitworks .container .left .up,
  .howitworks .container .left .down {
    width: 100% !important;
    padding: 20px !important;
    height: auto !important;
    flex-direction: column !important;
  }

  .howitworks .container .left .up .bg,
  .howitworks .container .left .down .bg {
    display: none !important;
  }

  .howitworks .container .left .up .content,
  .howitworks .container .left .down .content {
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  .howitworks .container .left .up .content .title,
  .howitworks .container .left .down .content .title {
    font-size: 22px !important;
    line-height: 28px !important;
    margin-bottom: 12px !important;
    text-align: center !important;
  }

  .howitworks .container .left .up .content .desc,
  .howitworks .container .left .down .content .desc {
    font-size: 14px !important;
    line-height: 20px !important;
    width: 100% !important;
  }

  .howitworks .container .left .up .img,
  .howitworks .container .left .down .img {
    margin: 0 !important;
    width: 100% !important;
    height: 160px !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  .howitworks .container .left .up .img span,
  .howitworks .container .left .down .img span {
    display: none !important;
  }

  .howitworks .container .left .down .img {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }

  .howitworks .container .right {
    padding: 20px !important;
    width: 100% !important;
    height: auto !important;
  }

  .howitworks .container .right .advantage {
    margin-bottom: 8px !important;
  }

  .howitworks .container .right .advantage div {
    width: 24px !important;
    height: 24px !important;
    background-size: contain !important;
  }

  .howitworks .container .right .advantage p {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .howitworks .container .right .get-vpn {
    width: 100% !important;
    text-align: center !important;
    padding: 9px !important;
    font-size: 14px !important;
    line-height: 18px !important;
    margin: 0 !important;
  }

  .sppedservers .wrapp {
    padding: 20px !important;
    height: auto !important;
    flex-direction: column !important;
  }

  .sppedservers .wrapp .content {
    width: 100% !important;
    margin: 0 !important;
  }

  .sppedservers .wrapp .content h3 {
    font-size: 26px !important;
    line-height: 33px !important;
  }

  .sppedservers .wrapp .content .quantity {
    justify-content: space-around !important;
  }

  .sppedservers .wrapp .content .quantity .left,
  .sppedservers .wrapp .content .quantity .right {
    margin: 0 !important;
  }

  .sppedservers .wrapp .content .quantity .left p,
  .sppedservers .wrapp .content .quantity .right p {
    font-size: 25px !important;
    line-height: 38px !important;
  }

  .sppedservers .wrapp .content .quantity .left span,
  .sppedservers .wrapp .content .quantity .right span {
    font-size: 14px !important;
    line-height: 8px !important;
    margin-bottom: 20px !important;
  }

  .sppedservers .wrapp .content .quantity .right div {
    width: 38px !important;
    height: 38px !important;
    background-size: contain !important;
  }

  .sppedservers .wrapp .img {
    width: 100% !important;
    height: 160px !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  .reviews {
    padding-top: 30px !important;
  }

  .reviews h3 {
    font-size: 30px !important;
    line-height: 40px !important;
    margin-bottom: 40px !important;
  }

  .reviews .swiper {
    width: calc(100% - 60px);
    margin: 0 auto;
  }

  .reviews .swiper .item {
    height: auto !important;
    padding: 15px !important;
  }

  .reviews .swiper .item .photo {
    /* width: 100% !important;
        height: 50px !important; */
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  .reviews .swiper .item .name {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .reviews .swiper .item .text {
    font-size: 12px !important;
    line-height: 14px !important;
  }

  .reviews .swiper-wrapper {
    margin-bottom: 46px !important;
  }

  .reviews .swiper-pagination {
    margin: 0 auto 34px !important;
  }

  .paymetods .item {
    width: 105px !important;
    height: 80px !important;
  }

  .premium .banner {
    padding: 20px !important;
    height: auto !important;
  }

  .premium .banner h3 {
    font-size: 34px !important;
    line-height: 36px !important;
    margin-bottom: 50px !important;
  }

  .premium .banner .elements {
    flex-direction: column !important;
    margin-bottom: 28px !important;
  }

  .premium .banner .elements .item {
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  .premium .banner .elements .item .head {
    font-size: 34px !important;
    line-height: 38px !important;
    margin-bottom: 16px !important;
  }

  .premium .banner .elements .item .title {
    font-size: 18px !important;
    line-height: 32px !important;
  }

  .premium .banner .elements .item .desc {
    font-size: 13px !important;
    line-height: 20px !important;
  }

  .premium .banner .get-vpn {
    width: 100% !important;
    display: block !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 9px !important;
    font-size: 14px !important;
  }

  footer {
    padding: 20px !important;
  }

  footer .container {
    padding: 0 !important;
  }

  footer .container .main {
    flex-direction: column !important;
  }

  footer .container .main .left {
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  footer .container .main .left h3 {
    text-align: center !important;
    font-size: 30px !important;
    line-height: 46px !important;
  }

  footer .container .main .left p {
    text-align: center !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  footer .container .main .left .img {
    width: 100% !important;
    background-size: contain !important;
    margin-top: 20px !important;
    height: 200px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  footer .container .main .right {
    width: 100% !important;
  }

  footer .container .main .right .footer-faq-item {
    padding: 8px 12px !important;
  }

  footer .container .main .right .footer-faq-item .head {
    align-items: center !important;
  }

  footer .container .main .right .footer-faq-item .head .title {
    font-size: 12px !important;
  }

  footer .container .main .right .footer-faq-item .head .cross {
    width: 16px !important;
    height: 16px !important;
    background-size: contain !important;
  }

  footer .container .main .right .footer-faq-item .text {
    font-size: 12px !important;
    line-height: 20px !important;
  }

  footer .container .bottom {
    margin: 0 !important;
    flex-direction: column !important;
  }

  footer .container .bottom .left {
    margin-bottom: 90px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  footer .container .bottom .left .img {
    margin-bottom: 20px !important;
  }

  footer .container .bottom .left p {
    width: 100% !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  footer .container .bottom .right {
    width: 100% !important;
    flex-wrap: wrap !important;
    padding: 0 20px;
    /* justify-content: center !important; */
  }

  footer .container .bottom .right .premium {
    margin-bottom: 80px !important;
  }

  footer .container .bottom .right div {
    /* margin: 0 20px !important; */
    width: 128px;
  }

  .faq .home .banner {
    padding: 20px !important;
    height: auto !important;
  }

  .faq .home .banner h3 {
    font-size: 32px !important;
    line-height: 44px !important;
  }

  .faq .home .banner p {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .faq .answers {
    width: calc(100% - 40px) !important;
  }

  .faq .answers .faq-item {
    padding: 8px 12px !important;
    margin-bottom: 10px !important;
  }

  .faq .answers .faq-item .head {
    align-items: center !important;
  }

  .faq .answers .faq-item .head .title {
    font-size: 12px !important;
  }

  .faq .answers .faq-item .head .cross {
    width: 16px !important;
    height: 16px !important;
    background-size: contain !important;
  }

  .faq .answers .faq-item .text {
    font-size: 12px !important;
    line-height: 20px !important;
  }

  .title_double {
    margin-bottom: 20px !important;
  }

  .title_double h3 {
    font-size: 26px !important;
    line-height: 36px !important;
    text-align: center !important;
    margin-bottom: 8px !important;
  }

  .title_double p {
    width: 100% !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .vpn-for-chrome .welcome_banner .title_double,
  .vpn-for-firefox .welcome_banner .title_double,
  .vpn-for-ios .welcome_banner .title_double,
  .vpn-for-opera .welcome_banner .title_double,
  .vpn-for-android .welcome_banner .title_double,
  .vpn-for-edge .welcome_banner .title_double {
    /* margin-bottom: 232px !important; */
  }

  .double_welcome .welcome_banner {
    padding: 20px !important;
    height: auto !important;
    width: 100% !important;
  }

  .double_welcome .welcome_banner .text_button {
    margin: 0 !important;
    width: 100% !important;
  }

  .double_welcome .welcome_banner .text_button .button_link {
    width: 100% !important;
    text-align: center !important;
    padding: 9px !important;
    font-size: 14px !important;
  }

  .double_welcome .welcome_banner .picture {
    display: none !important;
  }

  .double_welcome .welcome_banner .device {
    display: none !important;
    /* top: 180px !important;
        left: 50% !important;
        transform: translateX(-50%) !important; */
  }

  .double_welcome .container .welcome_banner .text_button .mob_device {
    display: block;
  }

  .double_welcome .welcome_banner .device_edge {
    top: 285px !important;
  }

  .double_welcome .welcome_banner .device_and {
    top: 245px !important;
  }

  .double_welcome .foot_banner {
    padding: 20px !important;
    height: auto !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .double_welcome .foot_banner .item {
    margin: 0 !important;
  }

  .double_welcome .foot_banner .item p {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  .double_welcome .foot_banner .item:not(:last-child) {
    margin-bottom: 5px !important;
  }

  .grab_your_device .container .title_double {
    margin-bottom: 20px !important;
  }

  .grab_your_device .container .variants {
    flex-wrap: wrap !important;
    justify-content: space-evenly !important;
    width: 100% !important;
  }

  .grab_your_device .container .variants .item {
    margin: 0 5px 10px 5px !important;
    width: 90px !important;
    height: 90px !important;
  }

  .three_steps_and_man .container {
    padding: 20px !important;
    flex-direction: column !important;
  }

  .three_steps_and_man .container .left {
    width: 100% !important;
    margin: 0 !important;
  }

  .three_steps_and_man .container .left .button_link {
    width: 100% !important;
    text-align: center !important;
    font-size: 14px !important;
    padding: 9px !important;
    margin-bottom: 20px !important;
  }

  .three_steps_and_man .container .left .picture {
    display: none !important;
  }

  .three_steps_and_man .container .right {
    /* width: 320px !important; */
    width: 100% !important;
    padding: 20px 20px 20px 26px !important;
    height: auto !important;
  }

  .three_steps_and_man .container .right .step {
    padding-left: 24px !important;
  }

  .three_steps_and_man .container .right .line {
    /* top: 35px !important;
        left: 25px !important;
        height: 281px !important; */
  }

  .three_steps_and_man .container .right .line .dot-2 {
    top: 140px !important;
  }

  .three_steps_and_man .container .right .line .dot-3 {
    top: 274px !important;
  }

  .three_steps_and_man .container .right .step .name {
    font-size: 12px !important;
    line-height: 20px !important;
    margin-bottom: 4px !important;
  }

  .three_steps_and_man .container .right .step h4 {
    font-size: 14px !important;
    line-height: 32px !important;
    margin: 0 !important;
  }

  .three_steps_and_man .container .right .step .text {
    font-size: 12px !important;
    line-height: 18px !important;
  }

  .experience .grid .grid_item {
    padding: 20px !important;
    width: 100% !important;
    height: auto !important;
  }

  .experience .grid .grid_item .icon {
    width: 36px !important;
    height: 36px !important;
    background-size: contain !important;
    margin-bottom: 10px !important;
  }

  .experience .grid .grid_item .title {
    font-size: 16px !important;
    line-height: 22px !important;
  }

  .experience .grid .grid_item .text {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .favorite_banner {
    margin-top: 80px !important;
  }

  .favorite_banner .wrap {
    padding: 20px !important;
    height: auto !important;
    width: 100% !important;
  }

  .favorite_banner .wrap .fav_picture {
    display: none !important;
  }

  .favorite_banner .wrap .content {
    width: 100% !important;
  }

  .favorite_banner .wrap .content h3 {
    text-align: center !important;
    font-size: 24px !important;
    line-height: 36px !important;
    margin-bottom: 24px !important;
  }

  .favorite_banner .wrap .content .get-vpn {
    width: 100% !important;
    text-align: center !important;
    padding: 9px !important;
    font-size: 14px !important;
    line-height: 18px !important;
    margin-bottom: 24px !important;
  }

  .favorite_banner .wrap .content .footer {
    width: 100% !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-top: 6px !important;
  }

  .favorite_banner .wrap .content .footer p {
    font-size: 14px !important;
    margin-right: 0 !important;
  }

  .favorite_banner .wrap .content .footer .brands .item:not(:last-child) {
    margin-right: 13px !important;
  }

  .four_big_card .item {
    padding: 20px !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
  }

  .four_big_card .item .head {
    font-size: 18px !important;
    line-height: 32px !important;
    margin-bottom: 6px !important;
  }

  .four_big_card .item .desc {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 20px !important;
  }

  .four_big_card .item .image {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 200px !important;
    background-size: contain !important;
  }

  .four_big_card .item:not(:last-child) {
    margin-bottom: 20px !important;
  }

  .use_netflix {
    padding: 20px !important;
    width: calc(100% - 40px) !important;
  }

  .use_netflix .container {
    padding: 0 !important;
  }

  .use_netflix .container .title_double {
    margin: 0 !important;
  }

  .use_netflix .container .title_double h3 {
    font-size: 26px !important;
    line-height: 33px !important;
  }

  .use_netflix .container .title_double p {
    font-size: 13px !important;
    line-height: 20px !important;
  }

  .use_netflix .container .image {
    position: relative !important;
    width: 100% !important;
    height: 185px !important;
    background-size: contain !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    background-position: center !important;
  }

  .card_full_width_button_link .box {
    padding: 20px !important;
  }

  .card_full_width_button_link .box .list {
    padding: 0 !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  .card_full_width_button_link .box .list .colum {
    margin: 0 !important;
  }

  .card_full_width_button_link .box .list .colum .item {
    margin-bottom: 12px !important;
  }

  .card_full_width_button_link .box .list .colum .item span {
    width: 24px !important;
    height: 24px !important;
    background-size: contain !important;
  }

  .card_full_width_button_link .box .list .colum .item p {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .card_full_width_button_link .box .button_link {
    width: 100% !important;
    text-align: center !important;
    padding: 9px !important;
    font-size: 14px !important;
    line-height: 18px !important;
    margin: 0 !important;
  }

  .vpn-for-chat-gpt .one_full_width_card_first .card_img,
  .vpn-for-chat-gpt .one_full_width_card_second .card_img {
    background-color: transparent !important;
  }

  .vpn-for-chat-gpt
    .two_double_big_card_modified
    .two_card_double_bg_dot.first
    .left_box
    .lt,
  .vpn-for-chat-gpt
    .two_double_big_card_modified
    .two_card_double_bg_dot.first
    .left_box
    .rb {
    display: none !important;
  }

  .two_double_big_card_modified .two_card_double_bg_dot {
    width: 100% !important;
  }

  .two_double_big_card_modified .two_card_double_bg_dot .left_box {
    margin: 0 !important;
    padding: 20px !important;
    width: 100% !important;
    display: block !important;
    height: auto !important;
  }

  .two_double_big_card_modified .two_card_double_bg_dot .left_box .text_item {
    width: 100% !important;
  }

  .two_double_big_card_modified
    .two_card_double_bg_dot
    .left_box
    .text_item
    h4 {
    font-size: 24px !important;
    line-height: 36px !important;
    text-align: center !important;
  }

  .two_double_big_card_modified .two_card_double_bg_dot .left_box .text_item p,
  .two_double_big_card_modified
    .two_card_double_bg_dot
    .left_box
    .text_item
    li {
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: center !important;
  }

  .two_double_big_card_modified
    .two_card_double_bg_dot
    .left_box
    .text_item
    li {
    text-align: start !important;
  }

  .two_double_big_card_modified .two_card_double_bg_dot .right_box {
    display: none !important;
  }

  .what-is-my-ip .location .location_info,
  .what-is-my-ip .hide_data .location_info {
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
  }

  .what-is-my-ip .location .location_info .details,
  .what-is-my-ip .hide_data .location_info .details {
    margin-bottom: 20px;
    width: 100%;
    padding: 20px;
    height: auto;
  }

  .what-is-my-ip .location .location_info .details .ip,
  .what-is-my-ip .hide_data .location_info .details .ip {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 18px;
  }

  .what-is-my-ip .location .location_info .details .ip span,
  .what-is-my-ip .hide_data .location_info .details .ip span {
    width: 26px;
    height: 26px;
    background-size: contain;
  }

  .what-is-my-ip .location .location_info .details .det_item .name,
  .what-is-my-ip .hide_data .location_info .details .det_item .name {
    font-size: 14px;
    line-height: 20px;
  }

  .what-is-my-ip .location .location_info .details .det_item .value,
  .what-is-my-ip .hide_data .location_info .details .det_item .value {
    font-size: 14px;
    line-height: 20px;
  }

  .what-is-my-ip
    .location
    .location_info
    .details
    .det_item:not(:last-child):after,
  .what-is-my-ip
    .hide_data
    .location_info
    .details
    .det_item:not(:last-child):after {
    width: 100%;
    bottom: -10px;
    content: ' ';
    height: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='496' height='1' viewBox='0 0 496 1' fill='none'%3E%3Cline x1='4.37114e-08' y1='0.5' x2='496' y2='0.500043' stroke='%23181B28' stroke-opacity='0.2' stroke-dasharray='5 5'/%3E%3C/svg%3E");
  }

  .what-is-my-ip .location .location_info .details .det_item:not(:last-child),
  .what-is-my-ip .hide_data .location_info .details .det_item:not(:last-child) {
    margin-bottom: 12px;
  }

  .what-is-my-ip .location .location_info .map,
  .what-is-my-ip .hide_data .location_info .map {
    width: 100%;
    height: 360px;
  }

  .what-is-my-ip .three_steps {
    padding: 40px 0 !important;
  }

  .what-is-my-ip .three_steps .steps {
    width: 100% !important;
  }

  .what-is-my-ip .three_steps .steps .road_map {
    transform: none !important;
    left: 0 !important;
    background-size: contain !important;
    height: 600px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  .what-is-my-ip .three_steps .steps .step-1,
  .what-is-my-ip .three_steps .steps .step-2,
  .what-is-my-ip .three_steps .steps .step-3 {
    width: 100% !important;
    margin: 0 !important;
    height: auto !important;
    padding-left: 70px !important;
    padding-top: 20px !important;
    flex-direction: column;
  }

  .what-is-my-ip .three_steps .steps .step-1 div,
  .what-is-my-ip .three_steps .steps .step-2 div,
  .what-is-my-ip .three_steps .steps .step-3 div {
    width: 160px !important;
    height: 100px !important;
    margin: 0 !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin-bottom: 20px !important;
  }

  .what-is-my-ip .three_steps .steps .step-1 p,
  .what-is-my-ip .three_steps .steps .step-2 p,
  .what-is-my-ip .three_steps .steps .step-3 p {
    text-align: center !important;
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .what-is-my-ip .three_steps .steps .step-1 {
    margin-bottom: 74px !important;
  }

  .what-is-my-ip .three_steps .steps .step-2 {
    flex-direction: column-reverse !important;
    margin-bottom: 80px !important;
  }

  .what-is-my-ip .hide_data .premium .container {
    width: 100% !important;
    padding: 0 !important;
  }

  .card_full_width .card_content {
    height: auto !important;
  }

  .ipv4_6 {
    margin-bottom: 20px !important;
  }

  .ipv4_6 .versions {
    flex-direction: column !important;
  }

  .ipv4_6 .versions .vers {
    padding: 20px !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 20px !important;
  }

  .ipv4_6 .versions .vers .title {
    font-size: 18px !important;
    margin-bottom: 0 !important;
  }

  .ipv4_6 .versions .vers .text {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .one_full_width_card_modified .card_full_width .card_img {
    background-color: transparent !important;
  }

  .pricing.step1 .bg {
    width: 100% !important;
  }

  .pricing.step1 .steps {
    margin-bottom: 50px !important;
    flex-direction: column !important;
  }

  .pricing.step1 .steps .one {
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 9px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  .pricing.step1 .steps .two {
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 9px !important;
    width: 100% !important;
  }

  .pricing.step1 .content .title {
    margin-bottom: 18px !important;
  }

  .pricing.step1 .content .title h3 {
    font-size: 32px !important;
    line-height: 26px !important;
  }

  .pricing.step1 .content .cards {
    flex-direction: column !important;
  }

  .pricing.step1 .content .cards .item {
    width: 100% !important;
    padding: 20px !important;
    height: auto !important;
  }

  .pricing.step1 .content .cards .item p {
    font-size: 16px !important;
    line-height: 26px !important;
    text-align: center !important;
    margin-bottom: 20px !important;
  }

  .pricing.step1 .content .cards .item .image {
    width: 100% !important;
    height: 160px !important;
    background-size: contain !important;
  }

  .pricing.step1 .content .cards .item.info {
    margin-bottom: 20px !important;
  }

  .pricing.step1 .content .cards .premium {
    margin-bottom: 20px !important;
  }

  .pricing.step1 .content .cards .item.premium .head,
  .pricing.step1 .content .cards .item.free .head {
    margin-bottom: 20px !important;
  }

  .pricing.step1 .content .cards .item.premium .head .title,
  .pricing.step1 .content .cards .item.free .head .title {
    margin: 0 !important;
    margin-bottom: 8px !important;
  }

  .pricing.step1 .content .cards .item.premium .head div.info,
  .pricing.step1 .content .cards .item.free .head div.info {
    width: 100% !important;
    height: auto !important;
    justify-content: flex-start !important;
    margin-bottom: 24px !important;
    align-items: center !important;
  }

  .pricing.step1 .content .cards .item.premium .head div.info .count,
  .pricing.step1 .content .cards .item.free .head div.info .count {
    margin: 0 !important;
    font-size: 20px !important;
  }

  .pricing.step1 .content .cards .item.premium .head div.info span,
  .pricing.step1 .content .cards .item.free .head div.info span {
    font-size: 13px !important;
    line-height: 23px !important;
  }

  .pricing.step1 .content .cards .item.premium .head div.info .label,
  .pricing.step1 .content .cards .item.free .head div.info .label {
    width: 106px !important;
    height: 28px !important;
    font-size: 12px !important;
    margin-left: auto !important;
  }

  .pricing.step1 .content .cards .item.premium .head a,
  .pricing.step1 .content .cards .item.free .head a {
    height: 40px !important;
    font-size: 14px !important;
  }

  .pricing.step1 .content .cards .item.premium .head::after,
  .pricing.step1 .content .cards .item.free .head::after {
    display: none;
  }

  .pricing.step1 .content .cards .item.premium .list,
  .pricing.step1 .content .cards .item.free .list {
    margin-top: 26px !important;
  }

  .pricing.step1 .content .cards .item.premium .list .list_item,
  .pricing.step1 .content .cards .item.free .list .list_item {
    margin-bottom: 8px !important;
  }

  .pricing.step1 .content .cards .item.premium .list .list_item .icon,
  .pricing.step1 .content .cards .item.free .list .list_item .icon {
    width: 22px !important;
    height: 22px !important;
  }

  .pricing.step1 .content .cards .item.premium .list .list_item p,
  .pricing.step1 .content .cards .item.free .list .list_item p {
    font-size: 14px !important;
    line-height: 22px !important;
    margin: 0 !important;
  }

  .pricing.step2 .bg {
    width: 100% !important;
  }

  .pricing.step2 .steps {
    margin-bottom: 30px !important;
    flex-direction: column !important;
  }

  .pricing.step2 .steps .one {
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 9px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  .pricing.step2 .steps .two {
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 9px !important;
    width: 100% !important;
  }

  .pricing.step2 .content {
    position: relative !important;
    padding-top: 215px !important;
  }

  .pricing.step2 .content .maincolum {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .pricing.step2 .content .maincolum .email_field {
    width: 100% !important;
    height: auto !important;
    padding: 20px !important;
  }

  .pricing.step2 .content .maincolum .email_field .head_row p {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .pricing.step2 .content .maincolum .email_field .head_row div {
    width: 24px !important;
    height: 24px !important;
    background-size: contain !important;
  }

  .pricing.step2 .content .maincolum .email_field input {
    height: auto !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  .pricing.step2 .content .maincolum .payment_method {
    width: 100% !important;
  }

  .pricing.step2 .content .maincolum .payment_method .title {
    font-size: 18px !important;
    margin-bottom: 8px !important;
    text-align: center !important;
  }

  .pricing.step2 .content .maincolum .payment_method .card_method {
    padding: 20px !important;
  }

  .pricing.step2 .content .maincolum .payment_method .card_method .method_head {
    width: 100% !important;
    position: relative !important;
    height: 40px !important;
  }

  .pricing.step2
    .content
    .maincolum
    .payment_method
    .card_method
    .method_head
    .name {
    /* position: absolute !important;
        top: 0 !important;
        right: 0 !important; */
    font-size: 14px !important;
  }

  .pricing.step2
    .content
    .maincolum
    .payment_method
    .card_method
    .method_head
    .icons {
    display: none;
    /* position: absolute !important;
        bottom: 0 !important;
        right: 0 !important; */
  }

  .pricing.step2
    .content
    .maincolum
    .payment_method
    .card_method
    .method_head
    .icons
    .icon {
    background-size: contain !important;
    margin-right: 10px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  .pricing.step2
    .content
    .maincolum
    .payment_method
    .card_method
    .method_head
    .icons
    .mc {
    width: 22px !important;
    height: 14px !important;
  }

  .pricing.step2
    .content
    .maincolum
    .payment_method
    .card_method
    .method_head
    .icons
    .vs {
    width: 32px !important;
    height: 12px !important;
  }

  .pricing.step2
    .content
    .maincolum
    .payment_method
    .card_method
    .method_head
    .icons
    .pp {
    width: 40px !important;
    height: 12px !important;
  }

  .pricing.step2
    .content
    .maincolum
    .payment_method
    .card_method
    .method_head
    .icons
    .gp {
    width: 38px !important;
    height: 12px !important;
  }

  .pricing.step2
    .content
    .maincolum
    .payment_method
    .card_method
    .method_head
    .icons
    .ap {
    width: 34px !important;
    height: 12px !important;
  }

  .pricing.step2 .content .maincolum .payment_method .crypto_method {
    padding: 20px !important;
  }

  .pricing.step2
    .content
    .maincolum
    .payment_method
    .crypto_method
    .method_head {
    width: 100% !important;
    position: relative !important;
    height: 40px !important;
  }

  .pricing.step2
    .content
    .maincolum
    .payment_method
    .crypto_method
    .method_head
    .name {
    font-size: 14px !important;
  }

  .pricing.step2
    .content
    .maincolum
    .payment_method
    .crypto_method
    .method_head
    .icons
    .icon {
    background-size: contain !important;
    margin-right: 10px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 12px !important;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content {
    margin-top: 0;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .email_field {
    margin-bottom: 0;
    padding: 10px !important;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .gird_container {
    margin-bottom: 0;
    padding: 10px !important;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .gird_container
    .coinGridItem {
    width: 60px;
    height: 60px;
    padding: 4px;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .gird_container
    .coinGridItem
    .title {
    font-size: 10px !important;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .gird_container
    .grid_footer {
    flex-direction: column;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .gird_container
    .grid_footer
    .button {
    font-size: 12px;
    padding: 4px 9px;
    width: 100%;
    margin-bottom: 24px;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .gird_container
    .grid_footer
    div {
    display: flex;
    margin-left: 0 !important;
    font-size: 14px;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .gird_container
    .grid_footer
    div
    .secure_text {
    font-size: 14px;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .payment_info {
    margin-top: 0;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .payment_info
    .qr_box {
    width: 100px;
    height: 100px;
    background-size: contain;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .payment_info
    .info_text {
    max-height: fit-content;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .payment_info
    .info_text
    .info_text_title {
    margin-bottom: 12px;
    text-align: center;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .payment_info
    .info_text
    .info_text_title
    .coins_name {
    font-size: 12px;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .payment_info
    .info_text
    .address_box,
  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .payment_info
    .info_text
    .amount_box {
    flex-direction: column;
    margin-bottom: 12px;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .payment_info
    .info_text
    .timeout {
    text-align: center;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .payment_info
    .info_text
    .checkout {
    text-align: center;
    font-size: 14px;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .payment_info
    button {
    font-size: 12px !important;
    padding: 4px 9px !important;
    width: 100% !important;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .crypto_method.opened
    .metod_content
    .paymetnInfoBanner
    .icon {
    background-position: center;
    background-repeat: no-repeat;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .stars_method
    .method_head
    .name {
    font-size: 14px !important;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .stars_method
    .method_head
    .icon.str {
    height: 12px !important;
    width: 12px !important;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .stars_method
    .metod_content
    .tg_title {
    font-size: 14px !important;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .stars_method
    .metod_content
    .open_tg_btn {
    padding: 4px 8px;
    font-size: 12px;
  }

  .pricing.step2
    .container
    .content
    .maincolum
    .payment_method
    .stars_method
    .metod_content
    .qrcode {
    width: 100px;
    height: 100px;
    background-size: contain;
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
  }

  .pricing.step2 .content .leftbar {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding: 20px !important;
    height: 195px !important;
  }

  .pricing.step2 .container .content .leftbar_wrap .leftbar {
    margin-top: 0;
  }

  .pricing.step2 .content .leftbar .head {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
  }

  .pricing.step2 .content .leftbar .head p {
    font-size: 14px !important;
  }

  .pricing.step2 .content .leftbar .head div {
    font-size: 12px !important;
    width: 86px !important;
    height: 28px !important;
  }

  .pricing.step2 .content .leftbar .mid {
    padding-bottom: 16px !important;
  }

  .pricing.step2 .content .leftbar .mid .mid-row {
    margin-bottom: 10px !important;
  }

  .pricing.step2 .content .leftbar .mid .mid-row .mid-title {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .pricing.step2 .content .leftbar .mid .mid-row .mid-price {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .pricing.step2 .content .leftbar .total {
    margin-top: 0 !important;
  }

  .pricing.step2 .content .leftbar .total .t-title {
    font-size: 18px !important;
  }

  .pricing.step2 .content .leftbar .total .t-count {
    font-size: 18px !important;
  }

  .cards_line_orang,
  .orange_grid {
    flex-direction: column !important;
    margin-bottom: 0;
  }

  .cards_line_orang .card,
  .orange_grid .card,
  .cards_line_orang .orange_card,
  .orange_grid .orange_card {
    width: 100% !important;
    height: auto !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
  }

  .cards_line_orang .card .icon,
  .orange_grid .card .icon,
  .cards_line_orang .orange_card .icon,
  .orange_grid .orange_card .icon {
    display: flow-root !important;
    float: left !important;
    margin-bottom: 5px !important;
    margin-right: 15px !important;
    width: 38px !important;
    height: 38px !important;
  }

  .cards_line_orang .card .title,
  .orange_grid .card .title,
  .cards_line_orang .orange_card .title,
  .orange_grid .orange_card .title {
    font-size: 20px !important;
  }

  .cards_line_orang .card .text,
  .orange_grid .card .text,
  .cards_line_orang .orange_card .text,
  .orange_grid .orange_card .text {
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: start !important;
  }

  .cards_line_white_blue {
    flex-direction: column !important;
    margin-bottom: 0 !important;
  }

  .cards_line_white_blue .card {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 20px !important;
  }

  .cards_line_white_blue .card .head {
    height: 100px !important;
  }

  .cards_line_white_blue .card .text {
    padding: 20px !important;
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .cards_line_orang {
    margin-bottom: 0 !important;
  }

  .superior .left_box {
    width: 100% !important;
    padding: 20px !important;
    height: auto !important;
    margin-right: 0 !important;
  }

  .superior .left_box .text_item {
    width: 100% !important;
    margin-bottom: 12px !important;
  }

  .superior .left_box .text_item p {
    width: fit-content !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .superior .right_box {
    display: none !important;
  }

  .two_one .boxes {
    margin-bottom: 20px !important;
    flex-direction: column;
  }

  .two_one .boxes .left .up,
  .two_one .boxes .left .down {
    padding: 20px !important;
    flex-direction: column !important;
    height: auto !important;
    width: 100% !important;
  }

  .two_one .boxes .left .up .content,
  .two_one .boxes .left .down .content {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
  }

  .two_one .boxes .left .up .content .title,
  .two_one .boxes .left .down .content .title {
    font-size: 22px !important;
    line-height: 28px !important;
    margin-bottom: 12px !important;
    text-align: center !important;
  }

  .two_one .boxes .left .up .content .desc,
  .two_one .boxes .left .down .content .desc {
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center !important;
  }

  .two_one .boxes .left .up .img,
  .two_one .boxes .left .down .img {
    width: 100% !important;
    height: 160px !important;
    background-size: contain !important;
    background-position: center;
    background-repeat: no-repeat;
  }

  .two_one .boxes .right {
    padding: 20px !important;
    width: 100% !important;
    height: auto !important;
  }

  .two_one .boxes .right .advantage {
    margin-bottom: 8px !important;
  }

  .two_one .boxes .right .advantage div {
    width: 24px !important;
    height: 24px !important;
    background-size: contain !important;
  }

  .two_one .boxes .right .advantage p {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .two_one .boxes .right .get-vpn {
    width: 100% !important;
    text-align: center !important;
    padding: 9px !important;
    font-size: 14px !important;
    line-height: 18px !important;
    margin: 0 !important;
  }

  .streaming-music .boxes .up .img,
  .streaming-music .boxes .down .img {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }

  .two_card_double_bg_dot {
    justify-content: center;
  }

  .two_card_double_bg_dot .left_box {
    /* width: 320px !important; */
    /* height: 476px !important; */
    padding: 20px 20px 20px 23px !important;
    margin-right: 0 !important;
  }

  .two_card_double_bg_dot .left_box .line {
    top: 25px !important;
    left: 22px !important;
    height: 318px !important;
  }

  .two_card_double_bg_dot .left_box .line .dot-2 {
    top: 154px !important;
  }

  .two_card_double_bg_dot .left_box .line .dot-3 {
    top: 307px !important;
  }

  .two_card_double_bg_dot .left_box .text_item {
    width: 100% !important;
    padding-left: 24px;
  }

  .two_card_double_bg_dot .left_box .text_item h4 {
    font-size: 16px !important;
    line-height: 20px !important;
    margin-bottom: 8px !important;
  }

  .two_card_double_bg_dot .left_box .text_item p {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .two_card_double_bg_dot .left_box .text_item:not(:last-child) {
    /* margin-bottom: 26px !important; */
    padding-bottom: 26px !important;
  }

  .two_card_double_bg_dot .left_box .text_item::before {
    top: 4px !important;
  }

  .two_card_double_bg_dot .right_box {
    display: none;
  }

  .two_card_double_bg_check .left_box {
    width: 100% !important;
    padding: 20px !important;
    height: auto !important;
    margin-right: 0 !important;
  }

  .two_card_double_bg_check .left_box .text_item {
    width: 100% !important;
    margin-bottom: 12px !important;
  }

  .two_card_double_bg_check .left_box .text_item p {
    width: fit-content !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .two_card_double_bg_check .right_box {
    display: none !important;
  }

  /* .conceal-identity .two_card_double_bg_dot .left_box {
        height: 580px !important;
    } */

  .conceal-identity .two_card_double_bg_dot .left_box .line {
    height: 367px !important;
    top: 31px !important;
  }

  .conceal-identity .two_card_double_bg_dot .left_box .line .dot-2 {
    top: 187px !important;
  }

  .conceal-identity .two_card_double_bg_dot .left_box .line .dot-3 {
    top: 362px !important;
  }

  .prevent-tracking .double_big_card .two_card_double_bg_dot .left_box {
    /* height: 530px !important; */
    height: fit-content;
  }

  .prevent-tracking .double_big_card .two_card_double_bg_dot .left_box .line {
    height: 381px !important;
    top: 31px !important;
  }

  .prevent-tracking
    .double_big_card
    .two_card_double_bg_dot
    .left_box
    .line
    .dot-2 {
    top: 127px !important;
  }

  .prevent-tracking
    .double_big_card
    .two_card_double_bg_dot
    .left_box
    .line
    .dot-3 {
    top: 260px !important;
  }

  .prevent-tracking
    .double_big_card
    .two_card_double_bg_dot
    .left_box
    .line
    .dot-4 {
    top: 375px !important;
  }

  .prevent-tracking .double_big_card_revers .two_card_double_bg_dot .left_box {
    /* height: 742px !important; */
    height: fit-content;
  }

  .prevent-tracking
    .double_big_card_revers
    .two_card_double_bg_dot
    .left_box
    .line {
    height: 582px !important;
    top: 31px !important;
  }

  .prevent-tracking
    .double_big_card_revers
    .two_card_double_bg_dot
    .left_box
    .line
    .dot-2 {
    top: 186px !important;
  }

  .prevent-tracking
    .double_big_card_revers
    .two_card_double_bg_dot
    .left_box
    .line
    .dot-3 {
    top: 380px !important;
  }

  .prevent-tracking
    .double_big_card_revers
    .two_card_double_bg_dot
    .left_box
    .line
    .dot-4 {
    top: 576px !important;
  }

  .what-is-vpn .two_card_double_bg_dot .left_box {
    /* height: 610px !important; */
    height: fit-content;
  }

  .what-is-vpn .two_card_double_bg_dot .left_box .line {
    height: 439px !important;
    top: 31px !important;
  }

  .what-is-vpn .two_card_double_bg_dot .left_box .line .dot-2 {
    top: 147px !important;
  }

  .what-is-vpn .two_card_double_bg_dot .left_box .line .dot-3 {
    top: 301px !important;
  }

  .what-is-vpn .two_card_double_bg_dot .left_box .line .dot-4 {
    top: 436px !important;
  }

  .online-security .two_card_double_bg_dot .left_box {
    /* height: 610px !important; */
    height: fit-content;
  }

  .online-security .two_card_double_bg_dot .left_box .line {
    height: 349px !important;
    top: 31px !important;
  }

  .online-security .two_card_double_bg_dot .left_box .line .dot-2 {
    top: 166px !important;
  }

  .online-security .two_card_double_bg_dot .left_box .line .dot-3 {
    top: 341px !important;
  }

  .vpn-encryption .double_big_card .button_link {
    width: 100% !important;
    margin-left: 0 !important;
    text-align: center !important;
    padding: 9px !important;
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .vpn-encryption .double_big_card .big_box {
    height: auto !important;
    padding: 20px !important;
  }

  .vpn-encryption .double_big_card .big_box .line {
    width: 100% !important;
    flex-wrap: wrap !important;
    justify-content: space-around !important;
  }

  .vpn-encryption .double_big_card .big_box .line .item {
    margin: 3px 0 !important;
  }

  .vpn-encryption .double_big_card_revers .two_card_double_bg_dot .left_box {
    /* height: 558px !important; */
    height: fit-content;
  }

  .vpn-encryption
    .double_big_card_revers
    .two_card_double_bg_dot
    .left_box
    .line {
    height: 363px !important;
    top: 32px !important;
  }

  .vpn-encryption
    .double_big_card_revers
    .two_card_double_bg_dot
    .left_box
    .line
    .dot-2 {
    top: 186px !important;
  }

  .vpn-encryption
    .double_big_card_revers
    .two_card_double_bg_dot
    .left_box
    .line
    .dot-3 {
    top: 360px !important;
  }

  .vpn-encryption
    .double_big_card_second
    .two_card_double_bg_check
    .left_box
    .lt,
  .vpn-encryption
    .double_big_card_second
    .two_card_double_bg_check
    .left_box
    .rb {
    height: 233px;
  }

  .hide-your-ip .two_card_double_bg_dot .left_box {
    /* height: 649px !important; */
    height: fit-content;
  }

  .hide-your-ip .two_card_double_bg_dot .left_box .line {
    height: 459px !important;
    top: 32px !important;
  }

  .hide-your-ip .two_card_double_bg_dot .left_box .line .dot-2 {
    top: 146px !important;
  }

  .hide-your-ip .two_card_double_bg_dot .left_box .line .dot-3 {
    top: 300px !important;
  }

  .hide-your-ip .two_card_double_bg_dot .left_box .line .dot-4 {
    top: 453px !important;
  }

  .hide-your-ip .card_full_width_button_link .container {
    padding: 0 !important;
  }

  .modal .box {
    width: calc(100% - 60px) !important;
  }

  .modal .box .head {
    margin-bottom: 20px !important;
  }

  .modal .box .head h4 {
    font-size: 18px !important;
  }

  .modal .fields_button form .email-label {
    margin-bottom: 12px !important;
  }

  .modal .box .fields_button form p.forgot {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .modal .box .fields_button form label input {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .modal .fields_button form button {
    padding: 9px !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .modal .box .sub_button {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .modal .login .sub_text {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  .install-benefits {
    margin-bottom: 0 !important;
  }

  .install-benefits .container {
    padding: 0;
  }

  .inner-install-page .premium-s {
    margin-top: 0 !important;
  }

  .premium-s .container {
    padding: 40px 20px !important;
  }

  .premium-s ul {
    flex-direction: column;
  }

  .premium-s ul li {
    width: 100%;
  }

  .btn.install {
    padding: 15px 40px !important;
    font-size: 14px !important;
  }

  section.platforms .container {
    padding: 0 !important;
  }

  section.platforms .info {
    margin-top: 0 !important;
  }

  section.platforms .info img {
    max-width: 160px !important;
  }

  .vpn-for-netflix .three_steps_and_man .container .right .line {
    height: 266px !important;
  }

  .vpn-for-netflix .three_steps_and_man .container .right .line .dot-2 {
    top: 120px !important;
  }

  .vpn-for-netflix .three_steps_and_man .container .right .line .dot-3 {
    top: 257px !important;
  }

  .access-content section.double_welcome .container .welcome_banner {
    margin-top: 0 !important;
  }

  .anonymous-ip .two_card_double_bg_dot .left_box {
    /* height: 514px !important; */
  }

  .anonymous-ip .two_card_double_bg_dot .left_box .line {
    height: 355px !important;
  }

  .anonymous-ip .two_card_double_bg_dot .left_box .line .wrapp .dot-2 {
    top: 173px !important;
  }

  .anonymous-ip .two_card_double_bg_dot .left_box .line .wrapp .dot-3 {
    top: 348px !important;
  }

  .contact-page form input,
  .contact-page form textarea {
    min-width: 300px !important;
    width: 100% !important;
  }

  .contact-page h1 {
    font-size: 32px !important;
  }

  .content-page h1 {
    font-size: 32px !important;
  }
}