/* FACTSBOX */
.factbox{
 	background: transparent;
 	border: 1px solid #ccc;
 	border-left: none;
 	border-right: none;
 	width: 280px;
 	padding: 25px 15px 25px 15px;
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;
}

.factbox h3{
 	margin-top: 0;
 	margin-bottom: 0;
}

.expand-this-div .fa{
	display: none;
}

div.factbox h3{
	padding-bottom: 10px;
}

.factbox-left{
	float: left; 
	margin-right: 25px;
}

.factbox-right{
	float: right; 
	margin-left: 25px;
}

.factbox-full{
	float: left; 
	width: 100%;
}


.factbox .btn-primary{
	background: transparent;
	color: #000;
	border: none;
	box-shadow: none;
}

.factbox .btn-primary:hover,
.factbox .btn-primary:focus,
.factbox .btn-primary:active{
	background: transparent !important;
	box-shadow: none !important;
	color: #000 !important;
}

@media screen and (min-width: 1366px) and (max-width: 1366px) and (min-height: 768px) and (max-height: 768px) {
    .factbox-left {
	}

	.factbox-right {
	}
}

@media screen and (min-width: 1024px) and (max-width: 1024px) and (min-height: 600px) and (max-height: 600px) {
    .factbox-left {
	}

	.factbox-right {
	}
}

/* iPad Pro Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	.factbox-left {
	    margin-left: -50px !important;
	}
}

/* iPad Pro Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}


/* iPAD Landscrape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.factbox-left {
	    margin-left: -50px !important;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.factbox{
		width: 100%;
	    margin: auto;
	    margin-top: 15px;
	    margin-bottom: 15px;
	    text-align: left;
	    float: none;
	    max-width: 100% !important;
	}

	.factbox .btn-primary{
		padding-left: 0;
	}

	.factbox h3:first-child{
		display: none;
	}

	.factbox h3{
		padding-left: 0 !important;
	}
}

/* iPhone 6 Plus*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) {
	.factbox {
	    width: 380px;
	}
}

@media (min-width: 768px) {
  .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 551px) {

	div.factbox h3 {
	    padding-left: 30px;
	}

	.factbox-linear-gradient {
	    background: linear-gradient(
				to bottom,
				transparent,
				#F3f3f3
			    );
	}
	.expand-this-div {
   	position: absolute;
    bottom: 0;
    width: 100%;
    height: 150px;
    left: 0;
    text-align: center;
    font-size: 30px;
    z-index: 999;
}

.color-box{
	    background: #f3f3f3;
    float: left;
    width: 100%;
    /* z-index: 9999; */
    position: absolute;
    height: 30px;
    bottom: 0;
}

.expand-this-div .fa{
    position: relative;
    bottom: -110px;
    left: 0;
    z-index: 9;
}

.expand-this-div .fa{
	display: block;
}

	.factbox {
		margin-top: 0;
		margin-bottom: 15px;
	}

	.factbox-collapsed {
		height: 180px;
		overflow: hidden;
	}

	.factbox-expanded{
		height: auto;
	}
}