/*
@media (min-width: 576px){
.container {
    max-width: 80%;
}
}
*/

@media (max-width: 991px){
  .navbar.navbar-logo-color {
    padding: 4px 0 0px;
    background: #BD6B41;
    margin: 0 !important;
}  

    
}
@media (min-width: 1200px) and (max-width:1364px) {

.main-nav nav .navbar-nav .nav-item a {
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 12px;
    margin-right: 12px;
    color: #fff;
    line-height: 46px;
    border-radius: 0;
}


}

@media (min-width: 320px) and (max-width:767px) { 
    .mt-30{ margin-top: 15px !important;}
    .pt-50 {
    padding-top: 10px !important;
    }
    .pb-90 {
    padding-bottom: 10px !important;
}
 .pb-60 {
    padding-bottom: 20px !important;
}   
.pb-50 {
    padding-bottom: 10px !important;
}        
  .testimonial-ar {
    margin-top: 53px;
    margin-bottom: 29px;
}  
.chat-msg-content {
    margin-left: -41px !important;
    max-width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 61px !important;
    word-break: break-word;
} 
 .online-profile{
    width: 100%;
    float: right;
    position: absolute;
    top: 10px;
    right: 0;
    text-align: end;}
.online-profile .toggle {
    position: relative; right: 0;
    top: 0;
    width: auto;
    text-align: center;
    color: #6EC68D;
    height: 25px;
    background: #6ec68d1f;
    border-radius: 100px;
    border: solid 1px;
    font-size: 10px;
    line-height: 13px;
}
      
    .calculation-form{text-align: left;}    
    
header{ overflow: hidden;}
.post-slider {
    width: 100%;
    margin-left: 0px; 
    margin-top: 40px;
    overflow: hidden;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin: 0 auto;
}
.testimonial-ar .post-slider{ margin-top: 0;}   
    .list-bg-circle:before{ background: none;} 
    .list-bg-circle:after{ background: none;}  
.owl-carousel .owl-stage-outer{ overflow: inherit;}
/*.others-option .dropdown{ display: none;}*/
.has-search{ display: none;}
.others-option .dropdown img {
    border-radius: 50px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    object-fit: cover;}
.mt-87 {
    margin-top: 15px !important;
}
.list-left-ar img {
    width: 268px;}
.tab-sec ul li {
    text-align: center;
    width: 50%;
}
.faq-bg {
    background: #F4F4F4;
    border-radius: 10px;
    padding: 20px;
}
.banner-form h3 {
    font-size: 20px;
}
.btn-post svg {
    position: relative;
    top: 6px;
    font-size: 12px;
    width: 14px;
}
 .btn-post {
    padding: 0px 13px;
    background: #6ec68d;
    border-radius: 46px;
    color: #fff;
    float: right;
    font-size: 11px;
    line-height: 28px; top: -7px;
}   
.post-details-text iframe{ width: 100%;}   
.post-details-text.notification-dtltext{ text-align: justify;}    

.list-left-ar:before{ width: 100%; height: auto; background: none;}
.faq-img-ar img {
	width: 100%;}
.post-hd-text{
    font-size: 15px;
    line-height: 40px;
    color: #1B1D28;
	margin-bottom: 0;}
.post-text h6 {
    color: #1B1D28;
    font-size: 14px;
    margin-top: 10px;
}
.post-box{ background: #fff; height: auto; box-shadow: 1px 1px 11px #ececec;}
.slider-box .post-text p {
    color: #383434;
    font-size: 13px;
    margin-top: 8px;
}
.post-res-btn{ padding: 7px 20px !important; }
.post-btn {
    background: #6ec68d;
	color: #ffffff;}
.navbar-nav .signup.active{border-radius: 20px;
    width: 103px;
    background: linear-gradient(90deg, #B65120 0%, #DC7B30 100%);
    height: 37px;
    line-height: 19px;
    text-align: center; 
  }

.slider-box .post-hd p {
   font-size: 12px;
    color: #666;
    margin: 0;
	}
.testimonial-ar .post-text p {
    color: #2D2D2D;
    font-size: 13px;
    margin-bottom: 0;
}
.testmonial-ptext{position: relative; left: 0px;
    top: 0px; margin-left: 15px;} 
.testimonial-ar .post-hd p{ margin-bottom: 0;}
.testimonial-ar .post-box {
    background: #F4F4F4;
    border-radius: 20px;
	height: auto;}
	
	
.list-sec.mt-5{margin-top:0 !important;}
.list-left-ar {
    margin-top: 0px; 
}	
.box-sec {
  width: auto;
	}
	.list-bg h3 {
    font-size: 22px;
    padding: 0;
    margin-bottom: 0;    z-index: 99;
    position: relative;
}
 .search-comment button {
    background: #9BA6AC;
    border-radius: 20px;
    padding: 7px 36px;
    color: #fff;
    border: none;
}
.search-comment form input {
    width: 61%;
    border: none;
    padding-left: 44px;
    height: 41px;
    background: none;
}     
.slider-box.mb-5{ margin-bottom: 10px !important;}
.banner-text h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    color: #1B1D28;
    /* line-height: 154.3%; */
    margin-bottom: 20px;
}	
.banner-text p{ text-align: center;}	
.section-faq {
    margin-top: 20px;
}
.header-sec .col-md-6{ width: 50%}
.header-sec .navbar-brand img{ width: 100%;} 
.header-sec .navbar-nav{    display: inline-block;
    width: 100%;
    padding-top: 12px;}	
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
    color: #1B1D28;
    font-size: 12px;
}
.navbar-nav .active { 
    background: none;
    height:auto; line-height: 25px;
    text-align: center;
    }
.navbar-nav li {
    position: relative;
    display: inline-block;
    padding: 0px 1px;
} 
.header-sec .navbar-collapse{float: right;}
.bg-white {
    box-shadow: 0px 49px 100px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    text-align: center;
	padding: 10px;}		
.search-btn {
    background: #6EC68D;
    border: none;
    border-radius: 20px;
    position: absolute;
    right: 0px;
    width: 39%;
    height: 42px;
    color: #fff;
}
.search-ar {
    width: 76%;
    border: none;
    padding-left: 16px;
    height: 43px;
    margin-left: 9px;
    border-radius: 20px;
    background: #f2f2f2;
}
.join-box .col-md-4{ width: 50%}	
.box-sec {padding: 16px; height: auto;}
.box-sec h4 {font-size: 12px;}
.box-sec svg{ width: 36px; height: 36px;}
.sing-popup {
    width:auto;
}	
.after-login-index {
    padding: 5px 16px 7px !important;
    height: auto !important;
}	
.navbar-toggler-icon{ background: #222;}	
.others-option{position: absolute;
    top: 13px;
    right: 50px;}
.banner-text {
    padding-top: 70px;
}  
.others-option a {
    color: rgba(255, 255, 255, 0.67);
    font-weight: 600;
    font-size: 10px; padding: 3px 6px; }
    
 .others-option .dropdown-menu a {
    color: black;
     padding: 3px 16px;}   
    
    
    
.logo img{width: 100%;
    padding-top: 0px;}   
.chat-sec {
    background: #fff;
    margin-top: 0px;
    z-index: 999;
    position: inherit;
    border-radius: 30px;
    padding-top: 70px;
}    
.chat-sec .chat-8 {
    flex: 100%;
    width: 100%;
    max-width: 100%;
}
    
 .chat-sec .chat-4 {
    flex: 100%;
    width: 100%;
    max-width:100%;
}   
.pofile-table-sec {
     height: auto;}    
  .gain-box .gain-img {
       background: linear-gradient(0deg, #F1F1F1, #F1F1F1);
    height: 123px;
    padding: 10px 10px; overflow: hidden;
    text-align: center;
    position: relative;}  
.stock-page.mt-50{ margin-top: 15px !important;}
.gain-box .gain-img img{    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    display: inline-block;}   
    
    
    
.gain-text h4 {
    font-family: Avenir Next;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #353535;
    margin-bottom: 0;
}
.gain-text h4 {
    font-family: Avenir Next;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;}
.gain-text p{ margin-bottom: 0px;}
.profile-file-box-sec .gain-text .col-md-5{ padding-left: 15px !important;}
.profile-file-box-sec .col-md-4.col-sm-6.col-xs-6{ width: 50%;
}
.sign-up{ display: none;}
.profile-bg-white-hd h6 {
    font-size: 12px;
    margin: 0;
}  
.add-text {
    font-size: 11px;
    color: #98ACB8;

}
.new-mgs-btn {
    width: 252px;
    height: 40px;
    text-align: center;
    float: right;
    padding: 3px;
    margin-top: 25px;
}
.profile-edit {
    position: absolute;
    background: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    left: 0px;
    display: inline-block;
    top: 55px;
}
.top-contributor-box .media-comment-ul{ margin-top: 0 !important;}
.favourite-post .media-comment-ul {
    text-align: left;
    margin-bottom: 0;
    margin-top: 8px;
    }  
.notification-icon:after {
    position: absolute;
    background: #6ec68d;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    content: '';
    top: 0px;
    left: 13px;
    border: solid 1px #fff;
}
.market-box {
    padding: 18px;
}
.pofile-table-sec {
    padding: 15px;}
.profile-hd {
    text-align: center;
}
.tab-sec ul li a {
    padding: 3px 27px;
}
.chat-msg {
    display: flex;
    padding: 0 0px 35px;
} 
  .load-more-btn a{ display: block; background: #6ec68d2e; width: 160px;
    padding: 10px 25px;
    border-radius: 50px;
    color: #6ec68d; margin:  0 auto;} 

    .owl-dots .owl-dot.active {
    background: #bd6b41 !important;
}
    .w-64 {
    width: 64% !important;
}
 .right-text-ar p {
    color: #9BA6AC;
    font-size: 13px;
    text-align: center;
}   
    
    
.create-Posts-btn-pr-div{ text-align: center;}
  
.create-Posts-btn-pr-div .btn-post{ text-align: center; margin-top: 8px;}
  .comment-tabs .nav-tabs .nav-item {
      padding: 10px 4px 0;}
      .mamber-chat-profile{ display: none;} 
    
.comment-ar{ text-align: left;}   
.comment-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    color: #595959;
      font-size: 17px;}  
.comment-member-chat .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
       font-size: 12px;} 
 
.btn-post.chat-btn-post {
    padding: 0px 13px;
    background: #6ec68d29;
    border-radius: 46px;
        color: #3eb119;}
 .btn-post.chat-btn-post a {
    color: #6ec68d;
}   
    .btn-post.chat-btn-post svg path{ fill: #6ec68d;}  
    
.agn-testimonial{ display: none;}
.testimonial-page-ar p {
    font-style: normal;
    font-size: 14px;
    color: #646464;
    margin-top: 20px;
    text-align: justify;
}    
 .testimonial-content {
    position: relative;
    top: 0;
}
    
 .testimonial-sec-ar:before {

    background-repeat: no-repeat; display: none;
}   
 .testimonial-gallerysec:before {
   display: none;
}   
    .testimonial-img-gallery-ar .col-md-3{ width: 50%; max-width: 50%;}   
.testmonial-gallery-img img {
    width: 100%;
    height:auto;
    border-radius: 100%;
}
.post-details .post-details-heading {
    font-family: Avenir Next;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;}
    
.contact-form{ height: auto;}   
.contact-img{ display: none;}    
.btn-light {
    background: rgb(110 198 141 / 14%);
    color: #6EC68D;
    height: 50px;
    font-weight: 600;
    border-radius: 100px;
    margin-top: 30px;
    border: none;
    width: 100%;
    font-size: 12px;
}  
.contact-hd h3 {
    font-size: 17px;
    color: #323232;
    font-family: AvenirNextLTPro-Bold;
}  
 .contact-form {
    padding: 0px 30px;
}   
  #main #faq .card .card-body {
    padding-top: 26px;
    font-size: 13px;
    line-height: 29px;
    text-align: justify;
    font-weight: 600;
}  
.post-res-btn .sign-up{      text-align: center !important;
    background: #bd6b41;
    color: #fff !important;
    border: none;
    border-radius: 50px;
    box-shadow: none;  
}
.disclaimer-ar .media-body p {
    font-size: 12px;
    line-height: 24px;
    color: #646464;
    text-align: justify;
    padding-top: 0px !important;
}    
 .disclaimer-ar h5 {
    font-size: 17px;
    position: relative;
    line-height: 26px;
}   
.footer-menu ul li {
    display: inline-block;
    padding: 5px 10px 5px;
}    
  
 .footer-menu ul {
    list-style: none;
    text-align: center;
    padding-left: 0;
}    
    
.footer-social ul {
    list-style: none; padding-left: 0;
}   
.chat-area-footer .chat-msg-profile{ display: none;}  
    
.chat-area-footer input {
    margin: 0 2px;padding: 5px;}  
    
.chat-area-footer {
     padding: 10px 18px 10px 0px !important;}
    
.chat-area-footer input {
    padding: 5px !important;
    margin: 0 5px !important;} 
    
 .chat-sent-btn {
    padding: 5px 9px 5px 5px !important;
    border-radius: 39px!important;
    font-size: 13px!important;

}   
   .profile-img-right-sec {
    position: relative;
    display: block;
    width: 17%;
      margin: 0 auto;}     
    
 .others-option .dropdown-menu {
    border: none;
    min-width: 110px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 99;left: -45px !important;} 
   
    
    
}

@media (min-width: 300px) and (max-width:320px) { 
.navbar-nav .signup.active {
    border-radius: 20px;
    width: 85px;
    background: linear-gradient(90deg, #B65120 0%, #DC7B30 100%);
    height: 30px;
    line-height: 13px;
    text-align: center;
}
.testmonial-ptext {
position: relative;
left:0px;
top: 0px;margin-left: 20px;
}
.list-left-ar img {
    width: 268px; left: 0;
}
.footer-menu ul li a {
    color: #3E3E3E;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
}
.footer-menu ul li {
    display: inline-block;
    padding: 5px 10px 5px;
}
    
.footer-menu ul {
    list-style: none;
    text-align: center;
    padding-left: 0;
}    
    
.footer-social ul {
    list-style: none; padding-left: 0;
}  
.faq-img-ar img{ width: 100%;}
.post-hd-text {
    font-size: 15px;
    line-height: 20px;}    
    
 .post-slider .post-box:hover .post-hd p {
    color: #1B1D28;
    margin-left: 15px;
}   
 
 .tab-sec ul li a {
    padding: 3px 11px;
}   
.chat-bg-ar {
      padding: 10px 8px !important;}  
.chat-top-header-sec.d-none{ display: none;} 
 .others-option .dropdown-menu a {
    color: black;
     padding: 3px 15px;}   
    
    
}



@media (min-width: 768px) and (max-width:992px) { 
.contact-form{ height: auto;}   
.contact-img{ display: none;}  
.chat-sec {
    background: #fff;
    margin-top: 0px;}
/*
.others-option {
    position: absolute;
    top: 3px;
    right: 45px;
}
*/
    .contact-hd h3 {
    font-size: 17px;
    color: #323232;
    font-family: AvenirNextLTPro-Bold;
}
 .others-option .dropdown img {
    border-radius: 50px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    object-fit: cover;
}   
.others-option .dropdown-menu {
    border: none;
    min-width: 110px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99;
    left: -45px !important;
}    
   
    
/*
 .others-option .dropdown {
    display: none;
}
*/
/*
    .sign-up {
    display: none;
}
*/
 #main #faq .card .card-body {
    padding-top: 26px;
    font-size: 13px;
    line-height: 29px;
    text-align: justify;
    font-weight: 600;
}   
/*
.has-search {
    display: none;
}
*/
.notification-icon:after {
    position: absolute;
    background: #6ec68d;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    content: '';
    top: 5px;
    left: 14px}    
    
.disclaimer-ar .media-body p {
    font-size: 12px;
    line-height: 24px;
    color: #646464;
    text-align: justify;
    padding-top: 0px !important;
}
.disclaimer-ar h5 {
    font-size: 16px;
    position: relative;
    line-height: 20px;
}
.tab-sec ul li {
    text-align: center;
    width: 50%;
}
    
.section-ar.join-box .col-md-10 .col-md-3{  -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 50%;
    max-width: 50%;}    
    
.list-left-ar img {
    width: 300px;
    left: 0px;
    position: relative;
}    
 .list-left-ar:before {
 background: none;
 width: 100%;
 height: auto;
 position: inherit; 
 content: '';
 top: 0px; 
 left: 0px; 
}  
 .list-bg h3 {
    font-size: 13px;
    padding: 0 35px;
    margin-bottom: 0;
}  
    
.section-ar.chat-footer .col-md-6{    flex: 0 0 80%;
    max-width: 80%;}   
    
 .footer-menu ul li {
    display: inline-block;
    padding: 15px 10px 15px;
}   
.post-slider .owl-nav {
    position: absolute;
    top: -103px;
    right: 53px;
}
    
 .faq-img-ar img {
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
     width: 80%;}   
    
   .testimonial-ar {
    margin-top: 50px;
    margin-bottom: 50px;
} 
    
 .submit-btn {
    width: 100%;
    padding: 9px;
    margin-top: 10px;
    font-size: 12px;
    margin-bottom: 0px;
}   

    
.banner-ar .col-md-7 {
       -webkit-box-flex: 0;
    -ms-flex: 0 0 45.333333%;
    flex: 0 0 45.333333%;
    max-width: 45.333333%;
}    
    
.banner-ar .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 54.666667%;
    max-width: 54.666667%;
}
  .chat-bg-ar {
      padding: 10px 8px !important;}  
    
.chat-sec .chat-4 {
    flex: 0 0 100%;
    max-width: 100%;
}
    
 .chat-sec .chat-8 {
    flex: 0 0 100%;
    max-width: 100%;
}   
    
.profile-file-box-sec.stock-page .gain-text h4 {
    height: 50px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;} 
    
.comment-ar .media h5 {
     font-size: 13px;}   
 
    
.profile-file-box-sec.stock-page .gain-img {
    padding: 0px;
    background: none;
    height: auto;}    
    
 .stock-hd {
   margin-top: 46px;}  
.mobile-nav a img{ width: 98%;}    
    
 .chat-top-header-sec {
    padding: 20px;
    border-radius: 10px;
    margin-top: 30px;
}   
 .cat-sec {
    width: auto;
    text-align: center;
}   
 .chat-bg-ar .chat-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32.6%;
    flex: 0 0 30.6%;
    max-width: 30.6%; padding-left: 0;
}   
    
    
    
    
}

@media (min-width: 993px) and (max-width:1200px) { 

  .section-ar.join-box .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}   
.others-option .dropdown img {
    border-radius: 50px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    object-fit: cover;
}
.others-option a {
    padding: 10px 4px;
}



.cat-sec h4 {
    font-size: 12px;
    color: #fff;
    font-weight: 200;
    position: relative;
    padding: 21px 8px;
    font-family: Avenir Next;
} 
.main-nav .navbar-brand{width: 180px;}    
    
.main-nav nav .navbar-nav .nav-item a {
    margin-left: 5px !important;
    margin-right: 5px !important;
}    
    
.has-search {
    width: 18%;
    position: relative;
    margin: 0;
}    
.tab-sec ul li a {
    padding: 3px 5px;}    
    
.main-nav nav .navbar-nav .nav-item a {
    font-weight: 500;
    font-size: 12px !important;}
.navbar-brand img{ width: 100%;}

.cat-sec {
    background: #6EC68D;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    width: 80px;}




}

@media (min-width: 1025px) and (max-width:1180px) { 

.main-nav .navbar-brand{width: 180px;}    
    
.main-nav nav .navbar-nav .nav-item a {
    margin-left: 5px !important;
    margin-right: 5px !important;
}    
    
.has-search {
    width: 18%;
    position: relative;
    margin: 0;
}    
.tab-sec ul li a {
    padding: 3px 5px;}    
    
.main-nav nav .navbar-nav .nav-item a {
    font-weight: 500;
    font-size: 12px !important;}
.navbar-brand img{ width: 100%;}
    
  .cat-sec {
    background: #6EC68D;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    width: 80px;}  
    
    
    

}


@media (min-width: 576px){
.add_stock-ar .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
    border: none;
    border-radius: 0;
}

    
    
}
@media (min-width: 768px) and (max-width:777px) {
    .others-option {
    position: absolute;
    top: 10px;
    right: 50px;
}
    .sign-up{ display: none;}   
    .has-search{ display: none;}
    
    
} 
@media (min-width: 991px){
    #search-btn{ display: none !important;}



}


/*
@media (min-width: 768px){
.container {
    max-width: 100%;
}
*/

}
/*
@media (max-width:777px) { 
.main-nav {
 display: none !important;
}
*/
@media (min-width: 778px) and (max-width:992px) { 
    .search-icon{ display: none !important;}
    .has-search {
    width: 20%;
    position: relative;
    margin: 0;
     margin-left: 15px !important;}
/*
.others-option{position: absolute;
    top: 10px;
    right: 50px;}
*/


}