@media only screen and (max-width:1269px) {
    .modal-dialog {
        width: 90%;
    }

    .Vision {
        padding: 50px 0;
        background-size: cover !important;
    }

    ul.list-box li {
        height: auto;
        width: 47%;
        font-size: 15px;
        vertical-align: top;
    }

    .play-btn::after {
        z-index: 9;
    }
}

@media only screen and (max-width:1100px) {
    .btn-sign {
        position: absolute;
        right: 0;
        z-index: 9;
        left: 0;
    }

    .head-top {
        top: 5px;
        display: none;
    }

    .stellarnav.mobile.dark ul {
        background: rgb(46, 126, 160) !important;
    }

    .stellarnav.dark a.dd-toggle .icon-plus::before {
        border-color: #fff;
    }

    .stellarnav.dark a.dd-toggle .icon-plus::after {
        border-color: #fff;
    }

    .stellarnav.dark li .active {
        background: transparent !important;
    }

    .stellarnav.mobile > ul > li > a {
        color: #fff !important;
    }

    /*.stellarnav.dark li a {
        color: #fff !important;
        font-size: 12px !important;
    }*/

    .stellarnav.dark li a:hover {
        background: transparent !important;
        color: #ffc107 !important;
    }


    .stellarnav.mobile {
        text-align: right;
    }

    .stellarnav .menu-toggle span.bars span {
        width: 30px !important;
        height: 2px !important;
        margin: 0 0 7px !important;
        border-radius: 5px !important;
    }
    .MembershipBtn {
        background: #fff;
        color: #2e7ea0 !important;
        font-size: 15px;
    }
}

@media only screen and (max-width:991px) {
    #main-slider .slider-content h3 {
        font-size: 30px;
    }

    #main-slider .slider-content h6 {
        font-size: 18px;
    }

    #main-slider .slider-content .pra {
        font-size: 15px;
    }

    .scrolling-down {
        display: none;
    }

    .user-box {
        height: 370px;
    }

    .heading {
        font-size: 25px;
    }

    .perspectives h3 {
        font-size: 18px;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
    }

    .read {
        font-size: 15px;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
    }

    .health {
        padding: 50px 0;
    }

    .business-perspectives {
        padding: 50px 0;
    }

    .about-sec {
        padding: 50px 0;
    }

    .popular-video {
        padding: 50px 0;
    }

    .new-sec {
        padding: 50px 0;
    }

    .impact-sec {
        padding: 50px 0;
    }

    .read-more {
        border: 1px solid #fff;
        padding: 5px 15px;
        font-size: 15px;
    }

    .about h6 {
        letter-spacing: 0px;
        font-size: 15px;
    }

    .video-tst h3 {
        font-size: 15px;
    }

    .post-slide {
        margin-bottom: 15px;
    }

        .post-slide .post-title a {
            font-size: 18px;
            line-height: 1.4;
            font-family: lato;
        }

    .grid figure {
        margin: 0;
    }

    .footer-tst h4 {
        margin: 20px 0;
    }

    .disclaimer {
        text-align: center;
    }

    ul.social-network {
        display: block;
        padding: 0;
        margin: 10px auto;
        text-align: center;
    }

    .post-module .post-content .sub_title {
        font-size: 15px;
    }

    .post-module .post-content .title {
        font-size: 15px;
    }

    .space {
        margin-bottom: 15px;
    }

    .announc-list li a {
        font-family: 'Roboto', sans-serif;
    }

    .user-box h4 {
        font-family: 'Roboto', sans-serif;
    }

    .logo img {
        width: 170px;
    }

    ul.MisionVision {
        padding: 0 !important;
        background: transparent !important;
    }

    .MisionVision li {
        width: 100% !important;
        padding: 0px !important;
    }
    .box2 h3{
        color:#fff;
    }
    .box2 p {
        color: #fff;
    }
    .target{
        display:none;
    }
    .banner{
        padding:70px 0;
    }
}

@media only screen and (max-width:768px) {
    .pull-right {
        display: none;
    }

    .lightGallery {
        text-align: center;
    }

    #main-slider .slider-content h3 {
        font-size: 22px;
    }

    #main-slider .slider-content .pra {
        font-size: 13px;
        padding: 5px 15px;
    }

    #main-slider .slider-content h6 {
        font-size: 14px;
        margin: 0;
    }

    #main-slider .slider-content {
        top: 35%;
    }

    .nav {
        top: 15px;
        right: 15px;
        width: 50px;
        height: 50px;
    }

    .menu-icon:checked + label, .menu-icon:not(:checked) + label {
        top: 30px;
        right: 25px;
    }

    .btn-sign {
        top: 25px;
    }

    .subscribe {
        background: #eee;
        padding: 15px;
        border-radius: 5px;
        margin: 30px 0;
    }

    .read-more {
        display: none;
    }

    a.read.orang {
        display: none;
    }

    .mt-5, .my-5 {
        margin-top: 0 !important;
    }

    .bbb-wrapper .subcribe-form #subscribe input {
        height: 40px;
    }

    .bbb-wrapper .subcribe-form #subscribe #subscribe-button {
        height: 30px;
        top: 4px;
        padding: 0 15px;
        font-size: 15px;
    }

    .heading {
        font-size: 22px;
    }

    .upcoming-tst {
        margin-bottom: 30px;
    }

    .strategic h3 {
        font-size: 22px;
    }

    .menu-icon:checked ~ .nav {
        top: 15%;
    }

    .user-box {
        height: auto;
        text-align: center;
        padding: 30px;
    }

    .nav ul {
        top: 60%;
    }

        .nav ul li a {
            font-size: 15px;
        }

    .overview-tst h3 {
        font-size: 20px;
    }

    .overview-tst p {
        font-size: 14px;
    }

    .nav ul li {
        margin: 5px 0;
    }

    ul.list-box li {
        width: 47%;
        height: 150px;
        text-align: center;
        font-size: 15px;
    }

        ul.list-box li img {
            margin: auto;
        }

    .overview {
        margin: 15px 0;
    }

    .box-red {
        margin-bottom: 15px;
    }

        .box-red h3 {
            padding: 10px 0;
        }

        .box-red p {
            padding: 25px 15px 40px;
        }

    .Vision {
        padding: 20px 15px;
    }

    .logo img {
        width: 90px;
    }

    .Vision {
        padding: 20px 15px;
    }

    ul.MisionVision {
        background: transparent;
    }

    .MisionVision li {
        width: 50%;
    }
    .heading2 {
        font-size: 25px;
    }
}

@media only screen and (max-width:575px) {
    .btn-sign .read {
        border: 1px solid #fff;
        margin: 0;
    }

    .display-5 {
        font-size: 15px;
    }

    .nav ul {
        top: 65%;
        left: 13%;
    }

    .btn-back-to-top img {
        width: 35px;
    }

    .slider-content h2 {
        display: none;
    }

    .main-div {
        padding: 0;
    }

    .slider-content ul li {
        letter-spacing: 0px;
        font-size: 15px;
    }

        .slider-content ul li a {
            font-size: 15px;
        }

    .post-module .post-content {
        padding: 35px 15px;
    }
    .MisionVision li {
        width: 100%;
        padding: 0;
    }

    .Vision {
        padding: 50px 15px;
    }
}

@media only screen and (max-width:480px) {
    .btn-sign {
        display: none;
    }

    #main-slider .slider-content {
        top: 15%;
    }

        #main-slider .slider-content h6 {
            display: none;
        }

        #main-slider .slider-content .pra {
            display: none;
        }
         

    .scrolling-down {
        display: block;
        height: 40px;
        bottom: 10%;
        width: 22px;
        border: 1px solid #fff;
    }

    .upcoming-tst {
        margin-bottom: 5px;
        padding-left: 15px;
    }

        .upcoming-tst a {
            font-size: 13px;
        }

    .heading {
        font-size: 18px;
        text-transform: uppercase;
        margin: 0;
    }

    .bbb-wrapper .subcribe-form p {
        font-size: 12px;
    }

    .bbb-wrapper .subcribe-form #subscribe #subscribe-button {
        font-size: 13px;
    }

    .btn-outline-light {
        font-size: 12px;
    }
}


@media screen and (max-width:767px) {
    .main-timeline:before {
        transform: translateX(-50%);
        left: 17px;
    }

    .main-timeline {
        margin-top: 20px;
    }

        .main-timeline .timeline,
        .main-timeline .timeline:nth-child(even) {
            width: 100%;
            padding: 0px 0 0 65px;
        }

            .main-timeline .timeline:before,
            .main-timeline .timeline:nth-child(even):before {
                left: 0;
                top: calc(50% + 63px);
            }

            .main-timeline .timeline-content,
            .main-timeline .timeline:nth-child(even) .timeline-content {
                padding: 15px 15px 15px 100px;
            }

                .main-timeline .timeline-content:before,
                .main-timeline .timeline:nth-child(even) .timeline-content:before {
                    right: auto;
                    left: 0;
                }

                .main-timeline .timeline-content:after,
                .main-timeline .timeline:nth-child(even) .timeline-content:after {
                    right: auto;
                    left: -13px;
                }

            .main-timeline .timeline-year,
            .main-timeline .timeline:nth-child(even) .timeline-year {
                transform: translateY(0);
                right: auto;
                left: 0;
                top: -125px;
                display: none;
            }

            .main-timeline .timeline-icon,
            .main-timeline .timeline:nth-child(even) .timeline-icon {
                right: auto;
                left: 15px;
            }
}


@media screen and (max-width:576px) {
    .main-timeline .timeline:before,
    .main-timeline .timeline:nth-child(even):before {
        transform: translateY(0);
        top: 0px;
    }

    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(even) .timeline-content {
        padding: 80px 15px 15px;
    }

    .main-timeline .timeline:before {
        width: 25px;
        height: 25px;
        left: 5px !important;
    }

    .main-timeline .timeline {
        margin: 0 0 20px;
    }

        .main-timeline .timeline-content:before,
        .main-timeline .timeline:nth-child(even) .timeline-content:before {
            width: 100%;
            height: 60px;
        }

        .main-timeline .timeline-content:after,
        .main-timeline .timeline:nth-child(even) .timeline-content:after {
            transform: translateX(-50%) translateY(0) rotate(45deg);
            top: 10px;
            left: 7px;
        }

        .main-timeline .timeline-icon,
        .main-timeline .timeline:nth-child(even) .timeline-icon {
            transform: translateX(-50%) translateY(0);
            left: 50%;
            top: 10px;
        }

    .main-timeline .timeline-icon {
        font-size: 30px;
    }
    .stellarnav.dark li a{
        color:#eee;
    }
    .slider-content {
        top: 70%;
    }

    .Mobile2 {
        display: none;
    }

    .disktop {
        display: block;
        margin-top: 15px;
    }

    .grid {
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }
}

@media only screen and (max-width:420px) {

    .stellarnav .call-btn-mobile,
    .stellarnav .close-menu,
    .stellarnav .location-btn-mobile,
    .stellarnav .menu-toggle {
        padding: 5px !important;
    }
}