@charset "utf-8";

#myCarousel .carousel-control { cursor: pointer;}
.pad15{padding-right:15%;}

@media only screen and (max-width: 767px){
    
    header .navbar .navbar-nav li.dropdown:hover .dropdown-menu{position:relative;width:100%;margin:0 0 10px 0}
    .slideBanner .carousel-inner .item{min-height:95vh}
    .slideBanner .sliderText{margin:0;max-width:inherit;top:60px;padding:0 20px 0 50px}
    .slideBanner .sliderText h3{font-size:36px;line-height:36px}
    #myCarousel .controls{left:50px}
    .counterArea ul li{width:50%;padding:15px 0}
    .globalStockArea .imgRight{margin:0 0 30px 0}
    .globalStockArea .imgRight figure{margin-left:0}
    .globalStockArea .imgRight.Volume figure{margin-right:0}
    .VisionArea .VisionHead{margin:0}
    .VisionArea .VisionBody .VisionBox{text-align:center;margin:50px 0 0 0}
    .TeamArea .TeamHead{margin:0}
    .TeamArea .TeamBody .TeamBox{margin:50px 0 0 0}
    .TradingArea .TradingImage video{width:100%;height:auto;margin:20px 0 0 0}
    .TradingArea .TradingReference{padding:0 15px}
    .TradingArea .TradingReference p img{width:100%}
    .TradingArea .TradingReference ul,
    .AnalticsArea .AnalticsBottom ul{float:none}
    .TradingArea .TradingReference ul li,
    .TradingArea .TradingReference ul li:nth-child(even),
    .AnalticsArea .AnalticsBottom ul li,
    .AnalticsArea .AnalticsBottom ul li:nth-child(even){width:100%;float:none;line-height:26px}
    .TradingArea .TradingReference ul li:before,
    .AnalticsArea .AnalticsBottom ul li:before{bottom:auto;top:24px}
    .innerBanner{padding:80px 20px}
    .innerBanner h1{font-size:30px;line-height:40px}
    .StcokArea .StcokBox ul li,
    .StcokArea .StcokBox ol li{line-height:30px}
    .StcokArea .StcokBox p{line-height:30px}
    .StcokArea .StcokBox img{width:100%!important;height:auto!important}
    .AnalticsArea .AnalticsTop .AnalticsTopLeft{margin:0 0 20px 0}
    .advisory_wrapper1 .imgLeft{margin:0 0 20px 0}
    .advisory_wrapper1 .imgLeft figure{width:100%!important}
    .advisory_wrapper2 ul:first-of-type{margin:0!important;width:100%}
    .bottomLinks a{width:100%;margin:0 0 10px 0!important}
    .EventArea .EventLeft article{padding:0 0 0 0}
    .EventArea .EventLeft article time{z-index:9}
    .EventArea .EventLeft article figure{height:auto}
    .EventArea .EventLeft article figure .Title{bottom:10px;padding:0 10px}
    .EventArea .EventLeft article figure .Title h3{font-size:17px}
    .EventArea .EventLeft article figcaption .Registration p{width:100%}
    .EventArea .EventLeft article figcaption .Registration a{position:relative;float:none;padding:10px 20px;display:inline-block;height:auto;line-height:15px;margin:10px 0 0 20px}
    .BlogArea .BlogLeft article figure{height:auto}
    .BlogArea .BlogRight,
    .EventArea .EventRight{margin:20px 0 0 0}
    .VideoBlogArea .VideoBlog ul.VideoBlogTab li{width:48%;margin:6px 0}
    .VideoBlogArea .VideoBlog ul.VideoBlogTab li a{font-size:12px;padding:10px 10px}
    .congrats_box{width:100%;margin:-50px auto 100px}
    .congrats_box .loginWrapper{padding:20px}
    .CreateForm form h6{line-height:26px}
    #Newsletter .modal-dialog{width:90%}
    
}

@media screen and (max-width: 767px) and (min-width: 500px) {
 

}

@media (min-width: 992px) {
  .navbar-collapse {
    /* Styles to make the navbar horizontal */
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-toggle {
    display: none; /* Hides the hamburger button on screens >= 992px */
  }
}

/* Add an additional media query for screens smaller than 992px to ensure the toggle button appears */
@media (max-width: 991px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
    .navbar-collapse.collapse.in {
    display: block !important;
  }
  header .navbar .navbar-nav li {
    width:100%;
}
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
  }
  .slideBanner .sliderText {
    margin-left: 60px;
    top: 10%;
    max-width: 90%;
}
.slideBanner .sliderText p{
    margin:10px 0;
}
.slideBanner .sliderText h3 {
    font-size: 38px;
    line-height: 40px;
}
}
@media (max-width: 767px) {
      .slideBanner .sliderText {
    margin-left: 10px !important;
      }
    .slideBanner .sliderText h3, #analytics .Seasonality h1, #analytics .Seasonality h1 span,
    .globalStockArea .infoLeft h1, .AnalticsArea .AnalticsTop .AnalticsTopRight h3, .AnalticsArea .AnalticsTop .AnalticsTopRight h2, 
    .AnalticsArea .AnalticsBottom h3, h2, .innerBanner h1, .VisionArea .VisionHead h3, .AboutusArea .AboutusRight h3, .TeamArea .TeamHead h3,
    .congrats_box .loginWrapper h1{
        font-size: 28px !important;
        line-height: 30px;
    }
    .slideBanner .sliderText p{
        line-height:24px;
        font-size:14px;
    }
    .EventArea .EventLeft article {
    margin: 0 0 30px 0px;
}
.AboutusArea .AboutusLeft {
    padding: 0 0 70px;
}
.TeamArea .TeamBody .TeamBox h3 {
    font-size: 22px;
}
 .UserDashboard .PasswordArea .Description{margin-top:25px;} 
}

@media (max-width: 560px) {
              .slideBanner .carousel-inner .item {
        min-height: 100vh;
    }
    .slideBanner .sliderText {
        top: 50px;
        padding: 0 15px 0 45px;
    }
    .iteamHeading .proImage{
        display:none;
    }
    .subForm .prodHead h4{
        display:flex;
        align-items:center;
            margin: 0 !important;
            font-size: 14px;
    }
    .pad15{
        padding-right:4%;
    }
    .choosePayM{display:block;}
    button.know_more {
    padding: 12px 15px;
    font-size: 18px;
    }
    .itemHead .resFull{width:100% !important;}
    .noteDiv h3 {
    font-size: 18px;
    line-height: 24px;}
    .subForm h4{line-height: 22px !important;}
}
@media (max-width: 414px) {
              .slideBanner .carousel-inner .item {
        min-height: 109vh;
    }
}