/*============= Extra large device ===============*/
@media (min-width:1441px) and (max-width:1800px){
     /* absolute menu area css */
     .absolute_menu {
        margin: 0 40px;
    }
    .main_menu_area.absolute_menu.sticky{
        margin: 0 20px;
    }
    /* inner slider area css */
    .inner_slider_area{
        height: 800px;
    }
    .inner_slider_content{
        text-align: left;
    }
    .inner_slider_content h1, .inner_feature_area h2 a{
        font-size: 20px !important;
    }
    .inner_slider_content h2{
        font-size: 80px !important;
    }
    /* fearue area css */
    .feature_area{
        margin-top: 0;
    }
    .feature_width {
        padding: 72px 15px;
        max-width: 1500px;
        box-shadow: none;
        border-radius: 0;
    }
    /* inner about area css */
    .inner_about_left_shap, .inner_about_right_shap{
    display: none;
    }
    .single_service_area img {
        left: 90px;
    }
        /* section title css */
    .section_title_area{
            margin-bottom: 50px;
    }
    .section_title_area h2{
        font-size: 20px !important;
    }
    .section_title_area h3{
        font-size: 40px !important;
    }
    .counter_title_area h2{
        font-size: 40px !important;
    }
    /* counter css */
    .inner_counter_area{
        margin-bottom: 40px;
    }
    .inner_counter_sub h3, .inner_counter_sub span{
        font-size: 60px !important;
    }
    .inner_counter_area h2, .inner_ac_items a{
        font-size: 20px !important;
    }
    .counter_right_shap {
        right: -240px;
        bottom: -250px;
    }
    /* blog shap area css */
    .h2_inner_blog_left_shap{
        left: -150px;
    }
    .h3_inner_blog_right_shap{
        right: -250px;
    }

}
/*============= Desktop device ===============*/
@media (min-width:1366px) and (max-width:1440px){
    /* absolute menu area css */
    .absolute_menu {
        margin: 0 40px;
    }
    .main_menu_area.absolute_menu.sticky{
        margin: 0 20px;
    }
    /* inner slider area css */
    .inner_slider_area{
        height: 800px;
    }
    .inner_slider_content{
        text-align: left;
    }
    .inner_slider_content h1, .inner_feature_area h2 a{
        font-size: 20px !important;
    }
    .inner_slider_content h2{
        font-size: 60px !important;
    }
    .h2_inner_slider_content h1{
        font-size: 100px;
        font-weight: 600;
    }
    .h2_inner_slider_content p{
        width: 80%;
    }
    .gbtn2 {
        margin-top: 20px;
    }
    /* fearue area css */
    .feature_area{
        margin-top: 0;
    }
    .feature_width {
        padding: 72px 15px;
        max-width: 1500px;
        box-shadow: none;
        border-radius: 0;
    }
    /* inner about area css */
    .inner_about_left_shap, .inner_about_right_shap{
    display: none;
    }
    .single_service_area img {
        left: 60px;
    }
    /* section title css */
    .section_title_area{
            margin-bottom: 50px;
    }
    .section_title_area h2{
        font-size: 20px !important;
    }
    .section_title_area h3{
        font-size: 40px !important;
    }
    .section_title_area p{
        margin: 0 0;
    }
    .shop_title p{
        margin: 0 auto !important;
    }
    .counter_title_area h2{
        font-size: 40px !important;
    }
    /* counter css */
    .inner_counter_area{
        margin-bottom: 40px;
    }
    .inner_counter_sub h3, .inner_counter_sub span{
        font-size: 60px !important;
    }
    .inner_counter_area h2, .inner_ac_items a{
        font-size: 20px !important;
    }
    .counter_right_shap {
        right: -240px;
        bottom: -250px;
    }
    /* inner form input css */
    .inner_yblog_form input {
        width: 70%;
    }
    .overlay >a{
        margin-top:0%;
    }
    .overlay h2 a{
        font-size: 15px !important;
    }
    .single_post_comment_area input{
        width: 45%;
    }
    .inner_single_post_checkbox input{
        width: 12px;
    }
    /* blog shap area css */
    .h2_inner_blog_left_shap{
        left: -150px;
    }
    .h3_inner_blog_right_shap{
        right: -200px;
    }

}
/*============= Laptop device ===============*/
@media (min-width:1024px) and (max-width:1365px){
    a{
        font-size: 15px;
    }
    P{
        width: 100% !important;
        font-size: 16px;
    }
    h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        font-size: 25px !important;
        font-weight: 500;
    }
    .inner_main_nav_area ul li a{
        margin: 30px 0 30px 20px;
        font-size: 14px;
    }
    .inner_main_nav_area ul li .sub_menu li a{
        margin: 0 0;
        font-size: 15px !important;
    }
     /* absolute menu area css */
     .absolute_menu {
        margin: 0 40px;
    }
    .main_menu_area.absolute_menu.sticky{
        margin: 0 20px;
    }
     /* inner slider area css */
     .inner_slider_area{
        height: 580px;
    }
    .inner_slider_content{
        text-align: left;
    }
    .inner_slider_content h1, .inner_feature_area h2 a{
        font-size: 20px !important;
    }
    .inner_slider_content h2{
        font-size: 60px !important;
    }
    .gbtn2 {
        margin-top: 20px;
    }
    /* home 3 inner slider css */
    .h3_inner_slider h1{
        font-size: 20px !important;
    }
    .h3_inner_slider h2{
        font-size: 80px !important;
    }
    /* fearue area css */
    .feature_area{
        margin-top: 0;
    }
    .feature_width {
        padding: 72px 15px;
        max-width: 1500px;
        box-shadow: none;
        border-radius: 0;
    }
    /* inner about area css */
    .inner_about_left_shap, .inner_about_right_shap, .h2_inner_blog_left_shap, .h3_inner_blog_right_shap{
        display: none;
    }
    .h2_inner_about_right_img img{
        width: 100%;
    }
    .h3_inner_about_absolute_content{
        left: 0;
        width: 70% !important;
    }
    .single_service_area img {
        left: 25px;
    }
     /* section title css */
    .section_title_area{
         margin-bottom: 50px;
    }
    .section_title_area h2{
        font-size: 20px !important;
    }
    .section_title_area h3{
        font-size: 40px !important;
    }
    /* home 3 section title css */
    .h3_section_title h2{
        font-size: 18px !important;
    }
    .h3_section_title h2::before {
        width: 16%;
    }
    .h3_section_title h3{
        font-size: 40px !important;
    }
    .h3_section_para p{
        font-size: 16px !important;
    }
    .counter_title_area h2{
        font-size: 40px !important;
    }
    /* counter css */
    .inner_counter_area{
        margin-bottom: 40px;
    }
    .inner_counter_sub h3, .inner_counter_sub span{
        font-size: 60px !important;
    }
    .inner_counter_area h2, .inner_ac_items a{
        font-size: 20px !important;
    }
    .counter_right_shap {
        right: -240px;
        bottom: -250px;
    }
    /* home 3 inner counter css */
    .h3_inner_counter_area{
        margin-bottom: 40px;
    }
    .h3_inner_counter_area h2{
        font-size: 150px !important;
    }
    .h3_inner_counter_area h3{
        font-size: 24px;
        font-weight: 600;
    }
    /* home 2 video area css */
    .h2_video_area, .h2_pricing_title{
        padding: 0 0;
    }
    .h2_inner_video_area {
        padding: 150px 0 150px;
    }
    .h3_inner_video_area {
        padding: 100px 0 90px;
    }
    /* home 2 inner pricing btn css */
    .h2_inner_pricing_btn a {
        padding: 15px 52px 15px 50px;;
    }
    /* contact area css */
    .single_add_content h2{
        font-size: 16px !important;
    }
    .inner_contact_content h3{
        font-size: 30px !important;
    }
    .overlay >a{
        margin-top:0%;
    }
    .overlay h2 a{
        font-size: 15px !important;
    }
    /* inner blog form css */
    .inner_yblog_form input {
        width: 64%;
    }
    .ycalender_inner h5{
        font-size: 18px !important;
    }
    .ycalender_inner th {
        padding: 8px 15px;
    }
    .ycalender_inner th {
        font-size: 12px;
    }
    .single_post_comment_area input {
        width: 45%;
        margin-bottom: 20px;
    }
    .inner_single_post_checkbox{
        display: none;
    }
    /* inner footer area css */
    .inner_footer_widget_list{
    display: block;
    }
    .inner_footer_widget_subcont h3 a{
        font-size: 15px !important;
    }
}

/*============= Tablet Large device ===============*/
@media (min-width:992px) and (max-width:1023px){
    a{
        font-size: 15px;
        font-weight: 500;
    }
    P{
        width: 100% !important;
        font-size: 16px;
    }
    h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        font-size: 25px !important;
        font-weight: 500;
    }
    .main_menu_area{
        display: block;
    }
    .inner_main_nav_area ul li a{
        font-size: 15px !important;
        margin-left: 20px;
    }
    .inner_main_nav_area ul li .sub_menu li a{
        margin: 0 0;
        font-size: 15px !important;
    }
    .mobile_menu{
        display: none;
    }
    /* absolute menu area css */
    .absolute_menu {
        margin: 0 40px;
    }
    .main_menu_area.absolute_menu.sticky{
        margin: 0 20px;
    }
     /* inner slider area css */
     .inner_slider_area{
        height: 580px;
    }
    .inner_slider_content{
        text-align: left;
    }
    .inner_slider_content h1, .inner_feature_area h2 a{
        font-size: 20px !important;
    }
    .inner_slider_content h2{
        font-size: 60px !important;
    }
    .gbtn2 {
        margin-top: 20px;
    }
    /* home 3 inner slider css */
    .h3_inner_slider h1{
        font-size: 20px !important;
    }
    .h3_inner_slider h2{
        font-size: 80px !important;
    }
    /* fearue area css */
    .feature_area{
        margin-top: 0;
    }
    .feature_width {
        padding: 72px 15px;
        max-width: 1500px;
        box-shadow: none;
        border-radius: 0;
    }
    /* inner about area css */
    .inner_about_left_shap, .inner_about_right_shap, .h2_inner_blog_left_shap{
        display: none;
    }
    .h3_inner_about_absolute_content {
       left: 0;
        width: 70% !important;
    }
    .single_service_area img {
        left: 30px;
    }
    /* section title css */
    .section_title_area{
        margin-bottom: 50px;
    }
    .section_title_area h2{
        font-size: 20px !important;
    }
    .section_title_area h3{
        font-size: 40px !important;
    }
     /* home 3 section title css */
     .h3_section_title h2{
        font-size: 18px !important;
    }
    .h3_section_title h2::before {
        width: 16%;
    }
    .h3_section_title h3{
        font-size: 40px !important;
    }
    .h3_section_para p{
        font-size: 16px !important;
    }
    /* home 2 video area css */
    .h2_video_area, .h2_pricing_title{
        padding: 0 0;
    }
    .h2_inner_video_area {
        padding: 150px 0 150px;
    }
    .h3_inner_video_area {
        padding: 100px 0 90px;
    }
    /* counter css */
    .inner_counter_area{
        margin-bottom: 40px;
    }
    .inner_counter_sub h3, .inner_counter_sub span{
        font-size: 60px !important;
    }
    .inner_counter_area h2, .inner_ac_items a{
        font-size: 20px !important;
    }
    .counter_title_area h2{
        font-size: 40px !important;
    }
    .counter_right_shap {
        right: -240px;
        bottom: -250px;
    }
    /* home 3 inner counter css */
    .h3_inner_counter_area{
        margin-bottom: 40px;
    }
    .h3_inner_counter_area h2{
        font-size: 150px !important;
    }
    .h3_inner_counter_area h3{
        font-size: 24px;
        font-weight: 600;
    }
    /* home 2 inner pricing btn css */
    .h2_inner_pricing_btn a {
        padding: 15px 52px 15px 50px;;
    }
    /* contact area css */
    .single_add_content h2{
        font-size: 16px !important;
    }
    .inner_contact_content h3{
        font-size: 30px !important;
    }
    .overlay >a{
        margin-top:0%;
    }
    .overlay h2 a{
        font-size: 15px !important;
    }
    /* inner blog form css */
    .inner_yblog_form input {
        width: 64%;
    }
    .ycalender_inner , .h2_inner_about_right_img img{
        width: 100% !important;
    }
    .ycalender_inner h5{
        font-size: 18px !important;
    }
    .ycalender_inner th {
        padding: 8px 15px;
    }
    .ycalender_inner th {
        font-size: 12px;
    }
    .single_post_comment_area input {
        width: 45%;
        margin-bottom: 20px;
    }
    .inner_single_post_checkbox{
        display: none;
    }
    /* inner footer area css */
    .inner_footer_widget_list{
    display: block;
    }
    .inner_footer_widget_subcont h3 a{
        font-size: 15px !important;
    }

}

/*============= Tablet device ===============*/
@media (min-width:768px) and (max-width:991px){
    a{
        font-size: 15px;
        font-weight: 500;
    }
    P{
        width: 100% !important;
        font-size: 16px;
    }
    h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        font-size: 25px !important;
        font-weight: 500;
    }
    /* mobile menu css */
    .mobile_menu{
        display: block;
    }
    .mean-bar {
        position: relative;
    }
    .mean-bar::before {
        content: 'Menu';
        position: absolute;
        top: 7px;
        right: 0;
        bottom: 0;
        left: 5%;
        font-size: 24px;
        font-weight: 700;
        color: #fff;
    }
    .mobile_logo_area{
        display: block;
        text-align: center;
        padding: 10px 0;
    }
    .header_left, .header_right{
        text-align: center !important;
    }
    /* main menu area css */
    .main_menu_area, .inner_counter_area img{
        display: none;
    }
     /* inner slider area css */
     .inner_slider_area{
        height: 580px;
    }
    .inner_slider_content{
        text-align: left;
    }
    .inner_slider_content h1, .inner_feature_area h2 a{
        font-size: 20px !important;
    }
    .inner_slider_content h2{
        font-size: 60px !important;
    }
    .gbtn2{
        margin-top: 20px;
    }
    /* home 3 inner slider css */
    .h3_inner_slider h1{
        font-size: 20px !important;
    }
    .h3_inner_slider h2{
        font-size: 80px !important;
    }
    /* fearue area css */
    .feature_area{
        margin-top: 0;
    }
    .feature_width {
        padding: 72px 15px;
        max-width: 1500px;
        box-shadow: none;
        border-radius: 0;
    }
    /* about area css */
    .inner_about_right_content{
        margin: 0 0;
    }
    .inner_about_btn{
        display: block;
        text-align: center;
    }
    .inner_about_btn a{
        margin-bottom: 20px;
    }
    .inner_about_left_shap, .inner_about_right_shap, .h2_inner_blog_left_shap{
        display: none;
    }
    .h3_inner_about_right_content{
        padding: 0 0;
    }
    .h3_inner_about_right_content h1 {
        font-size: 18px !important;
    }
    .h3_inner_about_absolute_content {
        width: 100% !important;
        left: 0;
    }
    /* inner feature area css */
    .inner_feature_area, .inner_counter_area, .inner_blog_area, .h2_inner_blog_area, .inner_pricing_area, .inner_price_img, .h3_form_area input, .inner_project_information_img{
        margin-bottom: 20px;
    }
    /* section title css */
    .section_title_area{
       margin-bottom: 50px;
    }
    .section_title_area h2{
        font-size: 20px !important;
    }
    .section_title_area h3{
        font-size: 40px !important;
    }
    /* home 3 section title css */
    .h3_section_title h2{
        font-size: 18px !important;
    }
    .h3_section_title h2::before {
        width: 25%;
    }
    .h3_section_title h3{
        font-size: 30px !important;
    }
    .h3_section_para p{
        font-size: 14px !important;
    }
    .h2_single_service_right_shap, .h2_pricing_left_shap, .h3_inner_blog_right_shap{
        display: none;
    }
    /* single service area css */
    .single_service_area img {
        left: 50px;
    }
    /* counter css */
    .inner_counter_area{
        margin-bottom: 40px;
    }
    .inner_counter_sub h3, .inner_counter_sub span{
        font-size: 50px !important;
    }
    .inner_counter_area h2, .inner_ac_items a{
        font-size: 17px !important;
    }
    .counter_right_shap {
        right: -240px;
        bottom: -250px;
    }
    /* home 3 inner counter css */
    .h3_inner_counter_area{
        margin-bottom: 40px;
    }
    .h3_inner_counter_area h2{
        font-size: 150px !important;
    }
    .h3_inner_counter_area h3{
        font-size: 24px;
        font-weight: 600;
    }
    .inner_ac_items a i, .inner_ac_items a::before{
        display: none;
    }
    /* inner brand area img css */
    .inner_brand_area img{
        margin: 0 auto;
    }
    .inner_sub_form input{
        width: 50%;
    }
    /* home 2 video area css */
    .h2_video_area, .h2_pricing_title{
        padding: 0 0;
    }
    .h2_inner_video_area {
        padding: 100px 0 100px;
    }
    .h3_inner_video_area {
        padding: 100px 0 90px;
    }
    /* inner faq items css */
    .inner_faq_ac_item a i{
        display: none;
    }
    .section_title_area h3{
        font-size: 30px !important;
    }
    /* home 2 collapse content css */
    .h2_collapse_content{
        display: block;
    }
    .h2_collapse_content p{
        margin-bottom: 20px;
    }
    .h2_inner_pricing_btn a {
        padding: 15px 40px 15px 50px;
    }
    /* contact form area css */
    .inner_contact_content h2{
        font-size: 20px !important;
    }
    .inner_contact_content h3{
        font-size: 25px !important;
    }
    .inner_contact_form input, .h2_inner_about_right_img img, .inner_contact_form textarea, .inner_contact_form button {
        width: 100%;
    }
    .inner_contact_map iframe{
        height: 600px;
        margin-top: 50px;
    }
    /* copy right nav css */
    .copyright_nav{
        text-align: left !important;
    }
    .copyright_nav ul li a{
        margin-left: 15px;
    }
    .overlay >a{
        margin-top: 10%;
    }
    /* inner blog form css */
    .inner_yblog_form input {
        width: 70%;
    }
    .ycalender_inner th {
        font-size: 12px !important;
    }
    .ycalender_inner td , .h2_inner_pricing_list ul li{
        font-size: 14px !important;
    }
    .single_post_comment_area input {
        width: 97%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .inner_single_post_checkbox{
        display: none;
    }
    /* inner footer area css */
    .inner_footer_widget_list{
        display: block;
    }
    .inner_footer_widget_subcont h3 a{
        font-size: 15px !important;
    }
}

/*============= mobile large device ===============*/
@media (max-width:767px){
    a{
        font-size: 15px;
        font-weight: 500;
    }
    P{
        width: 100% !important;
    }
    h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        font-size: 20px !important;
    }
    .header_left, .header_right{
        text-align: center !important;
    }
    /* mobile menu css */
    .mobile_menu{
        display: block;
    }
    .mean-bar {
        position: relative;
    }
    .mean-bar::before {
        content: 'Menu';
        position: absolute;
        top: 7px;
        right: 0;
        bottom: 0;
        left: 5%;
        font-size: 24px;
        font-weight: 700;
        color: #fff;
    }
    .mobile_logo_area{
        display: block;
        text-align: center;
        padding: 10px 0;
    }
    /* main menu css */
    .main_menu_area, .inner_faq_ac_item a i{
        display: none;
    }
    /* inner slider area css */
    .inner_slider_area{
        height: 580px;
    }
    .inner_slider_content{
        text-align: center;
    }
    .inner_slider_content h1{
        font-size: 20px !important;
    }
    .inner_slider_content h2{
        font-size: 30px !important;
    }
    /* golobal btn css */
    .g_btn a{
        padding: 10px 20px;
    }
    .gbtn2{
        margin-top: 20px;
    }
    /* home 2 inner slider css */
    .h2_inner_slider{
        height: 600px;
    }
    .h2_inner_slider_content h1{
        font-size: 30px !important;
    }
    .h2_inner_slider_content p{
        font-size: 20px !important;
    }
    .h2_slider_icons a{
        font-size: 22px;
    }
    /* home 3 inner slider css */
    .h3_inner_slider h1{
        font-size: 20px !important;
    }
    .h3_inner_slider h2{
        font-size: 40px !important;
    }
    /* feature area css */
    .feature_area {
        padding: 0px 0 50px;
        position: relative;
        margin-top: 0;
    }
    .h3_feature_area{
        margin-top: 50px;
    }
    .feature_width {
        padding: 72px 15px;
        min-width: 0;
        box-shadow: none;
        border-radius: 0;
    }
    .h3_inner_about_absolute_content {
       left: 0;
    }
    /* section title css */
    .section_title_area{
        margin-bottom: 50px;
    }
    .section_title_area h2, .counter_title_area h2{
        font-size: 20px !important;
    }
    .section_title_area h3, .inner_pricing_cont_txt h2, .inner_pricing_cont_txt h3{
        font-size: 30px !important;
    }
    .h3_section_title h2{
        font-size: 20px !important;
    }
    .h3_section_title h3{
        font-size: 40px !important;
    }
    /* single service area css */
    .single_service_area img {
        top: -70px;
        left: 130px;
    }
    .h2_single_service_right_shap, .h2_about_shap_left, .h2_inner_blog_left_shap, .h3_inner_blog_right_shap, .h3_inner_about_left_shap, .h2_pricing_left_shap{
        display: none;
    }
    /* video area css */
    .h2_inner_video_area {
        padding: 100px 0 100px;
    }
    .h3_inner_video_area {
        padding: 100px 0 90px;
    }
    /* inner counter css */
    .inner_counter_area{
        text-align: center !important;
    }
    .inner_counter_sub{
        justify-content: center;
    }
    .inner_counter_area, .inner_blog_area{
        margin-bottom: 20px;
    }
    .inner_counter_area h3, .inner_counter_area span {
        font-size: 60px !important;
        font-weight: 600;
    }
    .inner_counter_area h4 {
        font-size: 20px !important;
        font-weight: 600;
    }
    /* home 3 inner counter css */
    .h3_inner_counter_area{
        margin-bottom: 40px;
    }
    .h3_inner_counter_area h2{
        font-size: 150px !important;
    }
    .h3_inner_counter_area h3{
        font-size: 24px;
        font-weight: 600;
    }
    /* main accordion area css */
    .main_accordion_area{
        height: 1100px;
    }
    .inner_main_ac_right_img {
        position: relative;
        right: -200px;
    }
    .inner_ac_items a i, .inner_ac_items a.active::before{
        display: none;
    }
    .inner_price_img , .inner_price_area, .inner_pricing_area, .h2_inner_pricing_items, .h2_inner_blog_area, .footer_widget, .inner_project_information_img, .inner_feature_area{
        margin-bottom: 20px;
    }
    .h3_inner_main_ac_right_img.text-center img {
        width: 328px;
    }
    /* inner brand area css */
    .inner_brand_area img{
        margin: 0 auto;
    }
    /* inner call to action css */
    .inner_call_to_action h2{
        padding-left: 30px;
    }
    .inner_call_to_action a {
        font-size: 12px;
        padding: 16px 40px;
    }
    /* contact form area css */
    .inner_contact_content h3, .inner_about_right_content h3{
        font-size: 30px !important;
    }
    .inner_contact_content h2{
        font-size: 20px !important;
    }
    .inner_contact_form input, .inner_contact_form textarea, .inner_contact_form button {
        width: 100%;
    }
    .inner_contact_map iframe{
        height: 400px;
        margin-top: 50px;
    }
    /* footer socail icons */
    .footer_socail_icons{
        margin-top: 20px;
        text-align: left !important;
    }
    .copyright_text ,.copyright_nav{
        text-align: center !important;
    }
    .copyright_nav ul li a{
        text-transform: capitalize;
    }
    /* portfolio nav */
    .portfolio_nav ul li{
        margin: 0 0 20px;
    }
    .overlay >a{
        margin-top: 10%;
    }
    .ycalender_inner th {
        font-size: 12px !important;
    }
    .ycalender_inner td {
        font-size: 14px !important;
    }
    /* project information css */
    .inner_project_in_icon a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    /* single blog area css */
    .single_post_comment_area input {
        width: 48%;
        margin-bottom: 20px;
        margin-right: 0;
    }
    /* inner footer widget css */
    .inner_footer_widget_list{
        display: block;
    }
    .inner_footer_widget_subcont h3 a{
        font-size: 14px !important;
    }
}

/*============= mobile device ===============*/
@media (min-width:320px) and (max-width:480px){
    .inner_slider_area{
        height: 500px;
    }
    .inner_slider_content{
        width: 100% !important;
    }
    .inner_slider_content h1{
        font-size: 18px !important;
        font-weight: 400;
        margin-bottom: 20px;
    }
    .inner_slider_content h2{
        font-size: 30px !important;
        font-weight: 500;
    }
    .h2_inner_slider_content p{
        font-size: 16px !important;
    }
    .gbtn2{
        margin-top: 20px;
    }
    /* home 3 inner slider area css */
    .h3_inner_slider {
        padding-top: 100px;
    }
    .h3_inner_slider .h2_main_slider_icons {
        display: block !important;
        padding-top: 0;
    }
    .h3_inner_slider .h2_slider_icons{
        text-align: center;
    }
    /* inner about area css */
    .inner_about_left_img img, .h2_inner_about_right_img img, .inner_form_area img, .form_title h3{
        width: 100%;
    }
    .inner_about_btn{
        display: block;
    }
    .inner_about_btn a{
        margin-bottom: 20px;
    }
    /* home 3 inner about css */
    .h3_inner_about_absolute_content {
        width: 100%;
    }
    .h3_inner_about_right_content {
        padding: 65px 0px 0;
    }
    .h3_inner_about_right_content h1 {
        margin-left: 70px;
    }
    .h3_inner_about_right_content h1::before {
        width: 28%;
    }
    .inner_about_right_shap img, .inner_blog_shap_left img, .single_ac_items a i, .single_ac_items a.active::before{
        display: none;
    }
    /* section title css */
    .section_title_area{
        margin-bottom: 30px;
    }
    .section_title_area h2{
        font-size: 16px !important;
    }
    .section_title_area h3{
        font-size: 22px !important;
    }
    .h3_section_title h2{
        font-size: 16px !important;
    }
    .h3_section_title h2::before {
        width: 30%;
    }
    .h3_section_title h3{
        font-size: 25px !important;
    }
    /* single service area css */
    .single_service_area img {
        top: -70px;
        left: 30px;
    }
    /* inner accordion area css */
    .inner_ac_items a, .inner_testimonial_content p, .inner_testimonial_title h3{
        font-size: 17px !important;
    }
    .inner_main_ac_right_img {
        position: relative;
        right: 0px;
    }
    .inner_main_ac_right_img img {
        width: 350px;
        height: 400px;
    }
    /* home 2 collapse content css */
    .h2_collapse_content{
        display: block;
    }
    .h2_collapse_content p{
        margin-bottom: 20px;
    }
    .h2_video_area{
        padding: 0 0;
    }
    .pricing_btn a, .inner_about_btn >a, .single_service_btn a, .inner_footer_cont p {
        font-size: 12px;
        font-weight: 700;
    }
    /* form title css */
    .form_title h3{
        font-size: 22px !important;
    }
    /* contact area css */
    .single_contact_border {
        padding: 65px 20px 40px;
    }
    .inner_contact_content h2 {
        font-size: 16px !important;
    }
    .inner_contact_content h3{
        font-size: 26px !important;
    }
    .inner_feature_area, .inner_img_area, .inner_img_right ,.inner_img_right2, .footer_widget , .footer_nav, .footer_widget_right{
        margin-bottom: 20px;
    }
    .footer_logo, .footer_socail_icons, .footer_widget , .footer_nav, .footer_widget_right{
        text-align: center !important;
    }
    /* inner call to action css */
    .inner_call_to_action {
        text-align: center;
        display: block;
        align-items: center;
    }
    .inner_shop_title{
        display: block;
    }
    .inner_yblog_form input {
        width: 70%;
    }
    .ycalender_inner th {
        padding: 8px 14px;
    }
    /* footer area css */
    .footer_up_area {
        padding: 110px 20px 60px;
        border-bottom: 1px solid var(--whitec);
    }
    .about_footer_area .footer_widget h2::before {
        margin: 0 auto;
    }
    .scroll_top_btn {
        bottom: 130px;
        right: 50px;
    }
}