/*======================================================================*\
|| #################################################################### ||
|| # 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 screen and (max-width: 1100px) {
	#adv1 .yjsquare {
  	margin: 0px 5% 10px 50%!important; 
  	max-width: 500px!important;
  	min-width: 450px!important;
	}
}

@media screen and (max-width: 1000px) {
	#adv1 .yjsquare {
  	margin: 0px 5% 10px 40%!important; 
  	max-width: 500px!important;
  	min-width: 450px!important;
	}
}

@media screen and (max-width: 900px) {
	#adv1 .yjsquare {
  	margin: 0px 5% 10px 32%!important; 
  	max-width: 475px!important;
  	min-width: 425px!important;
	}
	#yjsg7 {
  	background: url("/images/bg/bg-logo2-200.png") no-repeat 2% 2%!important;
	}
}


@media screen and (max-width: 800px) {
	#adv1 .yjsquare {
  	margin: 0px 5% 10px 28%!important; 
  	max-width: 450px!important;
  	min-width: 400px!important;
	}
  	#yjsg7 {
  	background: url("/images/bg/bg-logo2-150.png") no-repeat 2% 2%!important;
	}
	#user22 .yjsquare_in {
	padding: 0px 20%!important;
	}
}
@media screen and (max-width: 700px) {
	#adv1 .yjsquare {
  	margin: 0px 5% 10px 26%!important; 
  	max-width: 420px!important;
  	min-width: 380px!important;
	}
  	#yjsg7 {
  	background: url("/images/bg/bg-logo2-100.png") no-repeat 2% 2%!important;
	}
  	#user22 .yjsquare_in {
	padding: 0px 15%!important;
	}
}
@media screen and (max-width: 600px) {
	#adv1 .yjsquare {
  	margin: 0px 5% 10px 25%!important; 
  	max-width: 410px!important;
  	min-width: 340px!important;
	}
    #adv1.yjsgxhtml {
	padding-left:5px!important;
	padding-right:5px!important;
	}
  	#yjsg7 {
  	background: none!important;
	}
  	#user22 .yjsquare_in {
	padding: 0px 10%!important;
	}
}
@media screen and (max-width: 500px) {
	#adv1 .yjsquare {
  	margin: 0px 5% 10px 17%!important;
    padding: 5px 5px 5px 5px!important;
  	max-width: 350px!important;
  	min-width: 300px!important;
	}
    #adv1.yjsgxhtml {
	padding-left:5px!important;
	padding-right:5px!important;
	}
  	#user22 .yjsquare_in {
	padding: 0px 7%!important;
	}
}
@media screen and (max-width: 400px) {
	#adv1 .yjsquare {
  	margin: 0px 5% 10px 5%!important; 
    padding: 5px 5px 5px 5px!important;
  	max-width: 350px!important;
  	min-width: 280px!important;
	}
    #adv1.yjsgxhtml {
	padding-left:5px!important;
	padding-right:5px!important;
	}
}
@media screen and (max-width: 330px) {
	#adv1 .yjsquare {
  	margin: 0px 2% 10px 2%!important; 
    padding: 5px 5px 5px 5px!important;
  	max-width: 300px!important;
  	min-width: 280px!important;
	}
    #adv1.yjsgxhtml {
	padding-left:2px!important;
	padding-right:2px!important;
	}
}


/* Menu Spacing on Mobile */
@media screen and (max-width: 920px) {
	ul.yjsgmenu li a,
	ul.yjsgmenu.megadropline a.dlevel1a,
	ul.yjsgmenu.megadropline .cleardropline,
	ul.yjsgmenu.megadropline .cleardropline {
		height:1px!important;
		line-height:1px!important;
	}
    div#mmenu_holder{
		margin-top:10px!important;
        margin-bottom:10px!important;
	}
}