/*************************8      header css           ****************************************************/

.shrink{background-color:#fff;box-shadow: 0px 25px 20px -20px rgba(0,0,0,0.25);z-index:999;}

.logo {max-height:112px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .logo {max-height:50px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}

.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{padding:5px 0px!important;box-shadow:0px 5px 12px rgba(0,0,0,.5);}

/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .nav-item{margin:0px 30px;font-size:15px;text-transform:uppercase;font-weight:700;letter-spacing:0.06em;}
.navbar .nav-item .nav-link{color:#fff;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#00abbf;}

/**********                Home page css       *******************************/

.banner h1{font-size:70px;}
.form-height{height:125px;}

.testimonial .quote-lt{top:0%;}
.testimonial .quote-rt{bottom:40%;}

/**************              Footer                 ******************************/

.footer a{color:#fff;}
.footer a.active,.footer a:hover{color:#00abbf;}

.copy{border-top:solid 1px #516074;color:#585f69;}
.copy a{color:#585f69;}
.copy a:hover{color:#fff;}

/********************     Media query       ***************************************/

@media (min-width: 1920px){
	.banner img {height:623px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
}

@media (min-width: 1600px){
	.banner h1{font-size:80px;}
}

@media (min-width: 1400px){
	.container {max-width:1170px;}
	.display-5{font-size:50px;}
	
	.testimonial .w-75{width:85%!important;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .nav-item {margin: 0px 10px;font-size:13px;}
	.mobile .display-5{font-size:40px;}
}

@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	.gradient-info{background:#00abbf;}
	.gradient-warning{background:#ffb400;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	.navbar .nav-item{margin:0px 5px;} 
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	
	.main-nav.bg-warning{background-color:#fff!important;}
	.logo{height:50px;}
}

@media (max-width: 575.98px){
	.banner img {height:300px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
	.navbar-brand {display: block;max-width: calc(100% - 90px);}
}