.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.ellipsis {
    white-space: nowrap;
    /* 1 */
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* 2 */
    overflow: hidden;
}

@media (max-width: 1199px) {
    .pad-top-lg {
        padding-top: 100px !important;
    }
    .pad-bottom-lg {
        padding-bottom: 100px !important;
    }
    .pad-bottom-md {
        padding-bottom: 70px !important;
    }
    #header .search-cart {
        width: 67.7%;
    }
    #header.header2 .nav-holder,
    #header.header3 .nav-holder {
        width: 47.7%;
    }
    #header.header2 #nav,
    #header.header3 #nav {
        width: 100%;
        position: absolute;
        left: 0;
        top: 100%;
        right: 0;
        z-index: 2;
        opacity: 0;
        padding: 15px 15px 0;
        visibility: hidden;
        background: #111111;
        -webkit-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }
    #header.header2 #nav>ul>li,
    #header.header3 #nav>ul>li {
        display: block;
        float: none;
        margin: 0 0 15px;
    }
    #header.header2 #nav>ul>li:first-child,
    #header.header3 #nav>ul>li:first-child {
        margin: 0 0 15px;
    }
    #header.header2 #nav>ul>li:hover:hover,
    #header.header3 #nav>ul>li:hover:hover {
        padding-bottom: 0;
        margin-bottom: 15px;
    }
    #header.header2 #nav>ul>li:hover .drop-down,
    #header.header3 #nav>ul>li:hover .drop-down {
        display: block;
    }
    #header.header2 #nav .drop-down,
    #header.header3 #nav .drop-down {
        position: static;
        width: 100%;
        margin: 10px 0 0;
        display: none;
        background: #fff;
    }
    #header.header2 #nav .drop-down>li>a,
    #header.header3 #nav .drop-down>li>a {
        color: #111111;
        padding: 15px;
    }
    #header.header2 #nav .drop-down>li>a:hover,
    #header.header3 #nav .drop-down>li>a:hover {
        color: #fff;
    }
    #header.header3 #nav>ul>li>a {
        color: #fff;
    }
    .banner:after {
        min-height: 560px;
    }
    .banner h1 {
        font-size: 45px;
        line-height: 60px;
    }
    .banner .search-form {
        width: 455px;
    }
    .latest-coupon .coupon-box .heading6 {
        font-size: 15px;
    }
    .latest-coupon .coupon-box .txt-holder {
        padding: 26px 19px;
    }
    .callout-sec h3 {
        font-size: 32px;
    }
    .callout-sec h3 strong {
        font-size: 45px;
    }
    .offer-sec .filter-list a {
        padding: 9px 24px;
    }
    .offer-holder .col {
        width: 293px;
    }
    .offer-holder .col .c-logo {
        margin: 0 5px 0 0;
    }
    .offer-holder .col .offer {
        padding: 9px 10px 7px;
    }
    .app-sec .img-holder {
        margin: 0 0 0 13px;
    }
    .subscribe-sec .subscribe-form {
        width: 100%;
    }
    .counter-sec .sub-title {
        font-size: 17px;
    }
    .brand-list a {
        width: 172px;
    }
    .widget .popular-list li {
        width: 30.63%;
    }
    .widget .latest-news-list .txt-holder {
        padding: 0 0 0 15px;
    }
    .widget .latest-news-list h3 {
        font-size: 15px;
    }
    .widget .latest-news-list .news-nav {
        font-size: 11px;
        font-style: normal;
    }
    .widget .tags-list a {
        padding: 16px 11px;
    }
    #content .post-detail.style2 h3 {
        font-size: 20px;
    }
    #content .post-detail.style2 .txt-holder .align-left {
        padding: 0 0 0 30px;
    }
    #content .post-detail.style2 .txt-holder .coupon-logo {
        width: 92px;
    }
    #content .store-logo li:nth-child(4n+4) {
        margin: 0 30px 30px 0;
    }
    .register-holder .img-holder {
        width: 49%;
    }
    .register-holder .txt-holder {
        width: 51%;
    }
    .feature-sec .feature-box .heading2 {
        font-size: 24px;
    }
    .offer-holder .col .heading6 br {
        display: none;
    }
    .app-sec .heading {
        font-size: 30px;
    }
    .blog-holder .heading3 {
        font-size: 18px;
    }
    .post-block:hover .img-holder .time {
        top: 65%;
    }
    .widget .search-form .sub-btn {
        padding: 13px 10px;
    }
    .contact-sec .coll {
        padding-right: 40px;
    }
    .contact-sec .coll .contact-form {
        width: 100%;
    }
    .contact-sec .coll iframe {
        height: 790px;
    }
    .contact-sec .contact-list.v2 .align-left {
        width: 74%;
    }
}

@media (max-width: 1023px) {
    .pad-top-lg {
        padding-top: 80px !important;
    }
    .pad-bottom-lg {
        padding-bottom: 80px !important;
    }
    .pad-bottom-md {
        padding-bottom: 50px !important;
    }
    .logo {
        width: 200px;
    }
    #header.header2 .nav-holder,
    #header.header3 .nav-holder {
        width: 58%;
    }
    #header.header2 .align-left,
    #header.header3 .align-left {
        margin: 0 0 0 18px;
    }
    #header.header2 .btn-primary,
    #header.header3 .btn-primary {
        padding: 15px 28px;
    }
    #header .search-cart {
        width: 65.7%;
    }
    #header .search-form {
        width: 394px;
        margin: 0 30px 0 0;
    }
    #header .search-form .jcf-select {
        min-width: 155px;
    }
    #header .search-form .jcf-select .jcf-select-text {
        margin: 8px 27px 8px 13px;
    }
    #header .search-form .jcf-select .jcf-select-opener {
        width: 18px;
    }
    #header .search-form .form-control {
        width: 49.6%;
        padding: 6px 17px;
    }
    #header .search-form .sub-btn {
        width: 10.6%;
    }
    #nav {
        width: 100%;
        position: absolute;
        left: 0;
        top: 100%;
        right: 0;
        z-index: 2;
        opacity: 0;
        visibility: hidden;
        background: #111111;
        -webkit-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }
    #nav>ul>li {
        display: block;
        float: none;
        margin: 0;
    }
    #nav>ul>li:hover .drop-down {
        display: block;
    }
    #nav>ul>li>a {
        padding: 15px;
    }
    #nav .drop-down {
        position: static;
        width: 100%;
        display: none;
        background: #fff;
    }
    #nav .drop-down>li>a {
        color: #111111;
        padding: 15px;
    }
    #nav .drop-down>li>a:hover {
        color: #fff;
    }
    .banner:after {
        min-height: 550px;
    }
    .banner h1 {
        font-size: 45px;
        line-height: 60px;
    }
    .banner h2 {
        font-size: 35px;
    }
    .banner .search-form {
        width: 500px;
    }
    .latest-coupon .coupon-box .txt-holder {
        padding: 20px 15px;
    }
    .latest-coupon .coupon-box .heading6 {
        font-size: 13px;
    }
    .store-sec .store-logo li {
        width: 25%;
    }
    .feature-sec .feature-box .heading2 {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 5px;
    }
    .feature-sec .feature-box .img-holder .over {
        padding: 25px 0 0;
        font-size: 13px;
    }
    .feature-sec .feature-box .icon {
        font-size: 25px;
        line-height: 35px;
        width: 70px;
        height: 70px;
    }
    .feature-sec .feature-box .icon .border {
        width: 58px;
        height: 58px;
        padding: 13px 10px 10px;
    }
    .offer-sec .header {
        margin: 0 0 50px;
    }
    .offer-sec .filter-list li {
        font-size: 12px;
    }
    .offer-sec .filter-list a {
        padding: 8px 13px;
    }
    .offer-holder .col {
        width: 340px;
    }
    .offer-holder .col:nth-child(2n) {
        margin-right: 0;
    }
    .offer-holder .col:nth-child(3n) {
        margin-right: 30px;
    }
    .offer-holder .col:nth-child(6n) {
        margin-right: 0;
    }
    .offer-holder .col .c-logo {
        margin: 0 35px 0 0;
    }
    .app-sec .txt-holder {
        padding: 0 0 0 25px;
    }
    .blog-holder .heading3 {
        font-size: 20px;
    }
    .blog-holder .img-holder .time {
        font-size: 25px;
        line-height: 40px;
        padding: 0 7px 8px;
    }
    .blog-holder .img-holder .time .txt {
        font-size: 14px;
        line-height: 16px;
    }
    .subscribe-sec h5 {
        font-size: 23px;
    }
    .counter-sec {
        min-height: 265px;
    }
    .counter-sec .counter {
        font-size: 40px;
        line-height: 50px;
    }
    .counter-sec .sub-title {
        font-size: 13px;
    }
    .testimonail-sec {
        min-height: 520px;
    }
    .service-sec .service {
        padding: 40px 17px;
    }
    .service-sec .service .heading3 {
        font-size: 17px;
    }
    .team .img-holder img {
        width: 100%;
    }
    .brand-list li:nth-child(5n+5) {
        margin: 0 20px 20px 0;
    }
    .brand-list a {
        width: 220px;
    }
    #content {
        width: 100%;
        float: none;
        padding: 0;
    }
    #sidebar {
        width: 100%;
        float: none;
    }
    .pagination {
        padding: 0;
        margin: 0 0 30px;
    }
    .widget .latest-news-list .img-holder {
        width: 11%;
    }
    .post-detail .txt-holder {
        font-size: 14px;
        padding: 0 0 0 70px;
    }
    .post-detail .heading3 {
        font-size: 19px;
        line-height: 30px;
    }
    .post-detail .social-network {
        font-size: 14px;
        line-height: 16px;
    }
    .post-detail .social-network a {
        width: 40px;
        height: 40px;
    }
    .post-detail .quote {
        font-size: 16px;
    }
    .post-detail .tags-list li {
        margin: 0 10px 10px 0;
    }
    .comments-block {
        padding: 0;
    }
    .comments-block.style2 .commment-area .img {
        width: 12%;
    }
    .comments-block.style2 .commment-onelevel .commment-area .img {
        width: 13%;
    }
    .comments-block .commment-area .img {
        width: 20%;
    }
    .comments-block .commment-area .txt-holder {
        width: 80%;
    }
    .comments-block .commment-onelevel {
        padding: 0 0 0 60px;
    }
    .comments-block .commment-onelevel .commment-area .img {
        width: 20%;
    }
    .comments-block .commment-onelevel .commment-area .txt-holder {
        width: 80%;
    }
    .comments-form {
        padding: 0;
        margin: 0 0 30px;
    }
    .comments-form .heading2 {
        font-size: 24px;
    }
    .comments-form .leave-form {
        padding: 0;
    }
    .comments-form .leave-form .col {
        width: 100%;
        float: none;
        padding: 0;
    }
    .comments-form .leave-form .col:first-child {
        padding: 0;
        margin: 0 0 20px;
    }
    .contact-sec .coll {
        width: 100%;
        float: none;
    }
    .contact-sec .coll:first-child {
        width: 100%;
    }
    .contact-sec .coll iframe {
        height: 300px;
    }
    .contact-sec .contact-list.v2 li {
        width: 50%;
        margin: 0 0 15px;
    }
    .contact-sec .contact-list .align-left {
        width: 71%;
    }
    .contact-list2 li {
        width: 50%;
        overflow: hidden;
        margin: 0 0 15px;
    }
    .register-holder {
        padding: 30px;
    }
    .register-holder .txt-holder {
        padding: 0 30px 0 0;
    }
    .register-holder .google-btn {
        margin: 0 10px 10px 0;
    }
    .sub-form {
        margin: 0 0 30px;
    }
    #content .store-logo li {
        margin: 0 20px 20px 0;
    }
    #content .store-logo li:nth-child(4n) {
        margin: 0 0 20px;
    }
    #content .store-logo a {
        width: 165px;
    }
    .trending-coupon .coupon-box h3 {
        font-size: 15px;
        line-height: 20px;
    }
    #footer.footer2 .col3 {
        width: 50%;
    }
    #footer.footer2 .col2 {
        width: 50%;
        padding: 0 50px 17px 71px;
    }
    #footer .col1 {
        width: 50%;
        margin: 0 0 30px;
    }
    #footer .col2 {
        width: 50%;
        margin: 0 0 30px;
    }
    #footer .col3 {
        width: 50%;
    }
    #footer .col4 {
        width: 50%;
    }
    #footer .footer-nav li {
        margin: 0 0 0 10px;
    }
}

@media (max-width: 767px) {
    img {
        width: 100%;
    }
    .pad-top-lg {
        padding-top: 60px !important;
    }
    .pad-bottom-lg {
        padding-bottom: 60px !important;
    }
    .pad-bottom-md {
        padding-bottom: 30px !important;
    }
    #header.header2 .logo,
    #header.header3 .logo {
        margin: 0;
    }
    #header.header2 .nav-holder,
    #header.header3 .nav-holder {
        width: 10%;
    }
    #header .header-top {
        text-align: center;
    }
    #header .header-top .txt {
        font-size: 11px;
        float: none;
        display: block;
        margin: 0 0 10px;
    }
    #header .header-top .align-left {
        text-align: center;
        margin: 0;
    }
    #header .search-cart {
        width: 100%;
        float: none;
    }
    #header .cart {
        display: none;
    }
    #header .search-form {
        width: 100%;
        margin: 0;
    }
    #header .search-form .form-control {
        font-size: 11px;
        line-height: 13px;
        width: 41%;
        padding: 6px 10px;
    }
    #header .search-form .jcf-select {
        min-width: 139px;
    }
    #header .search-form .jcf-select .jcf-select-text {
        font-size: 11px;
    }
    #header .search-form .sub-btn {
        font-size: 15px;
        line-height: 22px;
    }
    #header .nav-opener {
        padding: 4px 10px;
    }
    #header .header-holder {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .logo {
        float: left;
        width: 170px;
        margin: 0 0 20px;
    }
    .banner:after {
        min-height: 380px;
    }
    .banner.banner2:after {
        min-height: 600px;
    }
    .banner.banner2 .search-form {
        width: 100%;
    }
    .banner.banner2 .search-form .jcf-select {
        min-width: 100%;
        margin: 0 0 10px;
        float: none;
    }
    .banner.banner2 .search-form .form-control {
        width: 100%;
        margin: 0 0 10px;
        float: none;
    }
    .banner.banner2 .search-form .sub-btn {
        float: none;
    }
    .banner.banner3:after {
        min-height: 150px;
    }
    .banner.banner3 h1 {
        font-weight: 500;
    }
    .banner h1,
    .banner h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .banner .txt {
        font-size: 14px;
        line-height: 20px;
    }
    .banner .search-form {
        width: 290px;
    }
    .banner .search-form label {
        left: 15px;
    }
    .banner .search-form .form-control {
        padding: 15px 45px;
    }
    .banner .search-form .btn-icon {
        right: 6px;
    }
    .heading {
        font-size: 25px;
        line-height: 35px;
    }
    .header {
        margin: 0 0 30px;
    }
    .store-sec .header {
        margin: 0 0 30px;
    }
    .store-sec .store-logo {
        margin: 0 0 40px;
    }
    .store-sec .store-logo li {
        width: 50%;
    }
    .feature-sec .header {
        margin: 0 0 40px;
    }
    .callout-sec h3 {
        font-size: 28px;
        margin: 0 0 20px;
    }
    .callout-sec h3 strong {
        font-size: 40px;
    }
    .offer-sec .header {
        margin: 0 0 40px;
    }
    .offer-sec .filter-list li {
        font-size: 11px;
    }
    .offer-sec .filter-list a {
        padding: 8px 10px;
    }
    .offer-holder {
        width: 100%;
    }
    .offer-holder .col {
        width: 100%;
        margin-right: 0;
        float: none;
        height: auto !important;
    }
    .offer-holder .col .c-logo {
        width: 88px;
        margin: 0 15px 0 0;
    }
    .offer-holder .col .offer {
        float: right;
    }
    .app-sec .img-holder {
        margin: 0 0 30px;
    }
    .app-sec .txt-holder {
        padding: 0;
        margin: 0 0 30px;
    }
    .app-sec h3 {
        font-size: 28px;
    }
    .app-sec .btn-holder a {
        margin: 0 0 0 10px;
    }
    .app-sec .btn-holder a:first-child {
        margin: 0;
    }
    .blog-sec .header {
        margin: 0 0 30px;
    }
    .testimonail-sec .header {
        margin: 0 0 30px;
    }
    .testimonail-slider .slide {
        margin: 0;
    }
    .abt-sec .img-holder {
        margin: 0 0 30px;
    }
    .abt-sec .abt-txt {
        padding: 0;
    }
    .abt-sec h3 {
        font-size: 28px;
    }
    .team-sec .header {
        margin: 0 0 30px;
    }
    .brand-list li {
        width: 50%;
        margin: 0 0 20px;
        padding: 0 10px;
    }
    .brand-list li:nth-child(5n+5) {
        margin: 0 0 20px;
    }
    .brand-list a {
        width: 100%;
        height: 110px;
    }
    .post-block {
        padding: 0 0 30px;
        margin: 0 0 30px;
    }
    .post-block:hover .img-holder .time {
        top: 15px;
    }
    .post-block .heading3 {
        font-size: 20px;
        line-height: 30px;
    }
    .widget {
        margin: 0 0 30px;
    }
    .widget .latest-news-list .img-holder {
        width: 25%;
    }
    .contact-sec .coll {
        padding-left: 15px;
        padding-right: 15px;
    }
    .contact-sec .contact-list {
        width: 100%;
        float: none;
        margin: 0 0 30px;
    }
    .contact-sec .contact-list.v2 {
        margin: 0;
    }
    .contact-sec .contact-list.v2 li {
        width: 100%;
    }
    .contact-sec .contact-form .col {
        width: 100%;
        float: none;
        padding: 0;
    }
    .contact-sec .contact-form .col:first-child {
        padding: 0;
        margin: 0 0 20px;
    }
    #content .post-detail.style2 .txt-holder .coupon-logo {
        width: 120px;
        float: none;
        margin: 0 0 15px;
    }
    #content .post-detail.style2 .txt-holder .align-left {
        padding: 0;
        float: none;
    }
    #content .store-logo li {
        width: 50%;
        padding: 0 15px;
        margin: 0 0 30px;
    }
    #content .store-logo li:nth-child(4n+4) {
        margin: 0 0 30px;
    }
    #content .store-logo a {
        padding: 10px;
        border: none;
    }
    #content .store-logo img {
        width: auto;
    }
    .post-detail .footer {
        padding: 10px 0 0;
    }
    .post-detail .footer .btn-primary {
        float: none;
        margin: 0 0 15px;
    }
    .post-detail .footer .social-network {
        float: none;
    }
    .comments-block.style2 .commment-area .img {
        width: 20%;
    }
    .comments-block.style2 .commment-onelevel .commment-area .img {
        width: 20%;
    }
    .register-holder .txt-holder {
        width: 100%;
        float: none;
        margin: 0 0 30px;
        padding: 0;
    }
    .register-holder .img-holder {
        width: 100%;
        float: none;
    }
    .sub-form .col {
        padding: 0;
        float: none;
        width: 100%;
    }
    .sub-form .col:first-child {
        padding: 0;
        margin: 0 0 20px;
    }
    .counter-sec .counter {
        font-size: 35px;
        line-height: 45px;
    }
    .counter-sec .icon {
        font-size: 40px;
        line-height: 55px;
    }
    .service-sec .service {
        padding: 20px 15px;
    }
    .contact-list2 li {
        width: 100%;
        float: none;
    }
    #footer.footer2 .col3 {
        width: 100%;
    }
    #footer.footer2 .col2 {
        width: 100%;
        padding: 0;
    }
    #footer .col1 {
        width: 100%;
        float: none;
        margin: 0 0 30px;
    }
    #footer .col2 {
        width: 100%;
        float: none;
        margin: 0 0 30px;
        padding: 0;
    }
    #footer .col3 {
        width: 100%;
        float: none;
        margin: 0 0 30px;
        padding: 0;
    }
    #footer .col4 {
        width: 100%;
        float: none;
        padding: 0;
    }
    #footer .footer-holder {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    #footer .footer-nav {
        text-align: left;
        padding: 10px 0 0;
    }
    #footer .footer-nav li {
        margin: 0 10px 0 0;
    }
}