/*
Theme Name: Courtia - MULTIPURPOSE HTML5 Template.
Author: Themeganj
Author URL: https://www.templatemonster.com/vendors/themeganj
Version: 1.0.0
*/
@media (max-width:1500px) {

  .custom-img-left,
  .custom-img-right {
    display: none;
  }
}

@media (max-width: 1200px) {
  .gallery-style-2 .filter-gallery>ul {
    display: block;
    columns: 3;
  }

  /*navigation 2*/
  .header-style-2 .main-navigation-style-2 .navigation nav>ul>.menu-item {
    margin: 0 20px;
  }

  .header-style-2 .main-navigation-style-2 .logo {
    margin: 10px 20px;
  }

  /*why choose us*/
  .why-choose-us-bg,
  .why-choose-us .layer {
    width: calc(50% - 227px);
  }

  .about-style-2 .about-content-wrapper {
    padding-right: 0;
  }

  .mb-lg-20 {
    margin-bottom: 20px;
  }

  .mb-lg-30 {
    margin-bottom: 30px;
  }

  .mb-lg-40 {
    margin-bottom: 40px;
  }

  .mb-lg-80 {
    margin-bottom: 80px;
  }

  .main-navigation-style-1 .main-menu>nav>ul>.menu-item>a {
    font-size: 13px;
  }
}

@media (max-width: 992px) {

  /*topbar*/
  .topbar-style-1 .left-side .language-box,
  .topbar-style-1 .left-side p {
    font-size: 11px;
  }

  /*navigation 2*/
  .header-style-2 .mobile-navigation-style-2 {
    display: flex;
  }

  .header-style-2 .mobile-navigation-style-2 .logo {
    margin: 10px 0px;
  }

  .header-style-2 .main-navigation-style-2 {
    padding-top: 105px;
  }

  .header-style-2 .main-navigation-style-2 .logo {
    position: absolute;
    top: 0;
    left: 0;
    margin: 15px;
  }

  /*navigation*/
  .main-navigation-style-1 .navigation .mobile-logo,
  .main-navigation-style-1 .navigation .hamburger-menu {
    display: block;
  }

  .main-navigation-style-1 .navigation .mobile-logo {
    margin: 10px auto;
  }

  .header-style-2 .main-navigation-style-2,
  .main-navigation-style-1 .main-menu {
    display: block;
    width: 320px;
    position: fixed;
    background: #fff;
    height: 100vh;
    top: 0;
    left: -320px;
    transition: 0.5s all;
    overflow: auto;
    z-index: 100;
  }

  .header-style-2 .main-navigation-style-2.active,
  .main-navigation-style-1 .main-menu.active {
    left: 0;
  }

  .header-style-2 .main-navigation-style-2 .navigation nav>ul,
  .main-navigation-style-1 .main-menu>nav>ul {
    display: block;
  }

  .main-navigation-style-1.sticky .main-menu>nav>ul>.menu-item>a,
  .main-navigation-style-1 .main-menu>nav>ul>.menu-item>a {
    color: #888;
    padding: 6px 15px;
    border-bottom: rgba(0, 0, 0, 0.15) solid 1px;
  }

  .header-style-2 .main-navigation-style-2 .navigation nav>ul>.menu-item {
    padding: 0;
    margin: 0;
    width: 100%;
  }

  .header-style-2.sticky .main-navigation-style-2 .navigation nav>ul>.menu-item>a,
  .header-style-2 .main-navigation-style-2 .navigation nav>ul>.menu-item>a {
    color: #888;
    padding: 6px 15px;
    border-bottom: rgba(0, 0, 0, 0.15) solid 1px;
    display: block;
  }

  .main-navigation-style-1 .navigation .main-menu .cta-btn {
    margin-left: 0;
    padding: 0 15px;
  }

  .main-navigation-style-1 .navigation .main-menu .cta-btn a {
    width: 100%;
    background-color: #c9b38c;
  }

  .header-style-2 .menu-item-has-megamenu>.megamenu,
  .header-style-2 .menu-item-has-children>.sub-menu,
  .main-navigation-style-1 .menu-item-has-megamenu .megamenu,
  .main-navigation-style-1 .menu-item-has-children>.sub-menu {
    left: 0;
    visibility: visible;
    position: relative;
    opacity: 1;
    transform: translateY(0px);
    transition: 0.3s;
    width: 100%;
    display: none;
    padding: 0;
  }

  .main-navigation-style-1 .main-menu>nav>ul .menu-item.menu-item-has-megamenu.open>a,
  .main-navigation-style-1 .main-menu>nav>ul .menu-item.menu-item-has-children.open>a {
    background-color: #c9b38c;
    color: #fff;
  }

  .menu-item-has-children>a>.arrow,
  .menu-item-has-megamenu>a>.arrow,
  .menu-item-has-children>.sub-menu>li.menu-item-has-children>a>.arrow {
    position: absolute;
    transform: none;
    right: 15px;
  }

  .menu-item-has-children>.sub-menu:after {
    display: none;
  }

  .menu-item-has-children .sub-menu li.menu-item-has-children>.sub-menu {
    left: 0;
    top: 0;
    margin-bottom: 10px;
  }

  .header-style-2 .menu-item-has-megamenu>.megamenu {
    padding: 20px 0;
  }

  .header-style-2 .menu-item-has-megamenu .megamenu .mega-menu-nav ul>.menu-item,
  .header-style-2 .menu-item-has-megamenu .megamenu .mega-menu-nav h5,
  .header-style-2 .menu-item-has-children .sub-menu>.menu-item {
    padding: 0 15px;
  }

  .header-style-2 .menu-item-has-megamenu:hover>.megamenu {
    left: 0px;
  }

  /*banner*/
  .single-banner .banner-img-layer,
  .about-style-3 .about-img:before {
    display: none;
  }

  /*intro*/
  .intro-box .intro-wrapper {
    padding: 40px 20px 50px;
  }

  .intro-box .intro-wrapper h4 {
    font-size: 23px;
  }

  .intro-box .intro-wrapper a {
    padding: 12px 37px;
  }

  .intro-service-3 .intro-widget .intro-widget-wrapper .intro-widget-block {
    padding: 0 25px 40px;
  }

  .appoint-testi-style-2.style-3 .appointment-sec .left-side img {
    padding-bottom: 40px;
  }

  /*About*/
  .about-style-3 .about-img .video-button {
    left: 0;
    display: flex;
    justify-content: center;
  }

  /*why choose us*/
  .why-choose-us .tabs .nav-item .nav-link {
    padding: 15px 10px 15px 20px;
  }

  .why-choose-us .tabs .nav-item .nav-link span {
    padding-left: 5px;
  }

  .why-choose-us-bg,
  .why-choose-us .layer {
    width: calc(50% - 126px);
  }

  .why-choose-us-style-2 .square-tabs .nav-tabs {
    justify-content: left;
  }

  .why-choose-us-style-2 .square-tabs .nav-tabs .nav-item {
    width: 33.33%;
    padding: 0 15px 10px;
  }

  .contact-us iframe {
    height: 400px;
  }

  /*features*/
  /*testimonials*/
  /*footer*/
  .footer-style-1 .footer-info {
    padding-left: 0%;
  }

  .mb-md-20 {
    margin-bottom: 20px;
  }

  .mb-md-30 {
    margin-bottom: 30px;
  }

  .mb-md-40 {
    margin-bottom: 40px;
  }

  .mb-md-80 {
    margin-bottom: 80px;
  }

  .copyright .payment-logo {
    justify-content: center;
  }

  .copyright p {
    text-align: center;
  }

  .about-left-side-1 {
    padding: 30px;
  }

  .download-app .app-img-side {
    width: 100%;
  }

  .download-app .app-img-btm img,
  .about-img img {
    margin: 0 auto;
    display: block;
  }

  .about-style-3 .about-img>img {
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .gallery-style-2 .filter-gallery>ul {
    columns: 2;
  }

  /*topbar*/
  .topbar-style-1 .left-side .language-box,
  .topbar-style-1 .left-side p {
    font-size: 14px;
  }

  .topbar-style-1 .left-side {
    justify-content: space-between;
  }

  .copyright-style-1 .social-media ul,
  .topbar-style-1 .right-side>ul {
    justify-content: center;
  }

  .topbar-style-1 .right-side>ul>li>a,
  .topbar-style-1 .left-side .language-box {
    border: none;
  }

  .header-style-1.style-3 {
    position: relative;
  }

  .slider .transform-center {
    top: 58%;
  }

  /*banner*/
  .single-banner>img,
  .single-banner .overlay-bg-black {
    width: 100%;
  }

  /*intro*/
  .genmed-intro {
    margin-top: 0;
    padding: 80px 0 0;
  }

  .intro-box .intro-wrapper {
    max-width: 100%;
  }

  /*why choose us*/
  .style-3 .topbar-style-1 .right-side>ul>li.apointment-btn,
  .section-header .section-btn,
  .single-banner:before,
  .why-choose-us .tabs .nav-item .nav-link.active:after {
    display: none;
  }

  .why-choose-us-bg,
  .why-choose-us .layer {
    width: calc(100%);
    height: 43%;
  }

  .why-choose-us .tabs {
    margin-right: 0;
  }

  .why-choose-us .tabs ul {
    columns: 2;
  }

  .why-choose-us .tabs ul li {
    margin-bottom: 10px;
  }

  .why-choose-us .tabs .nav-item .nav-link {
    display: inline-flex;
    width: 100%;
    align-items: center;
    margin-bottom: 0;
  }

  /*Intro*/
  .intro-service-box:hover .intro-service-box-inner .intro-content .link-btn,
  .intro-service-box:hover {
    margin: 0;
  }

  .intro-service-box .intro-service-box-inner {
    padding: 40px 0;
  }

  /*blog*/
  .blog-detail .social-media-box>ul,
  .blog-detail .post-details-tags-social .tags-box {
    justify-content: center;
    align-items: flex-start;
  }

  .why-choose-us-style-2 .tab-inner .img-sec,
  .why-choose-us-style-2 .tab-inner .img-sec img {
    height: auto;
  }

  /*copyright*/
  .copyright-style-1 p {
    text-align: center;
    margin-bottom: 0;
  }

  .mb-sm-20 {
    margin-bottom: 20px;
  }

  .mb-sm-30 {
    margin-bottom: 30px;
  }

  .mb-sm-40 {
    margin-bottom: 40px;
  }

  .mb-sm-80 {
    margin-bottom: 80px;
  }

  .law-advertisement .advertisement-text {
    max-width: 550px;
  }
}

@media (max-width: 576px) {

  .about-us-sec .about-right-side-img:after {
    top: 20px;
    left: 20px;
    right: 20px;
    height: calc(100% - 40px);
  }

  .about-us-sec .about-right-side-img .transform-center {
    right: 0;
  }

  .slider-banner .slide-item .content-wrapper h1,
  .slider .banner-slider .banner-text h1,
  .single-banner .content-wrapper h1 {
    font-size: 30px;
  }

  .slider-banner .slide-item .content-wrapper h3,
  .slider .banner-slider .banner-text h3,
  .single-banner .content-wrapper h3 .appoint-testi-style-2 .appointment-sec .right-side {
    font-size: 20px;
  }

  .about-counter .counter-box {
    display: block;
    text-align: center;
  }

  .about-counter .counter-box .counter-icon {
    margin-right: 0;
    margin-bottom: 10px;
  }

  /*testimonials*/
  .appoint-testi-style-2 .testimonials-sec .testimonials-inner {
    display: block;
  }

  .appoint-testi-style-2 .testimonials-sec .testimonials-inner .testimonials-img {
    margin: 0 auto;
  }

  .appoint-testi-style-2 .testimonials-sec .testimonials-inner .testimonials-text {
    width: 100%;
    text-align: center;
  }

  .about-us-sec .about-right-side-img img,
  .about-style-3 .about-content-wrapper,
  .about-style-2 .about-content-wrapper {
    padding-right: 0;
  }

  .about-style-2 .about-img>img,
  .about-sec .doctor-img>img {
    padding-right: 20px;
  }

  .about-style-3 .about-img:before {
    top: -20px;
    height: calc(50% + 20px);
  }

  .appoint-testi-style-2.style-3 .appointment-sec .left-side img {
    padding-left: 20px;
    padding-bottom: 20px;
  }

  .book-appointment .booking-form .book-form-wrapper {
    padding: 40px 20px;
  }

  .about-us-sec .about-right-side-img img {
    padding-top: 0;
  }

  /*why choose us*/
  .why-choose-us-style-2 .square-tabs .nav-tabs {
    margin: 0 -10px;
  }

  .why-choose-us-style-2 .square-tabs .nav-tabs .nav-item {
    width: 100%;
    padding: 0 10px 10px;
  }

  .comment-box .comments li article .comment-content .comment-meta .comment-meta-reply {
    display: flex;
    margin-top: 15px;
  }

  .comment-box .children {
    padding-left: 0;
  }

  /*About page*/
  .square-tabs .nav-tabs {
    display: block;
    columns: 3;
  }

  .about-story .square-tabs .nav-tabs {
    columns: 4
  }

  .about-story .tabs .nav .nav-item .nav-link {
    padding: 15px 30px 15px 30px;
  }

  .about-us-sec .about-right-side-img:before,
  .square-tabs .nav-tabs:before {
    display: none;
  }

  .square-tabs .nav-tabs .nav-item {
    margin-bottom: 10px;
  }

  /*login register*/
  .login-box .form-section {
    padding: 50px 20px;
  }

  .login-box .form-section .form-bottm button {
    justify-content: center;
    float: none;
    margin-bottom: 20px;
  }

  .features-sec .video-button {
    justify-content: center;
  }

  .mb-xs-20 {
    margin-bottom: 20px;
  }

  .mb-xs-30 {
    margin-bottom: 30px;
  }

  .mb-xs-40 {
    margin-bottom: 40px;
  }

  .mb-xs-80 {
    margin-bottom: 80px;
  }

  .why-choose-us-style-2 .tab-inner .content-box .list .grid-box {
    border-width: 0px 0px 1px 0;
  }

  .why-choose-us-style-2 .tab-inner .content-box .list>.row>div:nth-child(3) .grid-box {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
  }

  .why-choose-us-style-2 .tab-inner .content-box .list>.row>div:nth-child(4) .grid-box {
    border-bottom: 0;
  }

  .clients-box .clients-wrapper .client-box {
    width: 50.00%;
  }

  .appoint-testi-style-2 .appointment-sec .right-side:before {
    display: none;
  }
}

@media (max-width: 460px) {
  .gallery-style-2 .filter-gallery>ul {
    columns: 1;
  }

  /*topbar*/
  .topbar-style-1 .left-side .language-box,
  .topbar-style-1 .left-side p {
    font-size: 10px;
  }

  .topbar-style-1 .right-side>ul>li>a {
    padding: 7px 0;
  }

  /*navigation*/
  .header-style-2 .main-navigation-style-2,
  .main-navigation-style-1 .main-menu {
    width: 260px;
    left: -260px;
  }

  /*why choose us*/
  .why-choose-us .tabs {
    padding-bottom: 0;
  }

  .about-story .tab-inner .content-box .list ul,
  .why-choose-us .tabs ul {
    columns: 1;
  }

  .why-choose-us-bg,
  .why-choose-us .layer {
    display: none;
  }

  .why-choose-us .tabs .nav-item .nav-link {
    background-color: #888;
    color: #fff;
  }

  .why-choose-us .tabs h3 {
    color: #333;
  }

  .why-choose-us-style-2 .tab-inner .content-box .list ul {
    columns: 1;
  }

  .why-choose-us-style-2 .tab-inner .content-box .btns button {
    padding: 12px 15px;
  }

  /*plan*/
  .pricing-style-1 .price-box .price-wrapper .plan-text,
  .pricing-style-1 .price-box .price-wrapper .heading-box {
    padding-left: 20px;
  }

  /*blog*/
  blockquote {
    padding: 1rem;
  }

  /*coming soon*/
  .coming-soon .main .counter .counter-box {
    margin: 0 10px;
  }

  .coming-soon .main .counter .counter-box .inner-box {
    width: 50px;
    height: 50px;
  }

  /*service page*/
  .service-page .service-image .service-text-wrapper {
    padding: 0 20px;
  }

  /* Law advertisement */
  .advertisement-text h3 {
    font-size: 28px;
  }

  /*About page*/
  .square-tabs .nav-tabs {
    display: block;
    columns: 1;
  }

  /* Testimonial */
  .testimonials-box .testimonials-wrapper .testimonials-inner {
    position: relative;
    padding: 0 0 0 60px;
  }

  .testimonials-box .testimonials-wrapper .testimonials-inner:before {
    font-size: 48px;
  }
}

@media (max-width:380px) {
  .about-us-sec .about-right-side-img .transform-center {
    top: 75%;
  }

  .advertisement-text .btn-group {
    display: block;
  }

  .about-us-sec .about-left-side ul {
    columns: 1;
  }

  .about-style-3 .about-content-wrapper .signature-sec,
  .about-us-sec .about-left-side .signature-sec {
    display: block;
  }

  .about-style-3 .about-content-wrapper .signature-sec .signature-left,
  .about-us-sec .about-left-side .signature-sec .signature-left {
    width: 190px;
    margin-left: 0px;
    margin-top: 20px;
  }

  .download-app .app-img-side .app-features ul li i {
    position: relative;
  }

  .download-app .app-img-side .app-features ul li h5 {
    padding-top: 20px;
  }

  .download-app .app-img-side .app-features ul li h5,
  .download-app .app-img-side .app-features ul li p {
    padding-left: 0;
  }
}

@media (max-width:350px) {
  .advertisement-text .btn-group a:last-child {
    margin-left: 0;
  }

  .appointment-sec h3 {
    font-size: 32px;
  }
}