@media only screen and (max-width: 550px) {
    .social_banner,.bg_title{
        display: none;
    }
    .top_menu {
        padding: 1em 2em;
    }
    .mainHeader {
        height: 100vh;
    }
    .mainHeader .carousel-inner .item > img {
        height: 100%;
    }
    section.aboutUs,.portfolioSectn {
        padding : 2em 0px;
    }
    .main_title{
        font-size: 38px;
        line-height: 40px;
    }
    .icon-space{
        width: 70px;
    }
    .row-line-content p{
        font-size: 14px;
    }
    .row-gallery{
        margin-top:0px
    }
    .gallery_contnt{
        padding-top:1em;
    }
    .gallery_contnt h2,.gallery_contnt h3{
        position: static;
        font-size: 60px;
    }
    .showinmobileOnly{
        display: block;
    }
    .box_addr.text-center{
        text-align: left !important;
    }
    ul.menu_anim{
        flex-direction: column;
        text-align: center;
    }
    .bannerBg video{
        height: 100%;
    }
    .sub-page-title h1{
        font-size: 5vh;
    }
    .sub-page-title h4{
        font-size: 16px;
        line-height: 22px;
        width: 80%;
    }
    .leftSideAbout img{
        width: 80%;
        margin:0px auto;
        display: block;
    }
    .leftSideAbout::before{
        height: 80px;
    }
    .rightSideAbout{
        padding-top: 2em;
    }
    .valuesAbout .container{
        flex-direction: column;
    }
    .navig_ul{
       margin:0px auto;
    }
    .valuesAbout .tab-content,.serv_bx{
        width: 100%;
    }
    .serv_bx_rw{
        flex-direction: column;
    }
    .contacts_page .sub-page-title h4{
        width: 90%;
        line-height: 28px;
    }
    .form_container{
        width: 90%;
        padding: 1em 2em;   
    }
    .form_container p{
        width: 90%; 
    }
    .addr_labels ul li {
        display: inline-block;
        margin: 0px 5px;
    }
    .galleryModal .modal-dialog {
        width: 90%;
        margin: auto;
    }
    .containable {
        width: 90%;
        font-size: 18px;
        line-height: 30px;
    }
    .content_img {
        width: 320px;
    }
    /* .serv-rw-offers .serv-content {
        max-height: none;
    } */
    .form_div input[type="radio"] {
        display: block;
    }
    .ulContent.inline-block li {
        padding: 0px;
    }
    .connectWithFooty li {
        padding: 0px 5px;
    }
    .leftSideAbout::before {
        width: 100%;
        left: 0%;
    }
}


@media only screen and (min-width:501px) {
    .showinmobileOnly{
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 768px) {
  .icon-space {
    display: none;
  }
  .row-line-content {
      width: 100%;
      padding-left: 0px;
  }
  .gallery_contnt h2 {
      position: static;
      font-size: 38px;
      text-align: center;
      margin-bottom: 0px;
  }
  .gallery_contnt h3 {
      position: static;
      font-size: 38px;
      text-align: center;
  }
  .gallery_contnt p {
      position: static;
      font-size: 16px;
      text-align: center;
  }
  .gallery_contnt a.strike_btn {
    top: 0em;
    right: 0em;
    margin-bottom: 20px;
    }
    .row-line {
    display: flex;
    margin-bottom: 1em;
    }
    .portfolioSectn h4.title_m,
    .portfolioSectn h1.main_title  {
        text-align: center;
    }
    .portfolioSectn .gallery_contnt.right_side.text-left {
        text-align: right;
    }
    .row-gallery {
        margin: 30px 0px;
    }
    .list-unstyled.client_list li {
        width: 50%;
    }
    .text-slider { text-align: center; padding-top: 20px;}
    .slider-title {
        margin-top: 10px;
        font-size: 6vh;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2px;
    }
    .slider-subtitle {
        font-size: 16px;
        line-height: 25px;
        text-transform: none;
    }
    .slider-top {
        top: 20%;
        width: 100%;
    }
    .text-slider {height: 450px;}
    .slider-otherpage {
        top: 40%;
        width: 100%;
    }
    .row_process.first_side, .row_process.second_side{
        padding-top: 2em;
    }
}