
.clHeaderLine
{
	width: 100%;
	height: 10px;
	background-color: #122330;
}

.clImgDesktop
{
	display: none;

	width: 100%;
	max-width: 1080px; 
	height: auto;
	margin: auto;

	box-sizing: border-box;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Safari */
     -khtml-user-select: none;   /* Konqueror HTML */
       -moz-user-select: none;   /* Firefox */
        -ms-user-select: none;   /* Internet Explorer/Edge */
            user-select: none;   /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}

.clImgMobile
{
	display: none;

	width: 100%;
	max-width: 750px; 
	height: auto;
	margin: auto;

	box-sizing: border-box;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Safari */
     -khtml-user-select: none;   /* Konqueror HTML */
       -moz-user-select: none;   /* Firefox */
        -ms-user-select: none;   /* Internet Explorer/Edge */
            user-select: none;   /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}


/*========== APPLIED STYLE FOR A SCREEN WIDTH OF 530px OR HIGHER ============*/

.clImgDesktop
{
	display: block;
}

.clImgMobile
{
	display: none;
}


/*========== APPLIED STYLE FOR A SCREEN WIDTH SMALLER THAN 530px ============*/

@media screen and (max-width: 530px)
{
	.clImgDesktop
	{
		display: none;
	}
	
	.clImgMobile
	{
		display: block;
	}
}
