/**
 * Normal desktop :1200px.
 *
 * @format
 */

@media (min-width: 1200px) and (max-width: 1500px) {
  .main-menu-area {
    padding: 0;
  }
}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
  .page_header_default {
    min-height: 70vh;
  }
  .main-menu ul li > a {
    padding: 20px 15px;
  }
  .portfolio-wrapper.big_img {
    height: 278px;
  }
  .box-info {
    padding: 30px 90px;
  }
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .main-menu ul li > a {
    font-size: 11px;
    padding: 15px 8px;
  }
  .page_header_default {
    min-height: 50vh;
  }
  .header-button .btn {
    padding: 2px 20px;
    font-size: 14px;
  }
  #logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
  }
  #menu-sec {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  #head-btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
  }
  .page_header_default,
  .breadcrumb-sec {
    margin-top: 46.5px;
  }
  .about-me-area {
    padding-top: 50px;
  }
  .about-me-wrapper h2 {
    margin: 0;
    padding-bottom: 50px;
  }
  .portfolio-wrapper.big_img {
    height: auto;
  }
  .catagory_info_container {
    margin-bottom: 0;
  }
  .box-info {
    padding: 30px 90px;
  }
}
/* small mobile :320px. */
@media (max-width: 767px) {
  .jp-heading-underline {
    font-size: 22px;
    line-height: 30px;
  }

  .jp-heading {
    font-size: 22px;
    line-height: 30px;
  }
  #menu-sec {
    display: none;
  }
  #logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  #head-btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  .header-button .btn {
    padding: 5px 25px;
    font-size: 12px;
  }
  .header-button {
    padding-right: 35px;
  }
  .main-menu-area {
    padding: 10px 0;
  }
  .page_header_default,
  .breadcrumb-sec {
    margin-top: 55px;
  }
  .page_header_default {
    min-height: 50vh;
  }
  .main-menu-area .col-12 {
    padding: 0;
  }
  .box-info {
    padding: 20px 0;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .about-me-area {
    padding-top: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .about-me-wrapper h2 {
    padding-bottom: 30px;
  }
  .portfolio-wrapper.big_img {
    height: auto;
  }
  .about-me {
    padding-bottom: 10px;
  }
  .my-resume .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .single-latest-news {
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .news-text-container {
    padding: 14.3px 20px;
    display: block !important;
  }
  .news-text-content-left h5 {
    font-size: 35px;
  }
  .news-text-content-left h5 span {
    font-size: 35px;
  }
  .news-text-content-left {
    padding-bottom: 10px;
  }
  .news-text-container .see_more {
    margin-left: 0;
  }
  .navigation_foo_inner ul {
    border-left: none;
    padding-left: 0;
    padding-top: 30px;
    float: none;
  }
  .breadcrumb-area .title h1 {
    font-size: 12px;
  }
  .introduction-page .box-info {
    padding: 20px 0;
  }
  .introduction-page .box-info {
    padding: 20px 0;
  }
  .box-info-top {
    font-size: 28px;
    padding: 10px 20px;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
  }
  .box-info-top span {
    font-size: 18px;
  }
  .box-info h4 br {
    display: none;
  }
  .box-info h4 {
    font-size: 18px;
  }
  .introduction-one.introduction-page .box-info h4 {
    padding-top: 20px;
  }
  .introduction-one.introduction-page .box-info {
    padding-bottom: 0;
  }
  .introduction-page .our-job-container {
    padding: 0;
  }
  .introduction-nine.introduction-page .box-info {
    display: block;
  }
  .introduction-eight.introduction-page .box-info {
    padding: 20px 0;
  }
  .introduction-four.introduction-page .box-info,
  .introduction-twelve.introduction-page .box-info {
    padding: 20px 0;
  }
  .box-info.right-align.bottom-align .d-flex.align-items-end {
    display: block !important;
  }
  .box-info a.carrying {
    margin-left: 0;
    margin-top: 15px;
  }
  .introduction-five.introduction-page .box-info {
    display: block;
  }
  .introduction-five.introduction-page .box-info.left-align .box-info-top {
    padding: 20px;
  }
  .introduction-five.introduction-page .box-info.left-align .box-info-top span {
    padding-left: 10px;
  }
  .introduction-one.introduction-page.fix {
    padding-top: 20px;
  }
  .video-container iframe {
    height: 100%;
  }
  .video-container {
    height: 250px;
    overflow: hidden;
  }
  .customers-area {
    padding-top: 20px;
  }
  .team-img-meta p br {
    display: none;
  }
  .team-img-meta h3 {
    font-size: 14px;
    padding-bottom: 5px;
  }
  .team-img-meta p {
    line-height: inherit;
    margin: 0;
    font-size: 12px;
  }
  .team-img-meta {
    bottom: 15px;
  }
  .support-team-info-container {
    padding: 5px 20px;
  }
  .support-team-info-container h5 {
    font-size: 16px;
  }
  .professional-title {
    padding: 20px 0 0;
    position: relative;
    bottom: 0;
  }
  .work-page-top-info p {
    font-size: 16px;
    line-height: inherit;
    padding-bottom: 50px;
  }
  .skills-left p br {
    display: none;
  }
  .work-page-top-info p br {
    display: none;
  }
  .skills-left p span {
    display: block;
  }
  .team-item {
    padding: 0;
  }
  .team-details-two .team_row .box-info,
  .team-details-three .team_row .box-info,
  .team-details-five .team_row .box-info,
  .team-details-eight .team_row .box-info,
  .team-details-six .team_row .box-info,
  .team-details-nine .team_row .box-info {
    padding: 20px 0;
  }
  .team_row .box-info {
    padding: 20px 0 20px;
  }
  .skills-left p {
    font-size: 16px;
    line-height: 34px;
  }
  .skills {
    padding-bottom: 30px;
  }
  .services-section-two .sec-title {
    padding: 4px 7px 4px 15px;
    margin-bottom: 0;
  }
  .services-section-two .sec-title h2 {
    font-size: 22px;
  }
  .skills-img img {
    max-width: 200px;
    margin: 0 auto;
    display: block;
  }
  .services-section-two {
    padding-bottom: 30px;
  }
  .page_header_default .page_header_content .banner_title_inner .title_page h1 {
    font-size: 32px;
  }
  .cta-BtnLink {
    font-size: 1.5rem;
  }
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 450px;
  }
}