body{
    background:#333333;
    margin:0px;
    padding: 0px;
}
.bottom-bar {
    display: none!important;
}

.im {
    position: absolute;
    left:2%;
    margin-top:13px;
}
#menuToggle{display:none;}

.slideobject iframe{pointer-events:none;}
.f_men h2 a {
    text-decoration: none;
    color: #fff;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}


#mobile-menu{display:none;}

.im {width: 192px!important; z-index:99999!important;}
#hamburger{display:none;}

#holder
{
    width:100%;
    height:850px;
 margin: 0px;
    padding: 0px;
   /*background: slategrey!important;*/
/* margin:30px auto;*/
/*    background:#111;*/
/*    border:1px solid #555;*/
/*    box-shadow:0px 0px 12px #000;*/
/*    padding:10px;*/
/*    border-radius:5px;*/
}
#holder img{width:100%!important;}          
#holder video{width:100%!important;}
.single-menu{display:none;}
.single-image{display:none;}

.jk{background: url(dist/images/wom.jpg); background-size: cover; background-repeat: no-repeat; width:100%;}

.rv{background: url(dist/images/mainbg.jpg); background-size: cover; background-repeat: no-repeat; width:100%;}
.mm{background: url(dist/images/mainbg1.jpg); background-size: cover; background-repeat: no-repeat;width:100%;}
.jm{background: url(dist/images/woman.jpg); background-size:cover; background-repeat: no-repeat; width:100%;}
.mk{background: url(dist/images/mans.jpg); background-size:cover; background-repeat: no-repeat; width:100%;}
.pk{background: url(dist/images/pic4.jpg); background-size:cover; background-repeat: no-repeat; width:100%;}
.mn{background: url(dist/images/mainbg2.jpg); background-size:cover; background-repeat: no-repeat; width:100%;}

/*////////////for men///*/
.f_men{position: absolute;
    margin-top: 9%;
    left: 2%;
    z-index: 999;
    text-align: left;
    margin-right: -250px;
    transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -webkit-transition: all 1.0s ease;
}


.sm-space {
    margin-top: 14px!important;
}

.f_men h2 {
    font-size: 27px;
    text-shadow: 0 2px 3px #333;
    color: #fff;
    font-weight: 100;
    margin: 0 0 8px 0px;
    letter-spacing: -1px;
    font-weight: 700;
}


.f_men h3 {
    font-size: 17px;
    text-shadow: 0 2px 3px #333;
    color: #fff;
    font-weight: 100;
    margin: 0 0 4px 0px;
    letter-spacing: 0.5px!important;
    
    font-family: 'Open Sans', sans-serif;
}
.m2ul{display:none;}
.m3ul{display: none;}
.f_men ul {display:none;}
.for_women ul{display:none;position: relative;
    left: -25px;}

.f_men ul li a {
    font-size: 15px;
    color: #fff;
    text-shadow: 0 1px 2px #333;
    text-transform: uppercase;
    letter-spacing: -.5px;
    text-decoration: none;
}

.f_men ul li {
    list-style: none;
    line-height: 30px;
}

.f_men ul {
    width: auto;
    position: relative;
    left: -25px;
    top:-13px;
}
.f_men, .for_women h2 {
    cursor: pointer;
}


.f_men h3 {
    margin-left: 11px;
}

/*.f_men ul{display:none;}*/
/*/////////////for men end/////////////*/




/*/////////////for women//////////////*/


.w1ul{display:none;}


footer {
    width: 100%;
    /*position: fixed;*/
    margin-top:10px;
    text-align: center;
    z-index: 999;
    background: #333;
    font-family: 'Open Sans', sans-serif;
    height:59px;
}


.botlinks {
    width: 100%;
    color: #ccc;
}


.botlinks a {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 5px 5px 5px;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    text-decoration:none;
}


footer p {
    color: #ccc;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 10px 0 5px 0px;
}

/*////////////////////for women end////////////*/



.slideobject iframe{width:100%; height:100%;}





@media screen and (max-width: 2280px)
{
.space-adjust-div {width: 100%;height: 0rem;background: #232323;}
.f_men h2 {
    padding: 2px 10px;
}
.f_men {
    text-align: center;
    width: 100%;
}

.im img {margin: 30px 0px -69px 0px;}
    

.im img{width:319px;}

.f_men h2{display:inline-block;}

footer{margin-top:-2px;}


.botlinks{margin-top:77px; margin-top:60px;}

.im{position:static;margin:auto;}
  .f_men{position:static;}  
}
@media screen and (max-width:1666px)
{
     .space-adjust-div{display:none;}
     footer{margin-top:10px;}
     .im{position:absolute;}
      .f_men{position:absolute;} 
      .f_men h2{display:block;}
      .f_men{width:auto;}
      .im img{margin:auto;}
      
      
      .botlinks{margin:auto;}
      
      
}


@media screen and (max-width:1366px)
{
    .f_men{top:37px;}
    .for_women{top:10%;}
    
   
}

@media screen and (max-width:1280px)
{
    .for_women{margin-top:33%;}
    .f_men ul li{line-height:29px;}
    .f_men ul li a{font-size:16px;}
     .for_women ul li{line-height:29px;}
    .for_women ul li a{font-size:16px;}
    .slideobject{height:682px!important;}
    /*footer { height:53px;}*/
    #holder{height:0px!important;}
}



@media screen and (max-width:800px)
{

/*.slideobject {height: 493px!important;}*/
 .im {
    width: 203px!important;
}
   
.f_men {
    top: 53px;
}
.foot-link {padding-top: 79px;}
    
.jk{background-size:contain; vertical-align: middle;}
.rv{background-size:contain; vertical-align: middle;}
.mm{background-size:contain; vertical-align: middle;}
.jm{background-size:contain; vertical-align: middle;}
.mk{background-size:contain; vertical-align: middle;}
.pk{background-size:contain; vertical-align: middle;}
.mn{background-size:contain; vertical-align: middle;}



footer{height:299px;}
}


@media screen and (max-width:600px)

{
    
    #mobile-menu{display:block;  width: 450px;
    margin: auto;  text-align: center;position: relative;
    top: 65px; z-index:999!important;}
    #mobile-menu li {
    display: inline-block;
    margin-top: 44px;
    
}    
    ul#mobile-menu a {
    color: #fff;
    padding: 12px;
    font-size: 21px;
    text-decoration:none;
}
    
   .botlinks{margin-top:43px;} 
    
    /*#SlideShow{display:none;}*/
/*.single-menu{display:block;}*/
body { background: #221; }

.im{left:39%;top:-28px;}
.single-image{display:block;}

footer {
    height: 312px;
    margin-top: 74px;
    height: 100% !important;
    margin-top: 3px !important;
    padding-top: 15%;
}
.slideobject {
    position: relative;
    top: 76px;
    margin-bottom: -139px;
}

.slideobject {
    height: 328px!important;
}

#hamburger {
    position: absolute;
    top: 89px;
    left: 7px;
    font-size: 30px;
    padding: 4px 34px;
    color: #fff;
    border: none;
    background: none;
    display: block;
    outline: none;
    cursor: pointer;
}
  
  .hidemobile
    {
      display:none !important;
    }
    
  

.slideobject {
    height: 390px!important;
}
  
  
.im {
    width: 160px!important;
    top: -8px;
}

   
 .f_men{display:none;}   
    
.f_men {
    top: 87px;
    left: 31px;
    width: 400px;
    background-image: linear-gradient(45deg, grey, #222211);
    text-align: center;
    
    
    /*display:block;*/
} 

footer p {
    line-height: 33px !important;
    margin: 23px 0 5px 0px !important;
}


/*///////////////////////hamburgstart////////////////*/



/*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 *
 *
 * If you are thinking of using this in
 * production code, beware of the browser
 * prefixes.
 */

body
{
  margin: 0;
  padding: 0;
  
  /* make it look decent enough */
  background: #232323;
  color: #cdcdcd;
  font-family: "Avenir Next", "Avenir", sans-serif;
}




/*#menuToggle*/
/*{*/
/*  display:inline-block;*/
/*  position: relative;*/
/*  top: 23px;*/
/*  left: 35px;*/
  
/*  z-index: 1;*/
  
/*  -webkit-user-select: none;*/
/*  user-select: none;*/
/*}*/

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

/*#menuToggle a:hover*/
/*{*/
/*  color: tomato;*/
/*}*/


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}





#menu
{
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 22px;
}

/*
 * And let's slide it in from the left
 */



/*hamburgend///////////////*/



}

@media screen and (max-width:414px)
{
    #mobile-menu{width: 358px; top:63px; right: 15px; margin-bottom:5px;}
    .im {
    left: 32%;
    top: 4px;
    width:160px!important;
}
#mobile-menu a{padding:17px!important;}
 
 footer{padding-top:0px;}
    
}

@media screen and (max-width:384px)
{
    .im{left:34%;width:129px!important;}
    #hamburger{top:35px;}
    .f_men{top:47px;}
    #mobile-menu {
    width: 306px;
}
    
   footer p {margin: 23px 0 5px 1px !important;}
   
    
    
}

@media screen and (max-width:320px){
#mobile-menu {
    width: 279px;
}

    
}