/* Large screens ----------- */
/*some CSS*/

/* Desktops and laptops ----------- 
@media only screen and (max-width : 1824px) {...}*/

/* iPads (landscape) ----------- 
@media only screen and (max-width : 1224px) {...}*/

/* iPads (portrait) ----------- 
@media only screen and (max-width : 1024px) {...}*/

/* Smartphones (landscape) ----------- 
@media only screen and (max-width : 768px) {...}*/

/* Big smartphones (portrait) (ie: Galaxy 3 has 360)
@media only screen and (max-width : 640px) {...}*/

/* Smartphones (portrait) (ie: Galaxy 1) 
@media only screen and (max-width : 321px) {...}*/

.visuallyhidden { 
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0; 
  }


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

.carousel {
    display:none;
}
.carousel img {
        display:none;
}
    
    
.service-info{
    display:none;
}   
   
   .blog-post{
      display: none;
  } 
  .post-gallery{
      display: none;
  } 
  .tabs{
      display:none;
  }

  .form-control {
      display: block; 
      width: 30%; 
      height: calc(2.25rem + 2px); 
      font-size: 1rem;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      border-radius: 0.25rem;
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  #content{
  
  
    padding:5px;
    background-color:aliceblue;
}

.info-block{
    display:none;
}

}
@media only screen and (max-width: 400px) {

      .carousel {
          display:none;
      }
      .carousel img {
            display:none;
      }
        
        
     .service-info{
         display:none;
     }   
     
     .blog-post{
        display: none;
    } 
    .post-gallery{
        display: none;
    } 
    .tabs{
        display:none;
    }
    .form-control {
        display: block; 
        width: 50%; 
        height: calc(2.25rem + 2px); 
        padding: 0.375rem 0.75rem; 
        font-size: 1rem;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
 
    .info-block{
        display:none;
    }
    iframe{
        display:none;
    }
}
/* ---------> for screen sizes 600px and smaller  */
@media only screen and (max-width: 600px) {

    .fuckyou{
        display:none;
    }
    .classy-tabs__titles{
        font-size: 20px!important;
    }

    .demo-cont{
        display: none;
    }
    .carousel {
        display:none;
    }
    .carousel img {
        display:none;
    
    
}

  .blog-post{
    display: none;
} 
.post-gallery{
    display: none;
}
.tabs{
    display:none;
}
.form-control {
    display: block; 
    width:100%; 
    height: calc(2.25rem + 2px); 
    padding: 0.375rem 0.75rem; 
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.info-block{
    display:none;
}

iframe{
    display:none;
}
}


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

.carousel {
    display:none;
}
.carousel img {
    display:none;


}

  .blog-post{
    display: none;
} 
.post-gallery{
    display: none;
}

.info-block{
    display:none;
}
}



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

.carousel {
    display:none;
}
.carousel img {
    display:none;


}

  .blog-post{
    display: none;
} 
.post-gallery{
    display: none;
}
.tabs{
    display:none;
}
.form-control {
    display: block; 
    width: 150%; 
    height: calc(2.25rem + 2px); 
    padding: 0.375rem 0.75rem; 
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.info-block{
    display:none;
}
}