@media only screen and (max-width:1200px) {
    .advisor-outer {
        width: 100%;
    }
    .client-main{
        padding: 0px;
    }
    .client-graphics{
        display: none;
    }
    footer .footer-graphics{
        right: -13%;
    }
    .digital-packages .service-img{
        width: 100%;
        max-width: 100%;
    }
    .digital-packages .service-img img{
        width: 100%;
    }
}
@media only screen and (max-width: 1025px) {
    .advisor-outer img, .advisor-outer{
        max-width: 100%;
        height: auto;
    }
    .navbar-toggler{
        color: #fff;
        border: 1px solid #fff;
        background-color: #ffffff;
    }
    .navbar-collapse.collapse{
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    header .navbar .navbar-nav li a.active{
        border-bottom: 2px solid rgba(255,255,255,0.3);
    }
    .client-outer:after{
        right: 0px;
    }
    .client-outer:hover:after {
        right: -10px;
        top: -30px;
    }
    .project-info{
        height: 170px;
        background-size: cover;
        padding-top:35px;
    }
    .project-info a {
        width: 35px;
        height: 35px;
        margin-bottom: 27px;
    }
    .project-info label{
        font-size: 14px;
    }
    .project-info span {
        font-size: 17px;
    }
    .banner-content h2{
        font-size: 42px;
    }
    .banner-outer, .banner-wrapper{
        height: auto;
    }
    header .navbar .navbar-nav li a{
            padding: 10px 12px !important;
    }
    .project-info{
        bottom:0px;
        min-height: 170px;
        height: auto;
    }
}
@media only screen and (max-width: 991px) {
    .client-thumbnil{
        width: 90%;
    }
    .section-title{
        font-size: 43px;
    }
    .about-numbers span{
        font-size: 40px;
    }
    .footer-graphics{
        display: none;
    }
    .footer-wrapper{
        width: 80%;
    }
    .banner-content h2{
        font-size:30px;
    }
    .banner-content p{
        float: none;
        margin-top: 20px;
        clear: both;
    }
    .casestudy:after{
        border-bottom: 74px solid transparent;
    }
    .about-us:after{
        border-top: 74px solid transparent;
    }
    .banner-graphics{
        display: none;
    }
    .client-outer:after{
        right: -50px;
    }
    .client-outer:hover:after {
        right: -60px;
        top: -30px;
    }

    .dropdown-menu .dropdown-menu{
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    }
    .navbar-nav .dropdown-menu{
      background: none;
      color: #fff;
    }
    .navbar-nav .dropdown-menu .submenu{
      position: static;
      
    }
    body header .navbar .navbar-nav .dropdown-menu li a{
      color: #ffffff!important;
      border:none!important;
    }
    body header .navbar .navbar-nav .dropdown-menu li a:hover{
      background: none;
    }
    .dropdown-menu > li:hover{
      background:none;
    }
    header .navbar .navbar-nav li:hover a{
      border:none;
    }
    header .navbar .navbar-nav .dropdown-menu{
      background: #222222;
    }
    header .navbar .navbar-nav .dropdown-menu.submenu{
      background: #111111;
    }
    .get-audit{
        max-width: 100%;
    }
    .section-title {
        font-size: 30px;
    }
    .navbar-expand-lg .navbar-nav li::after{
        left: 0px!important;
        width: 100%;
    }
    .banner-services{
        margin-bottom: 30px;
    }
    
    
}
@media only screen and (max-width: 767px) {
    .banner-content h2 span{
        font-size:24px!important;
    }
    .footer-left{
        border:none;
    }
    .footer-wrapper .row{
        flex-direction: column-reverse;
    }
    .hero-text{
        margin-top: -17px;
    }
    .client-thumbnil{
        transform: skewX(0deg);
        margin-left: 0px;
    }
    .client-video-icon{
        transform: skewX(0deg);
    }
    .footer-right{
        padding-left: 10px;
    }
    .client-thumbnil .client-img{
        transform: skewX(0deg);
    }
    .client-outer:after{
        transform: skewX(0deg);
    }
    .client-outer:after{
        right: 15px;
    }
    .client-outer:hover:after {
        right: -0px;
        top: -30px;
    }
    .project-item img{
        width: 100%;
    }
    .navbar-brand img{
        height:18px;
    }
    .page-heading p{
        font-size: 16px;
    }
    .page-heading .title{
        font-size: 33px;
        line-height: 25px;
    }
    .our-vision{
        padding: 30px 20px;
        height: 240px;
        margin-bottom: 20px;
    }
    .our-vision p {
        font-size: 20px;
        line-height: 27px;
    }
    .our-vision span{
        font-size: 14px;
        margin-bottom: 8px;
    }
    .title{
        font-size: 30px;
        line-height: 36px;
    }
    .team-outer p{
        font-size: 14px;
    }
    .contact-icon{
        min-width: 55px;
        height: 55px;
        font-size: 20px;
    }
    .contact-detail label {
        font-size: 13px;
    }
    .contact-detail span{
        font-size: 15px;
    }
    .send-message h3 {
        font-size: 20px;
    }
    .form-field label {
        font-size: 14px;
    }
    .form-textarea, .form-input, .form-select{
        font-size: 13px;
    }
    .testimonial-outer{
        flex-direction: column;
        margin-bottom: 20px;
    }
    .testimonial-left{
        margin-bottom: 20px;
    }
    header .navbar .navbar-nav li a{
        padding: 10px 0px !important;
    }
    .inner-banner h1{
        font-size: 30px;
    }
    .section-title {
        font-size: 30px;
    }
    .about-us{
        padding-left: initial;
    }
    .banner-outer{
        padding:87px 0px 60px;
    }
    .casestudy{
        padding-top: 60px;
    }
    .footer-right{
        margin-bottom: 60px;
    }
    .footer-wrapper h5{
            margin-bottom: 15px !important;
    }
    .footer-wrapper{
        padding: 0px!important;
    }
    .logo-track li {
        padding: 0 20px;    /* smaller gaps on mobile */
    }

  
    .banner-wrapper{
        justify-content: center;
    }
    body header .navbar .navbar-nav .dropdown-menu li a:hover{
    color:#ffffff!important;
    }
    .logo-track {
        animation: logo-scroll 20s linear infinite;
    }
    
}
@media only screen and (max-width:575px) {
    .hero .menu-btn{
        right:15px;
    }
    .menu span {
        right: 20px;
        width: 20px;
    }
    .banner-content .mt-5{
        display: none;
    }
    .get-audit{
        margin-top: 40px;
    }
}
@media only screen and (max-width:320px) {
    .banner-wrapper{
        display: block;
    }
    .banner-content h2 span{
        font-size:18px!important;
    }
    .banner-content p{
        font-size: 13px;
        line-height: 23px;
    }
    .banner-wrapper{
        height: auto;
    }
    .banner-outer{
        padding: 95px 0px 54px;
        height: auto;
    }
    .year-experience{
        left: 64%;
        top: 39%;
    }
    .section-title {
        font-size: 30px;
        margin-bottom: 15px;
    }
    p{
        font-size: 13px;
        line-height: 23px;
    }
    .subtitle {
        font-size: 30px;
    }
    .client-outer label {
        font-size: 24px;
    }
    .client-outer span {
        font-size: 17px;
    }
    .faq .accordion-button{
        font-size: 16px !important;
    }
    section .container, footer .footer-wrapper{
        padding-top:0px!important;
        padding-bottom:0px!important;
    }
    section .advisor-top{
        padding-bottom:30px!important;
    }
    .lets-talk{
        width: 218px;
        height: 218px;
    }
    
    
}