@media (max-width:1300px) {
    .nav-mail {
    padding: 7px 0 7px 80px;
    }
    .nav-network {
    padding: 7px 80px 7px 0px;
    }
    }
@media (max-width:1200px) {
    .nav-mail {
    padding: 7px 0 7px 30px;
    }
    .nav-network {
    padding: 7px 30px 7px 0px;
    }
        /************ contact-page-responsive ***********/
        .contact_field {
            padding: 60px 223px 90px 100px;
        }
        .contact_info_sec {
            right: 0px;
            top: 18%;
            height: 320px;
            width: 320px;
            padding: 40px;
            border-radius: 25px 0 0 25px;
        }
    }
@media (max-width:1024px) {
    .navbar {
        padding: 6px 18px;
    }
    .tfc-banner {
        padding: 0 18px;
    }
    .banner-text h2 {
        font-size: 45px;
    }
    .dtx-choose {
        padding: 0 18px;
    }
    .fes-round-c {
        padding: 18px 18px;
    }
    /************ about-responsive ***********/
    .fes-about-text-header-line {
        width: 240px;
        height: 240px;
    }
    .fes-about-text-header-line h2 {
        font-size: 30px;
    }
    .dtx-about-text h2 {
        font-size: 26px;
        margin-bottom: 25px;
    }
    .dtx-team p {
        font-size: 13px;
        margin-bottom: 20px;
    }
    .dtx-colbrate-text h3 {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .dtx-colbrate-text p {
        font-size: 12px;
        color: #5e5757;
    }
          /************ contact-page-responsive ***********/
          .contact_field {
            padding: 60px 90px 90px 30px;
        }
        .contact_info_sec {
            width: 100%;
            height: auto;
            padding: 40px;
            border-radius: 0px 0 0 0px;
            position: relative;
        }
        .socil_item_inner {
            padding-bottom: 10px;
            margin: 0 auto;
        }
        .socil_item_inner li a {
            margin: 0px 5px;
            font-size: 12px;
        }

    }
    @media (max-width:991px) {
        .round-f-step {
            width: 165px;
            height: 165px;
        }
        .tfc-round-down {
            margin-top: 10px !important;
        }
        .fes-round-c {
            max-width: 720px;
            padding: 18px 0;
        }
        .round-inner-text h2 {
            font-size: 16px;
        }
        .round-inner-text {
            margin: 0 auto 32px;
        }
        .round-inner-text p {
            max-width: 132px;
            width: 100%;
            margin: 0 auto;
            font-size: 12px;
        }
        .count-val-tfc {
            width: 45px;
            height: 45px;
            font-size: 18px;
        }
        .banner-text h2 {
            font-size: 40px;
        }
        .banner-text p i {
            font-size: 15px;
        }
        .service-box h3 {
            font-size: 14px;
        }
        .service-box p {
            font-size: 13px;
        }
        .fes-service-dtxc h2 {
            font-size: 25px;
        }
        .why-choose-text p {
            font-size: 14px;
        }
        .fes-main-text-step {
            max-width: 400px;
            width: 100%;
            margin: 0 auto 70px;
        }
        .nav-network {
            max-width: 60%;
        }
        .nav-mail {
            max-width: 40%;
        }
        .footer-menu-name {
            font-size: 13px;
        }
        .footer-menu-list li a, 
        .fes-box-icon-footer h5, 
        .fes-box-icon-footer i {
            font-size: 13px;
        }
        .footer-menu p {
            font-size: 13px;
            padding-right: 0px;
        }
        .navbar-brands {
            width: 200px;
            display: block;
        }
        .footer-content {
            gap: 20px;
        }
          /************ about-responsive ***********/
          .fes-about-text-header-line {
            width: 200px;
            height: 200px;
        }
        .dtx-about-text h2 {
            font-size: 22px;
            margin-bottom: 20px;
        }
        .dtx-about-text p {
            font-size: 13px;
            margin-bottom: 5px;
        }
        .dtx-small-img {
            height: 100px;
        }
        .dtx-colbrate-text h3 {
            font-size: 14px;
            margin-bottom: 3px;
        }
        .dtx-colbrate-image {
            width: 37px;
        }
        .tfc-colbrate {
            grid-template-columns: 1fr 6fr;
            gap: 5px;
        }
        .tfc-about-space-dtx {
            margin-top: 15px !important;
        }
    }

    @media (max-width:767px) {
        .tfc-service-point {
            padding: 25px 0px 0px 0px;
        }
        .tfc-service-point::after {
            display: none;
        }
        .service-box {
            margin-bottom: 40px;
        }
        .tfc-choose-us {
            padding: 10px 0 10px 0px;
        }
        .choose-tfc-box {
            margin-bottom: 50px;
        }
        .why-choose-text {
            padding: 0 0 0 0px;
        }
        .tfc-round-down {
            margin-top: 0px !important;
        }
        .round-f-step {
            width: 250px;
            height: 250px;
            margin-bottom: 40px;
        }
        .count-val-tfc {
            width: 65px;
            height: 65px;
            font-size: 22px;
        }
        .round-inner-text h2 {
            font-size: 22px;
        }
        .round-inner-text p {
            max-width: 200px;
            font-size: 14px;
        }
        .tfc-bg-image-step {
            background-image: none;
        }
        .service-box h3 {
            font-size: 22px;
        }
        .service-box p {
            font-size: 16px;
        }
        .tfc-service-section {
            padding: 40px 0 70px;
        }
        .footer-content {
            padding: 40px 15px 100px !important;
            grid-template-columns: 1fr;
        }
        .footer-menu {
            margin-top: 10px;
        }
        .footer-content {
            gap: 10px;
        }
        .set-gif-animton {
            max-width: 370px;
            margin: 25px auto;
        }
        .choose-tfc-box {
            max-width: 360px !important;
            margin: 50px auto;
        }
        .rocket-image {
            width: 40px;
            height: 130px;
            bottom: 431px;
            right: 240px;
            animation: fly 3s 1.2s ease-in infinite;
        }
        /************ about-responsive ***********/
        .tfc-colbrate {
            display: grid;
            grid-template-columns: 1fr 5fr;
            gap: 10px;
            width: 100%;
        }
        .tfx-show-head {
            margin-bottom: 20px;
        }
        .dtx-about-text h2 {
            font-size: 30px;
            margin-bottom: 20px;
        }
        .dtx-small-img {
            height: 250px;
            max-width: 550px;
            margin: 33px auto;
            width: 100%;
        }
         /************ contact-page-responsive ***********/
         .socil_item_inner {
            padding: 8px;
            margin: 0 auto;
        }
        .contact_field {
            padding: 60px 30px 90px 30px;
        }
        /******* service-page-responsive ********/
        .dtx-item h6 {
            margin: 20px 0 13px;
        }
    }

    @media (max-width:640px) {
        .rocket-image {
            width: 40px;
            height: 130px;
            bottom: 431px;
            right: 200px;
            animation: fly 3s 1.2s ease-in infinite;
        }
        .nav-mail  {
            max-width: 60%;
        }
        .nav-network{
            max-width: 40%;
        }
        .tfc-coin {
            width: 20px;
            height: 20px;
        }
        .nav-mail p {
            font-size: 11px;
        }
        .nav-network {
            gap: 10px;
        }
         /************ about-responsive ***********/
         .d-approch-tfc-box {
            gap: 20px;
            flex-direction: column;
        }
    }
    @media (max-width:575px) {
        .rocket-image {
            width: 40px;
            height: 130px;
            bottom: 431px;
            right: 140px;
            animation: fly 3s 1.2s ease-in infinite;
        }
    }
    @media (max-width:480px) {
        .rocket-image {
            width: 40px;
            height: 100px;
            bottom: 431px;
            right: 90px;
            animation: fly 3s 1.2s ease-in infinite;
        }
    }