@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. iPad
	4. large desktop
	5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px) {
/*--------- home page ------------*/
h1{ font-size:24px; line-height: 28px; }
h2{ font-size:24px; line-height: 28px; }
h3{ font-size:20px; line-height: 26px; }
h4{ font-size:18px; line-height: 24px; }
h5{ font-size:16px; line-height: 22px; }
h6{ font-size:14px; line-height: 20px; }

html{ background: #ffffff; }
.content-part .container{ padding: 0 3%; }
.logo img{ max-width: 120px; }	
.small-title{ font-size: 12px; margin-bottom: 0; }
.header-call{ font-size: 16px; }
.header-desc p{ margin-bottom: 0; }
ul.footer-nav li{ padding: 0px 4px; font-size: 13px; }
ul.footer-nav{ margin-left: 0; }
footer .container{ padding: 20px 3% 0 3%; background-position: center center; }
.heder-top .two-col .col-left{ display: block; width: 100%; padding: 20px 0; box-sizing: border-box; }
.heder-top .two-col .col-right{ display: none; }
.header-bottom nav{ display: none; }
.mb-toggled.mb-closed{ display: block; }
#mobile-menu .navbar{ width: 240px; }
.menu-trigger{ right: 240px; }
.header-bottom{ height: 50px; margin-bottom: 20px; }
.link-list li a{ display: inline-block; }
.link-list li{ margin-bottom: 5px; }
.link-list{ margin-top: 30px; margin-left: 0; margin-right: 0; }
.two-sidebar .col-right img{ max-width: 100%; }
.two-sidebar{ display: block; }
.two-sidebar .col-left{ width: 100%; margin-bottom: 10px; border-right: 0; }
.two-sidebar .col-right{ width: 100%; padding: 0; }
footer .footer-top .two-col{ display: block; }
footer .footer-top .two-col .col-left{ width: 100%; margin-bottom: 25px; }
footer .footer-top .two-col .col-right{ width: 100%; text-align: left; }
textarea{ min-height: 125px; }
.contact-area .two-col .col-left img{ max-width: 100%; }
.contact-area .two-col .col-right{ padding-left: 20px; box-sizing: border-box; padding-top: 10px; }
footer .container{ padding-bottom: 0; }
ul.footer-nav{ margin-left: 0; }
.contact-area .two-col{ display: block; }
.contact-area .two-col .col-left{ width: 100%; }
.contact-area .two-col .col-right{ width: 100%; padding-left: 0 !important; }
.location-detail .contact-area .two-col .col-right h3{ margin-bottom: 20px; }
.location-detail h3{ margin-bottom: 25px; }
.que-cell{ padding: 15px 35px 15px 20px; }
.que-cell:before{ right: 5px; }
.que-cell:after{ right: 23px; }
.resources-detail{ padding-top: 20px; padding-bottom: 10px; }
.resources-detail .two-col{ display: block; }
.resources-detail .two-col .col-left{ width: 100%; margin-bottom: 20px; }
.resources-detail .two-col .col-right{ width: 100%; padding-top: 10px; padding-left: 0; }
.team-area{ display: block; max-width: 290px; margin-bottom: 20px; }
.team-detail{ width: 210px; }
.faq-area{ padding-top: 0; margin-bottom: 0; }
.faq-left ul li{ font-size: 18px; line-height: 22px; margin-bottom: 7px; padding: 12px 16px; }
.faq-left{ width: 100%; margin-bottom: 20px; }
.faq-right{ width: 100%; padding-left: 0; }
.team-area .team-cell{ width: 295px; }
.team-detail h3{ font-size: 13px; padding-top: 6px; }

.posts-navigation .nav-links, .post-navigation .nav-links{ display: block; }
  .posts-navigation .nav-links > div, .post-navigation .nav-links > div{ display: inline-block; vertical-align: top; padding: 5px; }
  .posts-navigation a, .post-navigation a{ }

  .blog_content main article.has-post-thumbnail{ display: block; }
  .blog_content main article.has-post-thumbnail .blog_thumbnail{ width: 100%; }
  .blog_content main article.has-post-thumbnail .blog_content_entry{ width: 100%; padding: 15px;   }
}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {
h1{ font-size:24px; line-height: 28px; }
h2{ font-size:24px; line-height: 28px; }
h3{ font-size:20px; line-height: 26px; }
h4{ font-size:18px; line-height: 24px; }
h5{ font-size:16px; line-height: 22px; }
h6{ font-size:14px; line-height: 20px; }

.logo img{ max-width: 150px; }	
.small-title{ font-size: 12px; margin-bottom: 8px; }
.header-call{ font-size: 16px; }
.header-desc p{ margin-bottom: 0; }
ul.footer-nav li{ padding: 0px 4px; font-size: 13px; }
ul.footer-nav{ margin-left: 0; }
footer .container{ padding: 20px 20px 0 20px; }
.link-list li a{ display: inline-block; }
.link-list li{ margin-bottom: 5px; }
.link-list{ margin-top: 30px; margin-left: 0; margin-right: 0; }
.two-sidebar .col-right img{ max-width: 100%; }
textarea{ min-height: 125px; }
.contact-area .two-col .col-left img{ max-width: 100%; }
.contact-area .two-col .col-right{ padding-left: 20px; box-sizing: border-box; padding-top: 10px; }
footer .container{ padding-bottom: 0; }
ul.footer-nav{ margin-left: 0; }
.location-detail .contact-area .two-col .col-right h3{ margin-bottom: 20px; }
.resources-detail{ padding-top: 20px; padding-bottom: 30px; }
.team-area{ display: block; max-width: 360px; margin-bottom: 50px; }
.content-part .container{ padding: 20px 2%; box-sizing: border-box; }
.testimonial-section .container{ padding-left: 0; padding-right: 0; box-sizing: border-box; }
.faq-area{ padding-top: 0; margin-bottom: 0; }
.faq-left ul li{ font-size: 18px; line-height: 22px; margin-bottom: 7px; padding: 12px 16px; }
}

@media (max-width:767px) {
	.blog_content main article .blog_thumbnail{ margin-bottom: 10px; }
    .blog_content main article .blog_content_entry .btn{ padding:10px 20px; }
    .blog_content aside .widget ul li a{ font-size: 18px; }
    .blog_content main article .blog_content_entry{ padding: 10px }
    .blog_content aside .widget h2{ font-size: 24px; margin-bottom: 10px; }
}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
.logo img{ max-width: 200px; }	
.small-title{ font-size: 15px; }
.header-call{ font-size: 20px; }
.link-list li a{ display: inline-block; }
.link-list li{ margin-bottom: 5px; }
.link-list{ margin-top: 30px; }
textarea{ min-height: 155px; }
.contact-area .two-col .col-left img{ max-width: 100%; }
.contact-area .two-col .col-right{ padding-left: 20px; box-sizing: border-box; padding-top: 10px; }
footer .container{ padding-bottom: 0; }
ul.footer-nav{ margin-left: 0; }
.location-detail .contact-area .two-col .col-right h3{ margin-bottom: 20px; }
.team-area{ display: block; max-width: 360px; margin-bottom: 50px; }
}

@media (max-width:991px) {
	.blog_content .container.blog_container {display: block; }
    .blog_content main{width: 100%; padding: 0;  margin-bottom: 20px;}
    .blog_content aside{ width: 100%; }

    .posts-navigation, .post-navigation{ height: auto; margin: 30px 0;  }
    .posts-navigation a, .post-navigation a{ font-size: 18px; }
}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {	
}