/*--------------------------------------------------------------
////////////////////////////////
# Main Header All Responsice Css
////////////////////////////////
--------------------------------------------------------------*/

@media only screen and (min-width: 1200px) and (max-width: 1730px) {
  .logo-box-two {
    width: 320px;
  }

  .main-header-two__inner {
    padding-right: 60px;
  }

  .main-header-two__outer {
    padding-left: 320px;
  }

  .main-header-two__bottom-right .contact-box {
    display: none;
  }

  .main-header__language-switcher {
    margin-right: 0px;
    padding-right: 0px;
    margin-right: 2px;
  }

  .sticky-menu .main-header-two__outer {
    padding-left: 420px;
  }

  .logo-box-three {
    left: 0px;
    width: 240px;
  }

  .main-header-three__inner {
    padding-left: 275px;
  }
  .hero-sec2:before {
    top: -35%;
    left: -25%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .menu-area .navbar-wrap {
    display: none !important;
  }

  .menu-area .mobile-nav-toggler {
    display: flex;
  }

  .menu-nav__right {
    margin-left: 50px;
  }

  .main-header-one__inner {
    display: none;
  }

  .logo-box-one {
    width: 200px;
    height: 90px;
  }

  .main-header-two__inner {
    padding-right: 0px;
  }

  .main-header-two__top {
    display: none;
  }

  .main-header-two__bottom-right {
    display: none;
  }

  .main-header-two__outer {
    padding-right: 15px;
  }

  .logo-box-two {
    height: 90px;
  }

  .logo-box-two:before {
    border-bottom: 90px solid var(--thm-primary);
  }

  .main-header-three__top {
    display: none;
  }

  .main-header-three__bottom-right {
    display: none;
  }

  .main-header-three__inner {
    padding-left: 0px;
  }

  .logo-box-three {
    position: relative;
    top: 0px;
    left: 0px;
    width: 250px;
    height: 120px;
  }

  .main-header-three .menu-area__inner {
    padding-right: 15px;
  }

  .main-header-three {
    position: relative;
  }

  .main-slider-three .image-layer {
    top: 0px;
  }
  /******** Project sec ********/
  .single-project-style2 .project-title {
    padding: 16px 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .menu-area .navbar-wrap {
    display: none !important;
  }

  .menu-area .mobile-nav-toggler {
    display: flex;
  }

  .menu-nav__right {
    margin-left: 50px;
  }

  .main-header-one__inner {
    display: none;
  }

  .logo-box-one {
    width: 200px;
    height: 90px;
  }

  .main-header-two__inner {
    padding-right: 0px;
  }

  .main-header-two__top {
    display: none;
  }

  .main-header-two__bottom-right {
    display: none;
  }

  .main-header-two__outer {
    padding-right: 15px;
  }

  .logo-box-two {
    height: 90px;
  }

  .logo-box-two:before {
    border-bottom: 90px solid var(--thm-primary);
  }

  .main-header-three__top {
    display: none;
  }

  .main-header-three__bottom-right {
    display: none;
  }

  .main-header-three__inner {
    padding-left: 0px;
  }

  .logo-box-three {
    position: relative;
    top: 0px;
    left: 0px;
    width: 250px;
    height: 120px;
  }

  .main-header-three .menu-area__inner {
    padding-right: 15px;
  }

  .main-header-three {
    position: relative;
  }

  .main-slider-three .image-layer {
    top: 0px;
  }
}

@media (max-width: 767px) {
  .menu-area .navbar-wrap {
    display: none !important;
  }

  .menu-area .mobile-nav-toggler {
    display: flex;
  }

  .menu-nav__right {
    display: none;
  }

  .main-header-one__inner {
    display: none;
  }

  .logo-box-one {
    width: 200px;
    height: 90px;
  }

  .main-header-two__inner {
    padding-right: 0px;
  }

  .main-header-two__top {
    display: none;
  }

  .main-header-two__bottom-right {
    display: none;
  }

  .main-header-two__outer {
    padding-right: 15px;
    padding-left: 305px;
  }

  .logo-box-two {
    height: 90px;
  }

  .logo-box-two:before {
    border-bottom: 90px solid var(--thm-primary);
    border-right: 45px solid transparent;
  }

  .logo-box-two {
    width: 270px;
  }

  .main-header-three__top {
    display: none;
  }

  .main-header-three__bottom-right {
    display: none;
  }

  .main-header-three__inner {
    padding-left: 0px;
  }

  .logo-box-three {
    position: relative;
    top: 0px;
    left: 0px;
    width: 250px;
    height: 120px;
  }

  .main-header-three .menu-area__inner {
    padding-right: 15px;
  }

  .main-header-three {
    position: relative;
  }

  .main-slider-three .image-layer {
    top: 0px;
  }
}

@media (max-width: 1199px) {
  #sticky-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .main-header-two #sticky-header {
    background: var(--thm-green);
  }
  .sticky-menu {
    background: var(--thm-green);
  }

  .menu-area__inner {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
  /********** Breadcumb section **********/
  #site-breadcumb .site-breadcumb-wrapper {
    padding: 180px 0 140px;
  }
  /********** Newslatter section **********/
  .newslatter-sec .sec-content {
    margin-left: 25px;
  }
  .newslatter-sec2 .sec-content {
    margin-left: 0;
    margin-right: 25px;
  }
  .Subscribe-form input.form-control {
    padding: 11px 17px;
  }
  .Subscribe-form button {
    margin-left: 18px;
    padding: 11px 17px;
  }
  /********** Business section **********/
  .company-qinfo-raaper .single-info {
    padding: 14px 45px;
  }
  /********** Service section **********/
  .service-cat-sec .single-service {
    margin-bottom: 24px;
  }
  .service-cat-sec {
    margin-top: 0;
    margin-bottom: -24px;
    padding-top: 140px;
  }
  /********** Service-Details-Page **********/
  .sidebar-item:first-child {
    margin-top: 60px;
  }
  /********** Faq section **********/
  .faq-sec .sec-images .sec-img-one {
    border-radius: 160px 0px;
  }
  /********** Footer section **********/
  .footer-sec .footer-widget.pages-links {
    margin-left: 0;
  }
}

/*--------------------------------------------------------------
///////////////////////////
# Common Responsice Css
///////////////////////////
--------------------------------------------------------------*/
@media (max-width: 991px) {
  /* Comon Css */
  .sec-ptb {
    padding: 100px 0;
  }
  .sec-pt {
    padding-top: 100px;
  }
  .sec-title {
    font-size: 48px;
    line-height: 60px;
  }
  .sec-sub-title {
    padding-bottom: 10px;
  }
  .tab-col-gap {
    margin-top: 50px;
  }
  .pt-5 {
    padding-top: 1.5rem !important;
  }
  .mb-5 {
    margin-bottom: 1.5rem !important;
  }
}
@media (max-width: 767px) {
  /* Comon Css */
  .sec-ptb {
    padding: 20px 0;
  }
  .sec-pt {
    padding-top: 80px;
  }
  .sec-sub-title {
    font-size: 18px;
  }
  .sec-title {
    font-size: 36px;
    line-height: 48px;
  }
}
/*--------------------------------------------------------------
///////////////////////////
#All Responsice Css
///////////////////////////
--------------------------------------------------------------*/

@media (max-width: 991px) {
  /********** Breadcumb section **********/
  #site-breadcumb .site-breadcumb-wrapper {
    padding: 140px 0 100px;
  }
  .breadcumb-content h1.breadcumb-title {
    font-size: 54px;
  }
  /********** Hero section **********/
  .hero-ptb {
    padding: 220px 0 110px;
  }
  .hero-content {
    margin-right: 0;
  }
  .hero-content h1.hero-title {
    font-size: 3.5rem;
  }
  .hero-content .hero-team-info {
    margin-top: 60px;
  }
  .hero-style1,
  .hero-style2 {
    margin-top: 70px;
    width: 100%;
  }
  .hero-images .feature-one img {
    width: 100%;
    margin: 0;
  }
  .hero-style1::before {
    right: -4%;
    left: inherit;
  }
  .hero-images .feature-two {
    display: none;
  }
  .hero-sec2::before,
  .hero-content-style1::after {
    display: none;
  }
  /********** About section **********/
  .about-sec .sec-content {
    margin-left: 0px;
  }
  .about-sec3 .sec-images {
    margin-left: 0;
  }
  /********** Service section **********/
  .service-lists-style1 .single-service-content h4 {
    font-size: 28px;
    line-height: 48px;
  }
  .service-lists-style1 .single-service {
    padding: 44px 0px;
  }

  /* Service-Home2 */
  .service-sec2 {
    padding-bottom: 76px;
  }
  .single-service-style2 {
    margin-bottom: 24px;
  }
  .service-cat-sec {
    padding-top: 100px;
  }

  /********** Newslatter section ********/
  .video-sec .video-sec-overlay,
  .video-sec2 .video-sec-overlay {
    padding: 100px 0px;
  }
  .newslatter-sec .sec-content {
    margin-left: 0;
    padding: 80px 0;
    text-align: center;
  }
  .newslatter-sec2 .sec-content {
    margin-right: 0;
  }
  .Subscribe-form input.form-control {
    padding: 11px 20px;
  }
  .Subscribe-form button {
    margin-left: 24px;
    padding: 11px 28px;
  }
  .newslatter-sec .Subscribe-form {
    justify-content: center;
  }
  .newslatter-style2 {
    margin-bottom: -96px;
  }
  .footer2 .section-overlay {
    padding-top: 196px;
  }
  .newslatter-style2 .newslatter-text {
    text-align: center;
    margin-bottom: 30px;
  }
  /*********** Project section ***********/
  .project-slider .owl-nav {
    position: relative;
    margin-top: 50px;
    right: 0;
    top: inherit;
    justify-content: center;
  }
  /* Project home2 */
  .project-sec2 {
    padding-bottom: 76px;
  }
  /********** Business section **********/
  .business-sec .sec-images {
    margin-left: 0;
  }
  .company-qinfo-raaper {
    margin-top: 0;
    padding: 86px 0;
  }
  .company-qinfo-raaper .single-info {
    padding: 14px 0;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    width: 33%;
    display: inline-block !important;
    text-align: center;
  }
  .company-qinfo-raaper .single-info .info h2 span {
    font-size: 3rem;
  }
  .company-qinfo-raaper .single-info .info-icon {
    margin-bottom: 5px;
  }
  .company-qinfo-sec {
    background: var(--thm-green);
  }
  /********** Pricing section **********/
  .pricing-sec {
    padding-bottom: 76px;
  }
  .single-pricing {
    margin-bottom: 24px;
  }
  /* Brand section */
  .brand-sec .sec-content {
    margin-bottom: 32px !important;
  }
  /******* Team section *******/
  .team-slider .owl-nav {
    display: none !important;
  }
  .team-page-sec {
    padding-bottom: 76px;
  }
  /******* Faq section *******/
  .faq-sec .sec-images {
    margin-left: 0;
  }
  /********* Video section *********/
  .video-sec2 .video-sec-overlay {
    padding: 175px 0px;
  }
  /********* Project section *********/
  .project-slider2 .single-project-style2 {
    margin-bottom: 0;
  }
  .project-slider2 .owl-nav {
    position: relative;
    margin-top: 50px;
    right: 0;
    top: inherit;
    justify-content: center;
  }
  /********* Testimonial section *********/
  .testimonial-slider .owl-dots,
  .testimonial-slider3 .owl-dots {
    margin-top: 50px;
  }
  .testimonial-slider2 .owl-nav {
    top: 12%;
  }
  .single-testimonial-style2 .feedback {
    padding-bottom: 80px;
  }
  .single-testimonial-style2 .feedback p {
    font-size: 24px;
  }
  .testimonial-page-sec {
    padding-bottom: 76px;
  }

  /********** Blog section **********/
  .blog-sec .blog-left-box {
    margin-bottom: 50px;
  }
  .blog-sec3 {
    padding-bottom: 76px;
  }
  .blog-sec3 .blog-item {
    margin-bottom: 24px;
  }
  .blog-item-details .blog-title h3 {
    font-size: 48px !important;
    line-height: 60px !important;
  }
  /******* Team Full_Bio section *******/
  .team-fbio-sec .member-fbio,
  .team-fbio-sec .progressbar-tooltip {
    margin-left: 0;
  }
  .team-fbio-sec .team-fbio-hr {
    margin: 50px 0 50px;
  }
  /******* Contact Page section *******/
  .contact-map-sec iframe {
    height: 500px;
  }
}
@media (max-width: 767px) {
  /********** Breadcumb section **********/
  #site-breadcumb .site-breadcumb-wrapper {
    padding: 130px 0 80px;
  }
  .breadcumb-content h1.breadcumb-title {
    font-size: 25px;
    text-align: center;
  }
  .breadcumb-content h1.breadcumb-title.center {
    padding: 1em 0;
    font-size: 22px;
  }
  /********** Hero section **********/
  .hero-ptb {
    padding: 110px 0 90px;
  }
  .hero-content h1.hero-title {
    font-size: 42px;
  }
  .br-style1 {
    border-radius: 0px 140px 0px 160px;
  }
  .br-style1::before {
    width: 100%;

    border-radius: 0px 140px 0px 160px;
    top: -20px;
    left: 20px;
  }
  .hero-content .hero-team-info .total-team-count span {
    font-size: 26px;
  }
  .hero-content .hero-team-info {
    margin-top: 50px;
  }
  .hero-content {
    
    margin-top: 5%;
}
  /********** Service section **********/
  .service-lists-style1 .single-service-icon {
    width: 76px;
    height: 76px;
    margin-right: 20px;
  }
  .service-lists-style1 .single-service-icon i {
    font-size: 42px;
  }
  .service-lists-style1 .single-service:first-child .single-service-content a {
    top: 5%;
  }
  .service-lists-style1 .single-service-content a {
    font-size: 28px;
    top: 26%;
  }
  .service-lists-style1 .single-service-content h4 {
    font-size: 24px;
    line-height: 44px;
  }
  .service-lists-style1 .single-service {
    padding: 34px 0px;
  }
  .service-cat-sec {
    padding-top: 80px;
  }

  /********** Service home2 ***********/
  .service-sec2 {
    padding-bottom: 56px;
  }
  /********** Service-Details-Page ***********/
  .service-details-content .info-part {
    margin-bottom: 35px;
  }
  /********** Service-Details-Page ***********/
  .sidebar-item:first-child {
    margin-top: 50px;
  }
  .sidebar-item {
    margin-bottom: 30px;
    padding: 25px;
  }
  .blog-pagination ul li.pagination-item a {
    height: 44px;
    width: 44px;
  }
  /****** Team section *********** */
  .team-page-sec {
    padding-bottom: 56px;
  }
  /********** Newslatter section *********** */
  .video-sec .video-sec-overlay,
  .video-sec2 .video-sec-overlay {
    padding: 80px 0px;
  }
  .newslatter-sec .sec-content {
    padding: 60px 0;
  }
  .newslatter-sec .sec-content h2.sec-title {
    font-size: 38px;
    line-height: 54px;
  }
  .footer2 .section-overlay {
    padding-top: 176px;
  }

  /********** Business section **********/
  .company-qinfo-raaper {
    padding: 60px 0;
  }
  .company-qinfo-raaper .single-info {
    padding: 20px 0;
    border-right: inherit;
    width: 100%;
  }
  .company-qinfo-raaper .single-info .info h2 span {
    font-size: 2.5rem;
  }

  .blog-item .img-box {
    height: 100%;
  }
  /********** Pricing section **********/
  .pricing-sec {
    padding-bottom: 56px;
  }
  /****** Project section ******/
  .project-sec2 {
    padding-bottom: 56px;
  }
  /********* Testimonial section *********/
  .single-testimonial-style2 .feedback p {
    font-size: 20px;
    line-height: 36px;
  }
  .single-testimonial-style2 .feedback {
    padding-bottom: 70px;
  }

  .testimonial-page-sec {
    padding-bottom: 56px;
  }
  /********* Blog section *********/
  .blog-sec3 {
    padding-bottom: 56px;
  }

  .blog-page-sec .blog-item {
    margin-bottom: 50px;
  }
  .blog-page-sec .blog-btn {
    margin-top: 35px;
  }
  .blog-recent-post .blog-item {
    margin-bottom: 20px;
  }
  .blog-item-details .blog-title h3 {
    font-size: 36px !important;
    line-height: 48px !important;
  }
  .blog-tags-share {
    display: block;
  }
  .blog-tags-share .blog-tags:first-of-type {
    margin-bottom: 20px;
  }
  .blog-autor-bio {
    flex-direction: column;
  }
  .blog-autor-bio .avater-content {
    text-align: center;
  }
  .blog-autor-bio .avater-content ul.autor-social {
    position: relative;
    justify-content: center;
    top: inherit;
    right: inherit;
    margin-bottom: 4px;
    margin-top: -8px;
  }
  .comment-item .post-comment {
    display: block;
  }
  .comment-item .post-comment .comment-content {
    margin-left: 0;
  }
  /********* Contact page *********/
  form.itco-cform .contact-field {
    margin-bottom: 18px;
  }
  form.itco-cform .contact-field input,
  form.itco-cform .contact-field input textarea {
    padding: 10px 20px;
  }
  .contact-map-sec iframe {
    height: 400px;
  }
}

@media (max-width: 576px) {
  /******** Breadcumb section ********/
  #site-breadcumb .breadcumb-content {
    flex-direction: column;
  }
  #site-breadcumb .breadcumb-content .page-navigator {
    margin-left: inherit;
    margin-top: 10px;
  }
  /******** Hero section ********/
  .hero-content .hero-team-info {
    width: 100%;
  }
  /******** About section ********/
  .about-sec2 .sec-images .sec-img-info {
    height: 216px;
    width: 200px;
  }
  .about-sec2 .sec-images .sec-img-info span {
    font-size: 56px;
    margin-bottom: 26px;
  }
  .about-sec3 .sec-images .sec-img-two {
    width: 55%;
  }
  /******** Newslatter section ********/
  .newslatter-style2 {
    padding: 28px 20px;
  }
  .newslatter-style2 .newslatter-text {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .newslatter .Subscribe-form button {
    margin-top: 3px !important;
    padding: 8px 28px !important;
  }
  /******** Faq section ********/
  .faq-sec #accordion h4.accordion-title {
    font-size: 18px;
    border: 1px solid rgba(56, 56, 56, 0.1);
  }
  .faq-sec .sec-images .sec-img-one {
    border-radius: 160px 0px;
  }
  /********* Video section *********/
  .video-sec2 .video-sec-overlay {
    padding: 150px 0px;
  }
  .Subscribe-form input.form-control {
    padding: 13px 20px !important;
    width: 100%;
    margin-bottom: 30px;
  }
  .Subscribe-form button {
    margin-left: 0;
  }
  /********* service section *********/
  .single-service-style2 .content-box .single-service-content a.read-more {
    margin-top: 18px;
  }
  /********* Testimonial section *********/
  .testimonial-slider2 .owl-nav {
    display: none;
  }
  .single-testimonial-style2 .feedback {
    padding-bottom: 60px;
  }

  .single-testimonial-style3 {
    flex-direction: column;
  }
  .single-testimonial-style3 .feedback {
    width: 100%;
    margin-right: 0;
  }
  .single-testimonial-style3 .feedback .rating i {
    float: left;
    margin-right: 3px;
  }
  .single-testimonial-style3 .customar-info {
    width: 100%;
  }
  /********* Blog section *********/

  .blog-sidebar-box-item .content-box {
    width: 100%;
    margin: 10px 0 0;
  }
  .blog-item .content-box .meta-box ul.meta-info {
    margin-bottom: 10px;
  }
  .blog-item .content-box .btn-box {
    margin-top: 10px;
  }
  .blog-left-box .content-box .title-box h3 {
    font-size: 28px;
    line-height: 40px;
  }
  .blog-sidebar-box-item {
    padding-bottom: 26px;
  }

  .blog-item .content-box {
    margin: 22px 0 0;
  }
  .blog-item .content-box .title-box h3 {
    font-size: 20px;
    line-height: 30px;
  }
  /********* Contact section *********/
  .contact-map-sec iframe {
    height: 300px;
  }
  /********* Footer section *********/
  .footer-widget h4.footer-widget-title {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 38px;
  }
  .footer-recent-post .blog-sidebar-box-item .content-box {
    margin: 0 0 0 15px;
  }
}