@media only screen and (max-width:1600px) {
    .main-header {
        margin: 0 70px
    }

    .main-header .nav-item {
        margin: 0
    }

    .logo {
        width: 250px;
    }

    .index-banner {
        margin: 90px 70px 0;
        padding: 90px 0
    }

    h1 {
        font-size: 36px
    }

    .online-cfd .info {
        width: 80%
    }
}

@media only screen and (max-width:1400px) {
    .banner-slider img {
        height: 280px
    }

    h1 {
        font-size: 30px
    }

    .all-content {
        font-size: 14px
    }

    .index-banner {
        margin: 90px 70px 0
    }

    .fill-btn,
    .rounde-btn {
        font-size: 15px
    }

    .fx-box {
        width: 315px
    }

    .get-started .info {
        width: 80%
    }

    .account-box {
        width: 264px
    }
}

@media only screen and (max-width:1200px) {
    .logo {
        width: 130px
    }

    .nav-link {
        font-size: 15px
    }

    .main-header {
        margin: 0 0
    }

    h1 {
        font-size: 25px
    }

    .fill-btn,
    .rounde-btn {
        font-size: 13px
    }

    .index-banner {
        margin: 90px 20px 0 50px;
        padding: 80px 0
    }

    .index-banner p {
        font-size: 15px
    }

    .online-cfd .info {
        width: 90%;
        margin: 39px auto 40px
    }

    h2 {
        font-size: 25px
    }

    .box-icon {
        width: 59px
    }

    h3 {
        color: var(--theme-color);
        font-size: 16px
    }

    .box-info {
        font-size: 12px
    }

    .fx-box {
        width: 292px;
        margin: 15px
    }

    .service-box-icon {
        width: 60px
    }

    .performing-assets .slick-prev {
        left: -80px
    }

    .performing-assets .slick-next {
        right: -80px
    }

    .performing-assets .slick-prev:before,
    .performing-assets .slick-next:before {
        font-size: 20px
    }

    .best-performing .info {
        width: 90%
    }

    .get-started .info {
        width: 90%
    }

    .get-started img {
        width: 250px
    }
}

@media only screen and (max-width:991px) {
    .main-header {
        margin: 0 40px
    }

    header .dropdown-menu {
        box-shadow: none;
        margin-top: 0
    }

    header .navbar-toggler {
        font-size: 30px;
        padding: 0;
        border: none;
        color: var(--theme-color)
    }

    header .navbar-toggler:focus {
        box-shadow: none
    }

    .banner-slider img {
        height: 210px
    }

    .index-banner p {
        font-size: 15px
    }

    h1 {
        font-size: 22px
    }

    .online-cfd {
        margin: 20px 0 50px
    }

    .online-cfd .info {
        width: 100%;
        margin: 39px auto 40px
    }

    h2 {
        font-size: 23px
    }

    .responsive-tab {
        width: 900px
    }

    .best-performing,
    .trading-condition,
    .indices-section,
    .contract-specifications,
    .contact-box,
    .about-us-content,
    .about-nitro-ventures-section,
    .choose-pricing,
    .get-started,
    .why-forex-trading,
    .our-services,
    .touck-and-trade {
        margin: 70px 0
    }

    .our-services::before {
        top: 285px;
        box-shadow: 0 0 389px 107px var(--light-theme-color)
    }

    .main-forex-trading {
        padding: 20px
    }

    .performing-assets-laptop,
    .performing-assets {
        width: 649px
    }

    .performing-assets .slick-slide {
        height: 200px
    }

    .performing-assets::after {
        height: 100px
    }

    .performing-assets .slick-center::before,
    .performing-assets .slick-slide[aria-hidden=true]:not([tabindex="-1"])+.slick-cloned[aria-hidden=true]::before {
        width: 156px;
        height: 160px
    }

    .performing-assets img {
        width: 70px
    }

    .performing-assets .slick-prev {
        left: -40px
    }

    .performing-assets .slick-next {
        right: -40px
    }

    .best-performing .info {
        width: 100%
    }

    .get-started-form {
        padding: 22px
    }

    .get-started .info {
        width: 100%
    }

    .need-help {
        margin: 60px 0 0;
        padding: 23px 0
    }

    .trading-condition .index-currebcy-tbl {
        width: 950px
    }

    .performing-assets .ftr-img {
        width: 90px
    }

    .account-box {
        width: 228px
    }

    .metatrader-img img {
        width: 80%
    }
}

@media only screen and (max-width:768px) {
    .main-header {
        margin: 0 0
    }

    .index-banner {
        margin: 90px 0 0 20px;
        padding: 50px 0
    }

    h1 {
        font-size: 18px
    }

    .banner-slider img {
        height: 175px
    }

    .all-content {
        font-size: 12px
    }

    .fill-btn,
    .rounde-btn {
        font-size: 12px
    }

    .index-banner p {
        font-size: 13px
    }

    p {
        line-height: 1.7;
        font-size: 12px
    }

    h2 {
        font-size: 17px
    }

    .need-help h2 {
        font-size: 22px
    }

    .need-help .need-help-info {
        font-size: 14px
    }

    .orange-check {
        height: 15px;
        width: 18px
    }

    .nav-pills .index-page-tab {
        font-size: 13px
    }

    .index-currebcy-tbl {
        font-size: 11px
    }

    .tbl-with-tab {
        margin: 60px 0
    }

    .tbl-profile img {
        width: 20px
    }

    .tbl-icon img {
        width: 15px
    }

    .tbl-icon-arrows img {
        width: 8px
    }

    .fx-box {
        width: 256px;
        height: 210px;
        margin: 9px
    }

    .box-icon {
        width: 55px
    }

    h3 {
        color: var(--theme-color);
        font-size: 14px
    }

    .box-info {
        font-size: 10px
    }

    .best-performing,
    .trading-condition,
    .indices-section,
    .contract-specifications,
    .contact-box,
    .about-us-content,
    .about-nitro-ventures-section,
    .choose-pricing,
    .get-started,
    .why-forex-trading,
    .our-services,
    .touck-and-trade {
        margin: 58px 0
    }

    .trade-side-img {
        width: 100%
    }

    .app-play {
        width: 82px
    }

    .trade-side-img img {
        width: 80%
    }

    .trade-side-img::before {
        box-shadow: 0 0 227px 94px var(--light-theme-color)
    }

    .performing-assets-laptop,
    .performing-assets {
        width: 472px
    }

    .performing-assets-laptop {
        height: 100px;
        margin: 20px auto 0
    }

    .performing-assets-laptop img {
        height: 30%;
        width: auto;
        margin: 20px auto 0
    }

    .aserts-img-box {
        width: 70px
    }

    .performing-assets .slick-slide {
        height: 120px
    }

    .performing-assets .slick-center::before,
    .performing-assets .slick-slide[aria-hidden=true]:not([tabindex="-1"])+.slick-cloned[aria-hidden=true]::before {
        width: 120px;
        height: 142px
    }

    .get-started img {
        width: 212px
    }

    .performing-assets .ftr-img {
        width: 80px
    }

    .performing-assets-laptop::after {
        height: 100px
    }

    .contact-box .services-box i {
        height: 40px;
        width: 40px;
        margin: -35px auto 0;
        font-size: 16px;
        background: #272727;
        border-radius: 50px;
        transition: 1s all
    }
}

@media only screen and (max-width:575px) {
    .need-help h2 {
        font-size: 20px
    }

    .need-help .need-help-info {
        font-size: 13px
    }

    .contract-specifications::before,
    .get-started::before,
    .our-services::before,
    .tbl-with-tab::before,
    .index-banner::before {
        height: 10px;
        box-shadow: 0 0 391px 100px var(--light-theme-color)
    }

    .trading-condition::before,
    .instrument::before,
    .about-us-main-info::before,
    .best-performing::before,
    .online-cfd::before {
        right: 0;
        height: 10px;
        box-shadow: 0 0 391px 100px var(--light-theme-color)
    }

    .logo {
        width: 102px
    }

    header .navbar-toggler {
        font-size: 20px
    }

    header .dropdown-item,
    header .nav-link {
        font-size: 14px
    }

    .fill-btn,
    .rounde-btn {
        font-size: 14px
    }

    .index-banner {
        margin: 60px 20px 0;
        padding: 40px 0
    }

    .online-cfd .info {
        margin: 0 auto 24px
    }

    .banner-slider img {
        height: 210px
    }

    .orange-check {
        height: 12px;
        width: 15px
    }

    .index-page-tab,
    .index-currebcy-tbl tbody tr th,
    .index-currebcy-tbl tbody tr td,
    .index-currebcy-tbl thead tr th {
        padding: 12px 8px
    }

    .tbl-with-tab {
        margin: 0 0 50px
    }

    .index-currebcy-tbl {
        width: 550px
    }

    .fx-box {
        width: 86%
    }

    .trade-side-img img {
        width: 100%
    }

    .trade-side-img {
        width: 80%
    }

    .best-performing,
    .trading-condition,
    .indices-section,
    .contract-specifications,
    .contact-box,
    .about-us-content,
    .about-nitro-ventures-section,
    .choose-pricing,
    .get-started,
    .why-forex-trading,
    .our-services,
    .touck-and-trade {
        margin: 50px 0
    }

    .service-box-icon {
        width: 47px
    }

    .performing-assets {
        width: 350px
    }

    .performing-assets img {
        width: 45px
    }

    .performing-assets .slick-slide {
        height: 100px
    }

    .performing-assets::after {
        height: 80px
    }

    .performing-assets .slick-center::before,
    .performing-assets .slick-slide[aria-hidden=true]:not([tabindex="-1"])+.slick-cloned[aria-hidden=true]::before {
        width: 116px;
        height: 121px
    }

    .get-started-form {
        width: 370px;
        margin: 0 auto;
        font-size: 11px
    }

    .get-started-form .form-control {
        font-size: 9px;
        padding: 8px 10px
    }

    .need-help {
        margin: 50px 0 0;
        padding: 20px 0
    }

    .forex-trading-box-icon {
        height: 40px;
        width: 40px
    }

    .forex-trading-box-icon img {
        width: 20px
    }

    .ftr-info {
        border-bottom: 1px solid var(--light-theme-color);
        padding: 0 0 20px
    }

    .windows-main {
        width: 80%
    }

    .contact-all-box {
        width: 60%
    }

    .account-box {
        width: 313px
    }

    .whatsapp-contact {
        bottom: 20px;
        right: 20px
    }

    .whatsapp-contact img {
        width: 40px
    }
}

@media only screen and (max-width:500px) {
    .performing-assets {
        display: block
    }

    .performing-assets-laptop {
        display: none !important
    }

    .banner-slider img {
        height: 190px
    }
}

@media only screen and (max-width:400px) {
    .banner-slider img {
        height: 155px
    }

    header .fill-btn {
        margin: 0 0 0
    }

    .index-banner {
        margin: 60px 0 0;
        padding: 40px 0
    }

    .fill-btn,
    .rounde-btn {
        font-size: 12px
    }

    .tbl-profile img {
        width: 17px
    }

    .tbl-icon img {
        width: 13px
    }

    .tbl-icon-arrows img {
        width: 6px
    }

    .index-currebcy-tbl {
        width: 400px
    }

    .fx-box {
        width: 100%
    }

    .trade-side-img {
        width: 100%
    }

    .touck-and-trade {
        margin: 35px 0
    }

    .main-forex-trading {
        padding: 10px
    }

    .performing-assets {
        width: 100%
    }

    .get-started-form {
        width: 100%
    }

    .need-help {
        padding: 10px 0
    }

    .ftr-info i {
        height: 29px;
        width: 29px;
        font-size: 14px
    }

    .performing-assets .ftr-img {
        width: 67px
    }

    .ftr-info li {
        margin: 4px 0
    }

    .ftr-content,
    .ftr-bottom {
        font-size: 11px
    }

    .windows-main {
        width: 100%
    }

    .contact-all-box {
        width: 90%
    }

    .currencies-section-img,
    .account-box {
        width: 100%
    }

    .metatrader-img img {
        width: 100%
    }
}