@font-face {
    font-family: headingFont;
    src: url(../fonts/Cochin.ttc);
  }
  
  @font-face {
    font-family: textFont;
    src: url(../fonts/Industry/IndustryTest-Medium.otf);
  }
  
  @font-face {
    font-family: industryLite;
    src: url(../fonts/Industry/IndustryTest-Light.otf);
  }

/* home */
.mobile-design-box-row{
    display: none;
}
.mobile-learn-more-design{
    display: none;
}
@media screen and (max-width:768px){ 

    body .sidebar .separator-wrapper .minimize-btn {
        display: block !important;
    }

    /* body .sidebar:has(#minimize:checked) {
        width: 15rem !important;
    }

    
    body .sidebar .separator-wrapper .minimize-btn {
        display: block !important;
    }
    body .sidebar:has(#minimize:checked) .navigation .section .items .item a .item-text {
        display: block !important;
    }

    body .sidebar:has(#minimize) {
        width: 5rem;
    } */


    .banner-content-text h2{
        font-size: 45px;
        line-height: 48px;
        margin-bottom: 12px;
        text-align: center;
    }
    .banner-content-text p{
        font-size: 16px;
        text-align: center;
    }
    .btn-basic {
        font-size: 14px !important;
        height: 49px;
        width: 160px;
    }
    .btn-primary{
        font-size: 14px !important;
        height: 49px;
        width: 160px;
    }
    .banner-buttons button {
        margin: 0px 7px;
    }
    .banner-content {
        height: 70vh;
    }
    .banner-content-text{
        height: 70vh;
    }
    .list-design {
        padding: 50px 0px;
    }
    .container-list p {
        font-size: 55px;
    }
    .container-list p a{
        font-size: 45px;
    }
    .speciallity-section {
        /* padding: 50px 0px; */
    }
    .speciallity-detail{
        margin-bottom: 40px;
    }
    .image-gallery-heading h2 {
        /* font-size: 45px; */
        font-size: 39px;
        margin-bottom: 12px;
    }
    .image-gallery-heading p{
        font-size: 16px;
    }
    .image-gallery {
        padding: 50px 0px;
    }
    .swiper-slide img {
        height: 150px;
    }
    .box-three{
        position: inherit;
        width: 100%;
        margin-bottom: 40px;
    }
    .desktop-design-box-row{
        display: none;
    }
    .mobile-design-box-row{
        display: block;
    }
    .in-their-words {
        padding: 50px 0px 100px;
        height: inherit;
        position: relative;
    }
    .in-their-word-heading{
        margin-bottom: 80px;
    }
    .in-their-word-heading h2 {
        font-size: 45px;
        margin-bottom: 12px;
    }
    .speciallity-detail-button {
        /* margin-top: 50px; */
    }
    .in-their-word-heading P{
        font-size: 16px;
    }
    .testimonial-button {
        position: initial;
        margin-top: 80px;
    }
    .sub-footer-section {
        display: block;
    }
    .join-us {
        width: 100%;
        height: 30vh;
        align-items: center;
        justify-content: center;
        padding-bottom: 0px;
        padding-right: 0px;
    }
    .join-us h2 {
        font-size: 55px;
    }
    .find-a-pro{
        width: 100%;
        height: 30vh;
        align-items: center;
        justify-content: center;
        padding-bottom: 0px;
        padding-right: 0px;
    }
    .find-a-pro h2 {
        font-size: 55px;
    }
    .footer {
        padding: 50px 0px;
    }
    .main-about-section {
        display: block;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .about-header {
        width: 100%;
        text-align: center;
    }
    .about-content {
        width: 100%;
        padding-left: 0px;
    }
    .about-content p {
        text-align: center;
    }
    .about-us-section{
        padding: 50px 0px;
    }
    .about-header h2{
        font-size: 45px;
        margin-bottom: 12px;
    }
    .about-header a{
        display: none;
    }
    .mobile-learn-more-design{
        color: #fd8982 !important;
        font-size: 18px;
        color: white;
        margin: 0px;
        font-family: textFont;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 80px;
        display: block;
        text-align: center;
    }
    /* explore consultant */
    .witness-profile-data{
        display: block;
        border-radius: 0px;
        padding:0px;
        background-color: transparent;
    }
    .profile-image-witness{
        max-width: 100%;
    }
    .profile-image-witness img{
        width: 100%;
    }
    .witness-profile-list {
        width: 100%;
    }
    .witness-profile-list p {
        font-size: 24px;
        color: white;
        font-family: headingFont;
        margin-bottom: 21px;
        text-align: left;
    }
    .witness-detail-heading-text h1{
        font-size: 45px;
    }
    .witness-view-profile-button a {
        padding: 10px 40px;
        font-size: 14px;
    }
    .witness-view-profile-button {
        justify-content: start;
        height: auto;
    }
    .expert-small-box-main{
        margin-bottom: 40px;
    }
    .witness-small-box-button-group {
        margin-top: 40px;
    }
    .witness-expert-profile {
        padding: 0px 0px 50px;
    }
    .witness-detail-heading {
        margin-bottom: 50px;
    }
    .expert-small-box-main {
        padding: 20px;
    }
    .small-box-view-button a{
        font-size: 14px;
    }
    .expert-small-box-main ul{
         margin-bottom: 20px;
    }
    .witness-small-box{
        padding-bottom: 50px;
    }
    .faq-heading-main h1{
        padding-top: 80px;
        margin-bottom: 0px;
    }
    .faq-heading h2 {
        font-size: 33px;
    }
    .accordion-button {
        padding: 0.5rem 0.5rem;
        font-size: 16px;
    }
    .faq-accordian {
        padding-bottom: 50px;
    }
    .overlay {
        background-size: auto;
        z-index: 999999999;
    }
    .overlay-content {
        top: 50%;
        transform: translateY(-50%);
    }
    .overlay a {
        font-size: 25px;
    }
    .progress_holder{
        width: fit-content !important;
        margin-right:20px !important;
        padding-bottom: 10px;
    }
    #multi_step_form .container #multistep_nav{
        overflow-x: scroll;
        margin-bottom: 50px !important;
        display: -webkit-box !important;
    }
    .regiter-form-heading {
        margin-bottom: 60px !important;
    }
    .membership-box {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .select-membership-main {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .membership-box:last-child{
        margin-bottom: 0px;
    }
    textarea#introduction {
        background: transparent;
        border: 1px solid white;
        border-radius: 10px;
        outline: none;
        color: white;
        padding: 10px;
    }
    .qualification-content{
        margin-bottom: 20px;
    }
    .double-button {
        margin-top: 50px !important;
    }
    .profile-box-double-button{
        display: flex;
        flex-direction: column;
    }
    .profile-box-double-button .profile-box-single-button {
        max-width: 170px;
        width: 100%;
        text-align: center;
    }    
    .profile-box-button{
        padding: 0px;
    }
    .mobile-bottom-margin{
        margin-bottom: 24px;
    }
    .or-text-design {
        padding: 20px 0px;
    }
    .register-banner {
        height: 25vh;
    }
    .regiter-form-heading h1{
        font-size: 45px !important;
    }
    .tab {
        display: -webkit-box;
        overflow-x: scroll;
    }
    .profile-img {
        height: 350px;
        width: 100%;
        margin-bottom: 20px;
    }
    .tabs-design-headong {
        text-align: left;
        padding-left: 12px;
    }
    .tabs-design-headong h2 {
        font-size: 45px; 
    }
    .tabs-design{
        padding: 50px 0px;
    }
    .website-detail-content{
        padding-left: 12px;
    }
    .website-detail-content h2 {
        font-size: 45px;
    }
    .social-icon ul {
        margin-top: 50px;
    }
    .header-menu img {
        width: 35px;
        height: 21px;
    }
    /* dashboard */
    .floating-sidebar{
        position: absolute;
        top: 0;
        left: -100px;
        transition: 0.3s;
        z-index: 1234567;
        height: 100vh;
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }
    .floating-sidebar:has(#minimize:checked) {
        left: 0;
    }
    .dashboard-profile-content h1{
        font-size: 45px;
        margin-bottom: 30px;
    }
    .dashboard-profile-button-group a {
        padding: 15px 12px;
        font-size: 16px;
    }
    .dashboard-contact-information-content{
        margin-bottom: 50px;
    }
    .separator-wrapper {
        padding: 100px 15px 0px !important;
    }
    body .sidebar .navigation {
        padding: 15px;
    }
    body .sidebar .separator-wrapper .minimize-btn{
        right: -12vw;
        top: 30% !important;
        background-color: transparent !important;
        border: none;
    }
    .floating-sidebar:has(#minimize:checked) .minimize-btn{
        right: -12vw;
        top: 30% !important;
        background-color: transparent !important;
        border: none;
    }
    body .sidebar .separator-wrapper{
        position: static !important; 
    }
    .desktop-menu-open{
        display: none;
    }
    .mobile-menu-on-mobile{
        display: flex !important;
        align-items: center;
        gap: 10px;
    }
   /* .qualification-content{
        padding-top: 40px;
    }*/
    .table-design-responsive{
        padding: 0px 14px 50px;
    }
    .dashboard-contact-information-content{
    padding-top: 60px;
    }
    #multi_step_form .container fieldset.step .nextStep{
        width: 125px !important;
    }
    #multi_step_form .container fieldset.step .prevStep{
        width: 125px !important;
    }
    .new-add-mobile-res-button-class{
        margin-bottom: 24px;
    }
    .dashboard-gallery-content .gallery-items{
        text-align: center;
    }
    .dashboard-gallery-content .gallery-item{
        width: 50%;
        margin: 0 auto;
    }
    .dashboard-featured-categories{
        margin-top: 75px;
    }
    .dashboard-gallery{
        margin-top: 75px;
    }
    .upgrade-pad-desing{
        margin-top: 100px;
    }
    .desktop-menu-open{
        display: none !important;
    }
    .catagory-banner-content h1 {
        font-size: 55px;
        line-height: 75px;
        margin-bottom: 20px;
    }
    .catagory-banner-images {
        display: none;
    }
    .bottom-image-design {
        max-width: 280px;
    }
    .catagory-banner-section {
        padding: 150px 0px 100px;
    }
    .catagory-expert-new-box-main {
        margin-bottom: 0px;
    }
    a.state-link.text-white{
        margin-bottom: 10px;
    }
    .experts-by-state-heading h2{
        margin-bottom: 40px;
    }
    .catagory-expert-heading h2 {
        font-size: 40px;
    }
    .list-design .hub-box-content{
        margin-bottom: 24px;
    }
    .bottom-design-hub-box{
      margin-bottom: 0px;
    }
    .banner-buttons a {
        width: 175px;
    }
    .header-new-image{
        max-width: 300px !important;
    }
    .hub-heading h2{
        font-size: 40px;
    }
    .table-responsive-css-design{
        overflow-x: scroll;
    }
    .table-responsive-css-design table{
        width: 1005;
    }
    .hub-content-heading p {
        font-size: 18px !important;
    }
    .hub-effect-content ul li {
        font-size: 15px !important;
    }

    .home-logo-slider .slide-track {
        display: flex;
        width: calc(190px* 14) !important;
        animation: scroll 20s linear infinite;
    }
    .main-blog-banner-content img {
        width: 100%;
        margin-bottom: 31px;
    }
    .hero-section-blog{
        padding: 64px 0px;
    }
    .main-blog-banner-content p {
        font-size: 18px;
        line-height: 29px;
        margin-bottom: 31px;
    }
    .blog-banner-input button{
        position: relative;
        width: 100%;
        margin-top: 8px;
        font-size: 14px;
        border-radius: 4px;
    }
    .blog-banner-input input{
        font-size: 14px;
        border-radius: 4px;
    }
    .checkbox-container {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px;
        cursor: pointer;
        font-size: 12px;
        margin-top: 16px;
        text-align: left;
    }
    .checkbox-container input{
        background-color: transparent;
        border: 1px solid white;
    }
}