@media (max-width: 767px) {
    #cssmenu ul {
        background:var(--Headers-background-color);
    }
    #cssmenu {
        background:var(--Headers-background-color);
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1230px;
    }
}

@media (max-width: 767px) {
    .top-bar-block ul li p {
    	font-size: 10px;
	}
	
	.top-bar-block ul li p span a {
    	font-size: 9px;
	}
	
	.Elogo a img {
    	width: 60px;
	}
	
	.header-block {
    	display: unset;
	}
	
	.header-block .Elogo, .header-block .logo{
		margin-top: 6px;
	}
/* 	news and notifications adjest */
	.testimonial {
    	width: 100%;
	}
/* 	for body  */
	.intr-block-innr {
   		margin-top: 26%;
	}
}

/* sliding Banners ------------------------------------------------------------------------- */
.slide_banners {
    width: 780px;
    height: 300px;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.dots{
	bottom:0px; 
}
.dots li{
	margin: 6px;
}



/* sliding Banners ------------------------------------------------------------------------- responsive */
@media (max-width: 767px){
.slide_banners {
    height: 130px;
    width: unset;
}
.dots{
	bottom:0px; 
}
.dots li{
	margin: 6px;
}
.buttons button {
    background-color: #ffffff24;
}
.Employeenews, .notifications{
	height: 240px;
}
a.ViewAllTag {
    font-size: 13px;
}

}
.slider-mobile{
	display: none;
}
@media (max-width: 767px){
	.slider-mobile{
		display: block;
		width: 90%;
	}
	.slider-desktop{
		display: none;
	}
}



/* this is for orders  */
/* Default (Desktop View) */
.row.loginpageForOrders {
    display: flex;
    flex-direction: row; /* Horizontal layout */
}

/* Mobile View */
@media (max-width: 768px) {
    .row.loginpageForOrders {
        flex-direction: column; /* Stack vertically */
    }

    .slide_banners {
        order: 1; /* First on mobile */
    }

    .formfield {
        order: 2; /* Second on mobile */
    }

    .forBanners {
        order: 3; /* Third on mobile */
    }
}

/* for ofter loging  */
@media (max-width: 767px) {
.E_logo img{
	height: 20px;
}
.Main_logo img {
    height: 30px;
}
.right-menu ul{
	padding-left:0px; 
}
.right-menu ul li span strong {
    font-size: 15px;
}	
.forResponce.header{
	height: 50px;
}
.right-menu.forResponce {
    margin-top:unset !important;
}
.sideMenu_new24 {
    top: 50px;
}
.wrapper.forBanner.forResponce{
	margin-top:47px;
}
.sidebar-closed #main-content {
    margin-left: var(--nav-width) !important;
}
.copywrite span, .developed span{
	font-size: 8px;
}
.objectivesDiv .tittle {
    font-size: 22px;
}
.objectivesDiv .Description {
    font-size: 14px;
}
.objectivesDiv .para {
    font-size: 10px;
}
.homepageBanner {
    height: 90vh;
}

.values_growth_tables .tittles_highlight {
    font-size: 14px;
}
.values_growth_tables .sub_tittles_1, .values_growth_tables .sub_tittles_2 {
    font-size: 10px;
}
.Company_growth {
    justify-content: center;
}
.values_growth_tables.col-lg-2 {
    margin: 4px 10px;
}
.objectivesDiv {
    height: 40%;
}
.values_growth_tables .sub_tittles_1 span, .values_growth_tables .sub_tittles_2 span {
    margin-top:3px;
}
.values_growth_tables .tittles_highlight {
    padding: 8px 0px;
}
.sideMenu_new24 {
    bottom: 20px;
}


.Company_growth.row{
/* 	display: none; */
}
}