﻿@media(min-width:1200px) and (max-width:1440px) {
   /* .navbar-nav {
        font-size: 26px !important;
    }*/

    .navbar-brand {
        margin-right: 11rem;
    }

    .counter {
        font-size: 45px;
    }

    .carousel-caption {
        width: 39%;
        /*left: 21%;*/
        top: 55%;
    }
    
    .carousel-caption h4 {
        font-size: 20px;
    }
}

@media(min-width:1025px) and (max-width:1200px) {
    .navbar-nav {
        font-size: 22px !important;
    }

    .navbar-brand {
        margin-right: 2rem;
    }

    .carousel .service-inner img {
        width: 25% !important;
    }

    .core-value {
        height: 95%;
    }

    .carousel-caption {
        width: 39%;
        /*left:22%;*/
        top:56%;
    }

    .carousel-caption h4 {
        font-size: 20px;
    }

        .carousel-caption h1 {
            font-size: 2rem;
        }
}

@media (min-width:991px) and (max-width:1024px) {

    .navbar-brand {
        margin-right: 7rem;
    }

    .expert-section .icon-data h3 {
        font-size: 24px;
    }

    .counter {
        font-size: 35px;
    }

    .about-main {
        padding: 200px 100px;
    }

    .story-img {
        text-align: center;
    }

    .carousel-caption {
        width: 35%;
        /*left: 21%;*/
        top:56%;
    }

    .carousel-caption h3 {
        font-size: 25px;
    }

    .carousel-caption h4 {
        font-size: 18px;
    }

        .carousel-caption h1 {
            font-size: 2rem;
        }
}

@media (min-width:770px) and (max-width:992px) {

    .carousel .service-inner img {
        width: 20% !important;
    }

    .expert-section .icon-data h3 {
        font-size: 24px;
    }

    .counter {
        font-size: 45px;
    }

    .about-main {
        padding: 150px 100px;
    }

    .story-img {
        text-align: center;
    }

    .expert-section .contact-outer p {
        font-size: 20px !important;
    }

    .contact-outer {
        padding: 36px;
    }

    .service-inner {
        width: 85%;
    }

    .carousel-caption {
        width: 36%;
        /*left: 23%;*/
        top: 50%;
    }

      #slider .carousel-inner .carousel-item {
        height: 100%;
    }

    .carousel-caption h3 {
        font-size: 22px;
    }

    .carousel-caption h4 {
        font-size: 14px;
    }

    .carousel-caption h1 {
        font-size: 1.5rem;
    }
}

@media (min-width:464px) and (max-width:768px) {

    .sub-inner img {
        width: 30%;
    }

    /*.expert-section .pra-size p {
        font-size: 21px!important;
    }

    .inner-section .sub-inner p {
        font-size: 21px !important;
    }*/

    .inner-section .sub-inner h3 {
        margin-top: 20px;
    }

    .carousel .service-inner img {
        width: 30% !important;
    }

    .expert-section .icon-data h3 {
        font-size: 24px;
    }

    .counter {
        font-size: 45px;
    }

    /*.footer .b-logo{
        text-align:center;
    }*/

    .footer .b-logo img {
        width: 30%;
    }

    .story-img {
        text-align: center;
    }

    .about-main {
        padding: 150px 50px;
    }

    .contact-form {
        border-radius: 10px;
    }

    .contact-outer {
        border-radius: 10px;
    }

    .service-inner {
        width: 90%;
    }

    #slider .carousel-inner .carousel-item{
        height:100%;
    }

    .carousel-caption {
        width: 55%;
        /*left: 50%;*/
        top:50%;
    }

    .carousel-caption h3 {
        font-size: 18px;
    }

    .carousel-caption h4 {
        font-size: 12px;
    }

    .social-media ul {
        justify-content: flex-start;
    }

    .carousel-caption h1 {
        font-size: 1.5rem;
    }
}

@media (min-width: 375px) and (max-width:463px) {

    .navbar-brand {
        margin-right: 12rem !important;
    }

    .expert-section .pra-size p {
        font-size: 18px !important;
    }

    .inner-section .sub-inner p {
        font-size: 18px !important;
    }

    .inner-section .sub-inner h3 {
        margin-top: 20px;
    }

    .carousel .service-inner img {
        width: 35% !important;
    }

    .expert-section .icon-data h3 {
        font-size: 24px;
    }

    .counter {
        font-size: 45px;
    }

    /*.footer .b-logo {
        text-align: center;
    }*/

    .footer .b-logo img {
        width: 30%;
    }

    .story-img {
        text-align: center;
    }

    .about-main {
        padding: 150px 50px;
    }

    .contact-form {
        border-radius: 10px;
    }

    .contact-outer {
        border-radius: 10px;
    }

    .service-inner {
        width: 100%;
    }

    #slider .carousel-inner .carousel-item {
        height: 100%;
    }

    .carousel-caption {
        width: 65%;
        /*left: 50%;*/
        top: 40%;
    }

    .carousel-caption h3 {
        font-size: 18px;
    }

        .carousel-caption h4 {
            font-size: 12px;
        }

    .social-media ul {
        justify-content: flex-start;
    }

    .carousel-caption h1 {
        font-size: 1.5rem;
    }
}

@media (min-width: 280px) and (max-width:374px) {

    .navbar-brand {
        margin-right: 5rem !important;
    }

    .pra-size h2 {
        font-size: 1.75rem;
    }

    .counter {
        font-size: 35px;
    }

    .story-img {
        text-align: center;
    }

    .about-main {
        padding: 150px 35px;
    }

    .contact-form {
        border-radius: 10px;
    }

    .contact-outer {
        border-radius: 10px;
    }


    #slider .carousel-inner .carousel-item {
        height: 100%;
    }

    .carousel-caption {
        width: 75%;
        /*left: 50%;*/
        top: 34%;
    }

        .carousel-caption h3 {
            font-size: 18px;
        }

        .carousel-caption h4 {
            font-size: 12px;
        }

    .social-media ul {
        justify-content: flex-start;
    }

    .carousel-caption h1 {
        font-size: 1rem;
    }
}
