@media only screen and (min-width:1921px){
    section.home-banner::before{width: 400px; right: 70px; height: 480px; background-repeat: no-repeat;}
    .instrument-banner.ibBG{min-height: 700px;}
}
@media only screen and (min-width:1567px) and (max-width: 2048px){
    .instrument-banner.ibBG{background-position: top center; min-height: 700px;}
}

@media only screen and (max-width: 1366px){
    .main-header nav .offcanvas{max-width: 100%;}
    section.home-banner .content-wrapper{padding-right: 0px;}
    .carousel button.carousel-control-prev{left: 30px;}
    .carousel button.carousel-control-next{right: 30px;}
}

@media only screen and (max-width:1200px){
    .container, .container-lg, .container-md, .container-sm{max-width: 1140px;}
    section.home-banner .content-wrapper{padding-right: 0px;}
    header nav ul li > a.dropdown-toggle{margin: 0 0;}
    header nav .header-btn a{display: block;}
    header nav .header-btn a.header-btn-login{display: block; margin-right: 0px; margin-bottom: 15px;}
    .instrument-banner{padding: 80px 10px 80px;}
    
    
}

@media only screen and (max-width:1024px){
    .py-100{padding: 70px 15px;}
    .pb-100{padding: 70px 15px;}
    section.home-banner .content-wrapper{padding-right: 0px; position: relative; z-index: 1;}
    section.account-pricing .price-wrapper .price-box .header .btn-box a{min-width: 100%;}
    section.instruments-sec .tabs-wrapper article .img-box{max-width: 470px;}
    section.cta::before{right: 0;}
    section.cta{padding: 60px 15px 0;}
    section.account-pricing{padding-bottom: 40px;}
    header nav .header-btn a{padding: 10px;}
    a.themes-btn{padding: 15px 20px;}
    section.footer-main{padding: 70px 15px 40px;}
    section.footer-content{padding-right: 15px; padding-left: 15px;}
    section.home-banner{padding: 70px 15px;}
    header .main-header{padding: 20px 15px;}
    section.instruments-sec{position: relative;}
    section.instruments-sec .number-of-tabs{top: 190px;}
    section.instruments-sec .tabs-wrapper nav a{margin-top: 35px;}
    /* Sidebar Header */
    .main-header nav .offcanvas{width: 100%; height: 100vh; max-width: 50%;}
    .offcanvas-header{justify-content: flex-end;}
    header nav ul > li{padding: 10px 0px;}
    header nav .header-btn{margin-top: 20px;}
    .screen-darken{height: 100%; width:0%; z-index: 30; position: fixed; top: 0; right: 0; opacity:0; visibility:hidden; background-color: rgba(34, 34, 34, 0.6); transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;}
    .screen-darken.active{z-index:10;  transition:opacity .3s ease, width 0s; opacity:1; width:100%; visibility:visible;}
    section.mt-platform .wrapper .tab-content .img-box{width: 780px;}
    .main-header nav ul li ul{border: 0px; background-color: var(--white); padding: 0; margin-top: 20px !important;}
    .main-header nav ul li ul li{padding: 0px;}
    .main-header nav ul li ul li a{padding: 10px 20px !important;}
    .badge-group .badge{padding: 8px 15px;}
    section.account-featured{padding: 188px 15px 153px;}
    section.account-featured .account-box{padding: 25px;}
    section.ac-table table thead tr th{font-size: 23px; padding: 10px 20px;}
    section.ac-table table tbody tr td{padding: 15px;}
    section.ac-table table tbody tr td img{margin-right: 5px;}
    section.dw-header{padding: 70px 40px 200px;}
    section.dw-header .dw-box-wrapper{padding: 25px;}
    section.dw-tabs .wrapper nav .nav-tabs button{padding: 15px 150px;}
    section.trading-solutions .wrapper{padding-left: 30px; padding-right: 30px;}
    section.blog-post .my-slider .slick-list{margin: 0;}
    /* .instrument-banner .col-wrap{max-width: 300px; margin: auto;} */
}

@media(min-width:992px) {
    .sidebar {margin-top: 0px; position: absolute; width: 300px;}
    /* Navbar Style Normal + Dropdown */
    header nav ul li > a.nav-link{color: var(--black) !important; padding: 0 !important; font-size: 16px; font-weight: 500; line-height: 16.4px;}
    /* End */
    header nav ul li .dropdown-menu{padding: 0px; margin-top: 0 !important; border-radius: 0px;}
    header nav ul li .dropdown-menu li{padding: 0px;}
    header nav ul li .dropdown-menu li a{padding: 10px 20px;}
    .dropdown-menu li a:hover{background-color: var(--light-blue);}
}

@media only screen and (max-width:991px){
    header nav .navbar-brand img{width:7.5rem;}
    section.instruments-sec .tabs-wrapper article .img-box .bottom{padding: 25px;}
    section.instruments-sec .tabs-wrapper article .img-box .bottom p{font-size: 16px;}
    section.instruments-sec .tabs-wrapper nav a{font-size: 35px;}
    section.home-banner{height: auto;}
    section.overview .img-wrapper{text-align: center;}
    section.cta .img-wrapper{margin-top: 0px;}


    .four-instruments-wrapper{padding-top: 60px; background-repeat: repeat-y;}
    .insCardWrap > .card.invisible {visibility: visible !important;}
    .insCardWrap{clear: both;}
    .insCardWrap > .card{transform: none !important; margin-bottom: 40px; max-width: calc(100% / 2 - 0.5rem); float: left;}
    .insCardWrap > .card:last-child{margin-bottom: 100px;}
}

@media only screen and (max-width:768px){
    section.overview .content-wrapper{padding-left: 0;}
    section.support-services .heading-wrapper .title-bar h2{line-height: 1.2;}
    section.account-pricing .price-wrapper .price-box .header{padding: 60px 20px 0px;}
    .mobile-offcanvas{visibility: hidden; transform:translateX(-100%); border-radius:0;  display:block; position: fixed; top: 0; left:0; height: 100%; z-index: 1200; width:80%; overflow-y: scroll; overflow-x: hidden; transition: visibility .3s ease-in-out, transform .3s ease-in-out;}
    .mobile-offcanvas.show{visibility: visible; transform: translateX(0);}
    .mobile-offcanvas .container, .mobile-offcanvas .container-fluid{display: block;}
    .callto-action .innerwrap{background-position: 50% 100%; background-blend-mode: multiply;}
    .insCardWrap > .card{max-width: calc(100% - 1rem);}
    section.instruments-sec .tabs-wrapper nav a{margin-top: 25px;}
    a.themes-btn{padding: 15px 10px;}
    section.account-pricing .price-wrapper .price-box .main-content{padding: 71px 20px 37px;}
    section.instruments-sec .tabs-wrapper article .img-box{max-width: 330px;}
    section.dw-tabs .wrapper nav .nav-tabs button{padding: 15px 100px;}
    section.dw-tabs .wrapper .tab-content table tbody tr td, 
    section.dw-tabs .wrapper .tab-content table tbody tr td a{white-space: pre;}
    .dw-tabs .tab-content .tab-pane{overflow: scroll;}
    section.requirements-dw .wrapper{padding: 30px;}
    section.account-featured .account-box{padding: 20px;}
    section.ac-table table thead tr:first-child th:first-child{display: none;}
    section.ac-table table tr th{width: calc(100% / 3);}
    section.ac-table table tr{display: flex; flex-flow: row wrap;}
    section.ac-table table tr td:first-child{max-width: 100%; flex: 0 0 100%; padding-top: 30px !important; text-align: center; border: 0;}
    section.ac-table table tr td{padding-top: 0px !important; width: calc(100% / 3);}
    .threeBoxSupport .dw-box-wrapper{margin:-140px 10px 0px; padding: 40px 20px;}
}

@media only screen and (min-width:320px) and (max-width:540px){
    section.home-banner {padding: 60px 10px 40px;}
    .carousel button.carousel-control-prev{left: 0;}
    .carousel button.carousel-control-next{right: 0;}
    .py-100{padding: 40px 10px;}
    section.instruments-sec .tabs-wrapper nav{padding-top: 10px;}
    section.instruments-sec .tabs-wrapper article{position: static;}
    section.instruments-sec .tabs-wrapper article .img-box{max-width: 100%;}
    section.cta{padding: 60px 10px 0px;}
    section.instruments-sec .tabs-wrapper nav a{font-size: 31px;}
    section.mt-platform .wrapper h2{font-size: 36px;}
    section.blog-post .blogs-box{margin: 0;}
    section.pagination-bar nav ul li a{padding: 10px 15px;}
    section.cta .img-wrapper img{margin: 0px;}
    .main-header nav .offcanvas{max-width: 70%;}
    .main-header nav ul li ul{margin-top: 0px !important;}
    section.mt-platform .wrapper .tab-content .img-box{width: 320px;}
    .nav-tabs .nav-link{padding: 13px 18px; font-size: 18px;}
    header .main-header{padding: 0px 15px;}
    .download-btn a{padding: 10px 13px; margin-right: 5px;}
    section.dw-tabs .wrapper nav .nav-tabs button{padding: 15px 30px;}
    section.ac-table .wrapper{overflow: scroll;}
    section.ac-table table tr td{text-align: center;}
    section.ac-table table tr td img{margin-right:0px;}
    header nav ul{width: 100%;}
    header nav ul > li{padding: 0px;}
}