@media screen and (max-width: 1400px) {
    .yt-sectionwrap {
        padding  : 0 60px;
        max-width: 1140px;
    }

    .yt-intro .yt-sectionwrap {
        min-height: 620px;
    }

    .yt-partners .yt-sectionwrap {
        padding  : 0 30px;
        max-width: 1360px;
    }

    .intro-bannerwrap {
        width: 50%;
    }

    .section-textwrap {
        padding-right: 30px;
    }

    .yt-economy .section-textwrap {
        padding-right: 0;
        padding-left : 30px;
    }

    .section-textwrap h2 {
        font-size  : 56px;
        line-height: 56px;
    }

    .section-calcholder {
        width: 110%;
    }

    .yt-calculator-form {
        padding: 30px 40px;
    }

    .section-calcholder .tag-text,
    .section-textwrap .subtext {
        font-size: 18px;
    }

    /* Token page style */
    .yt-token-intro .yt-sectionwrap,
    .yt-functionalities .yt-sectionwrap {
        max-width: 1360px;
    }

    /* Footer style */
    .company-desc {
        font-size: 28px;
    }
}

@media screen and (max-width: 1200px) {
    .header-holder {
        padding: 30px;
    }

    .logo {
        max-width  : 194px;
        padding-top: 6px;
    }

    .navwrap li a {
        padding: 0 20px;
    }

    .navwrap li a.link-button {
        padding: 12px 18px;
    }

    .yt-intro .section-textwrap h1 {
        font-size  : 50px;
        line-height: 50px;
    }

    .section-textwrap p {
        color      : #fff;
        font-size  : 18px;
        padding    : 10px 0;
        line-height: normal;
    }

    .intro-bannerwrap {
        width: 100%;
    }

    .intro-bannerani::before {
        position  : absolute;
        content   : '';
        width     : 100%;
        height    : 100%;
        background: rgb(16, 16, 16);
        background: -moz-linear-gradient(90deg, rgba(16, 16, 16, 1) 0%, rgba(16, 16, 16, 1) 35%, rgba(16, 16, 16, 0) 100%);
        background: -webkit-linear-gradient(90deg, rgba(16, 16, 16, 1) 0%, rgba(16, 16, 16, 1) 35%, rgba(16, 16, 16, 0) 100%);
        background: linear-gradient(90deg, rgba(16, 16, 16, 1) 0%, rgba(16, 16, 16, 1) 35%, rgba(16, 16, 16, 0) 100%);
        filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr="#101010", endColorstr="#101010", GradientType=1);
        z-index   : 1;
    }

    .yt-calculator-form {
        padding: 30px;
    }

    .section-textwrap p {
        font-size: 16px;
    }

    .section-calcholder .tag-text,
    .section-textwrap .subtext {
        font-size: 16px;
    }

    .section-textwrap h2,
    .yt-economy .section-textwrap h2,
    .yt-markets .section-textwrap h2 {
        font-size  : 42px;
        line-height: 50px;
    }

    .yt-calculator-form .calc-inputblock input,
    .val-info-block h3 {
        font-size: 32px;
    }

    .val-info-block p {
        font-size: 14px;
    }

    .yt-tokencount-holder h2 {
        font-size  : 120px;
        line-height: 120px;
    }

    .yt-token-economy li {
        font-size: 18px;
    }

    .yt-functionality-wrap {
        padding: 20px 0px 100px;
    }
   
}

@media screen and (max-width: 992px) {
    .header-holder {
        /* padding: 28px 20px; */
        padding: 20px 30px;
    }

    .navwrap {
        display: none;
    }

    .hamburger {
        display: block;
        padding-top: 4px;
    }

    .mobilenavwrap {
        display: block;
    }

    .yt-intro .section-textwrap h1 {
        font-size  : 42px;
        line-height: 50px;
    }

    #yt-calc .yt-sectionholder {
        display: block;
    }

    #yt-calc .section-textwrap {
        width  : 78%;
        padding: 100px 0px 0;
    }

    #yt-calc .section-textwrap h2 br {
        display: none;
    }

    .section-textwrap h2 span {
        display: inline;
    }

    #yt-calc .section-calcwrap,
    #yt-calc .section-calcholder {
        width: 100%;
    }

    .section-textwrap .subtext {
        padding    : 0;
        margin     : 0 0 10px;
        font-weight: 600;
    }

    .section-textwrap h2 br,
    .yt-partners-textwrap h3 br {
        display: none;
    }

    .yt-partnerinfo {
        margin-top: 60px;
    }

    .yt-token-intro .section-textwrap,
    .yt-tokencount-wrap {
        width: 50%;
    }

    .yt-token-intro .section-textwrap {
        padding: 120px 50px 120px 0;
    }

    .yt-token-intro .section-textwrap h1 {
        font-size: 46px;
    }

    .yt-tokencount-holder h2 {
        font-size  : 80px;
        line-height: 80px;
    }

    .yt-tokencount-holder h3 {
        font-size: 34px;
    }

    .yt-functionality {
        padding: 24px;
    }

    .section-textwrap.mid {
        padding-bottom: 80px;
    }

    .yt-functionality p {
        line-height: 22px;
        font-size  : 18px;
    }

    /* Footer style */
    .yt-addresscol{
        padding-top: 30px !important;
        margin-top: 0 !important;
    }
    .sub-footer {
        padding: 26px 0;
    }

    .sub-footerholder {
        display: block;
    }

    .yt-policylinkswrap {
        text-align   : center;
        margin-bottom: 20px;
    }

    .yt-copyright {
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .yt-intro .section-textwrap {
        width    : 100%;
        max-width: none;
        padding  : 60px 50px 60px 0;
        position : relative;
        z-index  : 6;
    }

    .yt-intro .yt-sectionwrap {
        min-height: auto;
        height    : auto;
    }

    .intro-bannerwrap {
        width  : 100%;
        opacity: 0.25;
    }

    .yt-sectionwrap {
        padding: 0 30px;
    }

    #yt-calc .section-textwrap {
        width: 98%;
    }

    .yt-sectionholder {
        display: block;
    }

    .section-animagwrap {
        padding-top: 100px;
        width      : 100%;
    }

    .section-animageholder {
        width    : 100%;
        max-width: 420px;
        margin   : 0 auto;
    }

    .section-textwrap {
        width  : 100%;
        padding: 80px 0 100px;
    }

    .yt-partners-textwrap h4 {
        font-size: 18px;
    }

    .yt-partners-textwrap h3 {
        font-size: 42px;
    }

    .yt-token-intro .section-textwrap {
        padding   : 100px 0 60px;
        width     : 100%;
        text-align: center;
    }

    .yt-tokencount-wrap,
    .yt-token-economy .section-animagwrap {
        width: 100%;
    }

    .yt-tokenbar-wrap {
        padding-top   : 100px;
        padding-bottom: 50px;
    }

    .yt-tokencount-holder h2 {
        font-size  : 100px;
        line-height: 100px;
    }

    .yt-token-intro .section-textwrap h1 {
        font-size: 52px;
    }

    .yt-token-economy .section-animageholder {
        padding  : 0;
        max-width: 320px;
    }

    .yt-token-economy .section-textwrap {
        padding: 100px 10% 0;
    }

    .yt-token-economy li {
        text-align: left;
    }

    .yt-functionality-wrap {
        padding-bottom: 0;
    }

    .yt-functionality {
        margin-bottom: 0;
    }

    .yt-section.yt-functionalities {
        padding-bottom: 140px;
    }

    .section-textwrap.mid {
        padding-bottom: 40px;
        padding-top   : 130px;
        width         : 100%;
    }
    .section-3-2-box-same {
        width: auto;
    }
    .section-3-2-box-1 {
        margin-left: 15px;
    }
    .section-3-2-box-2 {
        margin-left: 15px;
    }
    .section-3-2-box-3 {
        margin-left: 15px;
    }
    .section-3-2-box-4 {
        margin-left: 15px;
    }
    .section-3-2-box-5 {
        margin-left: 15px;
    }
    .digitization-section-2-2 {
        display: block;
    }
    .section-2-2-box {
        width: auto;
        margin: 20px 0;
        padding: 41px 15px 20px;
    }
    .digitization-section-2-1 p {
        width: auto;
    }
    .digitization-section-3-1 p {
        width: auto;
    }

    .why-invest-section-1-box-same {
        margin-left: 0;
        width: auto;
    }
    .why-invest-section-2-2 {
        display: block;
    }
    .why-invest-section-2-2-box {
        width: auto;
        margin: 20px 0;
    }
    .why-invest-section-4-sub-6 {
        display: block;
    }
    .why-invest-section-4-box-same {
        width: auto;
    }
    .why-invest-section-7-sub-1 {
        display: block;
    }
    .why-invest-section-7 h1 {
        width: auto;
    }
    .why-invest-section-7 p {
        width: auto;
    }
    .why-invest-section-4-sub-5 {
        margin-right: 0;
    }

    
}
@media screen and (max-width: 575px){
    .header-holder{
        padding: 20px 15px;
    }
	.yt-partnerinfo{
		padding: 0;
		margin-top: 30px;
	}
    .yt-sectionwrap, .yt-partners .yt-sectionwrap{
        padding: 0 15px;
    }
    .yt-economy .section-textwrap{
        padding-left: 0px;
    }
    .company-desc {
        font-size: 22px;
        line-height: normal;
    }
    .yt-logocol{
        display: flex;
        /* flex: 100%;
max-width: 100%; */
    }
    .yt-logocol .footer-logo img{
        max-width: 100px;
        padding-right: 10px;
        padding-top: 5px;
    }
    .yt-logocol .company-desc{
        padding: 0;
    }
    .yt-linkscol{
        padding-top: 0 !important;
    }
    .yt-linkscol .yt-footerlinkswrap{
        display: block;
    }
    .yt-footerlinkswrap li {
        width: 50%;
        float: left;
    }
    .yt-socialmedia-linkwrap li a {
        padding: 0px 14px;
    }
    .digitization-section-2-1 h1 {
        font-size: 53px;
    }
}

@media screen and (max-width: 520px) {

    .yt-intro .section-textwrap h1,
    .section-textwrap h2 {
        font-size  : 36px;
        line-height: 42px;
    }

    .yt-intro .dyn-text {
        height: 45px;
    }

    .yt-calculator-wrap {
        display: block;
    }

    .yt-calculator-form {
        width                    : 96%;
        border-right             : 1px solid #fff;
        border-bottom            : none;
        margin                   : 0 auto;
        border-top-right-radius  : 6px;
        border-bottom-left-radius: 0;
    }

    .yt-calculator-info {
        position: relative;
        width   : 100%;
    }

    .section-calcholder .tag-text {
        padding: 2%;
    }

    .yt-tokenbar-wrap {
        width: 100%;
    }

    .yt-tokenbar-holder p br {
        display: none;
    }

    .yt-token-economy .section-textwrap {
        padding: 100px 2% 0;
    }
    .footerholder, .sub-footerholder{
        padding: 0 15px;
    }
    .yt-addresscol .yt-addresswrap{
        display: block;
    }
    .yt-addresswrap.yt-mailaddress .yt-addressblock:nth-child(2), .yt-addresswrap.yt-mailaddress .yt-addressblock:nth-child(3){
        display: none;
    }
    .yt-addresswrap .yt-addressblock p:nth-child(3) {
        display: block;
    }
}

@media screen and (min-width: 250px) and (max-width: 479px){
    .section-3-2-box-same p {
        font-size: 15px;
    }
    .section-3-2-box-same h2 {
        font-size: 19px;
    }
    .section-3-2-box-same {
        padding: 15px 0;
    }
    .why-invest-section-2-1 h1 {
        font-size: 36px;
        line-height: 45px;
    }
    .why-invest-section-1-sub-1 h1 {
        font-size: 37px;
    }
    .why-invest-section-1-box-same h2 {
        font-size: 13px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .why-invest-section-1-box-same img {
        margin-left: 0;
        height: 84px;
    }
    .why-invest-section-4-box-same h1 {
        width: 55px;
        margin-left: 0;
    }
    .why-invest-section-4-box-same h2 {
        font-size: 16px;
    }
    .digitization-section-3-1 h1 {
        font-size: 48px;
    }

    .vi-section-2-3-1  .yt-roadmap-rightblock li::after {
        left: -44px !important;
    }
    .vi-section-2-3-1  .yt-roadmap-rightblock li::before {
        left: -25px !important;
        width: 24px !important;
    }
    .vi-section-2-3-1  .yt-roadmap-leftblock li::before {
        right: -25px !important;
        width: 24px !important;
    }
    .vi-section-2-3-1  .yt-roadmap-leftblock li::after {
        right: -44px !important;
    }
    .vi-section-2-3-1  .yt-roadmap-leftblock li .roadmap-desc {
        font-size: 12px;
    }
    .vi-section-2-3-1  .yt-roadmap-rightblock li .roadmap-desc{
        font-size: 12px;
    }
    .home-vi-section-3 .section-textwrap {
        width: 100%;
    }
    .home-vi-section-3 h2 {
        font-size: 27px !important;
        line-height: 36px !important;
    }
    .home-vi-section-4 .section-textwrap {
        width: 100%;
    }
    .home-vi-section-4 h2 {
        font-size: 27px !important;
        line-height: 36px !important;
    }
    .home-vi-section-5 .yt-partners-textwrap h3 {
        font-size: 28px !important;
    }
    .mobileview{
        display: block !important;
    }
    .desktopview{
        display: none !important;
    }
    .home-vi-section-2-2 {
        width: 100%;
    }
    .vi-section-2-3-1 .yt-roadmap-rightblock li {
        display: block;
    }
    .vi-section-2-3-1 .yt-roadmap-leftblock li {
        display: block;
    }
    .home-vi-section-slider-1 .intro-bannerani {
        left: 0;
    }
} 

@media screen and (min-width: 480px) and (max-width: 767px){
    .section-3-2-box-same p {
        font-size: 17px;
    }
    .section-3-2-box-same h2 {
        font-size: 22px;
    }

    .why-invest-section-2-1 h1 {
        font-size: 36px;
        line-height: 45px;
    }
    .why-invest-section-1-sub-1 h1 {
        font-size: 37px;
    }
    .why-invest-section-1-box-same h2 {
        font-size: 16px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .why-invest-section-1-box-same img {
        margin-left: 0;
        height: 84px;
    }
    .why-invest-section-4-box-same h1 {
        margin-left: 0;
    }
    .why-invest-section-4-box-same h2 {
        font-size: 19px;
    }
    .digitization-section-3-1 h1 {
        font-size: 48px;
    }
    .vi-section-2-3-1 .yt-roadmap-rightblock li::after {
        left: -44px !important;
    }
    .vi-section-2-3-1 .yt-roadmap-rightblock li::before {
        left: -25px !important;
        width: 24px !important;
    }
    .vi-section-2-3-1 .yt-roadmap-leftblock li::before {
        right: -25px !important;
        width: 24px !important;
    }
    .vi-section-2-3-1 .yt-roadmap-leftblock li::after {
        right: -44px !important;
    }
    .vi-section-2-3-1 .yt-roadmap-leftblock li .roadmap-desc {
        font-size: 12px;
    }
    .vi-section-2-3-1 .yt-roadmap-rightblock li .roadmap-desc{
        font-size: 12px;
    }
    .home-vi-section-3 .section-textwrap {
        width: 100%;
    }
    .home-vi-section-4 .section-textwrap {
        width: 100%;
    }
    .home-vi-section-5 .yt-partners-textwrap h3 {
        font-size: 28px !important;
    }
    .mobileview{
        display: block !important;
    }
    .desktopview{
        display: none !important;
    }
    .home-vi-section-2-2 {
        width: 100%;
    }
    .vi-section-2-3-1 .yt-roadmap-rightblock li {
        display: block;
    }
    .vi-section-2-3-1 .yt-roadmap-leftblock li {
        display: block;
    }
    .home-vi-section-slider-1 .intro-bannerani {
        left: 0;
    }

}
@media screen and (min-width: 768px) and (max-width: 1023px){
    .section-3-2-box-1 {
        margin-left: 20px;
    }
    .section-3-2-box-2 {
        margin-left: 20px;
    }
    .section-3-2-box-3 {
        margin-left: 20px;
    }
    .section-3-2-box-4 {
        margin-left: 20px;
    }
    .section-3-2-box-5 {
        margin-left: 20px;
    }
    .section-2-2-box {
        margin: 20px 11px;
        padding: 42px 15px 20px;
    }
    .why-invest-section-1-box-same h2 {
        margin-right: 30px;
    }
    .why-invest-section-1-box-same img {
        margin-left: -19px;
    }
    .why-invest-section-2-1 h1 {
        font-size: 47px;
        line-height: 60px;
    }
    .why-invest-section-1-box-same {
        margin-left: 0;
        width: auto;
    }
    .why-invest-section-1-box-same img {
        margin-left: -19px;
    }
    .why-invest-section-1-box-same h2 {
        margin-right: 30px;
        font-size: 22px;
    }

    .home-vi-section-12 {
        padding-top: 55px !important;
    }
    .vi-section-2-3-1 .yt-roadmap-rightblock li::after {
        left: -44px !important;
    }
    .vi-section-2-3-1 .yt-roadmap-rightblock li::before {
        left: -25px !important;
        width: 24px !important;
    }
    .vi-section-2-3-1 .yt-roadmap-leftblock li::before {
        right: -25px !important;
        width: 24px !important;
    }
    .vi-section-2-3-1 .yt-roadmap-leftblock li::after {
        right: -44px !important;
    }
    .home-vi-section-3 .section-textwrap {
        width: 100%;
    }
    .home-vi-section-4 .section-textwrap {
        width: 100%;
    }
    .home-vi-section-slider-1 .intro-bannerani {
        left: 0;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1279px){

    .section-3-2-box-1 {
        margin-left: 20px;
    }
    .section-3-2-box-2 {
        margin-left: 80px;
    }
    .section-3-2-box-3 {
        margin-left: 148px;
    }
    .section-3-2-box-4 {
        margin-left: 199px;
    }
    .section-3-2-box-5 {
        margin-left: 260px;
    }
    .why-invest-section-1-box-same {
        width: 687px;
    }
    .why-invest-section-1-box-same img {
        margin-left: -43px;
    }
    .why-invest-section-1-box-2 {
        margin-left: 94px;
    }
    .why-invest-section-1-box-3 {
        margin-left: 127px;
    }
    .why-invest-section-1-box-4 {
        margin-left: 171px;
    }
    .why-invest-section-1-box-5 {
        margin-left: 248px;
    }
    .why-invest-section-2-2-box {
        margin: 20px 15px;
    }
    .why-invest-section-4-box-same {
        width: 100%;
    }
    .why-invest-section-4-sub-5 {
        width: 50%;
    }
    .vi-section-2-3-1 .yt-roadmap-rightblock li::after {
        left: -93px  !important;
    }
    .vi-section-2-3-1 .yt-roadmap-rightblock li::before {
        left: -77px !important;
        width: 77px !important;
    }
    .vi-section-2-3-1 .yt-roadmap-leftblock li::before {
        right: -77px !important;
        width: 77px !important;
    }
    .vi-section-2-3-1 .yt-roadmap-leftblock li::after {
        right: -93px  !important;
    }
    .home-vi-section-slider-1 .intro-bannerani {
        left: 0;
        width: 100%;
        top: 0;
    }
}
@media screen and (min-width: 1280px) and (max-width: 1400px){
    .section-3-2-box-5 {
        margin-left: 455px;
    }
    .section-3-2-box-4 {
        margin-left: 360px;
    }
    .section-3-2-box-3 {
        margin-left: 250px;
    }
    .why-invest-section-1-box-2 {
        margin-left: 81px;
    }
    .why-invest-section-1-box-3 {
        margin-left: 160px;
    }
    .why-invest-section-1-box-4 {
        margin-left: 221px;
    }
    .why-invest-section-1-box-5 {
        margin-left: 304px;
    }
    .vi-section-2-3-1 .yt-roadmap-rightblock li::after {
        left: -93px  !important;
    }
    .vi-section-2-3-1 .yt-roadmap-rightblock li::before {
        left: -77px !important;
        width: 77px !important;
    }
    .vi-section-2-3-1 .yt-roadmap-leftblock li::before {
        right: -77px !important;
        width: 77px !important;
    }
    .vi-section-2-3-1 .yt-roadmap-leftblock li::after {
        right: -93px  !important;
    }
    .home-vi-section-slider-1 .intro-bannerani {
        left: 0;
        width: 100%;
        top: 0;
    }
}

/*New CSS*/

@media screen and (max-width: 1100px){
    .why-Invest-mobile-main {
        display: block !important;
    }
    .why-Invest-desktop-main {
        display: none;
    }
    .why-Invest-mobile-main h2 {
        margin-top: 35px;
    }
}

@media (min-width: 576px){
.modal-dialog {
    max-width: 590px;
    margin: 1.75rem auto;
}
}