/* tablet screen */
@media only screen and (max-width:1024px)
{
  .container
	{
	max-width: 95%;
  }
  .banner-header span
  {
    font-size: 45px;
  }
  .carousel-caption 
  {
  bottom: 140px;
  }
  .links-arrow a, .footer-div p
  {
    font-size: 14px;
  }
}
@media only screen and (max-width:991px)
{
  .container
	{
	max-width: 95%;
	}
	 .navbar-toggler {
  background-color: #fff;
} 
	.top-btn
	{
		margin-left:0px !important;
		margin-top: 10px;
	}
	.carousel-caption 
	{
  bottom: 150px;
	}
	.banner-header span
	{
		font-size: 40px;
	}
	.fish-img
	{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.footer-div p, .footer-div span a
	{
		font-size: 14px;
		word-wrap: break-word;
	}
	.links-arrow {
  display: block;
  width:70%;
	}
	.contact-page-div P a, .contact-page-div P span {
  font-size: 17px;
  transition: all 0.4s;
}
   .banner-header span
  {
    font-size:35px;
    line-height: 50px;
  }
  .carousel-caption 
  {
  bottom: 120px;
  }
  .navbar-nav
  {
    margin-top: 20px;
  }
  .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link
  {
    padding-left: 0px;
  }
  .width-bottom
  {
    margin: 0 auto;
  }
}


/* mobile screen */
@media only screen and (max-width:767px)
{
 	.d-none {
  display:none!important;
}
	.banner-header span
	{
		font-size:30px;
	}
	.carousel-caption 
	{
  bottom: 130px;
	}
	.navbar-brand 
	{
  width:50%;
	}
	.progress-img-div img
	{
		display: block;
		margin:0 auto;
	}
  .position-relative img {
   
    margin: 20px auto 0 auto;
    display: block;
  }
  .top-section
  {
    margin: 20px auto;
  }
}


@media only screen and (max-width:666px)
{
  .position-relative img {
    margin-top: 0px;
  }
}
/* small-mobile screen */
@media only screen and (max-width:575px)
{
	.banner-header span
	{
		font-size:20px;
	}
	.carousel-caption 
	{
  bottom: 100px;
	}
	.navbar-brand {
  width: 45%;
}
	.welcome-content h1
	{
		/*font-size: 55px;*/
		font-size: 40px;
		word-wrap: normal;
		line-height: 70px;
	}
  .links-arrow {
  display: block;
  width:50%;
	}
}

@media only screen and (max-width:450px)
{
.carousel-caption {
  bottom: 65px;
}
.banner-header span
	{
		font-size:17px;
	}
	.navbar-brand {
  width: 55%;
}
	.btn-color
	{
		padding: 8px 13px;
		font-size: 13px;
		letter-spacing: 0px;
	}
}

@media only screen and (max-width:350px)
{
.carousel-caption {
  bottom: 50px;
}
.banner-header span
	{
		font-size:15px;
	}
	.btn-color-1
	{
		padding: 8px 13px;
		font-size: 14px;
		letter-spacing: 0px;
	}
}
}