@media screen and (max-width: 1200px) {

}

 @media screen and (max-width: 992px) {

     .comment-form {
        background-size: 35px;
     }

     #top-navigation ul li {
         margin:0 3px ;
     }

     .services-section {
         width: 35%;
     }

     #service-body{
         margin-bottom: 50px;
     }

     #nav-list{
         width: 80%;
     }

     #image-list {
         grid-template-columns: repeat(2, auto);
     }

     .image-project img{
         width: 450px;
         height: 450px;
     }

     .team{
         width: 41%;
     }

     #container-footer{
         min-height: 600px;
     }

     #container-footer-item{
         min-height: 600px;
     }

     .fotter-item{
         width: 45%;
     }
 }

 @media screen and (max-width: 768px) {
     .item-overley {
         width: 80%;
     }

     #container-overlry {
         margin-top: 50px;
     }

     #body-content {
         min-height: 300px;
     }
     #top-navigation ul{
            display: none;
     }

     #top-navigation a{
         font-size: 30px;
     }

     #body-content h1 {
         width: 96%;
     }

     #form-input {
         width: 100%;
     }

     .services-section {
        width: 70%
     }

     .information{
         width: 40%;
     }

     .profile{
         flex-direction: column;
     }

     .comment-form {
         background-size: 47px;
     }

     .comment{
         width: 52%;
     }

     .communication {
         width: 40%;
     }
 }

 @media screen and (max-width: 576px) {

     .information {
         width: 100%;
     }

     .comment{
         width: 40%;
     }

     .comment-form {
         width: 100%;
     }

     #nav-list{
         border-radius: 20px;
     }

     #nav-list ul {
         display: block;
     }

     .image-project img{
         width: 500px;
         height: 500px;
     }

     #image-list {
         grid-template-columns: repeat(1, auto);
     }

     .team {
         width: 85%;
     }

     .communication {
         width: 100%;
     }

     .top-input {
         width: 91%;
     }

     #container-footer {
         min-height: 955px;
     }

     .fotter-item {
         width: 100%;
     }

     #coppy-right h3 {
         font-size: 10px;
     }

 }