﻿@import url(https://fonts.googleapis.com/css?family=Lato:700);.box{float:left;z-index:100;}.box a{color:white;}.holiday-sash{width:175px;height:175px;overflow:hidden;position:absolute;}.holiday-sash span{position:absolute;display:block;width:270px;padding:15px 0;background-color:#ff2322;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 'Lato',sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center;z-index:100;}.holiday-sash::before,.holiday-sash::after{border-top-color:transparent;border-right-color:transparent;}.holiday-sash::before{top:0;left:0;}.holiday-sash::after{bottom:0;right:0;}@media(max-width:1199px) {

    .holiday-sash {
        width: 93px;
        height: 193px;
        top: -66px;
        right: -24px;
        transform: rotate(-45deg);
        padding: 10px 0;
        overflow: visible;
    }

   .holiday-sash span {
       left: -133px;
       top: 69px;
       transform: rotate(90deg);
   }
}

@media(min-width:768px) and (max-width:991px) {
    .holiday-sash span {
        left: -133px;
        top: 69px;
    }

    .mobile-header .container {
        margin-right: 100px;
        width: 82%;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .holiday-sash span {
        left: -133px;
        top: 69px;
    }

    .mobile-header .container {
        margin-right: 100px;
        width: 82%;
    }
}

/*Top left*/
@media(min-width:1200px) and (max-width:1365px) {
    .holiday-sash {
        top: 0px;
        left: 0px;
    }

    .holiday-sash span {
        right: -15px;
        top: 20px;
        transform: rotate(-45deg);
    }

    .mobile-header .container {
        margin-left: 100px;
        width: 1070px;
    }
}

@media(min-width:1365px) {
    .holiday-sash {
        top: 0px;
        left: 0px;
    }

   .holiday-sash span {
       right: -15px;
       top: 20px;
       transform: rotate(-45deg);
   }
}