/*=== Mobile Responsive Style === */
@media (max-width:767px) {
.nav-item.dropdown .dropdown-menu {position: relative!important; width: 100%; border-radius: 0!important;left: 0 !important; top: 0 !important; background-color: #dfdfdf!important;}
.nav-item.dropdown:hover .dropdown-menu {display: block;}
.offcanvas-collapse { position: fixed; top: 56px; /* Height of navbar */ bottom: 0; left: 100%; width: 100%;
 padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; background-color: #343a40; transition: transform .3s ease-in-out, visibility .3s ease-in-out;}
.ab-img-2 {display: none!important;}
.ab-img-3 {display: none!important;}
.offcanvas-collapse.open {visibility: visible; transform: translateX(-100%);}
.topbar {display: none;}
.container.pt-40 {padding-top: 0px;}
.navbar.navbar-expand-lg {padding-top: 10px;background-color: #2c2c2c;}
.offcanvas-collapse {top: 86px;background-color: #2c2c2c;}
.navbar-toggler-icon {background-color: #ffffff;border-radius: 1px;}
.navbar-toggler {padding-right: 15px!important;}
.top-banner-text h2 {font-size: 35px;padding-top: 10px;padding-bottom: 0px;}
.top-banner-text p {padding-top: 0px;}
.top-banner-text span {font-size: 14px;letter-spacing: 1.2px;}
.three-section-box {margin-bottom: 20px; border-bottom: 1px solid #dfdfdf; padding-bottom: 20px;}
.three-section-top {margin-top: -140px;margin-left: 5px; margin-right: 5px;}
.pl-30 {padding-left: 10px;}
.p-tb-100 {padding-bottom: 60px; padding-top: 60px;}
.about-us-bottom-img {display: none;}
.about-us-section .ab-img-1 {margin-right: 0px;margin-bottom: 25px;}
.headings .main-heading {font-size: 34px;}
.headings .sub-heading {font-size: 12px;}
.ts-img-1 {height: 45vh;margin-bottom: 30px;}
.headings {text-align: center;}
.sticky .offcanvas-collapse {background-color: #fff;}
.get-a-quote h3 {font-size: 40px;}
.breadcrumb .breadcrumb-item {padding-left: 0; padding-top: 10px;}
.pr-30 {padding-right: 0;}
.leadership-quality-img {display: none;}
.inclusive-talent-strategies .its-img-1 img{display: none;}
.inclusive-talent-strategies .its-img-2 img{display: none;}
.inclusive-talent-strategies .its-img-3 img{display: none;}
.our-vision-content {text-align: left;}
.our-vision-content .our-vision-pointers {margin-bottom: 0;}
.contact-us-form {padding: 30px; margin-top: 30px;}
.breadcrumb-item + .breadcrumb-item::before {padding-left: 10px; padding-right: 10px;}
.contact-us-form h4 {font-size: 36px;}
.footer-links {  padding-left: 16px;}
.blog-detail-page .post-info {padding-left: 0;}
.blog-detail-page .post-info li {font-size: 14px;padding-left: 10px;margin-right: 10px;}
.blog-detail-page .blog-head h1 {font-size: 32px;}
footer .footer-logo p {padding-left: 5px;}
.page-404 h1 {font-size: 170px; line-height: 170px;}
.page-404 h2 {font-size: 32px;}
.thank-you-bg {padding: 270px 30px 100px 30px;}

}

/*=== Desktop or Laptop 125% recommended === */
@media screen and (min-device-width: 1280px) and (max-device-width: 1680px) {
  .top-banner-text h2 {font-size: 44px;padding-bottom: 0;}
  .top-banner-text p {padding-top: 4px;}
  .top-banner-text span {font-size: 13px;}
  .top-banner-text .pt-30 {padding-top: 10px;}
  .red-btn {padding: 10px 26px 10px 26px; font-size: 14px;}
  .learn-more-btn {font-size: 14px;}
  .nav-item .nav-link {font-size: 15px;}
  .social-topbar ul li a {font-size: 14px;}
  .three-section-top p {line-height: 17px; font-size: 16px; width: 280px;}
  .headings .heading-paragraph {font-size: 16px; line-height: 24px;}
  .headings .main-heading {font-size: 40px;}
  .headings .sub-heading {font-size: 13px}
  .top-services-box h5 {font-size: 22px; padding-bottom: 5px; padding-top: 15px;}
  .ts-img-1 {height: 100vh;}
  .p-tb-100 {padding-bottom: 80px; padding-top: 80px;}
  .m-tb-100 {margin-bottom: 80px; margin-top: 80px;}
  .get-a-quote h3 {font-size: 45px;}
  .blog-title h5 a {font-size: 21px; line-height: 28px;}
  .blog-title p { padding-bottom: 5px; padding-top: 5px; font-size: 14px;line-height: 20px;}
  .blog-read-more a {font-size: 14px;}
  .blog-date-month {height: 75px;width: 75px;}
  .blog-read-more i {font-size: 12px;}
  footer .footer-links ul li a {font-size: 16px;}
  .footer-bottom {padding-top: 20px;padding-bottom: 20px;}
  footer .footer-links h5 {font-size: 22px;}
  .about-us-bg,.services-bg,.contact-us-bg,.blog-bg {margin-top: -250px;padding: 300px 30px 70px 30px;}
}