.container img:hover {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    transform: scale(1.2) rotate(0deg);
}

.container  a{
overflow: hidden;
display: inline-block;
}



.border{
    border:solid 1px #eeeeee;
    margin-bottom: 11px;
}

.box-more a{
        color:#000;
}
.box-more a:hover{
        color:#d50a05;
}

img
{
  height:auto !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

div
{
    vertical-align:top
    
}

#newsletter{display:block}

#des_app{ display:block}
#mob_app{ display:none}
#w{display:none}

#ka{display:none}

.websiteads{display:block}
.mobileads{display:none}

@media only screen and (max-width : 850px) 
{    
.websiteads{display:none}
.mobileads{display:block}

 
#des_app{ display:none}
#mob_app{ display:block}
#w{display:}
#ka{display:block}
#newsletter{display:none}
}


    div.enlarge{st-style-type:none; /*remove the bdivlet point*/
    margin-left:0;
    padding-left: 10px;
padding-right: 10px;
    }
    div.enlarge{
    display:inline-block; /*places the images in ane*/
    position: relative;
    z-index: 0; /*resets the stack order of thest items - later we'll increase this*/
    }
    div.enlarge img{
    }
    div.enlarge span{
    position:absolute;
    left: -9999px;
    text-align: center;
    color: #495a62;
    background-color:White;
    border:solid 1px #ccc;
    }
    
    @media only screen and (min-width : 700px) 
    {
        
    div.enlarge:hover{
    z-index: 40;
    cursor:pointer;
    }
    div.enlarge span img{

    }
    div.enlarge:hover span{
    top: -25px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
    left: -25px; /*distance from the left of the thumbnail to the left of the popup image*/
    }
    div.enlarge:hover:nth-child(2) span{
    left: -100px;
    }
    div.enlarge:hover:nth-child(3) span{
    left: -200px;
    }
    /**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
    div.enlarge img, div.enlarge span{
    behavior: url(pie/PIE.htc);
    }
    
   }



@media only screen and (max-width : 1100px) {
#box-top-1{ display:none !important }
#box-top-2{ max-width:100% !important }
}

.box-content
{
    direction:rtl;
}


/***********************/
.border{ border-top:solid 1px #E6E4E4;}
#scrolling{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:10px;
	width:100%;
	max-width:1080px;
}
#scrolling-inside{
	padding-bottom:10px;
	padding-right:5px;
	padding-top:10px;
}

#scrolling_title{background-color:#F00; color:#fff; padding:4px; display:inline-block; float:right;width:80px;outline: 0px solid #de3535; text-align:center}
#scrolling_text{display:inline-block; float:right; max-width:982px;width:100%;outline: 1px solid white;padding-top:4px;padding-bottom:3px; background-color:White }

#content{ width:100%; margin:auto; max-width:1100px}
#content-inside{ padding:10px; }

.box{background-color:#FFF; border-top:0px solid #de3535; border-bottom:0px #E6E4E4 solid;border-left:0px #E6E4E4 solid;border-right:0px #E6E4E4 solid; }
.box-title{float:right; padding:20px; color:#000000; font-weight:500; font-size:18px; text-align:right}
.box-more{float:left; padding:20px;  color:#929292;font-size:12px !important;}

.box-body-33{ display:inline-block; width:33%; text-align:center; background-image:url("../images/bg_div.jpg"); background-repeat:repeat-y;}


.box-body{ display:inline-block; width:20%; text-align:center; background-image:url("../images/bg_div.jpg"); background-repeat:repeat-y;}

.box-body-news
{max-width: 417px;
margin: 10px;
 display:inline-block; width:50%; text-align:center; background-image:url("../images/bg_div.jpg"); background-repeat:repeat-y;}

.box-body-first{background-image:none;}
.box-body-title{ margin:auto; max-width:187px;padding-left:10px;padding-right:10px; text-align:right; color:#757575;}
.box-body-img{ margin:auto; max-width:187px; padding-left:10px;padding-right:10px; text-align:center; max-height:160px; overflow:hidden}

.box-spacer{ width:2%; height:25px; display:inline-block}
.box-2{ width:48%; display:inline-block}
.box-2-bg{ width:100% !important}

.box-body-2{ width:50%; display:inline-block}
.box-body-2-bg{background-image:url("../images/bg_div.jpg"); background-repeat:repeat-y;}
.box-body-2-fix{ width:50%; display:inline-block}


.box-body-no-photo{ padding-top:10px; text-align:right; margin:0 10px 10px 10px; border-top:0px solid #de3535}
.box-body-no-photo p{background-image:url("../images/arrow.jpg"); padding-right:15px; background-repeat:no-repeat; background-position:top right }

.fulltext{text-align:right; padding: 0 0px; margin: 10px;}


@media only screen and (max-width : 1100px) {

#ads div{padding: 10px; }
#box-top-3{ padding:0px !important; padding-left: 0px !important; }


#moujtama3,#bi2a { max-width:100% !important;}
#todaybox  { max-width:100% !important;}

#green{ padding-left:10px; padding-right:10px}

}


#box-top-3{padding-left:5px }

.full{max-width:218px !important;}

/*MEDIA QUERY*/
@media only screen and (max-width : 800px) 
{
   
.float{float:right !important}

.full{max-width:100% !important}

    
.fb-comments{	display: none !important;}
    
.box-spacer{ width:100%; }	
.box-2{ width:100%;}	
	
.box-body{ width:50%;}

.box-body-news{ width:100% !important; }

.box-body-33{ width:50%;}


.box-body-2{ width:100%;}
.box-body-2-bg{background-image:none;}
	
#slogan, #social_media_inside{
		display: none !important;
}

#social_media_inside div{
	width:100%;
	text-align:center
}

	#menu-icon {
		display:inline-block;
	}

	nav ul, nav:active ul { 
		display: none;
		position: absolute;
		padding: 20px;
		background: #fff;
		border: 5px solid #de3535;
		left: 10px;
		top: 84px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
	}

	nav li {

		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;

	}

	nav:hover ul {
z-index: 99;
		display: block;

	}
	}