/* Responsive CSS Here */


/* SM Devices CSS Here (240px to 767px) */

@media only screen and (min-width: 240px) and (max-width: 767px) {
    .banner-heading h1 {
        font-size: 33px !important;
    }
    .banner-heading p {
        font-size: 20px !important;
        text-align: left;
    }
    section.ico_banner .banner-heading p {
        text-align: left !important;
    }
    section.about-us .container.pb-5 {
        padding-bottom: 0 !important;
    }
    .sub-heading p {
        font-size: 16px !important;
    }
    .sub-heading h3 {
        font-size: 20px !important;
    }
    .section-heading p {
        font-size: 16px !important;
        text-align: center;
    }
    .section-heading h2 {
        font-size: 30px !important;
    }
    section.scosystem .row.scosystem .one-markit-card {
        margin-bottom: 5.5rem;
    }
    section.scosystem .row.scosystem {
        margin: 0 5px;
    }
    section.scosystem .mobile_mb_0 {
        margin-bottom: 0 !important;
    }
    section.how-it-work {
        padding-top: 0 !important;
        padding-bottom: 2rem;
    }
    section.create-an-account .align-items-end.pb-5 {
        padding-bottom: 0 !important;
    }
    .how-it-img.secong-img {
        margin-top: 20px;
    }
    section.roadmap-carousel {
        margin-top: 0 !important;
        padding-top: 2rem !important;
        padding-bottom: 60px;
    }
    section.contact-us .contact-map img {
        margin-top: 3rem;
    }
    section.contact-us {
        padding-bottom: 1rem;
    }
    .footer-bottom ul.navbar-nav {
        left-content: center;
    }
    .footer-bottom p,
    .footer-bottom a {
        text-align: center;
    }
    footer ul.navbar-nav {
        flex-wrap: wrap;
    }
    .carousel-control-next {
        right: 20px;
    }
    .carousel-control-prev {
        left: inherit;
        right: 20%;
    }
    .carousel-control-next,
    .carousel-control-prev {
        bottom: -50px !important;
    }
    .carousel-item .carouse-img img {
        margin-top: 3rem;
    }
    .section-heading h2::after {
        left: 25px;
    }
    .about_vynk_inner .flex_dirction_col_mobile .img_area_aboout::before {
        width: 120px;
        height: 120px;
        left: -10px;
        top: -10px;
    }
    section.vynk_money .vynk_money_inner .about-image::after {
        left: 10px;
    }
    section.ico_banner .banner-heading h3 {
        font-size: 22px;
    }
    section.ico_banner::before,
    section.ico_banner::after {
        display: none !important;
    }
    section.about-us .about_vynk_inner .team_img_area {
        margin-top: 2rem;
    }
    section.contact_bread {
        padding-top: 0;
    }
    section.contact_bread .contact_bread_inner p {
        text-align: left;
    }
    section.contact_bread .contact_bread_inner .btn_area_bread {
        text-align: left !important;
        margin-top: 2rem;
    }
    section.about_roadmap .row_pt_mobile {
        padding-top: 1rem !important;
    }
    section.roadmap_group .roadmap_group_img {
        margin-bottom: 3rem;
    }
    .roadmap_area .roadmap-line {
        left: 15%;
        height: 95%;
    }
    .roadmap_area .roadmap .roadmap-year {
        margin-left: 0px;
        margin-right: 0;
    }
    .roadmap_area .roadmap {
        display: block;
    }
    .roadmap_area .roadmap-step::after {
        left: 31px;
        top: inherit;
        bottom: -25%;
    }
    .roadmap_area .roadmap-step.card_after::after {
        left: 31px;
        top: -45%;
    }
    .roadmap_area .roadmap .roadmap-step-year h1 {
        text-align: right;
        font-size: 110px;
    }
    section.service_about .about_vynk_inner .bottom_desc p {
        text-align: left;
        font-size: 16px;
    }
    section.service_about .about_vynk_inner .row_pb_mobile {
        padding-bottom: 1rem !important;
    }
    section.service_more {
        padding-top: 30px !important;
        margin: 115px 0 95px;
    }
    section.first_banner {
        padding-bottom: 10px;
        padding-top: 120px;
    }
    section.first_banner .banner_img {
        margin-top: 2rem;
    }
    section.about_main {
        padding-top: 60px !important;
        margin-top: 0;
    }
    section.about_banner::after {
        top: 69.5rem;
    }
    .work_details {
        padding-top: 115px;
    }
    .work_details .col-lg-6 {
        border-right: none !important;
        border-bottom: 5px dotted #fd7c04 !important;
    }
    .blog_area .side-Inner_desc .left_middle_desc .box_blog_desc {
        margin-left: 2rem;
    }
}

@media only screen and (min-width: 590px) and (max-width: 767px) {
    .count-tiel {
        background-size: 50%;
    }
    ol.carousel-indicators::after {
        width: 135% !important;
    }
    section.scosystem {
        padding-bottom: 0 !important;
    }
    .carousel-control-prev {
        right: 13%;
    }
    .carousel-control-next {
        right: 0;
    }
    .vynk_money_desc ul li .token_img {
        margin-right: 22px;
    }
    section.about-us .about_vynk_inner .team_img_area {
        margin: 2rem 0 0 0 !important;
    }
    .roadmap_area .roadmap-step.card_after::after {
        left: -54px;
        top: 80px;
    }
    .roadmap_area .roadmap-step::after {
        top: 32%;
        bottom: inherit;
        left: -54px;
    }
    .roadmap_area .roadmap-line {
        left: 0;
        height: 88%;
    }
    .roadmap_area .roadmap .roadmap-year {
        margin-left: -48px;
    }
    .roadmap_area .roadmap .roadmap-step-year h1 {
        text-align: center;
        font-size: 170px;
    }
    .roadmap_area .vynk_card {
        margin-left: 45px;
    }
    section.service_more {
        margin: 50px 0 30px;
    }
    .blog_area .blog_flex_center {
        left-content: center;
    }
    section.blog_area .blog_card .card_footer .btn.read_more_btn {
        padding: .375rem 15px;
    }
    section.blog_area .right_side_blog .news_box ul {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media only screen and (min-width: 240px) and (max-width: 390px) {
    section.first_banner .btn.read_more_btn {
        padding: .375rem 28px;
    }
    #newsletModal .modal-dialog{
        width: 300px;
        margin: 0 auto;
    }

    .newsletter_modal .modal-body p{
        font-size: 12px;
    }

    .newsletter_modal .modal-body form{
        width: 80%;
        margin: 0 auto;
    }

    .newsletter_modal .modal-body .form-control{
        height: 42px;
    }

    .newsletter_modal .modal-body button{
        width: 110px !important;
        font-size: 14px;
        line-height: 18px;
        height: 32px;
        margin-bottom: 0;
        margin-top: .8rem !important;
    }
}


/* MD Devices CSS Here (768px to 991px) */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    section.about-us .about-body-container .col-12.pl-4 {
        display: flex;
        align-items: center;
    }
    section.about-us .about-body-container {
        margin-top: 0 !important;
    }
    section.how-it-work {
        padding-top: 2rem !important;
    }
    section.token-sale,
    section.scosystem {
        padding-top: 0 !important;
    }
    section.token-sale .toke-sale-content .row {
        left-content: center;
    }
    footer .footer-bottom .row {
        align-items: center;
    }
    section.contact-us {
        padding-bottom: 70px;
    }
    .count-tiel {
        background-size: contain !important;
    }
    .about_vynk_inner .flex_dirction_col_mobile .img_area_aboout::before {
        left: -10px;
        top: -10px;
    }
    section.about_vynk .about_vynk_inner .flex_dirction_col_mobile .img_area_aboout {
        margin-top: 45px !important;
    }
    section.vynk_money .vynk_money_inner .vynk_money_desc {
        margin-bottom: 4rem !important;
    }
    section.ico_banner .banner-heading p {
        text-align: left !important;
    }
    section.ico_banner::after {
        top: 64.7rem;
    }
    .roadmap_area .roadmap .roadmap-step-year h1 {
        font-size: 150px;
    }
    .roadmap_area .roadmap-left .vynk_card {
        margin-right: 35px;
    }
    .roadmap_area .roadmap-right .vynk_card {
        margin-left: 35px;
    }
    .roadmap_area .roadmap-step::after {
        left: 105.5%;
    }
    .roadmap_area .roadmap-step.card_after_bg::after {
        left: 110%;
    }
    .roadmap_area .roadmap-step.card_after::after {
        left: -10%;
    }
    section.about-us .about_vynk_inner .team_img_area {
        margin: 2rem 0 0 0 !important;
    }
    section.roadmap_group .roadmap_group_img {
        margin-bottom: 2rem;
    }
    section.service_more {
        margin: 50px 0 30px;
        padding-top: 30px !important;
    }
    section.about_main {
        padding-top: 120px !important;
    }
    section.about_banner::after {
        top: 69.5rem;
    }
}


/* Mobile Devices To iPad */

@media only screen and (max-width: 991px) {
    .payment-images img {
        margin-top: 0;
        margin-bottom: 31px;
    }
    .navbar-collapse {
        background: #1f1669;
        padding: 15px 10px;
    }
    .navbar-light .navbar-toggler {
        color: #fff;
        border-color: #fff;
        padding: 0;
        padding: 2px 5px;
        background-color: #fff;
    }
    .navbar-light .navbar-toggler-icon {
        background-color: #fff;
    }
    ul.navbar-nav li a {
        padding: 10px !important;
    }
    .footer-bottom ul.navbar-nav li a {
        padding: 5px 10px !important;
    }
    section.about-us {
        padding-top: 250px;
        padding-bottom: 50px;
    }
    .about-image {
        margin: 20px 0 0;
        padding-left: 0;
    }
    .sub-heading p,
    .how-it-content p {
        text-align: left;
    }
    .carousel-inner::after,
    .carousel-inner::before {
        /* background: #fff; */
        display: none;
    }
    ol.carousel-indicators::after {
        width: 100%;
    }
    section.vynk_money .vynk_money_inner .vynk_money_desc {
        margin-bottom: 2rem;
    }
    section.about-us .about_vynk_inner .flex_dirction_col_mobile,
    section.about_ico .about_vynk_inner .flex_dirction_col_mobile,
    section.service_money .about_vynk_inner .flex_dirction_col_mobile,
    section.service_token .flex_dirction_col_mobile,
    section.community_social .flex_dirction_col_mobile {
        flex-direction: column-reverse;
    }
    section.about_vynk .about_vynk_inner .flex_dirction_col_mobile .img_area_aboout,
    section.service_token .flex_dirction_col_mobile .token_service_img,
    section.community_social .flex_dirction_col_mobile .token_service_img,
    section.communty_about .image_service {
        margin-top: 40px;
    }
    section.service_money .about_vynk_inner .flex_dirction_col_mobile .img_area_aboout {
        margin-top: 0 !important;
    }
    .use_vynk .vynk_card .vynk_img,
    .roadmap_area .vynk_card .vynk_img {
        left: 40%;
    }
    .use_vynk .vynk_card::before,
    .roadmap_area .vynk_card::before {
        left: -10px;
    }
    .vynk_money_inner .vynk_money_desc p {
        text-align: left;
    }
    .mobile_pl_15 {
        padding-left: 15px !important;
    }
    .mobile_pr_15 {
        padding-right: 15px !important;
    }
    section.ico_banner {
        padding: 110px 0 10px;
    }
    section.ico_banner .banner-heading {
        text-align: left !important;
    }
    section.ico_banner .banner_img {
        margin-top: 1.5rem;
    }
    section.about_ico .about_vynk_inner .ico-image,
    .about_vynk_inner .flex_dirction_col_mobile .img_area_aboout,
    section.about_roadmap .vynk_money_inner .about-image {
        margin-top: 3rem;
    }
    section.service_more .about_vynk_inner .ico-image {
        margin-top: 0 !important;
    }
    section.about_ico {
        padding-bottom: 0 !important;
    }
    section.about_vynk.about-us.about_ico.are_we_unique {
        padding-bottom: 50px !important;
    }
    section.ico_token {
        padding-top: 0 !important;
        margin-top: 2rem !important;
    }
    section.ico_token ul {
        margin-top: 1.5rem;
    }
    section.service_token {
        margin-top: 0 !important;
        padding-bottom: 1rem !important;
    }
    .about_community {
        padding: 143px 0 45px !important;
        margin-bottom: 3rem !important;
    }
    section.community_social {
        padding-bottom: 0 !important;
    }
    section.community_social .row.mb-5 {
        margin-bottom: 1.5rem !important;
    }
    section.about_community .sub-heading p {
        font-size: 16px;
    }
    section.contact_area {
        padding-top: 4rem;
    }
    section.about_community .image_about_community img {
        max-width: 100%;
        margin: 0;
    }
    section.about_fqs .about-body-container {
        margin-top: 1rem !important;
    }
    section.create-an-account .left_abs_img img,
    section.create-an-account .bottom_abs_img img {
        display: none;
    }
    .about_community .community_about_img_chg img {
        max-width: 100% !important;
        margin-left: 0;
        margin-top: 0;
    }
    .about_community .community_about_img_chg {
        margin-top: 0;
        margin-bottom: 20px;
        height: auto;
    }
    .about_vynk_inner .col_about_vynk_inner_pl {
        padding-left: 15px !important;
    }
    .about_main_new .about_image_mtb {
        margin-top: 0;
    }
    .about_main_new .about_image_mtb img {
        max-width: 100%;
    }
    .about_main .about_main_bottom {
        display: block;
    }
    .about_main .about_main_bottom .left_img img {
        width: auto;
        margin-bottom: 15px;
    }
    .about_main .about_main_bottom .description p {
        text-align: left;
        margin-left: 0;
    }
    section.blog_area .right_side_blog {
        padding: 0;
    }
}


/* LG Devices CSS Here (992px to 1199px) */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    ol.carousel-indicators::after {
        width: 80%;
    }
    ul.navbar-nav li a {
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 15px;
    }
    .navbar-light .navbar-brand img {
        max-width: 180px;
    }
    section.token-sale .toke-sale-content .row {
        left-content: center;
    }
    .carousel-inner::before {
        right: 70px;
    }
    .carousel-inner::after {
        left: 70px;
    }
    section.ico_banner::after {
        left: 0;
        top: 825px;
    }
    .roadmap_area .roadmap-right .vynk_card {
        margin-left: 50px;
    }
    .roadmap_area .roadmap-left .vynk_card {
        margin-right: 50px;
    }
    section.roadmap_banner::after {
        top: 913px !important;
    }
    .roadmap_area .roadmap-step::after {
        left: 105.5%;
    }
    .roadmap_area .roadmap-step.card_after_bg::after {
        left: 110%;
    }
    .roadmap_area .roadmap-step.card_after::after {
        left: -9%;
    }
    .about_vynk_inner .col_about_vynk_inner_pl {
        padding-left: 15px !important;
    }
    section.blog_area .right_side_blog {
        padding-left: 5rem;
    }
}