/*======================================================================*\
|| #################################################################### ||
|| # 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: 240px) and (max-width: 1400px) {
.yjsgsitew { max-width: 100%!important; width: 1200px!important; margin: 0 auto; }
}
@media only screen and (min-width: 980px) and (max-width: 1400px) {
.yjsgsitew { max-width: 100%!important; width: 100%!important; }
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
#yjsgheadergrid, #yjsgheadergrid #topmenu_holder { float: none; }
div#logoholder { border: none; }
.extrapos1 { display: block; float: none; }
}
/* Socials */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.tsocials ul { border-top: 1px solid rgba(255,255,255,0.1); }
.tsocials ul li { width: 33%; }
.tsocials ul li a { width: 100%; }
.tsocials ul li a:after, .tsocials ul li a:before { display: none; }

}
/* Curated Wardrobe*/
@media only screen and (min-width: 1401px) and (max-width: 2900px) {
.homepage .yjsg2-out {
 min-height:900px;   background-repeat: no-repeat;    min-width: 100%;   
 background-size:cover; background-position: center;}

@media only screen and (min-width: 801px) and (max-width: 1400px) {
.homepage .yjsg2-out {min-height:800px;min-width: 100%!important;  background-size:cover; background-position: center;}

@media only screen and (min-width: 240px) and (max-width: 800px) {
.homepage .yjsg2-out { background-size:cover; background-position: center;
 min-height:600px;   background-repeat: no-repeat;    max-width: 100%;   
 }


@media only screen and (min-width: 240px) and (max-width: 980px) {
.taboutus { text-align: center; }
.taboutus .yjsg-col-1-2 { width: 100%; padding: 50px!important; border: none; }
.taboutus .yjsg-col-1-5 { width: 20%!important; margin: 0 auto; padding: 40px 0; }
.taboutus .yjsg-col-1-2 .yjsg-col-1 { margin: 0 auto 40px auto; }
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.taboutus .yjsg-col-1-5 { width: 50%!important; }
.taboutus .yjsg-col-1-5:last-child { width: 100%!important; }
}
/* Projects */
@media only screen and (min-width: 240px) and (max-width: 1400px) {
.tengine .yjme_holder { margin: 0 auto; }
.gridsfx-tengine a.yjsgsliderNav { left: 0; }
.gridsfx-tengine a.yjsgsliderNav.next { right: 0; left: auto; }
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.gridsfx-tengine { padding-bottom: 70px; }
.tengine .yjme_item { width: 50%; }
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.tengine .yjme_item { width: 100%; }
}
/* Skills */
@media only screen and (min-width: 240px) and (max-width: 1400px) {
.homepage .yjsg4-out { background-size: 70%; }
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.tskills { text-align: center; padding: 0 50px; }
.tskills .yjsg-col-1-2 { width: 100%; padding: 0 0 50px 0; }
}
/* Clients */
@media only screen and (min-width: 240px) and (max-width: 720px) {
.tclients .yjsg-col-1-2:first-child { margin-bottom: 50px; }
}
/* Team */
@media only screen and (min-width: 240px) and (max-width: 1400px) {
.homepage .yjsg6-out, .homepage .yjsg6-out:after { background-size: 70%; }
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
#user16.yjsgxhtml, #user17.yjsgxhtml { width: 100%!important; }
.tcreators { text-align: center; }
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
.tengine.team .yjme_item { width: 50%; }
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
.tengine.team .yjme_item { width: 100%; }
}
/* Subscribe */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.tsubscribe h4 { max-width: 80%; }
}
/* Partners */
@media only screen and (min-width: 240px) and (max-width: 980px) {
.tpartners .yjsg-col-1-5 { margin: 0 auto 50px auto; }
}
/* K2 */
@media only screen and (min-width: 240px) and (max-width: 908px) {
#k2Container .yjk2-body .yjk2-image span { height: auto!important; }
}
@media only screen and (min-width: 240px) and (max-width: 768px) {
div.subCategoryContainer { width: 100%!important; margin: 0 auto 50px auto; }
div.itemRelated ul li { width: 50%!important; margin: 0 auto 20px auto; }
}
@media only screen and (min-width: 240px) and (max-width: 480px) {
div.itemRelated ul li { width: 100%!important; }
}
/* Gallery */
@media only screen and (min-width: 1200px) and (max-width: 1850px) {
.pgallery .box .yjt_imgs img { width: auto; }
}
@media only screen and (min-width: 240px) and (max-width: 1200px) {
.pgallery .left-block, .pgallery .right-block { width: 100%; }
}
@media only screen and (min-width: 240px) and (max-width: 980px) {
.pgallery .box { width: 100%; }
}
@media only screen and (min-width: 240px) and (max-width: 540px) {
.pgallery .box { height: auto!important; }
}