/************************************************* Header ********************************************************************/
#Header {position:fixed; top:0; width:100%; z-index:20;}  
.toplink li a { color:#fff; font-size:20px;}
.toplink li a:hover { color:#EAD22F;}
.subheading{font-size:30px;}
.trailers{font-family: "Road Rage", sans-serif; font-size:45px;}
/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption{ left:0; right:0; bottom:50%; transform:translateY(50%);} 
/********** pages css **************************************************************************************************/
.social-rounded li a { background:#fff; width:30px; height:30px; line-height:30px; color:#000; font-size:15px;}
.social-rounded li a:hover { background:#EAD22F; color:#000;}
.tagline { background:#0f70fd;} /* #2D2D2D; */
.tagline .cus-wdth { width:70%;}
.vdo-outer { background:#2d2d2d; padding:70px;}
.srch-form button {padding:0; position:absolute; right:10px; top:5px; z-index:2; font-size:15px; }
.srch-form .form-control { height:37px; font-size:14px; width:100% !important;}
.cat-list li a { font-size:22px; font-weight:700; color:#fff;}
.cat-list li { line-height:60px; border-bottom:1px solid #fff;}
.cat-list li:last-child  { border-bottom:none}
.short-txt p { font-size:17px; line-height:25px; }
.pagination {width: 100%;justify-content: center;padding: 10px; margin-top: 40px;box-shadow: 0px 0px 2px 2px rgb(255 255 255 / 90%);}
.pagination li.active {background: #cdb39c;color: #fff;border-radius: 5px;}
.pagination li { padding: 0 10px;}
.active>.page-link, .page-link.active {   
    background-color: #cdb39c;
    border-color: #cdb39c;
}


/********** Footer ***************************************************************************************************/
#Footer p{ font-weight:200;}

/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
	#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;/*background:rgba(0,0,0,0.7);*/}
	.shrink {background:#0f70fd!important;*/ box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
	.navbar-brand img {max-height:52px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
	.shrink .navbar-brand img {max-height:50px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
	.navbar-brand{padding:10px 0px !important;}
	.shrink .navbar-brand{padding:5px 0px !important;}

}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
	.gutter-lg {margin-left:-15px!important;margin-right:-15px!important;}
	.gutter-lg div[class^="col"]{padding-left:15px!important;padding-right:15px!important;}
	.gutter-lg .row,.gutter-lg .row div{padding:0px!important;margin:0px!important;}

}

@media (min-width: 1920px) {.container-fluid{max-width:1630px;}
	.container { max-width:1730px;}
}
@media (min-width: 1600px){}

@media (min-width: 1199.98px) and (max-width: 1359.98px) {}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {

}

/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
	#Header{position:static; padding-top:7px;}

	.MainBanner .carousel-caption{position:absolute; padding:25px 0px; top:465px;} 
	.about{margin-top:450px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {

	.MainBanner .carousel-caption{ bottom:0%;} 

	#socialsec .list-inline {   
		text-align: left; !important;}

	#socialsec .list-inline li{   
		display: block !important;}

	.container{max-width:100%;}
	#Header{position:static; padding:10px 0px;}

	.MainBanner .carousel-caption{position:absolute; padding:25px 0px; top:270px;} 
	.about{margin-top:450px;}


}

@media (max-width:768px) {

}

@media (max-width:575.98px) {
	.MainBanner .Homebnr .carousel-item  img {
		height:140px;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: center;
		object-position: center;
	}

	.MainBanner .carousel-caption{position:absolute; padding:25px 0px; top:230px;} 
	.about{margin-top:400px;}

}
/* X-Small devices (portrait phones, less than 576px) */