﻿/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.download-table table td a span,
	.download-table table tr.w2 td:nth-child(3),
	.download-table table tbody tr td:nth-child(3),
	.download-table table tr.w2 td:nth-child(4),
	.download-table table tbody tr td:nth-child(4),
	.download-table table tbody tr td:nth-child(5),
	.download-table table tr.w2 td:nth-child(5) {
		display: none;
	}

	#show-movie {
		float: none;
		margin: 10px 0 15px;
	}

	nav {padding: 20px 0;}
    
    .fs-table {
      padding: 10px;
      margin: 0;
    }
    
    #content-wrap {
    	padding: 0 0px 0 15px;
    }
    
    .promo {
    float:none;
    margin:0 auto;
    display:table;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

#content-wrap {
    padding: 0 0px 0 0px;
}
    
    nav {
        padding: 20px;
    }
    
    ul.cat_list li a {
   		white-space: nowrap
    }
    
    .text ul, .text ol {
        padding-left: 20px;
    }

	.fs-header span, .fs-header h1 {
		float: none;
	}

	#fullsearch #searchinput {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}
	.menu-btn,
	.brand {
		display: block;
	}
	.top-social,
	.sidebar {
		display: none;
	}

	.sidebar {
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		background-color: rgba(50, 56, 64, 0.98);
		z-index: 200;
	}

	.sidebar a {color: #fff;}
	#content-wrap, .brand {border: 0 !important;}

	.brand {
		padding: 0;
		margin-top: 30px;
	}

	.sidesearch input {
		background-color: transparent;
		color: #9c9c9c;
		border: 2px solid #9c9c9c;
	}

	.sidesearch .search {
		color: #9c9c9c;
	}
}

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

	.short-table__flag, .short-table__size {
		display: none !important;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	body {padding: 15px 0;}
	#seo-catface {padding: 15px 20px 5px 20px !important;}
	.title-box {display: block;}
	
	
	
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.site-name {display: none;}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.sidebar {display: block !important;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}