/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ce-caroueslslideshow{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    position: relative;
    margin: 0 auto;
}

.ce-caroueslimages{
    width: 100%;
    height: 100%;
    position: relative;
}
.ce-caroueslbar{
    height: 19%;
    position: absolute;
    bottom: 6px !important;
    right: 50px;
    left: 50px;
	z-index: 99;
}
.ce-caroueslnav-content{
    position: absolute;
    top: 10%;
    height: 100%;
    width: auto;
    right: 70px;
    left: 70px;
    overflow: hidden;
    text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
.ce-caroueslnav-content div{
    float: left;
    width: 90px;
}

// media query



.ce-caroueslnav-content div.ce-caroueslnav-content-prev{
    margin-left: 15px;
    width: 26%;
    font-size: 14px !important;

}

.ce-caroueslnav-content div.ce-caroueslnav-content-current{
    text-align: center;
    width: 28%;
    left: 35%;
    position:absolute;
    font-size: 14px !important;
}
.ce-caroueslnav-content div.ce-caroueslnav-content-next{
    text-align: right;
    margin-right: 15px;
    float:right;
    font-size: 14px !important;
    width: 26%;
}
.ce-caroueslnav-content div span{
    display: block;
    padding-top: 16%;
   
}
.ce-caroueslnav > a{
    position: absolute;
    top: 0px;
    height: 100%;
    width: 70px;
}
a.ce-caroueslnav-prev{
    left: 0px;
}
a.ce-caroueslnav-next{
    right: 0px;
}
.ce-caroueslnav a span{
    width: 46px;
    height: 46px;
    display: block;
    text-indent: -9000px;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    cursor: pointer;
    opacity: 0.9;
    position: absolute;
    top: 50%;
    left: 50%;
    background-size: 17px 25px;
    margin: -23px 0 0 -23px;
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.ce-caroueslnav a div{
    width: 0px;
    height: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px; 
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.ce-caroueslnav a:hover span{
    width: 100px;
    height: 100px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    opacity: 0.6;
    margin: -50px 0 0 -50px;
    background-size: 22px 32px;
}
.ce-caroueslnav a:hover div{
    width: 90px;
    height: 90px;
    background-size: 120% 120%;
    margin: -45px 0 0 -45px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px; 
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


//  media query 

@media (max-width: 767px) {
    .ce-caroueslnav-content{
      display: none;
    }
    .ce-caroueslbar{
        background: transparent;
     }
    }

  @media (min-width: 768px) and (max-width: 1024px) {
    .ce-caroueslnav-content{
        display: none;
      }
      .ce-caroueslbar{
        background: transparent;
     }
    }


@media only screen and (max-width: 600px) {
    .ce-caroueslnav-content{
        display: none;
      }
      .ce-caroueslbar{
        background: transparent;
     }
  }

    @media (max-width: 500px) {
        .ce-caroueslnav-content{
            display: none;
          }
          .ce-caroueslbar{
            background: transparent;
         }
         }


@media screen and (max-width: 600px) {
    .ce-caroueslnav-content{
        display: none;
      }
      .ce-caroueslbar{
        background: transparent;
     }
    }

    @media (min-width: 1024px) and (max-width: 1100px)  {
        .ce-caroueslnav-content{
            top: 0%;
          }
        }