/*
	Theme Name: dar alhelal
	Theme Coder: AMAC
	font-family: 'HelveticaNeueW02-75Bold';
	First Color: #0ea348;
	Second color:#9a9a9a;
*/

@media (max-width: 480px) {
	.fixed-header {
		position: static;
		top: 0;
		left:110px;
		right: 100px;
	
	
	
	}
		.navbar-toggler {
			left: 7px;
			top: -57px;
			position: absolute;
			border: none;
			padding: 0;
		}
		.navbar-collapse{
			text-align: center;
		}

	.name{
		font-size: 13px !important;
	}
	.pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
	
#top-news .position-absolute , #art .position-absolute{
	position: unset !important;
}
#top-news .contant-top{
	padding: 15px;
	background:#181818 !important;
}
#top-news h1{
		font-size: 1.3rem !important;
}
.mt-5 {
    margin-top: 2rem !important;
}
.mtop-mob{
	margin-top: 20px !important;
}
#Portrai.p-5{
 padding: 30px 10px !important;
}
.d-sm-none {
	display: none !important;
}
#articles {
	padding: 0 !important;
}
.text-center{
	text-align: center !important;
}	
#esdarat {
    padding-top: 20px;
    padding-bottom: 20px;
}
.border-end{
	border-left: none !important;
}
.text-contant{
	position: unset;
	background: #264d4b;
	padding: 15px 15px 25px 15px;
}
.icon-shr{
	right:19px;
}
#art{
	padding-bottom: 0 !important;
}
#art .bg-col {
    padding: 24px 24px 14px 24px;
	background: #0093d6 !important;
}
.contant-art{
	padding: 0 0 10px 10px;
}
#list .position-absolute{
	position: absolute !important;
}
#footer h6 {
    font-size: 11px;
}
.icon-title{
	left: 0;
    bottom: 70px;
}
.owl-dots{
	display: none !important;
}

}


 @media (min-width: 576px) { 
	.navbar-toggler {
		left: 0px;
		top: -72px;
		position: absolute;
		border: none;
	}
	.navbar-collapse{
		text-align: center;
	}

	#top-news .position-absolute{
		position: unset !important;
	}
	#top-news .contant-top{
		padding: 15px;
		background:#181818 !important;
	}
	.mt-5 {
		margin-top: 2rem !important;
	}
	.mtop-mob{
		margin-top: 20px !important;
	}
	.border-end{
		border-left: none !important;
	}
	#art .position-absolute{
		position: unset !important;
	}
	#art .bg-col {
		padding: 24px 24px 14px 24px;
		background: #0093d6 !important;
	}
	.icon-shr {
		right: 0;
	}
	#art{
		padding-bottom: 0 !important;
	}
.al-img{
	align-self: center !important
}
.fixed-header {
	position: static;
	top: 0;
	left:110px;
	right: 100px;



}
 }


@media (min-width: 768px) { 
	#top-news .position-absolute{
		position: absolute !important;
	}
	.navbar-toggler {
		left: 0px;
		top: -97px;
	}

	#top-news .contant-top{
		padding:100px 25px 17px 20px !important;
    background: rgb(1,56,57) !important;
background: linear-gradient(180deg, rgba(1,56,57,0) 0%, rgba(1,56,57,0.7231267507002801) 93%, rgba(1,56,57,1) 100%) !important;
	}
	.mt-5 {
		margin-top: 4rem !important;
	}
	.mtop-mob{
		margin-top: 0px !important;
	}
	.border-end {
		border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
	}
	.icon-shr {
        right: 8px;
    }
	.text-contant{
		left: 30px;
	}
	.fs-mob{
		font-size: 13px !important;
	}
	.slider-nav .draggable {
		height: 281px !important;
	}
	#top-news .contant-top{
		left: 17px;
	}
	#news .contant-top{
		left: 0px;
	}
	.al-img{
		align-self: top !important
	}
	.fs-5{
		font-size:1rem !important ;
	}
}

@media (min-width: 992px) { 
	.border-menu {
		border-bottom: #000 2px solid !important;
	}
	#art .position-absolute{
		position: absolute !important;
	}
	#art .bg-col {
		background: #0093d6 url(../img/bg-col.jpg) no-repeat top center;
		padding: 24px 24px 61px 24px;
	}
	.icon-shr {
        right: -17px;
    }
	#art{
		padding-bottom: 60px !important;
	}
	.text-contant{
		left: 0px;
	}
	.slider-nav .draggable {
		height: 350px !important;
	}
	.fs-mob{
		font-size: 1rem !important;
	}
	.contant-top{
		left: 0px;
	}
	.fs-5{
		font-size:1.25rem !important ;
	}
	.order-2 {
		order: 1 !important;
	}
	.order-1 {
		order: 2 !important;
	}
	.fixed-header {
		position: fixed !important;
		top: 0;
		left:0px;
		right: 0px;
	
	
	
	}
}

@media (min-width: 1024px) { 
	
	.nav-link{
		font-size: 13px !important;
	}
	#top-news h3{
		font-size: 13px !important;
	}
	#top-news .contant-top {
        left: 0px;
    }
	.slider-nav .draggable {
        height: 288px !important;
    }
	.contant-top {
		padding: 25px 15px 9px 10px;
	}
	.fs-5{
		font-size: 1rem !important;
	}
	p{
		font-size: 0.875rem !important;
	}
	
	#art h2{
		font-size: 16px !important;
	}
	.icon-shr {
        right: -25px;
        bottom: 37px;
    }
	#art .bg-col {
        padding: 24px 24px 2px 24px;
    }
	.title-art {
		bottom: -57px;
	}
}
 
@media (min-width: 1200px) { 

	.nav-link{
		font-size: 18px !important ;
	}
	#top-news h3{
		font-size: var(--Main-font-size) !important;
	}
	.contant-top {
		padding:25px 25px 17px 20px;
	}
	.fs-5{
		font-size: 1.25rem !important;
	}
	p{
		font-size: 0.975rem !important;
	}
	#art h2{
		font-size: 1.313rem !important;
	}
	
	.icon-shr {
		bottom: 6PX;
		right: -25px;
	}
	#art .bg-col {
        padding: 24px 24px 61px 24px;
		background: #0093d6 url(../img/bg-col.jpg) no-repeat top center !important;

    }
	.title-art {
		bottom: -30px;
		left: 10px;
		right: 10px;
	}
	.slider-nav .draggable {
        height: 351px !important;
    }
	.fixed-header {
		position: fixed;
		top: 0;
		left:110px;
		right: 100px;
	
	
	
	}
	
}	
 
@media (min-width: 1800px) { 
	
}