/* ======== CONTEST RESPONSIVE STYLESHEET ======== */
@media screen and (max-width:1024px) {
    #intro .content-holder, #second .content-holder, #third .content-holder, #fourth .content-holder, #fifth .content-holder, #sixth .content-holder {
        padding: 30px 0;
    }

        #intro .content-holder h1, #second .content-holder h2, #third .content-holder h2, #fourth .content-holder h2, #fifth .content-holder h2, #sixth .content-holder h2 {
            font-size: 23px;
            margin: 0 0 20px;
        }

    #intro #intro-wrapper, #third .content-wrapper, #sixth .content-wrapper {
        background-size: 200px 200px;
    }

    #second .content-holder ul li, #third .content-holder ul li, #sixth .content-holder ul li {
        min-height: 60px;
    }

    .facebook, .gmail, .twitter, .yahoo {
        height: 60px;
        width: 60px;
        background-size: 60px 60px;
    }

    /* ======== INTRO CONTENT STYLESHEET ======== */
    #intro {
        min-height: 660px;
    }

        #intro .content-holder h1 {
            font-size: 32px;
        }

        #intro .content-holder h1, #intro .content-holder p {
            text-align: center;
        }

        #intro .content-holder .wrapper .content-right {
            width: 50%;
            padding-left: 0;
        }

        #intro .content-holder .wrapper .content-left {
            display: none;
        }

        #intro .content-holder .wrapper .content-right div.points-history {
            width: 93%;
        }


        #intro .content-holder .wrapper .content-right div.points-history-list {
            left: 0;
            width: 88.8%;
        }

        #intro .content-holder .wrapper .content-right .points-earned-box {
            width: 89%;
        }

    .points-earned-box #label {
        display: block;
        margin: -33px auto 0;
        position: static;
        text-align: center;
    }

    #intro .content-holder .wrapper .content-right div.points-breakup {
        text-align: right;
        width: 100%;
    }

    #intro .content-holder .wrapper .content-right div.points-history-list {
        max-width: 250px;
    }

        #intro .content-holder .wrapper .content-right div.points-history-list p span:first-child {
            text-align: left;
            width: 50%;
        }

    #intro .content-holder .wrapper .content-right div.points-history-list {
        max-height:245px;
    }
    /* ======== INTRO PAGE FACEBOOK BUTTON STYLESHEET ======== */
    #facebook-login-btn {
        margin: 14px auto 8px;
        display: block;
    }

     
    /* ======== INTRO PAGE CONTENT BOTTOM STYLESHEET ======== */
    #intro .content-holder .content-bottom {
        border-top: .5px #cfcfcf solid;
        padding-top: 20px;
    }

        #intro .content-holder .content-bottom img {
           
            display: none;
           
        }

    .icon-search {
    color: #11a8ab;
    cursor: pointer;
    display: block;
    font-size: 60px;
    height: 60px;
    margin: 0 auto;
    padding-bottom: 20px;
    width: 61px;
    }

    /* ======== SECOND CONTENT STYLESHEET ======== */



        #second .content-holder ul li {
            width: 96%;
            display: table;
        }

            #second .content-holder ul li .top {
                height: 120px;
                width: 56%;
                vertical-align: middle;
                position: relative;
                display: table-cell;
            }

                #second .content-holder ul li .top:after {
                    content: "–";
                    position: absolute;
                    top: 40%;
                    right: -40px;
                }

            #second .content-holder ul li .bottom {
                height: 120px;
                width: 44%;
                text-align: center;
                vertical-align: middle;
                padding-left: 45px;
                display: table-cell;
            }

            #second .content-holder ul li .top p {
                height: auto;
                margin-bottom: 0;
            }

            #second .content-holder ul li .bottom p {
                font-size: 16px;
                height: 16px;
            }
            #intro .content-holder .wrapper .content-right div.points-breakup {
    text-align: right;
    width: 100%;
}
#intro .content-holder div.points-history-list {
    width: auto;
}
#intro .content-holder div.points-history-list .review-history table tr td:nth-child(2) {
    display: none;
}
#intro .content-holder div.points-history-list .review-history table tr td {
    padding: 12px 3px;
}
#intro .content-holder .wrapper .content-right div.points-history-list {
    max-width: 250px;
}
    .icon-write-review, .icon-share, .icon-comment, .icon-rate, .icon-invite-friends {
        font-size: 35px;
    }

    .rupee-points {
        height: 60px;
        width: 60px;
    }

    .icon-rupee-1, .icon-rupee-2, .icon-rupee-3, .icon-rupee-4, .icon-rupee-5, .icon-rupee-6, .icon-rupee-7, .icon-rupee-8, .icon-rupee-9, .icon-rupee-10, .icon-rupee-11 {
        font-size: 60px;
    }

    /* ======== THIRD CONTENT STYLESHEET ======== */
    #third .content-wrapper {
        min-height: 150px;
    }

    #third .content-holder ul li {
        height: 60px;
    }

    /* ====== FIFTH CONTENT STYLESHEET ======== */
    #fifth .content-holder h3 {
        font-size: 18px;
    }

    #fifth .content-holder p {
        margin: 0 0 30px;
    }

    /* ======== SIXTH CONTENT STYLESHEET ======== */
    #sixth .content-wrapper {
        min-height: 150px;
    }

    #sixth .content-holder ul li {
        height: 60px;
    }

    #sixth .content-holder p {
        padding-top: 20px;
    }
}