@media all and (max-width: 979px) and (min-width: 768px) {
#header-top-mid-inner > span{
margin-left: -15px;
width: 50%;
}
#header-top-right-inner > a, #header-top-right-inner > a:hover{
width: 100px
}
#menu-item-30 a{
padding-right: 12px !important;
position: relative;
left: 0px; 
}
#contact-left{
max-width: 725px;
}
#event-button > a, #event-button > a:hover{
padding: 15px 10px !important;
width: 35%;
text-align: center;
}
#event-button {
width: 520px !important;
margin: 0 auto;
position: relative;
left: 50px
}
.price {
width: 100% !important;
}
.events-page-details{
margin-top: 0px;
}
.events-page-details p{
width: 100% !important;
}
}
@media all and (max-width: 1300px) and  (min-width: 1180px) {
.blog-cate > ul > li{
width: 100% !important;
}
.blog-cate > ul > li > a > span.text{
display: block;
width: 83%;
}
.blog-cate > ul > li > a > span.cnt{
width: 5%;
}
#event-button > a, #event-button > a:hover{
padding: 15px 10px !important;
width: 35%;
text-align: center;
}
#event-button {
width: 550px !important;
margin: 0 auto;
position: relative;
left: 40px
}
.price > p{
float: left;
margin-right: 5px !important;
padding-right: 0px !important;
}
}