/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1200px) {


    .brand_area {
        padding-top: 100px;
    }
    .aiDriven_area {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .aiPowered_area {
        padding-top: 150px;
    }
    .tradeSmarter_area {
        margin-top: 100px;
    }
    .footer_area {
        margin-top: 100px;
    }
    .hero_content {
        width: 100%;
        max-width: 1065px;
        padding-top: 200px;
        padding-bottom: 50px;
    }

    .hero_content > img.overlay1 {
        width: 100%;
        max-width: 500px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        animation: img_updown 5s linear infinite;
    }
    .hero_content > h1 {
        font-size: 70px;
        font-weight: 300;
        text-align: center;
    }
    .aiDriven_header > h2 {
        font-size: 60px;
        margin-bottom: 30px;
    }
    .aiDriven_header > h2 small {
        font-size: 22px;
        font-weight: 300;
    }
    .aheadMarket_thumbCard > h2 {
        margin-bottom: 10px;
    }

    .footer_area .aiDriven_header h2 {
        color: #fff;
        font-size: 50px;
    }



 







}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {



    .brand_area {
        padding-top: 100px;
    }
    .aiDriven_area {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .aiPowered_area {
        padding-top: 100px;
    }
    .tradeSmarter_area {
        margin-top: 100px;
    }
    .footer_area {
        margin-top: 100px;
    }
    .hero_content {
        width: 100%;
        max-width: 1065px;
        padding-top: 200px;
        padding-bottom: 50px;
    }

    .hero_content > img.overlay1 {
        width: 100%;
        max-width: 500px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        animation: img_updown 5s linear infinite;
    }
    .hero_content > h1 {
        font-size: 70px;
        font-weight: 300;
        text-align: center;
    }
    .aiDriven_header > h2 {
        font-size: 60px;
        margin-bottom: 30px;
    }
    .aiDriven_header > h2 small {
        font-size: 22px;
        font-weight: 300;
    }
    .aheadMarket_thumbCard > h2 {
        margin-bottom: 10px;
    }


    /* --------------------------------- */

    .header_content {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
    .header_content .hamburger {
        width: 40px;
    }
    .header_content .hamburger > span.line {
        display: block;
        width: 100%;
        height: 4px;
        background-color: #fff;
    }
    .header_content .hamburger {
        flex-direction: column;
        gap: 8px;
        cursor: pointer;
    }
    .headerLogo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .dots1_wrapper {
        padding-top: 20px;
    }
    .offcanvas {
        background-color: #11111B;
        width: 300px;
    }
    .offcanvas_close {
        background-color: transparent;
        color: #fff;
        border: 0;
        font-size: 35px;
    }
    .offcanvas-title img {
        width: 150px;
    }
    .offcanvas-header {
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .offcanvas-body .header_menuLink {
        flex-direction: column;
    }
    .offcanvas-body .header_menuLink li {
        width: 100%;
        border-radius: 0;
    }
    .offcanvas-body .header_menuLink li a {
        text-align: center;
    }
    .offcanvas .header_menuLink li:first-child a::before {
        border-radius: 0;
    }
    .offcanvas .header_menuLink li:last-child a::before {
        border-radius: 0;
    }
    .offcanvas .header_menuLink.two {
        flex-direction: row;
    }

    .offcanvas .header_menuLink.two li:first-child a::before {
        border-radius: 10px 0 0 10px;
    }
    .offcanvas .header_menuLink.two li:last-child a::before {
        border-radius: 0 10px 10px 0;
    }

    .footer_area .aiDriven_header h2 {
        color: #fff;
        font-size: 70px;
    }

    .signup_area {
        padding: 50px 0;
    }
    .signup_logo  {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        display: none;
    }
    .hero_content > h1 .textIcon {
        animation: none !important;
        display: none;
    }






}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (min-width: 576px) and (max-width: 767px) {	



    .brand_area {
        padding-top: 100px;
    }
    .aiDriven_area {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .aiPowered_area {
        padding-top: 100px;
    }
    .tradeSmarter_area {
        margin-top: 100px;
    }
    .footer_area {
        margin-top: 100px;
    }
    .hero_content {
        width: 100%;
        max-width: 1065px;
        padding-top: 200px;
        padding-bottom: 50px;
    }

    .hero_content > img.overlay1 {
        width: 100%;
        max-width: 500px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        animation: img_updown 5s linear infinite;
    }
    .hero_content > h1 {
        font-size: 50px;
        font-weight: 300;
        text-align: center;
    }
    .aiDriven_header > h2 {
        font-size: 45px;
        margin-bottom: 30px;
    }
    .aiDriven_header > h2 small {
        font-size: 17px;
        font-weight: 300;
    }
    .aheadMarket_thumbCard > h2 {
        margin-bottom: 10px;
    }


    /* --------------------------------- */

    .header_content {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
    .header_content .hamburger {
        width: 40px;
    }
    .header_content .hamburger > span.line {
        display: block;
        width: 100%;
        height: 4px;
        background-color: #fff;
    }
    .header_content .hamburger {
        flex-direction: column;
        gap: 8px;
        cursor: pointer;
    }
    .headerLogo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .dots1_wrapper {
        padding-top: 20px;
    }
    .offcanvas {
        background-color: #11111B;
        width: 300px;
    }
    .offcanvas_close {
        background-color: transparent;
        color: #fff;
        border: 0;
        font-size: 35px;
    }
    .offcanvas-title img {
        width: 150px;
    }
    .offcanvas-header {
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .offcanvas-body .header_menuLink {
        flex-direction: column;
    }
    .offcanvas-body .header_menuLink li {
        width: 100%;
        border-radius: 0;
    }
    .offcanvas-body .header_menuLink li a {
        text-align: center;
    }
    .offcanvas .header_menuLink li:first-child a::before {
        border-radius: 0;
    }
    .offcanvas .header_menuLink li:last-child a::before {
        border-radius: 0;
    }
    .offcanvas .header_menuLink.two {
        flex-direction: row;
    }

    .offcanvas .header_menuLink.two li:first-child a::before {
        border-radius: 10px 0 0 10px;
    }
    .offcanvas .header_menuLink.two li:last-child a::before {
        border-radius: 0 10px 10px 0;
    }
    .footer_area .aiDriven_header h2 {
        color: #fff;
        font-size: 50px;
    }
    .footer_left .getTouch_tel > ul li span {
        color: #B6B6B6;
        font-size: 22px;
        font-weight: 300;
        display: block;
    }
    .footer_left .getTouch_tel {
        margin-bottom: 20px;
    }




    .signup_area {
        padding: 50px 0;
    }
    .signup_logo  {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        display: none;
    }

    .hero_content > h1 .textIcon {
        animation: none !important;
        display: none;
    }




}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 575px) {


    .brand_area {
        padding-top: 100px;
    }
    .aiDriven_area {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .aiPowered_area {
        padding-top: 100px;
    }
    .tradeSmarter_area {
        margin-top: 100px;
    }
    .footer_area {
        margin-top: 100px;
    }
    .hero_content {
        width: 100%;
        max-width: 1065px;
        padding-top: 200px;
        padding-bottom: 50px;
    }

    .hero_content > img.overlay1 {
        width: 100%;
        max-width: 500px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        animation: img_updown 5s linear infinite;
    }
    .hero_content > h1 {
        font-size: 50px;
        font-weight: 300;
        text-align: center;
    }
    .aiDriven_header > h2 {
        font-size: 25px;
        margin-bottom: 30px;
    }
    .aiPowered_area .aiDriven_header h2 {
        color: #fff;
        margin-bottom: 50px;
    }
    .vipPassCard_heading_right > h2 {
        text-align: left;
        margin-top: 10px;
    }
    .aiDriven_header > h2 small {
        font-size: 14px;
        font-weight: 300;
    }
    .aheadMarket_thumbCard > h2 {
        margin-bottom: 10px;
        font-size: 25px;
    }


    /* --------------------------------- */

    .header_content {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
    .header_content .hamburger {
        width: 40px;
    }
    .header_content .hamburger > span.line {
        display: block;
        width: 100%;
        height: 4px;
        background-color: #fff;
    }
    .header_content .hamburger {
        flex-direction: column;
        gap: 8px;
        cursor: pointer;
    }
    .headerLogo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .dots1_wrapper {
        padding-top: 20px;
    }
    .offcanvas {
        background-color: #11111B;
        width: 300px;
    }
    .offcanvas_close {
        background-color: transparent;
        color: #fff;
        border: 0;
        font-size: 35px;
    }
    .offcanvas-title img {
        width: 150px;
    }
    .offcanvas-header {
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .offcanvas-body .header_menuLink {
        flex-direction: column;
    }
    .offcanvas-body .header_menuLink li {
        width: 100%;
        border-radius: 0;
    }
    .offcanvas-body .header_menuLink li a {
        text-align: center;
    }
    .offcanvas .header_menuLink li:first-child a::before {
        border-radius: 0;
    }
    .offcanvas .header_menuLink li:last-child a::before {
        border-radius: 0;
    }
    .offcanvas .header_menuLink.two {
        flex-direction: row;
    }

    .offcanvas .header_menuLink.two li:first-child a::before {
        border-radius: 10px 0 0 10px;
    }
    .offcanvas .header_menuLink.two li:last-child a::before {
        border-radius: 0 10px 10px 0;
    }
    .tradeSmarter_area .aiDriven_slider::before,
    .tradeSmarter_area .aiDriven_slider::after {
        display: none;
    }
    .footer_left .getTouch_tel > ul {
        display: block;
    }
    .footer_left .getTouch_tel > ul li span {
        color: #B6B6B6;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .footer_bottom > ul.footer_link {
        flex-direction: column;
        align-items: center;
    }


    .footer_area .aiDriven_header h2 {
        color: #fff;
        font-size: 25px;
    }
    .footer_left .getTouch_tel > ul li span {
        color: #B6B6B6;
        font-size: 22px;
        font-weight: 300;
        display: block;
    }
    .footer_left .getTouch_tel {
        margin-bottom: 20px;
    }

    .brand_area .slick-slide img {
        transform: scale(0.8);
    }



    .signup_area {
        padding: 30px 0;
        padding-top: 10px;
    }
    .signup_logo  {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        display: none;
    }
    .signup_form .form_input input {
        min-height: 50px;
        padding: 0 10px;
        font-size: 14px;
    }
    .signup_form .form_input {
        margin-bottom: 20px;
        
    }
    .signup_form > h2 {
        color: #FFF;
        font-size: 25px;
        font-weight: 400;
        margin: 20px 0;
    }
    .signup_form > h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .signup_form .form_btn > button {
        width: 100%;
        min-height: 50px;
        border-radius: 10px;
        font-size: 12px;
    }
    .signup_form .form_btn > button span {
        font-size: 10px;
    }
    .signup_form .form_btn > button img {
        display: inline-block;
        margin: 0 15px;
        width: 30px;
    }
    
    .hero_content > h1 .textIcon {
        animation: none !important;
        display: none;
    }



}