@media (max-width:1024px){  .inner- > h1 {font-size: 16px;}  .inner-project > p { font-size: 14px;}  .no-worry {display: none;position: absolute;right: 0;z-index: 9;} }  @media (max-width:980px){  .container {  width: 100%;  }  .email- {  display: none;  }  nav.site-nav {  padding: 0 0;  position: static;  right: auto;  width: auto;  }  nav.site-nav .mainmenu {  background-color: #ffffff;  position: absolute;  top: 100%;  left: 0;  right: 0;  width: 100%;  z-index: 9998;  display: none;  }  header.navbar {  padding: 10px 0 15px;  }  .about-background {  padding: 30px 0 30px !important;  }
  body.has-sticky-header .about-background {  padding-top: 30px !important;  }  .logo-2 {  z-index: 999;  }  .mainmenu .menu-item {  float: left;  width: 100%;  }  .mainmenu .menu-item a {  border-bottom: 1px solid #e7e7e7;  border-top: medium none;  padding: 15px;  }  .menu-toggle {  height: auto;  position: static;  right: auto;  top: auto;  margin: 0;  } }  @media (max-width:800px){  .menu-toggle {  height: auto;  }  .submenu-item {  min-height: 35px;  }  .submenu-item .text {  line-height: 41px;  }  .logo-2 {  position: relative;  z-index: 2147483647;  }  .blog-inner .col-sm-4 {  float: left;  width: 50%;  }  .contact-form .col-sm-6 {  float: left;  margin: 0;  padding: 0;  width: 100%;  }  .contact-form .col-sm-6.address {  padding: 15px;  } }  @media (max-width:768px){  .services .col-sm-4 {  padding-right: 0;  width: 100%;  }  .inner-1 {  height: auto;  margin-bottom: 25px;  }  .services .col-sm-6 {  float: left;  width: 50%;  }  .services .col-sm-4 {  padding: 0 15px;  width: 100%;  }  .services .col-sm-8 {  padding: 0;  width: 100%;  }  .our-project .col-sm-3 {  float: left;  margin-bottom: 30px;  width: 50%;  }  .col-sm-5.footer-about.f-menu-1 {  float: left;  width: 100%;  }  .col-sm-4.f-menu, .col-sm-3.f-menu {  float: left;  width: 50%;  }  #home-carousel .carousel-item {  height: 300px;  }  .about .col-sm-7.first {  width: 100%;  }  .about .col-sm-5 {  float: none;  margin: 0 auto;  width: 50%;  }  .inner-1 .img-responsive {  display: none;  } }  @media (max-width:767px){  .carousel-caption.container {  width: 95%;  } }  @media (max-width:600px){  .social a, .top-menu .pull-rihgt a {  padding: 15px;  }  #home-carousel .carousel-item {  height: 250px;  }  .about .col-sm-5 {  width: 75%;  }  .services .col-sm-6 {  float: left;  width: 100%;  }  #home-carousel .carousel-item::before {  opacity: 0.3;  }  .menu-toggle {  height: auto;  margin-bottom: 0;  }  .submenu-item {  min-height: 25px;  padding: 5px 10px;  }  .clearfix.mainmenu {  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;  height: 200px;  overflow: auto;  }  .blog-inner .col-sm-4 {  width: 100%;  } }  @media (max-width:568px){  .menu-toggle {  height: auto;  top: auto;  }  .logo-2 {  width: 30%;  }  section.services {  padding: 50px 0 20px;  } }  @media (max-width:480px){  .logo-2 {  width: 40%;  }  .menu-toggle {  top: auto;  margin-bottom: 0;  }  .top-menu {  display: none;  }  .about-background {  padding: 25px 0 25px !important;  }
  body.has-sticky-header .about-background {  padding-top: 25px !important;  }  .about h1 {  font-size: 27px;  }  .about .col-sm-5 {  width: 90%;  }  .our-project .col-sm-3 {  width: 100%;  }  .col-sm-4.f-menu, .col-sm-3.f-menu {  float: left;  width: 100%;  }  #slider .col-sm-7 > h2 {  font-size: 22px;  }  #slider .col-sm-7 > p {  font-size: 15px;  letter-spacing: 0;  }  #home-carousel .carousel-item {  height: 200px;  } }  @media (max-width:414px){  .menu-toggle {  margin-bottom: 0;  top: auto;  height: auto;  }  .about .col-sm-5 {  margin-top: 15px;  width: 100%;  }  #slider .col-sm-7 p {  display: none;  }  #home-carousel .carousel-item h1 {  color: #ffffff;  margin-top: 65px;  }  .top-footer .container > h2 {  font-size: 24px;  }  .clearfix.mainmenu {  height: 315px;  }  .form-group.half {  float: left;  padding: 0 !important;  width: 100%;  } }  @media (max-width:384px){  .menu-toggle {  height: auto;  margin-bottom: 0;  top: auto;  }  .logo-2 {  width: 50%;  }  #home-carousel .carousel-item {  height: 150px;  } }  @media (max-width:360px){  .menu-toggle {  height: auto;  margin-bottom: 0;  top: auto;  } }  @media (max-width:320px){  .menu-toggle {  margin-bottom: 0;  top: auto;  } }