/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 1800px) {
		.responsive:before {
			content: "min-width : 1800px";	
		}
    }
    @media only screen and (max-width : 1800px) {
		.responsive:before {
			content: "max-width : 1800px";	
		}
    }
	
    @media only screen and (max-width : 1490px) {
		.hidden1490 {
			display:none;
		}
		.responsive:before {
			content: "max-width : 1480px";	
		}
    }
    @media only screen and (max-width : 1410px) {
		.hidden1410 {
			display:none;
		}
		.show1410 {
			display:inline-block;
		}
		.responsive:before {
			content: "max-width : 1410px";	
		}
    }
    @media only screen and (min-width : 1410px) {
		.show1410 {
			display:none;
		}
		.responsive:before {
			content: "min-width : 1410px";	
		}
    }
	
    @media only screen and (max-width : 1400px) {
		.responsive:before {
			content: "max-width : 1400px";	
		}

    }

	@media screen and (max-width: 1450px) and (min-width: 1201px) {
		.box-title ul li {
			font-size: 14px;
			margin-bottom: 5px;
		}
	}	

	@media only screen and (min-width : 1200px) {
		/*#loginForm {
			width:580px;	
		}*/
        #bodyContainer > div {
            /*padding:20px 40px 20px 40px;	*/
		}
		.dashSpacer {
			padding-left:20px;
		}
	}
    @media only screen and (max-width : 1200px) {

		
		.headerLogo {
			height:100px;
			width:420px;
			-webkit-transition: width 0.3s, height 0.3s;
			transition: width 0.3s, height 0.3s;
			content:url("../images/Logo.png");
		}
		.xHeaderLogo {
			height:100px;
			width:420px;
			-webkit-transition: width 0.3s, height 0.3s;
			transition: width 0.3s, height 0.3s;
			background:url("../images/Logo.png");
			background-repeat: no-repeat;
			background-size: cover;
		}
		.dashSpacer {
			padding-left:0px;
			margin-top:20px;
		}
		/*#loginForm {
			width:580px;	
		}*/
            .responsive:before {
			content: "max-width : 1200px";	
		}
        #bodyContainer > div {
            /*padding:10px 20px 10px 20px;	*/
		}
    }
	@media only screen and (min-width : 1050px) {
		#bodyContainer > div {
			padding:10px 20px 10px 20px;	
		}
	}
    @media only screen and (max-width : 1024px) {
		.headerLogo {
			height:80px;
			width:300px;
			-webkit-transition: width 0.3s, height 0.3s;
			transition: width 0.3s, height 0.3s;	
			content:url("../images/LogoA.png");
		}
		.xHeaderLogo {
			height:80px;
			width:300px;
			-webkit-transition: width 0.3s, height 0.3s;
			transition: width 0.3s, height 0.3s;
			background:url("../images/LogoA.png");
			background-repeat: no-repeat;
			background-size: cover;
		}
		#bodyNavigation {
			width:200px;	
		}
		#bodyAdverts {
			display:none;	
		}
        /*#loginForm {
			width:520px;	
		}*/
            #bodyContainer > div {
            /*padding:20px;	*/
		}
		.responsive:before {
			content: "max-width : 1024px";	
		}
    }
    @media only screen and (max-width : 972px) {
		.headerLogo {
			height:80px;
			width:200px;
			-webkit-transition: width 0.3s, height 0.3s;
			transition: width 0.3s, height 0.3s;
			content:url("../images/LogoB.png");
		}
		.xHeaderLogo {
			height:80px;
			width:200px;
			-webkit-transition: width 0.3s, height 0.3s;
			transition: width 0.3s, height 0.3s;
			background:url("../images/LogoB.png");
			background-repeat: no-repeat;
			background-size: cover;
		}
        /*#loginForm {
			width:480px;	
		}*/
            .responsive:before {
			content: "max-width : 972px";	
		}
    }
	@media only screen and (max-width : 860px) {

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

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

		.headerLogo {
			height:80px;
			width:200px;
			-webkit-transition: width 0.3s, height 0.3s;
			transition: width 0.3s, height 0.3s;
			content:url("../images/LogoB.png");	
		}
		.xHeaderLogo {
			height:80px;
			width:200px;
			-webkit-transition: width 0.3s, height 0.3s;
			transition: width 0.3s, height 0.3s;
			background:url("../images/LogoB.png");
			background-repeat: no-repeat;
			background-size: cover;
		}
		.smHeader .headerLogo, .smPhoneHeader .headerLogo {
			height:40px;
			width:124px;
			-webkit-transition: width 0.3s, height 0.3s;
			transition: width 0.3s, height 0.3s;
			content:url("../images/LogoE.png");	
		}
		.smHeader .xHeaderLogo, .smPhoneHeader .xHeaderLogo {
			height:40px;
			width:124px;
			-webkit-transition: width 0.3s, height 0.3s;
			transition: width 0.3s, height 0.3s;
			background:url("../images/LogoE.png");
			background-repeat: no-repeat;
			background-size: cover;
		}
        /*#loginForm {
			width:400px;	
		}*/
		.responsive:before {
			content: "max-width : 768px";	
		}

    }
    @media only screen and (max-width : 700px) {
		.headerLogo {
			height:80px;
			width:120px;
			-webkit-transition: width 0.3s, height 0.3s;
			transition: width 0.3s, height 0.3s;
			content:url("../images/LogoC.png");	
		}
		.xHeaderLogo {
			height:80px;
			width:120px;
			-webkit-transition: width 0.3s, height 0.3s;
			transition: width 0.3s, height 0.3s;
			background:url("../images/LogoC.png");
			background-repeat: no-repeat;
			background-size: cover;
		}
		.smHeader .headerLogo, .smPhoneHeader .headerLogo {
			height:40px;
			width:124px;
			-webkit-transition: width 0.3s, height 0.3s;
			transition: width 0.3s, height 0.3s;
			content:url("../images/LogoE.png");	
		}
		.smHeader .xHeaderLogo, .smPhoneHeader .xHeaderLogo {
			height:40px;
			width:124px;
			-webkit-transition: width 0.3s, height 0.3s;
			transition: width 0.3s, height 0.3s;
			background:url("../images/LogoE.png");
			background-repeat: no-repeat;
			background-size: cover;
		}
		/*#loginForm {
			width:380px;	
		}
		.loginInput {
			width:256px;	
		}*/
		.responsive:before {
			content: "max-width : 700px";	
		}

    }

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

	 /* Extra Small Devices, Phones */
	 @media only screen and (max-width: 480px) {
		 .mheader .headerLogo {
			 height: 80px;
			 width: 200px;
			 -webkit-transition: width 0.3s, height 0.3s;
			 transition: width 0.3s, height 0.3s;
			 content: url("../images/LogoB.png");
		 }

		 .mheader .xHeaderLogo {
			 height: 80px;
			 width: 200px;
			 -webkit-transition: width 0.3s, height 0.3s;
			 transition: width 0.3s, height 0.3s;
			 background: url("../images/LogoB.png");
			 background-repeat: no-repeat;
			 background-size: cover;
		 }

		 .smHeader .headerLogo, .smPhoneHeader .headerLogo {
			 height: 40px;
			 width: 124px;
			 -webkit-transition: width 0.3s, height 0.3s;
			 transition: width 0.3s, height 0.3s;
			 content: url("../images/LogoE.png");
		 }

		 .smHeader .xHeaderLogo, .smPhoneHeader .xHeaderLogo {
			 height: 40px;
			 width: 124px;
			 -webkit-transition: width 0.3s, height 0.3s;
			 transition: width 0.3s, height 0.3s;
			 background: url("../images/LogoE.png");
			 background-repeat: no-repeat;
			 background-size: cover;
		 }

		 .responsive:before {
			 content: "max-width : 480px";
		 }
/*
		 #loginForm {
			 width: 300px;
		 }

		 .loginInput {
			 width: 232px;
		 }*/
	 }

	 /* Custom, iPhone Retina */
	 @media only screen and (max-width: 320px) {
		 .mheader .headerLogo {
			 height: 80px;
			 width: 120px;
			 -webkit-transition: width 0.3s, height 0.3s;
			 transition: width 0.3s, height 0.3s;
			 content: url("../images/LogoC.png");
		 }

		 .mheader .xHeaderLogo {
			 height: 80px;
			 width: 120px;
			 -webkit-transition: width 0.3s, height 0.3s;
			 transition: width 0.3s, height 0.3s;
			 background: url("../images/LogoC.png");
			 background-repeat: no-repeat;
			 background-size: cover;
		 }

		 .smHeader .headerLogo, .smPhoneHeader .headerLogo {
			 height: 40px;
			 width: 124px;
			 -webkit-transition: width 0.3s, height 0.3s;
			 transition: width 0.3s, height 0.3s;
			 content: url("../images/LogoE.png");
		 }

		 .smHeader .xHeaderLogo, .smPhoneHeader .xHeaderLogo {
			 height: 40px;
			 width: 124px;
			 -webkit-transition: width 0.3s, height 0.3s;
			 transition: width 0.3s, height 0.3s;
			 background: url("../images/LogoE.png");
			 background-repeat: no-repeat;
			 background-size: cover;
		 }

		 .responsive:before {
			 content: "max-width : 320px";
		 }
	 }
 }