#container {
    max-width: 100%
}

#nav-mobile,
.mobnavgap,
.only_mobile {
    display: none
}



td.mobrating {
display:none;
}

th.mobrating {
display:none;
}

@-ms-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

@media screen and (max-width:1000px) {
    #container {
        max-width: 100%;
        margin: 0 auto
    }
    .wordpress .main-wrap {
        margin-right: 0;
        margin-left: 0
    }
    .wordpress #sidebar-primary-wrap {
        display: none
    }
}

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



td.cb-image {
width:20% !important;
}

td.cb-offer {
width:45% !important;
}

td.claimbutton {
width:20% !important;
}

td.mobrating {
display:table-cell !important;
width:15% !important;
}

th.mobrating {
display:table-cell !important;
width:20% !important;
}

#crownbet-nd {
  cursor:pointer;
    color: #fff;
    margin-bottom: 10px;
	background-color:#223782;
}

.ndheading {
    font-size: 14px;
    font-weight: 700;
    background-image: url(images/ndtick.png);
    background-repeat: no-repeat;
    background-position: left middle;
	padding-left:30px;
	line-height:20px;
	margin-bottom:6px;
}

.ndleft {
	display:block;
	width:100%;
	margin-right:0px;
    padding: 15px 15px 9px 15px;
	vertical-align:top;
	}

.ndleft img {
padding:0px 0 8px;
}

.ndleftbet {
background:#fff;
color:#000;
width:100%;
padding:5px 10px;
width:100%;
font-size:22px;
    font-weight: 700;
        font-family: Roboto, sans-serif;
text-transform:uppercase;
    text-align: center;
	}

.ndleft .align_center {
    text-align: center;
	}

.ndright {
	display:block;
	width:100%;
    padding: 8px 10px 9px;
	vertical-align:top;
	}	

	.imgblock {display:inline-block;}


    .mobilenav,
    .only_desktop {
        display: none
    }
    #nav-mobile,
    .mobnavgap {
        display: block;
        height: 54px
    }
    #nav-mobile {
        position: fixed;
        z-index: 9999;
        background: #24a681;
        margin: 0!important;
        padding: 0!important;
        width: 100%;
        text-align: center!important
    }
    #nav-mobile .logo img {
        padding: 5px 0
    }
}

@media screen and (max-width:900px) {
    .wordpress .main-inner {
        float: none;
        padding-left: 0;
        padding-right: 0
    }
    .wordpress #sidebar-secondary-wrap {
        display: none
    }
    .upperfooter {
        display: none;
    }
    .bookiethumb {
        display: none;
    }
    .bookierevthumb {
        display: none;
    }
    .only_mobile {
        display: block;
        width: 100%
    }
    .only_mobile img {
        width: 100%
    }
    #menu-primarysub {
        height: 52px
    }
    .headerad {
        display: none
    }
}

@media screen and (max-width:700px) {
    .homeblockl,
    .homeblockr {
        float: left;
        width: 100%
    }
    .pf_only_desktop {
        display: none
    }
    #createacc,
    #menu-primary:target .menu-items {
        display: block
    }
    .homeblockl {
        margin-right: 6px
    }
    .bookmakerhowto {
        padding: 15px;
        color: #fff;
        margin-bottom: 10px;
        background-image: none
    }
    #createacc,
    .bookmakerhowto h3 {
        font-weight: 700;
        background: rgba(0, 0, 0, .2);
        color: #fff
    }
    .bookmakerhowto h3 {
        font-family: 'Open Sans', sans-serif;
        font-size: 25px;
        text-transform: uppercase;
        text-align: center;
        padding: 8px
    }
    .howtoheading {
        font-size: 18px;
        font-weight: 700
    }
    .howtodesc {
        font-size: 13px;
        line-height: 17px
    }
    #createacc {
        padding: 12px 15px 12px 45px;
        border-radius: 5px;
        border: 2px solid #fff;
        font-size: 18px;
        background-image: url(images/signup.png);
        background-repeat: no-repeat;
        background-position: 8px 50%;
        margin-top: 5px
    }
    #menu-primary li a {
        background: #444
    }
    #menu-primary .menu-toggle a {
        color: #fff
    }
    #menu-primary:target .menu-toggle {
        border-bottom: 1px solid #ccc
    }
    #menu-primary:target .menu-toggle-open {
        display: none
    }
    #menu-primary:target .menu-toggle-close {
        display: inline
    }
    .bookmakerbettxt {
        font: 24px Open Sans, Arial, sans-serif
    }
    .menu-dropdown .sub-menu .sub-menu li a:before,
    .menu-toggle a:before {
        font-family: dashicons;
        vertical-align: top;
        -webkit-font-smoothing: antialiased
    }
    .hpentry-title {
        font-size: 14px;
        padding: 6px 0 0;
        font-weight: 400;
        border-bottom: 0 solid #ccc;
        margin-bottom: 0
    }
    #menu-primarysub {
        display: none
    }
    .menu-toggle {
        font-weight: 700;
        line-height: 1.8em;
        padding: .9rem;
        width: 100%;
        display: block
    }
    .menu-toggle .screen-reader-text {
        position: inherit;
        left: auto;
        top: auto
    }
    .menu-toggle a:focus,
    .menu-toggle a:hover {
        opacity: .8
    }
    .menu-toggle a:before {
        content: "\f203";
        font-weight: 400;
        font-size: 20px;
        font-size: 2rem;
        margin-right: 5px
    }
    .menu-toggle a.menu-toggle-close:before,
    .menu-toggle-active .menu-toggle a:before {
        content: "\f158"
    }
    .mobile-menu-active .menu-dropdown li.focus>.sub-menu,
    .mobile-menu-active .menu-dropdown li:hover>.sub-menu {
        left: auto
    }
    .menu-items,
    .menu-toggle .menu-toggle-close {
        display: none
    }
    .menu-dropdown li,
    .menu-dropdown>.wrap,
    .menu-toggle-active .menu-items,
    .menu-toggle-active>.wrap {
        display: block
    }
    .menu-toggle-active.menu-container {
        border-bottom: 0
    }
    .menu-toggle-active .menu-toggle {
        border-bottom: 1px solid #ccc
    }
    .menu-dropdown:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }
    .menu-dropdown>.wrap {
        margin-right: 0;
        width: 100%
    }
    .menu-dropdown ul li.menu-item-has-children>a:before,
    .menu-dropdown ul li.menu-item-open-children>a:before {
        content: "";
        position: inherit;
        right: auto
    }
    .menu-dropdown li {
        width: 100%
    }
    .menu-dropdown .sub-menu {
        width: 100%;
        border: none
    }
    .menu-dropdown .sub-menu li a,
    .menu-dropdown li a {
        width: 100%;
        border: none;
        border-bottom: 1px solid #ccc;
        background: #eee
    }
    .menu-dropdown .sub-menu li a {
        background: 0 0
    }
    .menu-dropdown .sub-menu,
    .menu-dropdown .sub-menu li.focus>.sub-menu,
    .menu-dropdown .sub-menu li:focus>.sub-menu,
    .menu-dropdown .sub-menu li:hover>.sub-menu,
    .menu-dropdown li.focus>.sub-menu,
    .menu-dropdown li:focus>.sub-menu,
    .menu-dropdown li:hover>.sub-menu {
        opacity: 1;
        left: auto;
        top: auto;
        position: inherit
    }
    .menu-dropdown .sub-menu li a:before,
    .menu-dropdown .sub-menu li.menu-item-has-children>a:before,
    .menu-dropdown .sub-menu li.menu-item-open-children>a:before {
        content: "\f460 ";
        font-family: dashicons;
        vertical-align: top;
        padding: 0;
        margin-right: .5rem;
        float: none;
        position: inherit;
        right: auto;
        -webkit-font-smoothing: antialiased
    }
    .menu-dropdown .sub-menu .sub-menu li a:before {
        content: "\f460 \f460 ";
        padding: 0;
        margin-right: .5rem;
        float: none
    }
    .menu-dropdown .sub-menu .sub-menu .sub-menu li a:before {
        content: "\f460 \f460 \f460 "
    }
    .menu-dropdown .sub-menu .sub-menu .sub-menu .sub-menu li a:before {
        content: "\f460 \f460 \f460 \f460 "
    }
    .menu-dropdown .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li a:before {
        content: "\f460 \f460 \f460 \f460 \f460 "
    }
    .menu-dropdown .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li a:before {
        content: "\f460 \f460 \f460 \f460 \f460 \f460 "
    }
    .menu-dropdown .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li a:before {
        content: "\f460 \f460 \f460 \f460 \f460 \f460 \f460 "
    }
    .menu-dropdown .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li a:before {
        content: "\f460 \f460 \f460 \f460 \f460 \f460 \f460 \f460 "
    }
    .menu-dropdown .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li a:before {
        content: "\f460 \f460 \f460 \f460 \f460 \f460 \f460 \f460 \f460 "
    }
    .menu-dropdown .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li a:before {
        content: "\f460 \f460 \f460 \f460 \f460 \f460 \f460 \f460 \f460 \f460 "
    }
}

@media screen and (max-width:450px) {
    .entry-byline .entry-author {
        display: block
    }
    .more-link-wrap,
    .nomobile {
        display: none
    }
    .entry-content .alignleft,
    .entry-content .alignright {
        max-width: 50%
    }
    .homefbtxt {
        font: 17px Open Sans, Arial, sans-serif
    }
    .revfboffer {
        font-size: 18px
    }
    .rating {
        font-size: 16px
    }
}

@media screen and (max-width:370px) {
    .homeblocktitleright {
        float: right;
        display: inline-block;
        margin-right: 5px
    }
    .homeblocktitleright img {
        padding: 12px 0 0 1px;
        height: 25px
    }
    .rating img {
        padding: 6px 0 6px 1px;
        height: 25px
    }
}

@media screen and (max-width:700px) {
    .loop-nav .prev {
        width: 100%
    }
    .loop-nav .next {
        width: 100%;
        padding-right: 0;
        padding-left: 3rem;
        text-align: left
    }
    .loop-nav .next a:after {
        right: auto;
        left: 0
    }
    #respond .comment-form-author,
    #respond .comment-form-email,
    #respond .comment-form-url {
        width: 100%;
        margin-right: 0;
        float: none
    }
    #respond #submit {
        float: none
    }
}

@media only screen and (max-width:450px) {
    div.jp-relatedposts .jp-relatedposts-post {
        width: auto;
        clear: both;
        margin: 0 0 1em
    }
}

@media only screen and (max-width: 480px) {
    .col {
        margin: 0%;
    }
    .span_1_of_5,
    .span_2_of_5,
    .span_3_of_5,
    .span_4_of_5,
    .span_5_of_5 {
        width: 100%;
    }
}