/* Responsve Styling */

@media only screen and (min-width: 320px) and (max-width: 520px) {
    /* .form_head {
        font-size: 17px;
        line-height: 22px;
    }
    .pop_form p {
        font-size: 11px;
    }
    .input_feild :is(input, textarea) {
        font-size: 12px;
    }
    .form_btn button {  
        font-size: 13px;
    } */

    .header_nav {
        display: none;
    }

    .logo {
        width: 100px;
        height: 50px;
    }

    .banner_content h1 {
        font-size: 23px;
    }

    .banner_content p {
        font-size: 10px;
    }

    .banner_content h5 {
        font-size: 10px;
    }

    .themebtn {
        font-size: 10px;
        padding: 6px 15px;
    }

    .banner_img {
        height: 275px;
    }

    .banner_content {
        margin-top: 42px;
    }

    .banner_sliderItem h3 {
        font-size: 14px;
    }

    .about_content h3 {
        font-size: 18px;
    }

    .about_content p {
        font-size: 10px;
        line-height: 17px;
        margin: 0px 0px 12px;
    }

    .about {
        padding: 45px 0px;
    }

    .about_img {
        height: 250px;
    }

    .services_secHead h5 {
        font-size: 12px;
        padding: 6px 12px;
    }

    .services {
        padding: 45px 0px;
    }

    .services_secHead h3 {
        font-size: 18px;
    }

    .services_secHead {
        margin-bottom: 15px;
    }

    .serv_content p {
        font-size: 10px;
        line-height: 17px;
    }

    .serv_crd {
        height: 300px;
    }

    .serv_bot a {
        font-size: 12px;
    }

    .experience {
        padding: 45px 0px;
    }

    .progress-inline .progress-title {
        font-size: 12px !important;
    }

    .counter {
        font-size: 30px;
    }

    .portfolio {
        padding: 45px 0px;
    }

    .contact {
        padding: 45px 0px;
    }

    .contact_content h5 {
        font-size: 12px;
    }

    .contact_content h3 {
        font-size: 18px;
    }

    .contact_content>p {
        font-size: 10px;
        font-weight: 500;
    }

    .contact_cont>li>a {
        font-size: 14px;
    }

    .contact_cont li p {
        font-size: 12px;
    }

    .contact_cont>li>a>p {
        font-size: 12px;
    }

    .contact_form :is(input, textarea) {
        font-size: 10px;
    }

    .contact_form textarea {
        height: 100px;
    }

    .check label {
        font-size: 10px;
        font-weight: 500;
        margin: 0px 0px 11px;
    }

    .footer p {
        font-size: 10px;
        line-height: 15px;
    }

    .disclaimer h5 {
        font-size: 12px;
    }

    .footer {
        padding: 40px 0px;
    }

    .footer_link li a {
        font-size: 10px;
        padding: 0px 8px;
    }

    .portfolio_slider .slick-list {
        padding: 0px !important;
    }

    .pert_img {
        height: 235px;
    }

    .counter_crd {
        margin: 10px 0;
    }

    .mainCounter_Sec {
        padding: 20px 0;
    }

    .banner {
        padding: 70px 0 0px;
    }

    .pert_img:hover img {
        object-position: top;
    }
    .portfolioItem {
    margin: 0 10px;
    border-radius: 10px;
    overflow: hidden;
}
}

@media only screen and (min-width: 520px) and (max-width: 767px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 992px) and (max-width: 1250px) {}