@media (max-width: 320px) {
    .header .nav,
    .menu-btn,
    .app-right-icon,
    .c-left-icon, .player-img, .man-img, .stat-divider-2 {
        display: none;
    }
    .header {
        justify-content: space-between;
    }
    .menu-icon, .sidebar, .first-section .left,
    .third-section .card-section,
    .section-9 .left-sec,
    .forth-section .app-preview,
    .footer .footer-links ul {
        display: block;
    }
    .menu-icon img{
        font-size: 32px;
        color: #fff;
        cursor: pointer;
    }
    .header{
        height: 70px;
    }
    .layout-design{
        padding: 0 4%;
    }
    .first-section .left,
    .third-section .section-title {
        padding-top: 0px;
    }
    .first-section .left .left-text,
    .section-9 .left-sec-text, 
    .section-9 .scanner {
        width: 100%;
        text-align: center;
    }
    .first-section h1,
    .footer ul {
        width: 100% !important;
    }
    .first-section .left .left-text h1,
    .third-section .section-title {
        font-size: 20px;
        margin-bottom: 0px;
    }
    .first-section .phone-image {
        width: 100%;
        margin-top: 20px;
        justify-content: center;
    }
    .first-section .phone-image img {
        width: 50%;
    }
    .second-section {
        display: flex;
        flex-wrap: wrap;
    }
    .second-section .stat-number,
    .forth-section .section-title,
    .section-8 h2,
    .section-10 h2,
    .section-11 h2 {
        font-size: 15px;
    }
    .third-section .card,
    .forth-section,
    .section-7 {
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    .forth-section .app-preview-icon,
    .section-5 .phone-icon,
    .section-6 .app-preview-icon,
    .section-7 .app-preview-icon {
        width: 40%;
    }
    .section-9 .scanner img {
        width: 30%;
    }
    .section-5 .phone-icon img,
    .section-6 .app-preview-content {
        padding-left: 20px;
    }
    .third-section .card h3,
    .forth-section .app-preview-text,
    .section-5 .app-preview-text,
    .section-6 .app-preview-text,
    .section-7 .app-preview-text,
    .section-10 .client-name,
    .footer .copy-right {
        font-size: 13px;
    }
    .second-section .stat-label, 
    .third-section .card p,
    .section-11 .faq-question,
    .footer .footer-links a,
    .section-10 .client-text,
    .forth-section .check-list li,
    .section-5 .check-list li,
    .section-6 .check-list li,
    .section-7 .check-list li {
        font-size: 12px;
    }
    .check-list, 
    .section-11 h2 {
        padding-top: 5px;
    }
    .section-7 .app-preview-icon img {
        padding-left: 10px;
    }
    .section-11 h2,
    .section-11 .item {
        padding-left: 0px;
    }
    .section-9 .heading-text .line {
        font-size: 15px;
        text-align: center;
    }
    .section-10 .testimonial-card {
        padding: 10px;
        min-width: 100%;
    }
    .section-10 .client-profile,
    .forth-section .section-title,
    .second-section, 
    .section-8 .left-text h2,
    .section-10 h2 {
        margin-bottom: 10px;
    }
    .second-section, 
    .section-9 .theme-btn {
        margin-top: 10px;
    }
    .forth-section .app-preview-content,
    .section-5 .phone-icon img, 
    .section-5 .app-preview-content,
    .section-6 .app-preview-content,
    .section-7 .app-preview-content {
        padding-left: 10px;
    }
    .check-list li img, .stars img {
        width: 10px;
    }
    .forth-section .app-preview,
    .section-5 .app-preview,
    .section-6 .app-preview,
    .section-7 .app-preview {
        display: flex;
    }
    .forth-section .app-preview-icon img,
    .forth-section h2,
    .section-5 .phone-icon img,
    .section-6 .app-preview-icon img,
    .section-7 .app-preview-icon img {
        width: 100%;
    }
    .forth-section .app-preview-content,
    .section-6 .app-preview-content {
        width: 55%;
    }
    .theme-btn {
        padding: 6px 9px;
        height: 35px;
        text-align: center;
        width: 50%;
        font-size: 12px;
        font-weight: 600;
        margin-left: 0px;
    }
    .section-10 .avatar img {
        width: 30px;
    }
    .third-section .card h3 {
        font-weight: 400;
    }
    .second-section .box {
        width: 49%;
        padding: 5px;
    }
    .third-section .card {
        padding: 10px;
    }
    .third-section .card-icon,
    .third-section .card h3 {
        margin-bottom: 10px;
    }
    .third-section .card p,
    .section-10 .client-text,
    .check-list li {
        line-height: 1.4;
    }
    .footer .footer-links {
        justify-content: normal;
    }
    .footer .footer-links ul li{
        border-bottom: 1px solid #2f2f30;
    }
    .first-section h1 {
        line-height: 28px;
    }
    .section-11 .faq-question {
        padding-right: 10px;
    }
    .faq-icon::after {
        font-size: 18px;
    }
    .stat-divider {
        height: 60px;
    }
    .footer .icon-box {
        width: 40px;
        height: 30px;
    }
    .footer .border-bottom,
    .footer .copy-right {
        padding-bottom: 25px;
    }

    /* Sidebar Default Hidden */
    .sidebar {
        position: fixed;
        left: -250px;
        top: 0;
        width: 250px;
        height: 100vh;
        background: #111;
        padding: 20px;
        transition: 0.3s ease;
        z-index: 999;
    }
    /* Sidebar Show When Checkbox Checked */
    #menu-toggle:checked ~ .sidebar {
        left: 0;
    }
    /* Sidebar Close Button */
    .sidebar .close-btn {
        font-size: 30px;
        color: #fff;
        cursor: pointer;
        display: block;
        text-align: right;
        margin-bottom: 20px;
    }
    .sidebar ul li {
        padding: 10px 0;
        border-bottom: 1px solid #2f2f30;
    }
    .sidebar ul li a {
        color: azure;
        font-size: 16px;
        text-decoration: none;
    }
    .sidebar .theme-btn {
        margin-top: 20px;
        width: 140px;
    }
    .footer li {
        padding: 5px 0px;
    }
    .first-section .left-text,
    .section-9 .left-sec-text {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    .section-10 .testimonial-container {
        margin: 0px 10px;
    }
    .third-section .card h3{
        margin-bottom: 5px;
    }
    .third-section,
    .forth-section .section-title {
        padding-top: 20px;
    }
    #highlight .left-text h2 {
        font-size: 15px;
    }
}

@media only screen and (min-width: 321px) and (max-width: 476px) {
        .header .nav,
    .menu-btn,
    .app-right-icon,
    .c-left-icon, .player-img, .man-img, .stat-divider-2 {
        display: none;
    }
    .header {
        justify-content: space-between;
    }
    .menu-icon, .sidebar, .first-section .left,
    .third-section .card-section,
    .section-9 .left-sec,
    .forth-section .app-preview,
    .footer .footer-links ul {
        display: block;
    }
    .menu-icon img{
        font-size: 32px;
        color: #fff;
        cursor: pointer;
    }
    .header{
        height: 70px;
    }
    .layout-design{
        padding: 0 4%;
    }
    .first-section .left,
    .third-section .section-title {
        padding-top: 0px;
    }
    .first-section .left .left-text,
    .section-9 .left-sec-text, 
    .section-9 .scanner {
        width: 100%;
        text-align: center;
    }
    .first-section h1,
    .footer ul {
        width: 100% !important;
    }
    .first-section .left .left-text h1,
    .third-section .section-title {
        font-size: 20px;
        margin-bottom: 0px;
    }
    .first-section .phone-image {
        width: 100%;
        margin-top: 20px;
        justify-content: center;
    }
    .first-section .phone-image img {
        width: 50%;
    }
    .second-section {
        display: flex;
        flex-wrap: wrap;
    }
    .second-section .stat-number,
    .forth-section .section-title,
    .section-8 h2,
    .section-10 h2,
    .section-11 h2 {
        font-size: 15px;
    }
    .third-section .card,
    .forth-section,
    .section-7 {
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    .forth-section .app-preview-icon,
    .section-5 .phone-icon,
    .section-6 .app-preview-icon,
    .section-7 .app-preview-icon {
        width: 40%;
    }
    .section-9 .scanner img {
        width: 30%;
    }
    .section-5 .phone-icon img,
    .section-6 .app-preview-content {
        padding-left: 20px;
    }
    .third-section .card h3,
    .forth-section .app-preview-text,
    .section-5 .app-preview-text,
    .section-6 .app-preview-text,
    .section-7 .app-preview-text,
    .section-10 .client-name,
    .footer .copy-right {
        font-size: 13px;
    }
    .second-section .stat-label, 
    .third-section .card p,
    .section-11 .faq-question,
    .footer .footer-links a,
    .section-10 .client-text,
    .forth-section .check-list li,
    .section-5 .check-list li,
    .section-6 .check-list li,
    .section-7 .check-list li {
        font-size: 12px;
    }
    .check-list, 
    .section-11 h2 {
        padding-top: 5px;
    }
    .section-7 .app-preview-icon img {
        padding-left: 10px;
    }
    .section-11 h2,
    .section-11 .item {
        padding-left: 0px;
    }
    .section-9 .heading-text .line {
        font-size: 15px;
        text-align: center;
    }
    .section-10 .testimonial-card {
        padding: 10px;
        min-width: 100%;
    }
    .section-10 .client-profile,
    .forth-section .section-title,
    .second-section, 
    .section-8 .left-text h2,
    .section-10 h2 {
        margin-bottom: 10px;
    }
    .second-section, 
    .section-9 .theme-btn {
        margin-top: 10px;
    }
    .forth-section .app-preview-content,
    .section-5 .phone-icon img, 
    .section-5 .app-preview-content,
    .section-6 .app-preview-content,
    .section-7 .app-preview-content {
        padding-left: 10px;
    }
    .check-list li img, .stars img {
        width: 10px;
    }
    .forth-section .app-preview,
    .section-5 .app-preview,
    .section-6 .app-preview,
    .section-7 .app-preview {
        display: flex;
    }
    .forth-section .app-preview-icon img,
    .forth-section h2,
    .section-5 .phone-icon img,
    .section-6 .app-preview-icon img,
    .section-7 .app-preview-icon img {
        width: 100%;
    }
    .forth-section .app-preview-content,
    .section-6 .app-preview-content {
        width: 55%;
    }
    .theme-btn {
        padding: 6px 9px;
        height: 35px;
        text-align: center;
        width: 50%;
        font-size: 12px;
        font-weight: 600;
        margin-left: 0px;
    }
    .section-10 .avatar img {
        width: 30px;
    }
    .third-section .card h3 {
        font-weight: 400;
    }
    .second-section .box {
        width: 49%;
        padding: 5px;
    }
    .third-section .card {
        padding: 10px;
    }
    .third-section .card-icon,
    .third-section .card h3 {
        margin-bottom: 10px;
    }
    .third-section .card p,
    .section-10 .client-text,
    .check-list li {
        line-height: 1.4;
    }
    .footer .footer-links {
        justify-content: normal;
    }
    .footer .footer-links ul li{
        border-bottom: 1px solid #2f2f30;
    }
    .first-section h1 {
        line-height: 28px;
    }
    .section-11 .faq-question {
        padding-right: 10px;
    }
    .faq-icon::after {
        font-size: 18px;
    }
    .stat-divider {
        height: 60px;
    }
    .footer .icon-box {
        width: 40px;
        height: 30px;
    }
    .footer .border-bottom,
    .footer .copy-right {
        padding-bottom: 25px;
    }

    /* Sidebar Default Hidden */
    .sidebar {
        position: fixed;
        left: -250px;
        top: 0;
        width: 250px;
        height: 100vh;
        background: #111;
        padding: 20px;
        transition: 0.3s ease;
        z-index: 999;
    }
    /* Sidebar Show When Checkbox Checked */
    #menu-toggle:checked ~ .sidebar {
        left: 0;
    }
    /* Sidebar Close Button */
    .sidebar .close-btn {
        font-size: 30px;
        color: #fff;
        cursor: pointer;
        display: block;
        text-align: right;
        margin-bottom: 20px;
    }
    .sidebar ul li {
        padding: 10px 0;
        border-bottom: 1px solid #2f2f30;
    }
    .sidebar ul li a {
        color: azure;
        font-size: 16px;
        text-decoration: none;
    }
    .sidebar .theme-btn {
        margin-top: 20px;
        width: 140px;
    }
    .footer li {
        padding: 5px 0px;
    }
    .first-section .left-text,
    .section-9 .left-sec-text {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    .section-10 .testimonial-container {
        margin: 0px 10px;
    }
    .third-section .card h3{
        margin-bottom: 5px;
    }
    .third-section,
    .forth-section .section-title {
        padding-top: 20px;
    }
    #highlight .left-text h2 {
        font-size: 15px;
    }
}


@media only screen and (min-width: 477px) and (max-width: 560px){
    .header .nav, .menu-btn{
        display: none;
    }
    .header {
        justify-content: space-between;
    }
    .menu-icon, .sidebar, .first-section .left,
    .third-section .card-section,
    .section-9 .left-sec {
        display: block;
    }
    .menu-icon img{
        font-size: 32px;
        color: #fff;
        cursor: pointer;
    }
    .header{
        height: 70px;
    }
    .layout-design{
        padding: 0 4%;
    }
    .first-section .left,
    .third-section .section-title {
        padding-top: 0px;
    }
    .first-section .left .left-text,
    .section-5 .phone-icon img,
    .section-9 .left-sec-text, 
    .section-9 .scanner{
        width: 100%;
        text-align: center;
    }
    .first-section h1{
        width: 100% !important;
    }
    .first-section .left .left-text h1,
    .third-section .section-title {
        font-size: 25px;
        margin-bottom: 0px;
    }
    .first-section .phone-image {
        width: 100%;
        margin-top: 20px;
        justify-content: center;
    }
    .first-section .phone-image img, 
    .section-5 .phone-icon {
        width: 50%;
    }
    .second-section .stat-number,
    .forth-section .section-title,
    .section-8 h2,
    .section-10 h2,
    .section-11 h2 {
        font-size: 20px;
    }
    .forth-section .section-title {
        padding-top: 30px;
    }
    .third-section .card,
    .forth-section,
    .section-7 {
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    .forth-section .app-preview-icon,
    .section-9 .scanner img {
        width: 40%;
    }
    .forth-section .app-preview-content,
    .section-5 .phone-icon img,
    .section-6 .app-preview-content {
        padding-left: 20px;
    }
    .third-section .card h3{
        font-size: 15px;
    }
    .third-section .card p,
    .forth-section .app-preview-text,
    .section-5 .app-preview-text,
    .section-6 .app-preview-text,
    .section-7 .app-preview-text {
        font-size: 13px;
    }
    .second-section .stat-label,
    .forth-section .check-list li,
    .section-5 .check-list li,
    .section-6 .check-list li,
    .section-7 .check-list li,
    .section-11 .faq-question,
    .footer .footer-links a {
        font-size: 12px;
    }
    .section-7 .app-preview-icon img,
    .section-7 .app-preview-content, 
    .section-11 h2{
        padding-left: 10px;
    }
    .section-9 .heading-text .line {
        font-size: 20px;
        text-align: center;
    }
    .section-10 .testimonial-card {
        padding: 10px;
        min-width: 100%;
    }
    .section-10 .client-profile{
        margin-bottom: 10px;
    }
    .footer .footer-links {
        gap: 10px;
    }
    .second-section .box,
    .third-section .card {
        padding: 10px;
    }
    .theme-btn {
        padding: 6px 9px;
        height: 35px;
        text-align: center;
        width: 200px;
        font-size: 12px;
        font-weight: 600;
        margin-left: 0px;
    }
    .third-section .card h3 {
        font-weight: 400;
    }
    .third-section .card p,
    .section-10 .client-text,
    .check-list li {
        line-height: 1.4;
    }
    .footer .icon-box {
        width: 40px;
        height: 30px;
    }
    .footer .border-bottom,
    .footer .copy-right {
       padding-bottom: 35px;
    }
    .section-11 .faq-question {
        padding-right: 10px;
    }

    /* Sidebar Default Hidden */
    .sidebar {
        position: fixed;
        left: -250px;
        top: 0;
        width: 250px;
        height: 100vh;
        background: #111;
        padding: 20px;
        transition: 0.3s ease;
        z-index: 999;
    }
    /* Sidebar Show When Checkbox Checked */
    #menu-toggle:checked ~ .sidebar {
        left: 0;
    }
    /* Sidebar Close Button */
    .sidebar .close-btn {
        font-size: 30px;
        color: #fff;
        cursor: pointer;
        display: block;
        text-align: right;
        margin-bottom: 20px;
    }
    .sidebar ul li {
        padding: 10px 0;
        border-bottom: 1px solid #2f2f30;
    }
    .sidebar ul li a {
        color: azure;
        font-size: 16px;
        text-decoration: none;
    }
    .sidebar .theme-btn {
        margin-top: 20px;
        width: 140px;
    }
    .first-section .left-text,
    .section-9 .left-sec-text {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    .section-10 .testimonial-container {
        margin: 0px 10px;
    }
    .third-section .card h3{
        margin-bottom: 5px;
    }
    .third-section,
    .forth-section .section-title {
        padding-top: 20px;
    }
    .check-list li img, .stars img {
        width: 13px;
    }
    #highlight .left-text h2 {
        font-size: 20px;
    }
}

@media only screen and (min-width: 561px) and (max-width: 768px) {
    .header .nav, .menu-btn{
        display: none;
    }
    .header {
        justify-content: space-between;
    }
    .menu-icon, .sidebar, .first-section .left, .section-9 .left-sec {
        display: block;
    }
    .menu-icon img{
        font-size: 32px;
        color: #fff;
        cursor: pointer;
    }
    .header{
        height: 70px;
    }
    .layout-design{
        padding: 0 7%;
    }
    .first-section .left,
    .third-section .section-title {
        padding-top: 0px;
    }
    .first-section .left .left-text,
    .section-9 .left-sec-text, 
    .section-9 .scanner,
    .section-9 .heading-text {
        width: 100%;
        text-align: center !important;
    }
    .first-section h1,
    .third-section .card {
        width: 100% !important;
    }
    .first-section .left .left-text h1 {
        font-size: 35px;
        margin-bottom: 10px;
    }
    .first-section .phone-image {
        width: 100%;
        margin-top: 20px;
        justify-content: center;
    }
    .first-section .phone-image img,
    .forth-section .app-preview-content,
    .forth-section .app-preview-icon,
    .section-5 .phone-icon,
    .section-7 .app-preview-content {
        width: 50%;
    }
    .third-section .card-section {
        grid-template-columns: repeat(auto-fit, minmax(250px, auto));
        gap: 10px;
        display: grid;
    }
    .third-section .section-title,
    .forth-section .section-title,
    .section-8 .left-text h2,
    .section-10 h2,
    .section-11 .app-preview-text,
    .second-section .stat-number {
        font-size: 25px;
    }
    .forth-section .app-preview-content,
    .section-5 .phone-icon,
    .section-6 .app-preview-content,
    .section-7  .app-preview-icon,
    .section-7 .app-preview-content {
        padding-left: 20px;
    }
    .second-section .stat-number,
    .forth-section .app-preview-text, 
    .section-5 .app-preview-text, 
    .section-6 .app-preview-text,
    .section-7 .app-preview-text,
    .section-9 .line {
        font-size: 20px;
    }
    .second-section .stat-label {
        font-size: 12px;
    }
    .forth-section .check-list li,
    .section-5 .check-list li, 
    .section-6 .check-list li,
    .section-7 .check-list li{
        font-size: 14px;
    }
    .section-10 .testimonial-card{
        min-width: 250px;
    }
    .theme-btn {
        padding: 10px 15px;
        height: 40px;
        text-align: center;
        width: 200px;
        font-size: 12px;
        font-weight: 600;
        margin-left: 0px;
    }
    .third-section .section-title {
        margin-bottom: 10px;
    }
    .third-section .card,
    .forth-section,
    .section-7 {
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    .section-9 .scanner img {
        width: 40%;
    }
    .section-11 .faq-question {
        padding-right: 20px;
    }
    .footer .border-bottom,
    .footer .copy-right {
       padding-bottom: 45px;
    }

    /* Sidebar Default Hidden */
    .sidebar {
        position: fixed;
        left: -250px;
        top: 0;
        width: 250px;
        height: 100vh;
        background: #111;
        padding: 20px;
        transition: 0.3s ease;
        z-index: 999;
    }
    /* Sidebar Show When Checkbox Checked */
    #menu-toggle:checked ~ .sidebar {
        left: 0;
    }
    /* Sidebar Close Button */
    .sidebar .close-btn {
        font-size: 30px;
        color: #fff;
        cursor: pointer;
        display: block;
        text-align: right;
        margin-bottom: 20px;
    }
    .sidebar ul li {
        padding: 10px 0;
        border-bottom: 1px solid #2f2f30;
    }
    .sidebar ul li a {
        color: azure;
        font-size: 16px;
        text-decoration: none;
    }
    .sidebar .theme-btn {
        margin-top: 20px;
        width: 170px;
    }
    .footer .icon-box {
        width: 40px;
        height: 30px;
    }
    .section-10 .testimonial-container {
        margin: 0px 10px;
    }
    .third-section .card h3{
        margin-bottom: 5px;
    }
    .third-section,
    .forth-section .section-title {
        padding-top: 20px;
    }
    .check-list li {
        line-height: 1.4;
    }
    .first-section .left-text,
    .section-9 .left-sec-text {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    .section-10 .testimonial-container {
        margin: 0px 10px;
    }
    .check-list li img, .stars img {
        width: 15px;
    }
    #highlight .left-text h2 {
        font-size: 25px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
    .header .nav, .menu-btn{
        display: none;
    }
    .header {
        justify-content: space-between;
    }
    .menu-icon, .sidebar, .first-section .left {
        display: block;
    }
    .menu-icon img{
        font-size: 32px;
        color: #fff;
        cursor: pointer;
    }
    .header{
        height: 80px;
    }
    .layout-design{
        padding: 0 7%;
    }
    .first-section .left,
    .third-section .section-title {
        padding-top: 0px;
    }
    .first-section .left .left-text,
    .section-9 .left-sec-text, 
    .section-9 .scanner,
    .section-9 .heading-text {
        width: 100%;
        text-align: center !important;
    }
    .first-section h1,
    .third-section .card {
        width: 100% !important;
    }
    .first-section .left .left-text h1 {
        font-size: 45px;
        margin-bottom: 10px;
    }
    .first-section .phone-image {
        width: 100%;
        margin-top: 20px;
        justify-content: center;
    }
    .first-section .phone-image img,
    .forth-section .app-preview-content,
    .forth-section .app-preview-icon,
    .section-5 .phone-icon,
    .section-7 .app-preview-content,
    .section-9 .scanner img {
        width: 50%;
    }
    .third-section .card-section {
        grid-template-columns: repeat(auto-fit, minmax(250px, auto));
        gap: 10px;
        display: grid;
    }
    .second-section .stat-number,
    .third-section .section-title,
    .forth-section .section-title,
    .section-8 .left-text h2,
    .section-10 h2,
    .section-11 .app-preview-text {
        font-size: 35px;
    }
    .forth-section .app-preview-content,
    .section-5 .phone-icon,
    .section-6 .app-preview-content,
    .section-7  .app-preview-icon,
    .section-7 .app-preview-content {
        padding-left: 20px;
    }
    .forth-section .app-preview-text, 
    .section-5 .app-preview-text, 
    .section-6 .app-preview-text,
    .section-7 .app-preview-text{
        font-size: 28px;
    }
    .forth-section .check-list li,
    .section-5 .check-list li, 
    .section-6 .check-list li,
    .section-7 .check-list li{
        font-size: 16px;
    }
    .section-9 .line {
        font-size: 20px;
    }
    .section-10 .testimonial-card{
        min-width: 250px;
    }
    .third-section .card,
    .forth-section,
    .section-7 {
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    .section-9 .scanner img {
        width: 40%;
    }
    .theme-btn {
        padding: 10px 15px;
        height: 40px;
    }
    .section-11 .faq-question {
        padding-right: 20px;
    }
    .footer .border-bottom,
    .footer .copy-right {
       padding-bottom: 45px;
    }
    .footer .icon-box {
        width: 50px;
        height: 40px;
    }

    /* Sidebar Default Hidden */
    .sidebar {
        position: fixed;
        left: -250px;
        top: 0;
        width: 250px;
        height: 100vh;
        background: #111;
        padding: 20px;
        transition: 0.3s ease;
        z-index: 999;
    }
    /* Sidebar Show When Checkbox Checked */
    #menu-toggle:checked ~ .sidebar {
        left: 0;
    }
    /* Sidebar Close Button */
    .sidebar .close-btn {
        font-size: 30px;
        color: #fff;
        cursor: pointer;
        display: block;
        text-align: right;
        margin-bottom: 20px;
    }
    .sidebar ul li {
        padding: 10px 0;
        border-bottom: 1px solid #2f2f30;
    }
    .sidebar ul li a {
        color: azure;
        font-size: 16px;
        text-decoration: none;
    }
    .sidebar .theme-btn {
        margin-top: 20px;
        width: 170px;
    }
    #highlight .left-text h2 {
        font-size: 35px;
    }

}

@media only screen and (min-width: 1099px) and (max-width: 1320px){
    .header .nav {
        gap: 20px;
    }
}

@media (min-width: 1528px) {
    .header h1 {
        width: 100%;
        display: block;
    }
}

/* privacy policy responsive */
@media (width <= 767px) {
    .privacy-policy-section .privacy-policy-body {
        padding: 20px 0px;
    }
    .privacy-policy-section {
        padding-bottom: 20px;
    }
    .privacy-policy-section .header-privacy h1{
        font-size: 22px;
    }
    .privacy-policy-section .privacy-policy-body .sub-title,
    .contact-us-section .contact-us-body .about p {
        font-size: 14px;
    }
    .privacy-policy-section .privacy-policy-body .privacy-box ul {
        margin-top: 10px;
    }
    .privacy-policy-section .privacy-policy-body .privacy-box ul li,
    .privacy-policy-section .privacy-policy-body .privacy-box.introduction-box p {
        font-size: 13px;
    }

    /* contact-us page */
    .contact-us-section {
        padding-bottom: 20px;
    }
    .contact-us-section .contact-us-body {
        padding: 10px 0px;
    }
    .contact-us-section .contact-us-body .header h1 {
        font-size: 18px;
    }
    .contact-us-section .contact-us-body .header {
        height: auto;
    }
    .contact-us-section .contact-us-body .card-box {
        padding-top: 20px;
        display: block !important;
    }
    .contact-us-section .contact-us-body .card-box .box-data {
        width: 100%;
        height: 100px;
        margin: 10px 0;
    }
    .contactus-box .card-header h4 {
        font-size: 30px;
    }

}

@media (width >= 768px) and (width <= 991px) {
    .privacy-policy-section .privacy-policy-body {
        padding: 20px 0px;
    }
    .privacy-policy-section {
        padding-bottom: 20px;
    }
    .privacy-policy-section .header-privacy h1{
        font-size: 22px;
    }
    .privacy-policy-section .privacy-policy-body .sub-title,
    .contact-us-section .contact-us-body .about p {
        font-size: 16px;
    }
    .privacy-policy-section .privacy-policy-body .privacy-box ul {
        margin-top: 10px;
    }
    .privacy-policy-section .privacy-policy-body .privacy-box ul li,
    .privacy-policy-section .privacy-policy-body .privacy-box.introduction-box p {
        font-size: 14px;
    }

    /* contact-us page */
    .contact-us-section {
        padding-bottom: 20px;
    }
    .contact-us-section .contact-us-body {
        padding: 10px 0px;
    }
    .contact-us-section .contact-us-body .header h1 {
        font-size: 18px;
    }
    .contact-us-section .contact-us-body .header {
        height: auto;
    }
    .contact-us-section .contact-us-body .card-box {
        padding-top: 20px;
        display: block !important;
    }
    .contact-us-section .contact-us-body .card-box .box-data {
        width: 100%;
        height: 100px;
        margin: 10px 0;
    }
    .contactus-box .card-header h4 {
        font-size: 30px;
    }
}
@media (width >= 992px) and (width <= 1199px) {
    .privacy-policy-section .privacy-policy-body {
        padding: 20px 0px;
    }
    .privacy-policy-section .header-privacy h1{
        font-size: 22px;
    }
    .privacy-policy-section .privacy-policy-body .sub-title,
    .contact-us-section .contact-us-body .about p {
        font-size: 16px;
    }
    .privacy-policy-section .privacy-policy-body .privacy-box ul {
        margin-top: 10px;
    }
    .privacy-policy-section .privacy-policy-body .privacy-box ul li,
    .privacy-policy-section .privacy-policy-body .privacy-box.introduction-box p {
        font-size: 14px;
    }

    /* contact-us page */
    .contact-us-section {
        padding-bottom: 20px;
    }
    .contact-us-section .contact-us-body {
        padding: 20px 0px;
    }
    .contact-us-section .contact-us-body .header h1 {
        font-size: 25px;
    }
    .contact-us-section .contact-us-body .header {
        height: auto;
    }
    .contact-us-section .contact-us-body .card-box {
        display: grid;
        padding-top: 20px;
        grid-template-columns: repeat(2, 1fr);
    }
    .contact-us-section .contactus-box .card-box {
        display: block;
        padding-top: 20px;
    }
    .contact-us-section .contact-us-body .card-box .box-data {
        width: 100%;
        height: 100px;
        margin: 10px 0;
    }
    .contactus-box .card-header h4 {
        font-size: 35px;
    }
}