<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*-------------- media section ---------------*/
@media screen and (max-width: 320px){
  .front{left: 0 !important; }
  .back{left: 9px !important;}
  .flip-container:hover .service_icon img{top: -136px !important; left: 112px !important;}
}
@media screen and (min-width:321px) and (max-width: 375px){
  .back{left: 37px !important;}
  .flip-container:hover .service_icon img{top:-135px !important; left: 112px !important;}
}
@media screen and (min-width:376px) and (max-width: 425px){
  .service_icon { margin: 25px 25px 25px 70px !important;}
  .back{left: 60px !important;}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .welcome_details h6 {
    text-align: center;
    font-size: 15px;
  }
  #site_top .socialbox {
      text-align: center;
      padding: 0 0;
  }
  .socialbox .social-icon-border {
    margin-top: 20px;
  }
  .socialbox a {
    padding: 2px 2px;
    display: inline-block;
  }
  .socialbox a i {
    font-size: 12px;
  }
  .container.custom_container {
    padding: 0;
  }
  #header .logo {margin: 0;}
  #header .logo img { max-width: 100%;}
  .res-contact {
    width: 100%;
    margin: 0 auto;
  }
  .address.media {margin-top: 15px;}
  .menubar {padding: 0 0px !important;}
  #header .menubar{
    position: unset !important;
    margin: 0 !important;
  }
  section h2:after{ display: none;}
  section .shortext{ padding: 0 10px;}
  section,header#masthead{ overflow-x: hidden;}
  input.search-field{width: 89%;}
   #slider .carousel-caption{position: unset;}
  #slider .carousel-control-next, #slider .carousel-control-prev{top: -55%;}
  #about_section .border-box, #why_choose_us .border-box{ display: none;}
  .process_diamond .nav-tabs .nav-item { margin-bottom: 70px;}
  #testimonial-sec .short_msg{padding: unset;}
  #testimonial-sec button.owl-next{right: 0px; bottom:30px; }
  #testimonial-sec button.owl-prev{left: 0px;
     bottom: 30px;
  }
  .front{ left: 8%; }
  .process_tab_content { margin-top: 0; }
  a.nav-link.active:after{ display: none; }
  #newsletter input[type="submit"]{ left: 38%; top: 3%; }
  ul#menu-footer-menu{ padding-left: 0 !important; }
  ul#menu-footer-menu li{ display: block;  text-align: center; }
  .service_icon{margin: 25px 50px;}
  .why-left-img, .why-choose-us-content{text-align: center;}
  #why_choose_us h6::after{left: 45%}
  .page-content{width: 70%; padding: 10px !important; margin: 0 auto;}
  .content_page h1{font-size: 50px;}
  .above_title{margin-top: 7%;}
  .above_title h1{font-size: 19px;}
  .contact-phone, .contact-address{border-right:none;}
  .small_media{margin-top: 10px !important;}
  #newsletter input[type="submit"]{    left: -15px !important; top: 0px !important;}
  #project li.nav-item { padding: 0 10px; }
  .serach_inner form.search-form{margin-left: 1%;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #services .text-center.short_text.pt-3{text-align: left !important;}
  .process_diamond .nav-tabs .nav-link{
  padding: 20px !important;
  width: 120px;
  height: 120px;}
  .socialbox a{padding: 5px 5px;}
  section .shortext{ padding: 10px;}
  #project li.nav-item{ padding: 0 8px;}
  #about_section .border-box, #why_choose_us .border-box {border: none;}
  #testimonial-sec button.owl-next{right: 0em;}
  #testimonial-sec button.owl-prev{left: 0em;}
  .footer-menu li {padding: 10px 20px !important;}
  a.nav-link.active:after{top: 111px;left: 130px;height: 42px;}
  .service_icon{margin: 25px 25px 25px 70px;}
  .flip-container:hover .service_icon img{top: -114px !important; left: 92px !important;}
    .content_page h1{font-size: 50px;}
    .back-home {font-size: 14px;}
    .btn-one {width: 90%;};
}
@media screen and (max-width: 1024px) {
  .headerbar {
      display: block;
      margin: 0;}
  .hamburger {
      padding: 10px; }
  .main-header .side-navigation {
      display: none
  }
  .side-navigation,
  .side-navigation li {
      padding: 0;
      display: block
  }
  .side-navigation ul li a {
      padding: 10px;
      display: block;
      color: #fff;
      border-bottom: 2px solid #fff;
      background: 0 0!important;
      text-align: left
  }
  amp-sidebar#sidebar1 {
      background: #111;
      width: 250px
  }
  #sidebar1 {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 9999999;
      top: 0;
      left: 0;
      overflow-x: hidden;
      transition: .5s
  }
  .side-navigation li{
    line-height: 30px;
  }
  .side-navigation ul li ul, .side-navigation ul li ul ul {
      display: block !important;
  }
  .side-navigation ul ul {
      background: transparent !important;
  }
  .side-navigation ul ul {
      position: static;
      width: 100%;
      box-shadow: none;
  }
  .side-navigation ul ul li {
      background: transparent !important;
  }
  .side-navigation ul ul li{
      display: block;
      padding-left: 7px;
  }
  .side-navigation ul.sub-menu li a:before{
    content: none;
  }
  .footer-menu li {
    padding: 10px 35px;
  }
  #about_section .border-box, #why_choose_us .border-box {border: none;}
  .flip-container:hover .service_icon img{top: -103px !important; left: 80px !important;}
  .btn-one {width: 90%;};
}
@media screen and (min-width: 1400px){
  .service_icon{margin: 25px 25px 25px 50px !important;}
  #about_section .border-box, #why_choose_us .border-box{right: 110px; height: 94%;}
  .wpcf7-spinner {top: -35px;}
  #single_post ul.redesSociais { top: 64%; }
.flip-container:hover .service_icon img{top: -129px !important; left: 106px !important;}
}
</pre></body></html>