/*============ Very large Device ===========*/
@media (min-width:1585px) and (max-width:1919px) {
    .header_top_area {
        padding: 9px 50px;
    }

    .main_menu_area {
        padding: 0 50px;
    }

    .about_area {
        padding: 50px;
    }

    /* slider area css */
    .inner_slider_content h1 {
        font-size: 22px;
    }

    .inner_slider_content h2 {
        width: 100%;
        font-size: 70px;
    }

    .inner_slider_content p {
        width: 100%;
    }
}
/*============ Desktop Device ===========*/
@media (min-width:1341px) and (max-width:1584px) {
    .header_top_area {
        padding: 9px 20px;
    }

    .main_menu_area {
        padding: 0 20px;
    }

    .about_area {
        padding: 20px;
    }

    /* slider area css */
    .inner_slider_content h1 {
        font-size: 22px;
    }

    .inner_slider_content h2, .h2_slider_area .inner_slider_content h2 {
        width: 100%;
        font-size: 50px;
    }

    .inner_slider_content p {
        width: 100%;
    }
}
/*============ Laptop Device ===========*/
@media (min-width:1134px) and (max-width:1340px) {
    .header_top_area {
        padding: 9px 10px;
    }

    .main_menu_area {
        padding: 0 10px;
    }

    .about_area {
        padding: 10px;
    }

    /* slider area css */
    .inner_slider_content h1 {
        font-size: 22px;
    }

    .inner_slider_content h2 {
        width: 100%;
        font-size: 50px;
    }

    .inner_slider_content p {
        width: 100%;
    }

    .g_btn a {
        padding: 10px 20px;
    }
}

@media (max-width:1134px) {
    .inner_main_nav_area > ul > li > a {
        margin: 20px;
    }

    .inner_about_area .content {
        padding: 8vw 3vw 17vw;
    }

    .s3-tzgg .content {
        padding: 0;
    }
}

@media (max-width:1024px) {
    a {
        font-size: 1.5vw;
    }

    /* main nav area css */
    .main_menu_area {
        display: none;
    }

    .mobile_logo_area {
        display: block !important;
    }

    .inner_about_left_area .inner_about_content {
        margin-left: 0;
    }

    .inner_about_area {
        padding-left: 0;
    }

    .custom-border {
        padding-top: 20px;
    }

    .inner_about_area .content {
        padding: 20px;
    }

    .inner_about_area .more-btn {
        top: initial;
        bottom: 6%;
        right: 15%;
    }

    .about_area {
        padding: 20px;
    }

    .s3-tzgg .content {
        padding: 0;
    }

    .title_area h2, .portfolio_nav ul li {
        font-size: 2.5vw;
    }

    .inner_about_left_area .inner_about_area_content .area_content_title {
        width: calc(100% - 10vw);
    }

    .inner_about_left_area .inner_about_area_content .area_content_datetime {
        width: 10vw;
        font-size: 1.5vw;
        line-height: 5;
    }

    .inner_about_left_area .inner_about_area_content .area_content_title a,
    .s3-area .content .title a,
    .s3-tzgg .content .title a,
    .inner_about_area .content p {
        font-size: 2vw;
    }

    .s3-area .content .datetime {
        font-size: 1.5vw;
    }

    .s3-tzgg .content .datetime {
        margin: 1.3vw;
        font-size: 1.5vw;
        width: 10vw;
    }

    .footer_nav ul li {
        width: calc(12% - 10px);
        font-size: 1.5vw;
    }

        .footer_nav ul li a {
            font-size: 1.5vw;
        }

    .ny-topic {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .ny-topic span {
            display: block;
        }

    .ny-left > ul {
        display: none;
    }

    .ny-right {
        padding: 20px;
    }

    .ny-topic {
        font-size: 2.3vw;
    }

    .ny-left > ul > li.on > a, .ny-left ul li a {
        font-size: 2vw;
    }

    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-size: 2vw;
    }

    .ban .ejlm {
        padding: 0;
    }

    .breadcum_area {
        padding: 80px 0 20px;
    }

    .h3_single_ser_content p {
        font-size: 1.6vw;
    }

    .h3_ser_btn a {
        font-size: 1.2vw;
    }

    .single_feature_area h3 a {
        font-size: 2vw;
    }

    .single_feature_area p {
        font-size: 1.6vw;
    }

    .inner_counter_area a {
        font-size: 3vw;
    }

    .inner_counter_area table {
        font-size: 2.6vw;
    }

    .inner_counter_thumb .title {
        font-size: 4vw;
    }

    .inner_counter_thumb .datetime {
        font-size: 1.5vw;
    }
}

/*============= Tablet Large device ===============*/
@media (min-width:992px) and (max-width:1023px) {
    p {
        width: 100%;
    }

    h1 {
        font-size: 22px;
    }

    .header_top_area {
        padding: 9px 10px;
    }

    .main_menu_area {
        padding: 0 10px;
    }

    /* slider area css */
    .inner_slider_content h1 {
        font-size: 22px;
    }

    .inner_slider_content h2, .h2_slider_area .inner_slider_content h2 {
        width: 100%;
        font-size: 50px;
    }

    .inner_slider_content p {
        width: 100%;
    }

    .g_btn a {
        padding: 10px 20px;
    }
}

/*============= Tablet device ===============*/
@media (min-width:768px) and (max-width:991px) {
    p {
        width: 100%;
    }

    h1 {
        font-size: 22px;
    }

    .header_top_area {
        padding: 9px 20px;
    }

    .header_left, .header_right {
        text-align: center !important;
    }

    /* slider area css */
    .inner_slider_content {
        width: 90%;
        margin: 0px auto 0;
        text-align: center;
    }

        .inner_slider_content h1 {
            font-size: 22px;
        }

        .inner_slider_content h2, .h2_slider_area .inner_slider_content h2 {
            width: 100%;
            font-size: 40px;
        }

        .inner_slider_content p {
            width: 100%;
        }

    .g_btn a {
        padding: 10px 20px;
    }
}

/*============= mobile large device ===============*/
@media (max-width:767px) {
    p {
        width: 100% !important;
    }

    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 18px;
    }

    .header_top_area {
        padding: 9px 10px;
    }

    .mobile_logo_area {
        display: block !important;
    }

    /* main nav area css */
    .main_menu_area {
        display: none;
    }

    /* slider area css */
    .inner_slider_content {
        width: 90%;
        margin: 0px auto 0;
        text-align: center;
    }

        .inner_slider_content h1 {
            font-size: 18px;
        }

        .inner_slider_content h2, .h2_slider_area .inner_slider_content h2 {
            width: 100%;
            font-size: 30px;
        }

        .inner_slider_content p {
            width: 90% !important;
            margin: 37px auto 50px;
        }

    .g_btn a {
        padding: 10px 20px;
    }

    .about_area {
        padding: 10px;
    }

    .footer_widget p {
        font-size: 2vw;
    }

    .footer_nav ul li {
        width: auto;
        padding: 0 1vw;
        font-size: 2vw;
    }

        .footer_nav ul li a {
            font-size: 2vw;
        }

    .footer_copy ul li {
        padding: 0 1vw;
        font-size: 2vw;
    }

    /* footer area css */
    .footer_area {
        text-align: center;
    }

    .ny-topic {
        font-size: 2.8vw;
        line-height: 70px;
    }

    .ny-left > ul > li.on > a, .ny-left ul li a {
        font-size: 2.5vw;
    }


    .inner_breadcum_area {
        padding-left: 3vw;
    }

        .inner_breadcum_area h1 {
            font-size: 2.8vw;
        }

        .inner_breadcum_area ul li {
            font-size: 2vw;
        }

            .inner_breadcum_area ul li a {
                font-size: 2vw;
            }

    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-size: 3vw;
    }

    .h3_single_ser_content p {
        font-size: 2.6vw;
    }

    .h3_ser_btn a {
        font-size: 2.2vw;
    }

    .single_feature_area h3 a {
        font-size: 3vw;
    }

    .single_feature_area p {
        font-size: 2.6vw;
    }

    .inner_counter_area a {
        font-size: 4vw;
    }

    .inner_counter_area table {
        font-size: 3.6vw;
    }

    .inner_counter_thumb .title {
        font-size: 5vw;
    }

    .inner_counter_thumb .datetime {
        font-size: 2.5vw;
    }

    .ejlm li a {
        font-size: 2vw;
    }
}

@media (max-width:480px) {
    a {
        font-size: 2.5vw;
    }

    /* slider area css */
    .inner_slider_area {
        height: 260px;
    }

    .inner_slider_news_area {
        height: 220px;
    }

    .title_area h2, .portfolio_nav ul li {
        font-size: 3.5vw;
    }

    .inner_about_left_area .inner_about_area_content .area_content_title {
        width: calc(100% - 15vw);
    }

    .inner_about_left_area .inner_about_area_content .area_content_datetime {
        width: 15vw;
        font-size: 2.5vw;
        line-height: 5;
    }

    .inner_about_left_area .inner_about_area_content .area_content_title a,
    .s3-area .content .title a,
    .s3-tzgg .content .title a,
    .inner_about_area .content p {
        font-size: 3vw;
    }

    .s3-area .content .datetime {
        font-size: 2.5vw;
    }

    .s3-tzgg .content .datetime {
        margin: 1.3vw;
        font-size: 2.5vw;
        width: 15vw;
    }

    .inner_about_icon {
        width: 10vw;
        height: 5vw;
        line-height: 2;
    }

    .more-btn {
        width: 10vw;
        height: 10vw;
    }

    .footer_nav ul li {
        width: calc(25% - 10px);
        font-size: 2.5vw;
    }

        .footer_nav ul li a {
            font-size: 2.5vw;
        }

    .ny-topic {
        font-size: 3.8vw;
    }

    .ny-left > ul > li.on > a, .ny-left ul li a {
        font-size: 3.5vw;
    }

    .inner_breadcum_area {
        padding-left: 4vw;
    }

        .inner_breadcum_area h1 {
            font-size: 3.8vw;
        }

        .inner_breadcum_area ul li {
            font-size: 3vw;
        }

            .inner_breadcum_area ul li a {
                font-size: 3vw;
            }

    .counter_area {
        margin: 30px 0;
    }

    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-size: 4vw;
    }

    .h3_single_ser_content p {
        font-size: 3.6vw;
    }

    .h3_ser_btn a {
        font-size: 3.2vw;
    }

    .single_feature_area h3 a {
        font-size: 4vw;
    }

    .single_feature_area p {
        font-size: 3.6vw;
    }

    .inner_counter_area a {
        font-size: 5vw;
    }

    .inner_counter_area table {
        font-size: 4.6vw;
    }

    .ejlm li a {
        font-size: 3vw;
    }
}

/*============= mobile device ===============*/
@media (min-width:320px) and (max-width:480px) {
    /* footer area css */
    .footer_area {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width:376px) {
    /* slider area css */
    .inner_slider_area {
        height: 200px;
    }

    .inner_slider_news_area {
        height: 180px;
    }

    .ny-topic {
        font-size: 4.8vw;
    }

    .ny-left > ul > li.on > a, .ny-left ul li a {
        font-size: 4.5vw;
    }

    .inner_breadcum_area {
        padding-left: 5vw;
    }

        .inner_breadcum_area h1 {
            font-size: 4.8vw;
        }

        .inner_breadcum_area ul li {
            font-size: 4vw;
        }

            .inner_breadcum_area ul li a {
                font-size: 4vw;
            }

    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-size: 5vw;
    }

    .h3_single_ser_content p {
        font-size: 4.6vw;
    }

    .h3_ser_btn a {
        font-size: 4.2vw;
    }

    .single_feature_area h3 a {
        font-size: 5vw;
    }

    .single_feature_area p {
        font-size: 4.6vw;
    }

    .inner_counter_area a {
        font-size: 6vw;
    }

    .inner_counter_area table {
        font-size: 4.6vw;
    }

    .inner_counter_thumb .title {
        font-size: 8vw;
    }

    .inner_counter_thumb .datetime {
        font-size: 4vw;
    }

    .ejlm li a {
        font-size: 4vw;
    }
}