:root {
    --main-color: #643271;
    --sec-color:#D98B1C;
    --heading-color:#232331;
    --text-color: #1E1E1E;
    --white-color:#fff;
    --black-color:#000;
    --main-font: "Roboto", sans-serif;
    --heading-font: "Playfair Display", serif;
    --button-font: "Roboto", sans-serif;
  }

@media (min-width:1450px){
    .container{
        max-width: 1500px;
    }
}
@media (max-width:1700px){
    .box_label label{
        font-size: 12px;
    }
}
@media (max-width:1600px){
    .slide .slide__content--headings .title{
        font-size: 50px;
    }
     .after_about_hm .abt_text_white {
        padding: 0px 0;
    }

}
@media (max-width:1440px){
      .after_about_hm .abt_text_white {
        padding: 0px 0;
        overflow: hidden;
    }
       .srl {
        max-height: 218px;
    }
	#cssmenu > ul > li > a {
		padding: 16px 13px;
	}
	.project h4{
		font-size:18px;
	}
    .left-sidebar .scroll-sidebar {
        height: calc(100vh - 122px);
    }
}
@media (max-width:1366px){
    .logo{
        width: 160px;
        display: flex;
        align-items: center;
    }
	#cssmenu > ul > li > a {
    padding: 16px 10px;
 font-size: 14px;
}
    .heading_hp h2 {
        font-size: 40px;
    }
    .heading_hp p {
        font-size: 15px;
        line-height: 24px;
    }
    .clild_sec {
        padding: 49px 15px 15px;
    }
    .abt_text_white {
        overflow: hidden;
        overflow-y: auto;
        padding: 0;
    }
    .after_abt {
        padding: 25px 0;
    }
     .after_about_hm .img_abt {
        margin-top: 0px;
    }
    .after_about_hm .abt-box-1{
        height: 550px;
    }
        .after_about_hm .abt-box-1 {
       height: 700px;
   }
    .after_about_hm .img_abt {
        margin-top: 0px;
    }
    .after_about_hm .abt-box-1{
        height: 550px;
    }
      .srl {
        max-height: 238px;
    }
    .sideNav2{
        width: 335px;
}
}

@media (max-width:1280px){

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

    .after_about_hm .abt-box-1 {
        height: 700px;
    }
}
@media (max-width:1024px){
    .logo {
        width: auto;
    }
    .main-menu .logo a{
        position: relative;
        padding: 0;
    }
    .main-menu .navbar{
        flex-wrap: inherit;
    }

    .logo a img {
        width: 147px;
    }
    .bg_cannabis_right, .bg_cannabis{
        display: none;
    }
    .one_cli {
        transform: rotate(360deg);
    }
    .one_cli1 {
        transform: rotate(0deg);
    }
    .after_about_hm .abt-box-1 {
    height: 700px;
}
  .after_about_hm .abt-box-1 {
        height: 688px;
    }
    .after_about_hm .abt-box-1 {
        height: 690px;
    }
    .btn-primary{
        font-size: 14px;
    }
}
@media (max-width:991px){
    .our_mis{
        width: 700px;
    }
    .slider, .slide {
        height: 100vh;
      }
      .after_about_hm .abt-box-1 {
          height: auto;
         background-image: none;
}
.after_about_hm .abt_text_white h4, .after_about_hm .abt_text_white p{
  color: var(--white-color);
}
    .srl {
        overflow-y: hidden;
    }
    .after_about_hm .abt_text_white h4, .after_about_hm .abt_text_white p {
        color: var(--white-color);
    }
    .abt_text_white {
        height: 205px;
    }
    .dark-logo {
    width: 70px;
    }
    .bg_white_border .cl-view{
        margin-bottom: 5px;
    }
    .bg-white{
        margin-top: 5px;
    }
    .sideNav2{
        width: 92%;
        height: 80%;
        position: absolute;
        z-index: 1;
    }
.sideNav2.hidden {
  transform: translateX(-100%);
  opacity: 0;
  visibility: hidden;
  transition: .2s;
}
.chat-back-button{
    display: block !important;
    padding: 0px !important;
    font-size: 14px;
}
/* .Chat.chat-body .groupChatHead .group_text{
    text-align: center;
} */
.groupChatHead{
    display: block;
}
.bg_white_border{
    position: relative;
    overflow: hidden;
}
}

@media (max-width:768px){
    .about_sec:before {
        height: 50%;
        width: 16%;
    }
    .right_login{
        display: none;
    }
    .main_menu {
        padding: 10px 0;
    }
    .slide .slide__content.slide__content__left{
        width: 60%;
    }
    .slider, .slide {
        height: 80vh;
    }
    .tow_box_j{
        margin-bottom: 25px;
    }
    .quick_links_ul ul li {
        padding: 0 10px;
    }
    .bg_step, .bg_fight{
        display: none;
    }
    .slide .slide__content--headings .title {
        font-size: 40px;
    }
    .slide .slide__content--headings .top-title{
        font-size: 16px;
    }
    .inner_banner_ontent h2 {
        font-size: 42px;
    }
    .abt_img_type2 {
        padding: 0 0 20px 0px;
        width: 100%;
    }
    .inner_banner_ontent h1 {
        font-size: 40px;
    }

    .left-sidebar .scroll-sidebar {
        height: calc(100vh - 70px);
        background: #7851a9;
    }
    .logo-img{
        display:none;
    }
    .groupChatHead{
        display: block;
    }

}

@media (max-width:767px){
    .about_sec:before {
        content: '';
        height: 27%;
        width: 56%;
    }
	.slide__img img.overlay-image {
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 100%;
    height: 60%;
		object-fit: contain;}
    .inner_after_about .img_abt {
        margin-top: 30px;
    }
	.video_part {
    width: 121%;
		height: 114%;}
    .red_btn {
        padding: 12px 22px;
        letter-spacing: 1px;
        font-size: 13px;
    }
    .heading_hp h2 {
        font-size: 25px;
    }
    .logo a img {
        width: 100px;
    }
    .banner_text h1 {
        font-size: 40px;
    }
    .slide .slide__content {
        width: 80%;
    }
    .slide .slide__content.slide__content__left {
        left: 6%;
        transform: translate(0%, 0%);
        width: 90%;
        top: 20%;
		z-index:1;
    }
    .hdr_manu_nav {
        width: 37px;
        height: 32px;
    }
    .main_menu_hdr label .burger {
        width: 24px;
        height: 16px;
    }
    .about_sec {
        padding: 50px 0;
    }
    .easy_step_box ul{
        display: block;
    }
    .svg_animation{
        display: none;
    }
    .quick_links_ul ul {
        display: block;
    }
    .ucm_fre {
        font-size: 100px;
        line-height: 118px;
    }
    .step_box {
        margin: 0 auto 27px;
    }
    .slide .slide__content--headings .title {
        font-size: 20px;
    }
    .about_counter {
        padding: 0 7px 25px;
    }
    .logo a{
        width: auto;
    }
    .last_card h3 {
        font-size: 30px;
    }
    .contact-form{
        padding:0;
    }
    .inner_banner_ontent h2 {
        font-size: 35px;
    }
    .our_mis{
        width: 100%;
    }
    .dor_ber {
        padding: 35px 0;
    }
    .box_before_after:before{
        content: none;
    }
    .our_mis:before{
        content: none;
    }
    .inner_banner_ontent h1 {
        font-size: 35px;
    }
    .inner_banner_sec {
        padding: 134px 0 85px 0;
    }
    .gall_small{
        padding: 4px;
    }
    .gallery_img{
        width: 100%;
    }
    .inner_after_about .after_abt {
        padding: 24px;
    }
	.map-point {
        width: 128px;
        height: 100px;
	}
    .nyc1 {
        top: 32%;
        right: 64%;
        transform: translate(63%, -50%);
    }
    .nyc2 {
		top: 58%;
        right: 86%;
        transform: translate(65%, -68%);
    }
    .nyc3 {
    	top: 58%;
   		right: 47%;
    	transform: translate(47%, -58%);
    }
    .map-location-details{
        width: 160px;
        height: 160px;
        padding: 8px;
    }
    .map-location-details p{
        font-size: 14px;
    }
    .dark-logo {
        width: 75px;
    }
    .fc .fc-toolbar-title {
        font-size: 1.15em;
    }
    .bg_white_border .card .card-body .form-control{
        margin-bottom: 7px;
    }
    .emailRow__options .material-icons, input {
    margin: 0px;
}
.mail-body .sidebar {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    width: 100%;
    background-color: #fff;
    justify-content: space-around;
}
 .sidebar__compose{
        position: fixed;
        z-index: 11;
        bottom: 60px;
        right: 20px;
        padding: 5px 12px;
    }
    .man_img span {
        width: 25px;
        height: 25px;
    }
    .name_text_p h5{
        font-size: 16px;
    }
    .time_text {
        font-size: 12px;
    }
    .name_text_p h6{
        font-size: 12px;
    }
    .mail_text p {
    font-size: 14px;
}
.badge{
    padding: 4px 8px;
}
.mail_reply{
    margin-top: 20px;
}
.mail_reply a{
    font-size: 12px;
    padding: 4px 12px;
}
.material-symbols-outlined{
        font-size: 18px;
}
.bulle_left h4 {
    font-size: 16px;
}
.bulle_left p{
    font-size: 14px;
}
.store-card h4{
    font-size: 16px;
}

}
@media (max-width:576px){
    p{
        font-size: 14px;
    }
/*   .bg_white_border{*/
/*    margin-top: 56px;*/
/*} */
.navbar-nav .nav-item.m-3{
    margin: 0.3rem !important;
}
.app-header .navbar .navbar-nav .nav-item .nav-link{
    padding: 0px 10px;
    height: 50px;
}
.round-note{
    margin-top: 12px;
}
.btn.btn-primary{
    font-size: 14px;
}
    .dark-logo {
        width: 50px;
    }
    .btn.btn-primary img{
        width: 15px;
    }
    .left_img span {
    width: 100px;
    height: 100px;
}
.profile_eidd {
    right: 0px;
    bottom: 10px;
}
.profile_img {
    width: 100px;
    height: 100px;
}
input{
    margin: 0px;
}
.bulletin_board {
    padding: 20px 10px;
}
.main_avtar img {
    width: 50px;
    height: 50px;
}
.fc .fc-button{
    padding: 0.1em 0.25em !important;
        font-size: 0.8em;
}
    .fc .fc-toolbar-title {
        font-size: 0.85em;
    }
    .menu_bb a{
    font-size: 14px;
    line-height: 18px;
}
.heading_box h3 {
    font-size: 16px;
}
.print_btn{
    padding: 5px 20px;
}
.variation-file .w-25{
    width: 100% !important;
}
.chatbot-container{
    bottom: 5px;
    right: 5px;
}
.btn.btn-primary img{
        display: none;
    }
    /* .main{
        display: block;
        height: auto !important;
    } */
    
   
    .emailList .emailList__list{
        width: 500px;
        height: auto;
        overflow-x: scroll;
    }
    .box_slae{
        width: 400px;
    }
    .emailList__settings .emailList__settingsRight{
        font-size: 12px;
    }
    .material-symbols-outlined{
        font-size: 16px;
    }
    #MessageForm button{
        padding: 4px 10px;
        width: 40px;
        height: 40px;
    }
    .icon_chat{
        width: 90%;
    }
    #TeamMessageForm button {
        padding: 4px 10px;
        width: 40px;
        height: 40px;
    }
    .group_text_right ul li a{
        font-size: 14px;
        padding: 3px 0;
    }
    .SideNavhead h2{
        font-size: 18px;
    }
    .messaging_sec .heading_hp h2{
        font-size: 20px;
    }
    tbody, td, tfoot, th, thead, tr{
        font-size: 14px;
    }
    .edit_icon i{
       width: 25px;
       height: 25px;
    }
    .delete_icon i{
       width: 25px;
       height: 25px;
    }
    .view_icon i{
        width: 25px;
       height: 25px;
    }
   label{
        font-size: 14px;
    }
    .card-header p{
        font-size: 14px;
        margin-bottom: 2px;
    }
    .round-note p{
        font-size: 10px;
    }
    .eye-btn-1{
        top: 12px;
        font-size: 12px;
    }
/* =================mail chat css=================== */
/* .mail-body{
    position: relative;
} */

/* .mail-body::before{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #fff;
} */
.mail-body .sidebarOption{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px 10px 0 10px;
    border-radius: 0px;
}
.mail-body .sidebarOption h3{
    margin-left: 0px;
}
.dashboard-top-heading.d-flex{
    flex-direction: column;
    align-items: flex-start !important;
    gap: 10px;
}
.form-check-input{
    width: 0.813em;
    height: 0.813em;
    margin-top: 0.3935em;
    margin-left: -1.813em;
}
.member-details-header.d-flex{
    flex-direction: column;
    align-items: flex-start !important;
    gap: 20px;
}
}
@media (max-width:480px){
    
    .bg_white_border{
        padding: 10px;
    }
    .group{
        padding: 5px;
    }
    .GroupDescrp{
        padding: 0px;
    }
    .GroupName{
        padding: 0px;
    }
        .box_slae {
        width: 320px;
    }
    .store-card .flex-one{
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }
    .store-card .view-btn{
        margin-left: 0rem !important;
    }
    .login-username> .d-flex{
        flex-direction: column;
        gap: 10px;
    }
}
@media (max-width:415px){
        .app-header .navbar{
        flex-wrap: nowrap;
    }
    .btn.btn-primary img {
        width: 0px;
    }
    .btn.btn-primary {
        font-size: 12px;
        padding: 10px 6px;
    }
    .group{
        grid-template-columns: 55px calc(60% - 55px);
        
    }
}
@media (max-width:380px){
    .ucm_fre {
        font-size: 58px;
        line-height: 60px;
    }
    .count {
        font-size: 32px;
    }
.box_slae {
        width: 290px;
    }
    .chatbox{
            width: 290px !important;
    }
}