/* Smartphones (portrait and landscape) --  --  --  --  -- - */

@media screen and (min-width: 304px) and (max-width: 667px) {
    /* Styles */
    /* First Strip Begin */
    
    .demo {
        background-color: #f0f0f0;
        font-family: 'Open Sans', sans-serif;
    }
    /* This is all Strip CSS */
    
    #hed .strip {
        display: block;
        background-color: #0275d8;
        width: 100%;
        margin: 0 auto;
        padding: 15px 10px;
        font-family: 'Open Sans', sans-serif;
        position: fixed;
        bottom: 0;
        z-index: 999;
    }
    #hed .strip-text {
	color: #fff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 3px 0;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    }
    #hed .cancel-btn {
        color: #fff;
        margin: 15px;
        opacity: 0.8;
        position: relative;
        text-decoration: none;
        font-family: 'Open Sans', sans-serif;
    }
    /* Chance Button CSS */
    
    #hed span.chance {
        border: 2px solid #f9dd43;
        border-radius: 3px;
        color: #f9dd43;
        font-size: 11px;
        font-weight: 600;
        line-height: 27px;
        margin-bottom: 0;
        margin-left: 5px;
        margin-right: 5px;
        padding: 5px;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
    }
    #hed .btn-box {
        padding: 10px 0;
        text-align: center;
    }
    /* Second Strip Code begin */
    /* Strip Gradient */
    
    #hed .stripgradient {
        background: rgba(56, 160, 0, 1);
        background: -moz-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(67, 172, 11, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(56, 160, 0, 1)), color-stop(100%, rgba(67, 172, 11, 1)));
        background: -webkit-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(67, 172, 11, 1) 100%);
        background: -o-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(67, 172, 11, 1) 100%);
        background: -ms-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(67, 172, 11, 1) 100%);
        background: linear-gradient(to bottom, rgba(56, 160, 0, 1) 0%, rgba(67, 172, 11, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#38a000', endColorstr='#43ac0b', GradientType=0);
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 15px 20px;
        font-family: 'Open Sans', sans-serif;
        position: fixed;
        bottom: 0;
        z-index: 999;
    }
    /* Form Group */
    
    #hed .form-group label {
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
		letter-spacing:0.5px;
    }
    #hed .form-group .form-control {
        border-radius: 0px;
        box-shadow: none;
        margin: 0px;
        border: 1px solid #38a000;
    }
    #hed .form-group .form-control.input-sm {
        color: #000000;
        font-size: 12px;
    }
    #hed .form-group .form-control.input-sm.bx-none {
        border: none !important;
    }
    /* Title Paragraph */
    
       #hed p.title {
        color: #fff;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        margin: 0px;
        letter-spacing: 0.5px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
		display:inline-block;
		vertical-align: text-bottom;
    }
    #hed span.big-title {
        color: #fff;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 0.5px;
        font-weight: 400;
		display:inline-block;
		
    }
    #hed .btn-default {
        color: #fff;
        background-color: #2d8200;
        border-color: transparent;
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 0.5px;
        border-radius: 0px;
    }
    #hed .btn.btn-default.btn-sm {
        line-height: 1.5;
        padding: 4px 10px;
    }
    #hed .form-control:focus {
        border-color: #5bbc2e;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    }
    /* Bounce To Right */
    
    .hvr-bounce-to-right {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .hvr-bounce-to-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #5bbc2e;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .hvr-bounce-to-right:hover,
    .hvr-bounce-to-right:focus,
    .hvr-bounce-to-right:active {
        color: white;
    }
    .hvr-bounce-to-right:hover:before,
    .hvr-bounce-to-right:focus:before,
    .hvr-bounce-to-right:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }
    /* HORIZONTAL ICON HAND */
    
    @-webkit-keyframes horizontal {
        0% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        6% {
            -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        12% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        18% {
            -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        24% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        30% {
            -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        36% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }
    @keyframes horizontal {
        0% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        6% {
            -webkit-transform: translate(5px, 0);
            -ms-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        12% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        18% {
            -webkit-transform: translate(5px, 0);
            -ms-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        24% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        30% {
            -webkit-transform: translate(5px, 0);
            -ms-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        36% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }
    .faa-horizontal.animated,
    .faa-horizontal.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-horizontal {
        -webkit-animation: horizontal 2s ease infinite;
        animation: horizontal 2s ease infinite;
    }
    #hed .strip-in-down-l {
        text-align: left;
    }
    #hed .strip-in-down-r {
        float: left;
        margin: 20px 0 0;
        text-align: left;
    }
    #hed .btn-left {
        float: left;
        text-align: left;
    }
    #hed .strip-in-down-cancel-btn {
        color: #fff;
        font-family: "Open Sans", sans-serif;
        margin: 6px 0 6px 5px;
        opacity: 0.8;
        position: relative;
        text-decoration: none;
		font-size: 15px;
    }
    /* Texture Background */
    
    #hed .strip-bg-texture-1 {
       /* background: url('../image/texture-2.png') repeat center center fixed;*/
	    background:#000;
		color:#fff;
        width: 100%;
        height: auto;
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 15px 20px;
        font-family: 'Open Sans', sans-serif;
        position: fixed;
        bottom: 0;
        z-index: 999;
    }
    #hed .strip-bg-texture-2 {
        background: url('../image/texture-3.png') repeat center center fixed;
        width: 100%;
        height: auto;
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 15px 20px;
        font-family: 'Open Sans', sans-serif;
        position: fixed;
        bottom: 0;
        z-index: 999;
    }
    /* Sucess Button CSS */
    
    #hed .btn-success {
        color: #000000;
        background-color: #f9dd43;
        border-color: #f9dd43;
        font-size: 11px;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
    }
    #hed .btn-success:hover {
        color: #fff;
        background-color: rgba(0, 0, 0, 0.2);
        border-color: rgba(0, 0, 0, 0.2);
        border-bottom-color: rgba(0, 0, 0, 0.2);
    }
    #hed i.fa.fa-line-chart {
        color: #f9dd43;
        padding-left: 8px;
    }
    /* Animation color */
    
    #hed .animation-bg {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 15px 20px;
        font-family: 'Open Sans', sans-serif;
        position: fixed;
        bottom: 0;
        z-index: 999;
        -webkit-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
        -moz-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
        -ms-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
        -o-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
        background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
        -webkit-background-size: 450% 1400%;
        -moz-background-size: 450% 1400%;
        -ms-background-size: 450% 1400%;
        -o-background-size: 450% 1400%;
        background-size: 450% 1400%;
        -webkit-animation: gradient_bg 40s linear infinite;
        -moz-animation: gradient_bg 40s linear infinite;
        -ms-animation: gradient_bg 40s linear infinite;
        -o-animation: gradient_bg 40s linear infinite;
        animation: gradient_bg 40s linear infinite;
    }
    @-webkit-keyframes gradient_bg {
        0% {
            background-position: 0% 50%
        }
        50% {
            background-position: 100% 50%
        }
        100% {
            background-position: 0% 50%
        }
    }
    @-moz-keyframes gradient_bg {
        0% {
            background-position: 0% 50%
        }
        50% {
            background-position: 100% 50%
        }
        100% {
            background-position: 0% 50%
        }
    }
    @-ms-keyframes gradient_bg {
        0% {
            background-position: 0% 50%
        }
        50% {
            background-position: 100% 50%
        }
        100% {
            background-position: 0% 50%
        }
    }
    @-o-keyframes gradient_bg {
        0% {
            background-position: 0% 50%
        }
        50% {
            background-position: 100% 50%
        }
        100% {
            background-position: 0% 50%
        }
    }
    @keyframes gradient_bg {
        0% {
            background-position: 0% 50%
        }
        50% {
            background-position: 100% 50%
        }
        100% {
            background-position: 0% 50%
        }
    }
    /* Coupon code btn */
    
    #hed span.coupon {
        color: #fff;
        border: 1px dashed #fff;
        padding: 3px 5px;
        font-size: 12px;
        letter-spacing: 0.7px;
        font-weight: 600;
        margin: 0px 10px;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        line-height: 26px;
        /* margin-top: 4px !important; */
        
        vertical-align: middle;
    }
    #hed p.order-now span.getfifty {
        font-family: 'Open Sans', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 16px;
        letter-spacing: 0.5px;
		font-weight: 400;
    }
    #hed p.order-now span.f-dis,
    #hed p.upto span.f-dis {
        color: #f9dd43;
		font-weight: 400;
		font-family: 'Open Sans', sans-serif;
    }
    /* Order Button */
    
    #hed p.order-now {
        color: #fff;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        margin: 0px;
        letter-spacing: 0.5px;
		font-weight: 300;
    }
    #hed i.fa.fa-gift {
        color: #f9dd43;
    }
    #hed .btn-click {
        color: #000000;
        background-color: #f9dd43;
        border-color: #f9dd43;
        font-size: 11px;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
    }
    #hed .btn-click:hover {
        color: #fff;
        border-color: #f9dd43;
        background-color: transparent;
    }
    /* Fade in Down Short */
    
    #hed p.upto {
        font-family: 'Open Sans', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 16px;
        margin: 0px;
        letter-spacing: 0.5px;
        font-weight: 400;
    }
    #hed .btn-secret {
        background-color: #333;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    }
    #hed .btn-secret:hover {
        background-color: #fff;
        color: #333;
        transition: all 0.5s ease;
        text-shadow: none;
    }
}
/* Smartphones (landscape) --  --  --  --  -- - */

@media screen and (min-width: 321px) {
    /* Styles */
}
/* Smartphones (portrait) --  --  --  --  -- - */

@media screen and (max-width: 320px) {
    /* Styles */
}
/* iPads (portrait and landscape) --  --  --  --  -- - */

@media screen
and (min-width: 668px)
and (max-width: 1223px) {
    /* Styles */
    
    .demo {
        background-color: #f0f0f0;
        font-family: 'Open Sans', sans-serif;
    }
    /* First Strip Begin */
    /* This is all Strip CSS */
    
    #hed .strip {
        display: block;
        background-color: #0275d8;
        width: 100%;
        margin: 0 auto;
        padding: 15px 20px;
        font-family: 'Open Sans', sans-serif;
        position: fixed;
        bottom: 0;
        z-index: 999;
    }
    #hed .strip-text {
	color: #fff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 3px 0;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    }
    #hed .cancel-btn {
        color: #fff;
        margin: 10px;
        opacity: 0.8;
        position: relative;
        text-decoration: none;
        font-family: 'Open Sans', sans-serif;
    }
    #hed a.cancel-btn:hover {
        color: #FFFF00;
        opacity: 0.9;
    }
    /* Chance Button CSS */
    
    #hed span.chance {
        border: 2px solid #f9dd43;
        border-radius: 3px;
        color: #f9dd43;
        font-size: 10px;
        font-weight: 600;
        line-height: 27px;
        margin-bottom: 0;
        margin-left: 5px;
        margin-right: 5px;
        padding: 5px;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
    }
    #hed .btn-box {
        text-align: left;
    }
    /* Second Strip Code begin */
    /* Strip Gradient */
    
    #hed .stripgradient {
        background: rgba(56, 160, 0, 1);
        background: -moz-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(67, 172, 11, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(56, 160, 0, 1)), color-stop(100%, rgba(67, 172, 11, 1)));
        background: -webkit-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(67, 172, 11, 1) 100%);
        background: -o-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(67, 172, 11, 1) 100%);
        background: -ms-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(67, 172, 11, 1) 100%);
        background: linear-gradient(to bottom, rgba(56, 160, 0, 1) 0%, rgba(67, 172, 11, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#38a000', endColorstr='#43ac0b', GradientType=0);
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 15px 20px;
        font-family: 'Open Sans', sans-serif;
        position: fixed;
        bottom: 0;
        z-index: 999;
    }
    /* Form Group */
    
    #hed .form-group label {
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
		letter-spacing:0.5px;
    }
    #hed .form-group .form-control {
        border-radius: 0px;
        box-shadow: none;
        margin: 0 5px;
        border: 1px solid #38a000;
    }
    #hed .form-group .form-control.input-sm {
        color: #000000;
        font-size: 12px;
    }
    /* Title Paragraph */
    
      #hed p.title {
        color: #fff;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        margin: 0px;
        letter-spacing: 0.5px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
		display:inline-block;
		vertical-align: text-bottom;
    }
    #hed span.big-title {
        color: #fff;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 0.5px;
        font-weight: 400;
		display:inline-block;
		
    }
		#hed .align-c
	{
	text-align:center;
	}
    #hed .btn-default {
        color: #fff;
        background-color: #2d8200;
        border-color: transparent;
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 0.5px;
        border-radius: 0px;
    }
    #hed .btn.btn-default.btn-sm {
        line-height: 1.5;
        padding: 4px 10px;
    }
    #hed .form-control:focus {
        border-color: #5bbc2e;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    }
    #hed .form-group .form-control.input-sm.bx-none {
        border: none !important;
    }
    /* Bounce To Right */
    
    .hvr-bounce-to-right {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .hvr-bounce-to-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #5bbc2e;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .hvr-bounce-to-right:hover,
    .hvr-bounce-to-right:focus,
    .hvr-bounce-to-right:active {
        color: white;
    }
    .hvr-bounce-to-right:hover:before,
    .hvr-bounce-to-right:focus:before,
    .hvr-bounce-to-right:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }
    /* HORIZONTAL ICON HAND */
    
    @-webkit-keyframes horizontal {
        0% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        6% {
            -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        12% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        18% {
            -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        24% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        30% {
            -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        36% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }
    @keyframes horizontal {
        0% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        6% {
            -webkit-transform: translate(5px, 0);
            -ms-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        12% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        18% {
            -webkit-transform: translate(5px, 0);
            -ms-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        24% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        30% {
            -webkit-transform: translate(5px, 0);
            -ms-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        36% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }
    .faa-horizontal.animated,
    .faa-horizontal.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-horizontal {
        -webkit-animation: horizontal 2s ease infinite;
        animation: horizontal 2s ease infinite;
    }
    #hed .strip-in-down {
        text-align: center;
        padding: 10px 0 0;
    }
    #hed .strip-in-down-cancel-btn {
        color: #fff;
        font-family: "Open Sans", sans-serif;
        margin: 6px 0 6px 10px;
        opacity: 0.8;
        position: relative;
        text-decoration: none;
		font-size: 15px;
    }
    /* Texture Background */
    
    #hed .strip-bg-texture-1 {
        /*background: url('../image/texture-2.png') repeat center center fixed;*/
		background:#000;
		color:#fff;
        width: 100%;
        height: auto;
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 15px 20px;
        font-family: 'Open Sans', sans-serif;
        position: fixed;
        bottom: 0;
        z-index: 999;
    }
    #hed .strip-bg-texture-2 {
        background: url('../image/texture-3.png') repeat center center fixed;
        width: 100%;
        height: auto;
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 15px 20px;
        font-family: 'Open Sans', sans-serif;
        position: fixed;
        bottom: 0;
        z-index: 999;
    }
    /* Sucess Button CSS */
    
    #hed .btn-success {
        color: #000000;
        background-color: #f9dd43;
        border-color: #f9dd43;
        font-size: 11px;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
    }
    #hed .btn-success:hover {
        color: #fff;
        background-color: rgba(0, 0, 0, 0.2);
        border-color: rgba(0, 0, 0, 0.2);
        border-bottom-color: rgba(0, 0, 0, 0.2);
    }
    #hed i.fa.fa-line-chart {
        color: #f9dd43;
        padding-left: 8px;
    }
    /* Animation color */
    
    #hed .animation-bg {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 15px 20px;
        font-family: 'Open Sans', sans-serif;
        position: fixed;
        bottom: 0;
        z-index: 999;
        -webkit-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
        -moz-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
        -ms-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
        -o-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
        background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
        -webkit-background-size: 450% 1400%;
        -moz-background-size: 450% 1400%;
        -ms-background-size: 450% 1400%;
        -o-background-size: 450% 1400%;
        background-size: 450% 1400%;
        -webkit-animation: gradient_bg 40s linear infinite;
        -moz-animation: gradient_bg 40s linear infinite;
        -ms-animation: gradient_bg 40s linear infinite;
        -o-animation: gradient_bg 40s linear infinite;
        animation: gradient_bg 40s linear infinite;
    }
    @-webkit-keyframes gradient_bg {
        0% {
            background-position: 0% 50%
        }
        50% {
            background-position: 100% 50%
        }
        100% {
            background-position: 0% 50%
        }
    }
    @-moz-keyframes gradient_bg {
        0% {
            background-position: 0% 50%
        }
        50% {
            background-position: 100% 50%
        }
        100% {
            background-position: 0% 50%
        }
    }
    @-ms-keyframes gradient_bg {
        0% {
            background-position: 0% 50%
        }
        50% {
            background-position: 100% 50%
        }
        100% {
            background-position: 0% 50%
        }
    }
    @-o-keyframes gradient_bg {
        0% {
            background-position: 0% 50%
        }
        50% {
            background-position: 100% 50%
        }
        100% {
            background-position: 0% 50%
        }
    }
    @keyframes gradient_bg {
        0% {
            background-position: 0% 50%
        }
        50% {
            background-position: 100% 50%
        }
        100% {
            background-position: 0% 50%
        }
    }
    /* Coupon code btn */
    
    #hed span.coupon {
        color: #fff;
        border: 1px dashed #fff;
        padding: 3px 5px;
        font-size: 12px;
        letter-spacing: 0.7px;
        font-weight: 600;
        margin: 0px 10px;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        line-height: 26px;
        /* margin-top: 4px !important; */
        
        vertical-align: middle;
    }
    #hed p.order-now span.getfifty {
        font-family: 'Open Sans', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 16px;
        letter-spacing: 0.5px;
		font-weight: 400;
    }
    #hed p.order-now span.f-dis,
    #hed p.upto span.f-dis {
        color: #f9dd43;
		font-weight: 400;
		font-family: 'Open Sans', sans-serif;
    }
    /* Order Button */
    
    #hed p.order-now {
        color: #fff;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        margin: 0px;
        letter-spacing: 0.5px;
		font-weight: 300;
    }
    #hed i.fa.fa-gift {
        color: #f9dd43;
    }
    #hed .btn-click {
        color: #000000;
        background-color: #f9dd43;
        border-color: #f9dd43;
        font-size: 11px;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
    }
    #hed .btn-click:hover {
        color: #fff;
        border-color: #f9dd43;
        background-color: transparent;
    }
    /* Fade in Down Short */
    
    #hed p.upto {
        font-family: 'Open Sans', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 16px;
        margin: 0px;
        letter-spacing: 0.5px;
        font-weight: 400;
    }
    #hed .btn-secret {
        background-color: #333;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    }
    #hed .btn-secret:hover {
        background-color: #fff;
        color: #333;
        transition: all 0.5s ease;
        text-shadow: none;
    }
    #hed .btn.btn-default.btn-sm {
        line-height: 1.5;
        padding: 4px 10px;
    }
}
/* iPads (landscape) --  --  --  --  -- - */

@media screen and (min-width: 768px) and (max-width: 1223px) and (orientation: landscape) {
    #hed .form-inline.strip-in-down-r.strip-in-down .form-group label {
        display: none;
    }
    /* Title Paragraph */
    
    #hed p.title {
        text-align: left;
    }
}
/* iPads (portrait) --  --  --  --  -- - */

@media screen and (min-width: 768px) and (max-width: 1223px) and (orientation: portrait) {
    /* Styles */
}
/* Desktops and laptops --  --  --  --  -- - */

@media screen and (min-width: 1224px) {
    /* Styles */
    /* First Strip Code begin */
    
    .demo {
        background-color: #f0f0f0;
        font-family: 'Open Sans', sans-serif;
    }
    /* This is all Strip CSS */
    
    #hed .strip {
        display: block;
        background-color: #0275d8;
        width: 100%;
        margin: 0 auto;
        padding: 11px;
        font-family: 'Open Sans', sans-serif;
        position: fixed;
        bottom: 0;
        z-index: 999;
		height:50px;
    }
    #hed .strip-text {
	color: #fff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 3px 0;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    }
    #hed .cancel-btn {
        color: #fff;
        margin: 15px;
        opacity: 0.8;
        position: relative;
        text-decoration: none;
        font-family: 'Open Sans', sans-serif;
    }
	    #hed .cancel-btn-one {
        margin: 10px !important;
    }
    #hed a.cancel-btn:hover {
        color: #FFFF00;
        opacity: 0.9;
    }
    /* Chance Button CSS */
    
    #hed span.chance {
        border: 2px solid #f9dd43;
        border-radius: 3px;
        color: #f9dd43;
        font-size: 10px;
        font-weight: 600;
        line-height: 27px;
        margin-bottom: 0;
        margin-left: 5px;
        margin-right: 5px;
        padding: 5px;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
    }
    #hed .btn-box {
        text-align: right;
    }
    /* Second Strip Code begin */
    /* Strip Gradient */
    
    #hed .stripgradient {
        background: rgba(56, 160, 0, 1);
        background: -moz-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(67, 172, 11, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(56, 160, 0, 1)), color-stop(100%, rgba(67, 172, 11, 1)));
        background: -webkit-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(67, 172, 11, 1) 100%);
        background: -o-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(67, 172, 11, 1) 100%);
        background: -ms-linear-gradient(top, rgba(56, 160, 0, 1) 0%, rgba(67, 172, 11, 1) 100%);
        background: linear-gradient(to bottom, rgba(56, 160, 0, 1) 0%, rgba(67, 172, 11, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#38a000', endColorstr='#43ac0b', GradientType=0);
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        font-family: 'Open Sans', sans-serif;
        position: fixed;
        bottom: 0;
        z-index: 999;
		height: 50px;
    }
    /* Form Group */
    
    #hed .form-group label {
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
		letter-spacing:0.5px;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    }
    #hed .form-group .form-control.input-sm {
        color: #000000;
        font-size: 12px;
    }
    #hed .form-group .form-control {
        border-radius: 0px;
        box-shadow: none;
        margin: 0px 15px 0px 4px;
        border: 1px solid #38a000;
    }
    #hed .form-group .form-control.input-sm.bx-none {
        border: none !important;
    }
    /* Title Paragraph */
    
       #hed p.title {
        color: #fff;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        margin: 0px;
        letter-spacing: 0.5px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
		display:inline-block;
		vertical-align: text-bottom;
    }
    #hed span.big-title {
        color: #fff;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 0.5px;
        font-weight: 400;
		display:inline-block;
		padding-top: 4px;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
		
    }
    #hed .btn-default {
        color: #000;
        background-color: #fff;
        border-color: transparent;
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 0.5px;
        border-radius: 0px;
    }
    #hed .btn.btn-default.btn-sm {
        line-height: 1.5;
        padding: 4px 10px;
    }
    #hed .form-control:focus {
        border-color: #5bbc2e;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    }
    /* Bounce To Right */
    
    .hvr-bounce-to-right {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .hvr-bounce-to-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #5bbc2e;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .hvr-bounce-to-right:hover,
    .hvr-bounce-to-right:focus,
    .hvr-bounce-to-right:active {
        color: white;
    }
    .hvr-bounce-to-right:hover:before,
    .hvr-bounce-to-right:focus:before,
    .hvr-bounce-to-right:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }
    /* HORIZONTAL ICON HAND */
    
    @-webkit-keyframes horizontal {
        0% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        6% {
            -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        12% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        18% {
            -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        24% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        30% {
            -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        36% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }
    @keyframes horizontal {
        0% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        6% {
            -webkit-transform: translate(5px, 0);
            -ms-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        12% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        18% {
            -webkit-transform: translate(5px, 0);
            -ms-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        24% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        30% {
            -webkit-transform: translate(5px, 0);
            -ms-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        36% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }
    .faa-horizontal.animated,
    .faa-horizontal.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-horizontal {
        -webkit-animation: horizontal 2s ease infinite;
        animation: horizontal 2s ease infinite;
    }
    #hed .strip-in-down {
        text-align: right;
    }
    #hed .strip-in-down-cancel-btn {
        color: #fff;
        font-family: "Open Sans", sans-serif;
        margin: 6px 0 6px 10px;
        opacity: 0.8;
        position: relative;
        text-decoration: none;
		font-size: 15px;
    }
    /* Texture Background */
    
    #hed .strip-bg-texture-1 {
	    /*
        background: url('../image/texture-2.png') repeat center center fixed;
		*/
		background:#000;
        width: 100%;
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 11px;
        font-family: 'Open Sans', sans-serif;
        position: fixed;
        bottom: 0;
        z-index: 99999;
		height: 50px;
    }
    #hed .strip-bg-texture-2 {
        background: url('../image/texture-3.png') repeat center center fixed;
        width: 100%;
        height: auto;
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 12px;
        font-family: 'Open Sans', sans-serif;
        position: fixed;
        bottom: 0;
        z-index: 999;
		height: 50px;
    }
    /* Sucess Button CSS */
    
    #hed .btn-success {
        color: #000000;
        background-color: #f9dd43;
        border-color: #f9dd43;
        font-size: 11px;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
    }
    #hed .btn-success:hover {
        color: #fff;
        background-color: rgba(0, 0, 0, 0.2);
        border-color: rgba(0, 0, 0, 0.2);
        border-bottom-color: rgba(0, 0, 0, 0.2);
    }
    #hed i.fa.fa-line-chart {
        color: #f9dd43;
        padding-left: 8px;
    }
    /* Animation color */
    
    #hed .animation-bg {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        font-family: 'Open Sans', sans-serif;
        position: fixed;
        bottom: 0;
        z-index: 999;
		height:50px;
        -webkit-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
        -moz-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
        -ms-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
        -o-background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
        background: linear-gradient(90deg, #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF);
        -webkit-background-size: 450% 1400%;
        -moz-background-size: 450% 1400%;
        -ms-background-size: 450% 1400%;
        -o-background-size: 450% 1400%;
        background-size: 450% 1400%;
        -webkit-animation: gradient_bg 40s linear infinite;
        -moz-animation: gradient_bg 40s linear infinite;
        -ms-animation: gradient_bg 40s linear infinite;
        -o-animation: gradient_bg 40s linear infinite;
        animation: gradient_bg 40s linear infinite;
    }
    @-webkit-keyframes gradient_bg {
        0% {
            background-position: 0% 50%
        }
        50% {
            background-position: 100% 50%
        }
        100% {
            background-position: 0% 50%
        }
    }
    @-moz-keyframes gradient_bg {
        0% {
            background-position: 0% 50%
        }
        50% {
            background-position: 100% 50%
        }
        100% {
            background-position: 0% 50%
        }
    }
    @-ms-keyframes gradient_bg {
        0% {
            background-position: 0% 50%
        }
        50% {
            background-position: 100% 50%
        }
        100% {
            background-position: 0% 50%
        }
    }
    @-o-keyframes gradient_bg {
        0% {
            background-position: 0% 50%
        }
        50% {
            background-position: 100% 50%
        }
        100% {
            background-position: 0% 50%
        }
    }
    @keyframes gradient_bg {
        0% {
            background-position: 0% 50%
        }
        50% {
            background-position: 100% 50%
        }
        100% {
            background-position: 0% 50%
        }
    }
    /* Coupon code btn */
    
    #hed span.coupon {
        color: #fff;
        border: 1px dashed #fff;
        padding: 3px 5px;
        font-size: 12px;
        letter-spacing: 0.7px;
        font-weight: 600;
        margin: 0px 10px;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        line-height: 26px;
        vertical-align: middle;
    }
    #hed p.order-now span.getfifty {
        font-family: 'Open Sans', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 16px;
        letter-spacing: 0.5px;
		font-weight: 400;
    }
    #hed p.order-now span.f-dis,
    #hed p.upto span.f-dis {
        color: #f9dd43;
		font-weight: 400;
		font-family: 'Open Sans', sans-serif;
    }
    /* Order Button */
    
    #hed p.order-now {
        color: #fff;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        margin: 0px;
        letter-spacing: 0.5px;
		font-weight: 300;
		padding-top: 2px;
    }
    #hed i.fa.fa-gift {
        color: #f9dd43;
    }
    #hed .btn-click {
        color: #000000;
        background-color: #f9dd43;
        border-color: #f9dd43;
        font-size: 11px;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
    }
    #hed .btn-click:hover {
        color: #fff;
        border-color: #f9dd43;
        background-color: transparent;
        transition: all 0.5s ease;
    }
    /* Fade in Down Short */
    
    #hed p.upto {
        font-family: 'Open Sans', sans-serif;
        color: #fff;
        text-shadow: none;
        font-size: 16px;
        margin: 0px;
        letter-spacing: 0.5px;
        font-weight: 400;
		padding-top: 2px;
    }
    #hed .btn-secret {
        background-color: #333;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
		margin-top: -1px;
    }
    #hed .btn-secret:hover {
        background-color: #fff;
        color: #333;
        transition: all 0.5s ease;
        text-shadow: none;
    }
}
/* Large screens --  --  --  --  -- - */

@media screen and (min-width: 1824px) {
    /* Styles */
}