@media only screen and (min-width: 1000px) and (max-width: 1100px){
	/*----------------------- Home Page-------------------------- */
.world-elite-image, 
.world-image, 
.platinum-image, 
.titanium-image{
	margin:10px 5px 10px 0px;
}
	.card-name{
		font-size: 13px;
	}
	
	.card-tab{
	padding-left:5px;
	}
	.panel-collapse{
		font-size: 12px;
	}
}
@media only screen and (min-width: 767px) and (max-width: 1000px){
	/*----------------------- Home Page-------------------------- */
.world-elite-image, 
.world-image, 
.platinum-image, 
.titanium-image{
	margin:10px 5px 10px 0px;
}
	.card-name{
		font-size: 8px;
	}
	
	.card-tab{
		padding-left:5px;
	}
	.card-bin{
		font-size:7px;
	}
	
	.panel-collapse{
		font-size: 8px;
	}
}
@media only screen and (max-width: 768px) and (-ms-high-contrast:none)
 {
  .world-elite-image{
	background-image: url('../img/world-elite.png');
	 background-size: 80px 50px;
 }
     .world-image{
	background-image: url('../img/world.png');
	background-size: 80px 50px;
}
.platinum-image{
	background-image: url('../img/platinum.png');
	 background-size: 80px 50px;
}
.titanium-image{
	background-image: url('../img/titanium.png');
	 background-size: 80px 50px;
}
}
@media only screen and (max-width: 768px){
	/* ----------------------Header ----------------------------- */
	
	.header{
		text-align: center;
	}
	
	/* ----------------------Breadcrumbs ----------------------------- */
	.breadcrumbs a{
	    float: none;
	}
	.circle{
		width: 20px;
	    height: 20px;
	    padding: 2px 0;
	    font-size: 12px;
	}
	.breadcrumbs{
		padding: 10px 19px;
	}
	.breadcrumbs a+a{
		width: auto;
	}
	/*----------------------- Home Page-------------------------- */
	.card{
		position: relative;
		left: 0%;
	    width: 100%;
	    margin: 0px auto 0;
	}
	.card-tab{
		width: 100%;
		/* margin-bottom: 10px ! important; */
	}
	.card-name{
		font-size:16px;
	}
	/*----------------------- Form-------------------------- */
	.inner-content label{
		padding: 8px 15px 0px 7px;
		line-height: 1.2;
	}
	.inner-content{
	    padding: 0px 30px;
	    font-size: 14px;
	}
	.inner-content h2{
		 font-size: 18px;
		 margin: 0px;
	}
	.inner-content.clearfix {
   		 margin-top: 3px;
   		 padding-top: 30px;
	}
	.btn-next, .btn-exit, .btn-back{
		margin: 0px 0px 15px 0px;
	}
	.label-submit{
		margin: 0px 0px 15px 0px ! important;
	}
	.modal-content{
		height: 235px ! important;
	}
	.card-bin{
		font-size:7px;
	}
	.req{
		font-size:12px;
	}
	.info-icon {
		right: 2px;
    	top: 6px;
	}
	label.select{
		padding: 0px;
	}
	.extranote {
    	font-size: 10px;
	}
}

/* from below : peace of mind site simulation by GS&SM  */

@media only screen and (max-width: 768px){
	.inner-content h2 {
	    font-size: 28px;    
	}
}

@media only screen and (max-width: 768px){
 .card-bin {
    font-size: 10px;
 }
}

@media only screen and (max-width: 768px){
	.inner-content{
	    padding: 0px 23px;
	}
}

@media screen and (max-width: 650px){
	ul.language-switcher-locale-url li a {
	  margin-right: 50%;
	}
}