@media(min-width:992px) and (max-width:1199px) {
    #hero-area .contents .head-title {
        font-size: 40px
    }

    .services-item .services-content h3 a {
        font-size: 14px
    }

    .title-hl {
        font-size: 30px
    }

    .why .content h3 {
        font-size: 30px
    }

    .counter-box {
        margin-bottom: 30px
    }
}

@media(max-width:991px) {
    .section-title {
        font-size: 30px;
        margin-bottom: 30px
    }
    
    .showingthingsasflex{
        justify-content: center;
    }       
    .services-item .services-content h3 a {
        font-size: 14px
    }

    .services-item {
        margin-bottom: 20px
    }

    #pricing-table .title h3 {
        font-size: 14px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .section-title {
        font-size: 26px;
        margin-bottom: 30px
    }

    .services-item .services-content h3 a {
        font-size: 16px
    }

    .bg-inverse {
        background: #fff !important;
        box-shadow: 0 3px 6px 3px rgba(0, 0, 0, .06)
    }

    .navbar-expand-md .navbar-nav .nav-link {
        font-size: 13px;
        padding: 0 3px
    }

    #about .sec-title h3 {
        font-size: 30px;
        line-height: 42px
    }

    .title-hl {
        font-size: 30px
    }

    .text-wrapper {
        padding: 60px 30px
    }

    .why .content h3 {
        font-size: 30px
    }

    #pricing-table .title h3 {
        font-size: 14px
    }

    .skill-area img {
        margin-bottom: 30px
    }

    .counter-box {
        margin-bottom: 30px
    }

    #blog .blog-item-wrapper {
        margin-bottom: 30px
    }

    .experience h4 {
        font-size: 18px
    }

    .testimonial-item {
        padding: 10px
    }

    .testimonial-item .content h2 {
        font-size: 15px
    }

    .slider-center img {
        padding: 40px 60px
    }

    .subscribes h4 {
        font-size: 30px
    }

    .footer-area .footer-titel {
        margin-top: 30px
    }

    .contact-right-area {
        margin-top: 0;
        margin-left: 0
    }
}

@media(max-width:767px) {
    .section-padding {
        padding: 50px 0
    }

    .section-title {
        font-size: 22px;
        margin-bottom: 30px
    }

    .title-hl {
        font-size: 30px
    }

    .bg-inverse {
        padding: 0 15px;
        background: #fff !important;
        box-shadow: 0 3px 6px 3px rgba(0, 0, 0, .06)
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding: 0 15px
    }

    #hero-area .contents {
        padding: 100px 0 60px
    }

    #hero-area .contents .head-title {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 15px
    }

    #hero-area .contents p {
        font-size: 18px
    }

    #hero-area .contents .btn {
        margin: 5px 10px 10px 0
    }

    .text-wrapper {
        padding: 60px 15px
    }

    #about .sec-title h3 {
        font-size: 22px;
        line-height: 36px
    }

    .counter-box {
        margin-bottom: 30px
    }

    .why-item {
        padding: 30px
    }

    .why .content h3 {
        font-size: 18px
    }

    .why-content {
        margin-left: 110px
    }

    .feature-thumb {
        padding: 10px
    }

    .testimonial-item {
        padding: 0
    }

    .client-item-wrapper img {
        width: 50%
    }

    .slick-slider {
        padding: 0
    }

    .slider-center img {
        padding: 60px 40px
    }

    .subscribes h4 {
        font-size: 22px
    }

    .subscribes p {
        font-size: 16px;
        line-height: 28px
    }

    .skill-area img {
        margin-bottom: 30px
    }

    #blog .blog-item-wrapper {
        margin-bottom: 30px
    }

    .video-promo .video-promo-content h2 {
        font-size: 20px
    }

    .footer-right-contact .single-contact {
        margin: 10px 7px;
        padding: 3px 45px
    }

    .footer-area .footer-titel {
        margin-top: 30px
    }

    .contact-right-area {
        margin: 20px 0
    }

    .contact-form-area h2 {
        font-size: 14px
    }

    .copyright .float-right {
        float: left !important
    }
}

@media(max-width:757px){
    .services-item{
        height: auto;
    }
    
    .favicon-bg{
        display: none;
    }
}

@media(max-width:567px){
    .skill-content ul li{
        margin-left: 20px;
    }
}

@media(max-width:484px){
    .text-wrapper img {
        width: 350px;
    }
}

@media(max-width:494px){
    .text-wrapper img {
        width: 300px;
    }
}

@media(max-width:335px){
    .text-wrapper img {
        width: 280px;
    }
    .lottie-player{
        width: 300px;
        height: 300px;
    }
}

@media(max-width:300px){
    .text-wrapper img {
        width: 250px;
    }
    
    .lottie-player{
        width: 250px;
        height: 250px;
    }
}