/*for mobile use*/



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

.g-recaptcha {
    transform: scale(0.77);
    transform-origin: 0 0;
}

.collapseicon h4

{

  font-size: 14px;

}





.h1-casestudy

{

  font-weight: 600;

    font-size: 25px;

    font-family: sans-serif;

}



.caption h3 {

    text-decoration: none;

    font-size: 12px;

    text-transform: uppercase;

}





  .Contact-box {

    padding: 20px;

    background: #f1f1f1;

    padding-left: 50px;

    position: relative;

    font-size: 15px;

    margin-bottom: 20px;

    word-break: break-word;

    margin-top: 20px;

}



.casestudy-ul li a span

{

  display: none;

}







.casestudy-box

{

position: relative;overflow: hidden;height: 250px;

}



.btn-casestudy {

    display: inline-block;

    border-radius: 4px;

    background-color: #ffffff;

    border: none;

    color: #000;

    text-align: center;

    font-size: 14px;

    padding: 4px;

    width: 180px;

    cursor: pointer;

    margin: 5px;

    border: 2px solid #ffffff;

    border-radius: 50px;

}



.btn-casestudy:hover {

    display: inline-block;

    border-radius: 4px;

    background-color: transparent;

    border: none;

    color: #ffffff;

    text-align: center;

    font-size: 14px;

    padding: 4px;

    width: 180px;

    cursor: pointer;

    margin: 5px;

     border: 2px solid #ffffff;

    border-radius: 50px;

}









.inquiry-btn

{

 outline: none;

  border-radius: 0px;

  border: 0px;

  position: fixed;

  right: 0;

  top: 45%;

  z-index: 999;

   background: #00a89d;

   font-size: 10px;

}





.left-product-btn{

   border: solid #45c4d6 1px;

  background: #ffffff;

  position: absolute;

  padding: 0 10px;

    border-radius: 0 25px 25px 0;

    top: 0%;

    z-index: 100;

}





 .product-scrollicon{

  left: 0;

  bottom: 0;

  right: 0;

  left: 0;

  padding: 5px;

}



  .header-productbox {

    text-align: center;

    border-radius: 5px;

    border: 1px solid #ddd;

    transition: 0.4s linear;

    padding: 0px;

    padding-top: 10px;

    cursor: pointer;

}

/*.carousel-caption{

  display: none;

}*/

.nav>li>a {

    position: relative;

    display: block;

    font-size: 17px;

    padding: 10px 17px;

    border: 1px solid #ddd;

    height: 100%;

}



  .navbar-brand {

    float: left;

    height: 40px;

    padding: 0px 45px 0px 0px;

    font-size: 18px;

    line-height: 20px;

    width: 235px;

}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand>img{

      max-width: 100%;

    left: 0;

    margin-left: 30px;

    right: 0;

    text-align: center;

}

.yamm .dropdown-menu {

    left: 0px !important;

    right: 0px !important;

    margin-top: 0px !important;

    background: #f2f2f2;

    border-radius: 0px;

    border:none;

}



.carousel-caption h1

{

     position: absolute;

    top: 5%;

    font-size: 20px;

    font-family: 'Roboto', sans-serif;



}

.carousel-caption p a{

      position: absolute;

    background: #ffffff;

    top: 63%;

    left: 0;

    padding: 3px;

    font-size: 11px;

    width: 140px;

}

.carousel-caption p a:after {

    content: '\00bb';

    position: absolute;

     opacity: 0; 

    color: #000;

    top: 3px;

    text-align: center;

    right: 20px;

    transition: 0.5s;

}

.product-h1-font

{

  font-family: 'Open Sans Condensed', sans-serif;

    font-weight: inherit;

    line-height: 1.2;

    letter-spacing: -.01em;

    color: #505050;

    font-size: 17px !important;

}

.acres-box h3{
  text-align:center;
}

}







@media only screen and (min-width: 768px){

.left-product-btn{

  position: absolute;

  padding: 0 10px;

  border-radius: 0 25px 25px 0;

  z-index: 100;

  left: -75px;

  transition: 0.5s;

  cursor: pointer;

  border: solid #45c4d6 1px;

  background: #ffffff;

}

.active{

  left: 0px !important;

}



/*.right-service-btn{

   position: absolute;

  padding: 0 10px;

  border-radius: 25px 0px 0px 25px;

  z-index: 100;

  right: 0;

  transition: 0.5s;

  cursor: pointer;

  border: solid #45c4d6 1px;

  background: #ffffff;

}*/



  .product-scrollicon{

  left: 0;

  bottom: 0;

  right: 0;

  left: 0;

  padding: 6px;

}

  .header-productbox

{

  text-align: center;

  border-radius: 5px;

  border:none;

  transition: 0.4s linear;

  padding: 0px;

 /* padding-top: 10px;*/

  cursor: pointer;

}

.header-productbox:hover

{

  box-shadow: 0px 5px 23px 0px #ada9a9;

}



.glyphicon{

  padding-bottom: 40px;

    padding-top: 10px;

    background: black;

} 





.navbar-nav>li>a {

    padding-top: 15px;

    padding-bottom: 15px;

    font-family: 'Roboto', sans-serif;

}



.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {

    margin-left: -8px;

    }



    .space{

      padding-left: 50px;

      padding-right: 50px;

    }



    



    .yamm .dropdown-menu {

    left: 90px;

    right: 90px;

    margin-top: 0px !important;

    background: #f2f2f2;

    border-radius: 0px;

    border:none;

}



.carousel-caption h1

{

  position: absolute;

  top: 15%;

  font-size: 40px;

  font-family: 'Roboto', sans-serif;



}

.carousel-caption p a{

  position: absolute;

    background: #ffffff;

    top: 35%;

    left: 0;

    padding:10px;

    font-size: 18px;

    width: 250px;

}



}

/*laptop use*/

@media only screen and (max-width: 1450px) and (min-width: 1150px) {

.caption h3 {

    text-decoration: none;

    font-size: 11px;

    text-transform: uppercase;

}

.yamm .dropdown-menu {

    left: 150px !important;

    right: 150px !important;

    margin-top: 0px !important;

    background: #f2f2f2;

    border-radius: 0px;

    border: none;

} 



.carousel-caption h1

{

  position: absolute;

  top: 15%;

  font-size: 40px;

  font-family: 'Roboto', sans-serif;

  color: #ffffff;



}

.carousel-caption p a{

  position: absolute;

    background: #ffffff;

    top: 35%;

    left: 0;

    padding:10px;

    font-size: 18px;

    width: 250px;

}

.product-h1-font

{

  font-family: 'Open Sans Condensed', sans-serif;

    font-weight: inherit;

    line-height: 1.2;

    letter-spacing: -.01em;

    color: #505050;

    font-size: 25px;

}

}





/*for large desktop use*/

@media only screen and (min-width: 1500px){



  .caption h3 {

  text-decoration: none;

  font-size: 14px;

  text-transform: uppercase;

}



  .space{

      padding-left: 150px;

      padding-right: 150px;

    }



    .yamm .dropdown-menu {

    left: 250px;

    right: 250px;

    margin-top: 0px !important;

    background: #f2f2f2;

    border-radius: 0px;

    border:none;

}



.carousel-caption h1

{

  position: absolute;

  top: 15%;

  font-size: 40px;

  font-family: 'Roboto', sans-serif;

  color: #ffffff;



}

.carousel-caption p a{

  position: absolute;

    background: #ffffff;

    top: 30%;

    left: 0;

    padding:10px;

    font-size: 18px;

    width: 250px;

}



}