.history-responsive section.menu-responsive { z-index: 999999999999; }
.owl-carousel.historyRes { display: none !important; }
.historyRes-story { display: none !important; }
#slidefloat4 { background: rgba(0, 0, 0, 0) url("../img/history/slide-4-float.png") no-repeat scroll center / 90%; height: 212%; position: fixed; right: 0; top: 0; width: 100%; left: 0px }
#slide14 { display: none; background: #fff; }
#slidefloat14 { width: 100%; height: 125%; background: #fff; }
#slidefloat13 { width: 100%; height: 100%; background: transparent; }
.history-responsive .wrapper .header { z-index: 1; }
.history-responsive .wrapper .header .mod-dropdown.cart-dropdown { z-index: 10; }
.history-error-menu{height: 100% !important; position: fixed !important;}
@media only screen and (min-width:768px) and (max-width:769px) {
    .slidefloat.normal { display: none; }
    .slidefloat.ipad { display: block !important; }
}
@media only screen and (min-width:1020px) and (max-width:1024px) {
    .slidefloat.normal { display: none; }
    .slidefloat.ipad { display: block !important; }
    #slide13 { background: rgb(255, 255, 255) url('../img/history/slide-13.png') no-repeat; background-position: top center; width: 100%; height: 100%; background-size: 100%; }
}
@media only screen and (max-width:769px) {
    .mod-dropdown.cart-dropdown { z-index: 99999999999 !important; }
    .mod-has-dropdown:hover .mod-dropdown.cart-dropdown { display: block !important; }
    #skrollr-body { display: inline; }
    #skrollr-body .side-nav-responsive { display: none !important; }
    #slidefloat1 { height: 100% !important; top: -30%; width: 100% !important; }
    #story .timeline-container { display: none !important; }
    .owl-carousel.historyRes { display: block !important; left: -23%; vertical-align: middle; top: 20%; margin: 10px 0; }
    .historyRes-story { display: block !important; }
    #slide0 { top: 0px !important; z-index: -1; }
    .history-responsive .wrapper .header { background: #fff; position: fixed !important; }
    #slide14 { width: 100%; height: 100%; background: #fff; display: block !important; }
    #slide13 { background: rgb(255, 255, 255) url('../img/history/slide-13.png') no-repeat; background-position: top center; width: 100%; height: 100%; background-size: 100%; }
    img.res-lanscape-history { top: 15%; position: relative; padding: 0 30px 0 0; }
}
@media only screen and (max-width:668px) {
    #slidefloat4 { left: 11px !important; background: url(../img/newhistory/slide-4-float.png) no-repeat !important; background-size: 95% !important; height: 150%; }
    .owl-carousel.historyRes { width: 90%; margin: 10px auto; }
    #skrollr-body .owl-carousel .owl-item img { width: auto !important; }
    #story { min-width: 100%; }
    .owl-carousel.historyRes { left: 0; }
    #slidefloat1 { background: rgba(0, 0, 0, 0) url("../img/newhistory/slide-1-float.png") no-repeat scroll center center / 75% !important; height: 135% !important; top: -30%; width: 100% !important; left: 0 !important; }
    #slidefloat2, #slidefloat5, #slidefloat6, #slidefloat7, #slidefloat8, #slidefloat9, #slidefloat10, #slidefloat11, #slidefloat12 { right: unset; background-position: center top; left: unset; background-size: 95% auto; width: 100%; margin: 0 auto; }
    #slidefloat5 { background: url(../img/history/slide-5-float-res.png) no-repeat center top / 85%; }
}
@media only screen and (min-device-width:480px) and (max-device-width:734px) and (orientation:landscape) {
    #slidefloat1 { background: rgba(0, 0, 0, 0) url("../img/newhistory/slide-1-float.png") no-repeat scroll center center / 50% !important; height: 341% !important; top: -68%; width: 100% !important; left: 0 !important; }
    #slidefloat2, #slidefloat5, #slidefloat6, #slidefloat7, #slidefloat8, #slidefloat9, #slidefloat10, #slidefloat11, #slidefloat12, #slidefloat5 { background-size: 50% auto !important; }
    #slidefloat4 { left: 25% !important; background-size: 50% !important; height: 183%; }
    #slidefloat11 { height: 150%; }
    #slide13 { height: 230%; }
    #slidefloat14 { height: 255%; }
    .owl-carousel.historyRes { top: 2%; }
    img.res-potra-history { display: block !important; }
    img.res-lanscape-history { display: none !important; }
}

/*iPhone 6 in portrait*/
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait) {
    #slidefloat14 { height: 100% }
}

/*iPhone 2G-4S in landscape*/
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) {
    #slidefloat1 { background: rgba(0, 0, 0, 0) url("../img/newhistory/slide-1-float.png") no-repeat scroll center center / 50% !important; height: 341% !important; top: -68%; width: 100% !important; left: 0 !important; }
    #slidefloat2, #slidefloat5, #slidefloat6, #slidefloat7, #slidefloat8, #slidefloat9, #slidefloat10, #slidefloat11, #slidefloat12 { background-size: 50% auto !important; }
    #slidefloat4 { left: 25% !important; background-size: 50% !important; height: 250%; }
    #slidefloat11 { height: 180%; }
    #slide13 { height: 230%; }
    #slidefloat14 { height: 230% !important; }
    .owl-carousel.historyRes { top: 2%; }
    img.res-potra-history { display: block !important; }
    img.res-lanscape-history { display: none !important; }
    #slidefloat5, #slidefloat6, #slidefloat10 { height: 120% }
    #slidefloat2 { height: 200%; }
}

/*iPhone 5 & 5S in landscape*/
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
    #slidefloat1 { background: rgba(0, 0, 0, 0) url("../img/newhistory/slide-1-float.png") no-repeat scroll center center / 50% !important; height: 341% !important; top: -68%; width: 100% !important; left: 0 !important; }
    #slidefloat2, #slidefloat5, #slidefloat6, #slidefloat7, #slidefloat8, #slidefloat9, #slidefloat10, #slidefloat11, #slidefloat12 { background-size: 50% auto !important; }
    #slidefloat4 { left: 25% !important; background-size: 50% !important; height: 250%; }
    #slidefloat11 { height: 180%; }
    #slide13 { height: 230%; }
    #slidefloat14 { height: 230% !important; }
    .owl-carousel.historyRes { top: 2%; }
    img.res-potra-history { display: block !important; }
    img.res-lanscape-history { display: none !important; }
    #slidefloat5, #slidefloat6, #slidefloat10 { height: 120% }
    #slidefloat2 { height: 200%; }
}

/*other android in lanscape*/
@media only screen and (min-device-width:360px) and (max-device-width:640px) and (orientation:landscape) {
    #slidefloat14 { height: 300%; }
}
@media only screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) and (orientation:landscape) {
    #slidefloat14 { height: 300%; }
}
@media only screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape) {
    #slidefloat14 { height: 300%; }
}

/*iPhone 6 in landscape*/
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) {
    #slidefloat1 { background: rgba(0, 0, 0, 0) url("../img/newhistory/slide-1-float.png") no-repeat scroll center center / 50% !important; height: 341% !important; top: -68%; width: 100% !important; left: 0 !important; }
    #slidefloat2, #slidefloat5, #slidefloat6, #slidefloat7, #slidefloat8, #slidefloat9, #slidefloat10, #slidefloat11, #slidefloat12 { background-size: 50% auto !important; }
    #slidefloat4 { left: 25% !important; background-size: 50% !important; height: 250%; }
    #slidefloat11 { height: 180%; }
    #slide13 { height: 230%; }
    #slidefloat14 { height: 112% !important; }
    .owl-carousel.historyRes { top: 2%; }
    img.res-potra-history { display: block !important; }
    img.res-lanscape-history { display: none !important; }
}

/* iphone 6 plus lanscape */
@media only screen and (min-width:414px) and (max-width:736px) and (orientation:landscape) {
    .owl-carousel.historyRes { top: 2%; }
    #story { min-height: 200px; min-width: 100% }
    #slidefloat4 { height: 250%; background: rgba(0, 0, 0, 0) url("../img/history/slide-4-float.png") no-repeat scroll center / 90%; }
    #slidefloat1 { height: 341% !important; }
    .owl-carousel.historyRes { width: 90%; margin: 0 auto; }
    #skrollr-body .owl-carousel .owl-item img { width: auto !important; }
    #story { min-width: 100%; }
    .owl-carousel.historyRes { left: 0; }
    img.res-potra-history { display: block !important; }
    img.res-lanscape-history { display: none !important; }
    #slidefloat5 { background: url(../img/history/slide-5-float-res.png) no-repeat center top / 50%; width: 100%; }
    #slidefloat11 { height: 180%; }
    #slide13 { height: 230%; }
}

/* ipad lanscape view*/
@media only screen and (min-width:1023px) and (max-width:1024px) {
    #skrollr-body { display: inline; }
    #slide14 { width: 100%; height: 100%; background: #fff; display: block !important; }
    .history-responsive .wrapper .header, .history-responsive .wrapper .primary-nav { background-color: #fff; }
}
@media only screen and (min-width:567px) and (max-width:568px) and (orientation:landscape) {
    #slidefloat14 { height: 400% !important; }
}
@media only screen and (max-height:320px) {
#slide0{background-position: center -20px;}
.history-responsive .menu-icon{ display: block !important; }
}