@media only screen and (max-width : 479px) {
    .main{width:300px}
    /*Header*/
    #header{background:url(../images/header.jpg) no-repeat center 0}
    #header > .main{height:80px}
    #logo{left:0;height:57px;width:230px;background:url(../images/mLogo.png) no-repeat center center;top:11px}
    #logo img{display:none}
    #slogan{display:none}
    .basketTop{top:81px;left:13px}
    /*Navigation*/
    #menu-collapse{display:block;left:auto;right:0;top:15px}
    #navMenu{height:3px}
    #navMenu:before,#navMenu:after{display:none}
    #navigation{display:none;background:#dcdcdc;position:absolute;z-index:10;top:0;right:0;left:0}
    #navigation > li{width:100%;background:0}
    #navigation > li > a{display:block;padding:10px 35px 10px 0;text-align:right}
    #navigation > li > a:before{top:18px;right:12px;display:block !important}
    /*Center Col*/
    .centerCol{width:100%;margin:0 0 20px}
    /*Right Col*/
    .rightCol{width:100%;float:none;clear:both}
    /*Left Col*/
    .leftCol{width:100%;float:none;margin-bottom:20px}
    .sBorder{margin-right:0;border:1px solid #dcdcdc;position:static;border-radius:15px 15px 0 0}
    .sBorder:before{display:none}
    /*Search*/
    .sTxt{width:212px}
    /*News*/
    .rulePic{float:none}
    .rulePic > img{width:100%;height:auto}
    .ruleTxt{padding:10px 0 0}
    /*Footer*/
    .fTopRow{background-position:0 -1045px;background-color:#f2f2ec}
    .fTopRow > .main > a{padding:0 6px 0 7px;font-size:12px !important}
    .fTopRow > .main{background:0;padding:5px 0}
    .fTopRow > .main:before,.fTopRow > .main:after{display:none}
    #footer a:nth-child(3){background:0}
    /*About*/
    .centerInCol{margin:0 0 20px}
    .centerInCol,.leftInCol{width:100%;float:none}
    .leftInCol .sBorder{padding-bottom:10px;margin-bottom:15px;margin-top:0}
    .breadcrumb:after{display:none}
    /*Profile*/
    .profileLst > li{width:100%}
    .profileLst > li > a{margin:0 10px 10px}
    .prSearch{width:190px}
    /*Store*/
    .proLst > li{width:100%}
    /*Store*/
    .inPicPane{float:none;margin:0 0 10px}
    .inPicPane .delBasket{margin-left:5px}
    .SignPicIn{margin:0 auto;width:100%}
    .signDet{margin:0 0 10px}
}
@media only screen and (min-width : 480px) and (max-width : 719px){
    .main{width:460px}
    /*Header*/
    #header{background:url(../images/header.jpg) no-repeat center 0}
    #header > .main{height:80px}
    #logo{left:30px;height:57px;width:230px;background:url(../images/mLogo.png) no-repeat center center;top:11px}
    #logo img{display:none}
    #slogan{display:none}
    .basketTop{top:81px;left:13px}
    /*Navigation*/
    #menu-collapse{display:block;left:auto;right:0;top:15px}
    #navMenu{height:3px}
    #navMenu:before,#navMenu:after{display:none}
    #navigation{display:none;background:#dcdcdc;position:absolute;z-index:10;top:0;right:0;left:0}
    #navigation > li{width:32%}
    #navigation > li > a{display:block;padding:14px 0}
    #navigation > li:nth-child(3),#navigation > li:nth-child(6){background:0}
    #navigation > li:nth-child(4) > a:before,#navigation > li:nth-child(7) > a:before{display:none}
    /*Center Col*/
    .centerCol{width:100%;margin:0 0 20px}
    /*Right Col*/
    .rightCol{width:100%;float:none;clear:both}
    .rCol1{float:left;width:205px}
    .rCol2{margin-left:225px}
    /*Left Col*/
    .leftCol{width:100%;float:none;margin-bottom:20px}
    .sBorder{margin-right:0;border:1px solid #dcdcdc;position:static;border-radius:15px 15px 0 0}
    .sBorder:before{display:none}
    /*Search*/
    .sTxt{width:372px}
    /*Footer*/
    .fTopRow > .main > a{padding:0 6px 0 7px;font-size:12px !important}
    /*About*/
    .centerInCol{margin:0 0 20px}
    .centerInCol,.leftInCol{width:100%;float:none}
    .leftInCol .sBorder{padding-bottom:10px;margin-bottom:15px;margin-top:0}
    .breadcrumb:after{display:none}
    /*Profile*/
    .profileLst > li{width:50%}
    .profileLst > li > a{margin:0 10px 10px}
    .prSearch{width:240px}
    /*Store*/
    .proLst > li{width:49%}
    /*Store*/
    .inPicPane{float:none;margin:0 0 10px}
    .inPicPane .delBasket{margin-left:5px}
    .SignPicIn{margin:0 auto}
    .signDet{margin:0 0 10px}
}
@media only screen and (min-width : 720px) and (max-width : 1000px) {
    .main{width:700px}
    /*Header*/
    #header{background:url(../images/header.jpg) no-repeat center 0}
    #logo{left:100px}
    #slogan{right:0}
    .basketTop{top:0}
    /*Navigation*/
    #menu-collapse{display:block}
    #navMenu{height:3px;position:relative}
    #navMenu:before,#navMenu:after{display:none}
    #navigation{display:none;background:#dcdcdc;position:absolute;z-index:10;top:0;right:0;left:0}
    #navigation > li{width:32%}
    #navigation > li > a{display:block}
    #navigation > li:nth-child(3),#navigation > li:nth-child(6){background:0}
    #navigation > li:nth-child(4) > a:before,#navigation > li:nth-child(7) > a:before{display:none}
    /*Center Col*/
    .centerCol{width:100%;margin:0 0 20px;float:none}
    /*Right Col*/
    .rightCol{width:100%;float:none;clear:both}
    .rCol1{float:left;width:205px}
    .rCol2{margin-left:225px}
    /*Left Col*/
    .leftCol{width:100%;float:none;margin-bottom:20px}
    /*Search*/
    .sBorder{margin-right:0;border:1px solid #dcdcdc;position:static;border-radius:15px 15px 0 0}
    .sBorder:before{display:none}
    .sTxt{width:613px}
    /*About*/
    .centerInCol{width:389px}
    .leftInCol .sTxt{width:203px}
    .leftInCol .sBorder{padding-bottom:10px;margin-bottom:15px}
    .breadcrumb:after{display:none}
    /*Profile*/
    .profileLst > li{width:49%}
    .profileLst > li > a{margin:0 10px 10px}
    .prSearch{width:195px}
    /*Store*/
    .inPicPane{float:none;margin:0 0 10px}
    .inPicPane .delBasket{margin-left:5px}
    .SignPicIn{margin:0 auto}
    .signDet{margin:0 0 10px}
}
@media only screen and (min-width : 1001px) and (max-width : 1199px) {
    .main{width:980px}
    /*Header*/
    #logo{left:250px}
    #slogan{right:115px}
    /*navigation*/
    #navigation > li > a{padding:14px 20px}
    /*Center Col*/
    .centerCol{width:669px;margin-bottom:20px}
    /*Right Col*/
    .rightCol{width:100%;float:none;clear:both}
    .rCol1{float:left;width:205px}
    .rCol2{margin-left:225px}
    /*Left Col*/
    .leftCol{margin-bottom:20px}
    /*About*/
    .centerInCol{width:669px}
    /*Profile*/
    .profileLst > li > a{margin:0 10px 10px}
    .prSearch{width:430px}
}
@media only screen and (min-width : 1200px){
    .main{width:1180px}
}