/*HEADER*/

@media only screen and (max-width: 995px) {
    #readingFourmName{
        display:block;
        position: static;
        width: 100%;
        text-align: right;
        direction: rtl;
    }
    /*for footer*/
    #footer{
        display: block;
        text-align: center;
    }
    #footer div:nth-child(2) #line1 div{
        margin: auto 5px;
    }
    #footer div:nth-child(1){
        position: relative;margin: auto;
    }
    
    
}


@media only screen and (max-width: 550px) {
	#siteAdministrationAddresses div p:nth-child(1){width:100%;text-align: center;}
	#siteAdministrationAddresses .contact{display: block;width: 100%;text-align: center;margin-bottom: 10px;border-bottom: 2px dashed #333;}    
}


@media only screen and (max-width: 670px) {
    form #search{
        width:100%;
    }
    form #search input{
        width:100%;
    }
    form #contactUs , form #mode{
        display: none;
    }
    #control{
        direction: rtl;
    }
    form .advancedSearch{
       display: none;
    }
    form #search{
        margin: 10px ;
    }
    #search img[src="img/w_img/advanceSet.png"]{
        display: block; 
    }

}

/*ARCHIVE*/
@media only screen and (max-width: 768px){
	#lastNews{
		grid-template-columns: repeat(2,1fr);
		grid-template-rows: repeat(2,1fr)
	}    
}
@media only screen and (max-width: 285px){
	#lastNews{
		display: block;
	}
	#lastNews .lastNew{
		margin: 10px 0;		
	}
}
/*green header*/
@media only screen and (max-width: 550px) {
    #myWebsite{
        position: static;
        margin-bottom: 20px;
    }
    #myWebsite img[src="img/w_img/wafiNameText.svg"]{
        max-width: 150px;
    }
}

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

    #secondHeader table tr td:nth-child(1), #secondHeader table tr td:nth-child(3){
        width: 5%;
    }

}


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

    #secondHeader table tr td:nth-child(1), #secondHeader table tr td:nth-child(3){
        width: 0%;
    }

}

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

    #secondHeader table tr td:nth-child(2) #webContent{
        display: block;
        height: auto;
        max-height: 290px;
        padding-bottom: 10px;
    }

}





/*drasat*/

@media only screen and (max-width: 500px){
    #readingPage #fourDiv{
        grid-template-columns: repeat(2,1fr)
    }
	
}
@media only screen and (max-width: 340px){
    #readingPage #twoDiv{
        grid-template-columns: repeat(1,1fr)
    }

}
@media only screen and (max-width: 768px){
    #releases .release{
        border-left: 0;
    }
    #drasatIndex .drasatIndexPost ,.drasatIndexPost{
        display: block;
        width: 100%;
    }
    .drasatIndexPost div:nth-child(1),.drasatIndexPost div:nth-child(2){
        width:100%;
    }
	#lastNews{
		grid-template-columns: repeat(2,1fr);
		grid-template-rows: repeat(2,1fr)
	}    
}

/*encyclopedias*/
@media only screen and (max-width: 600px){
    #encFourmTitle #pdf{        
        grid-template-columns: repeat(3,1fr)
    }

}

@media only screen and (max-width: 376px){
    #encFourmTitle #pdf{        
        grid-template-columns: repeat(2,1fr)
    }

}

@media only screen and (max-width: 285px){
    #encFourmTitle #pdf{        
        grid-template-columns: repeat(1,1fr)
    }

}


/*makalat*/



@media only screen and (max-width: 610px){
    #mkalat .mkalatContainer div:nth-child(1) , #mkalat .mkalatContainer div:nth-child(2){   
        padding: 10px;
        width: 100%;
    }
    #myPdfFile div:nth-child(1) p{
        position: static;
    }
    #mkalat .mkalatContainer div:nth-child(1) img{
        border-radius: 50%;
    }

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

    #mkalat .mkalatContainer div:nth-child(2) p:nth-child(3){
        display: block;
    }
    #mkalat .mkalatContainer div:nth-child(2) p:nth-child(3) span{
        margin: 5px auto;
        display: block;
    }

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

    #mkalatLeftSide .mkalatLeftSide div:nth-child(1),#mkalatLeftSide .mkalatLeftSide div:nth-child(2){
        width: 100%;
    }
    #mkalatLeftSide .mkalatLeftSide div:nth-child(1) img{
        max-width: 150px;
        position: relative;
        margin: auto;
        border-radius: 50%;
    }

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

    #mkalat{
        grid-template-columns: repeat(1,1fr)
    }

}
/*articlesArchive*/
@media only screen and (max-width: 700px){

    .mkalat{
        grid-template-columns: repeat(1,1fr);
    }

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

    .mkalat .mkalatContainer{
       display: block;
    }
	.mkalat .mkalatContainer div:nth-child(1){
		width: 100%;
		text-align: center;
		position: relative;
		margin: auto;
	}

}
/*pdf*/
@media only screen and (max-width: 555px){
    #myPdfFile{
        display: block;
        margin: 10px auto;
    }
    .pdfArchive{        
        grid-template-columns: repeat(3,1fr)
    }

}

@media only screen and (max-width: 370px){
    .pdfArchive{        
        grid-template-columns: repeat(1,1fr)
    }

}


/* iraq Memory */

@media only screen and (max-width: 620px){
    .videoMemory{        
        grid-template-columns: repeat(2,1fr)
    }
    /*footer*/
    #footer div:nth-child(2) #line1 , #footer div:nth-child(2) #line2 {
        display: block;
        text-align: center;
    }
}

@media only screen and (max-width: 800px){
    .mainVideo{        
        display: block;
		height: auto;
    }
	.mainVideo div{
		width: 100%;
	}

}

/* writerPage*/
@media only screen and (max-width: 930px){
	.writerPage {
		max-width: 1240px;
		position: relative;
		margin: auto;
		display:block;
		
	}
	.writerPage #writerRate p:nth-child(1){
		margin-top: 10px;
	}
	#writerPost{
		display: block;
		max-width: 100%;
		overflow-x: scroll;
	}
	#writerImg{
		max-width: 100%;
	}
}

/* v DOC */
@media only screen and (min-width: 768px) and (max-width: 1410px){
    .videoDocument .smallPic{
        display: block;
    }
}
@media only screen and (max-width: 476px){
    .videoDocument .smallPic{
        display: block;
    }
}

/*footer*/