/* ============================================================================================== 
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html 
is available at http://www.script-tutorials.com/responsive-website-using-bootstrap/
Copyright (c) Script Tutorials. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================================= */

/* customized carousel */
.carousel {
    height: 300px;
    margin-bottom: 50px;
}
.carousel-caption {
    z-index: 10;
}
.carousel .item {
    background-color: rgba(0, 0, 0, 0.8);
    height: 300px;
}
.img-center
{
	text-align: center;
}

.modal{
  outline: none !important;
    border: none !important;
}

form.search-img input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid #f6f2f2;
  float: left;
  /*width: 80%;*/
  outline: none;
  width: 99%;
  background: #fff;
  height: 55px;
}

form.search-img button {
  float: left;
  width: 11%;
  padding: 10px;
  height: 53px;
  /*background: #F9AD4A;*/
  position: relative;
  left: 87%;
  bottom: 54px;
  color: white;
  font-size: 17px;
  /*border: 1px solid #fff;*/
  border: none;
  outline: none;
  border-left: none;
  cursor: pointer;
}

form.search-img button:hover {
  /*background: #F9AD4A;*/
  outline: none;
}

form.search-img::after {
  content: "";
  clear: both;
  display: table;
}
p.msg{
	color:red;
	font-size: 14px;
}

div#form-div
{
  background: url('../images/bg.png');
  color:white; 
}
button.btn-search
{
   background: url(images/search.png) no-repeat;
}
.searchtxt
{
  border-radius: 10%;
}
.search-img
{
  width: 33%;
    text-align: center;
    margin: 0 auto;
}



/** iPhone 6, 7, & 8 **/
@media only screen 
and (min-device-width : 375px) and (max-device-width : 667px) {

  form.search-img button
      {
        left: 210px ;
        width: 33%;
      }

}


/** iPhone 6, 7, & 8 lanscape **/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
form.search-img button
      {
        left: 88% ;
      }
}


/** iPhone 6, 7, & 8 Plus  **/
@media only screen 
and (min-device-width : 414px) and (max-device-width : 736px) { 

      form.search-img button
      {
        left: 80% ;
      }

}

/** iPhone 6, 7, & 8 Plus landscape **/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
  form.search-img button
      {
        left: 88% ;
      }
  form.search-img button
  {
      width: 11%;
  }    



}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { /* STYLES GO HERE */

form.search-img
      {
        width: 91%;
      }
}

/** iPhone 5 & 5S  **/
@media only screen 
and (min-device-width : 320px) and (max-device-width : 568px) and (-webkit-min-device-pixel-ratio: 2) {
      form.search-img button
      {
        left: 79%;
        width: 22%;
      }

      form.search-img
      {
        width: 91%;
      }

}

/** iPhone 5 & 5S landscape **/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){

      form.search-img button
      {
        left: 86%;
        width: 23%;
      }

       form.search-img
      {
        width: 91%;
      }
  }

/** iphone x in landscape **/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 
    form.search-img button
      {
        left: 90%;
      }
}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 
  form.search-img button
      {
        left: 88%;
      }
  form.search-img button
  {
    width: 11%;
  } 

  form.search-img
      {
        width: 91%;
      }   
}

/* iPad in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
form.search-img button
      {
        left: 89%;
      }

}

/* google pixel media queries */
/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) 
{

}

/* Landscape */
@media only screen 
  and (max-device-width: 731px) 
  and (min-device-height: 411px) 
  and (-webkit-device-pixel-ratio: 2.6) 
  and (orientation: landscape) 
{
    .search-img 
    {
      width: 75%;
    }
}



/* iPad in portrait */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
form.search-img button
      {
        left: 89%;
        width: 9%;
      }
    .search-img 
    {
    width: 78%;
    }  
}

/** ipad min in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)
{
    form.search-img button
      {
        left: 91%;
      }
}

/** ipad pro landscape **/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape)
  {
      form.search-img button
      {
        left: 92%;
        width: 7%;
      }
      .search-img 
      {
        width: 76%;
      }
  }