/*************************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 5px;font-size:15px;font-weight:500;}
.navbar .nav-item .nav-link{color:#000;padding:15px 30px;border-radius:30px;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#fff;background-color:#33d0f2;}

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

.banner .text-block{position:absolute;top:15%;}
.banner h1{font-size:72px;text-shadow:5px 0px 5px rgba(0,0,0,0.7)}
.testimonial{background:url('../images/bg-testimonial.jpg') center top no-repeat;background-size:cover;}

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

.footer a{color:#fff;}
.footer a.active,.footer a:hover{color:#33d0f2;}
.footer .social a:hover { color:#fff !important;}
.footer .list-inline-item:not(:last-child) {
    margin-right: 1.5rem;
}

.copyright p { font-size:15px;}
.copyright a{color:#000 !important;}
.copyright a:hover {color:#33d0f2 !important;}


/* --------- Image Gallery CSS  ---------  */
.lightbox-gallery{background-image: linear-gradient(#4A148C, #E53935);background-repeat: no-repeat;color: #000;overflow-x: hidden}
.lightbox-gallery p{color:#fff}
.lightbox-gallery h2{font-weight:bold;margin-bottom:40px;padding-top:40px;color:#fff}@media (max-width:767px){
.lightbox-gallery h2{margin-bottom:25px;padding-top:25px;font-size:24px}}
.lightbox-gallery .intro{font-size:16px;max-width:500px;margin:0 auto 40px}
.lightbox-gallery .intro p{margin-bottom:0}
.lightbox-gallery .photos{padding-bottom:20px}
.lightbox-gallery .item{padding-bottom:30px}
/* --------- End Image Gallery CSS  ---------  */


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

@media (min-width: 1920px){
	.banner .container {max-width: 1690px!important;}
}

@media (min-width: 1600px){}

@media (min-width: 1400px) {
	.container {max-width: 1330px;}
	.banner .container {max-width:97%;}
	
	.gutter-lg {margin-left:-17px!important;margin-right:-17px!important;}
	.gutter-lg div[class^="col"]{padding-left:17px!important;padding-right:17px!important;}
	
	.gutter-xl {margin-left:-25px!important;margin-right:-25px!important;}
	.gutter-xl div[class^="col"]{padding-left:25px!important;padding-right:25px!important;}
	
	.display-6{font-size:45px;}
}

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

@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	#Navigation{justify-content: center; width:100%;margin:0px 0px 0px;} 
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
}

@media (max-width: 575.98px){
	.banner img {height:400px;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);}
}