/* Responsive Css */


@media only screen and (max-width: 1499px){



}


@media only screen and (max-width: 1399px){


}


@media only screen and (max-width: 1299px){


}



@media only screen and (max-width: 1200px){

  

  .menu-area .mobile-nav-toggler {
    display: block;
    padding: 10px;
  }

  

}



@media only screen and (min-width: 768px){
  .main-menu .navigation > li > ul,
  .main-menu .navigation > li > ul > li > ul,
  .main-menu .navigation > li > .megamenu{
    display:block !important;
    visibility:hidden;
    opacity:0;
  }
}



@media only screen and (max-width: 991px){


}


@media only screen and (max-width: 767px){

  .sec-title h2{
    font-size: 22px !important;
    line-height: 32px !important;
  }

}

@media only screen and (max-width: 599px){

  .pagination li a{
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

}


@media only screen and (max-width: 499px){

  .mobile-menu{
    width: 100%;
  }

}





@media screen and (max-width: 500px){
  .banner-carousel .content-box h2 {
    font-size: 21px !important;
    line-height: 30px !important;
}

.content-box h4{
  font-size: 14px;
}

.banner-carousel .content-box p {
  font-size: 14px !important;
  line-height: 21px !important;
}

.theme-btn{
padding: 5px 15px;
}

.main-menu{
position: absolute;
left: 0px;
top: 95px;
background: #fff;
width: 100%;
}

.main-menu .navigation > li{
display: block;
float: unset !important;
}

.header-style-one .main-menu .navigation > li > a {
  border: 0px solid var(--secondary-color);
  border-radius: 0;
  padding: 18px 20px;
  text-align: left;
  border-bottom: 1px solid;
}

.collapse:not(.show) {
  display: none  !important;
}

.header-style-one .main-menu .navigation > li {
margin: 0;
}

.header-lower .large-container{
  padding: 0px;
}

.main-header .outer-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 15px;
}

.about-image img {
  height: 198px !important;
  width: 100%;
}
.trading-block-one {
  position: relative;
  float: left;
  display: block;
  width: 100% !important;
  min-height: 420px;
  max-height: 420px;
  height: 100%;
}

.trading-block-one .inner-box{
  border-right: 0px solid #E5E5E5;
}

.trading-block-one .image-box img{
  width: 80%;
}

}














