/*============ Very large Device ===========*/
@media (min-width:1441px) and (max-width:1919px){
    .site_logo_area img { max-width:100%;    }
    .inner_main_nav_area >ul >li >a {
        font-size: 16px;
    }
    .main_nav_right_text {
        display: none;
    }
}
/*============ Desktop Device ===========*/
@media (min-width:1366px) and (max-width:1440px){
    h1{
        font-size: 24px;
    }
    h2{
        font-size: 18px;
    }
	.companyname { font-size: 16px; padding-left:10px}
    /* header top area */
    .main_menu_area {
        padding: 0 50px;
    }
    .site_logo_area img { max-width:80px; }
    .inner_main_nav_area >ul >li >a {
        font-size: 16px;
    }
	.main_nav_icons {
    margin: 0;
}
  /*  .main_nav_right_text {
        display: none;
    }*/
    /* slider area css */
    .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:1025px) and (max-width:1365px){

.breadcum_area {
    background-image: url(../index-2.html);
    height: 300px;
}
.inner_blog_img {
    height: 223px;
    overflow: hidden;
}
.inner_breadcum_area {  padding-top: 97px;}
    /* header top area */
    .header_top_area {
        padding: 10px 20px;
    }
    .main_menu_area {
        padding: 0 20px;
    }
	.companyname {
    color: #335c9d;
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
}
    .site_logo_area img {width:80px;    }
    .inner_main_nav_area >ul >li >a {
        font-size: 15px;
        margin: 8px 9px; padding:8px 32px;
    }
    .main_nav_right_text {
        display: none;
    }
    .main_nav_btn a {
        font-size: 12px;
    }
    /* slider area css */
    .inner_slider_area{
        height: 600px;
    }
    .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:1024px){
    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_right {
    float: left;
}
    /* header top area */
    .header_top_area {
        padding: 10px 20px;
    }
    .main_menu_area {
        padding: 0 20px;
    }
    .site_logo_area img { max-width:100%;    }
    .inner_main_nav_area >ul >li >a {
        font-size: 14px;
        margin: 5px 9px;
    }
	.inner_main_nav_area >ul >li >a {
    display: inline-block;
    padding: 10px 23px;
    font-size: 18px;
    color: #fff;
}
    .main_nav_right_text {
        display: none;
    }
    .main_nav_btn a {
        font-size: 12px;
    }
    /* slider area css */
    .inner_slider_area{
        height: 600px;
    }
    .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){
.breadcum_area {
    background-image: url(../index-2.html);
    height: 250px;
}
.inner_blog_img {
    height: 250px;
    overflow: hidden;
}
.inner_breadcum_area { padding-top: 80px;}
   .product-lists {
    background-color: #549812;
    padding: 12% 5% 4% 5%;
    margin-top: -138px;
}
.about-section .right-col .inner { padding-left:0}
    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;
    }
	.header_right {
    float: left;
}
    /* 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: 500px;
    }
    .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; margin-right:0;
    }
    /* about area css */
    .about_left_title{
        left: 0;
    }
    .about_left_title h3 {
        font-size: 50px;
    }
	.about_area .section_title_area {  margin-bottom: 20px;}
    .inner_about_list ul{
        display: block;
    }
    .inner_about_list ul li{
        margin-right: 0;margin-bottom: 12px;    padding: 8px 20px;
    }
    .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;
    }
	.testimonial_area {
    padding: 50px 0;
    }
    .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{
        font-size: 24px;
    }
    h2{
        font-size: 18px;
    }
    h3{
        font-size: 16px;
    }
    h4{
        font-size: 15px;
    }
	.sub_menu{ padding-left:0}
	.head_language { border-left:none;}
	.footer_area { margin-bottom: 50px;}
    /* header top area */
	.glyphicon { right:15px}
    .header_top_area {
        padding: 10px 0;
    }
    .header_left, .header_right, .copyright_text, .copyright_nav,.call_right_btn, .inner_call_action {
        text-align: center !important; 
    }
	.header_right{display:none}
	.header_left{ padding:0; width:140%}
	.row2{ float:left}
    /* mobile menu css */
    .mobile_menu{
        display: block !important;
    }
    .mobile_logo_area{
        display: block !important;
        text-align: center;
    position:fixed;
    z-index: 9999; top:20px; float:right;right: 0;
    }
    /* main menu css */
    .main_menu_area{
        display: none;
    }
	.product-lists {
    background-color: #549812;
    padding: 12% 5% 4% 5%;
    margin-top: -80px;
}
.header_top_area{    position: fixed; top:0;
    z-index: 1030; width:100%}
#information img{ max-width:100%}
.inner_breadcum_area h1 { font-size: 32px;}
.inner_breadcum_area h2 { font-size: 32px;}
.inner_breadcum_area ul li a { font-size: 18px;}
.breadcum_area{height:200px}
.inner_breadcum_area { padding-top: 50px;}
.about-section.style-two{padding:0 0 10px}
.about-section .book-form-box{ padding:20px}
.about-section .right-col .inner{ padding-left:0}
.ftl .item{margin-bottom:20px}
.about-section .left-col .sec-title h3{font-size:30px;}
.upper-row{ padding-right:0 }
.about-section .left-col .inner { padding:50px 0px 0px;}
.inner_test_img{ margin-bottom:25px; margin-right:0}
.testimonial_area {  padding: 50px 0;}
.about_area {
    padding: 50px 0;
    z-index: -1;
    position: relative;
}
.counter_area {padding: 75px 0 10px;}
    /* slider area css */
    .inner_slider_area{
        height: 220px;
    }
    .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: 80px;
    }
    .single_feature, .inner_about_area, .footer_widget, .inner_counter_area{
        margin-bottom: 20px;
    }
	.inner_counter_area h2 { min-height:0;}
    /* 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; margin-bottom: 13px;
    }
    .inner_about_right_img img, .inner_contact_right_img img {
        width: 97%;
    }
    /* 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: 24px; font-weight:700;
    }
    .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: 80px;
    }
    .inner_contact_area {
        padding: 60px 25px 72px;
    }
    .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;
    }
	.side_nav {display:none;}
	#mbfooter { display:block;}
	.top_bar {
    position: fixed;
    z-index: 900;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 50px;
}
.top_menu {
    display: -webkit-box;
    border-top: 1px solid #3D3D46;
    display: block;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: box;
    margin: 0;
    padding: 0;
    background-color: #3e3e3e;
}
.top_bar .top_menu>li {
    width: 25%;
    background-image: url(../index-2.html);
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    background-position: left;
    float: left; list-style:none;
}
.top_bar li:first-child a {
    display: block;
}
.top_bar .top_menu>li>a img {
    padding: 3px 0 0 0;
    height: 24px;
    width: 24px;
    color: #fff;
    line-height: 48px;
    vertical-align: middle;
    margin-bottom: 3px;
}
.top_bar .top_menu>li>a label {
    overflow: hidden;
    margin: 0 0 0 0;
    font-size: 14px;
    display: block !important;
    line-height: 18px;
    text-align: center;
    color: #fff;
}
}

/*============= 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;
    }
}