@media only screen and (min-width: 319px) and (max-width: 767px) {
    
    #promo { width:100%}
    
    #promo > div img {
        margin: 0px auto;
        display:block;
    } 
    
    
    #promo .add-links a {
    display: block;
    border: none !important;
    padding: 0px !important;
    margin-right: 0px !important;
}


    #promo > div > div {
    line-height: 22px;
    font-size: 15px;
    text-align: center;
}

.hp_members.owl-carousel.owl-drag .owl-item {
    padding-right: 2px;
    padding-left: 2px;
    float: left;
    transform:scale(1.0);
}

.ipage .leftimg {
    max-width: 77vw;
    margin: 0px auto 20px auto;
    display: block;
    float: none;
}

    
    #sec2 #activity-options h2, #sec2 #event .head h2, #sec2 #comming-acts .head h2 {
        font-size: 18px;
    }
    
    #sec2 #comming-acts .head h2 { width:100%;}
    
    #sec2 #comming-acts .head a {
        margin-bottom: 16px;
        margin-top: 26px;
    }


    #sec2 #event,
    #sec2 #comming-acts { width:100%;}
    
    .act-item { width:100%;}
    
    
    
    /* header */
    
    
    #header .menu-block > .container { float:right;}
    .ow-left-padding {
        float: right;
        margin-top: 10px;
    }
    
    .top-header  > .container {
    padding-left: 0px;
    width: calc(100% - 90px);
    max-width: calc(100% - 90px);
    float: left;
}

.top-header  > .container > .ow-right-padding {
     float:left;width: 50px;padding-left: 6px;
}

.top-header .top-social { float:left; width:66%;}


    .top-header .top-menu {
    display: none;
}

.navbar-toggle { margin-top:15px;}
#top-menu-logo { margin-right:0px;}
#top-menu-logo img { height:38px;}
    
  #member-btn1 {
    font-size: 12px;
 
    line-height: 18px;
    display:none;
}  
  
a#top {
    height: 62px;
    display: block;
}

#member-btn3,
#member-btn2 {
    font-size: 12px;
    line-height: 18px;
    background: #1a73e8;
    display: block;
    padding: 4px 6px;
    text-align: center;
}

.top-header > .container > .ow-right-padding { width:32%;}
.top-header .container {
    padding-left: 0px;
    width: 100%;
}

.navbar-default .navbar-collapse .pull-a  {position:absolute;}
 
.navbar-default .navbar-collapse .pull-a,
  .menu-block .navbar .nav {
    position: absolute;
    right: 0px;
    /* left: 190px; */
    background: #86B5F3f3;
    width: 180px;
    top:94px;
}  


#slider-section .head a { display:block; margin-bottom:5px;}

.navbar-default .navbar-collapse .pull-a { top:0px;}

.menu-block .navbar .nav > li {
    float: left;
    margin: 0 7px;
    float: none;
    text-align: right;
    width: 136px;
}
#nav-box a { height: 40px;display:inline-block;}
#nav-box a.active:after {
    position: absolute;
    bottom: 5px;
}
.navbar-default .navbar-collapse {
    border: none;
    width: 230% !important;
}
.menu-block .navbar .nav > li > a:before { display:none;}
.navbar-default .navbar-collapse .pull-a {
    top: 58px;
    right: -15px;
    width: 150px;
    text-align: center;
    height: 39px;
    line-height: 39px;
}
x .navbar-default .navbar-collapse .pull-a { right:0px;}
x .menu-block .navbar .nav { right: 40px;}

.carousel-indicators {
    display: none;
}

#slider-section #carousel-example-generic{
    height:60vw;
}


/* ACTIVITY */

.act-item .body {
    padding: 8px 10px 8px 8px;
}
.act-item.act-item-full h1 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 0px;
    line-height: 32px;
    text-align: justify;
}

#sec2 #activity-options {
    width: 100%;
    top: auto;
    position: static;
}


.act-item h1 span.tag-price, .act-item h1 span.tag-free { line-height:13px;}


/* act table */

.act-item.act-item-full .body .text2 table.ag-table td.counter-td {
    width: 30px;
}


.act-item.act-item-full .body .text2 table.ag-table td.counter-td + td {
    width: 72px !important;
    font-size: 13px;
    max-width: 72px !important;
}



.act-item.act-item-full .body .text2 table.ag-table th.col2 {
    width: 73px;
}

/*reg */
.act-item.act-item-reg,
#sec2 #comming-acts {padding-left: 0; width:100%; min-width:100%;}

.btn-green {font-size: 17px; width:100%;}

.act-item.act-item-reg #reg3 > div > input#hn-to-both:checked + label + br + input, .act-item.act-item-reg #reg3 > div > input#hn-to-address:checked + label + br + input {
    margin-right: 0%;
    margin-left: 1%;
    clear: Both;
    width: 20%;
}

.act-item.act-item-reg .det-type1 label, .act-item.act-item-reg .det-type2 label {
    
    font-size: 15px; 
}



.act-item.act-item-reg .det-type1 > div:nth-child(1) {
    padding-top: 26px;
}


.act-item.act-item-reg #reg3 > div > input#hn-to-both:checked + label ~ input, .act-item.act-item-reg #reg3 > div > input#hn-to-address:checked + label ~ input {
    float: right;
    width: 31%;
    margin-right: 3%;
    margin-left: 1%;
}

.act-item.act-item-reg #reg3 > div > input {
    transform: scale(1.2) translateX(-10%);
    margin-bottom: 20px;
}

#gold-image, 
#member-btn2 {
  display: block;
    max-width: 50vw;
    margin: 0 auto;
    font-size: 15px;
}

.owl-carousel .owl-stage { height: calc(42vw + 59px); height:calc(2vw + 49px)}
#carousel-example-generic .owl-item.active .item a {    top: 192%;text-align: center;font-size: 19px; right:10%; left:10%; width:80%;}

#carousel-example-generic .owl-item .item a {
    color: #000;
    font-size: 18px;
    padding: 10px 40px;
    background: #000;
    color: #fff;
    position: absolute;
    top: 192%;
    right: 1%;
    background: #e03030;
    width: 89vw;
    text-align: center;
}




.c-item {
    width:33%;
    padding: 3px !important;
}


#nav-box a:nth-child(1) {
   margin: 0px 14px;
}


/* hp sliders */

.owl-carousel  .owl-item  .active img {
   
}

.owl-carousel  .owl-item img {
    opacity:0;height: 60vw;
}
#carousel-example-generic .owl-item .item {
    background-size: cover !important;
}

.container.tmpl-type-f,
.container.tmpl-type-g { overflow:hidden;}


#carousel-example-generic .owl-item.active .item { } 


.activities-page .act-item { width:100%;}

.top-header #member-btn2 {
    font-size: 11px;
    border-radius: 3px;
    line-height: 14px;margin-top: 4px;
    transform: scale(1.25) translateX(6.4%);
}




.navbar-default .navbar-collapse {
    position: absolute;
    top: 55px;
    right: 14px;
    width: 180px !important;
}

.navbar-default .navbar-collapse.in {
    border: none;
    width: 230% !important;
    position: absolute;
    top: 55px;
    right: 14px;
    width: 180px !important;
    height: auto;
}

.menu-block .navbar .nav { position:relative; top:auto;}
li.acc-btn {    padding-right: 30px;}


.menu-block .navbar .nav > li a {
    color: #fff;
}

.li-mob { display:block !important;}



img.kb-ch ,
img.kb-rh,
img.kb-cf { float:none;  width:100%;  padding-right:0%;  }

#sec4 h1 {
    font-size: 24px;
}



}