@media (min-width: 1400px)  { 


  .container {
    width:1200px;
    margin: 0 auto;
}

.footer {
  padding: 150px 0;
  background-color: #191919;
}



}

@media (min-width: 1200px) and (max-width: 1399.98px) { 
  .container {
    width:992px;
    margin: 0 auto;
}

.footer {
  padding: 150px 0;
  background-color: #191919;
}


}
@media (min-width: 992px) and (max-width: 1199.98px) {


  .container {
    width:768px;
    margin: 0 auto;
}
.dropdown {
	top: 38px;
	left: -32px;
	width: 257px;
}
  .dropdown li {
    margin: 5px 0;
    padding: 4px;
  }
  .header_top {
      padding: 5px 5px;
  }

  .header_top .logo {
    width: 10%;
    background-color: black;
  }
  .header_top .logo img {
    width: 100%;
  }


  .navbar {
    width: 65%;
    align-items: center;
    justify-content: center;
  }
  .button {
    width: 15%;
  }
  .navbar a {
    font-size: 72%;
    margin: 0 7px;
  }
  .button {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .read_more_button {
        padding: 10px 10px;
        border-radius: 10px;
        font-size: 11px;
    }
    #banner {
      padding: 100px 0;
    }
    #banner h2 {
      font-size: 64px;
    }
    #contact_part {
        /* padding: 200px 0; */
        margin: 0 2px;
    }
    #contact_part .conact h2 {
      font-size: 36px;
    }
    #contact_part .conact-details {
        justify-content: center;
        padding: 13px 1px;
        margin: 50px 0;
    }
    #contact_part .conact-details h3 {
      font-size: 25px;
      text-align: center;
    }
    .footer {
        padding: 150px 0;
        background-color: #191919;
    }
    #contact_part .conact-details p {
      font-size: 15px;
    }
    #contact_part .conact-details a {
      color: black;
      font-size: 15px;
      border-bottom: 1px solid orange;
      transition: .4s;
    }
    #contact_part .conact-details a:hover{
color: gainsboro;
    }
    #contact_part .content {
      padding: 50px 30px;
    }
    .footer {
      padding: 100px;
      background-color: #191919;
    }
    .footer p {
      padding-bottom: 13px;
      font-size: 15px;
    }


 }
@media (min-width: 768px) and (max-width: 991.98px) { 


  .container {
    width:576px;
    margin: 0 auto;
}
.dropdown {
	top: 38px;
	left: -32px;
	width: 257px;
}
  .dropdown li {
    margin: 5px 0;
    padding: 4px;
  }
  .header_top {
      padding: 5px 5px;
  }

  .header_top .logo {
    width: 10%;
    background-color: black;
  }
  .header_top .logo img {
    width: 100%;
  }


  .navbar {
    width: 65%;
    align-items: center;
    justify-content: center;
  }
  .button {
    width: 15%;
  }
  .navbar a {
    font-size: 72%;
    margin: 0 4px;
  }
  .button {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .read_more_button {
        padding: 10px 10px;
        border-radius: 10px;
        font-size: 11px;
    }
    #banner {
      padding: 100px 0;
    }
    #banner h2 {
      font-size: 50px;
    }
    #contact_part {
        /* padding: 200px 0; */
        margin: 0 2px;
    }
    #contact_part .conact h2 {
      font-size: 20px;
    }
    #contact_part .conact-details {
        justify-content: center;
        padding: 13px 1px;
        margin: 50px 0;
    }
    #contact_part .conact-details h3 {
      font-size: 20px;
      text-align: center;
    }
    .footer {
        padding: 150px 0;
        background-color: #191919;
    }
    #contact_part .conact-details p {
      font-size: 13px;
    }
    #contact_part .conact-details a {
      color: black;
      font-size: 13px;
      border-bottom: 1px solid orange;
      transition: .4s;
      position: relative;
    }
    #contact_part .conact-details a:hover{
color: gainsboro;
    }
    #contact_part .content{
       padding: 0 5px;
    }
    .footer {
      padding: 100px;
      background-color: #191919;
    }
    .footer p {
      padding-bottom: 13px;
      font-size: 15px;
    }
    .copy{
      font-size: 12px;
    }




}
@media (min-width: 576px) and (max-width: 767.98px) {


  .container {
    width: 100%;
    margin: 0 auto;
}
.dropdown {
	top: 38px;
	left: -32px;
	width: 202px;
}
  .dropdown li {
    margin: 1px 0;
    padding: 1px;
  }
  .header_top {
      padding: 5px 5px;
  }

  .header_top .logo {
    width: 10%;
    background-color: black;
  }
  .header_top .logo img {
    width: 100%;
  }


  .navbar {
    width: 65%;
    align-items: center;
    justify-content: center;
  }
  .button {
    width: 15%;
  }
  .navbar a {
    font-size: 60%;
    margin: 0 4px;
  }
  .button {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .read_more_button {
        padding: 10px 10px;
        border-radius: 10px;
        font-size: 11px;
    }
    #banner {
      padding: 100px 0;
    }
    #banner h2 {
      font-size: 50px;
    }
    #contact_part {
        /* padding: 200px 0; */
        margin: 0 2px;
    }
    #contact_part .conact h2 {
        font-size: 17px;
    }
    #contact_part .conact-details {
        justify-content: center;
        padding: 13px 1px;
        margin: 50px 0;
    }
    #contact_part .conact-details h3 {
      font-size: 15px;
      text-align: center;
    }
    .footer {
        padding: 150px 0;
        background-color: #191919;
    }
    #contact_part .conact-details p {
      font-size: 13px;
    }
    #contact_part .conact-details a {
      color: black;
      font-size: 13px;
      border-bottom: 1px solid orange;
      transition: .4s;
      position: relative;
    }
    #contact_part .conact-details a:hover{
color: gainsboro;
    }
    #contact_part .content{
       padding: 0 5px;
    }
    .footer {
      padding: 100px 3px;
      background-color: #191919;
    }
    .footer p {
      padding-bottom: 13px;
      font-size: 15px;
    }
    .copy{
      font-size: 12px;
    }





 }

@media  (max-width: 575.98px) { 

  .container {
    width: 100%;
    margin: 0 auto;
  }
   
    .dropdown {
        top: 38px;
        left: -32px;
        width: 125px;
      }
      .dropdown li {
        margin: 1px 0;
        padding: 1px;
      }
      .header_top {
          padding: 5px 5px;
      }
    
      .header_top .logo {
        width: 10%;
        background-color: black;
      }
      .header_top .logo img {
        width: 100%;
      }
    
    
      .navbar {
        width: 65%;
        align-items: center;
        justify-content: center;
      }
      .button {
        width: 15%;
      }
      .navbar a {
        font-size: 40%;
        margin: 0 2px;
    }
      .button {
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .read_more_button {
            padding: 7px 6px;
            border-radius: 10px;
            font-size: 7px;
        }
        #banner {
            padding: 50px 0;
        }
        #banner h2 {
            font-size: 33px;
        }
        #contact_part {
            /* padding: 200px 0; */
            margin: 0 2px;
        }
        #contact_part .conact h2 {
            font-size: 17px;
        }
        #contact_part .conact-details {
            justify-content: center;
            padding: 13px 1px;
            margin: 50px 0;
        }
        #contact_part .conact-details h3 {
            font-size: 12px;
            text-align: center;
          
        }
        .footer {
            padding: 150px 0;
            background-color: #191919;
        }
        #contact_part .conact-details p {
            color: #f5f6f6;
            font-size: 10px;
            font-family: "Courier New", Courier, monospace;
            font-weight: 500;
        }
        #contact_part .conact-details a {
            color: #f5f6f6;
            font-size: 10px;
        }
        #contact_part .content{
           padding: 0 5px;
        }
        .footer {
          padding: 100px 3px;
          background-color: #191919;
        }
        .footer p {
          padding-bottom: 13px;
          font-size: 15px;
        }
        .copy{
          font-size: 12px;
        }
}