@charset "utf-8";

/* CSS Document */





	/* ------ biggest picture box ------- */
	@media screen and (min-width:798px) and (max-width: 2800px) { /*1200px*/
    	.pictureboxBig {
	display: block;
	}
	}

@media screen and (min-width:1px) and (max-width: 1200px) { 
    	.pictureboxBig {
	display: none;
	}
	}


	/* ------ biggest picture box ------- */


	/* ------ middle sized picture box ------- */
	@media only screen and (min-width:800px)and (max-width:1199px){/*800px*/
    	.pictureboxMid  {
	display: block;
    	}
	}
	/* ------ middle sized picture box ends ------- */

	
	/* ------ small sized picture box ------- */
	@media only screen and (min-width:1px) and (max-width:799px){ /*400px*/
	.pictureboxSmall {
	display: block;
	}
	}
	/* ------ small sized picture box ends ------- */







	/* ------ linkboxes ------- */



	@media only screen and (min-width:1200px) and (max-width:2200px){ /*700px*/
	.linkboxRight {
	display: block;
	}
	}

	@media only screen and (min-width:400px) and (max-width:2200px){ /*700px*/
	.linkboxMid {
	display: block;
	}
	}

	@media only screen and (min-width:1px)and (max-width:2200px){ /*400px*/
	.linkboxLeft {
	/*display: block;*/
	}
	}




	/* ------ linkboxes end ------- */

	







	/*----------------- Boxes ----------------------*/

	@media only screen and (min-width:300px)and (max-width:1200px){ /*400px*/
	.boxExtra{
	display: block;
	}
	}

	
	@media only screen and (min-width:300px)and (max-width:2400px){ /*400px*/
	.boxLeft {
	display: block;
	}
	}

	@media only screen and (min-width:300px)and (max-width:2400px){ /*400px*/
	.boxMiddle{
	display: block;
	}
	}

	@media only screen and (min-width:300px)and (max-width:2400px){ /*400px*/
	.boxRight{
	display: block;
	}
	}

	/*----------------- boxes end ----------------------*/

	

	/*----------------- footers  ----------------------*/

	@media only screen and (min-width:1px)and (max-width:2200px){ /*400px*/
	.footerLeft {
	display: block;
	}
	}


	@media only screen and (min-width:799px) and (max-width:2200px){ /*700px*/
	.footerMid {
	display: block;
	}
	}

	@media only screen and (min-width:1200px) and (max-width:2200px){ /*700px*/
	.footerRight {
	display: block;
	}
	}

	

	
	/*----------------- footers end----------------------*/
	

	

	/*----------------- background colors ----------------------*/

	/*@media only screen and (min-width:801px) and (max-width:2400px){
    	body {
        background-color: white; /* widest */
    	}
	}

	@media only screen and (min-width:801px) and (max-width:1200px){
    	body {
        background-color: white; /* midlle */
    	}
	}

	@media only screen and (min-width:400px) and (max-width:800px){
    	body {
        background-color: white; /* narrow */
    	}
	}*/
	/*----------------- background colors ----------------------*/