
@media only screen and (max-width: 767px) {
    #rev_slider_1068_1_wrapper{
        height: 300px!important;
    }
    .defaultimg.tp-bgimg {
        background-size: contain!important;
        background-position: 0px 80px!important;
    }
    .tp-kbimg-wrap{
        display: none;
    }
    .tp-kbimg{
        height: auto!important;
        width: 100%!important;
    }

    #rev_slider_1068_1_wrapper .tp-forcenotvisible{
        display: block!important;
        visibility: visible!important;
        left: 105%!important;
    }
    
}
.imgmywidth{
    max-width: 180px;
}

@media only screen and (width: 540px) {
    #rev_slider_1068_1_wrapper{
        height: 359px!important;
    }
    .defaultimg.tp-bgimg {
        background-size: contain!important;
        background-position: 0px 80px!important;
    }
    .tp-kbimg-wrap{
        display: none;
    }
    .tp-kbimg{
        height: auto!important;
        width: 100%!important;
    }

    #rev_slider_1068_1_wrapper .tp-forcenotvisible{
        display: block!important;
        visibility: visible!important;
        left: 105%!important;
    }
    
}
@media only screen and (min-width: 411px) and (max-width: 480px) {
    .mypadding{
        padding: 0 20px;
    }
}
@media only screen and (width: 320px)  {
    .mywidth{
        width: 75%!important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
    #rev_slider_1068_1_wrapper{
        height: 400px!important;
    }
    .defaultimg.tp-bgimg{
        display: none;
    }
    .tp-kbimg-wrap{
        display: block;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1024px) {
    #rev_slider_1068_1_wrapper{
            height: 500px!important;
    }
    .defaultimg.tp-bgimg{
        display: none;
    }
    .tp-kbimg-wrap{
        display: block;
    }      
}

.vd1{
    width: 47%;
    height: 430px;
    margin: 40px 20px 0 20px;
    float: left;
}
.mapArea iframe {
    width: 100%;
    height: 396px;
    padding-bottom: 4px;
    /*background: url(../images/map-bro.png) repeat-x 0 100%;*/
}

@media screen and (max-width: 480px){
    /*.vd1 {
     height: 249px !important;*/
        /* margin: 0px 20px !important; 
    }   */
}

@media screen and (max-width: 768px){
    .vd1 {
        width: 91%;
        float: none;
        margin: 40px 20px;
    }
}

@media only screen and (min-width: 1024px) {
    #eventSchedule{
        width: 80%;
    }
}
@media only screen and (max-width: 768px) {
    #eventSchedule thead tr th{
    text-align: center;
    }
}
.event-head{
    color: #ffffff;
    position: relative;
    z-index: 1;
    padding-bottom: 30px;           
    text-transform: uppercase;
    font-weight: 900;
    margin: 0px;
}
.cy_banner_wrapper {
    margin-top: 4%;
}

/*

carousel only

*/
/*
*/
/*@media (min-width: 768px) and (max-width: 991px) {
     Show 4th slide on md if col-md-4
    .multi-item-carousel .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  change this with javascript in the future
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
     Show 3rd slide on sm if col-sm-6
    .multi-item-carousel .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  change this with javascript in the future
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    .multi-item-carousel .carousel-item {
        margin-right: 0;
    }
     show 2 items 
    .multi-item-carousel .carousel-inner .active + .carousel-item {
        display: block;
    }
    .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    .multi-item-carousel .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
     left or forward direction 
    .multi-item-carousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item,
    .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
     farthest right hidden item must be also positioned for animations 
    .multi-item-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
     right or prev direction 
    .multi-item-carousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item,
    .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
 MD 
@media (min-width: 768px) {
     show 3rd of 3 item slide 
    .multi-item-carousel .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    .multi-item-carousel .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
     left or forward direction 
    .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
     right or prev direction 
    .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
 LG 
@media (min-width: 991px) {
     show 4th item 
    .multi-item-carousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
     Show 5th slide on lg if col-lg-3 
    .multi-item-carousel .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  change this with javascript in the future
        z-index: -1;
        display: block;
        visibility: visible;
    }
     left or forward direction 
    .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
     right or prev direction //t - previous slide direction last item animation fix 
    .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}*/