@media (min-width: 768px){
.flex{
  display: flex;
}
}
    .img_content{
    /* margin-top: 90px; */
    color: #fff;
    text-align: center;
    } 
    .img_content_header{
        font-size: 27px;
    }
    .img_content_para{
        font-size: 16px;
        margin-top: 30px;
        line-height: 1.8em;
    }
    .img_content_enq{
        font-size: 17px;
        /* margin-top: 20px; */
        color: #f9ed03;
    }
    .bg-img{
        /*height: 541px;*/
        width: 100%;
    }
    body{
        overflow-x: hidden;
    }
    .col-sm-7{
    padding-right: 0px; 
    padding-left: 0px;
    }
    .col-sm-2{
      padding-right:0px;
    }


    .bounce {
      animation: bounce 2s infinite;
      cursor:pointer;
    }
    @media (min-width: 1199px){
      .g-recaptcha {
transform:scale(0.77);
-webkit-transform:scal(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
     h3 {
    font-size: 16px !important;
    font-weight: 100 !important;
    color: #000;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5;
    padding: 0px 45px 0 0;
    }

    p{
            font-size: medium;
            font-family: 'Roboto', sans-serif;
            color: #000;
            padding: 20px 0 13px 5px;
            font-weight: 100;
    }
    .service{
          padding: 30px 0 0 0;
    }
    .col-form-label{
        width: 21.666667%;
      }
            label{
          font-size:1.0em;
        font-family: 'Roboto', sans-serif;
        color: #000;
        font-weight: 100;
        }
/*        .cont{
          margin-top: 6px;
        }*/
        .size{
              padding-right: 0px;
              padding-left: 0px;
        }
        .submit_from{
        font-size: 1.2em;
        text-transform: uppercase;
        padding: 7px 12px 5px 12px;
        border: 1px solid;
        background-color: #fff;
        color: #4b4a4acc;
        width: 35%;
      }
      .beautiful {
            font-size: 16px;
    text-align: center;
    padding: 12px 8px 8px 8px;
    background: #d9dada;
    font-weight: bold;
    color: #575656;
          }
          .col-sm-2{
            padding-left: 0px;
            padding-right: 0px;
          }
    }
    @media (max-width: 767px){
/*      .g-recaptcha {
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}*/
     .joint{
      font-size: 1.4em;
          font-weight: 600;
          font-family: 'Roboto', sans-serif;
          text-align: center;
        }
        p {
          font-size: 16px;
          font-family: 'Roboto', sans-serif;
          color: #000;
              padding: 10px 28px 10px 21px
      }
      h3{
        font-size:16px;
      }
      .enqr {
       float: right;
    width: 69%;
    margin: -10px;
    /* margin-right: 30px; */
    }
    label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
     font-weight: 100; 
}
          .submit_from{
    font-size: 1.2em;
    text-transform: uppercase;
    padding: 7px 12px 5px 12px;
    border: 1px solid;
    background-color: #fff;
    color: #4b4a4acc;
  }

    .form-control {
      font-size: 11px;
    }
    .beautiful {
    font-size: 15px;
    text-align: center;
    padding: 12px 8px 8px 8px;
    background: #d9dada;
    font-weight: bold;
    color: #575656;
          }
      }
@media (min-width:411px) and (max-width:731px){
p {
    font-size: 16pxem;
    font-family: 'Roboto', sans-serif;
    color: #000;
    padding: 10px 8px 10px 5px !important;
}
}
      @media only screen and (max-width:480px){
.enqr {
    float: right;
    width: 67%;
    margin: -10px;
    margin-right: 30px;
}
p {
          font-size: 16px;
          font-family: 'Roboto', sans-serif;
          color: #000;
              padding: 10px 10px 10px 10px;
      }
}
      @media only screen and (max-width:320px){
        label {
    font-size: 10.5px;
    font-family: 'Roboto', sans-serif;
    color: #000;
}
p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #000;
    padding: 23px 27px 0px 28px;
    margin-bottom: 17px;
}
 .enqr {
       float: right;
    width: 68%;
    margin: -10px;
    margin-right: 28px;
    }
      }

@media (min-width: 768px) and (max-width: 1024px) {
      h3 {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #706e6e;
    font-family: 'Roboto', sans-serif;
    line-height: 1.2;
    padding: 0px 0px 0 0;
}
p {
    font-size: 0.65em;
    font-family: 'Roboto', sans-serif;
    color: #000;
    padding: 10px 15px 10px 15px;
}
label {
    font-size: 0.65em !important;
    font-family: 'Roboto', sans-serif;
    color: #000;
}
      .g-recaptcha {
transform:scale(0.50);
-webkit-transform:scal(0.50);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
.col-sm-7{
  padding-right: 5px !important;
    padding-left: 5px !important;
}
.col-sm-2{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.col-sm-6{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.md-form .form-control {
    height: auto;
    padding: .6rem 0 .4rem 0;
    margin: -15px 0 .5rem 0;
    background-color: transparent;
    border-radius: 0;
}.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 12px;
    }
    .joint_venture{
      width:100%;
    }
    .size{
      width:100%;
    }
        .copy_footer {
        position: relative;
        top: 175px;
    }
}
    @keyframes bounce {
      0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
      }
      40% {
        transform: translateY(-15px);
      }
      60% {
        transform: translateY(-7px);
      }
    }
    @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) {

          .landscape_imgs{
              margin: auto !important;
              width: 60% !important;
          }
          #joint_form {
            margin: 0px 20%;
            width: 60%;
        }
      }