@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%;
    }
    .banner-outer{
        padding: 130px 0px 04px;
        background: none;
    }
    .banner-content h2 {
        font-size: 40px;
    }
    .package-card h3 {
    font-size: 20px;
    }
    .package-card p {
        color: #999999;
        font-size: 16px;
        line-height: initial;
        margin-top: 10px;
    }
    
}
@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;
    }
    .banner-content .mt-5{
        display: none;
    }
	.banner-slide .highlighted-line{
    font-size: 37px;
	}
	.banner-slide .banner-content h2 {
		font-size: 37px;
	}
}
@media (min-width: 992px) {
  #navbarScroll .navbar-nav .nav-item:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
  #navbarScroll .navbar-nav .nav-item > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
  /* .marketing-package-row > .left-rotate{
    rotate: -7deg;
    margin-top:80px;
  }
  .marketing-package-row > .right-rotate{
    rotate: 7deg;
    margin-top:80px;
  } */
}
@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;
    }
    .banner-slide .banner-content p{
        width: 100%;
    }
	.recent-posts,
.recent-posts.is-fixed,
.recent-posts.is-stop {
    position: static;
    max-width: 100%;
}
#navbarScroll .navbar-nav .nav-item > ul,
  #navbarScroll .navbar-nav .nav-item > ul > li > ul {
    position: static;
    min-width: 100%;
    margin-top: 8px;
    opacity: 1;
    visibility: visible;
    transform: none;
    filter: none;
    box-shadow: none;
    border: 1px solid rgba(0,0,0,.06);
  }
  #navbarScroll .navbar-nav .nav-item > ul,
  #navbarScroll .navbar-nav .nav-item > ul > li > ul {
    display: none;
  }
  .nav-dd-open > ul {
    display: block !important;
    animation: navSlide .28s ease both;
  }
  header .navbar .navbar-nav li a {
    padding: 10px 16px !important;
    display: flex;
  }
  .mobile-view{
    display: block!important;
  }
  .desktop-view{
    display: none;
  }
  @keyframes navSlide {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
  }
.banner-outer{
    background: none;
    padding-bottom: 0px!important;
}
.slick-dotted.slick-slider{
    margin-bottom: 0px;
}
.new-title {
    font-size: 24px;
}
.marketing-package{
    padding:40px 0px;
}
 .banner-slide .banner-content h2{
        min-height: auto;
    }

    .marketing-package-row:hover>div {
    opacity: 1;
    filter: none;
  }

  .marketing-package-row>div:hover .package-card {
    transform: translateY(-18px) scale(1)!important;
  }

}
@media only screen and (max-width: 767px) {
    .banner-content h2 span{
        font-size:20px!important;
    }
    .footer-left{
        border:none;
    }
    .footer-wrapper .row{
        flex-direction: column-reverse;
    }
    .hero-text{
        margin-top: 0px;
    }
    .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;
    }
    .banner-content h2 span {
        font-size: 20px !important;
    }
    .banner-content h2{
        width: 100%;
    }
	header .navbar .navbar-nav li a {
        padding: 10px 10px !important;
    }
    
}
@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;
    }
    .banner-slide .banner-content h2 {
        font-size: 30px;
    }
    .recent-posts.is-stop{
        opacity: 1;
    }
   
}
@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;
    }
    
    
}