@media (min-width: 768px) {
  .navigation.navbar-dark .navbar-nav .nav-link {
    padding: 0 14px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
  }

  .dropdown-menu {
    top: 33px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .carousel-inner img {
    width: 100% !important;
    height: 550px !important;
  }

  .carousel-cell img {
    width: 100%;
    height: 550px;
  }

  .carousel-cell {
    width: 100%;
    height: 550px;
  }

  .notice {
    border: 0;
    border-bottom: 1px solid #aaa;
    background: #fff;
  }

  .hedingh3 h3::before {
    left: -23px;
  }
}

@media (max-width: 767px) {
  .carousel-cell img {
    width: 100%;
    height: 200px;
  }

  .carousel-cell {
    width: 100%;
    height: 200px;
  }

  .main-carousel {
    margin-bottom: 1em !important;
  }

  .notice {
    border: 1px solid #aaa;
    background: #fff;
  }
}

.dropdown-menu {
  background: #318dc6 !important;
}

.dropdown-menu a {
  text-transform: uppercase !important;
  color: #fff !important;
  font-weight: 500 !important;
}

.dropdown-menu a:hover {
  color: #011655 !important;
}

.full_bg {
  padding: 0 !important;
}

.marquee {
  overflow: hidden;
  height: 475px !important;
  margin-top: 20px !important;
  margin-right: 20px !important;
  margin-left: 10px !important;
}

.tile {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 1em;
  border-radius: 10px;
  /* background: linear-gradient(to right, rgb(211, 204, 227), rgb(233, 228, 240)); */
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 200 200'%3E%3Cpolygon fill='%23DCEFFA' points='100 0 0 100 100 100 100 200 200 100 200 0'/%3E%3C/svg%3E");
  border: 2px solid #f4f4f4;
}

.tile:hover {
  border-radius: 5px;
  transition: 0.5s;
}

.top-contact {
  background-color: #001e5b;
  padding: 0.2em;
}

.top-contact p,
.top-contact a {
  color: #fff;
}

.notice p {
  font-size: 15px !important;
}

.notice h3 {
  background: #071c48;
}

.customers {
  background: #106497;
  padding-bottom: 35px !important;
  padding-top: 35px !important;
  margin-top: 35px !important;
}

.customers .titlepage h2,
.customers .our_fishs_box h3 {
  color: #fff;
}

.customers .titlepage p,
.our_fishs_box p {
  color: #fff;
}

.gallery {
  padding-top: 35px;
  background: #fff;
  margin-bottom: 0;
}

.gallery .titlepage p,
.gallery .our_fishs_box p {
  color: #333333;
}

.gallery img {
  border: 2px solid #b4b6da;
  border-radius: 4px;
  width: 100%;
  height: 200px;
}

.gallery img:hover {
  border-color: #2e5090;
  border-radius: 8px;
  transition: 0.5s;
}

.footer {
  padding-top: 60px;
}

.copyright {
  margin-top: 0;
}

.customers img {
  background: #fff !important;
  padding: 0.5em;
}

.main-box-img {
  width: 30%;
}

/* .top-effect:hover {
  background: #1c2841 !important;
  transition: 0.5s;
} */

.work_box p {
  padding-bottom: 0;
}

.web_box p {
  margin-bottom: 1em;
}

.head-logo {
  width: 100%;
  /* border-top: 1px solid #fff;
  border-bottom: 1px solid #fff; */
}

.top-contact p,
.titlepage h2,
.tile p,
.copyright p {
  font-family: rubik !important;
}

.topper {
  padding-top: 35px;
  background: #fff;
  margin-bottom: 35px;
}

.testi-box {
  width: 100% !important;
  padding: 0;
  border: 1px solid #a1d1f0 !important;
  text-align: center !important;
  /* background-color: #dbe0ff !important;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12c0-.622-.095-1.221-.27-1.785A5.982 5.982 0 0 0 10 12c1.67 0 3.182-.683 4.27-1.785A5.998 5.998 0 0 0 14 12h2a4 4 0 0 1 4-4V6c-1.67 0-3.182.683-4.27 1.785C15.905 7.22 16 6.622 16 6c0-.622-.095-1.221-.27-1.785A5.982 5.982 0 0 0 20 6V4a4 4 0 0 1-4-4h-2c0 .622.095 1.221.27 1.785A5.982 5.982 0 0 0 10 0C8.33 0 6.818.683 5.73 1.785 5.905 1.22 6 .622 6 0H4a4 4 0 0 1-4 4v2c1.67 0 3.182.683 4.27 1.785A5.998 5.998 0 0 1 4 6c0-.622.095-1.221.27-1.785A5.982 5.982 0 0 1 0 6v2a4 4 0 0 1 4 4h2zm-4 0a2 2 0 0 0-2-2v2h2zm16 0a2 2 0 0 1 2-2v2h-2zM0 2a2 2 0 0 0 2-2H0v2zm20 0a2 2 0 0 1-2-2h2v2zm-10 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E"); */
  background-color: #f4f4f4;
  height: 320px;
  /* border-radius: 4px !important; */
}

.testi-box img {
  width: 100% !important;
  border: 2px solid #b5b5b5 !important;
  display: inline !important;
  /* border-radius: 50% !important; */
}

.topper .titlepage h2 {
  font-size: 35px !important;
}

@media (max-width: 767px) {
  .testi-box img {
    width: 25% !important;
  }
}

.header_midil {
  height: 50px !important;
  padding: 15px 0px !important;
}

.schedule {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.work {
  padding-top: 35px !important;
}

.work_box p {
  text-align: justify !important;
}

.navigation.navbar-dark .navbar-nav .nav-link:focus,
.navigation.navbar-dark .navbar-nav .nav-link:hover {
  color: #aaa !important;
}

.titlepage {
  padding-bottom: 20px !important;
}

.titlepage h2 {
  font-size: 35px !important;
}

.contact {
  padding-top: 35px !important;
}

.footer {
  background: #062d57 !important;
  margin-top: 35px !important;
}

.navigation.navbar-dark .navbar-nav .active > .nav-link,
.navigation.navbar-dark .navbar-nav .nav-link.active,
.navigation.navbar-dark .navbar-nav .nav-link.show,
.navigation.navbar-dark .navbar-nav .show > .nav-link {
  color: #011655;
}

.about .work_box p {
  font-size: 15px;
  line-height: 1.5;
}

.about {
  padding-top: 80px !important;
  padding-bottom: 60px;
}

.updates {
  background: #0a437a;
  padding: 0;
  color: #fff;
}

.about,
.topper,
.gallery,
.contact,
html,
body {
  background-color: #dbf2f1;
}

.activity {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='.5' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E") !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  /* background: #f4f3cd; */
}

.tile p {
  color: #0056b3;
  font-weight: 500;
  margin-top: 1em;
}