/********************************************** Common */
	.title {
		position: absolute;
		top: 0; left: 25%; right: 0; bottom: 0;
		width: 50%;
		color: #058dc7; 
		text-align: center; 
		font-family:'Arial'; 
		font-size: 4em; 
		letter-spacing: .05em;
		margin-top: 0px;
		text-shadow: 2px 2px 4px #064066;
	}
	.exactCenter {
		margin: 0;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.center-text { 
		text-align: center !important;
	}
	.navbtn {
		width: 30px;
		height: auto;
		vertical-align: middle;
		margin-left: 25px; 
		margin-right: 25px;
	}
	.divBlue{
		background-color: #ffffff;
		opacity: 0.9;
	}
	.center-text { 
		text-align: center;
	}
	.hidden{
		display:none;
	}
	.shadow_normal{
		-webkit-box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.5);
		box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.5);
	}
	.shadow_discret{
		-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	}
	.shadow_blurry{
		-webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.5);
	}
/********************************************** Index.php */
	.content{
		position: relative;
		width: 100%;
		height: 90%;
		top: 120px;
	}

			.campaigns{
				position: absolute;
				top: 0; left:0; right: 0; border: 0;
			}
			.operations{
				position: absolute;
				top: 0; left:0; right: 0; border: 0;
			}

/********************************************** Login */
	.loginContainer{
		position: fixed;
		top: 25%; left: 25%; right: 0; bottom: 0;
		width: 50%;
	}
		.loginLogo{
			width: 100%;
			padding: 0 0 10px 0;
			text-align: center;
		}
		.loginWrapper{
			border: solid; 
			border-width:1px; 
			border-color: #058dc7; 
			padding: 10px;
			width: 50%; 
			margin: 0 auto;
			text-align: center;
		}
		.loginWrapper h1{
			text-align: center; 
			margin: 5px; 
			color: #058dc7;
		}
			.loginDiv { 
				width: 100%; 
				margin: 0 auto;
				text-align: center;
			}
				.loginInput{

				    display: inline-block;
				    border: 1px solid #ccc;
				    border-radius: 4px;
				    box-sizing: border-box;
				    background-color: #fff !important;
				}
				/* Change the white to any color ;) */
				input:-webkit-autofill {
				    -webkit-box-shadow: 0 0 0 30px white inset !important;
				}


/******************************* Nav Bar */
	.navbar{
		position:absolute;  
		top:5px; 
		width:100%; 
		margin: 5px auto;
	}

	.logos{
		top: 0px;
		width: 100%;
		float: left;
	}

	.enterprise{
		float:left;
		width: 100px;
		height: auto;
	}

	.analytics{
		float: right;
		size: 100px;
		height: auto;
	}

	.navButtons{
		width:100%;
		z-index: 9999999;
	}

	.backButton{
		width:50%; 
		text-align: left; 
		vertical-align: middle ! important;
		float: left;
	}

	.logoutButton{
		width:50%; 
		text-align: right; 
		vertical-align: middle ! important;
		float: right;
	}

/******************************* Tabs*/
	.tabsContainer{
		position: relative;
		top: 120px;
		margin-top: 10px;
		margin-right: 10px;
		height: 30px;
		line-height: 30px;
		border-bottom: solid 0.5px;
		border-color: #9E9E9E;
	}

	.tabs{
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.tabs a{
		background: #F0F0F0;
		display: inline-block;
		color: #9E9E9E;
		padding: 0 10px;
		vertical-align: bottom;
		border-radius: 5px 5px 0 0;
		margin-left: 10px;
		font-weight: bold;
	}

	.tabs a.active{
		background-color: #058dc7 !important;
		color: #fff !important;
		font-weight: bold !important;
	-webkit-box-shadow: 3px 0px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 0px 2px 0px rgba(0,0,0,0.75);
box-shadow: 3px 0px 2px 0px rgba(0,0,0,0.75);
	}

	.tabs a:hover{
		background-color: #E5E4E4 !important;*/
		color: #058dc7 !important;
		font-weight: bold !important;
	}

	.active{
		background-color: #058dc7 !important
		color: #fff !important;
		font-weight: bold;
	}

	.centerDiv {  
		margin: 0 auto;
		text-align: center;
	}

/******************************* Overview */
	.overviewContainer {
		margin-top: 15px;
	}
	
	.overviewTable {
		height: 300px;
		width: 50%;
		margin-top: 5%;
		margin-left: 5%;
		float: left;
	}
	.overviewMap {
		margin-top: 5%;
		margin-left: 25px;
		float: left;
	}
	.overviewPerformance{
		float: left;
		width: 50%;
		margin-left: 10%;
	}
	.overviewGauge {
		width: 100px;
		height: 100px;
		margin-top: 1%;
	}
	.overviewContact {
		float: left;
	}
	.overviewQualif {
		float: left;
		margin-left: 10%;
	}
	.overviewRevDiv { 
		width: 40%;
		margin-top: 4%;
		margin-left: 10%;
		float: left;
	}
	.overviewBigCell {
	text-align: center !important;
		font-size:20px;
	}
	span {
		float:none !important;
	}
	.google-visualization-table-td {
		text-align: left !important;
	}

/********************************************** Campaigns */

	.campaignContainer {
		position: absolute;
		top: 15%;
		width: 100%;
		height: 80%;
		margin: 5px;
	}
	/* Left Div */
		.left_div {
			width: 40%;
			float: left;
		}
			.storePicker {
				width: 45%;
				float: left;
				padding-bottom: 2%;
				padding-left: 2%;
			}
			.cityPicker {
				width: 45%;
				float: left;
				padding-bottom: 2%;
			}
			.campaignTable { 
				float: left;
				height: 500px;
				line-height: 10px;
				width: 90%;
				margin-left: 10px;
			}
			.cTableCell{
				height: 20px;
				padding: 0 !important;
				font-size: 1em;
			}	
			.crmBtn-div {
				position: relative;
				width: 100%;
				float: left;
				left: 50%;
				margin-top: 15px;
			}
				.crmBtn {
					width: 100px;
					height: auto;
					cursor: pointer;
				}
	/* Right Div */
		.right_div {
			width: 60%;
			float: left;
		}
			.gifts{	
				width: 100%;
				float: left;
				margin-left: 2%;
			}

				.giftpie {
					margin: 0 auto !important;
					display: inline-block !important;
					padding-top: 1%;
					float: left;
					
				}
				.stockdiv { 
					padding-top: 50px;
					padding-right: 5%;
					width: 60%;	
				    float: right;
					/*padding-bottom: 2%;
					
					margin-left: 5%;*/
				}
			.mapandkpi{
					width: 100%;
					
				}
				.campaignMap {
					float: left;
					width: 70%; 
					height: 30%;
					margin-left: 2%;
					margin-top: -20px;
					text-align: center;
				}
				.kpi{
					width: 25%;
					float: left;
					margin-top: -10%;
				}		
					.campaignGauge {
						width: 100px;
						height: 100px;
						text-align: center;
						margin-left: 30%
					}
					.campaignGaugeContact {
						width: 100%;
						margin-top: 10%;
						float: left;
					}
					.campaignGaugeQualif {
						width: 100%;
						margin-top: 10%;
						float: left;
					}
					.Contacts {
						width: 100%;
						font-size: 20px;
						text-align: center;
						color: #058dc7;
						float: left;
					}
					.nbcontact {
						top: -20px;
						font-size: 30px;
						margin-top: 0px;
					}

/******************************** DMP */
	.crm_div {
		position: absolute;
		left: 0%;
		top: 0px;
		width: 100%;
		float: left;
	}
	/* Donuts */
		.donut_div {
			position: absolute;
			top: 0px;
			width: 100%;
			padding-left: 0.5%;
			left: 0%;
		}
			.donut_div ul{
				list-style-type: none;
			    margin: 0 0 0 5px;
			    padding: 0;
			    overflow: hidden;
				float: left;
				width: 70%;
			}
			.donut_div li {
				float: left;
				margin: 0 0 0 5px;
			    padding: 0 0 0 10px;
			}
			.donut {
				border: solid 0.5px; 
				width: 180px; 
				height: 100px;
			}
	/* Tag cloud */
		.tagCloudContainer {
			margin: 30px 30px 0 0;
			padding: 1%;
			width:25%; 
			border: solid 0.5px;
			float: right;
		}
		.tagCloudContainer a { 
			text-decoration:none;
		}
	/* Table Block */
	.tableBlock{
		position: absolute;
		top: 190px;
		width: 100%;
		clear: both;
	}
		/* Pickers */
			.pickers {
				 padding-left: 0.5%;
				 width: 100%;
				 float: left;
			}
		
				.pickers ul {
					list-style-type: none;
				    margin: 0;
				    padding: 0;
				    overflow: hidden;
					float: left;
					width: 100%;
				}
				.pickers li {
				    float: left;
				}
				.picker_button {
					padding-left: 50px;
				}
		/* Table */
			.crmTable { 
				padding-left: 2%;
				float: left;
				width: 90%;
				height: 200px;
			}
			.crmTableCell{
				height: 20px;
				padding: 0 0 0 2px!important;
				font-size: 1em;
			}

	
		/* Send messages */
		.send{
			position: absolute;
			top: 380px;
			margin-left: 1%;
		}
			.sms_remaining {
				width: 100%;
				float: left;
				padding: 3% 0 0 1%;
				margin: 0 0 -10px 0;
			}
			.sms_remaining p {
				font-size: 100%;
			}
			.text_div {
				padding: 0 0 0 1%;
				width: 100%;
				float: left;
			}
			.text_div textarea {
				resize: none;
				float: left;
				margin: 0px 100px 0px 0px;
				width: 30%;
			}
				.sms{}
				.mail{}
			
			
			.action_btn {
				list-style-type: none;
				float: left;
				padding: 0%;
			}
			.action_btn li {
				padding: 0 0 10px 0;
			}
			.send_btn {
				width: 100px; 
				height: auto;
				opacity: 0.2;
				cursor: pointer;
			}
			.export_btn {
				width: 100px; 
				height: auto;
				cursor: pointer;
			}
/******************************** Operations */
	.dashboard_div{
		position: relative;
		width: 100%;
		margin-top: 10px;
	}
	.opleft {
		float:left;
		width:33%;
		padding: 1%;
	}
	.opleft div {
		float: right;
	}
	.opmap {
		float:left;
		width:33%;
		padding-top: 1%;
		padding-right: 1%;
	}

	.opmap_div {
		width: 530px; 
		height: 400px;
		float: none;
	}
	.opdetails{
		width: 30%;
		height: 100%;
		float: left;
	}
	.opdetails table{
		width: 98%;
		text-align: center;
		font-weight: bold;
		color: #4D4D4D;

	}
	.opdetails tr{
		line-height: 30px;
	}
	.opdetails td, th{
		width: 25%;
	}
	.icon{
		display: block;
	    margin-left: auto;
	    margin-right: auto;
	}
	.td img{
		padding-top: 5px;
	}
	 .installedTableHeader {
		width: 100%;
	 }
	.installedTableHeader h3 {
		float: left;
		padding-bottom: 1%;
	  }
	.installedTableHeader div {
		float: right;
	}
	.installedTable {
		width: 100%;
		float: right;
		padding-bottom: 4%;
	}
	.pendingsTable {
		width: 100%;
		float: right;
		padding: 0% 0% 4% 0%;
	}
	.form_div{
		width: 100%;
		float: right;
		padding: 0% 0% 4% 0%;
	}
	.form_fields{
		float: left !important;
		/*margin-left: 10%;*/
	}
	.form_fields input[type='text'] {
		width: 90px;
	}
	.form_fields select{
		width: 90px;
		height: 25px;
		padding-left: 5px;
    	vertical-align: middle;
	}
	.form_fields select:invalid, select option[value=""] {
  		color: #999999;
	}
	/*Added for browser compatibility*/
	.form_fields [hidden] {
	  display: none;
	}


	.glowing-border {
	    border: 2px solid #dadada !important;
	    border-radius: 4px !important;
	}

	.glowing-border:focus { 
	    outline: none !important;
	    border-color: #9ecaed !important;
	    box-shadow: 0 0 10px #9ecaed !important;
	}
	.city {
		width: 20%;
	}
	.submitBtn {
		position: relative;
		left: 1%;
		-moz-box-shadow: 0px 0px 3px 0px #9fb4f2;
		-webkit-box-shadow: 0px 0px 3px 0px #9fb4f2;
		box-shadow: 0px 0px 3px 0px #9fb4f2;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #78b7eb), color-stop(1, #1678f0));
		background:-moz-linear-gradient(top, #78b7eb 5%, #1678f0 100%);
		background:-webkit-linear-gradient(top, #78b7eb 5%, #1678f0 100%);
		background:-o-linear-gradient(top, #78b7eb 5%, #1678f0 100%);
		background:-ms-linear-gradient(top, #78b7eb 5%, #1678f0 100%);
		background:linear-gradient(to bottom, #78b7eb 5%, #1678f0 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#78b7eb', endColorstr='#1678f0',GradientType=0);
		background-color:#78b7eb;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family:Arial;
		font-size:16px;
		padding:6px 15px;
		text-decoration:none;
		text-shadow:0px 1px 0px #283966;
	}
	.submitBtn:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1678f0), color-stop(1, #78b7eb));
		background:-moz-linear-gradient(top, #1678f0 5%, #78b7eb 100%);
		background:-webkit-linear-gradient(top, #1678f0 5%, #78b7eb 100%);
		background:-o-linear-gradient(top, #1678f0 5%, #78b7eb 100%);
		background:-ms-linear-gradient(top, #1678f0 5%, #78b7eb 100%);
		background:linear-gradient(to bottom, #1678f0 5%, #78b7eb 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1678f0', endColorstr='#78b7eb',GradientType=0);
		background-color:#1678f0;
	}
	.submitBtn:active {
		position:relative;
		top:1px;
	}
	.removeBtn {
		-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
		box-shadow:inset 0px 1px 0px 0px #f29c93;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
		background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
		background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
		background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
		background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
		background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
		background-color:#fe1a00;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border:1px solid #d83526;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		padding:5px 8px;
		text-decoration:none;
		text-shadow:0px 1px 0px #b23e35;
		margin-right: 10px;
	}
	.removeBtn:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
		background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
		background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
		background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
		background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
		background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
		background-color:#ce0100;
	}
	.removeBtn:active {
		position:relative;
		top:1px;
	}
	.checkContentBtn {
		-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
		-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
		box-shadow:inset 0px 1px 0px 0px #54a3f7;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
		background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
		background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
		background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
		background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
		background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
		background-color:#007dc1;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border:1px solid #124d77;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family:Arial;
		font-size:13px;
		padding:5px 8px;
		text-decoration:none;
		text-shadow:0px 1px 0px #154682;
		margin-left: 10px;
	}
	.checkContentBtn:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
		background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
		background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
		background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
		background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
		background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
		background-color:#0061a7;
	}
	.checkContentBtn:active {
		position:relative;
		top:1px;
	}

	.custom-menu {
	    display: none;
	    z-index: 1000;
	    position: absolute;
	    overflow: hidden;
	    border: 1px solid #CCC;
	    white-space: nowrap;
	    font-family: sans-serif;
	    background: #c70000;
	    color: #FFF;
	    border-radius: 5px;
	    padding: 0;
		font-weight: bold;
	}

	/* Each of the items in the list */
	.custom-menu li {
	    padding: 8px 12px;
	    cursor: pointer;
	    list-style-type: none;
	    transition: all .3s ease;
	}

	.custom-menu li:hover {
	    background-color: #ff0000;
	}

	.dnone {
		display: none !important;
	}
	.dblock {
		display: inline-block !important;
	}

	.live{
		display: none;
		position: absolute;
		top: -30%; left: 0;
		width: 100%;
		height: 130%;
		background-color: rgba(0,0,0,0.8);
	}
	.liveiFrame{
		position: absolute;
		top: 35%; left: 31%;
	    width: 40%;
	    height: 40%;
	    float: left;
	    border: 0;
	}
	.closeModal{
		position: absolute;
		top: 35%; left:71%;
		margin-top: -25px;
		margin-left: -25px;
		cursor: pointer;
	}
/******************************* PLAYER */
	.gauge {
		width: 80px;
		height: 80px;
		float: left;
		padding-left: 20px;
	}
	#account_div {
		float: left;
		padding-left: 2%;
	}
	#channel_div {
		float: left;
		margin-top: 20px;
		padding-left: 1%;
	}
	#channelContainer {
		width: 100%;
		float: left;
		padding-left: 1%;
		padding-top: 3%;
	}
	#playerContainer {
		width: 100%;
		float: left;
		padding-top: 3%;
	}
	#playerContainerTitle {
		width: 100%;
	}
	#playerContainerTitle  ul {
	    list-style-type: none;
		padding: 0;
	}

	#playerContainerTitle  li {
	    float: left !important;
		margin-left:20px;
		font-size: 20px;
		color: #058dc7;
		-webkit-margin-before: 0 !important;
	    -webkit-margin-after: 0 !important; 
		
	}
	#player_div {
		float: left;
		margin-top: 20px;
		padding-left: 2%;
	}

	#playerdashboard_div p {
		width: 100%;
		float: left;
		margin-top: 1%;
		padding-bottom: 0;
		padding-right: 0px;
		padding-left: 2%;
		-webkit-margin-before: 2%;
	    -webkit-margin-after: 0;
		font-size: 20px;
		color: #058dc7;
	}
	#playerdashboard_div {
		position: absolute;
		left: 0%;
		top: 15%;
	}
	#playerdashboard_div .google-visualization-table-table th {
		font-size: 20px;
	}
	#playerdashboard_div .google-visualization-table-table td {
		font-size: 20px;
		text-align: center;
	}
	.playerAccount {
		width: 100%;
		float: left;
		margin-top: 1%;
		padding-bottom: 1% !important;
		padding-right: 0px;
		padding-left: 3% !important;
		-webkit-margin-before: 2%;
	    -webkit-margin-after: 0;
		font-size: 20px;
		color: #058dc7;
	}

	#player_div {
		float: left;
	}
/******************************* Media queries */
	@media only screen and (max-width: 1280px) {
	    .overviewMap {
			width: 300px; 
			height: 300px;
			float: left;
		}
		.opmap_div{
			width: 400px; 
			height: 300px;
			float: left;
		}
	}

	@media only screen and (min-width: 1281){
	    .overviewMap {
			width: 600px; 
			height: 400px;
			float: left;
		}
		.opmap_div{
			width: 530px; 
			height: 400px;
			float: none;*/
		}
	}


	/*
	/* Smartphones (portrait and landscape) ----------- */
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
/*@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
/*@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
/*@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
/*@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
/*@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/*@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6, 7, 8 ----------- */
/*@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/*@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+, 7+, 8+ ----------- */
/*@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/*@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone X ----------- */
/*@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/*@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* iPhone XS Max, XR ----------- */
/*@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/*@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
/*@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/*@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
/*@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/*@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
/*@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/*@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}