.banner { clear: both; padding: 0px; position: relative; width: 100%; }
.banner h1 { font-size: 62px; font-weight: 300; color: #fff; text-transform: uppercase; }
.banner p { color: #fff; font-size: 17px; margin: 2% 0px 4%; max-width: 550px; }
.banner .carousel-caption { bottom: 15%; text-align: inherit; }
.banner .holder {width: 100%;padding-top: 50%;background-size: cover;background-position: center;}

.intr { background: #E8EAF3 url("../images/tcy_pdt_pke.jpg") no-repeat center bottom / 100%; padding: 8% 0px 25%; width: 100%; }
.intr .container { max-width:1300px; }
.intr h3 { color: #CB0000; font-size: 17px; margin-bottom: 35px; }
.intr p { color: #3A4D98; }
.intr p span { margin: 0px 5px; }
.intr p:last-child { text-transform:uppercase; }

.our { background: #fdfdfe; padding: 7% 0px; width: 100%; background-image: url('../images/product-decor.png');background-size: 67% 451px;background-repeat: no-repeat;background-position: left bottom;}
.our h3 { color: #CB0000; font-size: 22px; margin-bottom: 20px; }
.our p { margin: 0px auto 2.5em; max-width: 710px; }
.our .carousel-control-next, .our .carousel-control-prev { opacity: 1; }

.support { background: url("../images/tcy_ptn_bg.jpg") no-repeat center top / cover; padding: 7% 0px; text-align: center; width: 100%; }
.support h2, .support p { color: #fff; }
.support h2 { margin-bottom: 60px; }
.support p { margin: 15px 0px; }
.support img { max-height:140px; width:auto; }
.support h4 { font-size:22px; color:white; }

.latest { background: url("../images/tcy_nws_bg.jpg") no-repeat center top / cover; padding: 7% 0px; width: 100%; }
.latest article { background-color: #fff; border-radius: 7px; padding-bottom: 20px; }
.latest h4 { color: #CB0000; font-size: 22px; }
.latest p span { color: #3A4D98; font-size: 14px; }

.latest .owl-theme .owl-dots { display: none; }
.latest .owl-carousel .owl-item img { display: inline; width: auto; }
.latest .owl-carousel .owl-nav button.owl-next, .latest .owl-carousel .owl-nav button.owl-prev { height: 50px; margin: 0px 15px; position: absolute; top: 45%; text-indent: -9999px; width: 31px; }
.latest .owl-carousel .owl-nav button.owl-prev { background: url('../images/arrow_blue.png') no-repeat left top; left: 0px; margin-left: -70px; }
.latest .owl-carousel .owl-nav button.owl-next { background: url('../images/arrow_blue.png') no-repeat right top; right: 0px; margin-right: -70px; }
.latest .owl-carousel .holder {width: 100%;background-size: cover;background-position: center;padding-top: 54%; border-radius: 7px 7px 0 0;}
article h4 a {color: inherit;transition: all .3s ease;}

.call p, .call h2 { color:white; }

.footeradv { margin-top:50px; }

/*-------------------
    Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
	.banner { padding-top: 57px; }
	.banner .w-100 { height: 548px; }
	.banner .holder { padding-top: calc(100vh - 57px); }
	.banner h1 { font-size: 44px; }
	.banner p { font-size: 14px; }
	.banner .carousel-caption { right: 5%; left: 5%; text-align: center; }
	.banner .carousel-control-next, .banner .carousel-control-prev { display: none; }
	.intr h3 { font-size: 16px }
	.intr h3 br { display: none; }
	.intr { background-size: auto 215px; padding-bottom: 250px; }
	.our { background-image: none; }
	.our h2 { font-size: 24px; margin: 30px auto; max-width: 240px; }
	.our h3 { font-size: 16px; margin: 30px auto; max-width: 200px; }
	.our h3 span { display: block; }
	.our .carousel-control-next, .our .carousel-control-prev { height: 30px; width: 30px; top: 10%; }
	.our .carousel-control-next img, .our .carousel-control-prev img { max-width: 60%; }
	.support h2, .latest h2 { font-size: 24px; }
	.support img { width: 110px; }
	.latest h2 { text-align: center; }
	.latest article { margin: 0px 15px; }
	.latest .owl-carousel .owl-nav button.owl-prev,
	.latest .owl-carousel .owl-nav button.owl-next { background-size: contain; margin: 0px; height: 31px; }
	.call { padding: 120px 0px 50px; }
	.owl-carousel .owl-item { padding:0 20px; }
}

@media only screen and (max-width: 575px) {
	.support img {width: 60px;height: auto;}
	.support p {margin-bottom: 40px;}
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
	.banner .holder { padding-top: 140vh; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner { padding-top: 57px; }
	.banner .w-100 { height: 548px; }
	.banner .holder { padding-top: calc(100vh - 57px); }
	.banner h1 { font-size: 44px; }
	.banner p { font-size: 17px; }
	.intr h3 br { display: none; }
	.our h3 { font-size: 20px; }
	.owl-carousel .owl-nav.disabled { display: block; }
	.latest .owl-carousel .owl-nav button.owl-prev { margin-left: -20px; }
	.latest .owl-carousel .owl-nav button.owl-next { margin-right: -20px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner .w-100 { height: 648px; }
	.banner .holder { padding-top: calc(100vh - 110px); }
	.banner h1 { font-size: 60px; }
	.banner p { font-size: 17px; max-width: 420px; }
	.latest .owl-carousel .owl-nav button.owl-prev { margin-left: -30px; }
	.latest .owl-carousel .owl-nav button.owl-next { margin-right: -30px; }
}