/*-- Responsive --*/

@media (min-width: 992px) {
  .container {padding-right: 0;padding-left: 0;}
}
/*(max-width: 1399px)*/

/*Between Grid xl*/
@media (min-width: 1200px) and (max-width: 1399px) {
  .h1, h1 {font-size: 80px;}
  .h2, h2 {font-size: 62px;}
  .title-one h2.main-font {font-size: 55px;}
  .job-search-one form .input-box {margin: 15px 0;}
  .accordion-style-two .accordion-body {width: 90%;}
  .job-card.list-layout {padding: 27px 15px 38px;}
  .blog-details-meta .blog-heading {font-size: 46px;}
  .navbar .nav-item .nav-link {margin: 0 10px; font-size: 1em;}
  
}
/* (min-width: 992px) and (max-width: 1399px) */


/*Grid lg Start*/
@media (max-width: 1199px) {
  body {font-size: 15px;}
  .btn-one {font-size: 14px; padding: 8px 20px; border-width: 1px;}
  .text-lg {font-size: 18px; line-height: 1.65em;}
  .text-md {font-size: 17px; line-height: 1.75em;}
  .job-search-one form .input-box .nice-select,
  .job-search-one.style-two .input-box .nice-select,
  .job-search-one form .input-box .keyword {font-size: 15px; font-weight: normal;}
  .job-search-one form .input-box .label {margin-bottom: 0;}
  .job-search-one form .input-box,
  .job-search-one.style-two .input-box {margin: 10px 0; padding: 0 10px;}
  .job-search-one form .search-btn {width: 100%; font-size: 14px;}
  .title-one span img {max-width: 72px; right: -70px; top:-12px;}
  .footer-one {padding-top: 70px;}
  .footer-one .footer-title {font-size: 18px; margin-bottom: 15px;}
  .card-style-four a {padding: 25px 20px 30px;}
  .card-style-four.bg-color a {padding: 10px 20px 20px;}
  .card-style-four .total-job {font-size: 15px;}
  .card-style-four .title {margin: 20px 0;}
  .card-style-four.bg-color .title {font-size: 40px;}
  .accordion-style-one .accordion-button {font-size: 18px; padding: 15px 0;}
  .faq-section .bg-wrapper {padding: 5px 20px;}
  .accordion-style-two .accordion-button {padding: 15px; font-size: 18px;}
  .accordion-style-two .accordion-button:not(.collapsed) {padding-bottom: 10px;}
  .accordion-style-two .accordion-body {width: 100%; padding: 0 40px 10px 15px;}
  .accordion-style-two .accordion-body p {font-size: 16px;}
  .blog-meta-two .blog-title {line-height: 1.35em; margin: 18px 0;}
  .filter-area-tab .main-title {font-size: 20px;}
  .job-details .block-title {font-size: 18px;}
  .job-details p,.job-details .list-type-one li,
  .job-details .list-type-two li {font-size: 16px; margin-top: 15px;}
  .job-card.list-layout .jobitem-meta {position: static; margin-top: 10px; margin-bottom: 10px;}
  .job-card.list-layout {padding: 25px 15px;}
  .job-card.list-layout .jobitem-info {margin-top: 10px;}
  .faq-section .nav .nav-link {font-size: 16px;}
  .user-data-form .nav .nav-item .nav-link {font-size: 15px;}
  .user-data-form h2 {font-size: 40px;}
  .user-data-form {padding-top: 25px;}
  .blog-details-meta .blog-heading {font-size: 33px; margin: 10px 0 12px;}
  .blog-details-meta h3 {font-size: 22px;}
}
/*(max-width: 1199px)*/



/*Between Grid lg*/
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar .nav-item .nav-link {margin: 0 15px;}
  .h1, h1 {font-size: 65px;}
  .title-one h2.main-font {font-size: 45px;}
  .title-one h2 {font-size: 52px;}
  .blog-meta-two .blog-title {font-size: 24px;}
  .inner-banner-one {padding-bottom: 80px;}
  
}
/*(min-width: 992px) and (max-width: 1199px)*/



/*Grid md Start*/
@media (max-width: 991px) {
  .h1, h1 {font-size: 45px;}
  .h2, h2 {font-size: 40px;}
  .main-menu.fixed {padding-top: 10px; padding-bottom: 10px;}
  .title-one h2.main-font {font-size: 35px;}
  .feedback-block-one .logo {height: 40px;}
  .footer-one .bottom-footer {padding: 30px 0 5px;}

  .blog-meta-two .blog-title {font-size: 18px;}
  .inner-banner-one {padding: 120px 0 70px;}
  .filter-area-tab.offcanvas {position: fixed; overflow-y: auto; padding-bottom: 30px;}
  .filter-area-tab.offcanvas .main-title {margin-top: 30px; text-align: center;}
  .hero-banner-one .img-box,.title-one span img,.card-style-two.arrow:after,
  .card-style-two.arrow:before,.hero-banner-two .shape_04,.hero-banner-two .img-box,
  .feedback-section-two .shape_01,.fancy-banner-five .bg-wrapper .shape_01,
  .hero-banner-seven .screen01,.hero-banner-seven .screen02,
  .card-style-five.arrow-style:before, .card-style-five.arrow-style:after {display: none !important;}
  
}
/*(max-width: 991px)*/
/*Grid md Start*/
@media (min-width: 992px) {
  .filter-area-tab.offcanvas {
    position: relative;
    transform: none !important;
    visibility: visible;
    border: none;
    z-index: 0;
  }

}



/*Between Grid md*/
@media (min-width: 768px) and (max-width: 991px) {
  .expert-section-one .slick-arrow-one,.feedback-section-one .slick-arrow-one{top:32px;}
  
}
/*(min-width: 768px) and (max-width: 991px)*/



/*Grid sm Start*/
@media (max-width: 767px) {

  .expert-section-one .slick-arrow-one ,.feedback-section-one .slick-arrow-one,
  .blog-section-one .explore-btn,.hotjobs-section .slider-arrows,
  .feedback-section-five .slider-arrows,.related-job-section .slick-arrow-one {position: static;}
  .job-search-one form .input-box.border-left {border-left: 0; border-top: 1px solid #e6e6e6; margin-top: 0; padding-top: 10px;}
  .job-search-one form .search-btn,.job-search-one form .search-btn-two {margin: 0; padding: 15px 0;}
  .job-search-one form .input-box {padding-left: 0;}
  .user-data-form h2 {font-size: 35px;}
  
  .fancy-banner-three .bg-wrapper .text-wrapper {
      padding: 190px 20px 0px 20px;
  }
  .fancy-banner-three .bg-wrapper {
  background-position: 33% 50%;
}
  
}
/*(min-width: 576px) and (max-width: 767px)*/


/*Extra Small breakpoints*/
@media (max-width: 575px) {
  .category-section-two:before {height: 91%; width: 75%;}
  .accordion-style-two .accordion-button {font-size: 16px;}
  .job-details p, .job-details .list-type-one li, .job-details .list-type-two li {font-size: 15px;}
}

@media (max-width: 1199px) { 
  .dash-aside-navbar {padding: 20px 10px 10px;}

}
@media (max-width: 767px) { 
  .dash-aside-navbar {transform: translateX(-100%); opacity: 0; visibility: hidden; transition: all 0.3s ease;}
  .dash-aside-navbar.show {transform: translateX(0); box-shadow: 15px 0 25px rgba(35,35,35,0.09); opacity: 1; visibility: visible;}
}
