/* ==========================================================================
*
* Custom CSS Stylesheet. This is where you should add your own styles!
*
** ========================================================================== */

/* Simple style overrides or custom adds */

.some-css-selector {font-size:13px;}

	.icon{
	display: inline-block;
	color: #ffffff;
	margin-right: 4px;
	font-size: 18px;
	vertical-align: text-top
}




/* ==========================================================================
** Responsive styles custom rules
* These rules are ready to be used for either overrides
* or just your own custom rules.
========================================================================== */


.btn-lined.color{
	border-color: #ff6600;
	color: #4d4d4d;
}

.btn-lined.color-w{
	border-color: #25d366;
	color: #4d4d4d;
}

/** Higher screens+ **/
@media only screen and (min-width : 1921px){
	.icon{
	display: inline-block;
	color:  #ffffff;
	margin-right: 4px;
	font-size: 18px;
	vertical-align: text-top
}

}


/** Desktop+ **/
@media (min-width: 1200px) {
	.icon{
	display: inline-block;
	color:  #ffffff;
	margin-right: 4px;
	font-size: 18px;
	vertical-align: text-top
}

}


/** Laptop **/
@media (max-width: 1200px) {

	.icon{
	display: inline-block;
	color:  #ffffff;
	margin-right: 4px;
	font-size: 18px;
	vertical-align: text-top
}

}


/** Laptop+ **/
@media (min-width: 991px) {

	.icon{
	display: inline-block;
	color:  #ffffff;
	margin-right: 4px;
	font-size: 18px;
	vertical-align: text-top
}

}


/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {

	.icon{
	display: inline-block;
	color:  #ffffff;
	margin-right: 4px;
	font-size: 18px;
	vertical-align: text-top
}

}


/** Large Tablets **/
@media (max-width: 992px) {

	.icon{
	display: inline-block;
	color:  #ffffff;
	margin-right: 4px;
	font-size: 18px;
	vertical-align: text-top
}

}


/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {

	.icon{
	display: inline-block;
	color:  #ffffff;
	margin-right: 4px;
	font-size: 18px;
	vertical-align: text-top
}
}


/** Tablets+  **/
@media (min-width: 768px) {

	.icon{
	color: #ffffff ;
	display: inline-block;
	margin-right: 4px ;
	font-size: 18px ;
	vertical-align: middle;

	}
}


/** Tablets (portrait mode)  **/
@media (min-width : 481px) and (max-width : 768px) {
.icon{
	color: #8C8C8C ;
	display: inline-block ;
	margin-right: 4px;
	font-size: 18px ;
	vertical-align: middle;

	}
}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {

	.icon{
		display: inline-block;
	color: #8C8C8C;
	vertical-align: middle ;

	}
}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {

.icon{
	display: inline-block ;
	color: #8C8C8C;
	vertical-align: middle;

	}

}


/** Smartphone portrait mode **/
@media (max-width: 480px) {

}


/** Normal phone portrait mode+ **/
@media (min-width: 318px) {

}