@charset "utf-8";

/* CSS Document */
@media only screen and (max-width: 1024px) {
.header-container, .about-us, .services, .why-choose-us, .our-projects, .footer-container, .bread-crumb, .container, .social-media {
  width: 100%;
}
.logo-menu {
  width: 99% !important;
  padding: .5%;
}
.logo {
  width: 250px;
  margin-right: 10px;
}
.logo img {
  width: 100%;
}
.main-menu {
  width: 550px;
}
.certificate {
  width: 200px;
  margin-left: 0px;
}
.certificate img {
  width: 100%;
}
.social {
  padding-left: 0px;
  width: 48%;
  margin-left: 2%;
}
.mail-ph {
  width: 50%;
}
.s1, .s2, .s3, .s4 {
  width: 24.9%;
}
.our-project {
  width: 23%;
  margin: 0px;
  padding: 1%;
}
.our-project img {
  width: 100%;
}
.our-project-line {
  width: 100%;
}
.our-projects .under-water-title h1 {
  height: 40px;
  padding: 20px 0;
}
.inner-banner img {
  width: 100%;
}
#Side-Bar .about-us .container {
  width: 73%;
  margin-right: 1%;
  padding: 0 1%;
}
#Side-Bar .side-bar {
  width: 23%;
}
.about-us .container {
  padding: 0 1%;
  width: 98%;
}
.contact-us {
  width: 30%;
}
.contact-map {
  width: 70%;
}
#mod-visform1 {
  width: 80%;
  margin: 0 auto;
}
.contact-map iframe {
 width:
}
.why-choose-us .container {
  padding: 0 1%;
  width: 98%;
}
.client-logos img {
  width: 15%;
}
}

@media only screen and (max-width: 768px) {
.logo {
  width: 173px;
  margin-right: 0px;
}
.main-menu {
  width: 70%;
  margin-top: 0px;
}
.our-projects .our-project h1 {
  font-size: 16px;
}
.main-menu .item105 .maxidrop-main {
  margin-left: -110px;
}
.main-menu .item120 .maxidrop-main {
  margin-left: -527px !important;
}
.certificate {
  float: none;
  margin: 0 auto;
  clear: both;
  padding-top: 5px;
}
.camera_caption_title, .camera_caption_desc {
  width: 100%;
}
.our-projects .under-water-title h1 {
  height: auto;
  padding: 30px 0px;
}
.side-bar .menu li ul {
  margin-left: 10px;
}
.social {
  width: 32%;
}
.mail-ph {
  width: 65%;
}
.s1, .s2, .s3, .s4 {
  width: 24.8%;
}
.our-projects .our-project h1 {
  font-size: 14px;
}
.client-logos img {
  width: 10%;
}
}

@media only screen and (max-width: 667px) {
.main-menu {
  width: 73%;
}
.main-menu .maximenuck li a {
  padding: 20px 4px;
}
.main-menu .maxidrop-main li a {
  padding: 8px 4px;
}
.main-menu .item105 .maxidrop-main {
  margin-left: -178px;
}
.main-menu .item120 .maxidrop-main {
  margin-left: -596px !important;
}
}

@media only screen and (max-width: 640px) {
.mobile-menu {
  display: block;
  padding: 5px 10px;
}
.client-logos img {
  width: 9%;
}
.desktop-menu {
  display: none;
}
.main-menu {
  width: 110px;
  float: left;
  margin-top: 15px;
  margin-left: 50px;
}
.main-menu .maximenuck li a {
  color: rgb(255, 255, 255);
  border-bottom: 1px dotted;
}
.mobile-menu span.separator:after {
  border-width: 0px !important;
}
.certificate {
  float: right;
  margin: 0;
  clear: none
}
.mobile-menu .separator .titreck {
  background: url(mobile-menu.png) right no-repeat;
  padding-right: 35px;
}
.logo-menu {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.social {
  width: 28%;
}
.mobile-menu .item132 .maxidrop-main {
  background: #f30f10;
  margin-left: -20px;
  margin-top: 10px !important;
  width: 200px !important;
}
.main-menu .maximenuck li a {
  padding: 3px 5px;
}
.main-menu .maximenuck li a:hover {
  /*border-bottom: 1px dotted;*/
  color: #fff !important;
  background:#ab0001!important;
}
.mobile-menu .item134 .maxidrop-main {
  margin-left: 200px !important;
  margin-top: 10px !important;
}
.mobile-menu .item137 .maxidrop-main {
  width: 280px !important;
  margin-left: 24px !important;
  margin-top: 2px !important;
}
.mobile-menu .item143 .maxidrop-main {
  margin-left: 24px !important;
  margin-top: 2px !important;
  width: 275px !important;
}
.s1, .s2, .s3, .s4 {
  width: 24.7%;
}
.our-projects .content h1, .our-project h1 a {
  font-size: 18px;
}
.our-projects .pro5 h1 {
  padding: 30px 0px;
}
.mail-ph {
  width: 70%;
}
.footer-container .content p {
  width: 98%;
  padding: 0 1% 1% 1%;
  float: left;
  text-align: center;
}
.footer-container ul {
  clear: both;
  margin: 0 auto;
  width: 210px;
}
#Side-Bar .about-us .container {
  width: 63%;
}
#Side-Bar .side-bar {
  width: 33%;
}
.contact-us, .contact-map {
  width: 50%;
}
.main-menu .maxidrop-main li a {
  font-size: 14px;
}
div#maximenuck126 ul.maximenuck li.level1.parent li.parent > a::after, div#maximenuck126 ul.maximenuck li.level1.parent li.parent > span.separator::after, div#maximenuck126 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:hover > a::after, div#maximenuck126 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent.active > a::after {
    top: 10px;

}

.maximenuck2 li{
	text-align:left;
}
.maximenuck2 li .maximenuck {
	display:block;
	background-color:rgba(255,255,255,.1) !important;
	line-height:30px!important;
}



}

@media only screen and (max-width: 480px) {
.logo {
  width: 180px;
}
.main-menu {
  width: 92px;
  margin-left: 10px;
}
.certificate {
  width: 150px;
  margin-top: 8px;
}
.social {
  width: 47%;
}
.mail-ph {
  width: 50%;
}
.camera_caption_title {
  font-size: 160%;
}
.camera_caption_desc {
  font-size: 100%;
}
.camera_caption_desc .read-more a {
  font-size: 10px;
}
.s1, .s2, .s3, .s4 {
  width: 24.8%;
}
.s1 img, .s2 img, .s3 img, .s4 img {
  width: 42%;
}
.services h1 a {
  font-size: 13px;
}
.s2 {
  border-right: 0;
}
#Services {
  margin-top: -154px;
}
.our-project {
  width: 48%;
}
.our-projects .content h1, .our-project h1 a {
  font-size: 16px;
}
.our-projects .pro4 h1, .our-projects .pro5 h1 {
  padding: 30.5px 0px;
}
.pro5 {
  float: none;
  clear: both;
  margin: 0 auto;
}
#Side-Bar .about-us .container {
  width: 98%;
}
#Side-Bar .side-bar {
  width: 75%;
  float: none;
  clear: both;
  margin: 0 auto;
  margin-bottom: 30px;
}
.contact-us, .contact-map {
  width: 100%;
}
#mod-visform1 {
  width: 100%;
}
.mobile-menu .item134 .maxidrop-main {
  margin-left: 85px !important;
  margin-top: -48px !important;
}
.mobile-menu .item137 .maxidrop-main {
  margin-left: 0px !important;
  margin-top: -20px !important;
}
.mobile-menu .item143 .maxidrop-main {
  margin-left: 0px !important;
  margin-top: -20px !important;
}
.mobile-menu .item132 .maxidrop-main {
  margin-left: -10px;
}
}

@media only screen and (max-width: 375px) {
.mobile-menu .item134 .maxidrop-main {
  margin-left: -85px !important;
}
.mobile-menu .item137 .maxidrop-main {
  margin-left: -195px !important;
}
.mobile-menu .item143 .maxidrop-main {
  margin-left: -190px !important;
}
#Services {
  margin-top: -146px;
}
.social img {
  width: 95%;
}
.social li a {
  padding-right: 0px;
}
.mail-ph li {
  padding: 0px 5px 0px 32px;
}
}

@media only screen and (max-width: 360px) {
.logo {
  width: 200px;
}
.certificate {
  margin: 0 auto;
  float: none;
  clear: both;
}
.main-menu {
  margin-top: 10px;
}
.mail-ph {
  width: 100%;
}
.mail-ph li {
  float: left;
  padding: 0 15px 0 35px;
}
.about-us .container {
  margin-top: 10px;
  margin-bottom: 10px;
}
ul.sigFreeClassic li.sigFreeThumb {
  width: 49.5%;
}
ul.sigFreeClassic li.sigFreeThumb a, ul.sigFreeClassic li.sigFreeThumb a img {
  width: 100% !important;
}
.detached .certificate {
  display: none;
  transition: all .5s;
}
.visCSSinput {
  width: 60%;
}
.social {
  width: 47%;
  float: none;
  margin: 0 auto;
}
}

@media only screen and (max-width: 320px) {
.main-menu {
  margin-left: 0px;
  width: 90px;
}
#Services {
  margin-top: -142px;
}
.mail-ph {
  font-size: 13px;
}
.mail-ph li {
  padding: 0 10px 0 35px;
}
.our-project {
  width: 70%;
  margin: 0 auto;
  float: none;
}
.about-us .content h1 {
  font-size: 22px;
}
}