/*---------------------- IMG-CONTAINER ----------------------*/

/* FONTOS!!!
-------------------------------------------------------------

A "box" classt el kell helyezni a html-ben a köv classok után:

img_25
img_33
img_50
img_100
img-title

-------------------------------------------------------------
*/

.img_left img,.img_center img, .img_right img{width: 100%;}

/* CONTAINER ALLIGN
--------------------------------------------------------*/

.img_left{float: left; margin: 0 2% 1% 0;}
.img_right{float: right; margin: 0 0 1% 2%;}
.img_center{display: block; margin: 0 auto 1% auto;}

.img_border{border: 1px solid #aaabae; padding: 1%;}

.img_caption{text-align: center; font-size: 0.875em; margin-top: 3px;}

.img-title{margin-top: 0.5em; font-size: 0.85em; text-align: center; padding: 0 0.25em;}

/* MOBIL DEVICES - max-widht: 520px)
--------------------------------------------------------*/

.img_25,
.img_33,
.img_50,
.img_100{width: 100%;}

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

.img_25.img_left,
.img_33.img_left,
.img_50.img_left,
.img_100.img_left{margin-right: 0;}

.img_25.img_right,
.img_33.img_right,
.img_50.img_right,
.img_100.img_right{margin-left: 0;}

}

/*---------------------- TAB ----------------------*/

@media only screen and (min-width: 521px) and (max-width: 959px){
	
.img_25,
.img_33,
.img_50,
.img_100{width: 49%;}

.img_25:nth-child(2n+0).img_left,
.img_33:nth-child(2n+0).img_left,
.img_50:nth-child(2n+0).img_left,
.img_100:nth-child(2n+0).img_left{margin-right: 0;}

.img_25:nth-child(2n+0).img_right,
.img_33:nth-child(2n+0).img_right,
.img_50:nth-child(2n+0).img_right,
.img_100:nth-child(2n+0).img_right{margin-left: 0;}

}

/*---------------------- PC ----------------------*/

@media only screen and (min-width: 960px){

.img_25{width: 23.5%;}
.img_33{width: 32%;}
.img_50{width: 48%;}
.img_100{width: 100%;}

.img_25:nth-child(4n+0).img_left{margin-right: 0;}
.img_33:nth-child(3n+0).img_left{margin-right: 0;}
.img_50:nth-child(2n+0).img_left{margin-right: 0;}

.img_25:nth-child(4n+0).img_right{margin-left: 0;}
.img_33:nth-child(3n+0).img_right{margin-left: 0;}
.img_50:nth-child(2n+0).img_right{margin-left: 0;}

.img_100.img_left{margin-right: 0;}
.img_100.img_right{margin-left: 0;}

}

/* Admin img preview (csak a PC-s megjelenést mutatja)
--------------------------------------------------------*/

.mce-content-body .img_25{width: 23.5%;}
.mce-content-body .img_33{width: 32%;}
.mce-content-body .img_50{width: 48%;}
.mce-content-body .img_100{width: 100%;}

.mce-content-body .img_25:nth-child(4n+0).img_left{margin-right: 0;}
.mce-content-body .img_33:nth-child(3n+0).img_left{margin-right: 0;}
.mce-content-body .img_50:nth-child(2n+0).img_left{margin-right: 0;}

.mce-content-body .img_25:nth-child(4n+0).img_right{margin-left: 0;}
.mce-content-body .img_33:nth-child(3n+0).img_right{margin-left: 0;}
.mce-content-body .img_50:nth-child(2n+0).img_right{margin-left: 0;}

.mce-content-body .img_100.img_left{margin-right: 0;}
.mce-content-body .img_100.img_right{margin-left: 0;}