/* responsive css start */
@media (min-width: 1440px){
    .container{
        max-width: 1350px;
    }
}
@media (min-width: 1600px){
    .container{
        max-width: 1450px;
    }
}
@media (min-width: 1900px){
    .container{
        max-width: 1716px;
    }
}
@media (max-width: 1799px){
    footer p,.footer-menu-list li a{
        font-size: 14px;
    }
    .about-details-section h1{
        font-size: 30px;
    }
    .hero-section h3{
        font-size: 50px;
    }
    .hero-section p{
        font-size: 24px;
    }
}
@media (max-width: 1599px){
    .footer-col h4,.our-team-section h6{
        font-size: 20px;
    }
    .hero-section h3 {
        font-size: 40px;
    }
    .online-trading-box-row {
        gap: 40px 60px;
    }
    .our-philosophy-box-row {
        gap: 80px 20px;
    }
    .our-philosophy-box-col h4 {
        font-size: 16px;
    }
    footer .footer-col {
        width: calc(100% / 3);
    }
    .our-team-section span{
        font-size: 14px;
    }
    .our-team-img-box {
        width: 300px;
    }
    .blog-details-section .blog-img{
        width: 400px;
        height: 400px;
    }
    .blog-details-section .blog-content {
        width: calc(100% - 400px);
    }
    .blog-box p{
        font-size: 16px;
    }
    .service-content h2 {
        font-size: 24px;
    }
    .our-philosophy-section{
        border-top-left-radius: 100px;
    }
    .about-inner-section{
        max-width: 800px;
        height: 500px;
    }   
    .about-inner-content{
        height: 500px;
        margin-top: -33%;
        right: -16%;
    }
    .about-default-list{
        padding: 40px;
    }
}
@media (max-width: 1439px){
    .about-inner-section{
        max-width: 700px;
        height: 400px;
    }   
    .about-inner-content{
        width: 900px;
        height: 400px;
        margin-top: -30%;
    }
    .about-default-list{
        padding: 30px;
    }
    .about-default-list li {
        font-size: 15px;
    }
}
@media (max-width: 1365px){
    .hero-section p{
        font-size: 20px;
    }
}
@media (max-width: 1279px){
    
}
@media (max-width: 1199px){
    .our-addressBox{
        padding: 0 15px 25px;
    }
    .contact-us-form-section input {
        min-height: 50px;
    }
    header ul {
        gap: 0 68px;
    }
    .hero-section .carousel-item img {
        height: calc(100vh - 79px);
    }
    .page-head,.hero-section h3 {
        font-size: 36px;
    }
    .online-trading-box-row {
        gap: 40px;
    }
    p {
        font-size: 16px;
    }
    .about-us-section{
        min-height: 500px;
    }
    .our-philosophy-box-col {
        padding: 20px 10px 40px;
    }
    .our-Partner-section .owl-carousel img {
        max-width: 130px;
    }
    .about-me-img-box{
        height: 400px;
        max-height: 400px;
        min-height: inherit;
    }
    .form-group {
        margin-bottom: 30px;
    }
    .blog-details-section .blog-img{
        width: 350px;
        height: 350px;
    }
    .blog-details-section .blog-content {
        width: calc(100% - 350px);
    }
    .service-box {
        width: 300px;
        border-radius: 20px;
    }
    .service-content{
        width: calc(100% - 300px);
    }
    .about-us-section .main-head {
        font-size: 30px;
    }
    .about-inner-section{
        max-width: 600px;
        height: 350px;
    }   
    .about-inner-content{
        width: 700px;
        height: 350px;
    }
    .about-default-list{
        padding: 20px;
    }
    .about-default-list li:not(:last-child) {
        padding-bottom: 10px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .carousel-indicators{
        margin-bottom: 5rem;
    }
}
@media (max-width: 991px){
    header .header-logo {
        max-width: 70px;
    }
    .hero-section .carousel-item img {
        height: calc(100vh - 77px);
    }
    .primary-btn{
       min-width: 150px;
        min-height: 45px;
        font-size: 14px;
    }
    .hero-section h3 {
        font-size: 30px;
    }
    .hero-section p,.about-us-section p {
        font-size: 18px;
    }
    header ul {
        gap: 0 48px;
    }
    .online-trading-box-row{
        flex-wrap: wrap;
    }
    .online-trading-box-row {
        gap: 80px 0;
    }
    .our-philosophy-box-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 80px 20px;
    }
    .our-Partner-section .owl-carousel img {
        max-width: 100px;
    }
    .our-team-img-box {
        width: 200px;
    }
    .our-team-row {
        grid-gap: 30px 10px;
    }
    .our-radius-img {
        border-radius: 10px;
    }
    footer .social-ico li a, .our-team-col .social-ico a{
        width: 30px;
        height: 30px;
    }
    footer .social-ico svg, .our-team-col .social-ico svg{
        width: 17px;
        height: 17px;
    }
    .footer-col h4, .our-team-section h6 {
        font-size: 16px;
    }
    .our-team-section span {
        font-size: 12px;
    }
    .blog-details-section .blog-img {
        position: unset;
        width: 100%;
    }
    .blog-details-section .blog-content {
        width: 100%;
    }
    .service-box {
        width: 250px;
        border-radius: 10px;
    }
    .service-content{
        width: calc(100% - 250px);
    }
    .service-content h2 {
        font-size: 20px;
    }
    .contact-us-map-section iframe {
        height: 400px;
        border-radius: 20px;
    }
    .about-inner-content {
        width: 600px;
        margin-top: -40%;
        right: -10%;
    }
    .top-first-section-mt {
        margin-top: 77px;
    }
}
@media (max-width: 767px){
    .hero-section .carousel-item img{
        height: auto;
    }
    .carousel-indicators{
        margin-bottom: 0;
    }
    .carousel-control-next, .carousel-control-prev{
        width: 40px;
        height: 40px;
    }
    .carousel-control-prev {
        left: 15px;
    }
    .carousel-control-next {
        right: 15px;
    }
    .main-head{
        font-size: 24px;
    }
    .primary-btn {
        min-width: 130px;
        min-height: 40px;
        font-size: 12px;
    }
    .sub-footer h4{
        font-size: 18px;
    }
    footer .footer-col {
        width: calc(100% / 1);
        margin-bottom: 30px;
    }
    footer .social-ico{
        margin-bottom: 0;
    }
    .section-big-pt{
        padding: 50px 12px 0;
    }
    .section-big-mt{
        margin-top: 50px;
    }
    .section-big-mb{
        margin-bottom: 50px;
    }
    .section-big-py{
        padding: 50px 12px;
    }
    .about-me-img-box {
        height: 300px;
        max-height: 300px;
    }
    .our-team-row {
        display: block;
    }
    .service-box {
        width: 100%;
        margin-bottom: 30px;
    }
    .service-content {
        width: 100%;
    }
    .services-col{
        flex-wrap: wrap;
    }
    .page-head, .hero-section h3 {
        font-size: 30px;
    }
    .contact-us-map-section iframe {
        height: 300px;
        border-radius: 10px;
    }
    .form-group {
        margin-bottom: 15px;
    }
    .about-us-section{
        min-height: 400px;
        padding: 60px 12px;
    }
    .our-philosophy-section{
        border-top-left-radius: 70px;
    }
    .about-us-details-img-wrap{
        min-height: 400px;
    }
    .about-default-list li{
        font-size: 16px;
    }
    .about-inner-content {
        width: 90%;
        margin-top: -60%;
    }
    .about-inner-section{
        max-width: 450px;
    }
}
@media (max-width: 575px){
    .contact-us-map-section iframe {
        border-radius: 20px;
    }
    .about-details-section h1,.page-head, .hero-section h3 {
        font-size: 24px;
    }
    .blog-section h5{
        font-size: 18px;
    }
    .blog-details-section .blog-img {
        width: 100%;
        height: 250px;
    }
    .about-me-img-box {
        height: 250px;
        max-height: 250px;
        border-radius: 10px;
    }
    .about-details-section{
        padding: 20px;
    }
    .about-logo{
        max-width: 100px;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 30px;
        height: 30px;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon{
        width: 15px;
        height: 15px;
    }
    .hero-section h3 {
        font-size: 20px;
    }
    .hero-section p, .about-us-section p,p{
        font-size: 16px;
    }
    .section-big-pt{
        padding: 30px 12px 0;
    }
    .section-big-mt{
        margin-top: 30px;
    }
    .section-big-mb{
        margin-bottom: 30px;
    }
    .section-big-py{
        padding: 30px 12px;
    }
    .online-trading-img-box {
        width: 60px;
        height: 60px;
        margin: -80px auto 20px;
    }
    .online-trading-box-col {
        padding: 50px 20px 20px;
    }
    .our-philosophy-img-box {
        width: 50px;
        height: 50px;
        margin: -45px auto 20px;
    }
    .our-philosophy-box-row {
        gap: 50px 10px;
    }
    .our-philosophy-box-col {
        padding: 20px 10px 20px;
    }
    .our-philosophy-box-col h4 {
        font-size: 14px;
    }
    .our-philosophy-section{
        border-top-left-radius: 50px;
    }
    .about-us-content{
        padding: 10px;
    }
    .about-default-list li{
        font-size: 14px;
    }
    .about-inner-section {
        height: 200px;
    }
    .about-border-lest h2{
        font-size: 20px;
    }
    .about-inner-content{
        width: 98%;
        margin-top: -150px;
    }
    .hero-section h3{
        -webkit-line-clamp: 2;
        margin-bottom: 15px;
    }
}
@media (max-width: 399px){
    .our-philosophy-box-row {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 349px){
}
/* responsive css end */