@font-face {
    font-family: 'FontAwesome';
   /* src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    */
    src: url('../..theme/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../..theme/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../..theme/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../..theme/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../..theme/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../..theme/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'source_sans_problack';
    src: url('../../fonts/source-sans-pro/SourceSansPro-Black.otf') format('opentype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'source_sans_problackit';
    src: url('../../fonts/source-sans-pro/SourceSansPro-BlackIt.otf') format('opentype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'source_sans_probold';
	src: url('../fonts/SourceSansPro-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'source_sans_proboldit';
    src: url('../../fonts/source-sans-pro/SourceSansPro-BoldIt.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
}


@font-face {
	font-family: 'source_sans_prosemibold';
	src: url('../fonts/SourceSansPro-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'source_sans_prosemiboldit';
    src: url('../../fonts/source-sans-pro/SourceSansPro-SemiboldIt.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'source_sans_prolight';
	src: url('../fonts/SourceSansPro-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'source_sans_prolightit';
    src: url('../../fonts/source-sans-pro/SourceSansPro-LightIt.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'source_sans_proextralight';
    src: url('../../fonts/source-sans-pro/SourceSansPro-ExtraLight.otf') format('opentype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'source_sans_proextralightit';
    src: url('../../fonts/source-sans-pro/SourceSansPro-ExtraLightIt.otf') format('opentype');
	font-weight: 200;
	font-style: normal;
}


@font-face {
	font-family: 'source_sans_proregular';
	src: url('../fonts/SourceSansPro-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}



@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?wyh7my');
	src: url('../fonts/icomoon.eot?wyh7my#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?wyh7my') format('truetype'), url('../fonts/icomoon.woff?wyh7my') format('woff'), url('../fonts/icomoon.svg?wyh7my#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
body {
    font-family: 'source_sans_proregular';
     min-width: 360px!important;
}

.bg-ligth-grey{
        background: #F1F2F2;
}


h1 {
    font-size: 32px;
    line-height: 25px;
    font-family: 'source_sans_prosemibold';
}
h2 {
    font-size: 24px;
    line-height: 22px;
    font-family: 'source_sans_prosemibold';
}
h3 {
    font-size: 20px;
    font-family: 'source_sans_prosemibold';
}

h4 {
    font-size: 16px;
    font-family: 'source_sans_prosemibold';
}

h5 {

    font-size: 13px;
    font-family: 'source_sans_prosemibold';
}

h6 {
    font-size: 11px;
    font-family: 'source_sans_prosemibold';
}

/* span {
    font-size: 18px;
} */
p {
    font-size: 14px;
    font-family: 'source_sans_proregular'
}
b {
    font-size: 15px;
    color: #000;
    font-family: 'source_sans_prosemibold';
    line-height: 15px;
}
.no-record{
    background-color: #eee; 
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: 15px;
    font-family: 'source_sans_proregularlight';
}
.no-record-found {
    background-color:  #eee; 
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: center;
    color: #dcd1d1;
    font-size: 15px;
    font-family: 'source_sans_proregularlight';
}
.common-listing-table{
 /* padding-top: 300px; */
    padding-bottom:300px;
    width: 100%;
    top: 10px;
    }

.loaderActvity.load {
    top: 0;
    max-height: 93%;
    min-height: 81%;
  width: 100%;
  /* background: #adadad; */
  position: absolute;
  z-index: 1;
  opacity: 0.4;
  }
  .js-questions-list {
    position: relative;
    min-height: 100px;
  }
  .load, #load {
    top: 0;
    max-height: 96%;
    min-height: 93%;
    width: 100%;
    background: #adadad;
    position: absolute;
    z-index: 1;
    opacity: 0.4;
  }
  
  
  .loader .bar1,
  .loader .bar2,
  .loader .bar3,
  .loader .bar4,
  .loader .bar5,
  .loader .bar6 {
  background-color: #fff8f8;
  }
  
  .loader {
    margin: 0px auto;
    width: 60px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 25%;
    left: 50%;
    -ms-transform: translate(-50%, -9%);
    transform: translate(-50%, -9%);
    -webkit-transform: translate(-50%, -9%);
    z-index: 10;
    min-height: 100px;
  }
  
  .loader div {
    height: 30px;
    width: 8px;
    float: left;
    margin-left: 2px;
    -webkit-animation: delay .9s infinite ease-in-out;
    animation: delay .9s infinite ease-in-out;
  }
  
  .loader .bar2 {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s;
  }
  
  .loader .bar3 {
  -webkit-animation-delay: -.6s;
  animation-delay: -.6s;
  }
  
  .loader .bar4 {
  -webkit-animation-delay: -.5s;
  animation-delay: -.5s;
  }
  
  .loader .bar5 {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s;
  }
  
  .loader .bar6 {
  -webkit-animation-delay: -.3s;
  animation-delay: -.3s;
  }



*:focus {
    outline: none !important;
}

.flex-fill{
    flex: 1 1 auto !important;
}
.text-ellipsis-1{
    text-overflow:ellipsis;
    overflow:hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  
  .text-ellipsis-2{
    text-overflow:ellipsis;
    overflow:hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  
  .text-ellipsis-3{
    text-overflow:ellipsis;
    overflow:hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .page-margin-top  {
    margin-top: 100px;
}
  .no-record.border {
    height: 100px;
}
a {
    color: black;
}
a:hover {
    color: #000000;
    text-decoration: none;
}
nav#sidebar:hover {
    width: 185px;
}
.rank{ 
     position: absolute;
        left: 8px;
        right: 14px;
        bottom: 0px;
        /* top: 0; */
        display: flex;
        justify-content: center; 
}

.rank-badge {
    min-width: 40px;
    border-radius: 20px;
    border: 1px #979797 solid;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    display: initial;
}
.rank-badge p { 
    font-size: 14px;
    padding: 0px 10px;
    display: inline-block;
}
/* .channel-section .rank{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -7px;
} */
.channel-section .rank-badge p{
    font-size: 14px;
    padding: 0px 7px;
    display: inline-block;
}

.rank-badge.yellow.white {
    background-image: linear-gradient(#D8A914, #EED42D);
    border: none;
    color:rgb(255, 255, 255)
}
.rank-badge.silver.black {
    background-image: linear-gradient(#7e7d7d,#D2D1D1);
    border: none;
    color:rgb(255, 255, 255)
   
}
.rank-badge.grey.black {
    background-image: linear-gradient(#fff, #fff);
    border: 1px solid grey;
    color:rgb(0 0 0 / 66%)
}
.rank-badge.brown.white {
    background-image: linear-gradient(#8A5F36, #B29065);
    border: none;
    color:rgb(255, 255, 255)
}
.user-img.yellow{
    border-radius: 10px;
    border: 3px solid rgb(238, 204, 10);
    color:rgb(255, 255, 255)
}
.user-img.silver{
    border-radius: 10px;
    border: 3px solid rgb(226, 226, 222);
    color:rgb(255, 255, 255)
}
.user-img.grey{
    border-radius: 10px;
    border: 3px solid rgb(156, 156, 154);
    color:rgb(255, 255, 255)
}
.user-img.brown{
    border-radius: 10px;
    border: 3px solid rgb(145, 54, 54);
    color:rgb(255, 255, 255)
}

.grade p {
    font-size: 16px;
    font-weight: 700;
}
.grade span {
    font-size: 16px;
    font-weight: 700;
}
.grade.large p {
    font-size: 20px;
    font-weight: 700;
}

.grade.grade-a {
    color: #2B3990;
}
.grade.grade-b {
    color: #795548;
}
.grade.grade-c {
    color: #ff7152;
}
.grade.grade-d {
    color: #FFAB00;
}
.grade.grade-f {
    color: #F44336;
} 
.grade.grade-e{
    color: #56f436;
}
    
.btn{
    cursor: pointer;
    /* padding: 4px 13px;
    font-size: 14px; */
    /* border-radius: 60px; */
    font-family: 'source_sans_proregular';
}
.btn.btn-primary{
    color: #fff;
    background-color: #2b4196;
    border-color: #2b4196;
    box-shadow: none;
}
.btn.btn-primary:hover{
    background-color:#2b4196 !important;
    box-shadow: none;
} 
.btn.btn-primary a{
    color:#fff;
}
.btn.btn-success{
    color: #fff;
    background: #2B3F95 !important;
    border: none;
    
    cursor: pointer;
}

.btn-success a {
    color: #fff;
    text-transform:none;
}
.btn-success:hover{
    background: #2B3F95;
}
.btn-success:active {
    color: #fff;
    background: #2B3F95;
    border-color: #2B3F95;
}

.color-success{
    color: #2b4196 !important;
}
.btn.btn-danger{
    background-color: #EF476F;
    border-color: #EF476F;  
    box-shadow: none;  
}
.btn.btn-danger:hover{
    background-color: #EF476F !important;
    border: none;    
}
.btn.btn-link{
    text-decoration: none;
}



.btn-body{
    border: 1px solid #2b4196;
    background: none;
    padding: 2px 10px 2px 10px;
    font-size: 16px;
    font-family: 'source_sans_proregular';
}
.btn-body a{
    color:#2b4196;
}
.btn-white{
    background: none;
    border: none;
    font-size: 16px;
    font-family: 'source_sans_proregular';
}
.btn-white:focus{
   background-color: none;
   box-shadow: none;
}
.modal .modal-dialog.modal-height{
    min-height: 100px;
}
.modal .modal-dialog.modal-log{
    width: 400px;
    min-height: 100px;
}
.modal .modal-dialog-centered.center{
    width: 344px;
}
.modal .modal-dialog.modal-dialog-centered b{
    font-size: 26px;
    font-family: 'source_sans_prosemibold'
}
/* .modal .modal-content {
    padding: 30px 30px;
} */
.modal-dialog.modal-dialog-centered b{
    font-size: 26px;
    font-family: 'source_sans_prosemibold';
}
.modal .modal-dialog .modal-content.model-answer{
    width: 358px !important;
    text-align: start !important;
    border: none;
}

.modal .modal-content p.sub-des-popup {
    font-size: 15px;
    font-family: 'source_sans_proregular';
}
.modal .modal-content i.by-click{
    font-size: 14px;
    font-family: 'source_sans_proregular';
}
.modal .modal-content li.knowex-list{
    padding: 0px 0px 8px 0px;
    font-size: 16px;
    font-family: 'source_sans_proregular'
}
/* .btn-primary:hover{
    transform: scale(1.1);
    transition: all ease 1s;
} */

.ask-date{
    font-size: 12px;
    color: #979797;
}


.question-search-box {
    width: 100%;
    margin: 0 0 15px 0;
    display: inline-block;
    max-width: 671px;
}
#custom-search-input {
    border: solid 1px #E4E4E4;
    background-color: #fff;
}
#custom-search-input input {
    border: 0;
    background: transparent;
}
.input-logo {
    width: 25px;
    height: 25px;
    margin-top: 8px;
}
.inner-tab .tab-option li:first-child {
    border-left: 1px solid #ddd;
    left: 0;
    box-sizing: content-box;
    margin-right: 15px;
    position: relative;
}
.inner-tab .tab-option li {
    display: inline-block;
    position: relative;
    margin-right: 8px;
    width: 28%;
    cursor: default;
    padding-left: 5px;
}
.inner-tab .tab-option li:first-child::before {
    left: 7px;
    top: -1px;
    border-left: none;
}

.inner-tab .tab-option li::before {
    top: 0;
    transform: skew(30deg);
    border-top: 1px solid #ddd;
}
.inner-tab .tab-option li::before, .inner-tab .tab-option li::after {
    content: '';
    position: absolute;
    left: 0;
    height: 53%;
    width: 100%;
    background: white;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: -2;
}
.inner-tab .tab-option a {
    display: inline-block;
    position: relative;
    line-height: normal;
    padding: 10px 6px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
}
.question-search-box i.fa.fa-search {
    color: #a5a5a5;
}
.question-search-box button#searchKeyword {
	background: none;
	border: none;
}
.question-search-box button#searchKeyword:hover {
    border: none;
}
.app-feature .section-header h2.section-title {
	font-size: 22px;
}
.app-feature button.view-detail-btn {
    padding: 0;
    width: auto;
    border: none;
    background: none;
}
.app-feature .feature-div .create-features img {
    width: 150px;
}
.app-feature .feature-div .create-features a {
    font-size: 18px;
    font-weight: 600;
    color: #2e2e2e;
}
.app-feature .feature-div h2 {
    font-size: 22px;
    font-family: 'source_sans_prosemibold'!important;
    color: #2e2e2e;
}


.newsletter-box.subscribe, .own-blog {
	border: 1px solid #eee;
	padding: 20px 20px;

}
.create-features {
    border: 1px solid #eee;
    padding: 20px 20px;
}







/* HEADER */

/*--------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/

  .header {
	padding: 10px 0;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	transition: all 0.5s;
	z-index: 997;
    min-width: 360px;
}

.header #logo {
	float: left;
}

.header #logo h1 {
	font-size: 36px;
	margin: 0;
	padding: 6px 0;
	line-height: 1;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.header #logo h1 a,
.header #logo h1 a:hover {
	color: #fff;
}


.header #mobile-nav-toggle {
    border: 0;
    background: none;
    display: none;
    float: right;
    margin-right: 0;
    margin-top: 5px;
}

.header #mobile-nav-toggle i {
	color: #fff;
    font-size: 22px;
}

.header.header-fixed #mobile-nav-toggle i, .header.always-visible #mobile-nav-toggle i {
	color: #000;
}

.header #nav-menu-container {
	float: right;
	margin: 0;
}
.header #nav-menu-container span{
	font-size: 18px;
    font-family:'source_sans_proregular' ;
}
.common-header nav.main-navigation.col-md-9.col-12 {
    padding: 0;
}

.common-header.menu-header{
    background: linear-gradient(to right, #2a4397, #27a8e1);
}
.header button.login-btn a {
    color: #000;
    text-decoration: none;
}
.header button.login-btn {
    background-color: #fff;
    box-shadow: 2px 4px 7px -4px #414141;
    padding: 5px;
    border-radius: 50px;
}

.side-menu-bar ul li a {
    font-size: 18px;
    color: #fff;
    font-family: 'source_sans_proregular';
    text-decoration: none;
    position: relative;
    padding: 0px 15px 0px 15px;
}
.header.header-fixed .side-menu-bar ul li a, .header.always-visible .side-menu-bar ul li a {
    color: #000;
}
.header.header-fixed .side-menu-bar ul li button.login-btn, .header.always-visible .side-menu-bar ul li button.login-btn {
    background-color:#2b4196;
    box-shadow: 2px 4px 7px -4px #414141;
    border-radius: 50px;
}
.header.header-fixed .side-menu-bar ul li .login-btn a, .header.always-visible .side-menu-bar ul li .login-btn a {
    color: rgb(255, 255, 255);
}
.header-menu-list {
    display: none;
}
.header .account-btn {
	background: transparent;
	box-shadow: none;
	border: none;
	padding: 8px 10px;
	border: none;
	border-radius: 6px;
	cursor: pointer;
}
.header .account-btn .user-login {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	object-fit: cover;
    margin-right: 2px;
    display: inline-block;
}
.header .account-btn .user-login.fixed {
    /* display: none; */
}
.header .dropdown-toggle::after {
    border: none !important;
}
.header button.signup-btn {
    background-color: #a4c639;
    box-shadow: 2px 4px 7px -4px #414141;
}
.header.header-fixed, .header.always-visible {
    background: #fff;
    transition: all 0.5s;
    z-index: 99;
    min-width: 360px;
    border: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    box-shadow: 4px 2px 6px -4px #414141;
    /* height: 67px; */
	transition: all 0.5s;
}
.header.header-fixed .main-navigation ul li a, .header.always-visible .main-navigation ul li a {
    color: #000;
}



.header.header-fixed img.logo-fixed, .header img.logo, .header.always-visible img.logo-fixed, .header img.logo  {
    display: block;
}
.header.header-fixed img.logo, .header img.logo-fixed, .header.always-visible img.logo, .header img.logo-fixed {
    display: none;
}
.sidebar-left + .header.always-visible img.logo-fixed {
    display: block;
}
.header.header-fixed .fa-user-circle-o, .header.always-visible .fa-user-circle-o {
    color: #000;
}
.header.header-fixed .account-btn img.user-login, .header.always-visible .account-btn img.user-login {
    display: none;
}
.header.header-fixed .account-btn img.user-login.fixed, .header.always-visible .account-btn img.user-login.fixed { 
    display: inline-block;
}

.header .fa-user-circle-o {
    font-size: 30px;
    color: #fff;
}
.header img.img-fluid.logo, .header img.img-fluid.logo-fixed  {
    width: 130px;
}

.header.header-fixed .main-navigation ul li .login-btn a, .header.always-visible .main-navigation ul li .login-btn a {
    color: rgb(255, 255, 255);
}
.header.header-fixed .main-navigation ul li .signup-btn a, .header.always-visible .main-navigation ul li .signup-btn a {
    color: rgb(255, 255, 255);
}
.header.header-fixed .main-navigation ul li button.login-btn, .header.always-visible .main-navigation ul li button.login-btn {
    background-color: #6FAEE6;
    box-shadow: 2px 4px 7px -4px #414141;
}
.header-fixed .dropdown .fa, .always-visible .dropdown .fa{
    color: black;
    font-size: 20px;
    vertical-align: middle;
}


a.dropdown-item.login-logout-popup {
    font-size: 16px;
}
.nav-menu>li:hover a:before, .nav-menu .menu-active>a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -8px;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.nav-menu a:hover:before, .nav-menu li:hover>a:before, .nav-menu .menu-active>a:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

 
.login-signup-btn{
    display: none;
}


.vertical-nav {
    min-width: 17rem;
    width: 17rem;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.4s;
    margin-left: -17rem;
    z-index: 999;
  }

  /* for toggle behavior */

  .vertical-nav.active {
    margin-left: -17rem;
  }
  .vertical-nav-overlay {
    background-color: #1a1818;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    position: fixed;
    opacity: 0.8;
    display: none;
} 
.vertical-nav .nav-item a {
    font-family: 'source_sans_proregular';
}

#mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 100px;
    bottom: 0;
    z-index: 998;
    left: -100%;
    width: 100%;
    padding: 15px 0px 0px 15px;
    overflow-y: auto;
    transition: 0.4s;
    text-align: left;
}
#mobile-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 40px;
}
#mobile-nav ul li a {
    font-size: 20px;
    padding: 10px 0px 0px 0px;
    display: block;
}

#mobile-nav ul li a:hover {
    color: #fff;
}
#mobile-nav ul .menu-has-children i {
    position: absolute;
    right: 0;
    z-index: 99;
    padding: 15px;
    cursor: pointer;
    color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
    color: #2dc997;
}

#mobile-nav ul .menu-item-active {
    color: #2dc997;
}
#mobile-nav .guest-user img {
    width: 60px;
}
#mobile-nav .guest-user {
    display: flex;
}
#mobile-nav .guest-user h1 {
    font-size: 30px;
    color: white;
    margin: 0;
    padding: 10px;
}
hr.underline {
    background-color: white;
    width: 100%;
    margin-top: 20px;
}
#mobile-nav ul li {
    padding: 0px 0px 10px 0px;
}
#mobile-body-overly {
    background-color: #2F3E98;
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
}

.sidebar-left .sidebar {
    display: none;
    background: #686868;
    height: 100%;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 70px;
    z-index: 999;
    margin-top: 0px;
    padding-top: 16px;
    padding-bottom: 35px;
    transition: width .2s ease;
    overflow-x: hidden;
    overflow-y: auto;
}



.sidebar-left .sidebar ul li.nav-item {
    width: 100%;
    height: 50px;
    margin-top: 2px;
}
.sidebar-left li.nav-item:hover span {
    color: #000000;
}




.sidebar-left .sidebar .nav-item span {
    color: #c4c4c4;
    font-size: 18px;
    font-weight: normal;
    overflow: hidden;
    width: 132px;
    margin-left: 10px;
    line-height: 1;
    white-space: nowrap;
}

.sidebar-left .sidebar .nav-item span, .sidebar-left .sidebar .nav-header img.active {
    display: none;
}

.sidebar-left:hovbodyer .sidebar {
    width: 180px;
}

.sidebar-left:hover .sidebar span, .sidebar-left:hover .sidebar .nav-header img.active {
    display: block;
}

.sidebar-left:hover ~ .main-container .body-container {
    padding-left:  215px;
}
.sidebar-left:hover ~ .footer {
    padding-left:  215px;
}

.sidebar-left ~ .footer {
    padding: 0px 50px 0px 99px;
}

.sidebar-left .slider .nav-item img {
    margin-left: 15px;
}

.sidebar-left .sidebar .nav-item.active span {
    color: #000;
}

.sidebar-left .sidebar .nav-item img, .sidebar-left .sidebar .nav-item:hover img.active, .sidebar-left .sidebar .nav-item.active img.active {
    display: block;
}
.sidebar-left .sidebar .nav-item img.active,  .sidebar-left .sidebar .nav-item:hover img, .sidebar-left .sidebar .nav-item.active img {
    display: none;
}

.sidebar-left .sidebar .nav-item.active, .sidebar-left .sidebar .nav-item:hover {
    background-color: #fff;
}
.body-container {
    max-width: 100%;
    padding: 0px 25px 0px 28px;
    margin-top: 90px;
    margin-bottom: 30px;
}

/* Page title css */
.body-container .page-title {
    border: none;
    font-size: 22px;
    margin-bottom: 0px;
    display: inline-block;
    color: #2e2e2e;
    font-family: 'source_sans_prosemibold';
    position: relative;
}

.body-container .page-subtitle {
    font-size: 16px;
    margin-bottom: 0px;
    color: #858586;
}

.body-container button.more-button {
    border: none;
    background-color: transparent;
    cursor: pointer;
}




/* ------------------MY PROFILE CSS------------------------ */
.nav-tabs .nav-link.active {
    font-family: 'source_sans_prosemibold';

}
.profile-form .form-input{
    height: 110px;
}
.profile-form .about-div textarea {
    height: 150px;
}
.profileImage p {
    color: #858586;
    font-size: 15px;
}
.profile-form .profile-img {
    width: 100%;
    height: auto;
}
.profile-form .image-box {
    width: 300px;
}
.profile-form .no-select-box {
    background-color: #f7f7f7;
    width: 400px;
    height: 45px;
}
.profile-form .second-no-select-box {
    height: 45px;
    width: 140px;
}
.profile-form p.upload-image {
    margin: 0;
    margin-left: 20px;
    font-weight: bold;
}


/* ---------------COURSE CSS------------------- */

/* div#userListingDiv {
    width: 110%;
} */
.profile-inner-header .filters-div {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    text-align: start;
    width: 70px;
    padding: 8px 10px;
    border-radius: 1px solid;
}
.course-list-item .status {
    background: #c4c4c4;
    padding: 2px 10px;
    border-radius: 2px;
    font-size: 13px;
    text-transform: uppercase;
}
.profile-inner-header select#topicSelect{
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    height: 38px;
    width: 130px;
    border-radius: 1px solid;
     }
    
    .course-list-item img.thumbs-up {
        width: 20px;
        margin-top: -2px;
    }


.upload-image-div input#profile_image {
    display : none;
}

/* Body login css */




.section-header .section-title {
    text-align: left;
    font-size: 30px;
}

.faq-container {
    max-width: 100%;
    padding: 0px -1px;
}
.faq-container .text-center h2 {
    margin-bottom: 6px;
    margin-top: 0px;
    font-family: 'source_sans_prosemibold';
    font-size: 40px;
    color: #000;
    font-weight: normal;
}
.faq-container .justify-content-center {
    margin-top: 50px;
    margin-bottom: 50px;
}
.faq-container .faq #accordion .btn-link {
    font-weight: bold;
    color: #000000;
    background-color: transparent;
    font-size: 20px;
    width: 100%;
    text-align: left;
    padding: 9px 0px;
    text-decoration: none;
}


.channel-container {
    max-width: 100%;
}
.channel-container img.channel_type_icon {
    margin-left: -35px;
    margin-bottom: 70px;
    width: 33px;
}
.channel-invitation-page .invitation_page {
    margin-top: 130px;
    min-height: calc(100% - 211px);
    padding-bottom: 55px;
}
.channel-container .circle {
    border-radius: 50%;
    height: 0px 13px;
    height: 120px;
    width: 120px;
    object-fit: cover;
    box-shadow: 0px 2px 10px -3px #a09d9d;
}

.channel-invitation-page .disable-button {
    border: 1px solid #999999;
    background-color: darkgrey;
    color: #fff;
    padding: 10px;
    cursor: not-allowed;
}
.video-section .video-content span {
    font-size: 14px;
    font-family: 'source_sans_prosemibold';
}




/* ---------------CREATE COURSE CSS------------------- */
.noX-steps li h1 {
    font-size: 20px;
    font-weight: 600;
    color: #C4C4C4;
    line-height: 40px;
}
.noX-steps li p {
        font-size: 12px;
        color: #C4C4C4;
}
.noX-steps li span {
    font-size: 16px;
    line-height: 16px;
    color: #C4C4C4;
}
.noX-steps li.done  h1,.noX-steps li.done p, .noX-steps li.done span {
    color: #27AAE1;
}
.noX-steps li.done:first-child, .noX-steps li.done::before, .noX-steps li.done::after, .noX-steps li.done::before, .noX-steps li.done::after{
    border-color: #27AAE1;
}
.noX-steps li.active  h1,.noX-steps li.active p, .noX-steps li.active span {
    color: #7c7c7c;
}

.noX-steps li.active:nth-child(even), .noX-steps li.active::before, .noX-steps li.active::after, .noX-steps li.active::before, .noX-steps li.active::after{
    border-color: #7c7c7c;
}
.noX-steps li a {
    cursor: pointer;
    text-decoration: none;
}
.noX-steps li a {
    cursor: default;
}
.noX-steps li {
    display: inline-block;
    position: relative;
    margin-right: 5px;
    width: 90px;
    cursor: default;
    padding-left: 5px;
}
.step-count {
    margin-left: 5px;
    /* background: #27AAE1; */
    border-radius: 100%;
    height: 40px;
    width: 40px;
    border: 1px #C4C4C4 solid;
}
.step-count.done {
    border-color: #27AAE1;
}
.step-count.active {
    border-color: #000;
}
.noX-steps li:first-child {
    /* border-left: 1px solid #ddd; */
    margin-right: 20px;
    /* display: none; */
}
.noX-steps li:first-child::before {
    left: 8px;
    border-left: none;
}
.noX-steps li:last-child::before {
    left: 8px;
    border-left: none;
}
.noX-steps li:nth-child(even)::before {
    left: 8px;
    border-left: none;
}
.noX-steps li::before {
    top: 0;
    transform: skew(30deg);
    border-top: 1px solid #ddd;
}
.noX-steps li::before, .noX-steps li::after {
    content: '';
    position: absolute;
    left: 0;
    height: 53%;
    width: 100%;
    background: white;
    /* border-left: 1px solid #ddd; */
    border-right: 1px solid #ddd;
    z-index: -2;
    display: none;
}
.noX-steps li:first-child::after {
    left: 8px;
    /* border-left: none; */
}

.noX-steps li:last-child::after {
    left: 8px;
    /* border-left: none; */
}
.noX-steps li:nth-child(even)::after {
    left: 8px;
    /* border-left: none; */
}

.noX-steps li::after {
    bottom: 0;
    transform: skew(-30deg);
    border-bottom: 1px solid #ddd;
}
.noX-steps li::before, .noX-steps li::after {
    height: 50%;
}
.create-course-sec .course-upload-div {
    height: 236px;
    cursor: pointer;
}

.create-course-sec textarea {
    height: 150px;
}
.btn-back {
    background: none;
    padding: 8px 20px;
    font-size: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.btn-back:hover {
    box-shadow: 0 5px 15px rgba(195, 195, 195, 0.4);
    border: none;
    transform: scale(1.05);
    background-color: #f7f7f7;
}
.left-section span {
    font-size: 14px;
    /* font-weight: 600; */
}
.about-section p{
    font-size: 15px;
    color: #dcd1d1;
    font-family: 'source_sans_proregularlight';
}
.other-profile-container span {
    font-size: 22px;
    font-family: 'source_sans_prosemibold';
}
.create-course-sec .input-group {
    flex-wrap: inherit;
    height: 41px;
}
.create-course-sec .input-group input.border.rounded-0 {
    width: 100%;
}

.step-circle {
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px black solid;
}
.noX-steps p {
    font-size: 16px;
}
.sort.filters-div, .filter.filters-div {
    /* padding: 13px 13px; */
    align-items: center;
    display: flex;
    width: 42px;
}


/* ---------------CREATE COURSE CSS END------------------- */


.list-view .overall-rank-div {
    top: 65px;
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
}

/* ---------------CREATE CHANNEL CSS START------------------- */




/* ---------------CREATE CHANNEL CSS END------------------- */






/* ------------------- PAGINATION CSS ----------------------- */


.pagination-container input#pageValuePagination {
    border-radius: 0;
    width: 70px;
    height: 38px;
    border: 1px solid #e3e3e3;
    border-right: 0;
}
.pagination-container input[type="button"]{
    border-radius: 0;
    border: 1px solid #e3e3e3;
    cursor: pointer;
    height: 38px;
    line-height: normal;
}
.pagination-container .pagination{
    float: right; 
    /* margin-top: 10px; */
    /* margin-right: 25px; */
}
.pagination-container .page-linka :active:hover{
    background-color: #2b4196;;
}
.page-link{
    color: #000;
}
/* .active, .page-link{
    background-color: #666;
    color: white;
} */
/* .page-link li .active:hover{
    background-color: red;
}
.active:hover {
    background-color: red;
}

.active .page-link:hover {
    background-color: red;
}
.page-link .active:hover {
    background-color: red;
} */


@media (min-width: 320px) and (max-width: 670px)
{.pagination-container .pagination{
    margin-top: 20px;
    float: none;
}}
.pagination-container .fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 14px;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 20px;
}
.pagination-container div#userListingDiv {
width: 110%;
}
.pagination-container .pagination i.active {
    font-style: normal;
}

/* ------------------- PAGINATION CSS END----------------------- */

/* --------------------BREADCRUMB PART-------------------- */

.breadcrumb-item+.breadcrumb-item::before {
    padding: 0px 5px;
}
.breadcrumb img{
    vertical-align: middle;
    cursor: pointer;
}
.breadcrumb>li+li:before{
    content: "/";
    color: #ccc;
    font-size: larger;
}
.breadcrumb li a{
    color: #aaa;
    text-decoration: none;
}
.breadcrumb a:hover{
    color: #2B3990;
}
.select-dropdown li {
    cursor: pointer;
}
.select-dropdown li:hover {
    background-color: #6FAEE6;
    color: #fff;
}
.icon-sort_icon:before {
    content: "\e93f";
}
.icon-filter_icon:before {
    content: "\e917";
}
.category-section .filter-active .filter-div:before {
    right: 11px;
}
.dropdown button {
    background: transparent;
}

.action-page-container {
    width: 100%;
    float: left;
}
.main-container .filter-div {
    width: 318px;
    /* width: 30%; */
    background: #fff;
    padding: 20px;
    margin-right: 6px;
    box-shadow: 0 -2px 26px 0px #0000003d;
    position: absolute;
    border-top: 2px solid #2b3991;
    z-index: 999;
    right: 0px;
    top: 0;
}
.action-page-container .sort-filter-dropdown {
    left: 168px;
    top: 195px;
}
.chosen-container-active.chosen-with-drop {
    border-radius: 2px !important;
}
.main-container .filter-div:before {
    content: '';
    top: -8px;
    right: 4px;
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #2b3991;
}
.action-page-container .dropdown-block .chosen-container {
    width: 100%;
}
.action-page-container .flex-sm-fill {
    width: 100%;
}
.action-page-container .search-div{
    width: 100%;
    float: left;
    
}

.action-page-container .setting-icon{
    width: 10%;
    float: left;
    justify-content: end;
    display: flex;
}
.action-page-container .setting-icon img{
    width: 20px;
}
.search-form .search-knowex-logo {
    position: absolute;
    left: 14px;
    top: 8px;
    height: 25px;
    width: 25px;
    right: auto;
    z-index: 9;
}
.action-page-container .select-topic-box{
    width: 100%;
}
.form-control:not(:last-child), button.btn.btn-default, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}
.sort.filters-div, .filter.filters-div {
    border: 1px solid #ced4da;
    padding-top: 6px;
    border-radius: 0.25rem;
    height: 38px;
    padding: 13px 13px;
    align-items: center;
    display: flex;
    cursor: pointer;
    position: relative;
}
.chosen-container.chosen-container-single .chosen-single {
    height: 38px;
    -webkit-box-shadow: none;
    padding: 10px 8px;
    border-radius: 4px;
    /* margin-right: 15px; */
    width: 100%;
    background: #fff;
}
.action-page-container .chosen-container-single .chosen-single div {
    position: absolute;
    top: 8px;letter-spacing: normal;
    right: 0;
    width: 18px;
    height: 100%;
}

.chosen-container-single .chosen-single span {
    font-size: 15px;
    line-height: initial;
}
.select-dropdown .dropdown-menu {
    min-width: 50px;
    left: 0px;
    /* border: 1px solid #2b3990; */
    text-align: left;
    padding: 6px;
    border-top: none;
    box-shadow: none;
    margin-top: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
/* .main-container .category-section .dropdown-menu-item{
    position: absolute;

} */
button#newBtn {
position: absolute;
right: 0;
}
.pull-right.btn {
    width: auto;
}
.add-user {
    /* margin-top: 18px; */
    width: auto;
    padding-right: 0px;
}

.select-dropdown .btn-primary, .select-dropdown .btn-primary:focus, .open .dropdown-toggle.btn-primary {
    color: #2e2e2e;
    background-color: #ffffff;
    border-color: #ffffff;
    width: 66px;
    padding: 6px;
    text-align: left;
    position: relative;
    border: 1px solid #c1baba;
}
.select-dropdown.open .btn-primary, .select-dropdown.open .btn-primary:focus, .select-dropdown .btn-primary:hover {
    border: 1px solid #c1baba;
    background: #fff;
    opacity: 2;
}

.page-limit {
    border: 1px solid #ced4da;
    /* padding-top: 6px; */
    border-radius: 0.25rem;
    height: 38px;
     padding: 9px 9px;
    align-items: center;
    display: flex;
    text-align: left;
    width: 50px;
    cursor: pointer;
    position: relative;
}
.page-link:hover{
    background-color: #2b4196;
    color: #fff;
}

ul li.active .page-link{
    background-color: #2b4196 !important;
    color: #fff;
}




.page-limit::after{
color: #929394;
}







.sort-filter-dropdown.user-listing-dropdown a.enable, .sort-filter-dropdown.user-listing-dropdown a.enable i {
    color: #45c203;
    text-align: center;
    display: flex;
    justify-content: space-between;
    }

        .sort-filter-dropdown.user-listing-dropdown a {
            padding: 4px 3px;
            }
            .main-container .sort-filter-dropdown {
                top: 310px;
                position: absolute;
                right: 0px;
                left: auto;
                box-shadow: -3px 1px 12px 4px #908c8c2e;
                padding: 10px;
                border-top: 2px solid #2b3991;
                border-radius: 0px;
                margin-right: 25px;
            }
             /* .main-container .category-section .dropdown-toggle{
                top: 248px; 
                position: absolute;
                right: 0px;
                left: auto;
                box-shadow: -3px 1px 12px 4px #908c8c2e;
                padding: 10px;
                border-top: 2px solid #2b3991;
                border-radius: 0px;
                margin-right:27px;
                bottom: 0px;
                height: 92px;
                background-color: none !important;

            }  */
            .sort-filter-dropdown::before {
                content: '';
                right: 0;
                top: -9px;
                position: absolute;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-bottom: 8px solid #2b3991;
            }
   

.action-page-container small {
    display: none;
}
 
.action-page-container [class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
}
.main-container .user-listing-dropdown {
    background-color: #fff;
    border: none;
    border-radius: 0px;
    min-width: 130px;
    margin-top: 6px;
    /* left: 0; */
    margin-left: -108px;
    border-top: 2px solid #2b3991;
    box-shadow: -3px 1px 12px 4px #908c8c2e;
    padding: 10px;
    z-index: 4;
}
.main-container .sort-filter-dropdown {
    top: 350px;
    position: absolute;
    right: 0px;
    left: auto;
    box-shadow: -3px 1px 12px 4px #908c8c2e;
    padding: 10px;
    border-top: 2px solid #2b3991;
    border-radius: 0px;
    margin-right: 94px;
}
.main-container .user-listing-dropdown a {
    color: #2e2e2e;
    display: flex;
    font-size: 15px;
    padding: 5px;
    justify-content: space-between;
    }
.main-container .user-listing-dropdown span {
        margin-left: 10px;
    }
    .video-information .user-listing-dropdown a {
        justify-content: left;
    }
    .action-page-container .dropdown-block .chosen-container {
        /* width: 63% !important; */
        width: 100% !important;
    }




/* --------------------SEARCH BAR AND FILER PART END-------------------- */


/* --------------------OTHER USER PROFILE PART CSS STATR-------------------- */

.left-section .other-user-profile-image .overall-rank-div {
    position: relative;
    height: 78px;
}
.other-profile-container .left-section {
    flex: 0 0 200px;
}
.other-user-profile-image img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: relative;
}
.image-user img.user-img{
    width: 60px;
    height: 60px;
    position: relative;
}
.user-detail img.overall-rank {
    width: 50px;
    margin-top: -18px;
}
.name-flag img{
    height: 20px;
}
.user-detail p.user-experience {
    font-size: 19px;
}
.user-detail p.user-info {
    font-size: 15px;
}
.user-detail img.share-img {
    width: 20px;
}
.user-detail .share-btn {
    color: #fff;
    background: #8DC63F;
    border: none;
    padding: 8px 20px;
    border-radius: 3px;
    cursor: pointer;
}
.user-detail p.user-info {
    font-weight: 600;
}

.expertise-section img.rank-img {
    height: 20px;
}
.expertise-section img.answer-icon {
    height: 26px;
}
img.other-profile-like-img, img.other-profile-dislike-img {
    width: 20px;
    height: 20px;
}
.course-section .image-div {
    width: 100%;
    height: 200px;
}
.course-section img.course-img {
    width: 100%;
    height: 200px;
    cursor: pointer;
    object-fit: cover;
}
.other-profile-container .channel-section .user-channel-price span {
    font-size: 15px;
    font-family: 'source_sans_prosemibold';
}

.channel-section .channel-img-div {
    position: relative;
    /* height: 70px; */
}
.channel-section img.channel-img {
    width: 40px;
    border-radius: 40px;
    height: 40px;
    cursor: pointer;
}
.channel-section .channel-rank {
    position: absolute;
    top: 37px;
    left: 11px;
}

.channel-section .group-icon {
    position: absolute;
    top: 0;
    right: 0;
}
.channel-section img.channel_group_icon {
    width: 20px;
}
.channel-section img.flag-img {
    height: 13px;
    width: 13px;
    border-radius: 10px;
    object-fit: cover;
}
img.flag-img {
    height: 13px;
    width: 13px;
    border-radius: 10px;
    object-fit: cover;
}
.channel-section span.language {
    font-size: 14px;
    font-weight: 600;
}
.channel-section span.country.language {
    font-size: 11px;
    font-family: 'source_sans_prolight';
}
.channel-item{
     /* min-width: 340px; */
    min-height: 84px;
}
.channel-item .user-active{
    position:absolute;
    left: -3;
    right: 0;
    top: -3;
  }
  .channel-item .user-active .active-image{
    width: 27px;
  }
.channel-item span.country.language {
    font-size: 14px;
    font-family: 'source_sans_prolight';
}
.channel-item span.channel-mbr{
    font-size: 15px;
    font-family: 'source_sans_proregular';
    color:#6c757d;
}
.channel-item span.ch-price{
    font-size: 14px;
    font-family: 'source_sans_prolight';
    
}

p.see-all {
    cursor: pointer;
}
.review-section img.review-img {
    border-radius: 50%;
    height: 34px;
    width: 34px;
}
.review-section p.review-grade {
    font-size: 14px;
}
.review-section .first-review {
    cursor: pointer;
}
.expertise-section .text-ellipsis-2{
    margin-top: -6px;
}
.expertise-section img.answer-icon {
    cursor: pointer;
}
.follower-data img.follower-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.follower-img p{
    line-height: 1;
}
.follower-item .rank {
    position: absolute;
    top: 57px;
    left: 7px;
    right: 0px;
    bottom: -10px;
    display: flex;
    justify-content: center;
}
.follower-item p.flag-title{
    font-size: 14px;
    color: #000;
    font-family: 'source_sans_proregular';
}
.video-section img.video-img {
    width: 78px;
}
.video-section .row {
    cursor: pointer;
}
.video-image-div {
    position: relative;
}
.video-image-div .image-play-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 15px;
    left: 30px;
}
.video-container {
    width: 400px;
    min-height: 250px;
    background: black;
}
.video-div {
    width: 100%;
    /* min-height: 250px; */
    border: none;
}
.videos .video-list-container .box img {
    width: 46%;
}
.course-section .Course-content span {
    font-size: 14px;
    font-family: 'source_sans_prosemibold';
}

.blog-section img.blog-img {
    width: 100%;
    height: 200px;
}
.blog-section p.blog-topic {
    font-size: 12px;
    font-weight: 600;
}
.blog-section p.blog-date {
    font-size: 12px;
}
.review-user-info span {
    font-size: 12px;
}
/* --------------------OTHER USER PROFILE PART CSS END-------------------- */


/* --------------------QUESTION DETAIL PAGE PART CSS START-------------------- */

.question-detail-container {
    max-width: 860px;
    border-radius: 5px;
    padding: 0px 15px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}
.price-box img.answer-icon {
    height: 20px;
}
.answer-user-img{
    width: 30px;
}
/* img.flag-img {
    width: 20px;
} */
/* .user-data {
    background: #E2EFFA;
} */

p.answer-time {
    font-size: 12px;
}
p.comment{
    font-size: 14px;
}
.comment-sec b {
    font-size: 12px;
}
.add-comment p {
    color: #979797;
    cursor: pointer;
}
img.audio {
    width: 400px;
    height: auto;
}
.profile-action span{
    color: #979797;
    cursor: pointer;
}
.user-data a {
    font-size: 14px;
}
textarea.form-control {
    height: 200px;
}
/* .form-group input.form-control{
    width: 400px;
} */
.form-control:focus {
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: none;
}
.comment-sec span {
    font-size: 12px;
}

/* --------------------QUESTION DETAIL PAGE PART CSS END-------------------- */


/* --------------------USER EXPERTISE PAGE BY USER ID PART CSS START-------------------- */
.user-name img {
    height: 20px;
    border-radius: 50%;
    width: 20px;
}
img.expertise-user-img {
    width: 60px;
    height: 60px;
}
.header-part .input-group {
    width: auto;
}

/* .header-part .search-div {
    width: 100%;
} */
.expertise-section .all-expertise {
    min-height: 300px;
}
.other-profile-container .video-more span {
    font-size: 15px !important;
    font-family: 'source_sans_proregular';
    

}
svg.bi.bi-search {
    position: absolute;
    top: 12px;
    height: 16px;
    width: 16px;
    right: 14px;
    z-index: 9;
    cursor: pointer;
}
.load-arrow-icon {
    height: 11px;
}
svg.bi.bi-arrow-clockwise:hover {
    color: #2B3990;
}
.review-user-info
 {
    line-height: 20px;
 }

/* -------------------- USER EXPERTISE PAGE PART CSS END-------------------- */


/* -------------------- USER CHANNEL PAGE BY USER ID PART CSS START-------------------- */

.channel-sec-seeall .channel-section {
    min-height: 300px;
}
/* .channel-section .text-ellipsis-1{
    width: 100px;
} */
.other-expertise p{
    font-size: 15px;
    font-family: 'source_sans_proregular';
}
.download-section .box .app-img{
    width: 110px;
}
.follow-section img.review-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.follows-info img {
    height: 20px;
}
.review-section {
    max-width: 860px;
    margin: auto;
}


/* -------------------- USER CHANNEL PAGE PART CSS END-------------------- */





/* -------------------- USER TOPIC EXPERTISE PAGE PART CSS END-------------------- */
.become-an-expertise span{
    font-size: 22px;
    font-family: 'source_sans_prosemibold';
}
.other-expertise span{
    font-size: 22px;
    font-family: 'source_sans_prosemibold';
}
.section-expended img.answer-icon {
    height: 24px;
}
.other-expertise li, .expertise-question li {
    font-size: 16px;
}
.subscribe-newsletter .form-group input.form-control {
    width: 100%;
}
.subscribe-newsletter .submit-btn {
    background: rgba(43, 63, 149, 1);
    border-color: rgba(43, 63, 149, 1);
    color: rgb(255 255 255);
    padding: 10px 30px;
    border-radius: 2px;
    width: 100%;
    border: 1px solid rgba(43, 63, 149, 1);
}
.section-expended .name-and-flag img{
    height: 14px;
}
p.ques-date {
    font-size: 12px;
}
.become-an-expertise .btn-success {
    width: 100%;
}
.subscribe-newsletter .btn-success{
    width: 100%;
}
.become-an-expertise {
    border: 1px solid #e1e0e0;
}
.other-expertise {
    border: 1px solid #e1e0e0;
}
.subscribe-newsletter p.description{
    font-size: 16px;
    font-family: 'source_sans_prolight';
}

.download-section .green-box {
    background: #77ab3f;
    border: none;
}
.download-section  h3.download-heading{
    color: #fff;
    font-size: 18px;
    font-family: 'source_sans_prosemibold';
}
.download-section p.download-description{
    font-size: 16px;
    color: #fff;
    font-family: 'source_sans_prosemibold';
}
.green-box .box {
    text-align: center;
}
.green-box .box a {
    margin-bottom: 15px;
    display: block;
}


/* ----------------------------MY PROFILE VIDEO CSS--------------------------------- */
.video-list-item{
    border: 1px solid #D8D6D9; 
    min-height: 291px;
   
  }
.video-list-item .video-section {
    width: 100%;
    /* height: 200px; */
    overflow: hidden;
    background: #D8D6D9;
}
.video-list-item .videoImage {
    width: 100%;
    height: 158px;
    object-fit: cover;
}
.video-list-item .vido-icon {
    position: absolute;
    top: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-right: 32px;
}
.video-list-item .vido-time{
    position: absolute;
    top: 127px;
    display: flex;
    justify-content: center;
    background: #00000054;
    margin-left: 12px;
    width: 54px;
    color: #fff;
    height: 22px;
}
.video-list-item .creator-avatar {
    position: absolute;
    top: 144px;
    width: 100%;
    display: flex;
    justify-content: end;
    padding-right: 32px;
    border-radius: 155px;
    left: 0;
    right: 0px;
}
.video-list-item .creator-avatar .avatar-icon{
    width: 30px;
    height: 30px;
    border-radius: 20px;
    border: 2px solid #fff;
}
.video-section .video-price {
    height: 19px;
}
.video-information .channel-owner p{
    font-size: 15px;
    font-family: 'source_sans_prosemibold';
    line-height: 1;
}
.video-information .video-time p{
    font-size: 14px;
    font-family: 'source_sans_proregular'
}
.video-information .video-price p{
    font-size: 14px;
    font-family: 'source_sans_prosemibold'
}

/* ----------------------------MY PROFILE VIDEO CSS END--------------------------------- */

/* FOOTER */


.footer, .copyright  {
    background-color: #fff;
}
.footer-container {
    max-width: 100%;
}
.footer .social-links img.download-btn {
    width: 119px;
    height: 34px;
    cursor: pointer;
}

.footer .social-links img.download-btn:hover {
    border: none;
    transform: scale(1.05);
    }

.box img{
    width: 150px;
}
.footer img.footer-logo {
    width: 130px;
}
.footer ul li a, .footer p {
    font-size: 15px;
    text-decoration: none;
} 
.footer h5 {
    font-size: 18px;
    font-weight: 600;
    font-family: 'source_sans_prosemibold';
    color: #000;

}
.footer ul li .fa {
    background-color: #000;
    border-radius: 50px;
    padding: 12px;
    height: 35px;
    width: 35px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.footer .social-links ul li:hover .fa {
    border: none;
    transform: scale(1.05);
}

.copyright p {
    font-size: 20px;
    font-family: 'source_sans_prolight';
    color: black;
}

/* .copyright .crYear{
    font-family: 'source_sans_prolight';
    font-size: 16px;
} */
hr.footer-line {
    margin: 0;
}
.profile-use-rank .rank-custom {
    position: absolute;
    max-width: 31px;
    left: 47px;
    top: 138px;
    right: 0px;
}
/* .main-container .sort-filter-dropdown {
    top: 352px;
} */


/* CHANNEL INVITATION CSS START*/

.channel-invition-section {
    max-width: 860px;
    border-radius: 5px;
    padding: 0px 15px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f8f8f8;
}   
.channel-invition-section .join-channel {
    background: white;
 } 
 /* .channel-invition-section .image-container {
    width: 200px;
    height: 200px;
    min-width: 220px;
    overflow: hidden;
    border-radius: 50%;
 } */
 /* .channel-invition-section img.channel-logo {
    width: 170px;
    height: 170px;
  } */
  .channel-invition-section .channel_topic p {
    font-size: 15px;
}
  .channel-invition-section p {
    font-size: 20px;
}
  .channel-invition-section img.channel-logo {
    width: 100px;
    height: 92px;
    border-radius: 100%;
}
.channel-invition-section span {
    font-size: 16px;
    margin-left: 8px;
    color: #989898;
}
.channel-invition-section p.members {
    font-size: 16px;
    font-weight: 500;
}
  .channel-invition-section .join-channel img.subscribe-img {
    width: 130px;
  }
  .channel-invition-section p.channel_description {
    font-size: 16px;
}
.channel-invition-section .invitation-channel {
    margin-bottom: 40px;
}
.channel-invition-section h2.mb-1.text-ellipsis-1 {
    font-size: 20px;
} 
.channel-invition-section .text-left {
    font-size: 27px;
    font-weight: 100;
}
.channel-invition-section .channel-members {
    font-weight: 500;
}
.channel-invition-section .step-list {
    list-style: none;
}
.channel-invition-section img.google-play-img, img.app-store-img {
      width: 130px;
      height: auto;
  }
  .channel-invition-section .channel-member {
    font-weight: 500;
   }
  .channel-invition-section img.subscribe-channel-img{
     width: 400px;
  }
  .channel-invition-section a:hover {
    text-decoration: none;
}


/* CHANNEL INVITATION CSS END*/
  






/* ASK QUESTION PAGE CSS START */

.header.sidebar-left-visible img.img-fluid.only-logo {
    width: 30px;
    display: none;
}



/* ASK QUESTION PAGE CSS END */








/* 
.course-list-item .preview-image{
    min-width: 100px;
} */
.channel-item {
    border: 1px solid #e3e3e3;
    /* padding: 15px; */
  }
  
  
  .channel-item .channel-logo {
    width: 50px;
    height: 50px;
    object-fit: cover;
  }
  .channel-item .channel-info-box{
    width: 100%;
  }
  .channel-item p.description{
    font-size: 14px;
    font-family: 'source_sans_proregular';
    line-height: 1.1;
  }
  .channel-item span.visit-dates{
    font-size: 13px;
    font-family: 'source_sans_proregular'
  }
  .channel-item span.channel-price{
    font-size: 15px;
    font-family: 'source_sans_prosemibold'
  }
  /* .channel-item .channel-info-box {
    width: calc(100% - 120px);
  } */
  .channel-item .channel-info-box h4 {
    font-size: 22px;
  }
  .channel-item .rank{
    position: absolute;
    left: 6px;
    right: 0px;
    bottom: 2px;
    display: flex;
    justify-content: center;
    
  }
  .channel-item .rank-badge{
    border-radius: 10px;
    height: 18px;
    margin-top: 0px;
    padding: 0px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    /* min-width: 40px; */
  }

  .profile-inner-header select#topicSelect{
    width: 150px;
     }

     .profile-inner-header .filters-div {
        width: 70px;
    }
    
    .action-page-container small {
        display: block;
    }
    .action-page-container [class^="icon-"], [class*=" icon-"] {
        padding-right: 2px;
    }
    /* .action-page-container .search-div {
        width: 400px;
    } */
    .app-feature {
        width: 100%;
    }
    .app-feature .section-header h2.section-title {
        font-size: 22px;
    }

    .section-header p.title {
        margin-top: -6px;
        line-height: 16px;
        font-size: 16px;
    }
    .app-feature .feature-div .create-features {
        border: 1px solid #eee;
        padding: 30px 20px;
        width: 100%;
    }
        .app-feature button.view-detail-btn {
        padding: 0;
        width: auto;
        color: #7D7D7D;
        font-size: 14px;
        font-weight: 600;
    }
    .app-feature button#submitNewsLetter {
        background: #2b4196;
        color: #fff;
        font-size: 18px;
        padding: 8px 10px;
        width: 100%;
        border-radius: 4px;
        cursor: pointer;
    }
    .newsletter-box .form-group input.form-control {
        width: 217px;
    }
    div#rightSideBox{
        width: 100%;
    }
    .newsletter-box{
        width: 100%;
        border: 1px solid #eee;
        padding: 20px 20px;
    }
   
    .channel-section img.channel-img {
        width: 44px;
        border-radius: 40px;
        height: 44px;
        cursor: pointer;
    }
    /* .channel-section .channel-rank {
        position: absolute;
        top: 34px;
        left: 9px;
    } */
    
    .video-section img.video-img {
        width: 78px;
    } 
    .video-image-div .image-play-icon {
        position: absolute;
        width: 20px;
        height:20px;
        top: 13px;
        left: 30px;
    }

    

    .lds-ring {
        display: inline-block;
        position: relative;
        width: 64px;
        height: 64px;
      }
      .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 51px;
        height: 51px;
        margin: 6px;
        border: 6px solid #000;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #000 transparent transparent transparent;
      }
      .lds-ring div:nth-child(1) {
        animation-delay: -0.45s;
      }
      .lds-ring div:nth-child(2) {
        animation-delay: -0.3s;
      }
      .lds-ring div:nth-child(3) {
        animation-delay: -0.15s;
      }
      @keyframes lds-ring {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

      .dynamic-error-page-url  {
        background: #2b3991;
        margin: 30px auto 0;
        color: #fff;
        padding: 8px;
        border-radius: 4px;
    }

    
    .error-item .error-message {
        color: #000;
        font-size: 40px;
        font-family: 'source_sans_prosemibold';
    }

    /* #topicDivId{
        max-width: 125px;
        min-width: 125px;
        } */
.chosen-single span {
    text-overflow:ellipsis;
    overflow:hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    /* text-align: center; */
}

.main-container .sort-filter-dropdown {
    top: 352px;
}
.main-container .dropdown-menu-item{
    position: absolute;
    top: 0px;
    left: 9px;
    right: 0px;
    margin-top: 45px;
}



@media (min-width: 768px) {
    #mobile-nav, #mobile-body-overly  {
       display: none!important;
    }
    .sidebar-left .sidebar{
        display: block;
    }
    .sidebar-left + .header.always-visible img.logo-fixed {
        display: none;
    }
    
    
}

@media (max-width: 768px) and (min-width:675px) {
    
    .side-menu-bar img {
        width: 15%;
    } 

    .video-icon {
        display: block;
    }
    img.video-icon {
        width: 8%;
    }

    .header.header-fixed #mobile-nav-toggle i {
        color: #000;
    }
    #mobile-nav {
        position: fixed;
        top: 0;
        padding-top: 100px;
        bottom: 0;
        z-index: 998;
        left: -100%;
        width: 100%;
        padding: 15px 0px 0px 15px;
        overflow-y: auto;
        transition: 0.4s;
        text-align: left;
    }

   
   
    #mobile-nav ul {
        margin-top: 40px;
    }
    .login-signup-btn {
        display: block;
    }
    button.btn.login-btn {
        display: none;
    }
    .channel-invitation-page .invitation_page {
        margin-top: 40px;
        min-height: calc(100% - 211px);
        padding-bottom: 55px;
    }
    .channel-container img.google-play {
        width: 150px;
    }
    .pagination-container .pagination{
        margin-left: 20px;

    }
}
@media only screen and (max-width: 674px) and (min-width:575px) {
    
    .side-menu-bar img {
        width: 15%;
    }
    #mobile-body-overly {
        background-color: #2F3E98;
    }
    .video-icon {
        display: block;
    }
    img.video-icon {
        width: 8%;
    }
    
    #mobile-nav ul {
        margin-top: 40px;
    }
    .login-signup-btn {
        display: block;
    }
    .header.header-fixed #mobile-nav-toggle i {
        color: #000;
    }
    .channel-invitation-page .invitation_page {
        margin-top: 40px;
        min-height: calc(100% - 211px);
        padding-bottom: 55px;
    }
    .channel-container img.google-play {
        width: 130px;
    }
}
@media only screen and (max-width: 574px) and (min-width:480px) {

    img.video-pause-icon {
        margin-left: 48px;
    }
    .header img.img-fluid.logo {
        width: 90px;
    }
    .header img.img-fluid.logo-fixed {
        width: 90px;
    }
    .max-width .col-lg-6.col-md-6.col-sm-12.col-12.p-0 {
        text-align: center;
        padding: 0px 15px!important;
    }
    .video-icon {
        display: block;
    }
    img.login-signup-icon {
        width: 9%;
    }
    .login-signup-btn {
        display: block;
    }

    #mobile-body-overly {
        background-color: #2F3E98;
    }
    #mobile-nav-toggle i {
        color: #fff;
        font-size: 22px;
    }
    .header.header-fixed #mobile-nav-toggle i {
        color: #000;
        font-size: 22px;
    }
    .channel-invitation-page .invitation_page {
        margin-top: 40px;
        min-height: calc(100% - 211px);
        padding-bottom: 55px;
    }
    .channel-container img.google-play {
        width: 130px;
    }
}

@media only screen and (max-width: 479px) {
 /* .common-header .container.header-container {
    max-width: 100%;
    padding: 12px 12px;
} */
   
img.video-icon.head-menu-icon {
    width: 10%;
}
    
    .head-menu-icon{
        width: 24px;
    }
   
    .side-menu-bar ul li a {
        font-size: 13px;
        padding: 11px 16px 16px 15px;
    }
    
    .side-menu-bar img {
        width: 15%;
    }

    .header button.signup-btn {
        background-color: transparent;
        box-shadow: none;
    }
    .header button.login-btn {
        background-color: transparent;
        box-shadow: none;
    }
    .header.header-fixed .main-navigation ul li button.login-btn {
        background-color: transparent;
        box-shadow: none;
    }
    .not-scrobale{
        overflow: hidden;
    }
    #mobile-body-overly {
        background-color: #2F3E98;
    }
    ul.nav-list {
        margin-top: 15px;
    }
    
    .video-icon{
        display: block;
    }

    /* #mobile-nav span {
        margin-left: 20px;
    } */
    img.video-icon {
        width: 8%;
        height: 8%;
    }
  
    #mobile-nav button.btn.login-btn {
        text-align: left;
    }
    .login-signup-btn{
        display: block;
    }
    .btn.login-btn{
        display: none;
    }
    .btn.signup-btn{
        display: none;
    }
    /* .dropdown{
        display: none;
    } */
    img.login-signup-icon {
        width: 9%;
    }
    .search-list .header, .user-basic-info .header{
        height: 50px;
    }

    .footer ul li .fa {
        padding: 9px;
        height: 30px;
        width: 30px;
    }
    .copyright p {
        font-size: 15px!important;
    }
    .copyright{
        background-color: white;
    }
    /* .p-0 {
        align-items: center;
        /* text-align: center; */
    /* }s */ */
    .p-4 {
        padding: 10px 0px 0px 0px!important;
    }
   /*button.btn {
        background-color: transparent;
    }*/
    .how-it-works .header {
        height: 50px;
        padding: 10px 0;
        border: none;
    }
 */
    .channel-invitation-page .invitation_page {
        margin-top: 40px;
        min-height: calc(100% - 211px);
        padding-bottom: 55px;
    }
    .channel-container img.google-play {
        width: 130px;
    }
}




/*========= Responsive *****======*/

@media (max-width: 768px) {
   
	.header #nav-menu-container {
		display: none;
	}
    /* .header a img.img-fluid.logo, .header img.img-fluid.logo-fixed {
        width: 110px;
        max-width: none;
    } */
    
    .header.header-fixed, .header.always-visible {
        height: 55px;
    }
    .header #mobile-nav-toggle {
        display: block;
    }

    .vertical-nav {
        margin-left: -17rem;
      }
      .vertical-nav.active {
        margin-left: 0;
      }
      /* .vertical-nav-overlay.active {
        display: block;
    } */
    .sidebar-left ~ .footer {
        padding: 0px;
    }
    .footer-container {
        /* padding: 0px 15px; */
        max-width: 100%;
    }



    /* img#imageRefresh {
        width: 150px;
    } */
    /* .text-ellipsis-2 {
        font-size: 18px;
    } */


}

@media (min-width: 576px) {

    
   
    .flex-sm-fill{
        flex: 1 1 auto !important;
    }
    .text-ellipsis-sm-3{
        text-overflow:ellipsis;
        overflow:hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: normal;
      }

    .w-sm-75{
        width: 75%!important;
    }
    .w-sm-50{
        width: 50%!important;
    }

    .w-sm-25{
        width: 25%!important;
    }
    .profile-use-rank .rank-custom {
        position: absolute;
        max-width: 31px;
        left: 48px;
        top: 130px;
        right: 0px;
    }
    .other-profile-container span {
        font-size: 22px;
        font-family: 'source_sans_prosemibold';
        }
        .rank {
            position: absolute;
            left: 7px;
            right: 14px;
            bottom: 0px;
            /* top: 0; */
        }
        .sort.filters-div, .filter.filters-div {
            /* padding: 13px 13px; */
            align-items: center;
            display: flex;
            width: 42px;
        }
        
        .main-container .sort-filter-dropdown {
            top: 302px;
        }
        .main-container .sort-filter-dropdown {
            top: 302px;
        }
        .main-container .sort-filter-dropdown {
            top: 310px;
            position: absolute;
            right: 0px;
            left: auto;
            box-shadow: -3px 1px 12px 4px #908c8c2e;
            padding: 10px;
            border-top: 2px solid #2b3991;
            border-radius: 0px;
            margin-right: 94px;
        }
        .main-container .dropdown-menu-item{
            position: absolute;
            top: 0px;
            left: 9px;
            right: 0px;
            margin-top: 45px;
    }
        }
        .channel-section .channel-rank {
            position: absolute;
            top: 32px;
            left: 7px;
         } 
    .channel-section img.channel-img {
        width: 39px;
        border-radius: 40px;
        height: 39px;
        cursor: pointer;
    }
  
    .channel-invition-section {
        margin-top: 110px;
    }
    .left-section span {
        font-size: 14px;
        /* font-weight: 600; */
    }
    .other-profile-container span {
        font-size: 22px;
        font-family: 'source_sans_prosemibold';
    }
    .channel-invition-section p{
        font-size: 22px;
    }
    .channel-invition-section span {
        font-weight: 400;
    }
    .channel-invition-section button.btn.btn-success {
        font-size: 18px;
    }
    .action-page-container .dropdown-block .chosen-container {
        /* width: 63% !important; */
        width: 316px !important;
    }
    .video-section img.video-img {
        width: 78px;
    }
    .video-image-div .image-play-icon {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 13px;
        left: 30px;
    }
    .action-page-container .search-div {
         width: 316px; 
        /* width: 63%; */
    }
    .action-page-container .select-topic-box{
        width: 100%;
    }
    /* .main-container .sort-filter-dropdown {
        top: 245px;
   
    } */
    .section-expended .other-user{
        border: none !important;
    }
    .user-detail {
        border: 1px solid #dee2e6!important;
    }
    .noX-steps li::before, .noX-steps li::after {
        display: block;
    }
    .noX-steps li:first-child {
        border-left: 1px solid #ddd;
    }
    .noX-steps li:last-child {
        border-left
        : 1px solid #ddd;
    }
    .noX-steps li:nth-child(even) {
        border-left
        : 1px solid #ddd;
    }
    /* .main-container .sort-filter-dropdown {
        top: 352px;
    } */
    /* .main-container .sort-filter-dropdown {
        top: 310px;
        position: absolute;
        right: 0px;
        left: auto;
        box-shadow: -3px 1px 12px 4px #908c8c2e;
        padding: 10px;
        border-top: 2px solid #2b3991;
        border-radius: 0px;
        margin-right: 94px;
    } */
    .drop-icon{
        margin-top: auto;
    }

    .noX-steps li h1 {
        font-size: 48px;
    }
    .noX-steps .step-count {
        background: none;
        border-radius: 0;
        height: auto;
        width: auto;
    }
    .noX-steps li {
        width: 180px;
    }
    .noX-steps .step-count.done {
        border: none;
    }
    .noX-steps .step-count.active {
        border: none;
    }
    .noX-steps .step-count {
        border: none;
    }
    .app-feature .section-header h2.section-title {
		font-size: 28px;
        line-height: 45px;
	}
    .app-feature .feature-div .create-features {
        width: 47.5%;
    }
    /* .create-features {
		width: 47%;
	} */
	div#rightSideBox{
		width: 47%;
	}
	.newsletter-box{
		width: 47%;
	}
    .header.sidebar-left-visible img.img-fluid.only-logo {
        display: none;
    }
   
    .video-section .video-price {
        height: 18px;
    }


@media (min-width: 768px){
 
    p {
        font-size: 14px;
        font-family: 'source_sans_proregular';
    }
    
    
    .flex-md-fill{
        flex: 1 1 auto !important;
    }
  .text-ellipsis-md-3{
    text-overflow:ellipsis;
    overflow:hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
  .profile-use-rank .rank-custom {
    position: absolute;
    max-width: 31px;
    left: 48px;
    top: 138px;
    right: 0px;
}
.other-profile-container span {
    font-size: 22px;
    font-family: 'source_sans_prosemibold';
    }
    .action-page-container .dropdown-block .chosen-container {
        width: 100% !important;
    }
  .channel-item .channel-logo {
    width: 50px;
    height: 50px;
  }
  /* .channel-item .channel-info-box {
    width: 100%;
  } */
  .channel-item .channel-info-box h4 {
    font-size: 1.5rem;
  }
  .channel-item .rank{
    position: absolute;
    left: 7px;
    right: 0px;
    bottom: 6px;
    display: flex;
    justify-content: center
    
  }
  .body-container {
    padding: 0px 32px 0px 100px;
}
.body-container .page-title {
    border: none;
    font-size: 30px;
    margin-bottom: 0px;
    line-height:1.2;
    display: inline-block;
    color: #2e2e2e;
    font-family: 'source_sans_prosemibold';
    position: relative;
}
.body-container .page-subtitle {
    font-size: 16px;
    margin-bottom: 0px;
    color: #858586;
}
.sort.filters-div, .filter.filters-div {
    /* padding: 13px 13px; */
    align-items: center;
    display: flex;
    width: 42px;
}
.action-page-container .search-form {
    width: 40%;
    float: left;
}
.action-page-container {
    width: 100%;
    float: left;
}
.action-page-container .search-div {
    width: 288px;
    /* width: 50%; */
}

.main-container .sort-filter-dropdown {
    top: 178px;
    position: absolute;
    right: 0px;
    left: auto;
    box-shadow: -3px 1px 12px 4px #908c8c2e;
    padding: 10px;
    border-top: 2px solid #2b3991;
    border-radius: 0px;
    margin-right: 32px;
}
.drop-icon{
    margin-top: 0px;
} 
.action-page-container .select-topic-box{
    width: 30%;
}

/* .about-section.hide-md.show-sm {
    display: none;
} */


.other-profile-container .left-section {
    flex: 0 0 227px;
}
.other-profile-container .section-fixed {
    flex: 0 0 300px;
}
/* .header-part .search-div {
    width: 350px;
} */
.follower-data img.follower-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.video-section .video-price {
    height: 16px;
}
.blog-section img.blog-img {
    width: 100%;
    height: 100px;
}


.create-course-page .left-section {
    flex: 0 0 200px;
}

.list-view .overall-rank-div {
    top: 95px;
}
.create-features {
    width: 48%;
}
div#rightSideBox{
    width: 48%;
}
.newsletter-box{
    width: 48%;
}
.inner-tab .tab-option a {
    padding: 10px 10px;
    font-size: 20px;
}



@media (min-width: 880px){
    .channel-invition-section {
         box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; 
    }

    .blog-section img.blog-img {
        width: 100%;
        height: 150px;
    }
    .max-width {
        margin-top: 110px;
    }




}



@media (min-width: 992px){

    p{
        font-size: 15px;
    }
    .other-profile-container span {
    font-size: 22px;
    font-family: 'source_sans_prosemibold';
    }
    .other-profile-container .left-section {
        flex: 0 0 300px;
    }
    .profile-use-rank .rank-custom {
        position: absolute;
        max-width: 31px;
        left: 56px;
        top: 146px;
        right: 0px;
    }
    .video-section .video-price {
        height: 16px;
    }

    /* blog-page css start */
    .app-feature {
        flex: 0 0 305px;
        }
    .app-feature .feature-div .create-features {
            width: 100%;
        }
    div#rightSideBox {
        width: 100%;
    }
    .newsletter-box {
        width: 100%;
    }
  

}
 
 

@media (min-width: 1024px) {
    .blog-section img.blog-img {
        width: 100%;
        height: 200px;
    }
}
@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}

    


@media only screen and (max-width: 321px)
{
    /* #topicSelect {
    height: 38px;
    width: 298px;
    
} */
}

@media (min-width: 576px) and (max-width: 885px)
{.main-container .filter-div {
    width: 50%;
}}

 /* @media (min-width: 320px) and (max-width: 576px)
{ */
    /* .main-container .filter.filters-div {
    width: 52px;

} */
/* .main-container .sort.filters-div {
    width: 52px;

} */
/* .main-container .filter-div {
    width: 86%; */
    /* top: 424; */
/* .main-container .filter-div:before {
    right: auto; */
.main-container .user-listing-dropdown {
    margin-top: 90px;
    /* min-width: 110px; */
    margin-left: 10px;
    /* margin-right: auto; */
    /* right: auto; */
    position: absolute;
}
.main-container .dropdown-menu-item{
    position: absolute;
    top: 0px;
    left: -93px;
    right: 0px;
    margin-top: 45px;
}
.dropdown-menu::before {
    /* right: 94px!important; */
    right: 15px!important;
}


}


@-webkit-keyframes delay {
	0%,
	100%,
	40% {
		-webkit-transform: scaleY(.05);
	}
	20% {
		-webkit-transform: scaleY(1);
	}
}

@keyframes delay {
	0%,
	100%,
	40% {
		transform: scaleY(.05);
		-webkit-transform: scaleY(.05);
	}
	20% {
		transform: scaleY(1);
		-webkit-transform: scaleY(1);
	}
}