@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1024px){ 
*{box-sizing: border-box; -webkit-box-sizing: border-box;   -moz-box-sizing: border-box; }
/*ul.slimmenu{background-color:white;}*/
.navPan{padding-top:0; width: 100%;}
.socialData{padding:13px 0 23px 0;}
.socialData ul{   margin-right: 12px;}
.cat{margin-top:0;}
ul.slimmenu.collapsed li > ul{margin-left:0; left:0; border:none; padding-bottom:0;     position: relative;}
ul.slimmenu.collapsed li > ul a{padding-left:0;}
ul.slimmenu li > ul>span{border-top:none;     padding-top: 5px;}
ul.slimmenu li > ul.loungewearWrap li{width:100%;}
ul.slimmenu.collapsed { /*border-top: 40px solid transparent;*/ border-top: 40px solid white;}
ul.slimmenu.collapsed > li:first-child{    border-top: 1px solid #cccccc;}
ul.slimmenu.collapsed li a,ul.slimmenu > li:first-child > a:hover{background:none;}
.theBrand{padding:0 10px; background-color: #E3E7E8;}
#bottomLinks{padding:0 10px;}

.menMiniTrunk .colors .width25,.boysbriefBg  .colors .width25{width:16%;}
.container{padding:0 10px;}
ul.slimmenu > li > a.activeWhite.active{padding-bottom:10px;}
.tvcSlide, .printSlide{top:51px;}
.boysVest .produRightpan,.product .produRightpan{ text-shadow: 1px 1px black;}
.produLeftpan .clothType ul{text-shadow:1px 1px black;}
ul.slimmenu.collapsed li{background-color:white;}
.discWrap{width:90%;  height: 90%; left:0; top:0; margin: 10% 0 0 5%;     z-index: 1999;}
.overlay{z-index:999;}
}

@media screen and (max-width:950px){ 
.brandContainer{ max-width: 490px;}
.colors .width25{width:25%;}
.brandRightPan,.brandLeftPan{width:100%; padding:0; float:none;}
.theBrand {height: 1415px;     background-position: -745px 266px;}
.rightFoot .listing{  width: 33%;   /* min-height: 250px;*/ margin-bottom:20px;}
.leftFoot{width:20%;}
.rightFoot{width: 78%;}
#bottomLinks{display:none;}
.sitemapLink{display:block;}
/*.produImgPan{width:50%;  margin-left:0 !important; left: initial !important;    right: 0;}
.produImgPan img{max-width:100%; height:auto;}*/

/*for home page*/
.ban02{display:none;}
.drager{display:none !important;}
.home h2{font-size:50px;}
.home h3{font-size:28px;     margin-bottom: 12px;}
.productName .homeLnk{font-size:18px;     min-width: 228px;}
#homeSlide02,#homeSlide03,#homeSlide01{min-width:initial;}
#homeSlide02 .txt02{margin-left:0;}
.socialPan{display:none;}
.mobileSocial{display:block;}
/*#homeSlide02,#homeSlide03{display:none;}*/

/*for pruduct*/
.product .produRightpan{margin: 785px auto 0;    float: none;}
/*.clothHolder{min-height:auto; background-color:#6B6356;}
.menvestBg{height:auto; background:#6B6356;}*/

.produImgPan { width: 225px;}
/*new*/
.productContainer { min-width:0; }
.produLeftpan .clothType{text-align:left; position:relative; z-index:999; margin-top: 10px;     width: 120px;}
.produImgPan{/*left:0 !important; */min-height:485px; position:absolute;}
.produImgPan img{max-width:100%; height:auto; position:absolute; bottom:0; }
.produImgPan{margin-left:-115px !important;}
.produLeftLinks { margin-top:145px; background:#fff; padding:0 10px;}
.produLeftpan { padding:0;   width: 100%; text-align:left;}
.product .container { padding:0;   width: 100%;}
.clothHolder .container { position:absolute; left:0; top:0;  /*width: auto;*/ width: 100%;  top: 170px; z-index:999;}
.product .produRightpan { margin:80px auto 0 !important; display: block; height: 235px; overflow: auto;     /*background-color: blue;*/ background:url('../images/blue-dot.png') top left repeat;    padding: 10px;  }
.info{display:block;}
.hide{display:none !important;}
.productContainer h1{width:auto;  line-height:normal; text-align: left; font-size: 28px;     padding: 0px 0 55px 10px;}
.productContainer h1 br{display:none;}
.productContainer h1.centerHeading{    padding: 0px 0 55px 0;}
.breadCrumbs{padding: 45px 10px;}
.clothHolder{margin-top:-230px; height:485px; min-height:0;}
.menvestBg{height: 655px;}
#header{    z-index: 999;}
.menMiniTrunk .produLeftLinks {    margin-top: 240px;}
.menMiniTrunk .produImgPan {    min-height: 525px;}
.menMiniTrunk .clothHolder .container{    top: 225px;}
.menMiniTrunk .clothHolder{ height: 525px;}
.menMiniTrunk{    min-height: 520px;}
.menBrief{ min-height: 688px;}
.menBrief .clothHolder {    margin-top: -236px;}
.menBrief .produLeftLinks { margin-top: 248px;}
.boysVest .clothHolder{    margin: -216px 0 0 0;}
.boysVest .clothHolder .container{     top: 165px;}
.boysVest .clothHolder{overflow-y:auto;     height: 565px;}
.boysVest{  min-height: 530px;}
.boysVest .produImgPan{    width: 315px;     min-height: 546px;     margin-left: -179px !important;}
.boysbriefBg  .clothHolder .container{    top: 216px;}
.boysbriefBg  .produImgPan {width: 455px;     margin-left: -330px !important; min-height: 692px;}
.boysbriefBg{    min-height: 616px;}
.boystrunkBg{    min-height: 615px;}
.boystrunkBg .clothHolder{height: 644px;}
.boystrunkBg .produImgPan { min-height: 645px;     width: 338px;     margin-left: -165px !important;}
.container h1 span, .tshirtBg h1 span, .muscleteeBg h1 span, .trackpantBg h1 span, .burmodaBg h1 span, .boysthermalBg h1 span, .menthermalsBg h1 span{    font-size: 20px; text-align:left;}
.tshirtBg .clothHolder{    margin: -220px 0 0 0; min-height:auto;}
.tshirtBg{    min-height: 490px;}
.muscleteeBg .produImgPan {    min-height: 520px;}
.muscleteeBg{min-height: 517px;}
.trackpantBg  .produImgPan{    min-height: 556px;}
.trackpantBg .clothHolder .container{    top: 230px;}
.trackpantBg{    min-height: 498px;}
.burmodaBg .clothHolder{margin: -168px 0 0 0;     min-height: 615px;}
.burmodaBg  .produImgPan {    min-height: 616px;}
.burmodaBg{    min-height: 674px;}
.menthermalsBg  .produImgPan {    min-height: 680px;}
.menthermalsBg .produLeftLinks { margin-top: 460px;}
.menthermalsBg{min-height: 767px;}
.boysthermalBg  .produImgPan {    min-height: 610px;}
.boysthermalBg .clothHolder {    min-height: 610px;}

.boysthermalBg{    min-height: 610px;}
.menLongTrunk .produLeftLinks{    margin-top: 209px;}
.menLongTrunk .clothHolder .container{top: 212px;}
.menLongTrunk .produRightpan{    height: 193px;}
.menLongTrunk{    min-height: 608px;}

.menthermalsBg .clothHolder {    min-height: 1024px;}
.boysbriefBg .clothHolder{height: 692px;}
}
@media screen and (max-width:768px){ 
.leftSec{float:none; width:100%;}
.rightSec{width:95%; float:none; margin:0 auto;}
/*.productContainer h1{width:auto;  line-height:normal;     text-align: left;    font-size: 40px;}*/
.menthermalsBg h1 span,.bigBtn{font-size:20px;}

.container h1{font-size:40px;}
.container h1 span{text-align:left; font-size:30px;}
.copyRight,.bcLinks{width:100%; text-align:center;}
.copyRight{margin-bottom:12px;}
.btnMainPrint,.btnMainTvc{margin:0;}
#video1{background:none; padding:0; border:solid 20px black;}
.mediaPan{    background-size: 665px auto; padding-top: 145px;}
.printWrap .flex-direction-nav .flex-prev{left:0;}
.printWrap .flex-direction-nav .flex-next{right:0;}
.platinumSocks{ background-size: 902px auto;}
.forBg{padding:10px;     margin-top: 62px;}
.boysSocks .bgPic, .scholarSocks .bgPic{position:static; max-width:100%;}
.contactPan{    text-shadow: 1px 1px black;     margin-top: 20px;}
}
@media screen and (max-width:600px){ 
.theBrand {height: 1480px; background-position: -973px bottom;}
.leftFoot {width: 25%;}
.rightFoot { width: 68%;}
.rightFoot .listing{width:50%;}
.flexslider .slides .mpop>img{max-width: 75%;}
.zoom { right: 5px;}

/*for home page*/
.ban01{position:static; margin-left:0; height:auto;}
.txt01, .txt03{margin-top:0;}
.ban01 img{display:none;}
.ban01{height: 240px;}
#homeSlide01 .ban01{background:url('../images/01_A.jpg') center top no-repeat; background-size: 768px auto;}
#homeSlide02 .ban01{background:url('../images/02_A.jpg') center top no-repeat; background-size: 768px auto;}
#homeSlide03 .ban01{background:url('../images/03_A.jpg') center top no-repeat; background-size: 768px auto;}
#homeSlide01,#homeSlide02,#homeSlide03{height:auto;}
#homeSlide01{background-color: #231812;}
#homeSlide02 {background-color: #E2CDB2;}  
#homeSlide03{ background-color: #804F2E;}
.home h2 {    font-size: 30px;}
.home h3 {    font-size: 20px;}
.productName .homeLnk ,.homeLnk{    font-size: 14px;     background-size: 20px;}
.homeLnk img{    width: 15px;}
#homeSlide01 .homeLnk img{    width: 30px;}
#container .container{    margin-top: -174px;}
#homeSlide02 .container{    margin-top: -152px;}

.platinumSocks{    background-size: 590px auto;}
.product .produRightpan{    margin: 510px 0 0 0; width:100%;}
.owl-theme .owl-controls .owl-buttons .owl-prev{    left: 0px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right: 0px;}
}
@media screen and (max-width:400px){ 
.theBrand {height: 1795px;}
}