/************************************************* Header ********************************************************************/
#Header {}  #Header + main {margin-top:98px;}

/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption{ left:0; right:0; bottom:50%; transform:translateY(50%);} 
.MainBanner .carousel-caption h1 { font-size:70px; line-height:70px;}
.MainBanner .carousel-caption p { font-size:30px; line-height:45px;}
.MainBanner:before { position:absolute; top:0; left:0; z-index:5; content:""; width:100%; z-index:2; height:90px;
background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(66,98,123,0) 53%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(66,98,123,0) 53%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(66,98,123,0) 53%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */



}


/********** Tab **************************************************************************************************/

.about p { font-size:24px; line-height:35px; font-weight:500;}
.about img { border:8px solid #fff;}


.quote { background-image:url(../images/quote.png); background-repeat:no-repeat; background-position:30px 30px; padding:60px 50px 25px 50px; border:1px solid #c9c9c9; margin-bottom:30px;}

.reviews h2 { font-size:20px;}
.reviews h3 { font-size:17px;}

.reviews .btn { padding:40px 70px; font-size:22px; font-weight:700;}
.reviews .btn:after { content:url(../images/arr.png); position:relative; top:3px; left:20px;}

.bg { background-color:#f5f5f5;}

.rev-btn .btn{ position:absolute; bottom:0; left:0;}



/********** Footer ***************************************************************************************************/
#Footer p{ font-size:13px; letter-spacing:1px;}




/*************************************************************************************************************/

/* 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;}
.shrink {background:rgba(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:78px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:70px;-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;}
.container{max-width:1140px;}
}

@media (min-width: 1920px) {
.reviews .btn {padding: 55px 70px;}	
	
	}
@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) {
#Header + main {margin-top:100px;}
.reviews .btn { padding:30px 50px; font-size:18px; font-weight:700;}
}

/*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;}#Header + main {margin-top:0px;}
.reviews .btn { padding:30px 50px; font-size:18px; font-weight:700;}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
.container{max-width:100%;}
#Header{position:static; padding:10px 0px;}#Header + main {margin-top:0px;}
.reviews .btn { padding:30px 50px; font-size:18px; font-weight:700;}
.quote { padding:40px 40px 25px 40px; margin-bottom:15px;}

}

@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:static; padding:25px 0px; background:#000;} 




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