/* --- Small Devices (portrait and landscape) --- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	#myCarousel {
		height: 580px;
	}
	#myCarousel .carousel-control.left {
		top: 30% !important;
	}
	#myCarousel .carousel-control.right {
		top: 30% !important;
	}
	.carousel-control img {
		width: 25px;
	}
	.carousel-caption {
		left: 8%;
		right: 8%;
		padding-top: 15px;
		bottom: auto;
	}
	.carousel-indicators {
		bottom: 0px;
	}
	.carousel .carousel-inner .bg3 {
		background-image: url('Third-Slide.jpg');
		background-position: 32% center;
	}
	.carousel .carousel-inner .bg5 {
		/* background-image: url('Fifth-Slide.jpg'); */
		background-image: linear-gradient(to right, #004F71, #003865);
		background-position: left center;
	}
	.tony-img {
		width: 160px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu >li > a {
		color: #FFF;
	}
	h1.card-title {
		font-size: 24px;
	}
	.text-position-left {
		text-align: center;
	}
	.text-position-right {
		text-align: center;
	}
	.navbar-nav>li {
		text-align: center;
	}
	.navbar-toggle {
		margin-right: 20px;
		margin-top: 15px;
		background-color: transparent;
	}
	.navbar-fixed-top.navbar {
		min-height: 100px !important;
	}
	#myCarousel .carousel-header {
		margin-top: 20px;
	}
	.supplier-img {
		height: 450px !important;
	}
	.supplier-img .supplier-quality-card {
		margin-top: 150px;
		margin-bottom: 0px;
		width: 100%;
		margin-left: 0px;
	}
	.supplier-img .supplier-business-card {
		margin-top: 150px;
		margin-bottom: 0px;
		width: 100%;
		margin-left: 0px;
	}
	#content-container.signinpage {
		background-size: cover !important;
	}
	#content-container.signinpage .page-content.row .row .col-md-6 button.btn[name='provider'] {
		border: none;
	}
	.department-card h1{
		margin-left: 0px;
	}
	.department-card {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		background: #5B788F;
		width: 100%;
		color: #FFF;
		opacity: 0.6;
		padding: 25px;
	}
	#become-supplier-top h1 {
		font-size: 28px;
	}
	.supplier-chain-card {
		padding: 10px !important;
	}
	.section-top {
		min-height: 75px !important;
	}
	.btn-xl {
		padding: 8px 25px;
		font-size: 18px;
		line-height: 1.33333;
		border-radius: 0;
	}
	.department-bg {
		background-position: bottom !important;
		height: 500px;
	}
	#admin-pages .jquery-bootstrap-pagination {
		text-align: center !important;
		padding-bottom: 20px;
	}
    .crmEntityFormView .cell.checkbox-cell:first-child {
        padding: 0 28px 30px !important;
    }
}

@media only screen and (max-width: 767px) {
	body {
		padding-top: 100px !important;
	}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	#myCarousel {
		height: 580px;
	}
	#myCarousel .carousel-control.left {
		top: 30% !important;
	}
	#myCarousel .carousel-control.right {
		top: 30% !important;
	}
	.carousel-control img {
		width: 25px;
	}
	.carousel-caption {
		left: 8%;
		right: 8%;
		padding-top: 15px;
		bottom: auto;
	}
	.carousel-indicators {
		bottom: 0px;
	}
	.carousel .carousel-inner .bg3 {
		background-image: url('Third-Slide.jpg');
		background-position: 32% center;
	}
	.carousel .carousel-inner .bg5 {
		/* background-image: url('Fifth-Slide.jpg'); */
		background-image: linear-gradient(to right, #004F71, #003865);
		background-position: left center;
	}
	.tony-img {
		width: 160px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu >li > a {
		color: #FFF;
	}
	h1.card-title {
		font-size: 24px;
	}
	.text-position-left {
		text-align: center;
	}
	.text-position-right {
		text-align: center;
	}
	.navbar-nav>li {
		text-align: center;
	}
	.navbar-toggle {
		margin-right: 20px;
		margin-top: 15px;
		background-color: transparent;
	}
	.navbar-fixed-top.navbar {
		min-height: 100px !important;
	}
	#myCarousel .carousel-header {
		margin-top: 20px;
	}
	.supplier-img {
		height: 450px !important;
	}
	.supplier-img .supplier-quality-card {
		margin-top: 150px;
		margin-bottom: 0px;
		width: 100%;
		margin-left: 0px;
	}
	.supplier-img .supplier-business-card {
		margin-top: 150px;
		margin-bottom: 0px;
		width: 100%;
		margin-left: 0px;
	}
	#content-container.signinpage {
		background-size: cover !important;
	}
	#content-container.signinpage .page-content.row .row .col-md-6 button.btn[name='provider'] {
		border: none;
	}
	.department-card h1{
		margin-left: 0px;
	}
	.department-card {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		background: #5B788F;
		width: 100%;
		color: #FFF;
		opacity: 0.6;
		padding: 25px;
	}
	#become-supplier-top h1 {
		font-size: 28px;
	}
	.supplier-chain-card {
		padding: 10px !important;
	}
	.section-top {
		min-height: 75px !important;
	}
	.btn-xl {
		padding: 8px 25px;
		font-size: 18px;
		line-height: 1.33333;
		border-radius: 0;
	}
	.department-bg {
		background-position: center !important;
		height: 100%;
	}
	
}

/* Larger Tablets and Small Desktop */

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	#myCarousel {
		height: 520px;
	}
	.carousel-caption {
		left: 5%;
		right: 5%;
		top: 60px;
	}
	.carousel .carousel-inner .bg3 {
		background-image: url('Third-Slide.jpg');
		background-position: center center;
	}
	.carousel .carousel-inner .bg5 {
		/* background-image: url('Fifth-Slide.jpg'); */
		background-image: linear-gradient(to right, #004F71, #003865);
		background-position: center center;
	}
	.bg3 .carousel-caption,
	.bg4 .carousel-caption {
		left: 5%;
		right: 5%;
		top: 30px;
	}
	.bg5 .carousel-caption {
		left: 5%;
		right: 5%;
		top: 10px;
	}
	.carousel-indicators {
		bottom: 10px;
	}
	.tony-img {
		width: 260px;
	}
	#myCarousel .carousel-header {
		margin-top: 0px;
	}
	.text-position-left {
		text-align: left;
	}
	.text-position-right {
		text-align: right;
	}
	.department-card h1{
		margin-left: 24px;
	}
	.supplier-img .supplier-quality-card {
		margin-top: 60px;
		margin-bottom: 15px;
		width: 45%;
		margin-left: -270px;
	}
	.supplier-img .supplier-business-card {
		margin-top: 60px;
		margin-bottom: 15px;
		width: 45%;
		margin-left: 90%;
	}
	.department-card {
		position: absolute;
		top: 0px;
		left: 5%;
		height: 100%;
		background: #5B788F;
		width: 45%;
		color: #FFF;
		opacity: 0.8;
		padding: 40px;
	}
	.btn-xl {
		padding: 10px 40px;
		font-size: 19px;
		line-height: 1.33333;
		border-radius: 0;
	}
	.department-bg {
		background-position: center !important;
		height: 100%;
	}
}


/* Desktop and Larger Devices */

@media screen and (min-width: 1200px) {
	#myCarousel {
		height: 520px;
	}
	.carousel-caption {
		left: 5%;
		right: 5%;
		top: 60px;
	}
	.carousel .carousel-inner .bg3 {
		background-image: url('Third-Slide.jpg');
		background-position: center center;
	}
	.carousel .carousel-inner .bg5 {
		/* background-image: url('Fifth-Slide.jpg'); */
		background-image: linear-gradient(to right, #004F71, #003865);
		background-position: center center;
	}
	.bg3 .carousel-caption,
	.bg4 .carousel-caption {
		left: 5%;
		right: 5%;
		top: 30px;
	}
	.bg5 .carousel-caption {
		left: 5%;
		right: 5%;
		top: 10px;
	}
	.carousel-indicators {
		bottom: 10px;
	}
	.tony-img {
		width: 260px;
	}
	#myCarousel .carousel-header {
		margin-top: 0px;
	}
	.text-position-left {
		text-align: left;
	}
	.text-position-right {
		text-align: right;
	}
	.department-card h1{
		margin-left: 24px;
	}
	.supplier-img .supplier-quality-card {
		margin-top: 60px;
		margin-bottom: 15px;
		width: 45%;
		margin-left: -270px;
	}
	.supplier-img .supplier-business-card {
		margin-top: 60px;
		margin-bottom: 15px;
		width: 45%;
		margin-left: 90%;
	}
	.department-card {
		position: absolute;
		top: 0px;
		left: 9%;
		height: 100%;
		background: #5B788F;
		width: 35%;
		color: #FFF;
		opacity: 0.8;
		padding: 45px;
	}
	.btn-xl {
		padding: 10px 40px;
		font-size: 19px;
		line-height: 1.33333;
		border-radius: 0;
	}
	.department-bg {
		background-position: center !important;
		height: 550px;
	}
}


@media screen and (max-width: 1200px) {
	#content-container.signinpage {
		background-size: cover !important;
	}
	#content-container.signinpage .page-content.row .row .col-md-6 button.btn[name='provider'] {
		border: none;
	}
}