@CHARSET "UTF-8";

/*  break points styles  */
@media only screen and (max-width : 2200px){

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){
        .left.carousel-control{
            left:-12px !important;
        }
        .right.carousel-control{
             right:4px !important;
        }
}
 
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){
       #banery-slider1-lg{
           display:none !important;
       }
}
 
/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
       #banery-slider1-lg{
           display:none !important;
       }
}
 
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){
       #banery-slider1-lg{
           display:none !important;
       }
}
 
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){
       #banery-slider1-lg{
           display:none !important;
       }
}

.glyphicon-chevron-left::before,
.glyphicon-chevron-right::before{
    background-color: transparent;
    border-radius: 36px;
    color: #d5d8ca;
    font-size: 50px;
    padding: 14px 16px;
}
.glyphicon-chevron-left::before{
   content:"\e257";
}
.glyphicon-chevron-right::before{
   content:"\e258";
}
  
.carousel .carousel-control.left, .carousel .carousel-control.right {
	background-image: none;
  top:45%;
  bottom:auto;
  z-index:10;
}

#banery-slider1-lg .item{
  max-height: 395px;
  overflow: hidden;
}

#banery-slider1-lg .button{
  background-color: #ffbb00;
  color: #fff;
  font-size: 28px;
  padding: 12px 30px;
  position: absolute;
  right: 20%;
  top: 65%;
  z-index: 10;
  border-radius:8px;
}
#banery-slider1-lg .button:hover{
  color: #fff;
}

.modal-dialog{
  width:850px;
}

#myModal .carousel-caption{
  background-color:#000;
  color:#fff;
  font-size: 18px;
  left: auto;
  padding: 12px 30px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: auto;
}
.carousel-indicators li{
  border-color:#e9e9e9;
  display:none;
}
/*
.glyphicon-chevron-left::before,
.glyphicon-chevron-right::before{
    content:"";
    background-image:url("../img/prev.png") !important;
    background-repeat: no-repeat !important;
    background-position:center center !important;
    background-repeat:no-repeat;
    font-size:0px;
    width:36px;
    height:62px;
    display:block;
}
.glyphicon-chevron-right::before{
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.glyphicon-chevron-left::before,
.glyphicon-chevron-right::before{
    background:rgba(255,255,255,0.5);
    padding: 48px;
}
*/
.left.carousel-control{
    left:-64px;
}
.right.carousel-control{
     right:-12px;
}