@media(max-width: 1024px) {
    canvas {
        height: 70vh;
    }
    #webcoderskull {
        top: 30%;
    }
    .service-contact p {
        height: 130px;
    }
    .services-provide {
        max-height: 560px;
        height: 540px;
    }
    ul.navbar-nav li a {
    padding: 10px 6px;

}
.slider-bg {
    height: 75vh;
}
}

@media(max-width: 768px) {
    #webcoderskull h1 {
        font-size: 30px;
    }
    .service-contact h4 {
        font-size: 18px;
    }
    .service-provide {
        padding: 20px 10px 40px 10px;
    }
    .service-contact p {
        height: 150px;
    }
    .data_se {
        font-size: 24px;
    }
    .data_btn a {
        padding: 10px 30px;
    }
    ul.navbar-nav li a {
        border-bottom: 1px solid#313030;
        display: block;
        line-height: 30px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        left: 100px;
        top: 10px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu ul.navbar-nav li a {
        margin: 0px;
    }
    .title-text.text-center {
        left: 35%;
    }
    .services-provide {
        height: auto;
        max-height: inherit;
    }
    .slider-bg {
    height: 65vh;
}
}

@media(max-width:520px) {
    .service-img {
        width: 20%;
    }
    .navbar-brand {
    margin-right: 0rem;

}
.fontt{
    font-size:1.5rem;
}
a.navbar-mb {
    display: inline-block;
    color: #fff;
    font-size: 20px;
}
 .logo {
    width: 77%;
}
.hide{
    display:none;
}
.navbar-dark .navbar-brand {
    width: 39%;
    color: #fff;
}
a.navbar-mb {
    display: inline-block;
    color: #fff;
    font-size: 17px;
    margin-left: -30px;
}


    .service-contact p {
        height: auto;
    }
    .service-provide {
        padding: 30px;
        margin-bottom: 15px;
    }
    .data_se {
        display: table;
        margin: 0 auto;
        font-size: 21px;
        margin-bottom: 10px;
    }
    .data_btn {
        float: none;
        text-align: center;
        display: table;
        margin: 0 auto;
    }
    .contact-contact {
        padding: 30px;
    }
    .subscribe-sec .form-control {
        width: 90%;
        margin-bottom: 20px;
    }
    .services-provide h4 {
        font-size: 21px;
        line-height: 30px;
    }
    .page-title .title-text h2 {
        font-size: 24px;
    }
    .title-text.text-center {
        left: 33%;
        top: 45%;
    }
    .page-title.title-bg-1 {
        height: 250px;
    }
    .section-heading span {
        font-size: 24px;
    }
    .section-heading {
        padding: 20px 0px;
    }
    .title-text.text-center {
        left: 30%;
        top: 45%;
    }
    .blog {
        margin-bottom: 20px;
    }
        .slider-bg {
    height:50vh;
}
.logo a img {
    width: 60%;
}
}

@media(max-width:425px) {
    canvas {
        height: 50vh;
    }
    #webcoderskull h1 {
        font-size: 21px;
    }
    #webcoderskull p {
    line-height:28px;
}
    #webcoderskull {
        top: 22%;
        padding: 0 10px;
    }
    .section-heading span {
        font-size: 21px;
    }
    .section-heading {
        padding: 20px 0px;
    }
    .service-provide:hover {
        transform: scale(1.0);
    }
    .data_se {
        font-size: 18px;
        text-align: center;
    }
    section.data-security.section3 {
        padding: 50px 0px!important;
    }
    section.contact-us.section4 {
        padding: 20px 0px!important;
    }
    .contact-contact abbr {
        padding-bottom: 10px;
        font-size: 18px;
    }
    .contact-contact h4 {
        font-size: 18px;
    }
/*    a.navbar-brand img {
        display: none;
    }*/
    .page-title .title-text h2 {
        font-size: 21px;
    }
    section.subscribe.section5 {
        padding: 20px 0px!important;
    }
    .services-provide h4 {
        font-size: 18px;
    }
    .services-provide {
        padding: 20px 10px;
    }
    .blog-contact {
        padding: 0px 0px 0px 0px;
    }
    .title-text.text-center {
    top: 55%;
}
}

@media(max-width:375px) {
    .title-text.text-center {
        left: 22%;
        top: 45%;
    }
}

@media(max-width:320px) {
    .contact_form h4 {
        font-size: 18px;
    }
}