﻿
/*============ Very large Device ===========*/
@media (min-width:1585px) and (max-width:1919px) {
    .header_top_area {
        padding: 9px 50px;
    }

    .h3_absolute_menu {
        margin: 0 50px;
    }

    .main_menu_area {
        padding: 0 50px;
    }

    .inner_main_nav_area > ul > li > a {
        margin: 20px 15px 20px;
    }
    /* slider area css */
    .inner_slider_area {
        height: 700px;
    }

    .inner_slider_content h1 {
        font-size: 22px;
    }

    .inner_slider_content h2 {
        width: 100%;
        font-size: 70px;
    }

    .inner_slider_content p {
        width: 100%;
    }
    /* section title area css */
    .section_title_area h3 {
        font-size: 35px;
    }
    /* counter area css */
    .counter_left_shap, .counter_right_shap, .about_down_shap,
    .about_right_shap, .brand_left_shap {
        display: none;
    }

    .project_img_area .slick-next {
        right: 19%;
    }

    .inner_about_area .content {
        padding: 1.5vw 1vw;
    }
}
/*============ Desktop Device ===========*/
@media (min-width:1341px) and (max-width:1584px) {
    .header_top_area {
        padding: 9px 20px;
    }

    .main_menu_area {
        padding: 0 20px;
    }

    .h3_absolute_menu {
        margin: 0 10px;
    }

    .inner_main_nav_area > ul > li > a {
        margin: 20px 15px 20px;
    }
    /* slider area css */
    .inner_slider_area {
        height: 700px;
    }

    .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%;
    }
    /* section title area css */
    .section_title_area h3 {
        font-size: 35px;
    }
    /* counter area css */
    .counter_left_shap, .counter_right_shap, .about_down_shap,
    .about_right_shap, .brand_left_shap {
        display: none;
    }

    .project_img_area .slick-next {
        right: 19%;
    }

    .h2_apartment_area .inner_apartment_area {
        margin: 0px 0px 0px 250px;
        left: 0;
    }
}
/*============ Laptop Device ===========*/
@media (min-width:1134px) and (max-width:1340px) {
    .header_top_area {
        padding: 9px 10px;
    }

    .main_menu_area {
        padding: 0 10px;
    }

    .h3_absolute_menu {
        margin: 0 10px;
    }

    .inner_main_nav_area > ul > li > a {
        margin: 20px 10px 20px;
    }

    .main_nav_right_together .main_nav_btn a {
        font-size: 14px;
        margin-left: 10px;
        padding: 10px 20px;
    }
    /* slider area css */
    .inner_slider_area {
        height: 650px;
    }

    .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;
    }
    /* section title area css */
    .section_title_area h3, .apartment_title h3, .inner_subscribe_area h2, .call_to_action .section_title_area h3 {
        font-size: 28px;
    }

    /*.witr_back_title h4 {
        font-size: 80px;
    }*/

    .inner_service_style2_img {
        margin-top: 0;
    }

    .service_area .witr_back_title {
        left: 40px;
    }
    /* counter area css */
    .counter_left_shap, .counter_right_shap, .about_down_shap,
    .about_right_shap, .brand_left_shap {
        display: none;
    }

    .project_img_area .slick-next {
        right: 16%;
    }
    /* appeartment area css */
    .inner_apartment_area {
        padding: 60px 20px 50px;
    }

    .inner_apartment_area {
        left: 0;
    }

    .h2_apartment_area .inner_apartment_area {
        margin: 0px 0px 0px 250px;
        left: 0;
    }

    .ycalender_inner th {
        padding: 10px 11px;
        font-size: 14px;
    }

    .ycalender_inner td {
        padding: 10px 10px;
        font-size: 13px;
    }

    .inner_about_area .content {
        padding: 1.5vw 1vw;
    }
}

@media (max-width:1134px) {
    .inner_main_nav_area > ul > li > a {
        margin: 10px;
    }

    .inner_about_area {
        margin-top: 2.5vw;
        padding-left: 0;
    }

    .section_title_area h2, .title_area h2 {
        font-size: 2.5vw;
    }

    .witr_back_title h4, .witr_back_title2 h4 {
        font-size: 4.5vw;
    }

    .more a {
        font-size: 1.5vw;
    }

    .inner_about_area .content {
        padding: 1.5vw 1vw;
    }
}

@media (max-width:1024px) {
    /* main nav area css */
    .main_menu_area {
        display: none;
    }

    .mobile_logo_area {
        display: block !important;
    }

    .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;
    }

    .breadcum_area {
        padding: 80px 0 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;
    }

    .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: 1.7vw;
    }

    .inner_counter_area table {
        font-size: 1.6vw;
    }

    .inner_counter_thumb .title {
        font-size: 4vw;
    }

    .inner_counter_thumb .datetime {
        font-size: 1.5vw;
    }

    .ban .ejlm {
        padding: 0;
    }
}

/*============= 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;
    }

    .h3_absolute_menu {
        margin: 0 10px;
    }

    .main_nav_right_together .main_nav_btn a {
        font-size: 14px;
        margin-left: 10px;
        padding: 10px 20px;
    }
    /* slider area css */
    .inner_slider_area {
        height: 650px;
    }

    .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;
    }
    /* section title area css */
    .section_title_area h3, .apartment_title h3, .inner_subscribe_area h2, .call_to_action .section_title_area h3 {
        font-size: 25px;
    }

    /*.witr_back_title h4 {
        font-size: 60px;
    }*/

    .inner_service_style2_img {
        margin-top: 0;
    }

    .service_area .witr_back_title {
        left: 40px;
    }
    /* counter area css */
    .counter_left_shap, .counter_right_shap, .about_down_shap,
    .about_right_shap, .brand_left_shap {
        display: none;
    }

    .project_img_area .slick-next {
        right: 16%;
    }
    /* appeartment area css */
    .inner_apartment_area {
        padding: 60px 20px 50px;
    }

    .h2_apartment_area .inner_apartment_area {
        margin: 0px 0px 0px 250px;
        left: 0;
    }

    .inner_apartment_area {
        left: 0;
    }

    .ycalender_inner th {
        padding: 10px 11px;
        font-size: 14px;
    }

    .ycalender_inner td {
        padding: 10px 10px;
        font-size: 13px;
    }
}

/*============= 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_area {
        height: 600px;
    }

    .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;
    }

    .single_feature_area, .inner_work_img {
        margin-bottom: 50px;
    }
    /* section title area css */
    .section_title_area h3, .apartment_title h3, .inner_subscribe_area h2, .call_to_action .section_title_area h3 {
        font-size: 25px;
    }

    /*.witr_back_title h4 {
        font-size: 60px;
    }*/

    .inner_ab_name_thumb, .inner_counter_area, .footer_widget {
        margin-bottom: 20px;
    }

    .inner_service_style2_img {
        margin-top: 0;
    }

    .service_area .witr_back_title {
        left: 40px;
    }

    .inner_ab_name_thumb, .inner_ab_call_thumb {
        text-align: center;
        display: block;
        align-items: center;
    }
    /* counter area css */
    .counter_left_shap, .counter_right_shap, .about_down_shap,
    .about_right_shap, .brand_left_shap {
        display: none;
    }

    .call_border {
        background-size: auto;
        padding: 30px 30px;
    }

    .team_area .section_title_area {
        margin-bottom: 0;
    }
    /* appeartment area css */
    .inner_apartment_area {
        padding: 60px 20px 50px;
    }

    .inner_apartment_area {
        left: 0;
    }

    .h2_apartment_area .inner_apartment_area {
        margin: 0px 0px 0px 250px;
        left: 0;
    }

    .inner_subscribe_form button {
        padding: 18px 10px 17px;
    }

    .ycalender_inner th {
        padding: 10px 11px;
        font-size: 14px;
    }

    .ycalender_inner td {
        padding: 10px 10px;
        font-size: 13px;
    }
}

/*============= 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_area {
        height: 500px;
    }

    .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;
        }

    .inner_slider_news_content p {
        font-size: 3.5vw;
    }

    .section_title_area h2 {
        font-size: 3.5vw;
    }

    .witr_back_title h4, .witr_back_title2 h4 {
        font-size: 6.5vw;
    }

    .g_btn a {
        padding: 10px 20px;
    }

    .single_feature_area, .inner_work_img {
        margin-bottom: 30px;
    }
    /* section title area css */
    .section_title_area {
        background: none;
        min-height: auto;
    }

        .section_title_area h3, .apartment_title h3, .inner_subscribe_area h2, .call_to_action .section_title_area h3 {
            font-size: 22px;
        }


    .about_area {
        padding: 10px;
        background: #f6f6f6 url(../images/s2-bg.png) no-repeat bottom right;
    }

    .section_title_area h2, .title_area h2 {
        font-size: 5.5vw;
    }

    .inner_about_left_area .inner_about_area_content .area_content_datetime_D {
        font-size: 5vw;
    }

    .inner_about_left_area .inner_about_area_content .area_content_datetime_YM {
        font-size: 3vw;
    }

    .inner_about_left_area .inner_about_area_content .area_content_title {
        padding-bottom: 5px;
    }

        .inner_about_left_area .inner_about_area_content .area_content_title a {
            font-size: 4vw;
        }

    .inner_about_left_area .inner_about_area_content .area_content_abstract {
        font-size: 3.5vw;
    }

    .inner_about_icon i {
        display: none;
    }

    .title_area .witr_back_title {
        top: -5px;
    }

    .inner_about_area .content {
        padding: 1.5vw 1vw;
    }

        .inner_about_area .content .left {
            padding-right: 2vw;
        }

            .inner_about_area .content .left .date {
                font-size: 5vw;
            }

            .inner_about_area .content .left .yearly {
                font-size: 3vw;
            }

        .inner_about_area .content .right {
            padding-left: 2vw;
            font-size: 4vw;
        }

    .about_area_content .content {
        line-height: 2;
    }

        .about_area_content .content a {
            font-size: 4vw;
        }

        .about_area_content .content p span {
            font-size: 3vw;
        }

    .portfolio_nav ul li, .portfolio_a {
        font-size: 5.5vw;
    }

    .s3-inside .content .left .date {
        font-size: 5vw;
    }

    .s3-inside .content .left .yearly {
        font-size: 3vw;
    }

    .s3-inside .content .right {
        padding-left: 2vw;
        font-size: 4vw;
    }

        .s3-inside .content .right a {
            font-size: 4vw;
        }

    .title_area_white h2, .title_area_white2 h2 {
        font-size: 5.5vw;
    }

    .title_area_white .witr_back_title {
        left: 13%;
    }

    .team_area {
        min-height: 50vw;
    }

    .inner_achievement_area {
        margin: 2vw 2vw 10vw;
    }

    .inner_testimonial_area {
        margin: 5% auto;
        width: 95%;
    }

        .inner_testimonial_area.sticky {
            border: 1px solid var(--brcolor);
            background-color: var(--whitec);
            width: 95%;
            margin: 5% auto;
        }

        .inner_testimonial_area .content .left .date, .inner_testimonial_area2 .content .left .date {
            font-size: 3vw;
        }

        .inner_testimonial_area .content .left .yearly, .inner_testimonial_area2 .content .left .yearly, .inner_achievement_content span {
            font-size: 2.5vw;
        }

        .inner_testimonial_area .content .right, .inner_testimonial_area2 .content .right {
            padding-left: 2vw;
            font-size: 4vw;
        }

            .inner_testimonial_area .content .right a, .inner_testimonial_area2 .content .right a, .inner_achievement_content a {
                font-size: 4vw;
            }

        .inner_testimonial_area .content .bottom, .inner_testimonial_area2 .content .bottom {
            font-size: 3.5vw;
            line-height: 2;
        }

    .blog_area .title_area {
        padding-left: 10px;
    }

        .blog_area .title_area .witr_back_title {
            left: 10px;
        }

    /* counter area css */
    .inner_counter_area {
        justify-content: center;
    }

    .inner_counter_thumb h2, .inner_counter_thumb h4 {
        font-size: 40px;
    }

    .inner_ab_name_thumb, .inner_counter_area, .footer_widget {
        margin-bottom: 20px;
        padding: 0 15px;
    }

    .inner_service_style2_img {
        margin-top: 0;
    }

    .inner_blog_text .day {
        font-size: 4vw;
    }

    .inner_blog_text .yearly {
        font-size: 3vw;
    }

    .inner_blog_area2 {
        margin: 15px;
    }

    .inner_blog_content a, .inner_blog_content2 a {
        font-size: 4vw;
    }

    .more a, .more_white a {
        font-size: 2vw;
    }

    .footer_widget p {
        font-size: 2vw;
    }

    .footer_nav ul li {
        width: auto;
        padding: 0 1vw;
    }

        .footer_nav ul li a {
            font-size: 2vw;
        }

    .footer_copy ul li {
        padding: 0 1vw;
        font-size: 2vw;
    }
    /* counter area css */
    .counter_left_shap, .counter_right_shap, .about_down_shap,
    .about_right_shap, .brand_left_shap {
        display: none;
    }

    .call_border {
        background-size: auto;
        padding: 30px 0;
    }

    .inner_testi_text h2 {
        font-size: 16px;
    }
    /* appeartment area css */
    .inner_apartment_area {
        padding: 60px 20px 50px;
    }

    .inner_apartment_area {
        left: 0;
    }

    .h2_apartment_area .inner_apartment_area {
        margin: 0 0;
    }

    .inner_subscribe_form button {
        padding: 18px 10px 17px;
    }
    /* footer area css */
    .footer_area {
        text-align: center;
    }

    .footer_main_add {
        display: block;
    }

    .ycalender_inner th {
        padding: 10px 11px;
        font-size: 14px;
    }

    .ycalender_inner td {
        padding: 10px 10px;
        font-size: 13px;
    }

    .header_left, .header_right, .copy_right_menu, .inner_copy_right_area, .inner_title_btn .g_btn, .call_to_action .section_title_area {
        text-align: center !important;
    }

    .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: 2.3vw;
    }

    .inner_counter_area table {
        font-size: 2.1vw;
    }

    .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) {
    /* slider area css */
    .inner_slider_area {
        height: 260px;
    }

    .inner_slider_news_area, .inner_slider_news_area2 {
        height: 220px;
    }

    .inner_about_left_area .inner_about_left_ybg {
        margin-left: 0;
    }

    .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: 4.2vw;
    }

    .inner_counter_area table {
        font-size: 4vw;
    }

    .ejlm li a {
        font-size: 3vw;
    }

    .news_h4 {
        font-size: 3.6vw;
        margin: 10px;
    }

    a.Faf6:link {
        font-size: 3.2vw;
    }

    a.Faf6:visited {
        font-size: 3.2vw;
    }

    a.Faf6:hover {
        font-size: 3.2vw;
    }
}

/*============= mobile device ===============*/
@media (min-width:320px) and (max-width:480px) {
    .h2_inner_call_feed {
        display: block;
        text-align: center;
    }

    .h2_inner_call_icon {
        margin-top: 20px;
    }
    /* footer area css */
    .footer_area {
        padding-left: 10px;
        padding-right: 10px;
    }

    #scrollUp {
        bottom: 20px;
        right: 5px;
    }
}

@media (max-width:376px) {
    /* slider area css */
    .inner_slider_area {
        height: 200px;
    }

    .inner_slider_news_area, .inner_slider_news_area2 {
        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: 4.7vw;
    }

    .inner_counter_area table {
        font-size: 4.5vw;
    }

    .inner_counter_thumb .title {
        font-size: 8vw;
    }

    .inner_counter_thumb .datetime {
        font-size: 4vw;
    }

    .ejlm li a {
        font-size: 4vw;
    }
}