@media(min-width:1400px){

}
/*max width 1399px*/
@media(max-width:1399px){

    /* header banner csss start */
    .banner-content-wrap .banner-content h3{
        font-size: 55px;
    }
    /* header banner csss end */
    .about-left-title img{
        max-width: 55%;
    }


    .footer-wrapper .footer-logo h4{
        font-size: 60px;
    }
}
/*max width 1200px to 1399px*/
@media(min-width: 1200px) and (max-width: 1399px){

}
/*max width 1199px*/
@media(max-width: 1199px){
    .common-title h3{
        font-size: 45px;
    }
    .common-title p{
        font-size: 14px;
    }
    .banner-content-wrap .banner-content h3 {
        font-size: 45px;
    }
    .banner-content-wrap .banner-content h5{
        font-size: 16px;
    }
    .about-left-title h5{
        font-size: 20px;
    }
    .about-right-content p{
        font-size: 16px;
        line-height: 27px;
    }

    .invest-wrapper .invest-text{
        font-size: 150px;
        line-height: 130px;
    }
    .invest-wrap .invest-left-title h3{
        font-size: 45px;
    }
    .invest-wrap .invest-left-title h5{
        font-size: 25px;
    }
    .invest-wrap .invest-right-title h4{
        font-size: 25px;
    }
    .invest-wrap .invest-right-title p{
        font-size: 16px;
    }

    .invest-list p{
        font-size: 16px;
    }

    .footer-wrapper .footer-logo h4 {
        font-size: 50px;
    }
}

/*max width 992px to 1199px*/
@media(min-width: 992px) and (max-width: 1199px){

}

/*max width 991px*/
@media(max-width: 991px){
	/* header and banner css start */
    .header-wrapper .navbar .navbar-toggler{
        background-color: #fff;
        padding: 8px 12px;
        color: #000;
    }
    .header-wrapper .navbar .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: rgb(0 0 0 / 90%);
        padding: 20px 10px;
        border-radius: 5px;
        box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 50%);
    }
    .header-wrapper .navbar .navbar-nav li{
        padding: 6px 0px;
    }

    .banner-content-wrap .banner-content .subscription-form-wrap .form-control::-moz-placeholder {
        color: #fff;
      }
      
      .banner-content-wrap .banner-content .subscription-form-wrap .form-control::placeholder {
        color: #fff;
      }
	/* header and banner css end */

    .footer-contact-details-list .details h5{
        font-size: 16px;
    }
    .footer-social-icon h4{
        font-size: 16px;
    }

    /* team page css start */
    .team-listing .team-bios-left-img{
        text-align: center;
    }
    .team-listing{
        padding: 15px 15px;
    }
    /* team page css end */

}

/*width 768px to 991px*/
@media(min-width: 768px) and (max-width: 991px){

}

/*max width 767px*/
@media(max-width: 767px){
    .common-title h3 {
        font-size: 30px;
    }

    /* banner css */
    #banner-slider .banner-sld-items img{
        height: 450px;
        object-fit: cover;
    }
    .banner-content-wrap .banner-content h3 {
        font-size: 30px;
    }
    /* banner css end */
    .about-right-content p {
        font-size: 14px;
        line-height: 26px;
    }
    .invest-wrapper .invest-text {
        font-size: 80px;
        line-height: 40px;
    }

    .faq-wrap h3, .featured-show-wrap h3{
        font-size: 22px;
    }

    .team-wrap .team-content h4{
        font-size: 20px;
    }
    .team-wrap .team-content h5{
        font-size: 16px;
    }
    .team-wrap .team-content p{
        font-size: 14px;
    }

    .footer-wrapper .footer-logo h4 {
        font-size: 26px;
    }
	.trams-menu-wrap ul{
        justify-content: start;
    }

    .back-to-top .back-totop-btn{
        width: 100px;
        height: 100px;
        font-size: 18px;
    }
    .circle-ripple{
        width: 100px;
        height: 100px;
    }
}

/*width 576px to 767px*/
@media(min-width: 576px) and (max-width: 767px){

}

/*max with 575px*/
@media(max-width: 575px){
    /* header css */
    .header-wrapper .navbar .logo-wrap img {
        width: 110px;
    }
    .header-wrapper .navbar .head-right-btn ul .common-btn1{
        padding: 8px 12px;
        font-size: 15px;
    }
    .header-wrapper .navbar .navbar-toggler{
        padding: 5px 8px;
    }
    /* header css end */
	.banner-content-wrap .banner-content{
        padding-right: 60px;
    }
    #banner-slider .slick-dots{
        top: auto;
        bottom: 3%;
    }
    .banner-content-wrap .banner-content h3 {
        font-size: 22px;
    }
    .banner-content-wrap .banner-content h5 {
        font-size: 14px;
    }
    .banner-content-wrap .banner-content .subscription-form-wrap .input-group-text .btn-light{
        padding: 6px 12px;
        font-size: 16px;
    }
}