/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla.com                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
 
@media only screen and (min-width: 981px) and (max-width: 1199px) {
	.top_menu,
	.top_menu_poz_navbar,
	.top_menu_poz.navpills {
		width:inherit!important;
	}
}
@media screen and (max-width: 980px) {
	.top_menu_poz_navbar,
	#mmenu_holder{
		width:280px!important;
		margin-top:10px;
		margin-bottom:10px;
	}
	#default_video{
		width:100%!important;
	}
}

@media screen and (max-width: 980px) {
#header{
	background:#2F2F2F;
}
.ytls .yjsquare_in{
	width:100%!important;
	margin:0px auto!important;
}
.ytls .button{
	right:31%!important;
}
li.slide{
	width:10%!important;
}
.ytym h4{
	padding-bottom:25px!important;
	text-align:center!important;
}
.yy_container .linkForward,
.yy_container .linkBackward {
	left:51%!important;
	right:auto!important;
}
.yy_container .linkBackward{
	left:46%!important;
	right:auto!important;
}

.catItemView,.itemView{
	width:90%!important;
	margin:10px auto!important;
}
#yjsg2 br{
	display: none!important;
}
.phonefax_trader,.email_trader {
	clear:both!important;
	float:none!important;
	width:80%!important;
	margin:10px auto!important;

}
/* yj k2 image slider*/

.SimpleSlide,#SimpleSlide_outer,#SimpleSlide_inner,.SimpleSlide_slide{
	width:100%!important;
}
.SimpleSlide_slide img{
	width:100%!important;
	margin-top:-20%;
}

}
@media screen and (max-width: 768px) {
.ytls .button{
	right:26%!important;
}
/* yj k2 image slider*/

#SimpleSlide_outer,#SimpleSlide_inner,.SimpleSlide_slide{
	height:350px!important;
}

}
@media screen and (max-width: 680px) {
/* yj k2 image slider*/
#SimpleSlide_outer,#SimpleSlide_inner,.SimpleSlide_slide{
	height:250px!important;
}
/* end*/	

.ytls .button{
	right:23%!important;
}
.ytym .yy_container,.ytym .yy_slider,.ytym .yy_slider .yy_slideitems,
.ytym .yy_slider .yy_slideitems_in,.ytym .yy_module_title{
	height:1340px!important;
	width:100%!important;
	
}
.ytym .yjme_item,.ytym .yjme_item_in,.ytym a.item_title{
	width:100%!important;
	margin-left:-3px!important;
}
.ytym a.item_title,.ytym p.item_intro{
	text-align:center!important;
	float:none!important;
	margin:10px!important;
	clear:both!important;
}
.ytym .imageholder{
	margin:10px auto!important;
}
.ytym .yjme_item_in{
	padding:0!important;
}
}
@media screen and (max-width: 480px) {
/* yj k2 image slider*/

#SimpleSlide_outer,#SimpleSlide_inner,.SimpleSlide_slide{
	height:170px!important;
}
/* end*/


.ytls .button{
	right:10%!important;
}
.ytym .yy_container,.ytym .yy_slider,.ytym .yy_slider .yy_slideitems,
.ytym .yy_slider .yy_slideitems_in,.ytym .yy_module_title{
	height:1420px!important;
	margin:0 auto!important;
	clear:both!important;
}
.ytmt .yjme_item,.ytmt .yjme_item_in,.ytmt a.item_title{
	width:100%!important;
}
.ytmt div.imageholder{
	float:none!important;
	margin:10px 37%!important;
}
.ytmt a.item_title,.ytmt p.item_intro{
	text-align:center!important;
	float:none!important;
	margin:10px!important;
	clear:both!important;
}
.ytmt .item_cdate{
	text-align:center!important;
	width:100%!important;
}
}
@media screen and (max-width: 320px) {
/* accordion slider */
.ytls .button{
	right:2%!important;
}
.ytmt div.imageholder{
	margin:10px 28%!important;
}
.yy_container .linkForward,
.yy_container .linkBackward {
	left:55%!important;
	right:auto!important;
}
.yy_container .linkBackward{
	left:40%!important;
	right:auto!important;
}
.ytym .yy_container,.ytym .yy_slider,.ytym .yy_slider .yy_slideitems,
.ytym .yy_slider .yy_slideitems_in,.ytym .yy_module_title{
	height:1500px!important;
}
}
@media screen and (max-width: 240px) {
#logo{
	width:100%!important;
}
.yj1 h4,.yj2 h4,.yj3 h4{
	height:50px!important;
}
.ytmt div.imageholder{
	margin:10px 20%!important;
}
.ytym .yy_container,.ytym .yy_slider,.ytym .yy_slider .yy_slideitems,
.ytym .yy_slider .yy_slideitems_in,.ytym .yy_module_title{
	height:1500px!important;
}
}
/* accordion slider*/
@media only screen and (min-width: 1040px) and (max-width: 1199px) {
#accslide_holderinstance1 {
	width:940px!important;
	margin:0 auto;
}
}
@media only screen and (min-width: 981px) and (max-width: 1039px) {
#accslide_holderinstance1 {
	width:920px!important;
	margin:0 auto;
}
}
@media screen and (max-width: 980px) {
#accslide_holderinstance1 {
	width:100%!important;
	margin:0 auto;
}
.accslide_holder_instance .accslider_instance,
#accslide_holderinstance1 li.slide {
	width:100%!important;
}
.accslider_instance li.slide div.info{
	width:auto!important;
}
#accsliderinstance1 li.slide{
	width:0!important;

}
#accsliderinstance1 li.slide.opened {
	left:0px!important;
	z-index:1;
	width:100%!important;
}
#accsliderinstance1 li.slide img {
	width:100%!important;
	height:auto!important;
	margin-top:-25%!important;
}
}
@media screen and (max-width: 680px) {
.accslide_holder_instance,
.accslide_holder_instance li.slide {
	height:250px!important;
}
}
@media screen and (max-width: 480px) {
.accslide_holder_instance,
.accslide_holder_instance li.slide {
	height:220px!important;
}
}