@media screen and (min-width: 1400px) {
      .business a {
        
          font-size: 11px;
          line-height: 18px;}
    }
    
    
	@media only screen and (max-width:1180px)
{
.container{width:100%;}
.container1{width:100%;}    
nav ul li {padding: 0px 0px 0 20px;}  
.test_main h2{padding: 0 0 16px 0px;} 
.test_main{padding: 27px 20px 0} 
.test .slick-next {right: 0;} 
.test .slick-prev {right: 40px;} 
.sticky nav ul li {padding: 0px 0px 0 11px;}
.find_in {padding: 0 20px;}
.blog_in {padding: 20px 20px 25px;}    
.join_in {padding: 26px 20px 23px 20px;}    
.footer_in {padding: 39px 20px 39px;}    
.term_blk {width: 26%;}
.banner_in {padding: 0 20px;}    
/*-----------inner1------------*/
.banner1 {margin: 20px 0px 0px;padding: 0 20px;}    
.whats_on_in {padding:35px 20px 11px;}
.container2 {width: 100%;margin: 0 auto;} 
.banner1 .slider3 li img {height: 421px;object-fit: cover;width: auto;} 
.office h3 ,.download h3 {font-size:20px;line-height: 24px;}    
.download a {font-size: 15px;}    

/*-----------------inner2-------------------*/
.banner2{padding: 0 20px;}    
.detail_in{padding: 0 20px;}    
.tabs_nav ul li {margin: 0 4% 0 0;}    
    
/*---------inner4--------------*/
.hox_blog_blk .whats_on_in {padding: 40px 20px 11px;}    
.footer1 .footer_in {padding: 0px 20px 39px;}    

/*---------inner5-------------*/
.contact_rgt img{width: 100%;}
.media h3 {padding: 0 20px 0 0;}  

.blog_cnt figure img {
    width: 125%;}
}
@media only screen and (max-width:1023px)
{
ul.slider3:after {  display: none;}
}
@media only screen and (max-width:991px)
{
nav {width: 74%;}
.social ul li {
    margin: 0;
    padding: 0 8px 0 0;
    display: none;
}
nav ul li {
    padding: 0px 0px 0 8px;
}
.header_bottom {padding: 0 0 4px 0;}  
.banner_in {bottom: 0px;}
.test_cnt h3{font-size: 14px;}
.join_in h3 {padding: 0 12px 0 0;}  
.box {width: 23%;}    
.term_blk {width: 24%;}    
.footer_in {padding: 26px 20px 30px;}
.check_section ul li {padding: 0 0 0 0px;}    
.custom-checkbox label ,.check_section h6 {font-size: 13.8px;}
.find_in {width: 87%;margin: 0 auto;}
.find_rgt {padding: 10px 0 0 0px;}
.follow_in {padding: 35px 25px 23px 25px;} 
.follow_in p {padding: 0 0 35px 0;} 
.blog_in {width: 87%;margin: 0 auto;}
.join_in {width: 87%;margin: 0 auto;}       
.join_in{font-size: 0px;}  
.join_sub{width:50%;display:inline-block;vertical-align:top;margin: 0;padding: 0 20px 0 0;} 
.join_sub > ul {width:100%;display:inline-block;vertical-align:top;margin: 0;}  
.check_section{width:50%;display:inline-block;vertical-align:top;}    
.check_section ul li {display: inline-block;width: 50%;margin: 0 0 12px 0;} 
.join_in h3{display: block;} 
.join_sub > ul > li{width: 100%;margin: 0 0 7px 0;padding: 0;} 
/*.join_in ul li.visible-xs{width: 100%;}    */
.join_in ul li.visible-sm{width: 100%;}    
.check_section h6 {padding: 0 0 22px 0;} 
.join_in h3 {padding: 0 0px 15px 0;}      
    
.blog_in ul li {width: 100%;margin: 0 0 15px 0;}    
.blog_cnt figure{width: 50%;display: inline-block;vertical-align: top;} .blog_blk{width: 50%;display: inline-block;vertical-align: top;} 
.blog_cnt{font-size: 0px;}   
.blog_cnt > span{font-size:14px;}  
.blog_cnt p{display: none;}    
.blog_cnt figure { margin: 0; padding: 0 0 0 0; }
.blog_blk > span {min-height: 100px;}  

.blog_cnt figure img {
    width: 100%;
}   
    
/*------------inner1-------------------*/
.whats_on_lft {padding: 0 0px 20px 0;width: 100%;}
.whats_on_rgt {padding: 0 0px 0 0px;width: 100%;}
.join_mobshow{display: block;}    
.mailing{display: none;}    
.office{width:49%;float: left;}    
.download{width:49%;float:right;padding: 17px 26px 43px 15px;}   .cal{display: block;}
.check_fields_mobhide ,.calender_mobhide{display: none;}
.check_fields ul li{width: 100%;} 
/*--------------inner2---------------*/
.detail_lft ,.detail_rgt {width: 100%;padding: 0 0 20px 0;}    
/*-----------inner3------------*/
.about .detail_lft{width: 100%;padding: 0 0 20px 0;} 
.slide_blk{display: none;}
.slide_blk ul li {padding: 0 8px 9px 0;}    
/*---------inner4----------------*/
.hox_blog_cnt p{display: none;}    
.hox_blog_rgt > span{min-height: 60px;}
.filter{display: none;}  
.hox_blog_blk .whats_on_lft {padding: 0 0px 15px;}
.fil_blk{display: block;}    
 /*---------inner5--------------*/
.contact_in {height: auto !important;}
.hoxton address ,.media h3 ,.media ul {display: inline-block; width: 50%;float: none;vertical-align: top;}
.hoxton_mdl {display: inline-block; width: 50%;float: none;vertical-align: top;}   
.media{width: 100%;float: none;padding: 20px 0 0;} 
.hoxton{font-size: 0px;}   
.contact_rgt img {width: 100%;height: auto !important;}    
.sign a{float: left;width: 43%;} 
.term .custom-checkbox label {background: url(../images/uncheck.png) no-repeat 3px 3px;padding: 0 0px 0 18px;}
.term .custom-checkbox label.checked {
    background: url(../images/check.png) no-repeat 3px 3px;}    
    .visible-sm{display: block !important}
    .hidden-sm{display: none !important}
.footer_in{font-size: 0px;width: 87%;
    margin: 0 auto;}     
.hox ,.box ,.term_blk ,.regis {width: 50%;float: none;display: inline-block;vertical-align: top;margin: 0 0 10px 0;}    
}

@media only screen and (max-width:965px){

.vertical-center {
     min-height: auto;
     
     
  }
  
  .music .business .ticketfullwidth a { background-color: #ee2a7b; color: white !important;width: 100%;padding-top: 10px; padding-bottom: 10px;text-align: center; margin-top: 20px;
  }
  .events .business .ticketfullwidth a { background-color: #1c75bc; color: white !important;width: 100%;padding-top: 10px; padding-bottom: 10px;text-align: center; margin-top: 20px;
        }
  .comedy .business .ticketfullwidth a { background-color: #fbb040; color: white !important;width: 100%;padding-top: 10px; padding-bottom: 10px;text-align: center; margin-top: 20px;
    }  
.theatre .business .ticketfullwidth a { background-color: #726658; color: white !important;width: 100%;padding-top: 10px; padding-bottom: 10px;text-align: center; margin-top: 20px;
    }
.youth-arts .business .ticketfullwidth a { background-color: #00a19a; color: white !important;width: 100%;padding-top: 10px; padding-bottom: 10px;text-align: center; margin-top: 20px;
    }   
.dance .business .ticketfullwidth a { background-color: #006633; color: white !important;width: 100%;padding-top: 10px; padding-bottom: 10px;text-align: center; margin-top: 20px;
    }       
 .cabaret .business .ticketfullwidth a { background-color: #951b81; color: white !important;width: 100%;padding-top: 10px; padding-bottom: 10px;text-align: center; margin-top: 20px;
     }  
 .children .business .ticketfullwidth a { background-color: #ea5b0c; color: white !important;width: 100%;padding-top: 10px; padding-bottom: 10px;text-align: center; margin-top: 20px;
      }  
      
      .support {
          margin: 0 0 9px 15px;
          padding: 16px 26px 29px 15px;
          background: url(../images/box_bg_pink.png) no-repeat left top;
          background-size: cover;
          width: 49%;
          height: 153px;
          float: left;
      }
      
      .download {
          width: 100%;
          float: right;
          padding: 17px 26px 43px 15px;
      }              
  }
  
  
@media only screen and (max-width:872px){

nav {
    width: 100%;
}

nav ul li {
    padding: 0px 0px 0 20px;
}


.music .ticketfullwidth .ticketlink {
    background-color: #ee2a7b;
    color: white !important;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.comedy .ticketfullwidth .ticketlink {
    background-color: #fbb040;
    color: white !important;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.events .ticketfullwidth .ticketlink {
    background-color: #1c75bc;
    color: white !important;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.theatre .ticketfullwidth .ticketlink {
    background-color: #726658;
    color: white !important;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.youth-arts .ticketfullwidth .ticketlink {
    background-color: #00a19a;
    color: white !important;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.dance .ticketfullwidth .ticketlink {
    background-color: #006633;
    color: white !important;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.cabaret .ticketfullwidth .ticketlink {
    background-color: #951b81;
    color: white !important;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}


.children .ticketfullwidth .ticketlink {
    background-color: #ea5b0c;
    color: white !important;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.support {
    
      width: 100%;
    margin-left: 0px;
  }
  
  .office {
      width: 100%;
      float: left;
  }

}
@media only screen and (max-width:767px)
{
/*.join_in{font-size: 0px;}  
.join_sub{width:50%;display:inline-block;vertical-align:top;margin: 0;padding: 0 20px 0 0;} 
.join_sub > ul {width:100%;display:inline-block;vertical-align:top;margin: 0;}  
.check_section{width:50%;display:inline-block;vertical-align:top;}    
.check_section ul li {display: inline-block;width: 50%;margin: 0 0 12px 0;} 
.join_in h3{display: block;} 
.join_sub > ul > li{width: 100%;margin: 0 0 7px 0;padding: 0;} 
.join_in ul li.visible-xs{width: 100%;}*/
  
.find_rgt {padding: 10px 0 0 0px;}    

    

   
  
   
    
/*.blog_cnt figure{width: 50%;display: inline-block;vertical-align: top;} .blog_blk{width: 50%;display: inline-block;vertical-align: top;} 
.blog_cnt{font-size: 0px;}   
.blog_cnt > span{font-size:14px;}  
.blog_cnt p{display: none;}    
.blog_blk {padding: 0 0 0 15px;}
.blog_blk > span {min-height: 100px;} */   
    
.header_top_lft ul li.mail{display:none;}    
.header_top_rgt ul li a{font-size: 0px;}    
.header_top_rgt ul li {padding: 0px 0px 0 12px;}
.header_top_lft ul li a {font-size: 13px; padding-top: 5px;}
.social ul li a ,.header_top_rgt ul li a span{font-size: 16px;} 
.header_top_rgt ul li a span{margin: 0;}    
  
 
.menu{width:33px; height:28px; text-align:center; position:absolute;top:12px;right:0px;-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);  -webkit-transition:.5s ease-in-out;  -moz-transition:.5s ease-in-out;  -o-transition:.5s ease-in-out;  transition:.5s ease-in-out;}		
#nav-icon{display:block;width:27px;}
nav	{display:none; left:0; margin:0; padding:0; position:absolute; top:84px; width:100%; z-index:99999;}
    
nav ul li{float:none; display:block; width:100%; margin:0; padding:0; background:none;border:none; padding-bottom: 7px;}
nav ul li a{width:100%; margin:0; padding:10px 24px; display:block;text-align:center;}	
nav ul li a br {display: none;}
nav ul li a span {margin-left: 5px;}
nav ul li .dropdown .btn {

    text-align: center;
    width: 100%;
}

nav ul li .dropdown .btn {    margin-top: 0px;
    margin-bottom: 0px;}
nav ul li .dropdown .btn br {display:none;}    
    .dropdown-menu {
        position: relative;
        width: 100%;}


.wrapper{position:relative; top:0; right:0;}
.side_bar{display:block; width:100%; background:#1d1d1b ;height: calc(100% - 120px); position:fixed; top:120px; right:0px; z-index:9; transition:all 0.3s ease-in-out;opacity: 0;visibility: hidden;padding: 25px 0;overflow: auto;}
.side_bar nav{display:block; position:static;padding:0px 0 0px; 
box-sizing:border-box; }
.side_bar nav ul{width:100%;padding: 0 0 7px 0; overflow:auto; }
.open									{overflow:hidden;}
.open .wrapper{}
.open .side_bar{right:0;opacity: 1;visibility: visible;}    
.story .menu {top:11px;right:0px;}    
.sticky .header_top_lft{/*display: none;*/opacity:0;visibility: hidden;height: 0px;} 
.sticky .side_bar{top: 68px;height: calc(100% - 68px)}    
.wrapper {padding: 120px 0 0 0;} 
.banner img {height: 400px;object-fit: cover;} 
.side_bar .mail a{text-align: center;font-size: 13px;line-height: 16px;color: #00a79d;font-weight: normal;} 
.side_bar .header_top_lft ul li{display: none;}    
.side_bar .header_top_lft ul li.mail{display: block;}    
.side_bar .header_top_lft{text-align: center;display: block;width: 100%;position: static;} 
header {padding: 13px 15px 13px 15px;}    
.sticky header {padding: 10px 15px 9px 15px;}
.funny {min-height: 182px;}   
 
.sticky .side_bar .header_top_lft {display: block;opacity:1;visibility: visible;height:auto; }
.find_in ,.blog_in ,.join_in ,.footer_in{width: 100%;}    

    
/*-----------inner1------------------*/
.whats_on_cnt h4 {font-size: 15px;line-height: 24px;}
.whats_on_up {padding: 0 24px 39px 24px;}
.whats_on_cnt a {font-size: 15px;}    
.banner1 .slider3 li img {height: 345px;}    
    
/*------inner2-----*/
.tabs_nav ul li {margin: 0 0px 0 0;}
.tab_top h4 {font-size: 16px;line-height: 22px;}    
.tab_top a {font-size: 16px;}    
.banner2 img{height: 220px;}   
.detail_in h2 {padding: 15px 0 21px 4px;}  
.about figure {padding: 0 0 20px 0;}
.about p.proin {padding: 0px 5px 22px 5px;} 
.tabs_nav{border-bottom: none;}
    
h2.resp-accordion{margin: 0 0 10px 0;} 
.tabs h2 {background: #f7f7f7;}
h2.resp-tab-active span.resp-arrow {border: none;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #3f3f3f;}
h2.resp-accordion {font-family: 'Gotham-Bold';font-size: 19px;   line-height: 22px;font-weight: normal;color: #ee2a7b !important;    padding: 10px 15px;border: none;background:#ededed !important; text-transform: uppercase;} 
h2.resp-accordion:first-child{border-top: none !important; background:#ededed !important;border: none}    
.resp-tab-active{background-color:#fff !important;color: #333333 !important;border: none !important;}
.resp-tab-content-active{padding:0px 0 20px 0;}
h2.resp-tab-active{border:none !important;padding: 10px 15px !important;    border-right: none !important;border-left:none !important;background:#ededed !important;}
        
/*--------inner3----------*/
.hox_blog_rgt {padding: 23px 15px 14px;}    
.hox_blog_cnt h4 {font-size: 16px;line-height: 19px;}    
.hox_blog_cnt a {font-size: 15px;line-height: 22px;}    
.hox_blog_rgt > span {min-height: 50px;} 
.hox_blog_blk .whats_on_in {padding: 23px 20px 11px;}    
.fil_blk {top: 18px;} 
.about .fil_blk {top: 4px;}    
/*--------inner5------------*/
.hoxton {margin: 0;padding: 36px 20px 6px;}
.contact_blk {padding: 30px 20px 0;} 
.media h3 {padding: 0 0px 0 0;font-size: 14px;}    

.fa-shopping-basket:before {
    content: "\f291";
    margin-right: 5px;
}
.business a span {
    margin: 0px;
    padding: 0;
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
}
}
@media only screen and (max-width:599px)
{
.banner_in {padding: 0;margin: -60px 0 0 0;z-index: 1;position: relative;}
.banner_cnt{width: 100%;}
.funny {min-height: 1px;}
.banner_cnt span {padding: 0 0 15px 0;} 
.banner img {height: 295px;}
.btn {white-space: normal;}
.blog_blk > span {min-height: 60px;}    
.join_sub {width: 100%;padding: 0 0px 0px 0;}
.check_section{width: 100%;}    
.check_section ul{width: 100%;float: none;} 
.hox, .box, .term_blk, .regis {width: 250px;float: none;display: block;
vertical-align: top;margin: 0 auto 15px;text-align: center;padding: 0;}
.foot_logo{display: block;padding: 0 0 10px 0;}
.hox address{padding: 0;width: 100%;}    
.hox address br{display: none;}  
.hox{padding: 0;} 
.footer_in {padding: 26px 20px 17px;}
.test_main h2 {font-size:35px;line-height:40px;} 
    
    
/*----inner1--------*/
.office {width: 100%;float: left;margin: 0 0 12px 0;}
.download{width: 100%;}    
.calender {width: 100%;margin: 0 auto 43px;}    
.whats_on_lft ul li{width: 100%;}        
.whats_on_up {padding: 0 24px 21px 24px;}    
.whats_on_in h2 {font-size: 20px;line-height: 20px;}    
.banner1 .banner_in {top: -9px;}    
.banner_cnt .slick-next {right: 15px;}    
.banner_cnt .slick-prev {right: 50px;} 
.banner1 .slider3 li img {height: 225px;}    
.whats_on_in {padding: 20px 20px 11px;}
.cal > ul > li{width: 100%;padding:0 12px 15px;}
.cal {padding: 0 0 0px 0;}
.check_fields .custom-checkbox label {font-size: 20px;}
.cal ul li h3 {font-size: 16px;}  
    
/*------------inner2--------------*/
.tab_top h4 {width: 100%;padding: 0 0 15px 0;}    
.tab_top a{float: none;}    
.fri_lft{width: 100%;padding: 0 0 15px 0;}    
.fri_rgt{width: 100%;}    
.tab_top {padding: 20px 6px 20px 5px;}    
.detail_lft > a {margin: 8px auto 0;font-size: 17px;float: none !important;color:#00a79d; width: 219px;}    
.tabs {padding:10px 0 15px 0;}    
.video span img{width: 50px;height: auto;}  
/*--------------inner4------*/
.fil_blk {top: 14px;}    
.fil_blk ,.about .fil_blk {position: static;width: 100%;margin:10px 0 10px;}    
/*-------inner5------------*/
.hoxton {padding: 36px 10px 6px;} 
.media h3{width:100%;text-align: center;padding: 0 0 15px}    
.media ul {width: 100%;text-align: center;}    
.hoxton address {font-size: 14px;line-height: 21px;}    
.hoxton_mdl h4 {font-size: 14px;line-height: 23px;} 
.logo a img{width:auto;height:40px;} 
.wrapper {padding: 102px 0 0 0;}
.side_bar {height: calc(100% - 102px);top: 102px;} 
.story .wrapper {padding: 59px 0 0 0;}    
#nav-icon:after {left: -70px;top:0px;font-size: 20px;}
.sticky .side_bar {top: 57px;height: calc(100% - 57px);} 
.open #nav-icon:after {left: -76px;}    
    .tab_top_dates {
    padding: 30px 6px 67px 5px;
    border-bottom: 1px solid #cccccc;
}
.detail_lft ul {display: none;}
.page-template .detail_lft ul {display: block;}

.mobilehide {display: none;}

.makehoxtonyours {
  
    font-size: 26px;

}


}
@media only screen and (max-width:479px)
{
.blog_top {padding: 0 0 10px 0px;}
.blog_in h2 {font-size: 25.3px;line-height: 30px;}    
.blog_cnt h4 {font-size: 12px;line-height: 16px;}    
.blog_blk > span {min-height: 1px;}
.blog_cnt a{font-size: 11px;}    
.blog_in ul li {padding: 0 0px;}    
.blog_in ul{margin: 0;}    
.blog_in {padding: 20px 14px 25px;}
.join_in {padding: 26px 14px 23px;}    
.find_in {padding: 0 10px;}
.video_cnt > a {margin: 34px 0px 0 0;}    
.vid_lft a img {width: 107px;}
.video_cnt {padding: 0 13px;}    
.video_cnt {bottom: 20px;}    
.video_cnt > a {margin: 10px 0px 0 0;}    
.find_link span{margin: 0 0 0 10px;} 
.test_main h2 {
    font-size: 23px;
    line-height: 25px;
}.logo a img{width:auto;height:35px;} 
.header_top_lft ul li {padding: 0 7px 0 0;} 
.social ul li {padding: 0 2px 0 0;}
.header_top_rgt ul li {padding: 0px 0px 0 5px;}    
.menu {top:10px;}    
.wrapper {padding: 100px 0 0 0;}    
.side_bar{top: 100px;height: calc(100% - 100px)}    
.sticky .logo a img {width:auto;height: 35px;}
/*.banner_cnt .slick-next {right: 0;}    
.banner_cnt .slick-prev {right: 36px;}*/    
.banner img {height: 230px;}    

#nav-icon:after {left: -70px;font-size: 19px;}    
.open #nav-icon:after {left: -73px;} 
.story .menu {top: 6px;}    
.story .wrapper {padding: 52px 0 0 0;}
.sticky .side_bar {top: 54px;height: calc(100% - 54px);}    
    
/*--------------inner1---------------*/
.whats_on_cnt p{display: none;}
.join_mobshow{display: none;}
.banner1 .banner_in {top: -28px;}
.banner_cnt h3 {font-size: 19px;}    
.whats_on_in {padding: 0px 20px 11px;}    
/*-------------inner3--------------*/
.banner2 img {height:180px;}

/*---------inner4--------------*/
.hox_blog_lft {width: 100%;}    
.hox_blog_rgt{width: 100%;}
.hox_blog_blk .whats_on_in h2 {padding: 0 0 15px 10px;} 
.fil_blk h3 {padding: 12px 15px 12px 15px;font-size: 14px;line-height: 19px;}
.slide_blk ul li a {font-size: 14px;line-height: 16px;}    
.filter ul li a {font-size: 14px;line-height: 16px;}    
.hox_blog_blk .whats_on_in {padding: 15px 20px 11px;}    
/*-------inner5-----------*/
.hoxton {padding: 36px 0px 6px;} 
.contact .whats_on_in h2 {padding: 19px 0 15px 0;}    

.hidemob {display: none !important;}
.social ul li a, .header_top_rgt ul li a span {
    font-size: 12px;
}

.fa-shopping-basket:before {
    content: "\f291";
    margin-right: 5px;
}

.fa-user:before {    font-size: 14px;}

.slider_in {
   
    min-height: auto;
}

.slider_in .ticketfullwidth {text-align: center; background-color: white; width: 100%;     margin-left: 0px !important;
    color: #ee2a7b; margin-top: 20px; padding-top: 5px; padding-bottom: 5px;}
.slider_in .ticketfullwidth .banner_cnt a span {color: #ee2a7b !important;}

.bgimage_hire {display: none;}

.greennav li {
  display: inline-block;
  margin: 0;
  padding: 0px 0px 0 4px;
}

.bgimage {

  background-attachment:inherit !important;
}

.purplesection {
 
  margin-top: 20px;
}
}


@media only screen and (max-width:320px) {

.business a {

    margin-right: 16px;
}
.business a span {
 
    display: none;
}

.test_main h2 {
    font-size: 18px;
    line-height: 22px;
}

}