/* Hybris page overrides  */

@font-face{font-family:"Bebas Neue";
src:url('../../_ui/common/public/font/bebas-neue.eot');
src:url('../../_ui/common/public/font/bebas-neue.eot?#iefix') format('embedded-opentype'),
url('../../_ui/common/public/font/bebas-neue.woff') format('woff'),
url('../../_ui/common/public/font/bebas-neue.ttf') format('truetype'),
url('../../_ui/common/public/font/bebas-neue.svg') format('svg');}

div.breadcrumb {
    display: none;
}

div.content.banner-component {
    margin: 0px !important;
}

div.banner-component.banner-component--grey {
    margin: 0px !important;
}

div.main-container {
    max-width: 100% !important;
}

.main-container .content {
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0;
    height: auto;
}
/* End Hybris overrides */

#xmas h1, #xmas h2, #xmas h3, #xmas h4 #xmas p, #xmas a {
   margin: 0px;
   padding: 0px;
   line-height: initial;
}
#xmas {
   max-width: 1700px;
   background-color: black;
   margin: 0 auto;
   color: white;
   font-family: "Gibson";
   width: 100%;
}
#xmas img {
   max-width: 100%;
   display: block;
}
/*Main block styles*/
#xmas .xblock{
   margin: 0% 0% 20px 0%;
   width:100%;
   display: block;
   float: left;
   background: #000;
}
/*title section stlyes*/
#xmas .xtitle h1 {
   font-family: "Bebas Neue", "Arial Narrow", "Arial", sans-serif;
   text-align: center;
   font-size: 315px;
   color: white;
   font-weight: 100;
   letter-spacing: 5px;
   -webkit-font-smoothing: antialiased;
}

#xmas .xtitle {
   background-image: url("http://i1.adis.ws/i/newlook/rp32_xmas_g-guide_bg-header?$marketing2$");
   background-size: cover;
   margin-bottom: 0px;
}
#xmas .ie-text {
   display:none;
}
/*Slider section*/
#xmas .xslider {
   background: url("http://i1.adis.ws/i/newlook/rp32_xmas_g-guide_gold-curtain?$marketing2$");
   text-align: center;
}
#xmas .xslider .xslider-container{
   width: 65%;
   margin: 0 auto;
   border: 10px #000 solid;
   box-sizing: border-box;
}
#xmas .xslider .xslider-container img {
   width: 100%;
}
#xmas .xslider h2 {
   font-family: "Gibson";
   font-size: 58px;
   font-weight: 800;
   padding: 75px 0px;
   letter-spacing: 2px;
}

/*Shop section*/
#xmas .xshop {
   text-align: center;
}
#xmas .xrow {
   width: 100%;
   margin-top: 50px;
   float: left;
}
#xmas .xshop img {
   display: inline;
}
#xmas .xshop .xrow:nth-child(2), #xmas .xout .xrow:nth-child(2) {
   margin-bottom: 50px;
}
#xmas .twenty {
   width: 25%;
    display: block;
   float: left;
}
#xmas .twentyfive {
   width: 25%;
   display: block;
   float: left;
}
#xmas .fifty {
   width: 50%;
   display: block;
   float: left;
   box-sizing: border-box;
}

#xmas .xshop h3 {
   font-size: 36px;
   margin: 0px;
   padding: 0px;
   color: #fff;
   font-weight: 800;
}

#xmas .xshop h4 {
   text-shadow: -3px 0 6px #fff, 0 3px 6px #fff, 3px 0 6px #fff, 0 -3px 6px #fff;
   font-size: 86px;
   color: #adacac;
    margin: 0px 0px 20px;
    padding: 0px;
    line-height: 66px;
}

/*ctas section*/

#xmas .xctas {
   background: #fff;
   padding-bottom: 50px;
}

#xmas .xctas img {
   position: relative;
   width: 100%;
}

/*gifs section*/

#xmas .xgifs {
   background: url(http://i1.adis.ws/i/newlook/rp32_xmas_g-guide_category2_bg?$marketing2$);
   padding-bottom: 50px;
}
#xmas .xgifs img {
   width: 100%;
}
#xmas .xgifs .gifholder {
 width: 48%;
   margin: 0 auto;
}
#xmas .xgifs .fifty {
    float: left;
    width: 50%;
   box-sizing: border-box;
}
#xmas .xgifs .button-holder .fifty {
   margin-bottom: 20px;
}

#xmas .gifholder .fifty#gif1, #xmas .gifholder .fifty#gif3 {
   border-left: 10px #000 solid;
    border-right: 5px #000 solid;
}
#xmas .gifholder .fifty#gif1, #xmas .gifholder .fifty#gif2 {
   border-top: 10px #000 solid;
   border-bottom: 10px #000 solid;
}
#xmas .gifholder .fifty#gif3, #xmas .gifholder .fifty#gif4 {
   border-bottom: 10px #000 solid;
}
#xmas .gifholder .fifty#gif2, #xmas .gifholder .fifty#gif4 {
   border-right: 10px #000 solid;
   border-left: 5px #000 solid;
}


/*tell us section*/

#xmas .xtell {
   background: white;
   color: black;
   text-align: center;
}

#xmas .xtell .xrow {
   margin-top: 0px;
}

#xmas .xtell .twentyfive {
   position: relative;
   padding: 2%;
    box-sizing: border-box;
}
#xmas .xtell .twentyfive img {
   max-width: 100%;
}
#xmas .xblock.xtell.xtell2 {
   margin-bottom: 0px;
}
#xmas .xtell h2, #xmas .xout h2  {
   font-size: 96px;
   font-weight: 800;
}
#xmas .xtell h3 {
    font-weight: 800;
    position: absolute;
    top: 45%;
    z-index: 2;
    left: 48%;
    color: #fff;
    letter-spacing: 1px;
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 26px;
}
#xmas .xtell p,  #xmas .xout p {
   font-size: 20px;
   font-weight: 800;
   letter-spacing: 1px;
   margin-top:  17px;
}
#xmas .xtell .rotate1 {
   transform: rotate(-3deg);
}
#xmas .xtell .rotate2 {
   transform: rotate(3deg);
}
#xmas .xtell .rotate3 {
   transform: rotate(-3deg);
}
#xmas .xtell .rotate4 {
   transform: rotate(3deg);
}

/*dusk to dawn section*/
#xmas .xdusk {
   background: url("http://i1.adis.ws/i/newlook/rp32_xmas_g-guide_gold-curtain?$marketing2$");
   padding: 75px 0px;
}

#xmas .xdusk .twentyfive {
   position: relative;
}

#xmas .xdusk h2{
  letter-spacing: 3px;
  font-family: "Bebas Neue", "Arial Narrow", "Arial", sans-serif;
  font-size: 200px;
  font-weight: 100;
  white-space: nowrap;
}

#xmas .xdusk h2#dtn{
  transform: rotate(-90deg);
  transform-origin: 95% 131%;
}
#xmas .xdusk h2#dtd{
  transform: rotate(90deg);
  transform-origin: 13% 110%;
}
#xmas .xdusk #fix-1920{
   float: right;
}

#xmas .xdusk .btn-show {
   display: none;
}
/*Out styles*/

#xmas .xout {
   text-align: center;
}

#xmas .xoutslider-container {
    width: 95%;
    margin: 0 auto;
}
#xmas .xoutslider-container img {
   width: 100%;
}

#xmas .three {
   display: none;
}

/*Card styles*/
#xmas .xcard {
   background: url("http://i1.adis.ws/i/newlook/rp32_xmas_g-guide_gold-curtain?$marketing2$");
   padding: 2% 0%;
   margin-bottom: 0px;
}

#xmas .xcard .fifty.outer {
   background: black;
   padding: 65px 30px;
   box-sizing: border-box;
   width: 47%;
}
#xmas .xcard .fifty.outer:nth-child(odd) {
   margin-left: 2%;
   margin-right: 1%;
}
#xmas .xcard .fifty.outer:nth-child(even) {
   margin-left: 1%;
   margin-right: 2%;
}
#xmas .xcard .fifty.outer:nth-child(1), #xmas .xcard .fifty.outer:nth-child(2){
   margin-bottom: 2%;
}  
#xmas .xcard .fifty.inner {
   display: table;
   min-height: 142px;
}
#xmas .xcard .fifty.inner:nth-child(1) {
   display: table;
   min-height: 142px;
}

#xmas .xcard .fifty.inner2 {
   padding-left: 8%;
}
#xmas .xcard .fifty.inner h3 br {
      display: none;
   }

#xmas .xcard .fifty h3 {
    font-size: 78px;
    font-family: "Bebas Neue", "Arial Narrow", "Arial", sans-serif;
    font-weight: 100;
    letter-spacing: 0px;
    display: table-cell;
    vertical-align: middle;
   line-height: 66px;
   text-align: center;
}

#xmas .xcard .fifty p {
   font-size: 20px;
   text-align: center;
   font-weight: 800;
   line-height: initial;
}
#xmas .xcard .fifty.inner {
      width: 46%;
      padding: 0% 4% 0% 0%;
   }

#xmas .xcard .cta-button {
   padding: 10px 0px 0px;
}

#xmas .xend {
   padding: 50px 0px;
   
}

#xmas .xend .cta-button.big {
   padding: 0px;
}

/*CTA button styles*/
#xmas .cta-button.big {
   padding: 75px 0px;
}
#xmas .cta-button.small {
   padding: 10px 0px;
}
#xmas .cta-button.big a {
   border: 1px #fff solid;
}

/*CTA base styles*/
#xmas .cta-button a {
   text-decoration: none;
   display: block;
   padding: 10px;
   font-weight: 400;
   margin: 0px auto;
   cursor: pointer;
   transition: 0.3s ease;
   text-align: center;
   font-size: 17px;
   }
#xmas .tab-holder {
   width: 60%;
   margin: 0 auto;
}
#xmas .tab-holder .cta-button.tab {
    width: 33.33333333%;
    padding: 0px 10px;
    float: left;
    box-sizing: border-box;
}
#xmas .tab-holder .cta-button.tab a:hover {
    background: #fff;
   color: #000;
}
#xmas .tab-holder .cta-button.tab.active a {
    color: #000;
    background: #fff;
   border: 1px #fff solid;
   border-bottom: none;
}

#xmas .tab-holder .cta-button.tab a {
   width:100%;
   padding: 20px 0px;
   background: #000;
   box-shadow: none;
   color: #fff;
   border: none;
   border: 1px #fff solid;
   border-bottom: none;
   min-width: 1px;
}


#xmas .button-holder .cta-button.gridbutton a:hover {
   color: #fff;
   background: #000;
   box-shadow: none;
   border: 1px #fff solid;
}

#xmas .cta-button.big a {
   color: #000;
   background: #fff;
   max-width: 274px;
   font-size: 17px;
   padding: 20px;
}
#xmas .cta-button.big a:hover, #xmas .cta-button.giftbutton a:hover {
   background:#000;
   color:#fff;
   text-decoration: none;
        }

#xmas .cta-button.small {
   width: 90%;
   margin: 0 auto;
   max-width: 240px;
}

#xmas .cta-button.small a {
   color: #d9a60e;
   background: #000;
   border:1px #d9a60e solid;
   box-shadow: 0px 0px 10px 2px #d9a60e;
      }
#xmas .cta-button.small a:hover {
   background:#000;
   text-decoration: none;
    box-shadow: 0px 0px 10px 6px #d9a60e;
   transition: .3s ease all;
        }
#xmas .cta-button.rotatebutton {
   width: 90%;
   margin: 0 auto;
   max-width: 240px;
}
#xmas .cta-button.rotatebutton a{
   background: #000;
   color: #fff;
   border: 1px #000 solid;
   z-index: 10;
   position: relative;
}
#xmas .cta-button.rotatebutton a:hover {
   background: #fff;
   color: #000;
}
#xmas .xgifs .button-holder {
   margin: 0 auto;
width:35%;
}

#xmas .button-holder .cta-button.gridbutton {
   float: left;
   margin: 2%;
   width: 46%;
}

#xmas .button-holder .cta-button.gridbutton a {
   width:100%;
   padding: 20px 0px;
   background: white;
   box-shadow: none;
   color: #000;
   border: none;
   border: 1px #fff solid;
   min-width: 1px;
}

#xmas .button-holder .cta-button.gridbutton a:hover {
   color: #fff;
   background: #000;
   box-shadow: none;
   border: 1px #fff solid;
}

#xmas .xdusk .cta-button.big{
    position: absolute;
    bottom: 5%;
    left: 50%;
    padding: 0px;
    transform: translate(-50%,-50%);
    width: 70%;
}
#xmas .cta-button.giftbutton a {
   color: #000;
   background: #fff;
   max-width: 240px;
   font-size: 17px;
   border: 1px #fff solid;
   padding: 10px;
}
#xmas .buttonmobile a{
   background: #fff;
   color: #000;
   padding: 10px 0px;
}
#xmas .xctas .cta-button-small a, #xmas .xtell .cta-button-small a {
   color:#fff;
   box-shadow: none;
   border: 1px #000 solid;
}

#xmas .xctas .cta-button-small a:hover, #xmas .xtell .cta-button-small a:hover {
   border: 1px #000 solid;
   color:#000;
   background: #fff;
   box-shadow: 0px 0px 0px 0px;
}

#xmas .xctas .cta-button-small, #xmas .xtell .cta-button-small {
position: relative;
   z-index: 3;
}
#xmas .double {
   width: 96% !important;
}
#xmas .double.cta-button-small a {  
   max-width: 1000px;
}
#xmas .xctas .cta-button-small#footwear {
   margin-top: -110px;
}
#xmas .xctas .cta-button-small#lingerie {
   margin-top: -77px;
}
#xmas .xctas .cta-button-small#night {
  margin-top: -110px;
}
#xmas .xctas .cta-button-small#bags {
    margin-top: -73px;
}
#xmas .mobile-show {
   display: none;
}
#xmas .mobile-hide {
   display: block;
}

/*Slider Styles*/

 .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    background: black;
    }
    
    .swiper-wrapper, .swiper-slide, .swiper-container {
         height: auto;
      }   
    .swiper-slide {
        text-align: center;
        font-size: 18px;
       background: white;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
      
         .swiper-button-next {
            background-image: url(http://i1.adis.ws/i/newlook/rp32_xmas_g-guide_arrow_white?$marketing2$&fmt=png);
            width: 54px;
            height: 46px;
            background-size: 100%;
            text-shadow: 2px 2px 2px #fff;
         }
         .swiper-button-prev {
            background-image: url(http://i1.adis.ws/i/newlook/rp32_xmas_g-guide_arrow_white_prev?$marketing2$&fmt=png);
             width: 54px;
            height: 46px;
            background-size: 100%;
         }

         
          .xout .swiper-button-next {
            background-image: url(http://i1.adis.ws/i/newlook/rp32_xmas_g-guide_arrow_black?$marketing2$&fmt=png);
            width: 54px;
            height: 46px;
            background-size: 100%;
            background-size: 50%;
            right: 0px;
         }
         .xout .swiper-button-prev {
            background-image: url(http://i1.adis.ws/i/newlook/rp32_xmas_g-guide_arrow_black_prev?$marketing2$&fmt=png);
             width: 54px;
            height: 46px;
            background-size: 50%;
            left: 0px;
         }

@media (max-width:767px){
         .swiper-button-next, .swiper-button-prev {
            width:35px;
         }
         }

/*Responsive Styles*/

@media (max-width:1700px){
   #xmas .xdusk h2#dtd {
        transform-origin: 10% 115%;
}
   #xmas .xdusk h2 {
      font-size: 180px;
   }
}/*1700px end*/

@media (max-width:1500px){

   #xmas .xdusk h2 {
      font-size: 160px;
   }
   
   #xmas .xcard .fifty h3 {
      font-size: 68px;
      line-height: 56px;
   }
   #xmas .xcard .fifty p {
      font-size: 18px;
   }
}/*1500px end*/

@media (max-width:1400px){
  #xmas .xdusk h2#dtn {
    transform-origin: 98% 136%;
}
   #xmas .xdusk .cta-button.big a {
      font-size: 17px;
   }
     #xmas .xdusk .cta-button.big {
      width: 90%;
   }
   #xmas .xcard .fifty h3 {
      font-size: 60px;
      line-height: 48px;
   }
   #xmas .xcard .fifty p {
      font-size: 16px;
   }
   
   #xmas .xdusk h2#dtd {
      transform-origin: 15% 116%;
}
   #xmas .xtell h3 {
      width: 70%;
   }
   
}/*1400px end*/

@media (max-width:1300px){
   #xmas .tab-holder {
      width: 70%;
   }
}/*1300px end*/

@media (max-width:1200px){
   #xmas .cta-button.rotatebutton {
      width: 85%;
   }
   #xmas .xcard .fifty.outer {
      padding-left: 10px;
      padding-right: 10px;
   }
   
   #xmas .xdusk h2#dtd {
    transform-origin: 22% 100%;
}
}/*1200px end*/

@media (max-width:1100px){
   
   #xmas .xdusk {
      padding: 10px 0px 30px 0px;
   }
   
  #xmas .xdusk .btn-show {
   display: block;
}
    #xmas .xdusk .cta-button.big{
      display: none;
   }
   #xmas .xdusk .button-holder {
    width: 50%;
    margin: 0 auto;
}
   #xmas .xgifs .button-holder {
      width:50%;
   }
     #xmas .xdusk h2#dtn, #xmas .xdusk h2#dtd {
      transform: rotate(0deg);
   }
      #xmas .xdusk .twentyfive:nth-child(1), #xmas .xdusk .twentyfive:nth-child(4) {
    width: 100%;
    text-align: center;
}
    #xmas .xdusk .twentyfive:nth-child(2), #xmas .xdusk .twentyfive:nth-child(3) {
      width: 30%;
   }
   #xmas .xdusk .twentyfive:nth-child(2) {
      margin-left: 20%;
   }
   #xmas .cta-button.rotatebutton a {
      padding: 10px 10px;
   }
   #xmas .xcard .fifty h3 {
      font-size: 48px;
      line-height: 46px;
   }
   #xmas .xcard .fifty p {
      font-size: 16px;
   }
   #xmas .cta-button.giftbutton a {
      font-size: 17px;
   }
    #xmas .tab-holder {
      width: 80%;
   }
   
}/*1100px end*/

@media (max-width:1000px){
#xmas .xdusk .cta-button.big {
   width: 85%;
   bottom: -5%;
}
   #xmas .cta-button.rotatebutton {
      width: 92%;
   }
   #xmas .cta-button.rotatebutton a {
      font-size: 15px;
   }
   #xmas .xgifs .button-holder {
      width: 45%;
   }
   
   #xmas .xcard .fifty.outer {
      padding: 20px 30px;
      margin-bottom: 5%;
      text-align: center;
}
 
   #xmas .xcard .fifty.inner,   #xmas .xcard .fifty.inner2 {
      width: 100%;
      padding: 0%;
   }

   #xmas .xcard .fifty.outer:nth-child(4) {
      margin-bottom: 0px;
   }
   #xmas .xcard .fifty.inner:nth-child(1) {
      display: block;
      min-height: 1px;
   }
   #xmas .xcard .fifty.outer {
      margin-bottom: 2%;
   }
   #xmas .xcard .fifty {
      width: 100%;
      min-height: none;
      text-align: center;
   }
   #xmas .xcard .fifty.inner {
      min-height: 1px;
   }
   #xmas .xcard .fifty.inner h3 br {
      display: block;
   }
   #xmas .xcard .fifty h3 {
      font-size: 78px;
      letter-spacing: 3px;
      display: block;
      line-height: 66px;
   }
   #xmas .xcard .fifty p {
      font-size: 24px;
      margin: 40px 0px;
   }
   
}/*1000px end*/

@media (max-width:900px){

    #xmas .tab-holder {
      width: 90%;
   }
   #xmas .xtell h2, #xmas .xout h2 {
      font-size: 74px;
   }
}/*900px end*/

/*Small Screens */

@media (max-width:780px){
 
#xmas .cta-button.rotatebutton a {
    padding: 9px 9px;
   }
   #xmas .xcard .fifty h3 {
      font-size: 76px;
   }
}/*780px end*/

@media (max-width:767px){
   #xmas {
      width:100%;
   }
    #xmas .tab-holder {
      width: 96%;
   }
  
   #xmas .tab-holder .cta-button.tab.active a:hover {
      box-shadow: none;
   }
   #xmas .tab-holder .cta-button.tab:nth-child(1){
      padding: 0px 10px 0px 0px;
   }
  #xmas .tab-holder .cta-button.tab:nth-child(2){
      padding: 0px 0px 0px 0px;
   }
   #xmas .tab-holder .cta-button.tab:nth-child(3){
      padding: 0px 0px 0px 10px;
   }
  
   #xmas .xslider .xslider-container {
      width: 90%;
   }
   #xmas .xslider h2 {
      padding: 45px 0px;
   }
   
   #xmas .xslider .cta-button.big {
      padding: 45px 0px;
   }
   #xmas .three {
      display: block;
   }
   #xmas .one, #xmas .two {
      display: none;
   }
 
   #xmas .twentyfive {
      width: 50%;
   }
   #xmas .xshop img {
      width: 75%;
   }
   #xmas .xshop .twentyfive:nth-child(1), .xshop .twentyfive:nth-child(2) {
    margin-bottom: 50px;
   }
   #xmas .xshop h4 {
      margin-top: 10px;
   }
   #xmas .xgifs .gifholder, #xmas .xgifs .button-holder {
      width: 90%;
   }   
   #xmas .xtell {
      padding: 00px 5% 0px 5%;
      width: 100%;
   }
   #xmas .xtell .rotate2, #xmas .xtell .rotate4 {
      transform: rotate(0deg);
   } 
   #xmas .xtell .rotate1,  #xmas .xtell .rotate3 {
      transform: rotate(0deg);
   } 
   #xmas .xtell h2 {
      font-size: 36px;
   }
   #xmas .xtell h3 {
      width:80%;
   }
   #xmas .xtell p, #xmas .xout p {
      font-size: 15px;
      margin: 0px;
      padding: 0px;
   }
   #xmas .xtell p, #xmas .xout p {
      margin: 5px 0px 20px 0px;
   }
   #xmas .xtell .twentyfive {
      margin-bottom: 0px;
   }
   #xmas .xblock.xtell.xtell2 {
      margin-bottom: 20px;
   }
   #xmas .cta-button.rotatebutton {
      width: 100%;
   }
   #xmas .cta-button.rotatebutton a {
       padding: 10px 10px;
      margin-top: -15px;
   }
   #xmas .xrow {
      margin-top: 25px;
   }
   
   #xmas .xtell .xrow, #xmas .xtell .xrow:nth-child(2) {
      margin: 0px;
   }   

   #xmas .xdusk .twentyfive:nth-child(2), #xmas .xdusk .twentyfive:nth-child(3) {
      width: 45%;
   }
  
   #xmas .xdusk .twentyfive:nth-child(2) {
      margin-left: 5%;
   }
   #xmas .xdusk {
      padding: 0px 0px 45px 0px;
   }
   #xmas .xdusk h2 {
    font-size: 96px;
    margin: 35px 0px 20px;
   }
   
   #xmas .xdusk .button-holder {
      width: 70%;
   }
   
    #xmas .mobile-show {
      display: block;
   }
   #xmas .mobile-hide {
   display: none;
}

   #xmas .mobile-show .button-holder {
      width: 90%;
      margin: 0 auto;
   }
   #xmas .xout {
      width: 100%;
      padding: 0% 5%;
   }
   #xmas .xout h2 {
      font-size: 36px;
   }
   #xmas .xoutslider-container, #xmas .xslider .xslider-container {
      width: 70%;
   }
    #xmas .cta-button.rotatebutton {
      width: 94%;
   }
   
    #xmas .xcard .fifty h3 {
      font-size: 46px;
      letter-spacing: 3px;
      display: block;
       line-height: 36px;
   }
   #xmas .xcard .fifty p {
      font-size: 14px;
      margin: 15px 0px;
      display: none;
   }
   
   #xmas .mobile-show {
      display: block;
   }
   #xmas .mobile-show .button-holder {
      width: 90%;
      margin: 0 auto;
   }
   #xmas .xcard {
      padding: 5% 0%;
   }
   #xmas .xend .fifty {
      width: 100%;
      margin-bottom: 30px;
   }
   #xmas .xend .fifty:nth-child(2) {
      margin-bottom: 0px;
   }
   
}/*767px end*/

@media (max-width:600px){
   #xmas .xtitle {
    background-image: url(http://i1.adis.ws/i/newlook/rp32_xmas_g-guide_m_bg-header?$marketing2$);
   }
   #xmas .xslider, #xmas .xdusk, #xmas .xcard{
      background-image: url(http://i1.adis.ws/i/newlook/rp32_xmas_g-guide_m_gold-curtain?$marketing2$);
   }
   #xmas .xgifs {
      background-image: url(http://i1.adis.ws/i/newlook/rp32_xmas_g-guide_m_category2_bg?$marketing2$);
   }
   #xmas .xcard .fifty h3 {
      font-size: 40px;
      line-height: 34px;
   }
}/*600px end*/

@media (max-width:500px){
  
   #xmas .tab-holder .cta-button.tab a {
      font-size: 14px;
   }
   
   #xmas .xtitle h1 {
      font-size: 195px;
   }
   
   #xmas .xslider h2 {
      font-size: 28px;
   }  
   #xmas .cta-button.rotatebutton a {
      padding-left: 5px;
      padding-right: 5px;
   }
   #xmas .cta-button.big {
      font-size: 17px;
   }
   #xmas .xtell h3 {
      font-size: 22px;
      width: 80%;
   }
   #xmas .xdusk h2 {
      font-size: 96px;
      letter-spacing: 2px;
      margin: 25px 0px 10px;
   }
    #xmas .xdusk .button-holder {
      width: 90%;
   }
   #xmas .cta-button a, #xmas .cta-button.rotatebutton a {
      font-size: 15px;
   }
    #xmas .xcard .fifty h3 {
    font-size: 42px;
    letter-spacing: 0px;
       line-height: 36px;
   }
    #xmas .xoutslider-container {
      width: 100%;
   }
   #xmas .xslider .xslider-container {
      width: 90%;
   }
   
   #xmas .xcard .fifty.outer:nth-child(1), #xmas .xcard .fifty.outer:nth-child(2) {
      margin-bottom: 1%;
      margin-top: 1%;
   }
   #xmas .xcard .fifty.outer {
   width: 48%;
}

   #xmas .xcard .fifty.outer:nth-child(odd) {
      margin-left: 1%;
   } 
   #xmas .xcard {
    padding: 1% 0%;
}
   
   #xmas .xcard .fifty.outer:nth-child(even) {
      margin-left: 1%;
      margin-right: 1%;
   }   
   
   #xmas .xcard .fifty.outer {
    margin-bottom: 0%;
}
   
}/*500px end*/

@media (max-width:450px){
   #xmas .xtell h2 {
      font-size: 28px;
   }
   #xmas .xtell p {
      font-size: 16px;
   }
   
   #xmas .cta-button.giftbutton a {
      font-size: 15px;
   }
   #xmas .xcard .fifty h3 {
      font-size: 30px;
      line-height: 30px;
   }


  
   
}/*450px end*/