@media (min-width: 768px) {
	.modal-dialog {
		width:600px;
		margin: 30px auto
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
		box-shadow: 0 5px 15px rgba(0,0,0,.5)
	}
	.modal-sm {
		width: 300px
	}
}
@media (min-width: 992px) {
	.modal-lg {
		width:900px
	}
}

@media (min-width: 768px) {
	.container {
		width:750px
	}
}
@media (min-width: 992px) {
	.container {
		width:970px
	}
}
@media (min-width: 1200px) {
	.container {
		width:1170px
	}
}

@media (min-width: 768px) {
	.col-sm-12 {
		float:left
	}
	.col-sm-12 {
		width: 100%
	}
}
@media (min-width: 992px) {
	.col-md-3,.col-md-4,.col-md-8,.col-md-9,.col-md-12 {
		float:left
	}
	.col-md-12 {
		width: 100%
	}
	.col-md-9 {
		width: 75%
	}
	.col-md-8 {
		width: 66.66666667%
	}
	.col-md-4 {
		width: 33.33333333%
	}
	.col-md-3 {
		width: 25%
	}
}
@media (min-width: 768px) {
	.form-inline .form-control {
		display:inline-block;
		width: auto;
		vertical-align: middle
	}
	.form-inline .input-group {
		display: inline-table;
		vertical-align: middle
	}
	.form-inline .input-group>.form-control {
		width: 100%
	}
}

@media (min-width: 768px) {
	.navbar {
		border-radius:4px
	}
}
@media (min-width: 768px) {
	.navbar-header {
		float:left
	}
}

@media (min-width: 768px) {
	.navbar-collapse {
		width:auto;
		border-top: 0;
		-webkit-box-shadow: none;
		box-shadow: none
	}
	.navbar-collapse.collapse {
		display: flex !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important
	}
	.navbar-collapse.in {
		overflow-y: visible
	}
	.navbar-static-top .navbar-collapse {
		padding-right: 0;
		padding-left: 0
	}
}

@media (min-width: 768px) {
	.navbar-toggle {
		display:none
	}
}

@media (min-width: 768px) {
	.navbar-nav {
		float:left;
		margin: 0
	}
	.navbar-nav>li {
		float: left
	}
	.navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px
	}
}

@-ms-viewport {
	width: device-width
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
	  display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 1200px) {
.container {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}
}

@media screen and (max-width: 680px) {
	span.extend,a.page.larger,a.larger.page {
		display:inline-table
	}
}

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

.post-list-main-container,.entry-movie-container {
    margin: auto .5rem;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.post-list-top-container {
    margin: auto .5rem;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 3rem;
}
}
@media only screen and (max-width: 1199px) and (min-width:992px) {
	.post-thumbnail-image.thumbnail-content {
		display:block;
		width: 30%!important
	}
	.trailer {
		display: block;
		width: 70%!important
	}
}
@media only screen and (max-width: 991px) {
    .post-thumbnail-image.thumbnail-content {
        display:block;
        width: 40%!important;
    }

    .trailer {
        display: block;
        width: 60%!important;
    }
	.logo img {
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	height: 70px;
	}
}
@media (min-width: 768px) {
	.previous,.next-post {
		float:left;
		width: 50%
	}
}
@media (max-width: 767px) {
	.post-nav-bottom .previous,.post-nav-bottom .next-post {
		text-align:center;
		padding: 10px 15px
	}
}
@media only screen and (max-width: 767px) {
	#header-main-menu {
		width:90%;
		margin: 0 auto
	}
	.copyright .site-info span {
		display: block;
		width: 100%;
		padding: 3px 0;
		text-align: center
	}
	.realse {
		width: 100%;
		margin-right: 0
	}
}
@media only screen and (max-width: 610px) {
    .story {
        display: block!important;
        height: auto!important;
    }

	.trailer {
		display: block !important;
		width: 100% !important;
		height: 260px !important;
	}

    .post-thumbnail-image.thumbnail-content {
        display: block!important;
        width: 70%!important;
        height: auto!important;
        float: none;
        margin: auto;
    }
	.player_nav {
		width: 100%;
		padding: 2%
	}
	.player_nav ul li {
		width: 50%
	}
	.player_nav ul li a {
		width: 98%;
		margin-bottom: 1.5%;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px
	}

.post-list-main-container,.entry-movie-container {
    margin: auto .5rem;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
}

.post-list-top-container {
    margin: auto .5rem;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 3rem;
}

.ribbon-quality {
    width: 85px;
    left: -30px;
    line-height: 15px;
}

    .related-post .post-item-wrapper .post-details-bottom {
        height: 20px !important
    }

    .post-item-wrapper .post-details-bottom .item-details {
        margin-right: 3px !important
    }

    .post-item-wrapper .post-details-bottom {
        height: 41px !important
    }

}
@media only screen and (max-width: 479px) {
	.trailer iframe,.post_vdo iframe,.entry iframe,.google-map iframe {
		max-height: 100%
	}
	.entry-content .post-thumbnail-image {
		float: none;
		margin-left: auto;
		margin-right: auto
	}

/* .post-list-main-container,.entry-movie-container {
    margin: auto .5rem;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
} */

/* .post-list-top-container {
    margin: auto .5rem;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin-bottom: 3rem;
} */

    .post-tag-primary {
        font-size:11px;
        line-height: .5
    }

    .entry iframe,.post_vdo iframe {
        max-height: 100%
    }

    .post-item-wrapper .entry-header .post-title {
        font-size: 13px;
        height: 60px
    }

    .post-title-text {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden
    }

}