html, body {
    font-family: 'Roboto', sans-serif !important;
    background-color: #fff !important;
}
.container-fluid {
    max-width: 1440px;
}
.left-column .First-column, .HomeSection, .HomeFeedBox {
    border: 1px solid #ccc;
    border-radius: 15px;
    box-shadow: 0px 2px 4px 1px #8c8c8cc2;
}
.HappyDay, .TruthsLieMini, .SidebarBox, .TruthsNiceTry{
    background-color: #ffffff;
    box-shadow: 0px 2px 4px 1px #8c8c8c !important;
    border-radius: 15px;
}
.UserBlogSliderSection {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 15px;
    box-shadow: 0px 2px 4px 1px #8c8c8cc2;
}
.TruthsLieMini .cardBox {
    border-radius: 15px;
}
.container-width {
    margin-top: 24px;
}
div#top-bar-ads {
    background: #ffffff;
    box-shadow: 0px 1px 4px 1px #8c8c8c;
    margin: 40px auto;
    border-radius: 10px;
}
.img_res_mob_dec {
    max-width: 150px;
    min-width: 150px;
    max-height: 150px;
    min-height: 150px;
}
button:focus {
    outline: none;
}
.wrap-home-text {
    color: #f5c518;
}
.wrap-home-text h3 {
    color: #672997;
    font-size: 23px!important;
    font-weight: 700!important;
}
.page-item.active .page-link {
    background-color: #642b91;
    border-color: #642b91;
}
.page-link {
    color: #662c92;
}
.overlayimages8 {
    color: #111;
    text-align: center;
    padding: 0px 0 0 0;
    line-height: 1.2;
    overflow: hidden;
}
.overlayimages8 strong {
    font-size: 12.5px;
    font-weight: 400;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.tbody_productlist .verticalalign a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.homesectionTitleBox {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
}
.homeProfileCircle {
    width: 150px!important;
    height: 150px!important;
    object-fit: cover;
    border: 1px solid #662C92;
    margin: 0 auto;
}
.homeProfileCircle:hover {
    border: 1px solid #662C92;
}
.kproductTbl thead {
    text-align: center;
}
.img_res_mob_dec {
    width: 160px!important;
    height: 138px!important;
    border-radius: 0px;
    object-fit: cover;
    border-bottom: 3px solid transparent;
}
.DashboardProfile .nav .nav-item .nav-link:hover {
    background-color: #662893;
    color: #fff!important;
}
.DashboardProfile .nav .nav-item .nav-link:hover img {
    filter: invert(100%) sepia(138%) saturate(0%) hue-rotate( 114deg) brightness(100%) contrast(100%);
}
.form-control:focus {
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: unset;
}
.search-box .form-control:focus {
    box-shadow: 0 0 0 0.1rem rgb(101 39 146 / 65%);
}
.may_main_searc_inputBoxSearch:focus {
    border: 1px solid #662893!important;
}
.myDropdownBtn a {
    color: #000;
}
.dropSocialShare {
    margin: 0;
    padding-left: 10px;
}
.dropSocialShare li {
    display: inline-block;
}
.dropSocialShare li a {
    font-size: 17px;
    padding: 0 3px;
    color: #000;
}
.kproductTbl td, .kproductTbl th {
    white-space: nowrap;
}
.table-dark {
    background-color: unset;
}
/**share**/
.socialDropdown {
    position: relative;
    display: inline-block;
}
.myDropdownBtn {
    cursor: pointer;
}
.fontWeightSix {
    font-weight: 600;
    white-space: nowrap;
}
/**share**/
/*********header css***********/
.box-width {
    background-image: unset;
    background-color: #ffffff;
    box-shadow: 0px 4px 4px #8c8c8c;
    padding: unset;
}
.TopHeaderLogo .PopLogo {
    width: 226px;
}
.list_item_container img {
    width: 24px !important;
    height: 24px !important;
    object-fit: cover;
    border-radius: 100%;
    float:left;
}
.searchFormHead {
    margin-left: 13px;
    display: block !important;
}
.HeaderNavMenuBar {
    display: block !important;
}
.sideListTopHead {
    display: block;
    width: 100%;
}
.sideListTopHead .nav-item a {
}
a, a:active, a:hover, a:link, a:visited {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgb(0 0 0 / 1%) 0 0 1px;
}
.li-text li {
    padding: 0px !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}
.li-color {
    display: inline-block;
    transition: color .4s ease 0s;
    color: #000;
    font-size: 14px;
}
input, input::-webkit-input-placeholder {
    font-size: 13px;
}
.mySelectBoxSearchWrap {
    display: none;
}
#resizing_select_mainSearch_Desk {
    width: 70px;
}
#width_tmp_select_main_search_Desk {
    display: none;
}
.SearchBar {
    position: relative;
}
.search-box {
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}
.SearchBar #SearchBarIcon {
    /* position: absolute; */
    /* top: 9px; */
    /* z-index: 30; */
    /* left: 10px; */
}
.search-box input[type=text]:focus, .search-box input[type=text]:active {
    outline: none;
    width: 350px;
    z-index: 10;
}
.HeaderNavBar {
    padding-left: 0 !important;
}
.may_main_searc_inputBoxSearch {
    border: 1px solid transparent;
    margin-left: -1px;
}
.search-box input[type=text] {
    width: 100%;
    color: #000;
    transition: width .55s ease;
    z-index: 20;
    position: relative;
    background-color: #ffffff;
}
.li-color:hover {
    color: #672997;
    transition: color .4s ease 0s
}
@media only screen and (max-width: 767px) {
    form#form-home-site-search-input-main-mobile {
        margin-bottom: 0px;
   }
}
/*********header css***********/
/****************Mobile Header CSS***********************/
button.navbar-toggler:focus {
    outline: none;
}
.myMainSearchWrap {
    display: block !important;
    width: 100% !important;
    padding: 6px 0;
}
.mobsearchbar .d-flex.myMainSearchWrap {
    display: unset !important;
}
#resizing_select_mainSearch {
    width: 70px;
}
select.mySelectBoxSearch {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
}
.mySelectBoxSearch {
    display: block;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    border: 1px solid transparent;
    background-color: #fff;
    color: #000;
}
.mySelectBoxSearch option {
    color: black;
    background-color: #fff!important;
}
#width_tmp_select_main_search {
    display: none;
}
select option, select option::-webkit-input-placeholder {
    font-size: 14px;
}
.search-box {
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}
header.MobileHeader {
    display: none;
}
.SearchBar #SearchBarIcon {
    /* position: absolute; */
    /* top: 9px; */
    /* z-index: 30; */
    /* left: 10px; */
}
.main_header_menu {
    margin-top: 8px;
    margin-bottom: 12px;
}
.may_main_searc_inputBoxSearch {
    /* border: 1px solid #000!important; */
    /* border-radius: 50px !important; */
    /* padding: 8px 0 8px 40px !important; */
}
/****************Mobile Header CSS***********************/
/****************left-sidebar CSS***********************/
.left-colom-sidebar {
    width: 100% !important;
    float: unset !important;
    color: #000;
    padding: unset!important;
    background-color: unset !important;
    position: sticky;
    top: 100px;
    z-index: 4;
}
.DashboardProfile {
    padding: 60px 0;
}
.DashboardProfile .nav .nav-item .nav-link {
    color: #000;
    font-size: 16px;
    background: #ffffff;
    border-radius: 50px;
    max-width: 180px;
    height: 50px;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
    box-shadow: 0px 2px 4px 1px #8c8c8cc2 !important;
    display: flex;
    align-content: center;
    align-items: center;
    margin: 8px 0;
    padding: 10px;
}
.DashboardProfileDroplistList.show {
    box-shadow: 0px 4px 6px #3c3a3a;
}
.DashboardProfileList .DashboardProfileDroplistList .dropdown-item img {
    width: 20px !important;
}
.DashboardProfileList li a img {
    margin-right: 15px;
    width: 30px;
}
.DashboardProfileList .DashboardProfileDroplistList .dropdown-item:hover img {
    filter: invert(100%) sepia(138%) saturate(0%) hue-rotate( 114deg) brightness(100%) contrast(100%);
}
.DashboardProfileList li a img:nth-child(5) {
    width: 30px;
}
.DashboardProfile .nav .nav-item .nav-link i {
    margin-right: 16px;
    font-size: 20px;
}
.DashboardProfileDroplistList.show {
    box-shadow: 0px 4px 6px #3c3a3a;
}
.DashboardProfileDroplistList .dropdown-item:hover {
    background: #672997;
    color: #ffffff;
}
.DashboardProfile .nav .nav-item .nav-link i.fa.fa-user {
    margin-left: -1px;
}
.DashboardProfile .nav .nav-item .nav-link i.fa.fa-star-o {
    margin-left: -3px;
}
.DashboardProfile .nav .nav-item .nav-link i.fa.fa-paper-plane-o {
    margin-left: -6px;
}
.DashboardProfile .nav .nav-item .nav-link i.fa.fa-plus-square-o {
    margin-left: -2px;
    margin-top: 1px;
}
/****************left-sidebar CSS***********************/
.kproductTbl tr td {
    text-align: left;
}
.table-responsive::-webkit-scrollbar {
    height: 4px;
}
.table-responsive.text-nowrap {
    padding: 10px 0;
}
/****************right-sidebar CSS***********************/
.SidebarBox {
    padding: 20px !important;
    margin-bottom: 20px;
    box-shadow: none !important;
    border: 1px solid #cdcdcd;
}
.p-text {
    font-size: 13px;
    font-family: 'Roboto', sans-serif !important;
    color: #111;
}
.textThirteen {
    font-size: 13px;
    color: #000!important;
}
.textYellow {
    color: #652b91;
    font-weight: 600;
}
.imgsideBarCompnay {
    width: 100%;
    height: 130px;
    object-fit: cover;
}
#profile-page-main-div .kimg_div_class_new, .imgsideBarCompnay, .productSlider, #gallery-main-div-id-new .kimg_div_class_new {
    border-radius: 8px;
}
.sidebarImgCircle {
    width: 65px;
    height: 65px;
    object-fit: cover;
}
.span-white1 {
    color: #000 !important;
    font-size: 13px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
}
.p-text p {
    font-weight: 500;
    font-size: 16.5px;
    color: #000;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif !important;
}
.p-text1 {
    font-size: 13px;
    font-family: 'Roboto', sans-serif !important;
}
.GalleryImageSideBar {
    width: 50%;
    padding: 5px;
}
.HappyDayBorder img {
    width: 160px;
    height: 160px;
    object-fit: cover;
    border-radius: 30px;
}
.TruthsLieMini p.bottomText {
    text-align: right;
}
.sidebarvideoimage {
    border-radius: 30px;
}
.TruthsLieMini h3, .HappyTopHeading, .border-rig-box h2.threetruth {
    color: #662e91;
    font-weight: 500;
}
@media only screen and (min-device-width: 1200px) {
    .TruthsLieMini h3, .HappyTopHeading, .border-rig-box h2.threetruth {
        font-size: 20px !important;
   }
}
/****************right-sidebar CSS***********************/
/*********** Mailing List CSS ************/
.MailingList {
    padding: 40px 0px !important;
    background-color: #fff!important;
    margin: 20px 0;
}
.btn-subscribe {
    background-color: #f5c518!important;
    border-color: 1px solid #fff;
    border-width: 2.7868852459016393px;
    border: unset;
    color: #000 !important;
    font-weight: 600 !important;
    box-shadow: 3px 4px 10px #808080;
}
/*********** Mailing List CSS ************/
/****************footer CSS***********************/
footer.footer-background {
    margin-top: 40px;
    background: #672997;
}
.paragraphdesign {
    color: #fff;
    font-size: 15px;
}
footer p {
    font-family: "DIN Neuzeit Grotesk LT W01 BdCn", sans-serif!important;
    font-weight: 400!important;
}
.h4footer ul li a {
    font-size: 15px!important;
    font-weight: normal;
    color: #fff!important;
}
.copyRight {
    color: #fff !important;
    font-size: 16px;
   /* padding-left: 20px;
    */
}
.footerSocialIcon {
    margin: 0 auto!important;
}
.footerSocialIcon li a {
    font-size: 21px;
    padding: 0 4px;
    color: #fff!important;
}
.twentyThreeMargin {
    margin-top: -15px;
}
.photo_icon {
    width: auto!important;
    height: auto!important;
    object-fit: cover;
    margin-right: 4px;
}
.h4footer ul li, .footerimg li {
    list-style: none;
    font-size: 14px;
}
.h4footer h4 {
    font-size: 18px;
}
.h4footer .bg-white {
    margin: 10px 0;
}
.h4footer ul, .footerimg {
    padding-left: 0;
}
/****************footer CSS***********************/
#SideBarToggle, #RightSideBarToggle {
    display: none;
}
/****Image Model in post (left sidebar)*****/
#ModalGalleryVideoForm .kform_control .form-control, .select2-container--default .select2-selection--multiple {
    box-shadow: 0px 2px 4px 1px #8c8c8ceb !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    color: #000 !important;
    font-weight: 400;
}
#ModalGalleryVideoForm .galleryperview {
    border: 1px solid lightgrey;
    width: 100%;
    height: auto;
    overflow: hidden;
}
#ModalGalleryVideoForm .gallerySubmitButton, #btnfeed {
    font-size: 15px !important;
    width: 100px !important;
}
#ModalGalleryVideoForm .select2-container .select2-search--inline .select2-search__field {
    padding: 0px 10px;
    width: 100% !important;
}
#ModalGalleryVideoForm .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    width: 100% !important;
}
#ModalGalleryVideoForm .select2-container {
    width: 100% !important;
}
#ModalGalleryVideoForm .div-image-upload-gallery-class {
    margin: 5px 0px 0px 0px;
}
.page-link:focus {
    box-shadow: unset !important;
}
#ModalGalleryVideoForm #Caption, #ModalGalleryVideoForm select {
    box-shadow: 0px 2px 4px 1px #8c8c8ceb !important;
    border-radius: 12px !important;
}
#ModalGalleryVideoForm select.custom-select {
    box-shadow: 0px 2px 4px 1px #8c8c8ceb !important;
    border-radius: 12px !important;
}
.div-image-upload-gallery-class input[type=file] {
    display: inline;
    margin-left: 6px;
    width: 115px;
    height: 47px;
    display: none;
}
#ModalGalleryVideoForm input[type=text] {
    box-shadow: 0px 2px 4px 1px #8c8c8ceb !important;
    border-radius: 12px !important;
}
#div-image-gallery-preview-id img {
    width: auto;
    height: 245px;
    object-fit: cover;
    object-position: top;
}
.div-image-upload-gallery-class .custom-file__label {
    position: relative;
    display: block;
    width: 50%;
    min-width: 150px;
    min-height: 35px;
    margin: 10px 0;
    padding: 0;
    border: 1px solid #FFCA2C;
    color: #000;
    line-height: 38px;
    text-align: center;
    text-transform: none;
    cursor: pointer;
    transition: all 0.3s;
    border-radius: 7px;
    background: #FFCA2C;
    box-shadow: 1px 1px 3px 0px #8c8c8ceb;
    font-size: 13px !important;
    font-weight: 400;
}
#gallery-main-div-id-new .select2-container .select2-selection--multiple {
    width: 340px !important;
}
#ModalGalleryVideoForm .select2-container .select2-selection--multiple {
    width: 100% !important;
}
/****Image Model in post (left sidebar)*****/
/*Gallery Sequance button*/
.UpdateSequance {
    width: 100px !important;
}
ul#image-list li img {
    width: 95% !important;
    max-height: 100px;
    min-height: 100px;
    object-fit: cover;
    border-radius: 6px;
}
ul#image-list li {
    width: 33.33%;
}
ul#image-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.TagLineUrl {
    color: red;
}
/*Gallery Sequance button*/
/*Search Scroll CSS*/
/* width */
.ui-autocomplete::-webkit-scrollbar {
    width: 8px;
}
/* Track */
.ui-autocomplete::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #cdcdcd;
   /* border-radius: 10px;
    */
}
/* Handle */
.ui-autocomplete::-webkit-scrollbar-thumb {
    background: #652c8d;
    border-radius: 10px;
}
/* Handle on hover */
.ui-autocomplete::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}
.ui-menu .ui-menu-item a:hover span {
    color: #60298d !important;
    font-weight: 500 !important;
}
/*Search Scroll CSS*/
/*Recent Blog CSS*/
.RecentBlogHead h4 {
    font-weight: 500;
    font-size: 16.5px;
    color: #000;
}
.RecentBlogPara h6 {
    color: #6b6b6b;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
}
.RecentBlogImage img {
    max-width: 80px;
    min-width: 80px;
    max-height: 80px;
    min-height: 80px;
    border-radius: 8px;
    object-fit: cover;
}
.RecentBlogImage {
    margin-right: 10px;
}
.popRecentBlog {
    background-color: #ffffff;
    box-shadow: none;
    /* box-shadow: 0px 2px 4px 1px #8c8c8c !important; */
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #cdcdcd;
}
.RecentBlogPara p {
    font-weight: 500;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*Recent Blog CSS*/
.MemeOfTheDay{
    background-color: #ffffff;
    box-shadow: 0px 2px 4px 1px #8c8c8c !important;
    border-radius: 15px;
}
.RecentMemeHead img {
    border-radius: 12px;
    width: 100%;
    object-fit: cover;
}
.sideBarImage img {
    box-shadow: 0px 2px 4px 1px #8c8c8c !important;
    border-radius: 15px;
}
ul.ui-autocomplete {
    z-index: 999999 !important;
    max-width: 510px !important;
}
/**Contact Us**/
.rc-anchor-normal {
    max-width: 100% !important;
}
.rc-anchor-normal .rc-anchor-content {
    width: 70% !important;
}
.rc-anchor-normal-footer {
    width: 30% !important;
}
/**Contact Us**/
.RightColumnSection.topMargin{
    margin-top: 0px;
}
.container {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
/****************** Responsive CSS ********************/
/************************************* max-device-width css *************************************/
@media only screen and (max-device-width: 1360px) {
   /*header responsive css*/
    .TopHeaderLogo .PopLogo {
        width: 200px;
   }
   /*header responsive css*/
}
@media only screen and (max-device-width: 1199px) {
   /*header responsive css*/
    .TopHeaderLogo .PopLogo {
        width: 180px !important;
   }
    .li-color {
        font-size: 12px;
   }
   /*header responsive css*/
   /*right side bar responsive css*/
    .imgsideBarCompnay {
        width: 100%;
        height: auto;
        object-fit: cover;
   }
    .GalleryImageSideBar {
        width: 100%;
        padding: 5px;
   }
   /*right side bar responsive css*/
}
@media only screen and (max-width: 1024px) {
   /* left-sidebar Responsive CSS */
    #sidebartoggle-container {
        background-color: rgb(255 255 255 / 80%);
        border: 0px dashed #999;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 100%;
        left: 0;
        z-index: 99;
        display: none;
   }
    .MobileToggleSideBar {
        width: 100%;
        height: 100%;
        position: relative;
   }
    ul#SideBarToggleMenu {
        position: absolute;
        bottom: 46px;
        left: 20px;
   }
    #SideBarToggle {
        cursor: pointer;
        position: fixed;
        bottom: 14px;
        left: 20px;
        z-index: 991;
   }
    #SideBarToggle div {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: #000;
        height: 3px;
        margin: 7px auto;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 38px;
   }
    #SideBarToggle.on .one {
        -ms-transform: rotate(45deg) translate(3px, 5px);
        -webkit-transform: rotate( 45deg) translate(4px, 7px);
        transform: rotate(45deg);
        transform-origin: 20% 40%;
   }
    #SideBarToggle.on .two {
        opacity: 0;
   }
    #SideBarToggle.on .three {
        -ms-transform: rotate(-45deg) translate(7px, -10px);
        -webkit-transform: rotate( -45deg) translate(7px, -10px);
        transform: rotate( -45deg) translate(7px, -10px);
   }
    header.MobileHeader {
        display: block;
        flex-direction: row;
   }
   /* left-sidebar Responsive CSS */
   /* Mobile Header Responsive CSS */
    header.MobileHeader {
        display: block;
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: 70px;
        background-color: unset !important;
   }
    .MobileHeaderLogo {
        width: 200px;
        margin: 75px 20px 0px 0px;
   }
    .mobsearchbar .d-flex.myMainSearchWrap {
        display: unset !important;
   }
    .search-box input[type=text] {
        /* width: 100% !important; */
   }
    .search-box input[type=text] {
        width: 100%;
        color: #000;
        padding-left: 35px;
        border-radius: 5px;
        transition: width .55s ease;
        z-index: 20;
        position: relative;
        background-color: #ffffff;
   }
    i.fa.fa-bars.navbarsicon {
        color: #000;
        font-size: 30px;
   }
    .main_header_menu .li-color {
        font-size: 18px !important;
        padding: 6px 10px !important;
        white-space: nowrap;
        font-weight: 500;
   }
    .navbar-nav .dropdown-menu {
        border: unset;
        min-width: 16rem;
        margin-left: 0 !important;
   }
    .main_header_menu .dropdown-item {
        color: #000;
   }
    .topDropDown .dropdown-item:focus, .topDropDown .dropdown-item:hover {
        background-color: unset;
        color: #662C92!important;
   }
    .dropdown-item:focus, .dropdown-item:hover {
        background-color: unset;
        color: #662C92!important;
   }
    .MobileHeader {
        display: flex;
        align-items: center;
        width: 100%;
        height: 70px;
   }
    .backGroundGradient {
        background-color: #ffffff;
        box-shadow: 0px 4px 4px #8c8c8c!important;
        z-index: 9999;
        padding-bottom: 0;
   }
    .LeftColumnSection, .MiddleColumnSection {
        flex: 0 0 66.666667%;
        max-width: 66.666667% !important;
   }
    .RightColumnSection {
        flex: 0 0 33.333333%;
        max-width: 33.333333% !important;
   }
   /* Mobile Header Responsive CSS */
    .main_header_menu.mobilesize_background {
        padding: 30px 0;
   }
    ul.navbar-nav {
        max-width: 100px;
        margin: 0 auto;
   }
    .RightColumnSection {
        padding: 0 15px !important;
   }
    .HappyDay, .TruthsLieMini, .SidebarBox, .TruthsNiceTry, .popRecentBlog, .sideBarImage img {
        border-radius: 12px;
   }
    .GalleryImageSideBar {
        width: 100%;
   }
    .GalleryImageSideBar img {
        min-height: 150px;
        max-height: 200px;
        object-fit: fill;
   }
    .sidebarImgCircle {
        width: 50px;
        height: 50px;
   }
    .sidebarvideoimage {
        width: 100%;
   }
    .sideBarDiv .item, .YoutubeSection {
        padding-left: 0 !important;
   }
    .TruthsLieMini .cardBox {
        border-radius: 12px;
   }
   /***** toggle css ******/
    .menu-toggle {
        display: block;
        height: 60px;
        padding: 15px 12px;
        position: relative;
        z-index: 1;
        border: 0 none;
        cursor: pointer;
        outline: medium none;
        overflow: visible;
        text-align: center;
        width: 60px;
        border-radius: 50%;
        border: 2px solid #000;
        background-color: #fff;
   }
    .menu-toggle:before {
        content: attr(data-label);
        display: block;
        padding: 12px 0;
        position: absolute;
        right: 100%;
        top: 0;
        transition: color 0.2s ease 0s, opacity 0.3s ease 0s, visibility 0.3s ease 0s;
   }
    .menu--is-revealed .menu-toggle:before {
        opacity: 0;
        visibility: hidden;
   }
    .menu-toggle .icon-bars, .menu-toggle .icon-bars:before, .menu-toggle .icon-bars:after {
        transition: background-color 0.2s ease;
   }
    .menu-toggle:focus .icon-bars, .menu-toggle:focus .icon-bars:before, .menu-toggle:focus .icon-bars:after, .menu-toggle:hover .icon-bars, .menu-toggle:hover .icon-bars:before, .menu-toggle:hover .icon-bars:after {
        background-color: #000;
   }
    .menu-toggle .icon-bars {
        transition: transform 0.3s ease-in, background-color 0.2s ease;
   }
    .menu-toggle .icon-bars:before, .menu-toggle .icon-bars:after {
        transition: top 0.3s 0.3s ease-in, transform 0.3s ease-in, background-color 0.2s ease;
   }
    .menu-toggle:active .icon-bars, .menu--is-revealed .menu-toggle .icon-bars {
        transition: transform 0.3s 0.2s ease-in, background-color 0.2s ease;
        transform: rotate3d(0, 0, 1, 135deg);
   }
    .menu-toggle:active .icon-bars:before, .menu-toggle:active .icon-bars:after, .menu--is-revealed .menu-toggle .icon-bars:before, .menu--is-revealed .menu-toggle .icon-bars:after {
        transition: top 0.2s ease-in, transform 0.3s 0.2s ease-in, background-color 0.2s ease;
        transform: rotate3d(0, 0, 1, 90deg);
        top: 0;
   }
    .icon-bars {
        position: relative;
   }
    .icon-bars, .icon-bars:before, .icon-bars:after {
        display: block;
        width: 32px;
        height: 2px;
        background-color: currentColor;
   }
    .icon-bars, .icon-bars:before, .icon-bars:after {
        background-color: #273138;
   }
    .icon-bars:before, .icon-bars:after {
        content: "";
        position: absolute;
        left: 0;
   }
    .icon-bars:before {
        top: 0.5em;
   }
    .icon-bars:after {
        top: -0.5em;
   }
   /***** toggle css ******/
    #SideBarToggle {
        display: block;
   }
    #SideBarToggle.active, #RightSideBarToggle.active {
        display: none;
   }
    .MsgColumnChatBox, .MiddleColumnFullWidth {
        max-width: 100%;
        flex: 0 0 100%;
   }
    .ProfileMiddleColumnSection {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
   }
    .AdvertisementColumn {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
   }
    .border-rig-box img {
        border-top-left-radius: 12px !important;
        border-top-right-radius: 12px !important;
   }
    .container-width {
        margin-top: 44px;
   }
}
@media only screen and (max-width: 991px) {
   /*header responsive css*/
    .search-box input[type=text]:focus, .search-box input[type=text]:active {
        outline: none;
        width: 530px;
        z-index: 10;
   }
   /*header responsive css*/
   /*right sidebar responsive css*/
    .SidebarBox {
        padding: 10px !important;
   }
    .Jengatext h2 {
        font-size: 22px;
   }
   /*right sidebar responsive css*/
   /*mailing buttton*/
    .btn-subscribe {
        font-size: 14px;
   }
   /*mailing buttton*/
   /*Recent Blog CSS*/
    .RecentBlogPara p {
        font-size: 12px;
        -webkit-line-clamp: 1;
   }
    .RecentBlogPara h6 {
        font-size: 10px;
   }
    .RecentBlogImage img {
        max-width: 40px;
        min-width: 40px;
        max-height: 40px;
        min-height: 40px;
   }
   /*Recent Blog CSS*/
}
@media screen and (min-device-width: 575px) and (max-device-width: 768px) {
    .LeftColumnSection, .MiddleColumnSection {
        flex: 0 0 100%;
        max-width: 100% !important;
   }
    .RightColumnSection {
        flex: 100%;
        max-width: 100% !important;
   }
   /**Right Side Bar Toggle**/
    .RightColumnSection {
        height: 100%;
        position: fixed;
        left: 0;
        width: 50%;
        transform: translateX(-500px);
        transition: transform 0.6s ease-in-out;
        background: #ffffffd4;
        top: 0;
        z-index: 2;
        overflow-y: auto;
        margin-top: 94px;
   }
    .HomeRightColumn {
        width: 100%;
        float: unset;
        margin-top: 30px;
   }
    .RightColumnSection.active {
        transform: translateX(0);
        width: 100%;
   }
    #RightSideBarToggle {
        cursor: pointer;
        position: fixed;
        bottom: 13px;
        right: 20px;
        z-index: 991;
   }
   /**Right Side Bar Toggle**/
    #RightSideBarToggle {
        display: block;
   }
    .ProfileMiddleColumnSection, .AdvertisementColumn {
        flex: 0 0 100%;
        max-width: 100%;
   }
    .RightSidebarAllPage {
        /*width: 60%;*/
   }
}
@media screen and (max-width: 767px) {
   /**Destop header**/
    form#form-home-site-search-input-main-mobile {
        margin-bottom: 0px;
   }
   /**Destop header**/
   /**responsive_home_page**/
    i.fa.fa-bars.navbarsicon {
        color: #000;
        font-size: 30px;
   }
    .main_header_menu a.nav-link:hover {
        color: #000!important;
        transition: color 0.4s ease 0s;
        font-size: 16px;
   }
    a.nav-link {
        /* color: #000!important; */
        /* transition: color .4s ease 0s; */
        /* font-size: 12px; */
        /* display: table-row; */
   }
    ul.navbar-nav {
        max-width: 100px;
        margin: 0 auto;
   }
    .search-box input[type=text]:focus, .search-box input[type=text]:active {
        outline: none;
        width: 100%;
        z-index: 10;
   }
    .search-box input[type=text] {
        width: 100%;
   }
    .MobileHeaderLogo {
        width: 200px;
       /* margin: 56px 20px 0px 0px;
        */
   }
    button.navbar-toggler.ml-auto {
        padding-left: 20px;
   }
    .MobileHeader {
        display: flex;
        align-items: center;
        width: 100%;
        height: 70px;
   }
    .backGroundGradient {
        background-color: #ffffff;
        box-shadow: 0px 4px 4px #8c8c8c!important;
        z-index: 9999;
   }
    .main_header_menu.mobilesize_background {
        padding: 30px 0;
   }
    .klogin_Style {
        margin: 0 30px;
   }
    .mobsearchbar .d-flex.myMainSearchWrap {
        display: unset !important;
   }
    .right-column {
        margin-top: 15px;
   }
   /****footer responsive css*****/
    .footerimg {
        justify-content: center;
   }
   /****footer responsive css*****/
   /****right sidebar responsive css*****/
    .GalleryImageSideBar {
        width: 50%;
   }
    .imgsideBarCompnay {
        width: 100%;
        height: 350px;
        object-fit: cover;
   }
   /****right sidebar responsive css*****/
   /**Gallery model**/
    .modal-open .modal {
        z-index: 9999;
   }
    .wrapalldiv {
        padding: 34px 10px;
   }
   /**Gallery model**/
    .RecentBlogImage img {
        max-width: 80px;
        min-width: 80px;
        max-height: 80px;
        min-height: 80px;
   }
    .RecentBlogPara p {
        font-size: 14px;
        -webkit-line-clamp: 2;
   }
    .RecentBlogPara h6 {
        font-size: 12px;
   }
}
@media only screen and (max-width: 600px) {
   /* Mobile Header Responsive CSS */
    .myMainSearchWrap {
        width: 100%!important;
   }
   /* Mobile Header Responsive CSS */
}
@media screen and (max-width: 575px) {
   /* Mobile Header Responsive CSS */
    .MobileHeaderLogo {
        width: 140px;
        margin: 56px 20px 0px 0px;
   }
    .MobileHeader, header.MobileHeader {
        height: 60px;
   }
   /* Mobile Header Responsive CSS */
   /* right sidebar Responsive CSS */
    .GalleryImageSideBar {
        width: 50%;
   }
    .imgsideBarCompnay {
        height: 230px;
   }
   /* right sidebar Responsive CSS */
    .container-width {
        margin-top: 0px;
   }
    .LeftColumnSection, .MiddleColumnSection, .RightColumnSection {
        flex: 0 0 100%;
        max-width: 100% !important;
   }
    .MailingList {
        padding: 10px 0px !important;
        margin: 20px 0px 0px;
   }
    .ProfileMiddleColumnSection, .AdvertisementColumn {
        flex: 0 0 100%;
        max-width: 100%;
   }
    .container-width {
        margin-top: 16px;
   }
    .main_header_menu .li-color {
        font-size: 12px !important;
   }
}
@media screen and (max-width: 400px) {
   /* Mobile Header Responsive CSS */
    .MobileHeader {
       /* height: 65px;
        */
   }
    .MobileHeaderLogo {
        width: 110px;
        margin: 30px 20px 0px 0px;
   }
   /* Mobile Header Responsive CSS */
   /* right sidebar Responsive CSS */
    .GalleryImageSideBar {
        width: 100%;
   }
    .imgsideBarCompnay {
        height: 230px;
   }
   /* right sidebar Responsive CSS */
    ul#image-list li {
        width: 50%;
   }
    .btnHelpSmall {
        width: 100%;
        border-top-left-radius: 13px !important;
   }
    .PopGallery .subpage_title_block__right-column {
        margin-top: 44px;
   }
}
/******************************************************* min-device-width AND max-device-width css *******************************************************/
@media screen and (min-device-width: 992px) and (max-device-width: 1199px) {
   /* left-sidebar Responsive CSS */
    .DashboardProfile .nav .nav-item .nav-link {
        font-size: 15px;
        max-width: 148px;
   }
   /* left-sidebar Responsive CSS */
}
@media screen and (min-device-width: 575px) and (max-device-width: 767px) {
    ul.GalleryButton {
        justify-content: flex-end!important;
   }
}
/************************************* min-device-width css *************************************/
@media only screen and (min-device-width: 1200px) {
    ul.GalleryButton {
        justify-content: flex-end!important;
   }
}
/****************** Responsive CSS ********************/
/****************** || 30/09/2021 || ********************/
.lg-outer .lg {
    top: 10px !important;
}
.lg-outer .lg .lg-sub-html {
    width: 700px !important;
    margin: 0 auto !important;
}
.bottom-content-image-div-new p a {
    color: #fff;
}
.btnHelpSmall {
    font-size: 12px;
    background-color: #672997;
    color: #fff;
}
.btnHelpSmall:hover {
    color: #fff;
}
div#video-gallery {
    padding: 0 14px;
}
.ui-state-active {
    border: 1px solid #fff !important;
    color: #652c91 !important;
}
/****************** || 30/09/2021 || ********************/
.table.tblBrand td, .table.tblBrand th, .table.tblProduct td, .table.tblProduct th {
    vertical-align: middle;
    text-align: left !important;
}
.btnHelpSmall {
    float: right;
    position: absolute;
    right: 0;
    top: -1px;
    border-radius: 0;
    border-top-right-radius: 13px;
}
.btnHelp i {
    font-size: 32px;
    vertical-align: super;
}
.totalCountRole {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}
.ProMemberSubTitle {
    font-size: 60% !important;
    font-weight: 500;
}
/****************** || 29/10/2021 || ********************/
.currentPlanLevel {
    border-radius: 10px;
    padding: 7px -7;
    margin-bottom: 5px;
    display: inline-block;
    width: 136px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    background-color: green;
    text-transform: uppercase;
}
.cropperModelHeader span {
    font-size: 11px;
    font-weight: 400px;
    color: red;
}
.cropperModelHeader {
    line-height: 1.0 !important;
}
#div_loading_id {
    margin-bottom: 0.5rem !important;
    font-size: 13px !important;
    color: #6c757d!important;
}
/****************** || 29/10/2021 || ********************/
/****************** || 10/11/2021 || ********************/
.loaderSpinner {
    border: 5px solid #652C8F;
    ;
    border-radius: 50%;
    border-top: 5px solid #fff;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
   /* Safari */
    animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(360deg);
   }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
   }
    100% {
        transform: rotate(360deg);
   }
}
/****************** || 10/11/2021 || ********************/
/*****side bar css*****/
.PopCategoryList ul.nav {
    list-style: number;
    padding: 0 18px;
}
.PopCategoryList ul li a {
    padding: 0px;
    margin: 4px 0;
    display: inline;
}
.PopCategoryList ul li {
    margin-bottom: 10px;
}
.memeSocialMediaIcon ul li a:hover {
    color: #662e91;
}
.memeSocialMediaIcon ul li a {
    padding: 8px 8px 0;
    color: #000;
}
.memeSocialMediaIcon ul {
    justify-content: center;
}
.RecentMemeHead {
    cursor: pointer;
}
.carouselMemeIndicators .carousel-control-next, .carouselMemeIndicators .carousel-control-prev {
    top: 50%;
}
.popMemeOwlCarousel .owl-nav .owl-next {
    right: 0;
    height: 36px;
    width: 30px;
    background-color: #662c92 !important;
    opacity: inherit;
    border-radius: 6px;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 38px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popMemeOwlCarousel .owl-nav .owl-next span, .popMemeOwlCarousel .owl-nav .owl-prev span {
    margin-top: -5px;
}
.popMemeOwlCarousel .owl-nav .owl-prev {
    left: 0;
    height: 36px;
    width: 30px;
    background-color: #662c92 !important;
    opacity: inherit;
    border-radius: 6px;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 38px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popMemeOwlCarousel .owl-nav .owl-prev, .popMemeOwlCarousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
}
/*****Ajay CSS Code 05/01/2022 *****/
.toast-success {
    background-color: #51A351 !important;
}
.toast-error {
    background-color: #BD362F !important;
}
.RightDrop .is_user::after {
    position: absolute;
    right: 0;
    top: 10px;
}
.RightDrop .helpList1 img {
    max-width: 20px;
}
.RightDrop a.dropdown-toggle h6 {
    font-size: 11px;
    margin: 0;
    max-width: 65px;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.RightDrop a.dropdown-toggle {
    text-align: center;
}
.PreLoader {
    width: 100%;
    height: 100vh;
    text-align: center;
    position: fixed;
    z-index: 1111;
    background-color: #00000085;
    display: none;
}
.PreLoader .st_page_loading {
    border-radius: 50%;
    border: 5px solid #662e91;
    border-right-color: transparent;
    width: 50px;
    height: 50px;
}
section#DesktopFirstHomePage, section.Mobheader {
    position: sticky;
    top: 0;
    z-index: 111;
}
@media(max-width:1024px){
    .RightDrop a.dropdown-toggle {
        padding: 0px !important;
   }
    .RightDrop .dropdown-menu {
        position: absolute;
        width: auto;
        right: 0 !important;
        left: unset !important;
        box-shadow: 0px 0px 10px #c4c4c4;
        min-width: 100%;
   }
    .RightDrop .dropdown-menu a {
        font-size: 13px;
        padding: 4px 10px;
   }
}
/*****Ajay CSS Code 05/01/2022 *****/
@media only screen and (min-device-width: 769px) {
    .blog_Selectcategories{
        display: none;
   }
}
@media only screen and (max-device-width: 768px) {
    .blog_Selectcategories{
        display: block;
   }
    .rightsidebartogglewrapper .menu-toggle{
        display: none;
   }
}
/*****side bar css*****/
/**********|| New Header Css ||**********/
section#DesktopFirstHomePage, section.Mobheader {
    position: sticky;
    top: 0;
    z-index: 111;
}
.MainMenuHeader .nav {
    column-gap: 0px;
    width: 100%;
    justify-content: center;
}
.box-width {
    background-image: unset;
    background-color: #ffffff;
    box-shadow: 0px 4px 4px #C4C4C4;
    padding: unset;
}
header.DesktopHeader {
    position: sticky;
    z-index: 999;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #c4c4c4;
}
.TopHeaderLogo .PopLogo {
    width: 226px;
    position: absolute;
    z-index: 99;
}
.SearchBar {
    position: relative;
}
.search-box {
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}
.search-box input[type=text] {
    width: 288px;
    color: #000;
    transition: width .55s ease;
    z-index: 20;
    position: relative;
    background-color: #ffffff;
}
.may_main_searc_inputBoxSearch {
    border: 1px solid #000!important;
    border-radius: 50px !important;
    padding: 8px 0 8px 40px !important;
}
.may_main_searc_inputBoxSearch {
    border: 1px solid transparent;
    margin-left: -1px;
}
.SearchBar #SearchBarIcon {
    position: absolute;
    top: 6px;
    z-index: 30;
    left: 10px;
}
.TopHeaderSignIn .li-color{
    font: 12px Roboto;
}
.li-color {
    display: inline-block;
    transition: color .4s ease 0s;
    color: #000;
    font: 500 14px Roboto !important;
}
.HeaderNavBar{
    column-gap: 20px;
    align-items: center;
}
.topJoinUsMenu {
    margin-top: -25px;
    margin-bottom: -10px;
}
.topBtn a {
    color: #FFFFFF !important;
    width: 78px;
    height: 38px;
    background: #662E91;
    border-radius: 10px;
    line-height: 25px;
    border: 0 !important;
    outline: 0px !important;
}
.topBtn .btn{
    padding:7px 10px !important;
}
.profileDrop{
    margin:17px 0;
}
.viewProfileBtn{
    color:#FFFFFF !important;
}
.viewProfileBtn {
    background: #662E91;
    border-radius: 10px;
    margin: 0 24px;
    padding: 9px 10px;
}
.topJoinUsMenu .dropdown-menu{
    width: 135px;
    border: 1px solid #C4C4C4;
    border-radius: 10px;
}
.topProfileImg{
    width: 40px;
    height: 40px;
   /*background: #C4C4C4;
    */
   /*border-radius:50px;
    */
}
.childDroptwo{
    margin-top:27px;
}
.childDropOne a{
    font: bold 12px/22px Roboto !important;
}
.childDroptwo a, .topJoinUsMenu .dropdown-menu .dropdown .dropdown-menu a {
    font: 12px/22px Roboto !important;
}
.topJoinUsMenu>.dropdown>.dropdown-menu{
display: none;
}
.dropdown .dropdown-menu a:active,.dropdown .dropdown-menu a:focus,.dropdown .dropdown-menu a:hover{
    background: #672997 !important;
    color: #ffffff !important;
}
.topJoinUsMenu.activeDrop>.dropdown>.dropdown-menu {
     transform: translate3d(5px, 80px, 0px) !important;
     left: unset !important;
     right: 0;
}
.topJoinUsMenu.activeDrop>.dropdown>.dropdown-menu {
    display: block !important;
    will-change: transform !important;
    position: absolute !important;
    top: 0px;
}
.topJoinUsMenu .dropdown-menu .dropdown .dropdown-menu {
    transform: translate3d(-95px, 31px, 0px) !important;
    min-width: max-content;
    min-width: fit-content;
    min-width: min-content;
    width: auto;
    margin: 0;
}
.topJoinUsMenu .dropdown-menu .dropdown .dropdown-menu a.dropdown-item {
    padding: 5px 10px;
    line-height: 15px !important;
}
.topJoinUsMenu .dropdown-menu .dropdown .dropdown-menu a.dropdown-item img {
    max-width: 15px;
    margin-right: 5px;
}
.MainMenuHeader .dropdown-menu{
    transform: translate3d(5px, 15px, 0px) !important;
}
.MainMenuHeader .navbar{
    padding:0 !important;
}
.MainMenuHeader .navbar-brand {
    padding: 0;
}
.HeaderSeachBar {
    width: 67%;
}
.MainMenuHeader .navbar-brand img {
    max-width: 240px;
}
.DestopMainHeader {
    margin: -45px 0px -38px 0px;
}
.topProfileImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50px;
}
.topJoinUsMenu .dropdown-toggle {
    border: 0 !important;
    box-shadow: none !important;
    outline: 0px !important;
    font-size: 12px !important;
    font-weight: normal !important;
    display: block;
}
.DashboardProfile .MobileToggleSideBar .OptionalAd.OptionalAd1.text-center.mb-4 {
    /* width: 160px; */
    height: 600px;
    object-fit: contain;
    font-weight: 300;
}
.topJoinUsMenu.activeDrop>.dropdown>.dropdown-menu :after {
    /* display: none; */
}
.reload_cap{
    animation: fa-spin .75s linear infinite;
}
.selectTwo .select2-container {
    width: 100% !important;
}





input.date_Picker {
    width: 0px;
    opacity: 0;
    height: 0;
    position: absolute;
}
.date_label{
    cursor: pointer;
}
.menuDropdown .liBtn .btn-xs {
    padding: 5px 15px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.5;
    border-radius: 5px !important;
}
.menuDropdown .dropdown-menu {
    box-shadow: 0 2px 12px rgb(119 119 119 / 54%) !important;
    margin: 0;
    padding: 0;
    border: 0;
    transform: translate3d(0px, 30px, 0px) !important;
    left: unset !important;
    right: 0px !important;
    z-index: 99;
}
.menuDropdown .ulDrop {
    padding: 10px !important;
    width: 300px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
    row-gap: 5px;
    list-style: none;
    max-height: 220px;
    overflow: auto;
}
.menuDropdown input[type=checkbox],.menuDropdown input[type=radio] {
    margin: 0px 5px 0 0;
    position: relative;
    top: 2px;
}
.menuDropdown label {
    font-weight: 500 !important;
    color: #7d7d7d !important;
    font-size: 11px;
    margin: 0;
    line-height: 15px;
}
.menuDropdown .liBtn{
    margin-top:15px;
    width: 100%;
}
.menuDropdown ul li {
    width: 49%;
}
.menuDropdown a, .menuDropdown .liBtn .btn-xs {
    /* font-size: 13px !important; */
/*     font-weight: bold !important; */
    /* background: transparent !important; */
}
.menuDropdown a:after{
    display: none;
}
#DefaultModal .modal-content {
    border: 0;
}

@media(max-width: 1330px){
.search-box input[type=text]:focus, .search-box input[type=text]:active {
   width: 300px;
}
}
@media(max-width: 1330px){
    .search-box input[type=text] {
        width: 200px;
   }
    .MainMenuHeader .navbar-brand img {
        max-width: 200px;
   }
    .MainMenuHeader .navbar-collapse>ul.nav>li.nav-item a.nav-link {
        padding: 8px 8px;
   }
    .MainMenuHeader .nav {
        column-gap: 5px;
   }
    .topJoinUsMenu {
        margin-top: 0px;
        margin-bottom: 0px;
   }
    .topJoinUsMenu>.dropdown>.drpMenu {
        font-size: 0 !important;
   }
    .topJoinUsMenu .dropdown-menu {
        transform: translate3d(5px, 50px, 0px) !important;
   }
    .MainMenuHeader .dropdown-menu {
        transform: translate3d(5px, 10px, 0px) !important;
   }
   .topJoinUsMenu.activeDrop>.dropdown>.dropdown-menu {
    transform: translate3d(5px, 55px, 0px) !important;
}
}
@media(max-width: 1024px){
    .MainMenuHeader .navbar-collapse>ul.nav>li.nav-item a.nav-link {
    font-size: 13px;
    display: block;
}
   .search-box input[type=text]:focus, .search-box input[type=text]:active {
   width: auto;
}
}
@media(max-width: 991px){
    .TopHeaderSignIn {
        padding-right: 55px;
   }
    .DestopMainHeader .navbar-light .navbar-toggler {
        color: rgba(0,0,0,.5);
        border-color: rgba(0,0,0,.1);
        position: fixed;
        right: 15px;
        top: 4px;
        padding: 4px;
        outline: 0;
        box-shadow: none;
   }
    .DestopMainHeader .navbar-light .navbar-toggler-icon {
        width: 24px;
        margin: -10px 0px;
        position: relative;
        bottom: 3px;
   }
    div#popcollapsibleNavbar {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh !important;
        transition: ease 0.5s;
        width: 250px;
        box-shadow: 0px 0px 10px #d0d0d0;
        transform: translate(-110%, 0px);
        background-color: #fff;
        overflow: auto;
        z-index: 999;
   }
    .MainMenuHeader .nav {
        column-gap: 0;
        flex-direction: column;
        row-gap: 10px;
        background-color: #fff;
        padding-top: 15px;
   }
    div#popcollapsibleNavbar.show {
        transform: translate(0%, 0px);
   }
}
@media(max-width: 767px){
    .TopHeaderLogo .PopLogo {
        width: 160px;
   }
    .search-box input[type=text] {
        width: 230px;
   }
}
@media(max-width: 575px){
    .MainMenuHeader .navbar-brand img {
        max-width: 140px;
   }
    .HeaderNavBar {
        column-gap: 10px;
   }
    .search-box input[type=text] {
        width: 90%;
        margin: 0;
        padding: 0px 0px 0px 30px !important;
        font-size: 11px;
   }
    .SearchBar #SearchBarIcon {
        max-width: 12px;
   }
    .topBtn a {
        width: 60px;
        height: 30px;
        line-height: 28px;
        font-size: 11px;
   }
    .topBtn .btn {
        padding: 0px 5px !important;
   }
    .TopHeaderSignIn {
        padding-right: 40px;
   }
    .DestopMainHeader {
        margin: -42px 0px -15px 0px;
   }
    .DestopMainHeader .navbar-light .navbar-toggler-icon {
        width: 22px;
        margin: -35px 0px;
        bottom: 2px;
   }
    .navbar-light .navbar-toggler {
        top: 4px;
        padding: 2px;
   }
    .MainMenuHeader .navbar-brand {
        padding: 0;
        margin: 0;
   }
    .TopHeaderSignIn .li-color {
        font: 12px Roboto;
        padding: 10px 10px;
   }
    .topSearchBar, .topBtn {
        padding-top: 11px;
   }
    .topProfileImg {
        width: 30px;
        height: 30px;
   }
    .topJoinUsMenu {
        margin-top: 10px;
   }
   .menuDropdown label {
    font-size: 10px;
}
.topJoinUsMenu.activeDrop>.dropdown>.dropdown-menu {
    transform: translate3d(5px, 40px, 0px) !important;
}
.childDroptwo {
    margin-top: 0px;
}
}
@media(max-width: 375px){
    .TopHeaderSignIn .li-color {
        font: 10px Roboto !important;
        padding: 10px 5px;
   }
}
/**********|| New Header Css ||**********/
.modal-backdrop + span.select2-container {
    z-index: 111111;
}
.pre_loader_show{
    display: block !important;
    background-color: rgb(255, 255, 255);
}

/**********|| About Page Css ||**********/
.aboutTopBanner{
    background-color:#68BA3C;
    border-radius: 10px;
  }
  /* .rightSideContant p,.aboutColumnSec .card h2, .aboutColumnSec .card p, .aboutDetailsPara p{
    font-weight: 500;
  } */
  .rightSideContant p, .leftSideEventsContant p, .leftSideEventsContant p, .bannerJumbotron p{
    line-height: 24px;
    font-size: 18px;
  }
 .leftSideEventsContant p, .leftSideEventsContant p, .aboutReasonsHeading h4, .bannerJumbotron p{
    font-weight: 400;
 }
 .aboutColumnSec .bgVolate{
    background: #662E91;
    color: #fff;
 }
 .aboutColumnSec .card h2{
    font-size: 24px;
    line-height: 28px;
    text-decoration: underline;
    margin-bottom: 26px;
 }
 .aboutColumnSec .card p{
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 30px;
 }
 .aboutReasonsHeading h3{
    font-size: 18px;
    line-height: 22px;
 }
 .aboutDetailsHeading h4{
    font-size: 17px;
    line-height: 20px;
 }
 .aboutDetailsPara p{
    font-size: 16px;
    line-height: 19px;
 }
 .bannerJumbotron{
    background: rgba(254, 222, 9, 0.5);
 }
 .bannerJumbotron .aboutMiddleBannerBtn, .aboutListBtn{
    width: 207px;
    height: 54px;
    background: #FFFFFF;
    border: 1px solid #662E91;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.rightSideEventsContant img {
    min-width: 207px;
    min-height: 207px;
    object-fit: cover;
    max-width: 207px;
    max-height: 207px;
    border-radius: 110px;
}
.rightSideEventsContant .quoteImg img {
    min-width: 64px;
    height: 64px;
    min-height: 64px;
    max-width: 64px;
    max-height: 64px;
}
.quoteImg {
    top: 0;
    right: 18px;
}
.testimonialSlider .owl-dots button span {
    background: #C4C4C4;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 5px;
    border-radius: 50%;
}
.testimonialSlider .owl-dots {
    margin-top: 26px;
    padding-left: 44px;
}
.aboutReasonsOurValues ul.nav {
        list-style: disc;
        padding-left: 20px;
    }

.aboutReasonsOurMission ol.nav {
    list-style: number;
    padding-left: 20px;
}
hr.horizontalLine {
    border: 1px solid #C4C4C4;
}
.leftSideEventsContant.text-left {
    padding: 0 60px;
}

.RedButton {
    background-color: #FFCA2C !important;
    border: 1px solid #FFCA2C!important;
    border-radius: 0;
    box-shadow: 0px 2px 4px 1px #8c8c8ceb;
    color: #000;
    font-weight: 600;
}

@media (max-width:1200px){
    .popAboutUsEvents {
      padding: 20px 0;
  }
  .leftSideEventsContant.text-left {
      padding: 0 30px;
  }
  .bgVolate .card-body p {
      margin-bottom: 0;
  }
  .aboutContact p {
      margin-bottom: 0;
  }
  .rightSideContant p, .leftSideEventsContant p, .leftSideEventsContant p, .bannerJumbotron p {
      line-height: 21px;
      font-size: 15px;
  }
  .aboutDetailsPara p {
      font-size: 15px;
      line-height: 19px;
  }
  .aboutReasonsOurMission li {
      font-size: 16px;
  }
  .aboutContact {
      margin-bottom: 0 !important;
  }
    .rightSideEventsContant img {
        min-width: 180px;
        min-height: 180px;
        object-fit: cover;
        max-width: 180px;
        max-height: 180px;
    }
}
  @media (max-width:991px){
     .rightSideContant p, .leftSideEventsContant p, .leftSideEventsContant p, .bannerJumbotron p {
      line-height: 20px;
      font-size: 14px;
  }
  .aboutDetailsPara p {
      font-size: 14px;
      line-height: 18px;
  }
  .aboutReasonsDetailsInner {
      margin-bottom: 24px !important;
  }
  .aboutReasonsOurMission li {
      font-size: 14px;
  }

  }
  @media (max-width: 767px){
  .rightSideContant {
      padding: 30px !important;
  }
  .aboutEventsSec .row div:first-child {
      order: 2;
  }
  .aboutReasonsHeading {
      margin-bottom: 25px !important;
  }
  .aboutReasonsDetailsInner {
      margin-bottom: 25px !important;
  }
  .rightSideEventsContant {
      text-align: center !important;
      margin-top: 0 auto;
     margin-bottom: 20px;
  }
  .rightSideEventsContant .owl-item img {
      margin: 0 auto;
      text-align: center !important;
     margin-bottom: 20px;
  }
    .owl-carousel .owl-item img {
      margin: 0 auto !important;
  }
  .owl-dots {
      text-align: center;
      margin-top: -15px !important;
      padding-left: 0px !important;
  }
  .aboutListBtn {
      margin-bottom: 20px !important;
  }
  .aboutReasonsOurVision {
      margin-bottom: 25px !important;
  }
  .aboutReasonsContact .aboutContact {
      margin-bottom: 0px !important;
  }
  .card-deck{
      flex-direction: column;
  }
  .aboutColumnSec .bgVolate {
      margin: 10px 0px;
  }
  .aboutReasonsOurValues {
      margin-bottom: 25px !important;
  }
  .aboutReasonsHeading {
      margin-bottom: 14px !important;
  }
  .rightSideEventsContant .quoteImg img :first-child {
      display: none;
  }
  .quoteImg {
      top: 0;
      right: 143px;
  }
  .leftSideEventsContant {
      text-align: center !important;
      padding-top: 5px !important;
  }
  .popAboutUsBanner {
      margin-top: 0px !important;
      margin-bottom: 35px !important;
  }
  footer.footer-background {
      margin-top: 25px;
  }
  .aboutMiddleBannerBtn{
      height: 40px !important;
  }
  .aboutListBtn {
      height: 40px !important;
  }
  .aboutReasonsOurMission {
      margin-bottom: 20px !important;
  }

  }

  @media (max-width: 575px){

    .bannerJumbotron {
      margin-bottom: 10px !important;
  }
  .quoteImg {
      right: 25%;
  }
  .leftSideEventsContant{
      padding: 0 20px;
  }
  .rightSideContant p, .leftSideEventsContant p, .leftSideEventsContant p, .bannerJumbotron p {
     line-height: 17px !important;
      font-size: 12px !important;
  }
  .leftSideEventsContant p {
      margin-bottom: 8px;
  }
  .rightSideContant p {
      margin-bottom: 10px !important;
  }
  .leftSideEventsContant {
      padding: 0 20px !important;
  }
  .aboutColumnSec .card h2 {
      font-size: 21px;
      margin-bottom: 18px;
  }
  .aboutColumnSec .card p {
      font-size: 13px;
      line-height: 16px;
      margin-bottom: 8px;
  }
  .popAboutUsReasonsJoin {
      margin-bottom: 0px !important;
      padding-top: 4px !important;
  }

  .aboutDetailsPara p {
      font-size: 13px;
      line-height: 18px;
  }
  .aboutReasonsDetailsInner {
      margin-bottom: 15px !important;
  }

  .aboutDetailsHeading h4 {
      font-size: 15px;
      line-height: 14px;
  }
  .aboutReasonsHeading h3{
  font-size:17px;
  line-height:18px;
  }
  .bannerJumbotron p {
      margin-bottom: 15px !important;
  }
  .owl-dots {
      margin-top: -5px !important;
  }

  .aboutReasonsOurMission li {
      font-size: 13px;
      line-height: 17px;
  }
  footer.footer-background {
      margin-top: 0px;
  }
  .popAboutUsEvents {
      padding: 0 !important;
  }

  .aboutReContact h3 {
      font-size: 25px;
  }


  }
  @media (max-width: 480px){
  .quoteImg {
      top: 0;
      right: 25%;
  }
  }
/**********|| About Page Css End ||**********/

/**********|| Pub Page Css ||**********/
.popPubBanner .popPubImage img {
    width: 100%;
}
.popPubtextGraphic {
    left: 17%;
    bottom: -14% !important;
    width: 66%;
}

.popPubtextGraphic {
	bottom: -42px;
}
.leftSideBar ul li:last-child a {
	border-bottom: 0;
}
.leftSideBar ul li {
    margin-bottom: 14px;
}
.leftSideBar ul li a {
    border-bottom: 1px solid #C4C4C4;
    display: inline;
    padding: 0 0 6px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
}
.minglingSpacePara .btn, .meetingSpaceBtn .btn{
    background: #662E91;
    border-radius: 10px;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
}
.minglingSpacePara h2 {
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
}
.minglingSpacePara p {
    font-size: 13px;
}
.minglingSpaceImage h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}
.minglingSpaceImage img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}
.meetingSpaceConnect h5 {
    font-size: 12px;
    font-weight: 700;
}
.meetingSpaceConnect p {
    font-size: 10px;
}
.meetingSpaceBtn .btn {
    font-size: 12px;
}
.meetingHeading span {
    font-size: 20px;
    font-weight: 500;
}
.meetingHeading p {
    font-size: 14px;
}
.popPubContant p {
    font-size: 14px;
}
.monthlyPopPubTxt p {
    font-size: 12px;
}
.rightSideBar h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
}
.rightSideBar {
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 40px 25px;
    margin-top: 40px;
}
.rightSideBar hr.hrHorizontal {
    margin: 27px 0;
}
.neverMissEvent a:hover {
    background: #fff;
    color: #000;
    border-color: #662E91;
}
.neverMissEvent a {
    border-color: #662E91;
    color: #000;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
}
.leftSideBar {
    padding-right: 30px;
}
.meetingSpaceImg {
    text-align: center;
}
.minglingSpace{
    margin: 20px 0px 17px !important;
}

@media (max-width: 991px){
    .neverMissEvent a{
         display: block;
     white-space: break-spaces;
   }
   .rightSideBar {
     padding: 25px 15px !important;
 }
 .popPubtextGraphic {
     bottom: -33px;
 }
 }
 @media (max-width: 767px){
     .meetingSpaceOuter {
        margin-top: 25px;
     }
     footer.footer-background {
     margin-top: 16px;
 }
 .minglingSpacePara {
    margin-top: 30px;
  }
 .popPubContant {
     margin-top: 38px !important;
 }
     .leftSideBar {
     padding-right: 0px;
     }
     .popPubtextGraphic {
     bottom: -42px;
     }
     .rightSideBar {
     margin-top: 17px !important;
     }
     .meetingSpace {
     margin-bottom: 17px !important;
     }
     .minglingSpace {
     margin-bottom: 15px!important;
     margin-top: 0px!important;
 }
     .meetingHeading {
     margin-bottom: 0px!important;
 }  .leftSideBar{
     margin-bottom: 15px;
   }
   .leftSideBar ul{
      display: flex;
      flex-wrap: wrap;
     flex-direction: row !important;
     text-align: left !important;
   }
   .leftSideBar ul li {
     display: inline-block;
     width: 33.33%;
 }
 .MiddleColumnFullWidth .container {
     margin-top: 10px !important;
 }
 .neverMissEvent a{
         display: inline-block;
   }

 }
 @media (max-width: 575px){
 .leftSideBar ul li {
     width: 50%;
 }
 .popPubtextGraphic {
     bottom: -27px;
 }
 .leftSideBar ul li {
     margin-bottom: 10px;
     font-size: 15px;
 }
 .footerSocialIcon {
     margin-bottom: 12px !important;
 }
 .clearfix {
     margin: 0;
 }
 .popPubContant {
     margin-top: 28px !important;
     }
     .leftSideBar {
     margin-bottom: 11px;
     }
     .MiddleColumnFullWidth .container {
     margin-top: 0px !important;
 }
 .leftSideBar ul li {
     margin-bottom: 8px;
 }

 .popPubContant p {
     font-size: 13px;
     line-height: 17px;
 }
 .horizontalLine hr {
     margin: 10px 0 12px !important;
 }
 .rightSideBar hr.hrHorizontal {
     margin: 15px 0;
 }
 }


/**********|| Pub Page Css End ||**********/

/**********|| Terms&Condidtion Css End ||**********/
.left-column {
    background: var(--white) !important;
}
.left-column .First-column {
    background-color: var(--white) !important;

}
.tncWrap p, .tncWrap h3, .tncWrap {
    color: black !important;
}
/*.First-column {*/
/*    overflow: auto;*/
/*    height: 400px;*/
/*}*/
/**********|| Terms&Condition Css End ||**********/


.HappyDay, .TruthsLieMini, .TruthsNiceTry {
    box-shadow: none !important;
    border: 1px solid #cdcdcd !important;
}
.TruthsLieMini .cardBox {
    border-radius: 15px;
    box-shadow: none;
}

::-webkit-scrollbar-thumb {
    background: #F6F7F8;
    border: 1px solid #939393;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar {
    width: 8px;
}

#AddEditCollabModalForm .row .form-group .select2 {
    width: 88% !important;
}

@media(max-width:767px){
  #AddEditCollabModalForm .row .form-group .select2 {
    width: 100% !important;
}
}


.mbillbtn:hover{cursor: pointer !important;background: #672997 !important;color: #fff !important;}

#EditCollabModalForm .row .form-group .select2{
    width: 88% !important;
}
@media(max-width:767px){
  #AddEditCollabModalForm .row .form-group .select2 {
    width: 100% !important;
}
}

@media(max-width: 1210px){
   .search-box input[type=text]:focus, .search-box input[type=text]:active {
   width: auto;
}
}

@media screen and (min-width: 1440px) {
    .nav-link {
        padding: 0.8rem 0.8rem !important;
    }
}

@media screen and (max-width: 1440px) {
    .nav-link {
        padding: 0.7rem 0.7rem !important;
    }
}

@media screen and (max-width: 1410px) {
    .nav-link {
        padding: 0.6rem 0.6rem !important;
    }
}

@media screen and (max-width: 1380px) {
    .nav-link {
        padding: 0.5rem 0.5rem !important;
    }
}

@media screen and (max-width: 1360px) {
    .nav-link {
        padding: 0.4rem 0.4rem !important;
    }
}

@media screen and (max-width: 1330px) {
    .nav-link {
        padding: 0.6rem 0.6rem !important;
    }
}

@media screen and (max-width: 1300px) {
    .nav-link {
        padding: 0.5rem 0.5rem !important;
    }
}


@media screen and (max-width: 1260px) {
    .nav-link {
        padding: 0.4rem 0.4rem !important;
    }
}


@media screen and (max-width: 1230px) {
    .nav-link {
        padding: 0.3rem 0.3rem !important;
    }
}

@media screen and (max-width: 576px) {
    .imgsideBarCompnay {
        min-height: 150px !important;
        height: 157px;
        max-width: 200px !important;
    }
}
@media screen and (max-width: 400px) {
    .imgsideBarCompnay {
        min-height: 250px !important;
        height: 262px !important;
        min-height: 270px !important;
    }
}