@media (min-width: 1600px) {
}
@media (min-width: 992px) {
    .mobCatList,
    .esHeader .esHeaderIn > div > ul > li:first-child{
        display: none;
    }
    .mobChats{
        display: none;
    }
}
@media (min-width: 320px) {
    .chatBox .inner > .mobChats{
        position: fixed;
        left: -35px;
        top: 130px;
        background-color: var(--theme-color);
        padding: 0;
        color: var(--white);
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        padding: 10px 20px 10px;
        cursor: pointer;
        text-transform: uppercase;
        line-height: 1;
        font-size: 12px;
        letter-spacing: 3px;
        border-radius: var(--common-radius);
        -webkit-border-radius: var(--common-radius);
        -moz-border-radius: var(--common-radius);
        -ms-border-radius: var(--common-radius);
        -o-border-radius: var(--common-radius);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        z-index: 5;
}
}
/* Max Width */
@media (max-width: 1919px) {

}
@media (max-width: 1599px) {

}

@media (max-width: 1439px) {
    .bannerSec .bannerSwiper .imgBox .esCnt{
        max-width: 50%;
    }
    .abtSec .esBlock .esItem .esItemIn .esCnt{
        width: 100%;
        bottom: 0;
        left: 0;
        padding: 0 20px 10px 20px;
    }

    .exptLists > .expCard{
        width: calc(100% / 2);
    }
}

@media (max-width: 1365px) {
    .abtSec .esBlock .esItem .esItemIn .imgBox{
        height: 350px;
    }
    .abtSec .esBlock .esItem .esItemIn .imgBox img{
        height: 100%;
        object-fit: cover;
    }

    .shortBanWrap > .imgBox{
        height: 300px;
    }
    .shortBanWrap > .imgBox > img{
        height: 100%;
        object-fit: cover;
        object-position: right 0px;
    }
    .shortBanWrap .titleBar{
        padding: 0 45% 0 70px;
    }
}

@media (max-width: 1199px) {
    .titleBar .mainTitle{
        font-size: 30px;
    }
    .esHeader .esHeaderIn > nav ul li.hasChild > ul{
        width: 768px;
    }
    .bannerSec .bannerSwiper .imgBox .esCnt{
        max-width: 100%;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding: 0;
    }
    .bannerSec .bannerSwiper .imgBox .esCnt .mainTitle{
        font-size: 30px;
        text-align: center;
        margin: 0;
        line-height: 1.5;
    }
    .bannerSec .bannerSwiper .imgBox .esCnt p{
        font-size: 20px;
        margin: 0 0 20px;
    }
    .bannerSec .bannerSwiper .imgBox .esCnt::before,
    .bannerSec .bannerSwiper .imgBox .esCnt::after{
        display: none;
    }
    .bannerSec .bannerSwiper .imgBox::before{
        background: none;
        background-color: var(--theme-secondary-color);
        width: 100%;
        opacity: 0.5;
    }
    .bannerSec .bannerSwiper .imgBox .esCnt .btnWrap > *{
        margin: 0;
    }
    .abtSec{
        padding: 30px 0 0 0;
    }
    .abtSec .inner .esLt{
        width: 30%;
    }
    .abtSec .inner .esRt{
        width: calc(100% - 30%);
    }
    .abtSec .inner .esRt p{
        font-size: 17px;
        line-height: 1.8;
        margin: 0 0 15px;
    }
    .abtSec .inner .esRt a{
        margin: 30px 0 0;
    }
    .abtSec .inner{
        margin: -20px -20px 20px -20px;
    }
    .abtSec .esBlock .esItem .esItemIn .esCnt .count{
        font-size: 50px;
        margin: 0;
    }
    .abtSec .esBlock .esItem .esItemIn .esCnt .mainTitle{
        font-size: 30px;
        margin: 0 0 5px;
    }
    .abtSec .esBlock .esItem .esItemIn .esCnt p{
        font-size: 14px;
        line-height: 1.5;
    }
    .btnCom{
        font-size: 15px;
        width: 200px;
        height: 50px;
    }

    .servSec{
        padding: 30px 0;
    }
    .servSec p{
        font-size: 17px;
        line-height: 1.5;
        margin: 0 0 30px;
    }

    .prefDiscipSec .esBlock{
        margin: -10px;
        height: 40em;
    }
    .prefDiscipSec .esBlock .esItem .imgBox{
        padding: 10px;
    }
    .prefDiscipSec{
        margin: 0 auto 60px auto;
    }
    .prefDiscipSec .esBlock .esItem .imgBox .inner{
        font-size: 13px;
    }


    .topExprtSec .titleBar{
        padding: 30px 50px 70px 50px;
    }
    .topExprtSec .expertSwiper{
        margin: 0 0 30px;
    }

    .exprtJoinSec{
        padding: 30px 0;
    }
    .exprtJoinSec .inner{
        padding: 25px 30px;
    }
    .exprtJoinSec .inner > .esRt p{
        font-size: 17px;
        line-height: 1.7;
    }
    .exprtJoinSec .inner > .esLt .mainTitle{
        font-size: 30px;
    }
    .exprtJoinSec .inner > .esLt .btnWrap .btnJoin::before{
        width: 40px;
    }
    .exprtJoinSec .inner > .esLt .btnWrap .btnJoin::after{
        left: 170px;
        top: 11px;
    }
    .exprtJoinSec .inner > .esLt .btnWrap .btnJoin{
        font-size: 14px;
    }

    .testiSec{
        margin: 0 0 30px;
    }
    .testiSec .titleBar{
        margin: 0 0 30px;
    }
    .testiSec .esBlock{
        margin: -15px -15px 30px -15px;
    }
    .testiSec .esBlock > *{
        padding: 15px;
    }
    .testiCard p{
        font-size: 15px;
        line-height: 1.7;
    }

    .extraValueSec{
        padding: 0;
        margin: 0 0 30px;
        border: none;
    }
    .extraValueSec .esBlock{
        margin: 0;
        border-right: 1px solid var(--border-color2);
        border-top: 1px solid var(--border-color2);
    }
    .extraValueSec .esBlock > *{
        width: calc(100% / 2);
        border-left: 1px solid var(--border-color2);
        border-bottom: 1px solid var(--border-color2);
    }
    .extraValueSec .esBlock > ::after{
        display: none;
    }
    .extraValueSec .esBlock .esItem .esItemIn{
        padding: 80px 20px 20px 20px;
    }
    .extraValueSec .esBlock .esItem .esItemIn .icon{
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .extraValueSec .esBlock .esItem .titleBar{
        padding: 0;
        text-align: center;
        width: 100%;
    }

    .mainFootSec{
        padding: 30px 0 0 0;
    }
    .newsletterWrap{
        margin: 0 0 30px;
        padding: 20px 10px 20px 30px;
    }

    .mainFootSec .inner .esBlock{
        margin: 0;
    }
    .mainFootSec .inner .esBlock > *{
        padding: 20px 0;
        width: calc(100% / 3);
    }
    .mainFootSec .inner .esBlock > *:first-child{
        width: 100%;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #492f7e;
    }
    .mainFootSec .inner .esBlock > *:first-child .esItemIn{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .mainFootSec .inner .esBlock > *:first-child .esItemIn > a:not(.imgBox){
        width: 30%;
        margin: 0;
    }
    .mainFootSec .inner .esBlock > *:first-child .imgBox{
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 0 0 20px;
    }
    .mainFootSec .inner .esBlock > *:first-child .imgBox img{
        width: 150px;
    }
    
    .mainFootSec .inner .esBlock ul:not(.socialLinks){
        margin: 0;
    }
    .mainFootSec .inner .esBlock .footTitle{
        margin: 0 0 20px;
    }
    .mainFootSec .inner .esBlock ul:not(.socialLinks) li{
        padding: 0;
        margin: 0 0 10px 0;
    }
    .mainFootSec .inner .esBlock ul:not(.socialLinks) li:last-child{
        margin: 0;
    }
    .mainFootSec .inner .esBlock ul:not(.socialLinks) li a:not(.imgBox){
        font-size: 15px;
    }
    .footBtm{
        margin: 0;
        padding: 20px 0;
    }

    .loginSec .inner > .esLt > *{
        padding: 0;
    }

    .regiSec,
    .dashSec{
        padding: 30px 0;
    }

    .welCard{
        margin: 0 0 30px;
    }
    .dashCardWrap .dashCard .in .mainTitle{
        font-size: 17px;
    }

    .dashInPage .innerHead{
        padding: 30px 0 0 0;
    }
    .innerHead .inner{
        margin: 0 0 20px;
    }
    .innerHead .inner .mainTitle{
        font-size: 22px;
    }

    .gInfoSec,
    .reviewSec,
    .tranSec,
    .listingWrap{
        margin: 0 0 30px;
    }
    .dashInPage footer .extraValueSec{
        display: none;
    }

    .profileSecWrap{
        padding: 30px 0;
    }
    .profileSecWrap .cntBox{
        padding: 30px;
        margin: 0 0 20px;
    }
    .profileSecWrap .profileBody{
        margin: -15px;
    }
    .profileSecWrap .profileBody > *{
        padding: 15px;
    }
    
    .rateModeCard .rateMode .in .icon{
        width: 60px;
        height: 60px;
    }
    .rateModeCard .rateMode .in{
        padding: 0 0 0 70px;
    }
    .rateModeCard .rateMode .in .esCnt{
        height: 60px;
    }

    .rateModeCard .rateMode .in .esCnt span{
        font-size: 11px;
    }
    .rateModeCard .rateMode .in .esCnt p{
        font-size: 15px;
    }

    .chatLayout .chatBox{
        padding: 30px 0;
    }
    .chatLayout .extraValueSec{
        display: none;
    }

    .newsletterWrap .titleBar .mainTitle{
        font-size: 27px;
    }
}

@media (max-width: 991px) {  
    .esContainer,
    .esContainerFluid,
    .esContainerBox{
        padding: 0 30px;
    }
    
    .esHeader .esHeaderIn > nav{
        display: none;
    }
    .esHeader .esHeaderIn > .imgBox{
        display: block;
        margin: 0 auto 0 0;
    }
    .esHeader .esHeaderIn > div ul{
        margin: 0;
    }
    .esHeader .esHeaderIn > div > ul > li{
        padding: 0;
        margin: 0 0 0 20px;
    }

    .mobCatList{
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: var(--white);
        top: 0;
        left: 0;
        padding: 20px;
        overflow: auto;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
    }
    .mobCatList.show{
        opacity: 1;
        visibility: visible;
        z-index: 10;
    }
    .mobCatList > ul {        
        display: flex;
        flex-wrap: wrap;
    }
    .mobCatList > ul li{
        padding: 2px;
    }
    .mobCatList > ul li a{
        padding: 5px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid var(--border-color2);
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        font-size: 14px;
        color: var(--gray555);
    }
    .mobCatList > ul li a:hover{
        background-color: var(--theme-color);
        color: var(--white);
        border-color: var(--theme-color)
    }

    .noscroll{
        overflow: hidden;
    }

    .mobCatList .mainTitle{
        text-transform: capitalize;
    }
    .mobCatList .btnCls{
        position: fixed;
        right: 20px;
        top: 20px;
    }
    .mobCatList .titleHead{
        margin: 0 0 30px;
    }
    .mobCatList form{
        margin: 0 0 20px;
    }

    .esHeader{
        padding: 20px 0;
    }
    .searchByName .inner{
        padding: 50px 50px 0 50px;
    }
    .bannerSec .bannerSwiper .imgBox{
        height: 350px;
    }
    .bannerSec .bannerSwiper .imgBox img{
        height: 100%;
        object-fit: cover;
    }
    .bannerSec .bannerSwiper .imgBox .esCnt{
        height: 100%;
        justify-content: center;
        padding: 0 100px;
    }
    .bannerSec .bannerSwiper .imgBox .esCnt .mainTitle{
        font-size: 35px;
        line-height: 1.2;
        margin: 0 0 5px;
    }
    .bannerSec .bannerSwiper .imgBox .esCnt p{
        font-size: 17px;
        margin: 0 0 10px;
    }

    .titleBar{
        width: 100%;
        text-align: center;
    }
    .titleBar .mainTitle{
        font-size: 25px;
    }
    
    .abtSec .inner{
        margin: 0;
    }
    .abtSec .inner .esLt,
    .abtSec .inner .esRt{
        width: 100%;
        padding: 0;
    }
    .abtSec .inner .esLt{
        margin: 0 0 30px;
    }
    .abtSec .inner .esRt p{
        text-align: center;
        font-size: 16px;
        line-height: 1.7;
    }
    .abtSec .inner .esRt a{
        margin: 20px auto 30px auto;
    }

    .abtSec .esBlock{
        margin: -15px;
    }
    .abtSec .esBlock .esItem{
        padding: 15px;
    }

    .servSec .titleBar{
        margin: 0 0 20px;
    }
    .servSec p{
        font-size: 16px;
        line-height: 1.7;
    }
    .servSec .discipSwiper .swiper-slide > a:not(.imgBox){
        font-size: 15px;
    }
    .servSec .inner::before,
    .servSec .inner::after{
        display: none;
    }

    .prefDiscipSec{
        margin: 0 auto 20px auto;
    }
    .prefDiscipSec .titleBar{
        position: static;
        margin: 0 0 20px;
    }
    .prefDiscipSec .esBlock{
        margin: 0;
        flex-wrap: wrap;
        align-items: flex-start;
        height: auto;
        padding: 0 10px;
    }
    .prefDiscipSec .esBlock .esItem{
        width: calc(100 / 3);
    }
    .prefDiscipSec .esBlock .esItem:nth-child(2), 
    .prefDiscipSec .esBlock .esItem:nth-child(3){
        margin: 0;
    }
    .prefDiscipSec .esBlock .esItem:first-child .esItemIn, 
    .prefDiscipSec .esBlock .esItem:last-child .esItemIn{
        padding: 0;
    }

    .prefDiscipSec .esBlock .esItem:first-child{
        order: 1;
        width: 33.33%;
    }
    .prefDiscipSec .esBlock .esItem:nth-child(2){
        order: 2;
        width: calc(100% - 33.33%);
    }
    .prefDiscipSec .esBlock .esItem:nth-child(3){
        order: 3;
        width: calc(100% - 33.33%);
    }
    .prefDiscipSec .esBlock .esItem:last-child{
        order: 4;
        width: 33.33%;
    }

    .prefDiscipSec .esBlock .esItem:nth-child(2) .esItemIn .imgBox,
    .prefDiscipSec .esBlock .esItem:nth-child(3) .esItemIn .imgBox{
        width: 50%;
    }

    .prefDiscipSec .esBlock .esItem .imgBox .inner::before{
        opacity: 0.5;
        visibility: visible;
    }
    .prefDiscipSec .esBlock .esItem .imgBox .material-symbols-outlined{
        top: 20px;
        right: 20px;
        opacity: 1;
        visibility: visible;
    }
    .prefDiscipSec .esBlock .esItem .imgBox span:not(.material-symbols-outlined){
        bottom: 20px;
        left: 20px;
        opacity: 1;
        visibility: visible;
    }
    .prefDiscipSec .esBlock .esItem .imgBox .inner{
        border-radius: var(--large-radius) !important;
        -webkit-border-radius: var(--large-radius) !important;
        -moz-border-radius: var(--large-radius) !important;
        -ms-border-radius: var(--large-radius) !important;
        -o-border-radius: var(--large-radius) !important;
    }

    .topExprtSec{
        margin: 0 0 30px;
    }
    .exprtJoinSec {
        display: none;
    }

    .newsletterWrap{
        flex-wrap: wrap;
        padding: 0;
        background-color: transparent;
    }
    .newsletterWrap .titleBar,
    .newsletterWrap form{
        width: 100%;
        padding: 0;
    }
    .newsletterWrap .titleBar{
        margin: 0 0 30px;
    }
    .newsletterWrap form .material-symbols-outlined{
        left: 30px;
    }
    .newsletterWrap form .newsBtn{
        right: 10px;
    }

    .mainFootSec .inner .esBlock > :first-child .esItemIn > a:not(.imgBox),
    .mainFootSec .inner .esBlock ul.socialLinks{
        width: auto;
        margin: 0 5px;
    }
    .mainFootSec .inner .esBlock > :first-child a:not(.imgBox){
        padding: 0 0 0 45px;
        font-size: 15px;
    }
    .mainFootSec .inner .esBlock ul.socialLinks li a:not(.imgBox),
    .mainFootSec .inner .esBlock > :first-child a:not(.imgBox) > .material-symbols-outlined{
        width: 35px;
        height: 35px;
        font-size: 17px;
    }
    .mainFootSec .inner .esBlock ul.socialLinks li a svg{
        width: 17px;
    }
    .mainFootSec .inner .esBlock ul.socialLinks li{
        padding: 0 5px 0 0;
    }
    .mainFootSec .inner .esBlock ul.socialLinks li:last-child{
        padding: 0;
    }
    
    .mainFootSec .inner .esBlock .footTitle{
        font-size: 17px;
    }
    .mainFootSec .inner .esBlock ul:not(.socialLinks) li a:not(.imgBox),
    .footBtm p{
        font-size: 13px;
    }

    #spnTop{
        right: 15px;
        bottom: 20px;
    }
    #spnTop.showTop{
        bottom: 10px;
    }
    
    .loginSec{
        padding: 30px 0;
    }
    .loginSec .inner > .esLt > .titleBar{
        text-align: left;
    }

    .imgCropWrap{
        width: 90%;
        max-height: 100vh;
    }

    .imgCropWrap .btnWrap .btn-sm{
        min-width: auto;
        padding: 0;
        width: 100px;
        font-size: 12px;
    }

    .welCard .esLt .mainTitle{
        font-size: 22px;
    }
    .dashCardWrap .dashCard{
        width: calc(100% / 2);
    }

    .gInfoSec .inner .esLt{
        width: 200px;
    }
    .gInfoSec .inner .esLt .imgBox{
        height: 200px;
    }
    .gInfoSec .inner .esRt{
        width: calc(100% - 200px);
    }
    .contentSec .cntBox > span, .contentSec .cntBox > p,
    .contentSec .card .mainTitle{
        font-size: 16px
    }
    
    .innerHead .inner .gobackBtn{
        width: 50px;
        height: 50px;
        box-shadow: 0 0 20px 10px rgba(106, 72, 173, 0.1);
    }
    .innerHead .inner .gobackBtn .material-symbols-rounded{
        font-size: 20px;
    }

    .reviewCard .esCnt{
        display: flex;
        flex-wrap: wrap;
    }
    .reviewCard .esCnt ul{
        margin: 10px 0 0 0;
    }

    .shortBanWrap{
        padding: 30px;
        margin: 0 0 30px 0;
        border-top: 1px solid var(--border-color2);
        border-bottom: 1px solid var(--border-color2);
    }
    .shortBanWrap > .imgBox{
        display: none;
    }
    .shortBanWrap .titleBar{
        position: static;
        padding: 0;
        width: 100%;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
    .shortBanWrap .titleBar .mainTitle{
        color: var(--text-black);
        font-size: 35px;
    }
    .shortBanWrap .titleBar p{
        color: var(--gray555);
    }
    .shortBanWrap .titleBar .btn{
        color: var(--gray555)
    }
    .shortBanWrap .titleBar .btn::after{
        color: var(--gray999);
    }

    .expCard > .inner .mainTitle{
        font-size: 20px;
    }
    #miniProfileModal .modal-dialog{
        max-width: 90%;
    }

    .profileSecWrap .profileBody > .esLt{
        width: 55%;
    }
    .profileSecWrap .profileBody > .esRt{
        width: calc(100% - 55%);
    }
    .profileSecWrap .cntBox{
        padding: 20px;
    }
    .profileSecWrap .cntBox .mainTitle{
        font-size: 20px;
        margin: 0 0 10px;
    }
    .profileSecWrap .cntBox p{
        font-size: 14px;
        line-height: 1.5;
    }
    .profileSecWrap .cntBox ul.listStyle li a{
        font-size: 14px;
    }

    #bookme .modal-dialog{
        max-width: 90%;
    }

    .recordBox.audioRecord .playback{
        width: 100%;
        display: flex;
        overflow: hidden;
    }

    .chatBox .inner .esLt{
        position: fixed;
        top: 0;
        left: -100px;
        width: 320px;
        height: 100%;
        z-index: 11;
        background: var(--white);
        opacity: 0;
        visibility: hidden;
        transition: 0.25s all cubic-bezier(1,0,0,1);
        -webkit-transition: 0.25s all cubic-bezier(1,0,0,1);
        -moz-transition: 0.25s all cubic-bezier(1,0,0,1);
        -ms-transition: 0.25s all cubic-bezier(1,0,0,1);
        -o-transition: 0.25s all cubic-bezier(1,0,0,1);
    }
    .chatBox .inner .esLt.show{
        opacity: 1;
        visibility: visible;
        left: 0;
        padding: 10px;
    }
    .chatBox .inner .esRt{
        width: 100%;
    }
    .chatUsers ul{
        height: 90vh;
    }
}

@media (max-width: 767px) {
    .esContainer, .esContainerFluid, .esContainerBox{
        padding: 0 20px;
    }
    .bannerSec .bannerSwiper .imgBox .esCnt{
        padding: 0 50px;
    }

    .abtSec .inner .esLt{
        margin: 0 0 20px;
    }
    .abtSec .inner .esRt p{
        font-size: 15px;
    }

    .abtSec .esBlock{
        margin: -10px;
    }
    .abtSec .esBlock .esItem{
        padding: 10px;
    }
    .abtSec .inner .esRt a{
        margin: 10px auto 20px auto;
    }
    .abtSec .esBlock .esItem .esItemIn .esCnt .count{
        font-size: 35px;
    }
    .abtSec .esBlock .esItem .esItemIn .esCnt .mainTitle{
        font-size: 22px;
    }
    .abtSec .esBlock .esItem .esItemIn .esCnt{
        padding: 0 10px 0px 10px;
    }

    .servSec{
        padding: 20px 0;
    }
    .servSec p{
        font-size: 15px;
        margin: 0 0 20px;
    }

    .bannerSec .bannerSwiper .swiper-pagination,
    .swiper-nav{
        display: none;
    }

    .prefDiscipSec .titleBar{
        margin: 0 0 10px;
    }
    .prefDiscipSec .esBlock .esItem:first-child{
        order: 3;
        width: 50%;
    }
    .prefDiscipSec .esBlock .esItem:nth-child(2){
        order: 1;
        width: 100%;
    }
    .prefDiscipSec .esBlock .esItem:nth-child(3){
        width: 100%;
        order: 2;
    }
    .prefDiscipSec .esBlock .esItem:last-child{
        order: 4;
        width: 50%;
    }

    .topExprtSec .titleBar{
        background-color: transparent;
        padding: 0;
        margin: 0 0 20px;
    }
    .topExprtSec .titleBar::before{
        display: none;
    }
    .topExprtSec .titleBar .mainTitle{
        color: var(--text-black);
    }
    .topExprtSec .titleBar .subTitle{
        border: 1px solid var(--border-color);
        background-color: var(--white);
        color: var(--gray999);
    }
    .topExprtSec .inner{
        margin: 0;
    }

    .testiSec,
    .extraValueSec{
        display: none;
    }

    .newsletterWrap .titleBar,
    .newsletterWrap{
        margin: 0 0 20px;
    }
    .mainFootSec .inner .esBlock > :first-child{
        padding: 0 0 10px 0;
    }
    .mainFootSec .inner .esBlock > :first-child .esItemIn > a:not(.imgBox), .mainFootSec .inner .esBlock ul.socialLinks{
        margin: 10px;
    }

    .loginSec .inner{
        flex-wrap: wrap;
        align-items: flex-start;
        margin: 0;
    }
    .loginSec .inner > .esLt{
        width: 100%;
        padding: 0 10px;
    }
    .loginSec .inner > .esRt{
        display: none;
    }

    .regiSec{
        padding: 30px 0 10px 0;
    }
    .regiSec .avatar-upload{
        width: 180px;
    }
    .regiSec .btnWrap{
        flex-direction: column;
    }
    .regiSec .btnWrap .line-btn.withIcon{
        margin: 0 0 20px;
    }
    .regiSec .btnWrap .line-btn.withIcon .material-symbols-outlined{
        width: 40px;
        height: 40px;
    }

    .dashCardWrap .dashCard.switchCard{
        width: 100%;
    }

    .welCard{
        flex-wrap: wrap;
        justify-content: center;
    }
    .welCard .esLt{
        margin: 0 0 20px;
        padding: 80px 0 0 0;
        width: 100%;
        text-align: center;
    }
    .welCard .esLt .icon{
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .innerHead .inner .mainTitle{
        font-size: 17px;
    }

    .contentSec .card .btn{
        width: 100%;
    }

    .reviewSec .esBlock{
        margin: -10px;
    }
    .reviewSec .esBlock > *{
        padding: 10px;
    }

    .reviewCard{
        padding: 25px 20px;
    }

    .listingWrap .listHead p{
        display: none;
    }

    .shortBanWrap{
        padding: 20px 10px;
        margin: 0 0 20px 0;
    }
    .listingWrap .listHead{
        margin: 0 0 20px;
        padding: 0 0 20px;
    }

    .filterMainWrap.show{
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .expCard > .inner{
        padding: 40px 15px 15px 15px;
        justify-content: center;
    }
    .expCard > .inner ul{
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        top: 10px;
        margin: 0;
    }
    .expCard > .inner .imgBox{
        position: static;
        margin: 0 0 10px;
    }

    .expCard > .inner > .esCnt{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .expCard > .inner .esCnt > span{
        position: static;
        order: 2;
        font-size: 14px;
    }
    .expCard > .inner p{
        position: static;
        order: 3;
        line-height: 1.5;
        padding: 0;
        height: 42px;
        text-align: center;
        line-clamp: 2;
        -webkit-line-clamp: 2;
    }
    .exptLists{
        margin: -10px -10px 10px -10px;
    }
    .exptLists > .expCard{
        padding: 10px;
    }

    .miniProfile .modal-body{
        padding: 30px;
    }
    .miniProfileCard .mainProfle{
        padding: 0;
    }
    .miniProfileCard .mainProfle .imgBox{
        position: static;
        margin: 0 0 20px;
    }

    .miniProfileCard .mainProfle .mainTitle{
        margin: 0 0 5px;
    }
    .miniProfileCard .mainProfle p{
        font-size: 14px;
    }
    .miniProfileCard .mainProfle ul.allPrices{
        margin: -5px -5px 20px -5px;
    }

    .miniProfileCard .mainProfle .imgBox{
        width: 150px;
    }

    .profileSecWrap .profileBody > .esLt,
    .profileSecWrap .profileBody > .esRt{
        width: 100%;
        position: static;
    }

    .bookModal .bookBox .nav-pills .nav-item .nav-link{
        font-size: 11px;
    }
    .bookModal .bookBox .nav-pills .nav-item .icon{
        width: 70px;
        height: 70px;
        margin: 0 0 7px;
    }

    .bookModal .esBlock{
        margin: -5px;
    }
    .bookModal .esBlock .esCard{
        padding: 5px;
    }
    .bookModal .esBlock .esCard .form-control{
        font-size: 20px;
    }
    .bookModal .bookBox .nav-pills .nav-item .icon svg{
        width: 30px;
    }

    .regiSec .nav-pills > li{
        width: calc(100% / 4);
    }
    .regiSec .nav-pills .nav-link{
        width: 100%;
        font-size: 12px;
        padding: 30px 0 0 0;
    }
    .regiSec .tab-content .customForm{
        padding: 15px;
    }
    .arcCheckbox input[type="checkbox"] + label{
        padding: 0 10px;
        height: 28px;
        font-size: 12px;
    }
    .customForm .mainTitle{
        font-size: 20px;
    }

    .chatUserCont .messages > .msg.left{
        padding: 0 10% 0 40px;
    }
    .chatUserCont .messages > .msg.right{
        padding: 0 40px 0 10%;
    }

    .chatUserCont > .chatUserHead > .in{
        padding: 0 0 0 60px;
        height: 50px;
    }
    .chatUserCont > .chatUserHead > .in > .imgBox{
        width: 50px;
        height: 50px;
    }
    .chatBox .inner .esRt{
        padding: 10px;
    }
    .chatUserCont > .chatUserHead > .in .esCnt .mainTitle{
        font-size: 15px;
    }
    .chatUserCont .messages > .msg > .imgBox{
        width: 30px;
        height: 30px;
    }

    .expCard > .inner > .esCnt{
        padding: 0;
    }
}

@media (max-width: 575px) {
    .esContainer, .esContainerFluid, .esContainerBox{
        padding: 0 15px;
    }
    .btnCom,
    .btn{
        width: 100%;
        font-size: 14px;
    }
    .bannerSec .inner::after,
    .abtSec .esBlock{
        display: none;
    }

    .titleBar .mainTitle{
        font-size: 22px;
    }

    .esHeader .esHeaderIn > div > ul > li{
        margin: 0 0 0 15px;
    }
    .esHeader .esHeaderIn > div ul li svg{
        width: 24px;
    }

    .bannerSec .bannerSwiper .imgBox .esCnt{
        padding: 0 15px;
    }
    .bannerSec .bannerSwiper .imgBox .esCnt .mainTitle{
        font-size: 22px;
    }
    .bannerSec .bannerSwiper .imgBox .esCnt p{
        font-size: 15px;
        text-align: center;
    }
    .bannerSec .bannerSwiper .imgBox .esCnt .btnWrap{
        width: 100%;
    }

    .expCard > .inner .imgBox{
        width: 100%;
    }
    .abtSec{
        padding: 20px 0 0 0;
    }
    .abtSec .inner .esLt{
        margin: 0 0 10px;
    }
    .abtSec .inner .esRt a{
        margin: 10px auto 0 auto;
    }
    
    .servSec .titleBar{
        margin: 0 0 10px;
    }
    .servSec .discipSwiper .swiper-slide > a:not(.imgBox){
        font-size: 12px;
        font-weight: var(--fw-regular);
    }
    .servSec .discipSwiper .imgBox .material-symbols-outlined{
        width: 30px;
        height: 30px;
    }
    .servSec .discipSwiper .swiper-slide:hover .imgBox .material-symbols-outlined{
        top: 10px;
        right: 10px;
    }

    .prefDiscipSec{
        padding: 0 15px;
    }
    .prefDiscipSec .esBlock{
        padding: 0;
        margin: -7px;
    }
    .prefDiscipSec .esBlock .esItem .imgBox{
        padding: 7px;
    }

    .prefDiscipSec .esBlock .esItem .imgBox span:not(.material-symbols-outlined),
    .prefDiscipSec .esBlock .esItem .imgBox:hover span:not(.material-symbols-outlined){
        left: 10px;
        bottom: 10px
    }
    .prefDiscipSec .esBlock .esItem .imgBox .material-symbols-outlined,
    .prefDiscipSec .esBlock .esItem .imgBox:hover .material-symbols-outlined{
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
    }

    .topExprtSec .expertSwiper .swiper-slide .imgBox > span .name{
        font-size: 12px;
    }
    .topExprtSec .expertSwiper .swiper-slide .imgBox > span ul{
        display: none;
    }

    .chatPopup{
        position: fixed;
        width: calc(100% - 20px);
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        top: 60px;
    }
    .chatPopup.show{
        top: 70px;
    }
    .chatPopup::before{
        display: none;
    }

    .newsletterWrap form{
        display: flex;
        flex-direction: column;
        padding: 0 50px 0 0;
    }
    .newsletterWrap form .form-control{
        border-radius: var(--large-radius);
        -webkit-border-radius: var(--large-radius);
        -moz-border-radius: var(--large-radius);
        -ms-border-radius: var(--large-radius);
        -o-border-radius: var(--large-radius);
        margin: 0 0 10px;
        height: 50px;
        font-size: 13px;
        padding: 0 15px;
    }
    .newsletterWrap form .material-symbols-outlined{
        top: 23px;
        left: 15px;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
    .newsletterWrap form .newsBtn{
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        border-radius: var(--large-radius);
        -webkit-border-radius: var(--large-radius);
        -moz-border-radius: var(--large-radius);
        -ms-border-radius: var(--large-radius);
        -o-border-radius: var(--large-radius);
        height: 50px;
        font-size: 0;
        width: 50px;
        min-width: auto;
        right: 0;
        top: 0;
    }
    .newsletterWrap form .newsBtn > span{
        display: block;
    }

    .mainFootSec .inner .esBlock > :first-child{
        display: none;
    }

    .mainFootSec .inner .esBlock > *{
        width: 100%;
        text-align: center;
    }
    .mainFootSec .inner .esBlock .footTitle::after{
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .footBtm{
        padding: 20px 0 0 0;
    }
    .footBtm p{
        line-height: 1.2;
        margin: 0 0 20px;
        padding: 0 30px;
    }

    .newsletterWrap .titleBar .mainTitle{
        font-size: 15px;
    }

    .mainFootSec .inner .esBlock > *{
        padding: 0px 0 10px 0;
    }
    .mainFootSec .inner .esBlock ul:not(.socialLinks){
        justify-content: center;
    }
    .mainFootSec .inner .esBlock ul:not(.socialLinks) li{
        width: auto;
        padding: 0 10px;
    }

    .mainFootSec .inner .esBlock .footTitle{
        margin: 0 0 10px;
    }
    .mainFootSec .inner .esBlock ul:not(.socialLinks) li{
        margin: 0 0 3px 0;
    }
    .mainFootSec .inner .esBlock .footTitle{
        padding: 0 0 5px;
        font-size: 15px;
    }
    .mainFootSec .inner .esBlock .footTitle::after{
        height: 2px;
    }
    .mainFootSec .inner .esBlock ul:not(.socialLinks) li a:not(.imgBox), .footBtm p{
        font-size: 12px;
    }

    .mobCatList > ul li a{
        font-size: 12px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        padding: 5px 10px;
    }

    .regiSec, .dashSec{
        padding: 20px 0;
    }

    .dashCardWrap{
        margin: 0;
    }
    .dashCardWrap .dashCard{
        width: 100%;
        padding: 0;
        margin: 0 0 20px 0;
    }
    .dashCardWrap .dashCard:last-child{
        margin: 0;
    }

    .gInfoSec .inner{
        flex-wrap: wrap;
    }

    .gInfoSec .inner .esLt,
    .gInfoSec .inner .esRt{
        width: 100%;
        position: static;
    }
    .gInfoSec .inner .esLt .imgBox{
        height: auto;
    }

    .reviewSec .esBlock > *{
        width: 100%;
    }

    .tableHd,
    .tableBtm{
        flex-wrap: wrap;
        align-items: flex-end;
    }
    
    div.dt-container div.dt-search{
        width: 100%;
    }
    .tableHd .dt-length,
    .tableBtm .dt-info{
        display: none;
    }

    .shortBanWrap,
    .listingWrap .listHead .sortBy > label{
        display: none;
    }

    .listingWrap .listHead .filterBtn{
        padding: 0;
        font-size: 0;
        width: 45px;
        height: 45px;
    }
    .listingWrap .listHead .filterBtn .material-symbols-outlined{
        margin: 0;
    }

    .exptLists{
        margin: -5px -5px 5px -5px;
    }
    .exptLists > .expCard{
        padding: 5px;
    }
    .expCard > .inner{
        padding: 7px;
    }
    .expCard > .inner ul li{
        display: none;
    }
    .expCard > .inner .mainTitle{
        font-size: 15px;
        font-weight: var(--fw-medium);
        text-align: center;
    }
    .expCard > .inner p{
        word-break: break-all;
        font-size: 13px;
        line-height: 1.3;
        height: 35px;
    }

    .expCard > .inner .esCnt ul.socialLinks{
        order: 1;
        height: auto;
        max-height: 25px;
    }
    .expCard > .inner .esCnt > span{
        order: 2;
    }
    .expCard > .inner .mainTitle{
        order: 3;
        margin: 0 0 10px;
    }

    .listingWrap{
        margin: 0 0 20px;
    }
    .listingWrap .listHead{
        margin: 0 0 10px;
        padding: 0 0 10px;
    }

    #miniProfileModal .modal-dialog,
    #bookme .modal-dialog{
        max-width: 100%;
    }
    .miniProfile .modal-body{
        padding: 15px;
    }
    .miniProfileCard .mainProfle .mainTitle{
        font-size: 15px;
    }

    .miniProfileCard .mainProfle ul.allPrices,
    .miniProfileCard .mainProfle .btnWrap{
        flex-wrap: wrap;
    }
    .miniProfileCard .mainProfle ul.allPrices li{
        width: auto;
    }
    .miniProfileCard .mainProfle .btnWrap .btn{
        width: 100%;
        margin: 0;
    }
    .miniProfileCard .mainProfle .btnWrap .btn:first-child{
        margin: 0 0 10px;
    }

    .modal-header.withCnt .modal-head-cnt .modal-title{
        display: block;
        text-align: left;
    }
    .modal-header.withCnt .modal-head-cnt .modal-title > span > .material-symbols-outlined{
        margin: 0 3px 0 0px;
    }
    

    .miniProfileCard .mainProfle .imgBox{
        width: 200px;
    }
    .miniProfileCard .mainProfle .imgBox img{
        height: 180px;
        object-fit: cover;
        object-position: 0 0;
    }
    .bookModal .modal-header,
    .bookModal .modal-body,
    .bookModal .modal-footer{
        padding: 15px;
    }

    .bookModal .bookBox .mainTitle{
        font-size: 17px;
        margin: 0 0 10px;
    }

    .bookModal .bookBox .nav-pills{
        margin: -5px -5px 20px -5px;
    }
    .bookModal .bookBox .nav-pills li{
        width: calc(100% / 4);
        padding: 5px;
    }
    .bookModal .bookBox .nav-pills .nav-item .nav-link{
        padding: 0;
        width: 100%;
    }
    .bookModal .bookBox .nav-pills .nav-item .icon{
        width: auto;
        height: 60px;
        border-radius: var(--common-radius);
        -webkit-border-radius: var(--common-radius);
        -moz-border-radius: var(--common-radius);
        -ms-border-radius: var(--common-radius);
        -o-border-radius: var(--common-radius);
    }
    .bookModal .bookBox .nav-pills .nav-item .icon svg{
        width: 24px;
    }
    .recordBox{
        padding: 0;
        margin: 10px 0 0 0;
    }
    .recordBox .recordBtn{
        position: static;
        margin: 10px auto 0 auto;
        width: 100%;
        height: 50px;
        border-radius: var(--common-radius);
        -webkit-border-radius: var(--common-radius);
        -moz-border-radius: var(--common-radius);
        -ms-border-radius: var(--common-radius);
        -o-border-radius: var(--common-radius);
    }
    .recordBox textarea.form-control{
        border-radius: var(--common-radius);
        -webkit-border-radius: var(--common-radius);
        -moz-border-radius: var(--common-radius);
        -ms-border-radius: var(--common-radius);
        -o-border-radius: var(--common-radius);
    }
    .recordBox .recordBtn .material-symbols-rounded{
        font-size: 25px;
    }
    .bookModal .modal-footer .priceWrap{
        margin: 0 auto;
        text-align: center;
    }

    .bookModal .tab-content > .active > div{
        justify-content: center;
    }
    .bookBox .threeQAlert.show{
        margin: 10px 0 0 0;
        font-size: 12px;
        text-align: center;
        border-radius: var(--common-radius);
        -webkit-border-radius: var(--common-radius);
        -moz-border-radius: var(--common-radius);
        -ms-border-radius: var(--common-radius);
        -o-border-radius: var(--common-radius);
    }

    .bookModal .modal-header .btn-close{
        width: 20px;
        height: 20px;
        margin: 0 0 0 auto;
    }

    .recordBox.audioRecord{
        flex-wrap: wrap;
    }
    .recordBox.audioRecord .playback{
        order: 1;
        margin: 0 0 10px;
    }
    .recordBox.audioRecord .audio-record{
        position: static;
        order: 2;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
    }
    .recordBox.audioRecord .audio-record #playReset,
    .recordBox .audio-record .buttons{
        width: 70px;
        height: 50px;
        border-radius: var(--common-radius);
        -webkit-border-radius: var(--common-radius);
        -moz-border-radius: var(--common-radius);
        -ms-border-radius: var(--common-radius);
        -o-border-radius: var(--common-radius);
        margin: 5px 5px 20px 5px;
    }
    .recordBox .audio-record .buttons > span.material-symbols-rounded{
        border-radius: var(--common-radius);
        -webkit-border-radius: var(--common-radius);
        -moz-border-radius: var(--common-radius);
        -ms-border-radius: var(--common-radius);
        -o-border-radius: var(--common-radius);
    }
    .recordBox .audio-record .buttons > span.material-symbols-rounded{
        font-size: 25px;
    }
    .bookModal .modal-footer .priceWrap{
        margin-bottom: 5px;
    }

    .bookModal .slotWrap{
        margin: 0 0 5px 0;
        padding: 22px 0 0 0;
    }
    .bookModal .slotWrap > span{
        font-size: 14px;
    }
    .sltRadio label{
        padding: 5px 13px;
        font-size: 13px;
    }
    .bookModal .esBlock{
        flex-wrap: wrap;
    }
    .bookModal .esBlock .esCard{
        width: calc(100% / 2);
    }
    .bookModal .esBlock .esCard:last-child{
        width: 100%;
    }
    .bookModal .esBlock .esCard .in{
        padding: 10px 15px 5px 15px;
        border-radius: var(--common-radius);
        -webkit-border-radius: var(--common-radius);
        -moz-border-radius: var(--common-radius);
        -ms-border-radius: var(--common-radius);
        -o-border-radius: var(--common-radius);
    }
    .bookModal .esBlock .esCard .in > span{
        margin: 0;
    }
    .bookModal .esBlock .esCard .form-control{
        font-size: 17px;
        min-height: 30px;
    }

    .profileSecWrap .profileHead .mainTitle{
        font-size: 25px;
        margin: 10px 0 0 0;
    }
    ul.listStyle.noLink li{
        padding: 4px 10px;
        font-size: 12px;
    }
    #spnTop{
        width: 30px;
        height: 40px;
        right: 10px;
    }
    #spnTop .material-symbols-outlined{
        font-size: 20px;
    }

    .searchByName .inner{
        padding: 30px 15px 0 15px;
    }
    .searchByName .inner .mainTitle,
    .animated-text span{
        font-size: 17px;
    }
    .searchByName .inner .mainTitle{
        margin: 0;
    }
    .searchByName .inner .form-control{
        height: 50px;
        font-size: 17px;
        padding: 0 20px;
        border-radius: var(--common-radius);
        -webkit-border-radius: var(--common-radius);
        -moz-border-radius: var(--common-radius);
        -ms-border-radius: var(--common-radius);
        -o-border-radius: var(--common-radius);
}

    .animated-text{
        animation: slide 3s infinite alternate cubic-bezier(1,-0.63,.58,1);
        -webkit-animation: slide 3s infinite alternate cubic-bezier(1,-0.63,.58,1);
    }
    @keyframes slide{
        0%{margin-top: 3px;}
        25%{margin-top:-37px;}
        50%{margin-top:-77px;}
        75%{margin-top:-117px;}
        100%{margin-top:-156px;}
    }
    .searchByName .searchCloseBtn{
        right: 10px;
        top: 10px;
    }

    .chatUserCont .messages{
        height: auto;
        min-height: 200px;
        max-height: 350px;
    }
    
    .chatUserCont .messages,
    .chatUserCont > .chatUserBody{
        padding: 0;
    }

    .chatLayout .chatBox .inner{
        border-radius: var(--small-radius);
        -webkit-border-radius: var(--small-radius);
        -moz-border-radius: var(--small-radius);
        -ms-border-radius: var(--small-radius);
        -o-border-radius: var(--small-radius);
}
    .chatUserFoot .msgForm{
        padding: 0 90px 0 0;
    }
    .chatUserFoot .msgForm .buttons{
        width: 90px;
    }
    .chatUserFoot .msgForm .buttons button,
    .chatUserFoot .msgForm.withoutMic .buttons button,
    .chatUserFoot .msgForm.withMic .buttons button{
        width: 40px;
        height: 40px;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
    }
    .chatUserFoot .msgForm textarea{
        border-radius: var(--small-radius);
        -webkit-border-radius: var(--small-radius);
        -moz-border-radius: var(--small-radius);
        -ms-border-radius: var(--small-radius);
        -o-border-radius: var(--small-radius);
        padding: 7px;
        font-size: 12px;
    }
    .msgForm .buttons .recordBtn.recording .material-symbols-rounded, .msgForm .buttons button#stop-button .material-symbols-rounded,
    .chatUserFoot .msgForm .buttons button .material-symbols-rounded{
        font-size: 20px;
    }

    .chatUserCont .messages > .msg > .esCnt ul li{
        font-size: 12px;
    }

    .chatUserCont .messages > .msg > .esCnt ul li audio{
        width: 150px;
    }

    .chatBox .inner .chatUsers{
        padding: 10px;
        border-radius: var(--common-radius);
        -webkit-border-radius: var(--common-radius);
        -moz-border-radius: var(--common-radius);
        -ms-border-radius: var(--common-radius);
        -o-border-radius: var(--common-radius);
    }

    .recordVoice{
        width: calc(100% - 90px);
        border-radius: var(--small-radius);
        -webkit-border-radius: var(--small-radius);
        -moz-border-radius: var(--small-radius);
        -ms-border-radius: var(--small-radius);
        -o-border-radius: var(--small-radius);
        padding: 10px;
    }

    .recordVoice > audio{
        width: 90px;
    }

    .mainFootSec{
        padding: 15px 0 0 0;
    }
    .newsletterWrap .titleBar{
        margin: 0 0 10px;
    }
    .newsletterWrap form .material-symbols-outlined{
        font-size: 24px;
        top: 12px;
        left: 12px;
        display: none;
    }
}