@charset "utf-8";
/*
Theme Name: ZuzanaDesigns EVX Template #02 Responsive Stylesheet
CSS/Theme URI: http://www.zuzanadesigns.com/
Description: Designed by Zuzana Designs
Version: 1.0
Author: Zuzana Designs
Author URI: http://www.zuzanadesigns.com/
*/

@media only screen and (max-width: 1919px) {
	.join-reasons ul { padding:0 25px; }
	.join-reasons ul li { padding:6px 0; font-size:18px; }
	.join-reasons a.btn { margin-bottom:20px; }
	#menu ul li a { width:200px; }
	.item { width:24%; }
	a.btn { font-size:20px; }
	.item a .item-hover { width:40px; height:40px; background-size:30px !important; margin-top:-43px; margin-left:-43px; }
	
	.trailer > .left { width:65%; }
	.trailer > .right { width:530px; }
	.video-trailer .video-overlay .video-warning { max-width:560px; margin-top:160px; }
	.video-trailer .video-overlay .video-warning h3 { font-size:30px; }
	.video-trailer .video-overlay .video-warning .join-arrow { top:40px; }
	.join-form form ul.options { margin-bottom:10px; }
	.join-form form ul.options li { padding:10px 10px; }
	.join-form form h4 { margin-bottom:5px; }
	hr { margin:25px 0; }
	.join-form form ul.options li input[type="radio"] { top:20px; }
	.join-form form ul.options li .option-price { top:10px; }
	
	.blog .sidebar { float:left; margin-left:15px; }
	.blog .blogposts { width:1105px; }
}

@media only screen and (max-width: 1599px) {
	.join-reasons ul li { font-size:15px; }
	.join-reasons a.btn { padding:20px 10px; }
	#menu ul li a { width:165px; }
	.trailer > .left { width:56%; }
	.video-trailer .video-overlay .video-warning { margin-top:80px; }
	.video-trailer .video-overlay .video-warning .join-arrow { display:none; }
	.blog .blogposts { width:785px; }
}

@media only screen and (max-width: 1279px) {
	.join-reasons ul { padding:0 10px; }
	.join-reasons ul li { font-size:13.5px; }
	.join-reasons ul li .arrow { background-size:contain; width:25px; height:22px; }
	.join-reasons a.btn { padding:10px; font-size:15px; }
	#menu ul li a { width:125px; }
	.item { width:49%; }
	a.btn.btn-huge { font-size:70px; }
	.pagination ul li { font-size:16px; }
	.pagination ul li a, .pagination ul li span { padding:10px 15px; }
	
	.trailer > .left, .trailer > .right { width:100%; margin-bottom:10px; }
	.video-trailer .video-overlay .video-warning { margin-top:5%; }
	.video-trailer .video-overlay .video-warning .join-arrow { display:block; height:100px; background:url('../images/join_arrow_down.png') no-repeat; right:auto; left:50%; margin-left:-85px; top:100%; }
	.title h2 { font-size:20px; }
	.title ul { font-size:15px; }
	.title ul li a { padding:10px 15px; }
	.item a .item-thumb img { width:100%; }
	.join-form form ul.options li .option-description { display:block; }
	
	.profile .left { width:35%; }
	.profile .right { width:60%; }
	.profile .right .col { width:100%; margin:0; margin-bottom:30px; }
	
	.blog .blogposts { width:100%; }
	/*.blog .sidebar { margin-left:0; margin-top:25px; width:897px; }*/
	.blog .sidebar { margin-left:0; margin-top:25px; display:block; width:auto; }
	.widget .item.item-photo { width:23%; }
}

/* Tablet Portrait size to standard 960 */
@media only screen and (max-width: 1023px) {
	a.mobile-menu { display:inline-block !important; }
	a.btn { padding:13px 16px; }
	#logo { width:200px; margin-left:60px; }
	#menu { display:none; }
	.slider, .join-reasons { width:100%; }
	.join-reasons ul { display:inline-block; margin-bottom:10px; }
	.join-reasons ul li { float:left; width:50%; }
	a.btn.btn-huge { font-size:50px; }
	#footer .left, #footer .right { margin:0; width:100%; text-align:center; font-size:12px; }
	.pagination ul li.number { display:none; }
	.item a .item-info h3 { font-size:15px; }
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
	#header-links { display:none; }
	.join-reasons { display:none; }
	.pagination { padding:20px 0 40px 0; }
	.item a .item-hover { width:30px; height:30px; background-size:20px !important; padding:10px; margin-top:-48px; margin-left:-28px; }
	.item a .item-info { opacity:1; bottom:0; }
	
	.video-trailer .video-overlay .video-warning h3 { font-size:20px; }
	.video-trailer .video-overlay .video-warning .join-arrow { display:none; }
	.title .left, .title .right { width:100%; }
	.title .right { margin-bottom:20px; }
	.title .left h2 { padding:15px 0; width:100%; text-align:center; }
	
	.sorting-options ul { display:none; }
	.sorting-options select.dropdown { display:block; width:100%; margin:0; }
	.video-info ul li.label { width:100%; text-align:left; }
	
	/*.blog .sidebar { width:711px; }*/
	.widget .item.item-photo { width:45%; }
}

@media only screen and (max-width: 620px) {
	.video-trailer .video-overlay .video-warning { max-width:65%; }
	.video-trailer .video-overlay .video-warning h3 { font-size:14px; }
	.video-trailer .video-overlay .video-warning hr { margin:10px 0; }
	.join-form form ul.options li .option-price { font-size:22px; }
	.join-form form .form-row input.inputTxt.half { width:95%; margin-bottom:5px; }
	.join-form form .form-row label { width:100%; text-align:left; }
	.join-form form input.join-submit { padding:15px 20px; font-size:20px; }
	.join-form form ul.options li .option-description h5 { font-size:16px; }
	.item { width:100%; }
	.video-player-bar img { vertical-align:top; }
	.profile .left { width:100%; margin-bottom:20px; }
	.profile .right { width:100%; }
	/*.blog .sidebar { width:533px; padding:15px; }*/
	.blog .sidebar { padding:15px; }
}

/* Mobile Portrait */
@media only screen and (max-width: 479px) {
	.item { width:100%; }
	a.btn.btn-huge { font-size:30px; }
	.join-form form input.join-submit { font-size:13px; }
	.video-trailer .video-overlay .video-warning { padding:5px; }
	.video-trailer .video-overlay .video-warning h3 { font-size:12px; }
	.join-form h4 { font-size:15px; }
	.join-form form .form-row input.inputTxt.half { float:left; width:210px; }
	.join-form form .form-row input.inputTxt.half.left, .join-form form .form-row input.inputTxt.half.right { float:left; }
	.join-form form .form-row label { font-size:16px; }
	.join-form form ul.options li .option-price { position:relative; top:0; left:0; right:0; }
	
	/*.blog .sidebar { width:89%; }*/
	.widget .item.item-photo { width:100%; margin:0 0 10px 0; }
	.widget iframe { width:100%; overflow:hidden; }
}