@media screen and (max-width: 1150px) {
    .home .content .content_wrap {
        margin: 50px 30px;
   }
}
@media screen and (max-width: 1100px) {
    .content .content_wrap {
        margin: 50px 30px;
   }
    .home .content {
        width: 100%;
   }
    .home .content .container {
        max-width: 100%;
   }
    .home .content .content_wrap {
        margin: 30px 20px;
        margin-top: 10px;
   }
    .home .sidebar {
        display: none;
   }
    .home .content .head {
        display: none;
   }
    .home .content .mobile_head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0px 20px;
   }
    .home .content h1 {
        font-size: 38px;
        margin-bottom: 20px;
        max-width: unset;
        margin-top: 105px;
   }
   /* Partners */
    .partners {
        max-width: 100%;
   }
    .partners h4 {
   }
    .partners .list {
   }
    .partners .list img {
   }
    .panel-info {
        max-width: fit-content;
        margin-left: 0;
   }
}
@media screen and (max-width: 1050px) {
   /* Default */
    .content {
        width: 100%;
   }
    .payments .content .container {
        max-width: 100%;
   }
    .content .content_wrap {
        margin: 30px 20px;
        margin-top: 10px;
   }
    .content h1 {
        font-size: 34px;
        margin-bottom: 20px;
        max-width: unset;
        margin-top: 105px;
   }
    .sidebar {
        display: none;
   }
    .content .head {
        display: none;
   }
    .content .mobile_head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0px 20px;
   }
   /* Desktop Pro */
    .desktop .content .container {
        max-width: 100%;
   }
    .desktop .content .container .panel-2 .token-wrapper {
   }
   /* Screenshots */
    .screenshots .content .container .panel-files .screenshot:hover .img_wrap .links {
        display: none;
   }
   /* Delete Account */
    .delete .content .container {
        max-width: 100%;
   }
   /* Subscription */
    .subscription .container {
        max-width: 100%;
   }
}
@media screen and (max-width: 850px) {
   /* Default */
    .content .mobile_head .menu_wrap .menu-wider-screen li {
        font-size: 13px;
   }
   /* Delete */
    .delete .content .container .panel-1 h2 {
   }
   /* Home */
    .home .content .container {
        display: flex;
        flex-wrap: wrap;
   }
    .home .content .container .panel-1 {
       width: 100%;
   }
    .home .content .container .panel-2 {
        width: 100%;
   }
   /* Desktop Pro */
    .desktop .content .container {
        display: flex;
        flex-wrap: wrap;
   }
    .desktop .content .container .panel-1, .desktop .content .container .panel-2 ,.desktop .content .container .panel-3, .desktop .content .container .panel-4 {
        width: calc(100% - 48px);
        max-width: 100%;
   }
    .desktop .content .container .panel-3 .download-wrapper {
        flex-wrap: wrap;
   }
    .desktop .content .container .panel-3 .download-wrapper .versions {
        width: 100%;
   }
    .desktop .content .container .panel-3 .download-wrapper .info {
        width: 100%;
        justify-content: start;
        margin-top: 20px;
   }
   /* Screenshots */
    .screenshots .content .container .panel-files .screenshot {
        width: calc(25% - 9px);
        margin-bottom: 10px;
   }
    .screenshots .content .container .panel-files .screenshots-bar h4 {
        font-size: 15px;
   }
    .screenshots .content .container .panel-files .screenshots {
        margin-bottom: 40px;
   }
    .screenshots .content .container .panel-files .screenshot p {
        font-size: 14px;
   }
}
@media screen and (max-width: 780px) {
   /* Default */
    .panel-default {
        padding: 10px 15px;
        flex-wrap: wrap;
   }
    .content .mobile_head .menu_wrap .mobile_menu .menu-full li {
        font-size: 17px;
        margin-bottom: 15px;
        font-weight: 500;
   }
    .content .mobile_head .menu_wrap .mobile_menu {
        width: calc(100vw - 45px);
   }
    .content .mobile_head .menu_wrap .mobile_menu button {
        font-size: 14px;
        padding: 13px 20px;
   }
   /* Payments */
    .payments .content .container .panel-2 {
        display: flex;
        flex-wrap: wrap;
   }
    .payments .content .container .panel-2 .info {
       width: 100%;
   }
    .payments .content .container .panel-2 .plans {
        width: 100%;
   }
    .payments .content .container .panel-2 .info ul {
        display: none;
   }
    .payments .content .container .panel-2 .plan ul.normal {
        display: none;
   }
    .payments .content .container .panel-2 .plan ul.mobile {
        display: block;
   }
    .payments .content .container .panel-2 .plan li:nth-child(1n) {
        font-size: 13px;
        padding-left: 29px;
        height: 31px;
   }
    .payments .content .container .panel-2 .plan li img {
        left: 11px;
        width: 11px;
   }
    .payments .content .container .panel-2 .plan {
       width: 32%;
   }
    .payments .content .container .panel-2 .info h3 {
        margin-top: 2px;
        margin-bottom: 15px;
        font-size: 16px;
   }
    .payments .content .container .panel-1 h4 {
        font-size: 13px;
   }
    .payments .content .container .panel-1 .high {
        font-size: 12px;
        margin-left: 5px;
   }
    .payments .content .container .panel-1 .api {
        margin-right: 25px;
   }
    .payments .content .container .panel-3 h3 {
        font-size: 16px;
   }
    .payments .content .container .panel-3 .option label {
        font-size: 15px;
   }
    .payments .content .container .panel-3 .option .quarterly-flag, .payments .content .container .panel-3 .option .biannually-flag {
        font-size: 11px;
   }
    .payments .content .container .panel-3 .option {
        margin-left: 20px;
   }
    .payments .content .container .panel-2 .plan button {
        padding: 10px 25px;
        padding-bottom: 9px;
   }
    .payments .content .container .action .total {
        font-size: 15px;
        padding: 6px 25px;
        padding-left: 20px;
   }
    .payments .content .container .action .subscribed {
        padding: 12px 25px;
        font-size: 14px;
   }
    .payments .content .container .action .subscribe {
        padding: 12px 25px;
   }
   /* Partners */
    .partners {
        flex-wrap: wrap;
   }
    .partners h4 {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
   }
    .partners .list {
        width: 100%;
        justify-content: space-between;
   }
    .partners .list img {
        max-width: 98.28px;
        max-height: 24.42px;
   }
    .partners-slide {
        display: block;
        margin-bottom: 40px;
   }
    .partners .list {
        display: none;
   }
    .splide, .partners {
        width: 100vw;
        max-width: unset;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
   }
    .splide__slide {
        text-align: center;
        margin-right: 30px !important;
        display: flex;
        align-items: center;
   }
}
@media screen and (max-width: 720px) {
    .payments .content .container .panel-2 .plans {
        flex-wrap: wrap;
   }
    .payments .content .container .panel-2 .plan {
       width: 100%;
       margin-bottom: 30px;
   }
    .payments .content .container .action {
        align-items: start;
        justify-content: center;
        margin-top: 50px;
   }
    .payments .content .container .panel-3 .pricing-options {
        width: 100%;
   }
    .payments .content .container .panel-3 .pricing-options {
        margin-top: 20px;
   }
    .payments .content .container .panel-3 .pricing-options {
        flex-wrap: wrap;
   }
    .payments .content .container .panel-3 .option {
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
   }
    .payments .content .container .panel-3 .option:first-child {
        margin-top: 0;
   }
    .payments .content .container .panel-3 .option .quarterly-flag, .payments .content .container .panel-3 .option .biannually-flag {
        padding: 1px 11px;
   }
    .payments .content .container .cancel_wrap {
        display: block;
        text-align: left;
   }
    .payments .content .container .cancel_wrap p {
        margin-top: 20px;
        margin-bottom: 27px;
        font-size: 15px;
        line-height: 20px;
   }
}
@media screen and (max-width: 650px) {
   /* Default */
    .content .mobile_head .menu_wrap .menu-wider-screen {
        display: none;
   }
   /* Home */
    .home .content .container .panel-2 {
        overflow: scroll;
   }
    .home .content .container .panel-2 table {
        min-width: 530px;
   }
    .desktop .content .container .panel-3 .top-wrapper p {
        position: relative;
        transform: unset;
        right: unset;
        top: unset;
        text-align: left;
        margin-bottom: 20px;
        margin-top: 6px;
   }
    .desktop .content .container .panel-3 .top-wrapper h4 {
        margin-bottom: 3px;
        line-height: 20px;
        margin-top: 5px;
   }
   /* Screenshots */
    .screenshots .content .container .panel-files .screenshot {
        width: calc(33.3% - 9px);
   }
    .screenshots .content .container .panel-files .screenshots {
   }
   /* Partners */
    .partners {
   }
    .partners h4 {
   }
    .partners .list {
   }
    .partners .list img {
        max-width: 90px;
        max-height: 20px;
   }
}
@media screen and (max-width: 499px) {
    .payments .content .container .panel-1 {
        flex-wrap: wrap;
        border: unset;
        padding: 0;
        align-items: center;
        justify-content: space-between;
   }
    .payments .content .container .panel-1 .api {
        width: 100%;
        margin: 0;
        border: 1px solid #d6d6d6;
        border-radius: 3px;
        padding: 7px 12px;
        padding-top: 9px;
   }
    .payments .content .container .panel-1 .high {
        padding: 3px 9px;
        padding-top: 5px;
   }
    .payments .content .container .panel-1 .expires {
       /* margin-top: 10px;
        */
        width: 100%;
        margin: 0;
        border: 1px solid #d6d6d6;
        border-radius: 3px;
        padding: 11px 12px;
        padding-top: 12px;
        margin-bottom: 12px;
        margin-top: 6px;
   }
   /* Home */
    .home .content .container .panel-1 {
        flex-wrap: wrap;
        border: unset;
        padding: 0;
        align-items: center;
        justify-content: space-between;
        background: unset;
   }
    .home .content .container .panel-1 .api {
        width: 100%;
        margin: 0;
        border: 1px solid #d6d6d6;
        border-radius: 3px;
        padding: 7px 12px;
        padding-top: 9px;
   }
    .home .content .container .panel-1 h4 {
        font-size: 13px;
   }
    .home .content .container .panel-1 .expires {
        width: 100%;
        margin: 0;
        border: 1px solid #d6d6d6;
        border-radius: 3px;
        padding: 11px 12px;
        padding-top: 12px;
        margin-bottom: 12px;
        margin-top: 6px;
   }
    .home .content .container .panel-1 .expires h4 {
        font-size: 13px;
   }
    .home .content .container .panel-1 .high {
        font-size: 12px;
        margin-left: 5px;
        padding: 3px 9px;
        padding-top: 5px;
   }
   /* Screenshots */
    .screenshots .content .container .panel-files .screenshot {
        width: calc(33.3% - 7px);
   }
}
@media screen and (max-width: 480px) {
    .content .content_wrap {
        margin: 30px 12px;
   }
    .content .mobile_head {
        margin: 0px 15px;
   }
    .content .mobile_head .menu_wrap .menu-button {
        margin-right: 0;
   }
   /* Payments */
    .payments .content .container .panel-2 .plan li:nth-child(1n) {
        height: 36px;
        font-size: 15px;
        padding-left: 40px;
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
   }
    .payments .content .container .panel-2 .plan li img {
        width: 13px;
        left: 15px;
   }
    .payments .content .container .panel-2 .plan li:nth-child(2n) {
        background-color: #fff;
   }
    .payments .content .container .panel-2 .plan ul.mobile {
        margin-bottom: 30px;
   }
    .payments .content .container .panel-2 .plan li:first-child {
        border-top: 1px solid #e5e5e5;
   }
    .payments .content .container {
        gap: 8px 10px;
   }
    .payments .content .container .panel-2 {
        border: unset;
        padding: 0;
   }
    .payments .content .container .panel-2 .info h3 {
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 18px;
   }
    .payments .content .container .panel-3 {
        border: unset;
        padding: 0;
   }
    .payments .content .container .panel-3 .option {
        width: 100%;
        margin: 0;
        border: 1px solid #d6d6d6;
        border-radius: 3px;
        padding: 9px 12px;
        padding-top: 10px;
        margin-bottom: 12px;
   }
    .payments .content .container .panel-3 .pricing-options {
        margin-top: 13px;
   }
    .payments .content .container .panel-2 .plan h2 {
        font-size: 26px;
   }
    .payments .content .container .panel-2 .plan button {
        padding: 13px 25px;
        font-size: 15px;
   }
    .payments .content .container .panel-3 h3 {
        font-size: 18px;
   }
    .payments .content .container .action_wrap {
        width: 100%;
        justify-content: space-between;
   }
   /* Home */
    .home .content .content_wrap {
        margin: 30px 12px;
   }
    .home .content .mobile_head {
        margin: 0px 15px;
   }
    .home .content .container .panel-2 h4 {
       margin-left: 14px;
       font-size: 14px;
   }
    .home .content .container .panel-2 table tr td:nth-child(1) {
       padding-left: 14px;
   }
    .home .content .container .panel-4 h4 {
       padding-left: 14px;
       padding-bottom: 25px;
       font-size: 14px;
   }
    .home .content .container .panel-4 .update .top h3 {
       font-size: 19px;
   }
    .home .content .container .panel-4 .update .text {
       margin-top: 7px;
       font-size: 14px;
       line-height: 16px;
   }
    .home .content .container .panel-4 .update .top .date {
       font-size: 14px;
   }
    .home .content .container .panel-4 .update .more {
        font-size: 13px;
   }
    .home .content .container .panel-4 .update_list_wrapper {
        padding-left: 14px;
        padding-right: 14px;
   }
   /* Subscription */
    .subscription .panel-default h2 {
       margin-bottom: 10px;
       margin-top: 15px;
       font-size: 25px;
   }
    .subscription .panel-default p {
        font-size: 15px;
        line-height: 23px;
   }
    .subscription .panel-1 .price {
       font-size: 17px;
   }
    .subscription .panel-1 p {
       font-size: 15px;
   }
    .subscription .panel-1 ul {
       font-size: 16px;
   }
    .subscription .panel-default button {
       font-size: 13px;
       padding-bottom: 12px;
       margin-top: 30px;
   }
    .subscription .panel-4 .row {
        padding-left: 16px;
        font-size: 15px;
   }
    .subscription .panel-4 h2 {
        padding-left: 15px;
        margin-top: 5px;
        margin-bottom: 15px;
   }
   /* Desktop Pro */
    .desktop .content .container {
        gap: 20px 0px;
   }
    .desktop .content .container .panel-default h4, .desktop .content .container .panel-3 .top-wrapper h4 {
       margin-bottom: 10px;
       margin-top: 10px;
       font-size: 20px;
   }
    .desktop .content .container .panel-4 h4 {
        margin-top: 15px;
   }
    .desktop .content .container .panel-1 p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 10px;
   }
    .desktop .content .container .panel-1, .desktop .content .container .panel-2, .desktop .content .container .panel-3, .desktop .content .container .panel-4 {
        width: 100%;
   }
    .desktop .content .container .panel-2 {
        width: calc(100% - 32px);
        position: relative;
   }
    .desktop .content .container .panel-2 .token-wrapper {
   }
    .desktop .content .container .panel-2 .token-wrapper button {
       font-size: 13px;
       padding: 8px 13px;
   }
    .desktop .content .container .panel-2 .token-wrapper.full-token button {
        width: 94px;
   }
    .desktop .content .container .panel-2 .token-wrapper .token {
       font-size: 14px;
   }
    .desktop .content .container .panel-2 .other {
   }
    .desktop .content .container .panel-2 .other .show {
       position: absolute;
       right: 20px;
       top: 27px;
   }
    .desktop .content .container .panel-2 .other p {
   }
    .desktop .content .container .panel-3 .top-wrapper p {
       font-size: 14px;
       margin-top: 0;
   }
    .desktop .content .container .panel-3 .download-wrapper .version {
   }
    .desktop .content .container .panel-3 .download-wrapper .version img {
   }
    .desktop .content .container .panel-3 .download-wrapper .version p {
       margin-left: 10px;
       font-size: 14px;
   }
    .desktop .content .container .panel-3 .download-wrapper .info {
       margin-top: 30px;
   }
    .desktop .content .container .panel-3 .download-wrapper .info p {
       font-size: 12px;
   }
    .desktop .content .container .panel-4 p {
        margin-top: 15px;
   }
   /* Screenshots */
    .screenshots .content .container .panel-files .screenshot {
        width: calc(50% - 5px);
   }
    .screenshots .content .container .panel-files .screenshots-bar h4 {
   }
    .screenshots .content .container .panel-files .screenshots-bar:first-child h4 {
        margin-top: 5px;
   }
    .delete .content .container .panel-1 button {
        width: 100%;
        padding: 13px 25px;
        font-size: 15px;
   }
    .delete .content .container .panel-1 h2 {
        font-size: 21px;
   }
    .delete .content .container .panel-1 p {
        font-size: 16px;
        line-height: 20px;
   }
    .payments .content .container .cancel_wrap .cancel {
        font-size: 15px;
        padding: 13px 35px;
   }
   /* Notifications */
    .panel-info {
       padding-left: 36px;
       padding-top: 17px;
       padding-right: 20px;
       padding-bottom: 14px;
   }
    .panel-info img {
       top: 15px;
       left: 9px;
       width: 7px;
   }
    .panel-info h4 {
       font-size: 17px;
       margin-top: 0;
   }
    .panel-info p {
       font-size: 15px;
   }
    .panel-info button {
       font-size: 11px;
       padding: 7px 13px;
       padding-top: 9px;
   }
   /* Popup */
    .popup {
        max-width: calc(95% - 50px);
   }
    .popup .head p {
        width: 100%;
        max-width: 100%;
   }
}