/* ----------- iPad/Tablet ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#searchform {display: block;}

	#pg-7-0, .home .jumbotron .carousel-inner .item img {display: none;}

	.carousel-content {
	    top: 20%;
	    width: 500px;
	    left: calc(30% - 220px ) !important;
	}

	.header-widgets {
		padding: 0px;
	}
	.header-widgets .widget.widget-icon-box {
		display: inline-block;
		width: 33%;
		color: #FFF;
	}
	.header-widgets .icon-box {
		text-align: center;
	}
	.header-widgets .icon-box > .fa {
		font-size: 30px;
		color: #FFF;
		margin-left: 32%;
	}
	.header-widgets .icon-box__text {
		clear: both;
	}
	.header-widgets .icon-box__subtitle {
		color: #FFF;
		font-size: 13px;
		line-height: 11px;
	}

	.widget-icon-box {
	    border-top: none !important;
	}
}


/* ----------- iPhone/Mobile ----------- */

/* ----------- 376px - 425px ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 376px) and (max-width: 425px) { 
	.jumbotron .carousel-content {
		width: 108%;
	}
}

/* ----------- 321px - 375px ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 321px) and (max-width: 375px) { 
	.jumbotron .carousel-content {
		width: 108%;
	}
}

/* ----------- 320px ----------- */
/* Portrait and Landscape */
@media only screen and (max-width: 320px) { 
	.jumbotron .carousel-content {
		width: 111%;
	}
}

/* ----------- 320px - 425px ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 320px) and (max-width: 767px) { 
	#searchform, #pg-7-0 {display: none;}

	.jumbotron {
		display: block;
	}

	.jumbotron .carousel-control {
		display: none;
	}

	.jumbotron .carousel-inner {
		margin-bottom: -40px;
    	background: white;
	}

	.jumbotron .carousel-content {
		left: -15px !important;
		margin-top: -150px;
		background: rgba(22,22,22,0.8);
    	padding: 15px;
	}

	.jumbotron .item img {
		height: 150px;
	}
	.carousel-content {
		width:767px;
	}
	
	.header-widgets {
		padding: 0px;
	}
	.header-widgets .widget.widget-icon-box {
		display: inline-block;
		width: 33%;
		color: #FFF;
	}
	.header-widgets .icon-box {
		text-align: center;
	}
	.header-widgets .icon-box > .fa {
		font-size: 30px;
		color: #FFF;
		margin-left: 32%;
	}
	.header-widgets .icon-box__text {
		clear: both;
	}
	.header-widgets .icon-box__subtitle {
		color: #FFF;
		font-size: 13px;
		line-height: 11px;
	}

	.widget-icon-box {
	    border-top: none !important;
	}
}