/* Media Queries - 1 */

/* Note: Design for a below width of 960px */
@media only screen and (min-width: 1024px) and (max-width: 1179px) {
.show_ipad1{ display:block}
.hide_ipad1{ display:none}

.wrapper-middle { width:990px}
}

/* Note: Design for a below width of 960px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.show_ipad1{ display:block}
.hide_ipad1{ display:none}

.wrapper-middle { width:730px}

/* header */
.nav-bar nav ul{ font-size:15px}

/* home - 2 */
.article-list article aside h4{ min-height:40px}
.article-list article aside .ratings .bold{ width:100%}
.article-list article aside .ratings .star-rating{ margin-left:0}
.article-list article aside .btn-half { width:100%}
}


/* Note: Design for a width of 768px */
@media only screen and (max-width: 767px) {
.show_mobile1{ display:block}
.hide_mobile1{ display:none}

body { font-size:14px}

h1, h2, h3 { font-size:20px; padding:0 0 18px 0}

.wrapper-middle { width:92%; padding:0 4%}

/* header */
header { height:auto}

.logo{ margin:28px 0 25px 0}

.nav-bar { width:110%; height:45px; margin:0 -5%}
.nav-bar nav ul{ width:100%; margin:0}
.nav-bar nav ul li{ width:100%; border-top:1px solid #FFFFFF; margin:0}
.nav-bar nav ul li a{ width:90%; height:45px; line-height:45px; text-align:left; background:#076991; padding:0 5%}
.nav-bar nav ul li a:hover{ background:#02a3e5}

.nav-bar .accordionButton { display:block}
.nav-collapse, .nav-collapse.collapse { height:0; overflow:hidden;}

/* content-main */
.table .column3{ width:1px}
.table .column4{ width:60%; margin:0 -10% 0 14px}

.view-more a{ padding:18px 0}

.casinos-list .example_menu .moretxt { display:none}
.casinos-list .example_menu .more-less { display:block}
.casinos-list .example_menu .more-less .more{ display:none}
.casinos-list .example_menu .more-less .less{ display:none}

.casinos-list .example_menu .collapsed .more{ display:block}
.casinos-list .example_menu .expanded .less{ display:block}

/* footer */
footer { padding:25px 0 5px 0}

/* home - 2 */
.article-list { width:100%; float:left; margin:0}
.article-list article{ width:99%; height:auto; padding:0 0 25px; margin:0 0 35px 0}

/* inner  - pages */
.accord-block figure{ margin-bottom:30px}
}

/* Note: Design for a width of 501px */
@media only screen and (max-width: 500px) {
footer { padding-bottom:25px}
footer p span{ width:100%; float:left; text-align:center}
footer p span span{ display:none}
}


/* Note: Design for a width of 480px */
@media only screen and (max-width: 479px) {
.show_mobile2{ display:block}
.hide_mobile2{ display:none}
}

/* Note: Design for a width of 466px */
@media only screen and (max-width: 430px) {
.table .column1{ width:10px}
.table .column4{ width:60%; margin:0 -10% 0 8px}
.table td{ font-size:12px; line-height:18px}

.ratings .star-rating { width:60px; background: url("../images/star-off2.png") 0 0 repeat-x; margin:6px 8px 0 5px}
.ratings .star-rating div { height:9px; background: url("../images/star-on2.png") 0 0 repeat-x}

.table .row{ background:#191919 url("../images/arrow04.png") no-repeat right center}
.table .row:hover{ background:#111111 url("../images/arrow04.png") no-repeat right center}

.table .row.honone{ background:#191919}
.table .row.honone:hover{ background:#111111}
}

@media only screen and (max-width: 380px) {
.table .column1{ width:10px}
.table .column4{ width:60%; margin:5px -10% 0 8px}
.table td{ font-size:11px; line-height:18px}

.ratings .star-rating { width:60px; background: url("../images/star-off2.png") 0 0 repeat-x; margin:6px 8px 0 5px}
.ratings .star-rating div { height:9px; background: url("../images/star-on2.png") 0 0 repeat-x}

.table .row{ background:#191919 url("../images/arrow04.png") no-repeat right center}
.table .row:hover{ background:#111111 url("../images/arrow04.png") no-repeat right center}

.table .row.honone{ background:#191919}
.table .row.honone:hover{ background:#111111}
}

@media (min-width: 1170px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}
.clearfix::after{content:"";display:table;clear:both}