#nav-mobile {display:none}

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 1190px)
{
	header, .footer_container, #section_video, .theDropDownInner, #brand_container, #section_content, .nav-list  {max-width:90%}
	#footer_newsletter input[type=email] {width:65%}
	#header_logo {width:80px}
	.avia-fullscreen-slider .avia-slideshow, ul.avia-slideshow-inner > li > a {height:350px !important;}
	.video_box {width:24%; margin-right:10px}
	.video_img, .video_img img, .video_img iframe {height:140px}
	.product_listing > ul.products_list > li .product_image {width:25%}
	.product_listing > ul.products_list > li .product_title {width:74%}
	.products_two_col {width:75% !important}
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width:900px) 
{
	#copyright_logo, #copyright_link {width:22%}
	#copyright_text {width:56%}
	#footer_link, #footer_right {float:none; display:inline-block; width:100%;}
	#footer_right {margin-top:20px}
	#footer_newsletter input[type="email"] {max-width:240px;}
	#footer_newsletter input[type="submit"] {float:left; margin-left:20px}
	ul.topNav, #section_separator {display:none}
	#nav-mobile {display:block}
	.avia-fullscreen-slider .avia-slideshow, ul.avia-slideshow-inner > li > a {height:250px !important;}
	.video_box {width:48%; margin-right:10px}
	.video_img, .video_img img, .video_img iframe {height:211px}
	.product_listing > ul.products_grid > li {width:33%}
	.side_category_box {width:100%}
	.products_two_col {width:100% !important; margin-top:20px}
	li.demo_box {width:100%}
	ul#demo > li:nth-child(odd) {margin-right:0px;}	
}

@media screen and (max-width:700px) 
{
	header, .footer_container, #section_video, #brand_container, #section_content, .nav-list {max-width:95%}
	
	#copyright_box {padding-bottom:20px}
	#copyright_logo, #copyright_link, #copyright_text {float:none; display:inline-block; width:100%; text-align:left}
	#copyright_link {margin:25px 0px;}
	#copyright_slogan {margin-bottom:10px; font-size:22px;}
	.avia-fullscreen-slider .avia-slideshow, ul.avia-slideshow-inner > li > a {height:180px !important;}
	.video_box:nth-child(2){margin-right:0px;}
	.video_img, .video_img img, .video_img iframe {height:171px}
	.product_listing > ul.products_grid > li {width:50%}
	.product_listing > ul.products_list > li .product_image {width:30%}
	.product_listing > ul.products_list > li .product_title {width:69%}
	.products_info_image {width:100%; border-right:0px;}
	.products_info_content {width:100%; border-top:1px solid #e6e7e9; padding-left:0px}
	.products_info_desc .info_left, .products_info_desc .info_right {width:100%; margin-bottom:5px}
	.products_info_desc .info_img_left, .products_info_desc .info_img_right {margin-bottom:30px}
	.faq_box .products_info_text div:nth-child(even), .faq_box .products_info_text div:nth-child(odd) {float:none}
	#sidebar_box, #content_box {display:block; width:100%; margin:0px; padding:0px}
	#content_box {margin-top:20px;}
	.video_box:nth-child(2n+2){margin-right:0px;}
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) 
{
	.avia-fullscreen-slider .avia-slideshow, ul.avia-slideshow-inner > li > a {height:150px !important;}
	#footer_link > ul > li {width:100%; margin-bottom:20px}
	#footer_right {margin-top:0px}
	.video_box {width:100%; margin-right:0px}
	.video_img, .video_img img, .video_img iframe {height:auto; line-height:0px}
	.video_img iframe {min-height:250px}
	.video_title {height:auto; text-align:center}
	.product_listing > ul.products_grid > li {width:100%}
	.product_listing > ul.products_list > li .product_image {width:100%; text-align:center}
	.product_listing > ul.products_list > li .product_title {width:100%}
	.brand_image, .brand_desc {display:block; width:100%;}
	.brand_image {margin:25px 0px 10px 0px; padding-right:0px}
	.brand_box {width:18%;}
	#section_slider .jcarousel-control-prev, #section_slider .jcarousel-control-next{font-size:40px;}
	#section_slider .jcarousel-control-prev{left:15px;}
	#section_slider .jcarousel-control-next{right:15px;}
	.jcarousel-pagination {bottom:10px}
}

/* menu */
@media only screen and (min-width: 320px) and (max-width: 900px) 
{
	.nav-mobile 
	{
		display:block;
		cursor:pointer;
		position:absolute;
		top:0;
		right:0;
		background:#F01332 url(../images/nav.png) no-repeat center center;
		background-size:78px;
		height:35px;
		width:100%;
	}
	
	.nav 
	{
		position:relative;
		z-index:100;
		width:100%;
		height:35px;
	}
	
	.nav-list 
	{
		display:none;
		padding-top:35px;
	}
	
	.nav ul
	{
		list-style:none; 
	}

	.nav-item, .nav-submenu-item
	{
		width:100%;
		float:left;
		*display:inline;
		zoom:1;
		position:relative;
	}
	
	.nav-item a 
	{
		display:block;
		padding: 7px 0px;
		text-align:left;
		text-decoration:none;
		text-transform:uppercase;
		color:#333;
		font-weight:bold;
	}

	.nav-item:hover .nav-submenu 
	{
		display:none;
	}
	
	.nav-submenu 
	{
		float:left;
		left:0;
		width:200px;
		display:none;
		background:#EEE;
		position:static;
		width:100%;
	}
	
	.nav-submenu-item a 
	{
		display:block;
		font-size:13px;
		color:#333;
		padding:5px 15px;
		text-align:left;
		text-transform:capitalize;
		font-weight:normal;
	}
	
	.nav-third a 
	{
		padding:5px 15px 5px 30px;
	}
	
	.nav-click 
	{
		display:block;
		position:absolute;
		top:0;
		right:0;
		height:30px;
		width:100%;
		cursor:pointer;
	}
	
	.nav-click i 
	{
		float:right;
		display:block;
		height:30px;
		width:30px;
		background:url(../images/drop.png) no-repeat center center #FFF;
		background-size:15px;
	}
	
	.nav-submenu-item .nav-click i
	{
		background-color:#EEE;
	}
	
	.nav-rotate 
	{
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg);
	}
}