/*
Theme Name: Cameo
Theme URI:
Description: Responsive CSS
Version: 1.0
Author: Dreamr
Author URI:
*/
/*  */
@media screen and (device-aspect-ratio: 16/9), screen and (device-aspect-ratio: 16/10), screen and (device-aspect-ratio: 3/2) { 
/*#carousel{height:48vh}*/
}
@media screen and (min-device-width:768px) {
	.no-padding-sm{padding:0!important}
}
/* Tablets */
/* Vertical */
@media screen and (max-device-width:768px) {
	/* Films */
	.navbar-nav>li>a{padding: 20px 10px;}
	.submenu{top:86px}
	.main-content-subnav {margin-top: 0px;}
	.controls{margin-top: 66px;}
	.most_watched_item:hover .most_watched_item_desc {display: none;}
	/* Film page */
	.goToTop {bottom:0;right:0px;background-color:#DADADA;}
	.film-page-circle{top:0}
	/* News */
	.news_title_banner {font-size: 2em;}
	/* Store */
	.elements_slider_inner{height:23vh}
	.large_title_banner{font-size:2em;}
	.slider_div_right{font-size:medium}
	/* Store item */
	#add_to_basket{width: 100%}
	#buy_now{width: 100%; margin-top:5px;}
	/* Footer */
	footer{padding-top:20px;}
	.footer-bottom>div>div>span, footer .inline-ul{font-size:0.9em;}
	footer .inline-ul li a{font-size:smaller;padding-left:5px;padding-top:1px}
	/* General */
	.margin_top_bottom_10 {margin: 0.2em 0;}
	.margin_top_bottom_5 {margin: 0.1em 0;}
	.pull-right-sm{float: right!important}
	.small-font-sm{font-size:0.9em;}

	#profile {display: none !important;}
	#cart {padding: 14px !important;}
	.navbar-brand img {max-height: 52px !important;}
}
/* Horizontal */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}
/* Phones */
@media screen and (max-device-width:565px) {
	/* Navigation */
	.top-nav{margin-left:-15px;margin-right:-15px;}
	.top-nav>span, .top-nav>ul{width: 100%; text-align:center;}
	.top-nav>ul>li{width: 50%; text-align:center;border: 1px solid rgba(229, 229, 229, 0.5)}
	.top-nav ul li a {width:100%;text-align:center}
	.navbar-nav{width: 100%; z-index:9999;margin: 0;}
	.navbar-nav>li>a{text-align:left}
	.icon_li>a{padding-left:0;background-position:left center; display: block}
	.nav-bar-basket{margin-top: 0;margin-bottom: 0; width: auto;margin-right:0}
	.nav-bar-basket #cart{background-position:center}
	#search-link, #profile{text-indent:inherit}
	#profile{background-image:none;opacity:1;padding-left:0}
	#search-link{padding-left:20px;}
	.submenu{top: 89px;background: #DADADA;z-index:999;}
	.filters-subnav>li#genres, .filters-subnav>li#country, .filters-subnav>li#language, .filters-subnav>li#certificate{width: 25%;}
	.filters-subnav>li#genres>a, .filters-subnav>li#country>a, .filters-subnav>li#language>a, .filters-subnav>li#certificate>a{font-size:1.1em;padding-left: 0;padding-right:0;text-align:center}
	.subnav>li>a{padding:0}
	.subnav>li>a>i{margin-left:2px}
	.subnav>li.social>a {padding: 5px;width: 27px;}
	li.filter_dropdown>a>span{top: 3px}
	li.film-submenu-li{width:25%; float: left;padding-top:10px;}
	.subnav>li.social {margin-right: 29%;border: none;}
	subnav>li.social>a {padding: 6px 9px;border-radius: 31px;width: 27px;}
	.nav-bar-sort{margin-top: 0;margin-bottom: 0;width: auto;margin-right: 0px;}
	.nav-bar-sort.navbar-nav .open .dropdown-menu{position:absolute!important;right:0;background-color:#dadada}
	.main-content-subnav {margin-top: -6px;}
	/* Footer */
	footer{padding:15px 0 0;margin-top:20px;}
	.subscribe h5{text-align:left}
	.footer-box>h5{padding:12px 0;}
	.footer-box button{padding: 12px 0;}
	.footer-bottom{margin-top:20px;}
	.footer-bottom>div>span{font-size:9px;width: 100%;text-align:center;padding:0;}
	footer .inline-ul{margin:0;font-size:9px;}
	.footer-bottom>div>ul>li.dot>a, .footer-bottom>div>ul>li.last>a {padding:2px 0;}
	.footer-bottom>div>ul>li.dot:after{content:""}
	.footer-social li.light-grey-font{width: 100%;text-align:center}
	.footer-bottom{position:inherit}
	/* Index */
	#carousel{height:88vh;width: calc(100% - 96px);margin-left:48px; margin-top:0;}
	.owl-item{top:145px;}
	.carousel-videos-wrapper, #video_carousel_inner{position:relative!important}
	#video_carousel_inner{left: 15%;right: 0;width: 80%;}
	.carousel-videos-wrapper .carousel-control.right {margin-right: -15px;}
	/* Films page */
	.controls{margin-top: 67px;float: left;}
	.controls>fieldset{width: 100%;}
	.main-box .full-height{top: 0;bottom: 0}
	.filter-btn{margin:0.1em 0.6em 0.1em 0}
	/* Film page */
	.container-film-page{margin-top:70px;}
	#video_container .over18{padding:30px 20px;}
	.film-page-circle{top: -8px;}
	.social{margin-bottom:5px;}
	#download{margin: 0 auto; float:none;}
	/* News */
	.news_title_banner {font-size: 1em;}
	/* Store */
	.store-subnav>li{width: 100%;}
	.elements_slider_inner {height: 17vh;}
	.elements_slider_inner>div.item>div {width: 40vw;}
	.top_product{font-size:x-small}
	.large_title_banner{font-size:small}
	.slider_div_right{left: 50vw;top:1vh;font-size:smaller}
	.slider_div_right .white-border-button{font-size:xx-small}
	/* Store item */
	.red_circle_product{top: -8px;margin-left:5px;}
	#product_price{width: 100%;text-align:center}
	#product_price span{padding-left:4px;display: initial!important;}
	/* Account */
	.main-content-account{margin-top:125px;}
	.account-li{width: 33%;float: left}
	.account-li>a{padding:10px 0!important; text-align:center!important}
	.acc_title{font-size:3em}
	.small-font-sm div{margin-bottom:0.6em;}
	b.visible-xs{display:inline-flex!important;float: left;padding-right:0.2em}
	/* Pop ups */
	.pop-up{left: 3vw;top: 5vh;max-height: 90vh}
	/* Buttons */
	.blue-border-button{margin-top:-7px;}
	.favouritedBtn span.glyphicon-heart, .favouritedBtn_No span.glyphicon-heart{font-size: 1.2em; padding-right:1px;}
	/* General */
	.h1, h1, .h3, h3 {font-size: medium;}
	body, .h4, h4{font-size:small}
	.no-padding-xs{padding:0!important}
	.no-padding-left-xs{padding-left:0!important}
	.no-margin-xs{margin:0!important}
	.height40{height:20px}
	.margin_bottom_20{margin-bottom:0.6em}
	.no-border-xs{border: none!important}
	.text-left-xs{text-align: left!important}
	.text-right-xs{text-align: right!important}
	.pull-right-xs{float: right!important}
	.full-width-xs{width: 100%;}
	.row-xs {margin-right: -15px;margin-left: -15px;}
}
@media screen and (max-device-width: 384px) {
}