#navi {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc
}

#navi li {
    float: left
}
a {
    font-weight:bold;
}
#navi li p {
    display: block;
    padding: 8px 15px !important;
    text-decoration: none;
    font-weight: 700;
    color: #069;
    border-right: 1px solid #ccc;
    margin:0;
}

.clearfix {
    display: table;
    clear: both;
    float: none
}

.last-row {
    margin-bottom: 60px
}

#sidebar {
    width: 75px;
    position: absolute;
    margin-left: -105px;
    margin-top: 0px;
    padding: 6px;
    background: #FFF;
    z-index: 100
}

.row {
    position: relative !important
}

.right-sidebar {
    width: 498px;
    padding: 40px;
    height: 911px;
    background: url('../img/bg-sidebar-right.jpg') no-repeat
}
.comdata{
    margin-left:85px;
}
.right-sidebar .mag1 {
    float: left;
    margin-right: 10px;
    padding-bottom: 10px
}
.btn{
    font-weight: bold;
    text-transform: uppercase;
    color:#fff;
    background: #81c7cf;
    display: block;
    margin:20px auto;
    width:280px;
    border-radius:5px;
    transition:.5s;
    font-size:17px;
    text-align: center;
}
.btn:hover{
    color:#fff;
    transform:scale(1.1);

}
.right-sidebar .mag2 {
    float: left;
    padding-bottom: 10px
}

.right-sidebar p {
    font-size: 18px;
    line-height: 128%
}

.right-sidebar .step {
    line-height: 140%;
    font-size: 14px
}
.bottle{

}
.right-sidebar .bottle-wrap {
    margin-bottom: 15px
}

.right-sidebar .bottle-wrap a {
    text-decoration: underline
}

.right-sidebar .bottle-wrap .bottle {
    float: left;
    margin-right: 10px
}

.right-sidebar .bottle-wrap .t-small {
    font-size: 12px
}

.right-sidebar .bottle-wrap .yellow {
    font-size: 12px;
    background: #ff0;
    padding: 0 5px
}

.right-sidebar .bottle-wrap .arrow-red {
    background: url('../img/iconRedArrow.png') no-repeat;
    padding-left: 30px;
    display: inline-block
}

.tweet-wrap {
    margin: 10px auto;
    border: 1px solid #f5f5f5;
    box-shadow: 0 0 10px #ccc;
    position: relative;
    padding: 15px 15px 0
}

.tweet-wrap .follow {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 65px;
    height: 20px;
    cursor: pointer;
    background: url('../img/follow.jpg') no-repeat
}

.tweet-wrap .txt1 .model {
    width: 50px;
    height: 50px;
    float: left;
    background: url('../img/model1.jpg') no-repeat;
    margin-right: 10px
}

.tweet-wrap .txt1 .model2 {
    background: url('../img/model2.jpg') no-repeat
}

.tweet-wrap .txt1 .model3 {
    background: url('../img/model3.jpg') no-repeat
}

.tweet-wrap .txt1 .model4 {
    background: url('../img/jenny.jpg') no-repeat
}

.tweet-wrap .txt1 strong {
    font-size: 18px;
    display: inline-block;
    background: url('../img/check.jpg') center right no-repeat;
    padding-right: 30px
}

.tweet-wrap .txt1 span {
    display: block
}

.tweet-wrap .txt2 {
    font-size: 18px;
    font-family: georgia, serif;
    padding: 10px 0
}

.tweet-wrap .txt2 span {
    color: #09b
}

.tweet-wrap .txt3 {
    border-top: 1px solid #ccc;
    font-size: 12px;
    line-height: 30px;
    background: url('../img/tweet-bot.jpg') center right no-repeat
}

.sticky-wrapper {
    height: 0 !important
}

.right-sidebar {
    left: auto;
    top: 0;
    position: absolute;

}

.right-container {
    margin-left: 622px
}

#footer .container {
    max-width: 600px;
    margin: 0
}

.col-md-7 {
    text-align: left !important
}

.main-title {
    font-family: Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 35px;
    font-weight: bold;
}

.main-title u {
    font-size: 45px
}

.likes {
    background: url('../img/likes.jpg') left center no-repeat;
    font-size: 11px;
    color: #4c4c4a;
    padding-left: 75px;
    line-height: 25px;
    margin: 10px 0 0
}

.likes span {
    color: #2e497a
}

.breadcrumbs {
    font-weight: 900;
    padding: 0;
    border-bottom: 2px solid #444
}

.breadcrumbs span {
    font-size: 13px;
    color: #666
}

.breadcrumbs .current {
    color: #007ee8
}

.fit-date {
    font-size: 13px;
    color: #333
}

.fit-date span {
    color: #007ee8
}

.bottle-wrap a {
    color: #fff
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .right-container {
        margin-left: 562px
    }

    #footer .container {
        max-width: 540px
    }
}

@media screen and (max-width: 991px) {
    #StickyBox-sticky-wrapper, #StickyBox-sticky-wrapper .right-sidebar, #sidebar.stickySocial {
        display: none
    }
    .mobile{
        display: none;
    }

    #footer .container {
        max-width: 720px
    }
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: #000
}

.modal-backdrop.hide {
    display: none
}

.exit-modal {
    width: 691px;
    height: 410px;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -354px;
    position: fixed;
    z-index: 1040;
    cursor: pointer
}

.exit-modal .modal-body {
    padding: 0
}

.exit-modal a {
    display: block;
    width: 691px;
    height: 410px
}

.exit-modal .exit-banner {
    margin: 0;
    width: 691px;
    height: 410px;
    cursor: pointer
}

.coupon {
    border: 5px dashed red;
    padding: 20px;
    margin: 20px 0
}