/*
	Theme Name: ahram gate
	Theme Coder: AMAC
	font-family: 'HelveticaNeueW02-75Bold';
	First Color: #0ea348;
	Second color:#9a9a9a;
*/

@media (max-width: 480px) {
	.nopadding-mob {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.d-flex {
		flex-wrap: wrap !important;
		/*align-content: flex-start;*/
	}
	#header {
		padding: 10px 0;
		font-size: 13px;
		text-align: center;
	}	
	.navbar-nav{
		text-align: center;
	}
	#header ul.list-inline {
		flex-direction: row;
		justify-content: center;
	}
	.bg-light{
		padding-left: 0 !important;
	  }
	.tags-links {
		position: relative;
		right: 0;
		margin-top: 0;
	
		margin-bottom: 29px;
	}
	.btn {
		margin-bottom: 5px;
		margin-right: 5px;
		padding: 0 3px;
		font-size: 14px;
	}
	.padd-r0{
		padding-right: 15px;
	}
	.mar-bottom{
		margin-top: 15px;
	}
	.contant-sadow{
		position: relative;
  		  background: #3f81d0;
}
	
.text-media{
	font-size: 20px;
	margin-bottom: 10px;
	margin-left: 100px;
}
.icon-play {
    bottom: 35px;
    width: 50px;
    height: 50px;
}

.text-mob{
	text-align: center;
}
footer img {
    position: absolute;
    margin-top: -123px;
}
.d-sm-none {
    display: none !important;
  }
  .d-md-none {
    display: none !important;
  }
.slide h1 {
    font-size: 25px;
}

.navbar-toggler{
	margin-top: -55px;
	margin-right: 8px;
	font-size: 1rem;

}
.navbar-nav .dropdown-menu{
	text-align: center;
}
.navbar-light .navbar-toggler {
    border-color: aliceblue;
}
.menu-red{
	border-bottom: var(--babyblack-c) 20px solid ;
}
.hight-mob{
	height: 230px;
}
}


@media (min-width: 576px) { 
	.nopadding-mob {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.d-flex {
		flex-wrap: wrap !important;
	}
	.bg-light{
	padding-left: 0 !important;
	}
	.padd-r0{
		padding-right: 15px;
	}
	.navbar-nav{
		text-align: center;
	}
	.mar-bottom{
		margin-top: 15px;
	}
	.tags-links {
		position: relative;
		right: 0;
		margin-top: 0;

		margin-bottom: 10px;
	}
	.btn {
		margin-bottom: 5px;
		margin-right: 5px;
		padding: 0 3px;
		font-size: 14px;
	}
	
	footer img {
		position: absolute;
		margin-top: -107px;
	}


	
.navbar-toggler{
	margin-top: -55px;
	margin-right: 8px;
	font-size: 1rem;

}
.navbar-nav .dropdown-menu{
	text-align: center;
}
.navbar-light .navbar-toggler {
    border-color: aliceblue;
}

.menu-red{
	border-bottom: var(--babyblack-c) 20px solid ;
}
.hight-mob{
	height: 300px;
}

 }

.tags-links {
	flex-direction: row-reverse;
}
@media (min-width: 768px) { 

	.slide h1{
		font-size: 30px;
	}
	.mar-bottom{
		margin-top: 0px;
	}
	.megamenu {
		text-align: left !important;
	}
	#main-section h4 {
		font-size: 16px;
	}
	#main-section .sm-title a{
		font-size: 14px;
	}
	.tags-links {
		/*--position: absolute;
		right: 15px;
		margin-top: 25px;--*/
		top:-60px;
	
	  }
	  h2.title{
		  font-size: 20px;
	  }
	  .m-top-mob{
		margin-top: 15px;
	}
	.border-redr {
		border-right: none; 
		background-color: #fff;
		margin-bottom: 15px;
		/* padding: 15px; */
	}
	.contant-blocks {
		padding: 15px 30px;
	}
	h4{
		font-size: 20px;
	}
	
	.contant-sadow{
		position: relative;
  		  background: #3f81d0;
}
	
	.text-media{
		font-size: 20px;
		margin-bottom: 10px;
		margin-left: 60px;
	}
	.icon-play {
		bottom: 35px;
		width: 50px;
		height: 50px;
		left:15px;
	}



	#outer-inner .title-section a{
		font-size: 40px;

	}
	#outer-inner h1.title{
		font-size: 25px;
	}
	.nopadding-outer{
		padding: 0;
	}
	.padd-outer{
		padding-right: 0 !important;
		padding-left: 15px !important;
	}
	.mar-top {
		text-align: inherit;
	}
	footer img {
		position: absolute;
		margin-top: -92px;
	}
	.hight-mob{
		height:auto;
	}

 }



@media (min-width: 992px) { 

	.navbar{ padding-top: 0; padding-bottom: 0; }
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
		
	#menu {
		padding-bottom: 0x;
	}
	.menu-red{
		border-bottom: var(--babyblack-c) 0px solid ;
	}


}


@media (min-width: 1024px) { 
	.bg-light{
		padding-left: 14px !important;
	  }
	.nav-link:hover {
		background-color: var(--babyred-c);
	}
	.navbar-nav .dropdown-menu {
		text-align: left;
	}
	.text-media {
		font-size: 38px;
		margin-bottom: 40px;
		margin-left: 120px;
	}
	.contant-sadow {
		position: absolute;
		background: rgb(2,0,36);
		background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	}
	.icon-play {
		bottom: 60px;
		left: 50px;
		width: max-content;
   		 height: max-content;
	}
	.m-top-mob {
		margin-top: 0px;
	}
	.menu-red h5 {
		font-size: 16px;
	}
	.bg-light {
		padding-left: 25px;
	}
	.menu-red{
		border-bottom: var(--babyblack-c) 0px solid ;
	}

 }

 
@media (min-width: 1200px) { 


	.padd-r0{
		padding-right: 0px;
	}
	
	.mar-bottom{
		margin-top: 0px;
	}
	.slide h1{
		font-size: 40px;
	}
	#main-section h4 {
		font-size: 20px;
	}
	#main-section .sm-title a{
		font-size: 16px;
	}
	 h2.title{
		font-size: 30px;
	}

	.border-redr {
		border-right: var(--babyred-c) 5px solid;
  		background-color: #fff;
  		margin-bottom: 15px;
	}
	.contant-blocks {
		padding: 25px 30px;
	}
	h4{
		font-size: 24px;
	}
	#outer-inner .title-section a{
		font-size: 40px;

	}
	#outer-inner h1.title, #outer-inner h2.title, #outer-inner h3.title, #outer-inner h4.title {
		font-size: 40px;
	}
	.mar-top {
		margin-top: 20px;
		text-align: justify;
	}
	.menu-red h5 {
		font-size: 20px;
	}
	.bg-light {	
		padding-left: 0;
	}
	footer img {
		position: absolute;
		margin-top: -168px;
	}

}	
 
@media (min-width: 1800px) { 

}



