/* ==========================================
               Media Queries
=============================================*/

/* Extra Small Devices (Landscape Phones & Portrait Tablets) */

@media  (max-width: 992px){
  .top-nav {
    display: none;
  }

  .navbar {
    background-color: white;
  }

  #navbarlogo {
    display: block;
  }

  #navbarlogo img{
    height: 70px;
    padding: 10px;
  }

  .dropdown button {
    margin: auto;
  }

  .dropdown {
    margin: auto;
  }

  .dropdown-toggle {
    margin: auto;
  }

  .strongcaption {
    font-size: 40px;
  }

  .carouselcaption h1 {
    font-size: 30px;
    line-height: 30px;
    width: 100%;
  }

  .cd-intro h1 {
    font-size: 15px;
  }

  .cd-words-wrapper {
    width: 300px;
    line-height: 30px;
  }

  .carousel img{
    height: 100%;
  }

  .intro {
    padding: 50px;
  }

  .intro p {
    text-align: justify;
  }

  #intro-caption p {
    text-align: center;
  }

  #intro-caption h3 {
    text-align: center;
  }

  .quote {
    padding: 50px;
  }

  .news {
    padding: 50px;
  }



  footer {
    padding: 50px 50px 0 50px;
  }

  footer ul {
    padding-bottom: 60px;
  }

  .aboutus img {
    position: static;
    margin: auto;

  }

  .aboutus {
    padding: 50px;
  }



  .aboutus .container {
    padding: 0;
  }

  #aboutus-container {
    padding-top: 10px;
  }

  .license img {
    position: relative;
    height: 400px;
    width: 280px;
    margin: auto;

  }

  .license {
    padding: 0 50px 50px 50px;
  }

  .license p{
    padding: 20px 0 20px 0
  }

  .services h2{
    font-size: 40px;
    padding-top: 50px;
    text-align: center;
    overflow: hidden;
  }

  .services img {
    display: inline-block;
    width: 100%;
    height: 100%;
  }

  .services .row .col-md-6 {
    padding: 0 ;
    margin: 0 ;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }


  .services .row h3 {
    font-size: 30px;
    text-align: left;
    padding: 30px 70px 0 70px;
  }

  .services .row p {
    font-size: 15px;
    text-align: justify;
    padding: 0 70px 0 70px;
  }

  .services .row a {
    padding: 0px 70px 30px 70px;
  }


  .container-services2 .col-12 {
    padding: 0;
    width: 100%;
  }

  .container-services2 h3{
    font-size: 40px !important;
    padding: 0px 120px 10px 120px !important;
  }

  .container-services2 h2{
    text-align: left;
    padding-bottom: 10px;
  }

  .container-services2 p{
    text-align: left;
    padding: 0 !important;
  }

  .container-services2 li{
    text-align: left;
    padding: 0;
  }

  .container-services2 hr{
    border-top: 6px
    solid #2d3192;
    width: 100px;
    border-color: #2d3192;
    max-width: 800px;
    margin-left:123px;
  }

  .container-services2 img{
    width: 100%;
  }

  #cleaningpicture img{
    width: 100%;
    margin: 0;
    padding-top: 50px;
    display: inline-block;
  }
  #foreignpicture img{
    width: 100%;
    height: 170px;
    margin: 0;
    padding-top: 0;
    display: inline-block;
  }
  #maidpicture img{
    width: 100%;
    margin-left: 0px;
    padding: 30px 0 30px 0;
    display: inline-block;
  }

  #contactustodaymaid h3 {
    margin-top: 30px;
    text-align: center;
    font-size: 30px !important;
  }
  #contactustodaymaid p {
    text-align: center;
  }

  #services-col-12 {
    padding: 0px 80px 50px 80px;
  }



  .download img{
    width: 170px;
    height: 230px;
    padding: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }

  .download {
    padding: 50px;
  }

  .contactus {
    padding: 50px;
  }

  .contactus h2{
    margin-bottom: 60px;
  }

  .contactus p{
    text-align: center;
  }


}

@media  (max-width: 768px){
  .newsbutton{
    display: none;
  }

  .newsbutton2{
    display: block;
  }

}

@media (max-width: 450px) {
  .top-nav {
    display: none;
  }

  .navbar {
    background-color: white;
  }

  #navbarlogo {
    display: block;
  }

  #navbarlogo img{
    height: 70px;
    padding: 10px;
  }

  .dropdown button {
    margin: auto;
  }

  .dropdown {
    margin: auto;
  }

  .dropdown-toggle {
    margin: auto;
  }

  .strongcaption {
    font-size: 30px;
  }

  .carouselcaption h1 {
    font-size: 20px;
    line-height: 30px;
    width: 100%;
  }

  .cd-intro h1 {
    font-size: 15px;
  }

  .cd-words-wrapper {
    width: 300px;
    line-height: 10px;
  }

  .carousel img{
    height: 260px;
  }

  .intro {
    padding: 50px;
  }

  .intro p {
    text-align: justify;
  }

  #intro-caption p {
    text-align: center;
  }

  #intro-caption h3 {
    text-align: center;
  }

  .quote {
    padding: 50px;
  }

  .news {
    padding: 50px;
  }

  .newsbutton{
    display: none;
  }

  .newsbutton2{
    display: block;
  }

  footer {
    padding: 50px 50px 0 50px;
  }

  footer ul {
    padding-bottom: 60px;
  }

  .aboutus img {
    position: static;
    height: 220px;
    margin: auto;

  }

  .aboutus {
    padding: 50px;
  }



  .aboutus .container {
    padding: 0;
  }

  #aboutus-container {
    padding-top: 10px;
  }

  .license img {
    position: relative;
    height: 400px;
    width: 280px;
    margin: auto;

  }

  .license {
    padding: 0 50px 50px 50px;
  }

  .license p{
    padding: 20px 0 20px 0
  }

  #services-col-12 {
    padding: 0px 50px 50px 50px;
  }

  #services-col-12 p{
    padding: 0 !important;
  }

  .container-services2 h3{
    font-size: 45px !important;
    padding: 0px 60px 10px 60px !important;
  }

  .container-services2 p{
    padding: 0px 60px 10px 60px !important;
    margin: 0;
  }

  #maidpicture img{
    width: 100%;
    margin-left: 0px;
    padding: 30px 0 30px 0;
    display: inline-block;
  }





}