@media (min-width: 1200px) {
.web-header .container {
max-width: 1260px;
}
}
@media(max-width: 1370px) {
body{font-size: 14px;line-height: 1.5;}
.trading-tools-sec1{   
margin-top: -260px;   
}
}
@media(max-width: 1199px) {
.web-header-inner .navbar-nav .nav-link {
font-size: 12px !important;
}
}
@media (max-width: 1100px) {
.dashboardTopBar {
padding: 10px 0;
background-color: #0c1c13;
}	
.menuMobileBtn{
display: block;
border: 0;
background-color: transparent;
color: #fff;
font-size: 20px;
padding: 0px;	
}	
.dashboardPagesContent {
margin-left: 0px;
}	
.dashboradMenuOverlay.open {
display: block;
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
z-index: 12;
}	
.dashboradMenuBar {  
background-color: #021209;     
left: -340px;
height: 100%;      
box-shadow: 18px 0 35px 0 rgb(0 0 0 / 2%);
z-index: 13;
-webkit-transition: transform .5s;
-moz-transition: transform .5s;
transition: .3s;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
.dashboradMenuBar.open{
-webkit-transition: transform .5s;
-moz-transition: transform .5s;
transition: .3s;
width: 260px;
left: 0;	
} 	
}
@media(max-width: 991px) {
.navbar-toggler-icon {
width: 2.2em;
height: 2.2em;
}
.navbar-toggler {
border: 0;
padding: 5px 8px;
background: #fff;
}
.nan-btn-icon {
display: block;
width: 24px;
height: 3px;
background-color: #000;
margin: 5px 0;
}
.navbar-toggler:focus {
box-shadow: none;
}
.curent .sub-menu {
visibility: visible;
opacity: 1;
position: relative;
transform: translateY(0em);
z-index: 1;
transition: none;
background-color: transparent;
/* margin-top: 2px; */
display: block !important;
min-width: 100%;
left: 0 !important;
transform: translate(0%, 0px);
}
.sub-menu>li>a {
color: hsl(222.2 84% 4.9%);
padding: 5px 0;
font-size: 14px;
}
.sub-menu>li {
border: 0;
}
.web-header .navbar .navbar-nav li:hover .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translate(0%, 0px);
-moz-transform: translate(0%, 0px);
-ms-transform: translate(0%, 0px);
-o-transform: translate(0%, 0px);
transform: translate(0%, 0px);
}
.menu_overlay {
display: none;
content: '';
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
display: none;
z-index: 2;
}
.navbar-collapse {
background-color: #0e1218;
position: fixed;
top: 0;
left: 0;
width: 260px;
display: none;
height: 100% !important;
max-height: 100% !important;
overflow: hidden;
overflow-x: scroll;
display: block !important;
transform: translateX(-260px);
opacity: 0;
visibility: hidden;
padding: 0px 0 20px;
transition: all 300ms ease;
-o-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
z-index: 3;
padding: 18px 15px;
}
.web-header-inner .navbar-nav {
background: transparent;
border: 0;
padding: 0;
}
.login-pc-btn {
display: none;
}
.navbar-collapse.menu-visible {
transform: translateX(0px);
transition: all 300ms ease;
-o-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
opacity: 1;
visibility: visible;
overflow: auto;
}
.sub-menu {
display: none !important;
position: relative;
border: none;
box-shadow: none;
transform: translate(0%, 0px);
left: 0;
width: 100%;
background: transparent;
}
.web-header .navbar .navbar-nav .nav-item:hover .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translate(0%, 0px);
-moz-transform: translate(0%, 0px);
-ms-transform: translate(0%, 0px);
-o-transform: translate(0%, 0px);
transform: translate(0%, 0px);
}
.web-header .navbar .navbar-nav .nav-item.curent .sub-menu {
visibility: visible;
opacity: 1;
position: relative;
transform: translateY(0em);
z-index: 1;
transition: none;
display: block !important;
min-width: 100%;
left: 0;
transform: translate(0%, 0px);
}
.menu_overlay.menu-visible {
display: block;
}
.mobile-login-btn {
display: block;
margin-left: auto;
margin-right: 20px;
}
.feature-heading-box {
font-size: 14px;
}
.banner-cont-box h1 {
font-size: 50px;
line-height: 70px;
}
.secoundry-btn {
font-size: 14px;
padding: 9px 22px;
}
.trusted-header h2 {
font-size: 28px;
}
.trusted-box-outer {
margin-bottom: 24px;
}
.trading-tools-img {
margin-bottom: 25px;
}
.trading-row {
flex-direction: column-reverse;
}
.trading-tools-img {
text-align: center;
}
.trusted-outer-box {
margin-bottom: 24px;
}
.web-footer-top-box:first-child {
width: 100%;
margin-bottom: 24px;
}
.web-footer-top-box:nth-child(2) {
width: 20%;
}
.web-footer-top-box:nth-child(3) {
width: 20%;
}
.web-footer-top-box:nth-child(4) {
width: 30%;
}
.web-footer-top-box:last-child {
width: 30%;
}
.web-header .navbar .navbar-nav .nav-item.curent .sub-menu {
border: 1px solid #2f336d;
background-color: #0c0e1b;
}
.sub-menu>li>a {
color: #abb0cd;
padding: 5px 16px;
font-size: 13px;
}
.contact-info-right {
margin-top: 35px;
}
.dashboardTopBarinner .dashboardTopSearchWrapper {   
display: none;
}
.dashboardTopBarinner .rightPart {
gap: 10px;
}
.dashboardTopBarinner .profile-dropdown-toggle {
gap: 4px;    
font-size: 12px;
}
.dashboardTopBarinner .profile-area {
gap: 0px;   
}	
.dashboardTopBarinner .profile-area .profile-img {
width: 20px;
height: 20px;
}
.dashboardTopBarinner .profile-area .profile-name,
.dashboardTopBarinner .profile-area .profile-role{display: none;}
}
@media(max-width: 767px) {
.banner-cont-box {
width: 100%;
}
.banner-cont-box h1 {
font-size: 40px;
}
.banner-img {
padding: 0 10px;
}
.trusted-header h2 {
font-size: 24px;
}
.trusted-header p {
font-size: 14px;
}
.trading-cont h2 {
font-size: 23px;
}
.trading-cont .secoundry-btn {
font-size: 14px;
padding: 7px 16px;
}
.trading-cont {
margin-bottom: 40px;
}
.join-inner h2 {
font-size: 32px;
}
.footer-heading {
font-size: 16px;
}
.web-footer-top-box:nth-child(2) {
width: 33.33%;
}
.web-footer-top-box:nth-child(3) {
width: 33.33%;
}
.web-footer-top-box:nth-child(4) {
width: 33.33%;
}
.web-footer-top-box:last-child {
width: 100%;
padding: 0;
}
}
@media screen and (max-width:767px){
.our-main-timeline:before{
transform: translateX(0);
left: 23px;
}
.our-main-timeline .timeline,
.our-main-timeline .timeline:nth-child(even){
width: 100%;
margin: 0 0 20px;
}
.our-main-timeline .timeline-content,
.our-main-timeline .timeline:nth-child(even) .timeline-content{
padding: 0 0 0 150px;
}
.our-main-timeline .timeline-content:before,
.our-main-timeline .timeline:nth-child(even) .timeline-content:before{
left: 0;
}
.our-main-timeline .timeline-icon,
.our-main-timeline .timeline:nth-child(even) .timeline-icon{
left: 20px;
right: auto;
}
}
@media(max-width: 575px) {
.banner-cont-box h1 {
font-size: 35px;
line-height: 45px;
}
.join-inner {
width: 100%;
}
.login-box {
width: 90%;
}
.web-header-inner .navbar {
padding: 10px 0px 10px;
}
.navbar-brand img {
width: 26px;
}	
.navbar-brand .txt {    
font-size: 18px;
}
.web-header-inner .rightPart{gap:8px;}
.web-header-inner .rightPart .register-btn {   
padding: 5px 15px;
border-radius: 6px;    
}
.navbar-toggler {        
padding: 3px 5px;        
border-radius: 4px;
}
.nan-btn-icon {       
width: 20px;
height: 2px;       
margin: 4px 0;
}
.trading-tools-sec1 {
margin-top: 0;
}
.strategyReportCardInner {
    display: block;   
}
.strategyReportCardInner .left-panel {
    width: 100%;
}
.newsAnalysisDetails .article-title {
    font-size: 18px;
    font-weight: 600;
}
.newsAnalysisDetails .sidebar-card {   
    padding: 15px 15px;
}
.promtChatInputArea .promtChat-input {
    padding: 10px 10px;
}


}
@media(max-width: 480px) {
.otp-box-wrapper{
padding: 0px;
justify-content: center;
gap: 8px;	
}
.otp-box-wrapper input {
width: 36px;   
height: 36px;
}	
.primry-btn {
font-size: 14px;
padding: 8px 25px;
border-radius: 5px;
}
.nan-btn-icon {
}
.banner-cont-box h1 {
font-size: 32px;
line-height: 40px;
}
.banner-cont-box {
padding: 40px 0;
padding-top: 20px;
}
.banner-cont-box p {
font-size: 14px;
}
.banner-img {
padding: 0;
}
.feature-heading-box {
padding: 5px 16px;
border-radius: 7px;
padding-left: 33px;
}
.feature-heading-box::before {
top: 11px;
}
.trusted-box h3 {
font-size: 20px;
}
.trusted-box p {
font-size: 14px;
}
.feature-sec {
width: 100%;
padding: 80px 0;
padding-bottom: 20px;
}
.trading-tools-sec {
padding-bottom: 0;
}
.trading-cont {
margin-bottom: 0;
}
.app-sec .trading-cont {
margin-bottom: 38px;
}
.guaranty-sec {
padding-bottom: 20px;
}
.app-sec {
padding: 46px 0;
}
.join-inner h2 {
font-size: 26px;
}
.join-sec {
padding: 35px 0;
}
.web-footer-top-box:nth-child(2) {
width: 100%;
margin-bottom: 15px;
}
.web-footer-top-box:nth-child(3) {
width: 100%;
margin-bottom: 15px;
}
.web-footer-top-box:nth-child(4) {
width: 100%;
margin-bottom: 15px;
}
.web-footer-top-box:last-child {
padding-left: 15px;
}
.web-footer-center p {
font-size: 11px;
}
.web-footer-bottom p {
font-size: 12px;
}
.partner-header h2 {
font-size: 22px;
}
.login-top h2 {
font-size: 18px;
}
.login-box {
padding: 30px 20px;
}
.login-remember-sec a {
font-size: 12px;
}
.remember-box label {
font-size: 13px;
}
.bottom-text p {
font-size: 13px;
}
.bottom-text {
margin-top: 20px;
}
.bedcum-sec {
padding: 35px 0;
}
.bedcum-inner h2 {
font-size: 30px;
}
.contact-info-left {
padding: 22px;
}
.contact-info-left p {
font-size: 14px;
}
.contact-info-right {
padding: 28px 20px;
}
.map-inner {
height: 330px;
}
.blog-details-left h2 {
font-size: 26px;
}
.blog-details-sec {
padding: 42px 0;
}
.or-sec p {
padding: 0 13px;
font-size: 12px;
}
}
@media screen and (max-width:479px){
.our-main-timeline .timeline-content,
.our-main-timeline .timeline:nth-child(even) .timeline-content{
padding: 120px 0 0 25px;
}
.our-main-timeline .timeline-content:before,
.our-main-timeline .timeline:nth-child(even) .timeline-content:before{
transform: translateY(0);
top: 43px;
}
.our-main-timeline .timeline-icon,
.our-main-timeline .timeline:nth-child(even) .timeline-icon{
transform: translateY(0);
top: 0;
}
.dashboardPagedasTopHeaderinner {   
    display: block !important;
}
.dashboradPricingSec .enterprise{flex-wrap: wrap; gap: 10px;}
.settingSecHeader {   
    padding: 15px 0 0 0;
    margin-bottom: 15px;
}
.settingSecHeader h2 {    
    font-size: 16px;    
    gap: 8px;
}
.settingSecHeader .btn-save {    
    font-size: 12px;
    font-weight: 600;   
    border-radius: 6px;
    padding: 6px 12px;    
}
.trade-card .trade-header {
    flex-wrap: wrap;
    gap: 10px;   
}




}