@charset "utf-8";
/* CSS Document */

@media only screen and ( max-width : 319px ) and ( min-width : 0px) {


.header_top {
    padding-top: 25px;
}

.navbar {
    display: none;
}

.list_menu_abs{ 
	display:none;
}

.in_header > .col_welcoms { float:none }

.container_site {
    text-align: center;
}

.in_header {
    padding-bottom: 90px;
    line-height: 30px;
}

.logo a img {
    max-width: 85%;
}

.header {
    min-height: 150px;
}

.thumb_image h3:after {
    right: 0;
    content: "";
    bottom: 0;
    left: 0;
    margin: auto;
}

.in_akhbar_block > div {
    text-align: center;
    width: 100%;
}

.form_footer {
    float: none;
    max-width: 100%;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}

.links_footer {
    display: none;
}


.inner_wide3 {
    padding: 0 10px;
}



.form_footer form {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
}

.logoinet {
    float: none;
    margin-bottom: 15px;
}

.component{ margin-bottom:10px }

.visitors h1 {
    display: inline-block;
    margin: 5px;
}

.device--alt{ display:block}


.thumb_image h3 {
    font-size: 14px;
    padding: 2px 5px;
}
.thumb_image img {
    height: 150px;
}




.container_site {
    min-width: 100%;
}
.inner_wide,.inner_wide3{
    width: 100%;
}
.right_login_form {
    width: 100%;
    float: none;
}
.left_login {
    width: 100%;
    float: none;
}
.login_page h3 b {
    float: none;
    display: block;
}
.modal-dialog {
    min-width: auto;
}
.modal-body {
    display: block;
    direction: ltr;
}
.content_pop_image img {
    position: relative;
}
.col_two {
    display: block;
    height: auto;
}
.col_one {
    width: 100%;
    max-width: 100%;
}
.detail_comment {
    max-width: 73%;
}
.div_opacit_share {
    padding: 5px;
}
.modal-footer {
    top: 35%;
}
.modal-footer .btn-prev {
    margin-right: 5px;
}



.left_login label{ display:none }

.right_login_form2 form{
	margin:auto
}

.link_mob{ display:block }
.link_big{ display:none }



}

/*_______________++++++++__________+++_____media_query____*/


@media only screen and ( max-width : 459px ) and ( min-width : 320px) {
	

.header_top {
    padding-top: 25px;
}

.navbar {
    display: none;
}

.list_menu_abs{ 
	display:none;
}

.in_header > .col_welcoms { float:none }

.container_site {
    text-align: center;
}

.in_header {
    padding-bottom: 90px;
    line-height: 30px;
}

.logo a img {
    max-width: 85%;
}

.header {
    min-height: 150px;
}

.thumb_image h3:after {
    right: 0;
    content: "";
    bottom: 0;
    left: 0;
    margin: auto;
}

.in_akhbar_block > div {
    text-align: center;
}

.form_footer {
    float: none;
    max-width: 100%;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}

.links_footer {
    display: none;
}


.inner_wide3 {
    padding: 0 10px;
}



.form_footer form {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
}

.logoinet {
    float: none;
    margin-bottom: 15px;
}

.component{ margin-bottom:10px }

.visitors h1 {
    display: inline-block;
    margin: 5px;
}



.device--alt{ display:block}



.thumb_image h3 {
    font-size: 12.5px;
    padding: 2px 5px;
}
.thumb_image img {
    height: 125px;
}
.in_akhbar_block > div {
    text-align: center;
    width: 47%;
}





.container_site {
    min-width: 100%;
}
.inner_wide,.inner_wide3{
    width: 100%;
}
.right_login_form {
    width: 100%;
    float: none;
}
.left_login {
    width: 100%;
    float: none;
}
.login_page h3 b {
    float: none;
    display: block;
}
.modal-dialog {
    min-width: auto;
}
.modal-body {
    display: block;
    direction: ltr;
}
.content_pop_image img {
    position: relative;
}
.col_two {
    display: block;
    height: auto;
}
.col_one {
    width: 100%;
    max-width: 100%;
}
.detail_comment {
    max-width: 73%;
}
.div_opacit_share {
    padding: 5px;
}
.modal-footer {
    top: 35%;
}
.modal-footer .btn-prev {
    margin-right: 5px;
}



.left_login label{ display:none }

.right_login_form2 form{
	margin:auto
}

.link_mob{ display:block }
.link_big{ display:none }


}

/*______________++++++++__________+++_____media_query____*/


@media only screen and ( max-width : 559px ) and ( min-width : 460px) {


.header_top {
    padding-top: 25px;
}

.navbar {
    display: none;
}

.list_menu_abs{ 
	display:none;
}

.in_header > .col_welcoms { float:none }

.container_site {
    text-align: center;
}

.in_header {
    padding-bottom: 90px;
    line-height: 30px;
}

.logo a img {
    max-width: 85%;
}

.header {
    min-height: 150px;
}

.thumb_image h3:after {
    right: 0;
    content: "";
    bottom: 0;
    left: 0;
    margin: auto;
}

.in_akhbar_block > div {
    text-align: center;
    max-width: 48%;
}

.form_footer {
    float: none;
    max-width: 100%;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}

.links_footer {
    display: none;
}


.inner_wide3 {
    padding: 0 10px;
}



.logoinet {
    float: none;
    margin-bottom: 15px;
}

.component{ margin-bottom:10px }

.visitors h1 {
    display: inline-block;
    margin: 5px;
}



.device--alt{ display:block}




.container_site {
    min-width: 100%;
}
.inner_wide,.inner_wide3{
    width: 100%;
}
.right_login_form {
    width: 100%;
    float: none;
}
.left_login {
    width: 100%;
    float: none;
}
.login_page h3 b {
    float: none;
    display: block;
}
.modal-dialog {
    min-width: auto;
}
.modal-body {
    display: block;
    direction: ltr;
}
.content_pop_image img {
    position: relative;
}
.col_two {
    display: block;
    height: auto;
}
.col_one {
    width: 100%;
    max-width: 100%;
}
.detail_comment {
    max-width: 73%;
}
.div_opacit_share {
    padding: 5px;
}
.modal-footer {
    top: 35%;
}
.modal-footer .btn-prev {
    margin-right: 5px;
}


.left_login label{ display:none }

.right_login_form2 form{
	margin:auto
}


.link_mob{ display:block }
.link_big{ display:none }



}


/*__________________________________________________________________________________________++++++++__________+++_____media_query____*/



/*__________________________________________________________________________________________++++++++__________+++_____media_query____*/


@media only screen and ( max-width :639px ) and ( min-width : 560px) {
	

.header_top {
    padding-top: 25px;
}

.navbar {
    display: none;
}

.list_menu_abs{ 
	display:none;
}

.in_header > .col_welcoms { float:none }

.container_site {
    text-align: center;
}

.in_header {
    padding-bottom: 90px;
    line-height: 30px;
}

.logo a img {
    max-width: 85%;
}

.header {
    min-height: 150px;
}

.thumb_image h3:after {
    right: 0;
    content: "";
    bottom: 0;
    left: 0;
    margin: auto;
}

.in_akhbar_block > div {
    text-align: center;
    max-width: 48%;
}

.form_footer {
    float: none;
    max-width: 100%;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}

.links_footer {
    display: none;
}


.inner_wide3 {
    padding: 0 10px;
}



.logoinet {
    float: none;
    margin-bottom: 15px;
}

.component{ margin-bottom:10px }

.visitors h1 {
    display: inline-block;
    margin: 5px;
}


.device--alt{ display:block}




.container_site {
    min-width: 100%;
}
.inner_wide,.inner_wide3{
    width: 100%;
}
.right_login_form {
    width: 100%;
    float: none;
}
.left_login {
    width: 100%;
    float: none;
}
.login_page h3 b {
    float: none;
    display: block;
}
.modal-dialog {
    min-width: auto;
}
.modal-body {
    display: block;
    direction: ltr;
}
.content_pop_image img {
    position: relative;
}
.col_two {
    display: block;
    height: auto;
}
.col_one {
    width: 100%;
    max-width: 100%;
}
.detail_comment {
    max-width: 73%;
}
.div_opacit_share {
    padding: 5px;
}
.modal-footer {
    top: 35%;
}
.modal-footer .btn-prev {
    margin-right: 5px;
}


.left_login label{ display:none }

.right_login_form2 form{
	margin:auto
}


.link_mob{ display:block }
.link_big{ display:none }






}


/*__________________________________________________________________________________________++++++++__________+++_____media_query____*/



@media only screen and ( max-width : 719px ) and ( min-width : 640px) {


.header_top {
    padding-top: 25px;
}

.navbar {
    display: none;
}

.list_menu_abs{ 
	display:none;
}

.in_header > .col_welcoms { float:none }

.container_site {
    text-align: center;
}

.in_header {
    padding-bottom: 90px;
    line-height: 30px;
}

.logo a img {
    max-width: 85%;
}

.header {
    min-height: 150px;
}

.thumb_image h3:after {
    right: 0;
    content: "";
    bottom: 0;
    left: 0;
    margin: auto;
}

.in_akhbar_block > div {
    text-align: center;
    max-width: 48%;
}

.form_footer {
    float: none;
    max-width: 100%;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}

.links_footer {
    display: none;
}


.inner_wide3 {
    padding: 0 10px;
}



.logoinet {
    float: none;
    margin-bottom: 15px;
}

.component{ margin-bottom:10px }

.visitors h1 {
    display: inline-block;
    margin: 5px;
}


.device--alt{ display:block}




.container_site {
    min-width: 100%;
}
.inner_wide,.inner_wide3{
    width: 100%;
}
.right_login_form {
    width: 100%;
    float: none;
}
.left_login {
    width: 100%;
    float: none;
}
.login_page h3 b {
    float: none;
    display: block;
}
.modal-dialog {
    min-width: auto;
}
.modal-body {
    display: block;
    direction: ltr;
}
.content_pop_image img {
    position: relative;
}
.col_two {
    display: block;
    height: auto;
}
.col_one {
    width: 100%;
    max-width: 100%;
}
.detail_comment {
    max-width: 73%;
}
.div_opacit_share {
    padding: 5px;
}
.modal-footer {
    top: 35%;
}
.modal-footer .btn-prev {
    margin-right: 5px;
}


.left_login label{ display:none }


.right_login_form2 form{
	margin:auto
}


.link_mob{ display:block }
.link_big{ display:none }









}

/*__________________________________________________________________________________________++++++++__________+++_____media_query____*/

@media only screen and ( max-width : 839px ) and ( min-width : 720px) {
	

.header_top {
    padding-top: 25px;
}

.navbar {
    display: none;
}

.list_menu_abs{ 
	display:none;
}

.in_header > .col_welcoms { float:none }

.container_site {
    text-align: center;
}

.in_header {
    padding-bottom: 90px;
    line-height: 30px;
}

.logo a img {
    max-width: 85%;
}

.header {
    min-height: 170px;
}

.thumb_image h3:after {
    right: 0;
    content: "";
    bottom: 0;
    left: 0;
    margin: auto;
}

.in_akhbar_block > div {
    text-align: center;
    max-width: 31.5%;
}

.form_footer {
    float: none;
    max-width: 100%;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}

.links_footer {
    display: none;
}


.inner_wide3 {
    padding: 0 10px;
}

.logoinet {
    float: none;
    margin-bottom: 15px;
}

.component{ margin-bottom:10px }

.visitors h1 {
    display: inline-block;
    margin: 5px;
}



.device--alt{ display:block}




.container_site {
    min-width: 100%;
}
.inner_wide,.inner_wide3{
    width: 100%;
}
.right_login_form {
    width: 49%;
}
.left_login {
    width: 49%;
}
.login_page h3 b {
    float: none;
    display: block;
}
.modal-dialog {
    min-width: auto;
}
.col_one {
    width: 80%;
}





}


/*__________________________________________________________________________________________++++++++__________+++_____media_query____*/


@media only screen and ( max-width : 959px ) and ( min-width : 840px) {

	
.col_welcoms p {
    font-size: 14px;
}

.logo a img {
    max-width: 200px;
}

.logo a {
    margin-top: -45px;
}

.navbar {
    display: none;
}

.header {
    min-height: 155px;
}

.in_akhbar_block > div {
    max-width: 31.5%;
}

.inner_wide3 {
    padding: 0 10px;
}


.list_menu_abs {
    display: none;
}
.links_footer {
    display: none;
}
.form_footer {
    float: none;
    max-width: 100%;
}



.device--alt{ display:block}




.container_site {
    min-width: 100%;
}
.inner_wide,.inner_wide3{
    width: 100%;
}
.right_login_form {
    width: 49%;
}
.left_login {
    width: 49%;
}
.login_page h3 b {
    float: none;
    display: block;
}
.modal-dialog {
    min-width: auto;
}
.col_one {
    width: 80%;
}





	
	


}



@media only screen and ( max-width : 1049px ) and ( min-width : 960px) {

.navbar {
    display: none;
}

.in_akhbar_block > div {
    max-width: 23.2%;
}

.inner_wide3 {
    padding: 0 10px;
}
.header {
    min-height: 160px;
}

.list_menu_abs {
    display: none;
}
.links_footer {
    display: none;
}
.form_footer {
    float: none;
    max-width: 100%;
}

.device--alt{ display:block}




.container_site {
    min-width: 100%;
}
.inner_wide,.inner_wide3{
    width: 100%;
}
.right_login_form {
    width: 49%;
}
.left_login {
    width: 49%;
}
.login_page h3 b {
    float: none;
    display: block;
}
.modal-dialog {
    min-width: auto;
}
.col_one {
    width: 80%;
}








}



@media only screen and ( max-width : 1149px ) and ( min-width : 1050px) {


.list_nav li {
    margin: 5px 2px;
}

.list_nav li a {
    font-size: 15px;
}
.in_akhbar_block > div {
    max-width: 23.2%;
}

.inner_wide3 {
    padding: 0 10px;
}





.container_site {
    min-width: 100%;
}
.inner_wide,.inner_wide3{
    width: 100%;
}
.right_login_form {
    width: 49%;
}
.left_login {
    width: 49%;
}
.login_page h3 b {
    float: none;
    display: block;
}
.modal-dialog {
    min-width: auto;
}
.col_one {
    width: 80%;
}








}



/*landscape عرض*/
/*portrait طول*/





