
@media (max-width: 1440px)
{
	.carousel-box
	{
		position: absolute;
		right: 5% ;
		top: 50%;
		transform: translateY(-50%);
		background-color: rgba(255,255,255,.7);
		z-index: 1;
	}


}

@media (max-width: 1200px) {

}


@media (max-width: 992px) {

}



@media (max-width: 768px),(max-width: 810px)
{
	
	.section-banner-digital-signage-solutions p{font-size: 26px;font-weight: 600;}

	.section-banner-digital-signage-solutions h2{font-size: 14px}

	.banner-sale-rent{width: 35%;margin-left: 20px;}
	
	
	.section-banner-digital-signage-solutions .banner-item{top: 30px;right: 30px;height:503px;width: 200px;}
	.section-digital-signage h3
	{
		font-size: 18px;
		font-weight: 500;
		line-height: 38px;
		margin-bottom: 30px;
	}

	.section-digital-signage li
	{
		font-size: 15px;
		font-weight: 400;
		padding-bottom: 10px;
	}
	
	
	.section-carousel-signage .carousel-indicators {bottom: 0px !important;}
	.section-carousel-signage .carousel-indicators button {
		width: 14px !important;
		height: 14px !important;
	}
	
	
	.carousel-box{right: 0;}

	.carousel-box h3{font-size: 22px;}

	.carousel-box li{font-size: 14px;margin-bottom: 5px;}
}

@media (max-width: 360px),(max-width: 375px),(max-width: 428px),(max-width: 480px)
{

	header
	{
		margin-top: 81px;
		height: 202px;
		overflow: hidden;
	}

	header .banner-text
	{
		top: 0;
		transform: none;
	}
	
	header h2{
		font-size: 16px;
		line-height: 22px;
	}

	header h3{
		font-size:12px;
		line-height: normal;
	}

	.dropdown > .dropdown-menu {display:block; border: 0;}

	.section-offers h3{font-size: 26px;}

	.section-offers h4{font-size: 14px;line-height: 18px;}
	
	.section-clients h3 {
		position: absolute;
		top: 40%;
		transform: translateY(-50%);
		font-size: 36px;
		color: #fff;
		font-weight: 400;
	}

	.section-clients .client-logos{margin-top: -170px;}

	.section-clients .btn,.section-partners .btn {
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		padding: 10px 25px 10px 25px;
		background-color: var(--theme-color-lime);
		border: 1px solid var(--theme-color-lime);
		border-radius: 2px;
	}

	.section-breadcrumbs{margin-top: 100px;}

	.section-page-partners{font-size: 14px;}
	
	.section-page-partners h2{font-size: 20px;margin-bottom: 10px;}
	
	.section-page-partners h3{font-size: 30px;}

	.section-banner-about
	{
		margin-top: 0px;
		height: 210px;
		overflow: hidden;
	}
	
	.section-banner-about img{transform: scale(1.7) !important;}
	
	.section-banner-about .banner-text
	{
		top: 0px;
		transform: none;
		z-index: 999;
	}
	
	.section-banner-about .banner-text p{font-size: 14px;}
	
	.section-banner-vision
	{
		margin-top: 0px;
		height: 210px;
		overflow: hidden;
		position: relative;
	}
	
	.section-banner-vision img{transform: scale(1.7) !important;}
	
	.section-banner-vision .banner-text
	{
		top: 0px;
		transform: none;
		z-index: 999;
	}
	
	.banner-text-vision{
		height: 410px;
		font-size: 24px;
	}
	
	.section-banner-vision .banner-text p{font-size: 14px;}
	
	.section-banner-core img {display: none;}
	
	.section-banner-core .banner-text
	{
		top: 0px;
		transform: none;
		z-index: 999;
	}

	.core-box{
		min-height: 230px;
		border: 1px solid #ccc;
	}

	.core-box img{display: block;}
	.section-banner-core{height: 1150px;}
	.section-about-clients{position: relative;}

	.section-banner-contact
	{
		margin-top: 70px;
		height: 210px;
		overflow: hidden;
	}
	
	.section-banner-contact .banner-text{top: 10px;transform: none;}
	
	.section-banner-contact img
	{
		transform: scale(1.5);
		margin-top: 40px;
		margin-right: 0px;
	}
	
	.section-google-map iframe{height: 310px;}

	.section-banner-contact h2
	{
		font-size: 18px;
		margin-bottom: 10px;
	}

	.section-banner-contact h3{font-size: 14px;}
	.section-banner-contact p{font-size: 12px;}

	.section-clients h3 {
		top: 70px;
		transform: none;
		font-size: 22px;
		padding: 0 30px;
	}

	.section-clients .client-logos{margin-top: -50px;}
	
	.section-whats-new h2 {font-size: 28px;}

	.carousel-control-next {right: -20px;}
	.carousel-control-prev {left: -20px;}

	.carousel-control-next, .carousel-control-prev {opacity: 1;}
	.carousel-control-prev-icon, .carousel-control-next-icon {
		line-height: 38px;
		width: 37px;
		height: 37px;
	}

	.carousel-control-prev-icon:after, .carousel-control-next-icon:after {font-size: 40px;}

	.carousel-indicators {bottom: -30px;}

	.carousel-indicators button{
		width: 40px !important;
		height: 8px !important;
	}

	.section-banner-digital-signage-solutions p{font-size: 16px; padding-right: 70px !important;}
	.section-banner-digital-signage-solutions h2{font-size: 12px;}

	.banner-sale-rent{width: 35%;margin-left: 20px;}


	.section-banner-digital-signage-solutions .banner-item{
		position: absolute;
		top: 50px;
		right: 70px;
		/*height:882px;width: 351px; Original Size*/
		height:729px;width: 290px;
	}
	
	
	.section-digital-signage h3
	{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 0;
	}

	.section-digital-signage li
	{
		font-size: 14px;
		padding-bottom: 5px;
	}
	
	.carousel-box h3{font-size: 20px;}
	.carousel-box li
	{
		font-size: 14px;
		margin-bottom: 2px;
	}
	
	.section-carousel-signage .carousel-indicators .active {background-color: var(--theme-color-lime);}
	.section-carousel-signage .carousel-indicators {bottom: -40px !important;}
	.section-carousel-signage .carousel-indicators button {
		width: 12px !important;
		height: 12px !important;
		margin-right: 5px;
		margin-left: 5px;
		background-color: #eee;
	}
	
	.carousel-box
	{
		position: relative;
		right: 0;
		top: 0;
		transform:none;
		background-color: #eee;
		z-index: 1;
	}
}


