/*============ Very large Device ===========*/
@media (min-width:1511px) and (max-width:1919px){
    .site_logo_area img {
        width: 100%;
    }
    .inner_main_nav_area >ul >li >a {
        font-size: 16px;
        margin: 35px 10px;
    }
    .main_nav_right_text {
      
    }
	.main_menu_area{
		padding: 0;
	}
	.nav_logo{
	width: 20%;
	}
	.nav_nr{
	width: 80%;	
	}
	
}

@media (min-width:1441px) and (max-width:1510px){
	    .inner_main_nav_area >ul >li >a {
        font-size: 15px;
        margin: 35px 8px;
    }
	.nav_logo{
	width: 20%;
	}
	.nav_nr{
	width: 80%;	
	}
}


/*============ Desktop Device ===========*/
@media (min-width:1366px) and (max-width:1440px){
    h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        font-weight: 500 !important;
        font-size: 20px;
    }
    h1{
        font-size: 24px;
    }
    h2{
        font-size: 18px;
    }
    /* header top area */
    .header_top_area {
        padding: 10px 50px;
    }
	.language_web{
		margin: auto 10px auto 10px;
	}
	.main_nav_icons{
		margin: 0 10px 0 10px;
	}
    .main_menu_area {
        padding: 0;
    }
    .site_logo_area img {
        width: 100%;
    }
    .inner_main_nav_area >ul >li >a {
        font-size: 14px;
        margin: 35px 6px;
    }
    .main_nav_right_text {
       
    }
    /* slider area css */
    .inner_slider_area{
        height: auto;
    }
    .inner_slider_content h2{
        font-size: 60px;
    }
    .inner_slider_content p{
        width: 100%;
    }
    /* about area css */
    .about_left_title{
        left: 0;
    }
    .inner_about_list ul li {
        margin-right: 40px;
    }
   /* section title area css */
   .section_title_area h3,.inner_call_action h1 {
        font-size: 40px;
    }
    .sp_inner_price_title h2{
        font-size: 20px;
    }
    .single_post_comment_area input {
        width: 46%;
        margin-bottom: 20px;
    }
    .inner_single_post_checkbox input {
        display: none;
    }
    /* footer area css */
    .footer_top_cont h2 {
        font-size: 25px;
    }
    .footer_top_right_form p input {
        width: 70%;
    }
}
/*============ Laptop Device ===========*/
@media (min-width:1024px) and (max-width:1365px){
    h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        font-weight: 500 !important;
        font-size: 20px;
    }
    h1{
        font-size: 24px;
    }
    h2{
        font-size: 18px;
    }
	.nav_logo{
		width: 20%;
	}
	.nav_nr{
		width: 80%;
	}
	
    /* header top area */
    .header_top_area {
        padding: 10px 20px;
    }
    .main_menu_area {
        padding: 0;
    }
    .site_logo_area img {
        width: 90%;
    }
    .inner_main_nav_area >ul >li >a {
        font-size: 14px;
        margin: 35px 6px;
    }
	.inner_main_nav_area ul li .sub_menu a.dh_navbt{
		font-size: 15px;
	}
	
	
    .main_nav_right_text {
      
    }
	
	.language_web{
		margin: auto 10px auto 0px;
	}
	.main_nav_icons{
		margin: 0 10px 0 10px;
	}
	.language_web .langu span{
		font-size: 14px;
	}
    .main_nav_btn a {
        font-size: 12px;
    }
    /* slider area css */
    .inner_slider_area{
        height: auto;
    }
    .inner_slider_content h1{
        font-size: 20px;
    }
    .inner_slider_content h2{
        font-size: 50px;
    }
    .inner_slider_content p{
        width: 100%;
    }
    /* about area css */
    .about_left_title{
        left: 0;
    }
    .about_left_title h3 {
        font-size: 70px;
    }
    .inner_about_list ul{
        display: block;
    }
   /* section title area css */
   .section_title_area h3,.inner_call_action h1, .footer_top_cont h2, .inner_contact_area .section_title_area h3 {
        font-size: 30px;
    }
    .inner_project_area:hover .project_content {
        bottom: 80px;
    }
    .ycalender_inner th {
        padding: 10px 10px;
    }
    .ycalender_inner td {
        padding: 10px 10px;
        font-size: 13px;
    }

    .single_post_comment_area input {
        width: 46%;
        margin-bottom: 20px;
    }
    .inner_single_post_checkbox input {
        display: none;
    }
    .footer_top_right_form p input {
        width: 67%;
    }
    #scrollUp {
        bottom: 50px;
    }
}

/*============= Tablet Large device ===============*/
@media (min-width:992px) and (max-width:1023px){
    h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        font-weight: 500 !important;
        font-size: 20px;
    }
    h1{
        font-size: 24px;
    }
    h2{
        font-size: 18px;
    }
    /* header top area */
    .header_top_area {
        padding: 10px 20px;
    }
    .main_menu_area {
        padding: 0;
    }
    .site_logo_area img {
        width: 90%;
    }
    .inner_main_nav_area >ul >li >a {
        font-size: 14px;
        margin: 35px 9px;
    }
    .main_nav_right_text {
        display: none;
    }
    .main_nav_btn a {
        font-size: 12px;
    }
    /* slider area css */
    .inner_slider_area{
        height: auto;
    }
    .inner_slider_content h1{
        font-size: 20px;
    }
    .inner_slider_content h2{
        font-size: 40px;
    }
    .inner_slider_content p{
        width: 100%;
    }
    /* about area css */
    .about_left_title{
        left: 0;
    }
    .about_left_title h3 {
        font-size: 70px;
    }
    .inner_about_list ul{
        display: block;
    }
   /* section title area css */
   .section_title_area h3,.inner_call_action h1, .footer_top_cont h2, .inner_contact_area .section_title_area h3 {
        font-size: 30px;
    }
    .inner_project_area:hover .project_content {
        bottom: 80px;
    }
    .ycalender_inner th {
        padding: 10px 10px;
    }
    .ycalender_inner td {
        padding: 10px 10px;
        font-size: 13px;
    }
    .single_post_comment_area input {
        width: 46%;
        margin-bottom: 20px;
    }
    .inner_single_post_checkbox input {
        display: none;
    }
    .footer_top_right_form p input {
        width: 65%;
    }
    #scrollUp {
        bottom: 50px;
    }

}

/*============= Tablet device ===============*/
@media (min-width:768px) and (max-width:991px){
    h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        font-weight: 500 !important;
        font-size: 18px;
    }
    h1{
        font-size: 24px;
    }
    h2{
        font-size: 18px;
    }
    h3{
        font-size: 16px;
    }
    h4{
        font-size: 15px;
    }
    /* header top area */
    .header_top_area {
        padding: 10px 20px;
    }
    .header_left, .header_right, .copyright_text, .copyright_nav,.call_right_btn, .inner_call_action {
        text-align: center !important;
    }
    /* mobile menu css */
    .mobile_menu{
        display: block !important;
    }
    .mobile_logo_area{
        display: block !important;
        text-align: center;
        padding: 10px 0;
    }
    /* main menu css */
    .main_menu_area{
        display: none;
    }
    /* slider area css */
    .inner_slider_area{
        height: auto;
    }
    .inner_slider_content{
        text-align: center;
    }
    .inner_slider_content h1{
        font-size: 20px;
    }
    .inner_slider_content h2{
        font-size: 40px;
    }
    .inner_slider_content p{
        width: 100%;
    }
    .m_btn a {
        padding: 12px 25px;
        font-size: 15px;
    }
    /* feature area css */
    .single_feature, .inner_about_area, .footer_widget, .inner_counter_area{
        margin-bottom: 20px;
    }
    /* about area css */
    .about_left_title{
        left: 0;
    }
    .about_left_title h3 {
        font-size: 50px;
    }
    .inner_about_list ul{
        display: block;
    }
    .inner_about_list ul li{
        margin-right: 0;
    }
    .inner_about_right_img img, .inner_contact_right_img img {
        width: 100%;
    }
     /* inner about counter css */
     .inner_ab_counter_sub_cont h3, .inner_ab_counter_sub_cont span{
        font-size: 50px;
    }
    .ab_counter_area h2, .footer_top_cont h2{
        font-size: 20px;
    }
     /* section title area css */
     .section_title_area h3, .inner_call_action h1, .inner_contact_area .section_title_area h3 {
        font-size: 25px;
    }
    .call_to_action .section_title_area p{
        width: 100%;
    }
    /* team area css */
    .inner_team_area {
        margin-bottom: 80px;
    }
    .ycalender_inner th {
        padding: 10px 10px;
    }
    .ycalender_inner td {
        padding: 10px 10px;
    }
    .single_post_comment_area input{
        width: 43%;
    }
    .inner_single_post_checkbox input {
        display: none;
    }
    .inner_ac_items a i, .inner_ac_items a.active::before, .inner_faq_ac_item a.active::before, .inner_faq_ac_item a.active i, .inner_faq_ac_item a i{
        display: none;
    }
    .single_post_comment_area textarea{
        width: 100%;
    }
}

/*============= mobile large device ===============*/
@media (max-width:767px){
    h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        font-weight: 500 !important;
        font-size: 18px;
    }
    h1{
        font-size: 24px;
    }
    h2{
        font-size: 18px;
    }
    h3{
        font-size: 16px;
    }
    h4{
        font-size: 15px;
    }
    /* header top area */
    .header_top_area {
        padding: 10px 20px;
    }
    .header_left, .header_right, .copyright_text, .copyright_nav,.call_right_btn, .inner_call_action {
        text-align: center !important;
    }
	
	.mobilemenu_con .mobile_menu_logo a{
		display: block;
	}
	.mobilemenu_con .mobile_menu_logo{
		text-align: left!important;
	}
	.mobilemenu_con .mobile_menu_logo a img{
		width: 60%;
	}
	.inner_breadcum_area{
		padding: 60px 0;
	}
	.section_title_area h3{
		font-size: 18px;
	}
    /* mobile menu css */
    .mobile_menu{
        display: block !important;
    }
    .mobile_logo_area{
        display: block !important;
        text-align: center;
        padding: 10px 0;
    }
    /* main menu css */
    .main_menu_area{
        display: none;
    }
    /* slider area css */
    .inner_slider_area,.video_slider_area{
        height: auto;
    }
	
	.video-container.pc_banner{
		display:none;
	}
	
	.video-container.m_banner{
		display: inherit;
	}
	
	
	
    .inner_slider_content{
        text-align: center;
    }
    .inner_slider_content h1{
        font-size: 20px;
    }
    .inner_slider_content h2{
        font-size: 30px;
    }
    .inner_slider_content p{
        width: 100%;
    }
    .m_btn a {
        padding: 10px 20px;
        font-size: 14px;
    }
    .witr_youtube_video iframe{
        height: 500px;
    }
    /* featurea area css */
    .feature_area {
        margin-top: 60px;
		display: none;
    }
	
	.about-gd-call{
		
	}
	.about-contact-icon i{
		margin-right: 5px;
		margin-left: 10px;
	}
	.about-contact{
		margin-left: 0px;
	}
	.about-thumb{
		margin-left: 0px;
	}
	
    .single_feature, .inner_about_area, .footer_widget, .inner_counter_area{
        margin-bottom: 20px;
    }
	
	.inner_about_area{
		margin-left: 0px;
	}
	
	
    /* about area css */
    .about_left_title{
        left: 0;
    }
    .about_left_title h3 {
        font-size: 50px;
    }
    .inner_about_list ul{
        display: block;
    }
    .inner_about_list ul li{
        margin-right: 0;
    }
    .inner_about_right_img img, .inner_contact_right_img img {
        width: 100%;
    }
    /* inner about counter css */
    .inner_ab_counter_sub_cont h3, .inner_ab_counter_sub_cont span{
        font-size: 40px;
    }
    .ab_counter_area h2{
        font-size: 20px;
    }
    /* sectio title area css */
    .section_title_area h3,.inner_call_action h1 {
        font-size: 22px;
    }
    .call_to_action .section_title_area p{
        width: 100%;
    }
    .sec_title_ab h4{
        font-size: 70px;
    }
    /* counter area css */
    .inner_contact_area .section_title_area h3{
        font-size: 30px;
    }
    /* team area css */
    .inner_team_area {
        margin-bottom: 60px;
    }
    .inner_contact_area {
        padding: 60px 10px 60px;
    }
    .single_post_comment_area input{
        width: 100%;
        margin-bottom: 20px;
    }
    .inner_single_post_checkbox input {
        display: none;
    }
    .single_post_comment_area textarea{
        width: 100%;
    }
    .inner_ac_items a i, .inner_ac_items a.active::before, .inner_faq_ac_item a.active::before, .inner_faq_ac_item a.active i, .inner_faq_ac_item a i{
        display: none;
    }
    .footer_top_cont{
        margin: 40px 0;
    }
	
	.sy_gjimg{
		display: none;
	}
	
	.inner_about_right_counter{
		bottom: -70px;
		padding: 20px 90px 20px 40px;
		right:auto;
		left: 0;
	}
	.about_area{
		padding: 40px 0 60px;
	}
	.section_title_area p{
		width: 100%;
	}
	.product_area{
		padding: 60px 0px;
	}
	.sy_product_bt h3{
		font-size: 24px;
	}
	.sy_product_nr{
		margin-top: 30px;
	}
	.sy_product_nav .cp_tb img{
		width: 100%;
	}
	.sy_product_nav .wk{
		padding: 30px 10px;
	}
	.odm_area{
		padding: 60px 0px;
	}
	.syodm_wz{
		margin-top: 0px;
		padding-left: 0px;
	}
	.syodm_bt h3{
		font-size: 30px;
	}
	.syodm_nr{
		padding-top: 10px;
	}
	
	.syodm_nr p{
		font-size: 16px;
        line-height: 26px;
		margin-bottom: 5px;
	}
	
	.syodm_lb ul li{
		margin-top: 10px;
		width: 50%;
	}
	.syodm_lb ul li p{
		font-size: 14px;
	}
	.syodm_lb ul li img{
		width: 16px;
        height: 16px;
		margin: auto 5px auto 0;
	}
	.hz_mode .syodm_wz,.hz_mode3 .syodm_wz{
		margin-top: 30px;
	}
	.ny_cplc .service_area{
		padding: 40px 0 50px;
	}

	
	.syodm_icon1 img{
		max-width: 60%;
	}
	
	.syodm_img2{
		left: 0;
	}
	
	.ny_obm h1{
		font-size: 30px;
	}
	.ny_obm h2{
		font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
	}
	.ny_obm .ny_obm_img img{
		max-width: 100%;
	}
	
	.ny_obm .ny_obm_img{
		margin-top: -120px;
	}
	.odm_area h1{
		font-size: 30px;
	}
	
	.hz_mode{
		margin-top: 40px;
	}
	
	
	.obm_area{
		height: auto;
		padding: 30px 0px;
	}
	.obm_area_img{
		bottom: auto;
    width: 40%;
    top: 15%;
	}
	.obm_area_nr{
		position: unset;
		width: 100%;
	}
	.obm_area_ly{
		width: 100%;
		position: unset;
	}
	.obm_area_nr h3{
		font-size: 30px;
	}
	.obm_area_nr h2{
		font-size: 16px;
		margin-top: 10px;
	}
	.obm_area_nr h3::before{
		bottom: 5px;
		height: 4px;
	}
	.obm_area_ly .wk{
		padding: 20px 10px;
	}
	.single_service{
		margin: 30px 15px 20px;
	}
	.service_area{
		padding: 60px 0 50px;
	}
	.section_title_area{
		margin-bottom: 60px;
	}
	.team_area{
		padding: 60px 0 60px;
	}
	
	.team_area .m_btn{
		margin-top: 20px;
	}
	
	.blog_area{
		padding: 60px 0 60px;
	}

	.blog_area .container .row .col-sm-12{
		display: none;
	}
	.blog_area .container .row .col-sm-12:nth-child(1){
		display: inherit;
	}
	.blog_area .section_title_area h3::before{
		margin: 0;
	}
	.footer_area{
		padding: 40px 0 25px;
	}
	.footer_top_img{
	text-align: center;	
	margin-bottom: 20px;	
	}
	.footer_top_img a{
		display: inline-block;
	}
	.footer_top{
		margin-bottom: 60px;
	}
	.copy_right_area{
		margin-top: 0px;
	}
	.copyright_text p{
		font-size: 12px;
	}
	.copy_right_area{
		border-top: 1px solid rgb(218 218 218 / 37%);
		border-bottom:none;
	}
	.footer_dh{
		display: none;
	}
	
	.portfolio_area .container{
		max-width: 100%;
	}
	.sy_product_lb .wk{
		padding: 25px  0px;
	}
	.sy_cplb_txt a{
		padding: 10px 0;
	}
	
	.portfolio_area{
		padding: 60px 0;
	}
	.widget-sidebar-box{
		display: none;
	}
	
	.widget-sidebar-quick-contact{
		display: none;
	}
	.category-single-box.style1{
		padding: 20px 10px 20px 10px;
		margin-bottom: 20px;
	}
	.category-box-title a h4{
		font-size: 18px;
		margin: 0px 0 10px;
	}
	.cat-shop-btn a, .cat-shop-btn button{
		padding: 5px 20px 5px 20px;
	}
	.inner_team_img{
		height: 23vh;
	}
	.inner_team_content{
		bottom: -25px;
		padding: 10px 0 10px;
	}
	.inner_counter_area h2{
		font-size: 12px;
		margin-bottom:0;
	}
	
	.inner_counter_sub_cont h3, .inner_counter_sub_cont span{
		font-size: 30px;
	}
	
	
}

/*============= mobile device ===============*/
@media (min-width:320px) and (max-width:480px){
    .inner_slider_content{
        width: 90%;
    }
    .inner_slider_content h2{
        font-size: 24px;
    }
    .inner_testimonial_area{
        display: block;
    }
    .ycalender_inner th {
        padding: 10px 10px;
    }
    .ycalender_inner td {
        padding: 10px 10px;
        font-size: 13px;
    }
    .footer_top_right_form p input{
        margin-bottom: 20px;
    }
    .footer_top_right_form{
        text-align: center !important;
    }
    #scrollUp {
        bottom: 75px;
        right: 15px;
    }
  .language_web{width: 160px;}
    
}