

@media(max-width: 991px){
    .clients-logo img {
        width: 136px;
    }
    .about .main-title {
        font-size: 64px;
        line-height: 77px;
    }
    .banner-text {
        padding: 0px 0px;
    }
    .circle-patter, .circle-patter2, .circle-patter3,.circle-patter4{
        display: none;
    }
    .culture-section .right-items img {
        width: 100%;
    }
    .capimg img{
        width: 100%;
    }
    header .navbar-brand {
        width: 150px;
        display: inline-block;
        transition: .5S;
    }
    header .navbar-nav .nav-item .nav-link {
        padding: 10px 15px;
    }
    .about .navbar-nav .nav-item .nav-link {
        padding: 10px 12px;
    }
    .home-banner h5 {
        font-size: 44px;
    }
    .home-banner p {
        font-size: 16px;
    }
    .section-2,.section-3,.section-4,.section-5,.section-6,.section-7,.section-8,.beliefs-section,.goal-section,.timeline-section,.why-section,.tab-services,.culture-section,.learning,.capabitily,.faq-section,.blog-main {
        padding: 35px 0;
    }
    .section-2 .section-tlt {
        padding-bottom: 20px;
    }
    .section-7 .resource {
        display: flex;
        align-items: center;
        margin: 50px 0;
        flex-direction: column;
    }
    .tab-services .tab-section .tab-item {
        font-size: 16px;
    }
    .red-btn {
        padding: 10px 15px;
    }
    
	.timeline-img {
        min-height: 460px;
        background-size: contain;
        /* width: 100%; */
    }
}
@media(max-width: 668px){
    .navbar-collapse {
        background-image: linear-gradient(20deg , #EE4B60 , #FAB361 , #EFA5C8 );
    }
    .timeline-img {
        min-height: 400px;
        background-size: cover;
    }
    
}
@media(max-width: 576px){
    .business-txt {
        margin-left: -17px;
    }
    .section-2 .section-tlt h1 {
        font-size: 34px;
        font-weight: 600;
    }
    .circle-patter, .circle-patter2, .circle-patter3,.circle-patter4{
        display: none;
    }
    
    header {
        position: absolute;
        left: 0;
        top: 0;
    }
    .navbar-collapse {
        background-image: linear-gradient(20deg , #EE4B60 , #FAB361 , #EFA5C8 );
    }
    .wrapper .main {
        margin-top: -63.25px;
    }
	.home-banner h5 {
        font-size: 34px;
        color: #fff;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    .home-banner p {
        font-size: 14px;
        color: #fff;
        font-weight: 500;
    }
    
    .section-2,.section-3,.section-4,.section-5,.section-6,.section-7,.section-8,.beliefs-section,.goal-section,.timeline-section,.why-section,.tab-services,.culture-section,.learning,.capabitily,.faq-section {
        padding: 35px 0;
    }
    .section-2 .box-item {
        padding: 20px 10px;
        text-align: center;
    }
    .section-2 .box-item p {
        font-size: 18px;
    }
    .section-3 .section3-tlt {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .offer-item-body {
        padding: 20px 20px;
    }
    .offer-item-body .round {
        width: 220px;
        height: 220px;
    }
    .offer-item-body h3 {
        font-size: 26px;
    }
    .offer-item-body p {
        font-size: 18px;
    }
    .section-4 .section-tlt {
        font-size: 38px;
        font-weight: 600;
    }
    .section-4 p {
        font-size: 16px;
    }
    .section-4 .profile-quote p {
        font-size: 16px;
    }
    .section-4 hr.profile-line {
        width: 118px;
        border: 1px solid #1d2130;
        opacity: 1;
    }
    .section-4 .quote-img {
        position: absolute;
        width: 250px;
        top: 400px;
        left: 30px;
    }
    .section-4 {
        background: linear-gradient(rgb(255 255 255 / 75%) 100%, rgb(255 255 255 / 50%) 86%), url(../img/Homepagepic.png);
        background-size: cover;
        background-position: 50% 30%;
    }
    .section-4 .container {
        margin-top: 100%;
    }

    .section-5 .section-tlt {
        font-size: 30px;
        color: #fff;
    }
    .section-6 .section-tlt {
        font-size: 38px;
        font-weight: 600;
        color: #1D2130;
        margin-bottom: 20px;
    }
    

    .clients-logo img {
       width: 114px;
    }
    .section-7 .section-tlt {
        font-size: 38px;
        margin-bottom: 20px;
    }
    .section-7 .resource {
        display: flex;
        align-items: center;
        margin: 30px 0;
        flex-direction: column;
    }
    .section-7 .section-tlt img {
        margin-left: -10px;
        width: 35px;
    }
    .section-7 .resource .section-tlt {
        font-size: 28px;
    }
    .section-7 .resource p {
        margin-bottom: 10px;
    }
    .section-8 .section-tlt {
        font-size: 38px;
        font-weight: 600;
        color: #1D2130;
    }
    .section-8 .comment-box p {
        font-size: 16px;
    }
    .section-8 .comment-box {
        padding: 25px 25px 0px 0;
        margin-top: 25px;
        margin-right: 10px;
    }
    .section-9 .section-tlt {
        font-size: 38px;
    }
    .linkedin-txt {
        float: inline-start;
        font-size: 30px;
        font-weight: 300;
        text-decoration: underline;
        margin-top: 25px;
    }
    .section-10 {
        position: relative;
        padding: 0;
    }
    .circle1,.circle3,.circle4{
        display: none;
    }
    .about .main-title {
        font-size: 36px;
        line-height: 47px;
        margin-bottom: 20px;
    }
    .banner-text {
        padding: 0px 0px;
    }
    .beliefs-section .section-tlt h1 {
        font-size: 38px;
        font-weight: 600;
        margin: 0;
    }
    .team-section .section3-tlt {
        font-size: 38px;
        font-weight: 600;
        color: #1D2130;
        margin-bottom: 20px;
    }
    .about .default-banner p {
        font-size: 18px;
    }
    .about .default-banner {
        padding: 200px 0 100px 0;
    }
    .about .about-img {
        background-image: url(../img/about-img.jpg);
        min-height: 122px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .beliefs-section .box-item {
        padding: 20px 20px;
        text-align: center;
    }
    .beliefs-section .box-item p {
        font-size: 18px;
    }
    .goal-section .section-tlt {
        font-size: 38px;
        margin-bottom: 20px;
    }
    .timeline-section .section-tlt {
        font-size: 38px;
        margin-bottom: 20px;
    }
    .timeline-img {
        min-height: 225px;
        background-size: cover;
    }
    .why-section .highlight-text {
        font-size: 20px;
    }
    .why-section .section3-tlt {
        font-size: 34px;
    }
    .why-section p {
        font-size: 18px;
    }
    .service .main-title {
        font-size: 38px;
        line-height: 47px;
    }
    .service .default-banner p {
        font-size: 18px;
    }
    .learning .subhead {
        font-family: "Reddit Sans", serif;
        font-size: 22px;
        text-transform: capitalize;
    }
    .service .default-banner {
        padding: 200px 0 50px 0;
    }
    .tab-services .main-title {
        font-size: 38px;
    }
    .tab-services .tab-section .tab-item.active {
        color: #1d2130;
        font-weight: bold;
        background-color: #fff;
        padding: 10px;
        border-radius: 10px;
        margin-right: 0px;
        box-shadow: none;
    }
    .tab-services .tab-section .tab-item {
        font-size: 16px;
        margin-bottom: 0px;
        padding: 10px;
    }
    .tab-services .tab-section ul.custom-shadow {
        box-shadow: none;
        margin-bottom: 20px;
    }
    .tab-section {
        padding-top: 25px;
    }
    .culture-section .culture-box {
        padding-top: 0px;
    }
    .culture-item {
        display: flex;
        margin-bottom: 20px;
        flex-direction: column;
        padding: 20px 20px;
    }
    .culture-section .culture-item img {
        width: 65px;
        margin: 15px 0px;
        margin: 15px 0px 15px 15px;
    }
    .culture-section .culture-item h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .culture-section .right-items {
        padding-left: 0px;
    }
    .culture-section .main-title {
        font-size: 38px;
    }
    .culture-section .right-items img {
        padding-top: 20px;
        width: 350px;
    }
    .learning .main-title {
        font-size: 38px;
        font-weight: 700;
        text-transform: capitalize;
    }
    .learning .section-tlt {
        font-size: 38px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .learning .lean-item {
        padding: 20px;
        border-radius: 20px;
        margin-bottom: 10px;
    }
    .capabitily .main-title {
        font-size: 38px;
    }
    .blog-main .section-tlt {
        font-size: 24px;
        font-weight: 700;
        text-transform: capitalize;
    }
    .capimg {
        width: 100%;
    }
    .timeline {
        font-size: 14px;
        font-weight: 500;
        color: rgba(29, 33, 48, 0.6);
    }
    .s-icn {
        width: 30px;
        height: 30px;
        border: 1px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        margin-right: 5px;
    }
    .s-icn i {
        font-size: 16px;
    }
    .client .main-title {
        font-size: 34px;
        color: #161C2D;
        font-weight: 700;
        text-transform: capitalize;
    }
    .obj-img {
        width: 100%;
    }
    .blog-detail .about-img{
        margin-top: 60px;
    }
    .paragraph h2 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .section-5 .quote-img {
        width: 100%;
    }
}

@media screen and (min-device-width: 992px) and (max-device-width: 1199px){
    .clients-logo img {
        width: 132px;
        margin: 20px 10px;
    }

}
@media screen and (min-device-width: 1200px) and (max-device-width: 1399px){
    .clients-logo img {
        width: 137px;
        margin: 21px 22px;
    }

}