﻿.cyber_bullying .container_onlinesafety .heading h1:hover
{
    text-decoration: underline;
}


.blocks_comic_img_mobile, .blocks_comic_img_tab, blocks_comic_img
{
    text-align: left;
}

.onlinesafety_wrapper
{
    width: 100%;
}

.container_onlinesafety
{
    width: 980px;
    margin: 0px auto;
}

.container_onlinesafety_slider
{
    width: 946px;
    margin: 5px auto;
}


/*banner*/

.onlinesafety_banner_container
{
    width: 100%;
}

.onlinesafety_banner
{
    width: 100%;
    position: relative;
}

.onlinesafety_banner img
{
    width: 100%;
    vertical-align: middle;
}

.onlinesafety_banner .onlinesafety_banner_text
{
    background: none repeat scroll 0 0 #B4009E !important;
    padding: 10px 10px 24px 30px;
    position: absolute;
    opacity: 0.9;
    right: 0px;
}

.onlinesafety_banner .onlinesafety_banner_text h2
{
    color: #FFF;
    font-weight: 100;
    margin: 0;
}

.comic_slider_section h2
{
    font: 42px 'SegoeUILight' , 'SegoeUI';
    color: rgb(0,120,215);
}

/*banner*/

/*introduction*/

.onlinesafety_introduction_section
{
    width: 100%;
    background: #5c2d91;
    min-height: 492px;
}

.onlinesafety_wrapper .what_protects_you
{
    width: 100%;
    background: #0078d7;
    min-height: 450px;
    color: #fff;
    display: inline-block;
}

.what_protects_you .what_protects_you_block
{
    opacity: 0.6;
}

.what_protects_you .what_protects_you_block:hover
{
    opacity: 1;
}

.onlinesafety_introduction_section .onlinesafety_introduction_para
{
    color: #fff;
}

/*introduction*/

.comic_slider_section .comic_slider img
{
    width: 100%;
}

.comic_slider_section
{
    min-height: 600px;
}

.safer_internet_day
{
    min-height: 150px;
    background-color: #e3008c;
    display: inline-block;
    width: 100%;
    margin-top: 45px;
    color: #fff;
    padding: 25px 0px;
}

.safer_internet_day .container_onlinesafety h2
{
    font: 42px 'SegoeUILight' , 'SegoeUI';
}

.safer_internet_day .container_onlinesafety span
{
    background-color: #ff8c00;
    padding: 0px 11px 0px 11px;
}

.poll_section
{
    padding: 50px 0px;
    width: 100%;
    color: #fff;
}

.poll_section.first_question_poll
{
    background-color: #5c2d91;
}

.poll_section.second_question_poll
{
    background-color: #207d6f;
}

.poll_section.first_question_poll h2, .poll_section.second_question_poll h2
{
    font: 42px 'SegoeUILight' , 'SegoeUI';
    margin-top: 0px;
}

.poll-options
{
    padding-left: 0px !important;
    margin-top: 40px;
}

.radio-wrapper
{
    list-style-type: none !important;
    height: 25px;
    margin-bottom: 20px;
    position: relative;
}

.radio-wrapper label
{
    color: #fff;
    display: inline-block;
    padding-left: 40px;
    position: absolute;
    margin-bottom: 2px;
    font: 22px 'SegoeUILight' , 'SegoeUI';
    cursor: pointer;
}
.radio-wrapper label:hover
{
    text-decoration: underline;
}
.radio-wrapper .label
{
    cursor: pointer;
    border: 0;
    background: #fff;
    display: block;
    height: 20px;
    width: 20px;
    padding: 0px;
    text-align: center;
    line-height: 1;
    left: 0;
    position: absolute;
    top: 7px;
    border-radius: 0px;
}

.radio-wrapper input[type=radio]
{
    height: 30px;
    left: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 8px;
    width: 32px;
    z-index: 2;
    box-sizing: border-box;
}

.profiles
{
    padding: 50px 0px;
    background-color: #e3008c;
    color: #fff;
}

.profiles h2
{
    font: 45px 'SegoeUILight' , 'SegoeUI';
}

.Tquiz h2:hover
{
    text-decoration: underline;
}
.profiles .cliche_box
{
    /* width: 370px;*/
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.profiles .row_first .cliche_box
{
    width: 260px;
}

.profiles .row_second .cliche_box
{
    width: 380px;
}

.profiles .cliche_box.left_side
{
    margin-right: 90px;
    float: left;
}

.profiles .cliche_box.right_side
{
    margin-right: 0px;
    float: right;
}

.profiles .cliche_box h4, .profiles .cliche_box p
{
    font: 20px 'SegoeUILight' , 'SegoeUI';
}

.profiles .cliche_box h4:hover
{
    text-decoration: underline;
}

.row_first .row_first
{
    margin-top: 60px;
}

.row_second
{
    padding-left: 120px;
}

.row_first, .row_second, .row_third
{
    display: inline-block;
    margin-bottom: 0px; /*  padding-left: 45px;*/
}

.did_you_know
{
    padding: 50px 0px 80px 0px;
    background-color: #0078d7;
    color: #fff;
}

.did_you_know h2
{
    font: 42px 'SegoeUILight' , 'SegoeUI';
    margin-top: 0px;
}



.poll-results .poll-results-list li
{
    list-style-type: none;
    padding-right: 15px;
}

.poll-results .poll-results-list .poll-txt-amt
{
    display: inline-block;
    margin-right: 20px;
    font: 24px 'SegoeUILight' , 'SegoeUI';
    font-style: italic;
    width: 45px;
}

.poll-results .poll-results-list .poll-graph-amt-container
{
    display: inline-block;
    font: 24px 'SegoeUILight' , 'SegoeUI';
    font-style: italic;
}


.cliche_box.hash_tablet
{
    display: none;
}

.cliche_box.hash
{
    display: block;
}


.onlinesafety_banner .onlinesafety_banner_text
{
    bottom: 40%;
    width: 40%;
    padding-left: 4%;
}

.onlinesafety_banner .onlinesafety_banner_text h2
{
    font: 60px 'SegoeUILight' , 'SegoeUI';
}

.onlinesafety_introduction
{
    padding: 70px 0px;
}

.onlinesafety_introduction_section .onlinesafety_introduction_para h2
{
    font: 60px 'SegoeUILight' , 'SegoeUI';
    margin-top: -20px;
}

.onlinesafety_introduction_section .onlinesafety_introduction_para p
{
    font: 20px 'SegoeUILight' , 'SegoeUI';
}

.onlinesafety_introduction_section .onlinesafety_introduction_para
{
    width: 530px;
    float: left;
}

.onlinesafety_introduction_twitter
{
    float: right;
    padding-left: 30px;
}

.onlinesafety_introduction_twitter iframe
{
    width: 334px !important;
    height: 372px !important;
}

.onlinesafety_wrapper .what_protects_you h2
{
    font: 42px 'SegoeUILight' , 'SegoeUI';
    margin-top: 0px;
}

.blocks_collection
{
    margin-top: 45px;
}

.what_protects_you_block
{
    margin-right: 85px;
    width: 176px;
    color: #fff;
    display: inline-block;
}

.what_protects_you_block.last_block
{
    margin-right: 0px;
}

.what_protects_you_block p
{
    font: 24px 'SegoeUILight' , 'SegoeUI';
    text-align: center;
    padding-top: 5px;
}
.what_protects_you_block p:hover
{
    text-decoration: underline;
}
.poll_section .content_width
{
    width: 700px;
}


.poll-overlay-inner.active, .poll-overlay-inner.active .poll-question
{
    display: block;
}

.more_resources
{
    padding: 30px 0px;
    background-color: #5c2d91;
}

.more_resources a
{
    color: #fff;
    font: 42px 'SegoeUILight' , 'SegoeUI';
}
.more_resources a:hover
{
    text-decoration: underline;
}

.poll-outer-div
{
    width: 50px;
    height: 18px;
    position: relative;
    display: inline-block;
}

.poll-inner-div
{
    background-color: white;
    height: 18px;
    position: absolute;
}

.poll-results-list
{
    -webkit-padding-start: 5px;
}

.poll-inner-div.selected
{
    background-color: rgb(255,127,39);
}

.poll-txt-amt.selected, .poll-graph-question-txt.selected
{
    color: rgb(255,127,39);
}

.profiles h3
{
    margin-top: -10px;
    margin-bottom: 50px;
    font-size: 35px;
}


.first_question_poll h3, .second_question_poll h3
{
    font-size: 28px;
    margin-bottom: 30px;
}

.profiles .row_second .cliche_box
{
    float: left;
    margin-right: 0px;
}

.profiles .row_second .cliche_box.right_box
{
    float: right;
}

.selected
{
    background-color: #ff0000;
}

.what_protects_you_block
{
    cursor: pointer;
}

.what_protects_you_block.active_img
{
    opacity: 1;
}

.blocks_comic_img.active_img
{
    display: block;
}

.blocks_comics
{
    margin-top: 40px;
    color: #fff;
    font-size: 20px;
}

.blocks_comic_list
{
    margin-top: 25px;
}

.blocks_comic_list li
{
    margin-bottom: 8px;
}


.row_first .cliche_box p
{
    min-height: 190px;
}

.row_second .cliche_box p
{
    min-height: 90px;
}


/*did you know start*/

.did_you_know .big_number
{
    font: 200px 'SegoeUILight' , 'SegoeUI';
    margin-bottom: -40px;
}

#slide_1, #slide_2, #slide_3, #slide_4, #slide_5
{
    margin-bottom: 50px;
}

#slide_1 .slide_wrap .slide_wrap_one
{
    float: left;
    width: 100%;
}

#slide_1 .slide_wrap .slide_wrap_one .big_number_sup
{
    font-size: 42px;
    padding-left: 420px;
    text-align: left;
}

#slide_1 .slide_wrap .slide_wrap_two
{
    float: right;
    width: 100%;
}

#slide_1 .slide_wrap .slide_wrap_two .slide_wrap_two_details
{
    font-size: 24px;
    padding-top: 10px;
    width: 50%;
    float: right;
}

#slide_2 .slide_wrap .slide_wrap_one
{
    float: left;
    width: 100%;
}

#slide_2 .slide_wrap .slide_wrap_two
{
    float: left;
    width: 100%;
    padding-left: 475px;
}

#slide_2 .slide_wrap .slide_wrap_two .slide_wrap_two_details
{
    font-size: 24px;
    padding-top: 10px;
    width: 350px;
}

#slide_3
{
    padding-top: 70px;
}

#slide_3 .slide_wrap .slide_wrap_one
{
    float: left;
    width: 50%;
}

#slide_3 .slide_wrap .slide_wrap_one .big_number_sup
{
    text-align: right;
    font-size: 140px;
    line-height: 130px;
}

#slide_3 .slide_wrap .slide_wrap_two
{
    float: left;
    width: 50%;
    padding-top: 212px;
    padding-left: 20px;
}

#slide_3 .slide_wrap .slide_wrap_two .slide_wrap_two_details
{
    font-size: 24px;
    padding-top: 10px;
    width: 350px;
}

#slide_4
{
    padding-top: 70px;
}

#slide_4 .slide_wrap .slide_wrap_one
{
    float: left;
    width: 100%;
}

#slide_4 .slide_wrap .slide_wrap_one .big_number_sup
{
    font-size: 140px;
    margin-bottom: -20px;
}

#slide_4 .slide_wrap .slide_wrap_two
{
    float: left;
    width: 100%;
    padding-left: 475px;
}

#slide_4 .slide_wrap .slide_wrap_two .slide_wrap_two_details
{
    font-size: 24px;
    padding-top: 10px;
    width: 350px;
}

#slide_5
{
    padding-top: 70px;
}

#slide_5 .slide_wrap .slide_wrap_one
{
    float: left;
    width: 50%;
}

#slide_5 .slide_wrap .slide_wrap_one .big_number_sup
{
    text-align: right;
    font-size: 195px;
    line-height: 190px;
}

#slide_5 .slide_wrap .slide_wrap_two
{
    float: left;
    width: 50%;
    padding-top: 212px;
    padding-left: 20px;
}

#slide_5 .slide_wrap .slide_wrap_two .slide_wrap_two_details
{
    font-size: 24px;
    padding-top: 10px;
    width: 430px;
}



/*did you know ends*/


@media (min-width:801px)
{
    .what_protects_you
    {
        padding: 50px 0px;
    }
}

@media (min-width:768px) and (max-width:1020px)
{
    .row_first .cliche_box p
    {
        min-height: 190px;
    }

    .first_question_poll h3, .second_question_poll h3
    {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .container_onlinesafety
    {
        width: 740px;
    }

    .onlinesafety_banner .onlinesafety_banner_text
    {
        width: 52%;
        bottom: 34%;
    }

    .onlinesafety_introduction_section
    {
        margin-bottom: -5px;
    }

    .onlinesafety_introduction_twitter
    {
        float: left;
        margin-top: 20px;
        margin-bottom: 45px;
        padding-left: 0px;
    }

    .container_onlinesafety .blocks_collection
    {
        width: 442px;
        margin: 0px auto;
    }

    .what_protects_you_block.Relationships.tab_right
    {
        margin-right: 0px;
    }

    .poll-results .poll-results-list .poll-txt-amt, .poll-results .poll-results-list .poll-graph-amt-container
    {
        font-size: 20px;
    }

    .comic_slider_section
    {
        min-height: 460px;
    }

    .container_onlinesafety_slider
    {
        width: 740px;
        padding: 0px 20px;
    }

    .comic_slider_section .comic_slider img
    {
        width: 700px;
    }

    .poll_section, .profiles
    {
        padding: 50px 20px;
    }

    .row_first
    {
        padding-left: 120px;
        width: 700px;
    }

    .profiles .cliche_box.left_side
    {
        margin-right: 90px;
    }

    .profiles .cliche_box img
    {
        width: 200px;
    }

    .profiles .row_first .cliche_box
    {
        width: 200px;
    }

    /*.row_first .cliche_box p
                                                            {
                                                                min-height: 270px;
                                                            }*/

    .profiles .row_second .cliche_box
    {
        width: 265px;
    }

    .row_second
    {
        padding-left: 91px;
    }

    .onlinesafety_introduction_section
    {
        display: inline-block;
    }

    .onlinesafety_wrapper .what_protects_you h2
    {
        margin-bottom: 30px;
    }

    .blocks_comic_img
    {
        margin-right: 20px;
    }

    .blocks_comic_img_tab p
    {
        font-size: 20px;
        width: 720px;
        margin-left: -130px;
    }

    .blocks_comic_list
    {
        margin-left: -100px;
    }

    .blocks_comic_list li
    {
        font-size: 20px;
    }

    /*did you know starts*/

    .did_you_know
    {
        padding: 25px 20px 80px 20px;
    }

    #slide_1 .slide_wrap .slide_wrap_one
    {
        padding-left: 5%;
    }

    .did_you_know .big_number
    {
        font-size: 150px;
    }

    #slide_1 .slide_wrap .slide_wrap_one .big_number_sup
    {
        padding-left: 295px;
    }

    #slide_1 .slide_wrap .slide_wrap_two
    {
        padding-left: 30px;
    }

    #slide_2 .slide_wrap .slide_wrap_two
    {
        padding-left: 370px;
        padding-top: 20px;
    }

    #slide_3 .slide_wrap .slide_wrap_two .slide_wrap_two_details
    {
        width: 290px;
    }

    #slide_3
    {
        padding-top: 50px;
    }

    #slide_4 .slide_wrap .slide_wrap_one .big_number_sup
    {
        font-size: 100px;
    }

    #slide_4 .slide_wrap .slide_wrap_two
    {
        padding-left: 330px;
    }

    #slide_5 .slide_wrap .slide_wrap_one .big_number_sup
    {
        font-size: 150px;
    }

    #slide_5 .slide_wrap .slide_wrap_two
    {
        padding-top: 170px;
    }

    #slide_5 .slide_wrap .slide_wrap_two .slide_wrap_two_details
    {
        width: 270px;
    }

    #slide_5
    {
        padding-top: 50px;
    }

    .single-item-slider .slick-next
    {
        right: 40% !important;
    }

    .single-item-slider .slick-prev
    {
        left: 40% !important;
    }

    /*did you know ends*/

    .cliche_box.hash_tablet
    {
        display: block;
        float: none;
        margin-right: 55px !important;
        display: inline-block;
    }

    .cliche_box.hash
    {
        display: none;
    }

    .cliche_box.right_side.teamEmo
    {
        float: right;
        display: inline-block;
        margin-right: 80px;
    }
}





@media (min-width:768px) and (max-width:800px)
{
    .onlinesafety_introduction_section
    {
        padding: 0px 20px;
    }

    .what_protects_you
    {
        padding: 50px 20px;
    }
}


@media (min-width:480px) and (max-width:767px)
{
    .row_first .cliche_box p
    {
        min-height: 100px;
    }

    .first_question_poll h3, .second_question_poll h3
    {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .container_onlinesafety
    {
        width: 480px;
        margin: 0px auto;
    }

    .onlinesafety_banner .onlinesafety_banner_text
    {
        bottom: 31%;
        width: 52%;
    }

    .onlinesafety_banner .onlinesafety_banner_text h2
    {
        font-size: 32px;
    }

    .onlinesafety_introduction
    {
        padding: 35px 20px;
    }

    .onlinesafety_introduction_section .onlinesafety_introduction_para h2
    {
        font-size: 25px;
    }

    .onlinesafety_introduction_section .onlinesafety_introduction_para p
    {
        font-size: 16px !important;
    }

    .onlinesafety_introduction_section .onlinesafety_introduction_para
    {
        width: 435px;
    }

    .onlinesafety_introduction_section
    {
        display: inline-block;
    }

    .onlinesafety_introduction_twitter
    {
        float: none;
        padding-left: 0px;
        text-align: center;
    }

    .comic_slider.container_onlinesafety_slider
    {
        width: 460px;
    }

    .comic_slider.container_onlinesafety_slider h2
    {
        font-size: 25px;
        padding-left: 20px;
    }

    .comic_slider_section
    {
        min-height: 320px;
    }

    .slick-prev
    {
        left: 40% !important;
    }

    .slick-next
    {
        right: 40% !important;
    }

    .onlinesafety_wrapper .what_protects_you h2
    {
        font-size: 25px;
    }

    .what_protects_you
    {
        padding: 30px 20px;
    }

    .blocks_collection
    {
        margin-top: 20px;
    }

    .blocks_collection
    {
        margin-top: 20px;
        text-align: center;
        width: 430px;
    }

    .what_protects_you_block.Reputation, .what_protects_you_block.Privacy
    {
        margin-right: 10%;
    }

    .what_protects_you_block
    {
        margin-right: 0px;
    }

    .blocks_comics
    {
        font-size: 16px !important;
    }

    .what_protects_you_block p
    {
        font-size: 16px;
    }

    .poll_section.first_question_poll h2, .poll_section.second_question_poll h2
    {
        font-size: 25px;
    }

    .poll_section
    {
        padding: 15px 20px;
    }

    .poll_section .content_width
    {
        width: 451px;
    }

    .poll-options
    {
        margin-top: 0px;
    }

    .radio-wrapper label
    {
        padding-left: 25px;
        padding-top: 4px;
        font-size: 14px;
    }

    .radio-wrapper .label
    {
        width: 15px;
        height: 15px;
    }

    .poll-outer-div
    {
        width: 25px;
    }

    .poll-results
    {
        margin-left: -5px;
    }


    .poll-results .poll-results-list .poll-txt-amt, .poll-results .poll-results-list .poll-graph-amt-container
    {
        font-size: 13px;
    }

    .poll-results .poll-results-list .poll-txt-amt
    {
        width: 16px;
    }
    #result_poll_first .poll-results .poll-results-list li
    {
        height: 30px;
    }

    #result_poll_second .poll-results .poll-results-list li
    {
        height: 25px;
    }

    .radio-wrapper
    {
        margin-bottom: 10px;
    }

    .profiles
    {
        padding: 5px 20px;
    }

    .profiles h2
    {
        font-size: 25px;
    }

    .profiles h3
    {
        margin-top: -10px;
        margin-bottom: 25px;
        font-size: 22px;
    }

    .social_container
    {
        width: 460px; /*text-align: center;*/
    }

    .row_first, .row_second
    {
        padding-left: 0px;
    }
    .cliche_box img
    {
        width: 190px;
    }

    .profiles .cliche_box.left_side
    {
        float: left;
        margin-right: 35px;
    }

    .cliche_box.right_side.teamEmo
    {
        margin-right: 35px;
        float: right;
    }
    .cliche_box.hash_tablet
    {
        float: left;
    }
    .profiles .row_first .cliche_box, .profiles .row_second .cliche_box
    {
        width: 190px;
    }
    .profiles .cliche_box.right_side
    {
        float: right;
    }

    .profiles .row_second .cliche_box.right_box
    {
        float: left;
        margin-right: 0px;
    }

    .profiles .row_second .cliche_box
    {
        float: none;
        width: 190px;
    }

    .profiles .cliche_box h4, .profiles .cliche_box p
    {
        font-size: 16px;
    }

    .more_resources
    {
        padding: 20px 20px;
    }

    .more_resources a 
    {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 25px;
    }
    
    .more_resources a span img
    {
        width: 30px;
    }

    /*did you know starts*/

    .did_you_know
    {
        padding: 30px 20px 55px 20px;
    }

    .did_you_know h2
    {
        font-size: 25px;
    }

    .did_you_know .big_number
    {
        font-size: 90px;
    }

    #slide_1, #slide_2, #slide_3, #slide_4, #slide_5
    {
        margin-bottom: 0px;
    }

    #slide_1 .slide_wrap .slide_wrap_one .big_number_sup
    {
        font-size: 25px;
        margin-top: 20px;
    }

    #slide_1 .slide_wrap .slide_wrap_two .slide_wrap_two_details
    {
        font-size: 20px; /* padding-top: 10px; */
        width: 58%;
        padding-right: 47px;
        float: right;
        margin-top: -10px;
    }

    #slide_1 .slide_wrap .slide_wrap_one .big_number_sup
    {
        padding-left: 178px;
    }

    #slide_1 .slide_wrap .slide_wrap_two .slide_wrap_two_details
    {
        font-size: 18px;
    }

    #slide_2
    {
        margin-bottom: 0px;
        padding-top: 30px;
    }

    #slide_2 .slide_wrap .slide_wrap_two .slide_wrap_two_details
    {
        padding-top: 30px;
        font-size: 18px;
        width: 270px;
    }

    #slide_2 .slide_wrap .slide_wrap_two
    {
        padding-left: 164px;
    }

    #slide_3
    {
        padding-top: 10px;
    }

    #slide_3 .slide_wrap .slide_wrap_one .big_number_sup
    {
        line-height: 85px;
        font-size: 90px;
    }

    #slide_3 .slide_wrap .slide_wrap_two
    {
        padding-left: 205px;
        margin-top: -10px;
    }

    #slide_3 .slide_wrap .slide_wrap_two
    {
        float: left;
        width: 100%;
        padding-top: 0px;
        padding-left: 210px;
    }

    #slide_3 .slide_wrap .slide_wrap_two .slide_wrap_two_details
    {
        font-size: 18px;
        width: 205px;
    }

    #slide_4
    {
        padding-top: 50px;
    }

    #slide_4 .slide_wrap .slide_wrap_one .big_number_sup
    {
        font-size: 65px;
    }

    #slide_4 .slide_wrap .slide_wrap_two
    {
        padding-left: 160px;
    }

    #slide_4 .slide_wrap .slide_wrap_two .slide_wrap_two_details
    {
        font-size: 18px;
        padding-top: 20px;
        width: 263px;
    }

    #slide_5
    {
        padding-top: 50px;
    }

    #slide_5 .slide_wrap .slide_wrap_one .big_number_sup
    {
        font-size: 110px;
        line-height: 100px;
    }

    #slide_5 .slide_wrap .slide_wrap_two
    {
        padding-top: 80px;
    }

    #slide_5 .slide_wrap .slide_wrap_two .slide_wrap_two_details
    {
        font-size: 18px;
        padding-top: 10px;
        width: 205px;
    }
    /*did you know ends*/
    .cliche_box.hash_tablet
    {
        display: block;
    }

    .cliche_box.hash
    {
        display: none;
    }

    .profiles .row_first .cliche_box, .profiles .row_second .cliche_box
    {
        margin-bottom: 35px;
    }
}

@media (min-width:0px) and (max-width:479px)
{
    .poll_section.first_question_poll h2, .poll_section.second_question_poll h2
    {
        font-size: 25px;
    }

    .onlinesafety_introduction
    {
        padding: 30px 0px;
    }

    .onlinesafety_wrapper .what_protects_you h2
    {
        font-size: 20px;
    }

    .onlinesafety_banner .onlinesafety_banner_text
    {
        bottom: 35%;
        width: 54%;
        padding: 10px 10px 15px 15px;
    }

    .onlinesafety_banner .onlinesafety_banner_text h2
    {
        font-size: 24px;
    }


    .onlinesafety_introduction_section .onlinesafety_introduction_para h2
    {
        font-size: 25px;
    }

    .onlinesafety_introduction_section .onlinesafety_introduction_para p
    {
        font-size: 14px !important;
    }

    .onlinesafety_introduction_section .onlinesafety_introduction_para
    {
        width: 460px;
    }

    .onlinesafety_introduction_section
    {
        display: inline-block;
    }

    .container_onlinesafety
    {
        width: 290px;
    }

    .onlinesafety_introduction_twitter iframe
    {
        max-width: 90% !important;
        margin-left: -20px;
    }
	.profiles .cliche_box.left_side{
		margin-right:0;
	}
    .onlinesafety_introduction_twitter iframe
    {
        height: 300px !important;
        margin-top: 15px;
    }

    .onlinesafety_introduction_section .onlinesafety_introduction_para
    {
        width: 273px;
    }

    .onlinesafety_introduction_twitter
    {
        float: none;
        padding-left: 0px;
        text-align: center;
    }

    .row_first .cliche_box p
    {
        min-height: 100px;
    }

    .more_resources
    {
        padding: 20px 20px;
    }

    .more_resources a
    {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 25px;
    }

    .more_resources a span img
    {
        width: 30px;
    }

    .what_protects_you
    {
        padding: 20px 0px;
    }

    .blocks_collection
    {
        margin-top: 20px;
    }

    .blocks_collection
    {
        width: 273px;
        text-align: center;
    }

    .what_protects_you_block
    {
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .profiles .cliche_box
    {
        margin-bottom: 15px;
    }

    .blocks_collection p
    {
        font-size: 14px;
    }

    .blocks_comic_img
    {
        font-size: 14px;
        width: 273px;
    }

    .comic_slider_section h2
    {
        font-size: 25px;
    }

    .container_onlinesafety_slider
    {
        padding: 0px 10px;
        width: 300px;
    }

    .comic_slider_section
    {
        min-height: 280px;
    }

    .slick-next
    {
        right: 30% !important;
    }

    .slick-prev
    {
        left: 30% !important;
    }

    .poll_section
    {
        padding: 20px 0px;
    }

    .poll_section .content_width
    {
        width: 300px;
    }

    .first_question_poll h3, .second_question_poll h3
    {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .poll-options
    {
        margin-top: 0px;
        width: 273px;
    }

    .radio-wrapper .label
    {
        width: 15px;
        height: 15px;
        top: 2px;
    }

    .radio-wrapper
    {
        margin-bottom: 10px;
    }

    .radio-wrapper label
    {
        margin-bottom: 0px;
    }

    .radio-wrapper input[type=radio]
    {
        width: 15px;
        height: 15px;
    }

    .radio-wrapper label
    {
        padding-left: 24px;
        font-size: 14px;
    }

    .radio-wrapper.mobile_extra_padding
    {
        margin-bottom: 25px;
    }

    .poll-results .poll-results-list .poll-graph-amt-container
    {
        width: 205px;
        font-size: 14px;
    }

    /*.poll-outer-div
                                                            {
                                                                display: none;
                                                            }*/

    .poll-results-list
    {
        padding-left: 0px;
    }

    .poll-results .poll-results-list .poll-txt-amt
    {
        width: 15px;
        margin-right: 20px;
        font-size: 14px;
        vertical-align: top;
    }

    .poll-outer-div
    {
        width: 30px;
        height: 10px;
        position: relative;
        display: inline-block;
        vertical-align: top;
    }
    #result_poll_second .poll-results .poll-results-list li
    {
        height: 30px;
    }
    #result_poll_first .poll-results .poll-results-list li
    {
        height: 40px;
        margin-bottom: 10px;
    }


    .poll_section.second_question_poll h2
    {
        width: 275px;
    }

    .profiles
    {
        padding: 1px 0px;
    }

    .profiles h2
    {
        font-size: 25px;
    }

    .profiles h3
    {
        margin-top: 0px;
        margin-bottom: 30px;
        font-size: 21px;
    }

    .profiles .cliche_box.right_side
    {
        float: none;
    }

    .profiles .cliche_box h4, .profiles .cliche_box p
    {
        font-size: 14px;
    }

    .profiles .row_second .cliche_box
    {
        width: 260px;
    }

    .row_second
    {
        padding-left: 0px;
    }

    .profiles .row_second .cliche_box.right_box
    {
        float: none;
    }

    .blocks_comic_list
    {
        margin-top: 15px;
        margin-left: -20px;
    }

    /*did you know starts*/

    .did_you_know
    {
        padding: 15px 0px 55px 0px;
    }

    .did_you_know h2
    {
        font-size: 25px;
    }

    .did_you_know .big_number
    {
        font-size: 60px;
        margin-bottom: -10px;
    }

    #slide_1, #slide_2, #slide_3, #slide_4, #slide_5
    {
        margin-bottom: 0px;
    }

    #slide_1 .slide_wrap .slide_wrap_one .big_number_sup
    {
        font-size: 18px;
        padding-left: 114px;
    }

    #slide_1 .slide_wrap .slide_wrap_two .slide_wrap_two_details
    {
        font-size: 16px;
        width: 64%;
        padding-left: 8px;
        margin-top: -15px;
    }

    #slide_2
    {
        padding-top: 25px;
    }

    #slide_2 .slide_wrap .slide_wrap_two
    {
        padding-left: 43px;
    }

    #slide_2 .slide_wrap .slide_wrap_two .slide_wrap_two_details
    {
        width: 246px;
        font-size: 16px;
    }

    #slide_3
    {
        padding-top: 0px;
    }

    #slide_3 .slide_wrap .slide_wrap_one
    {
        width: 58%;
    }

    #slide_3 .slide_wrap .slide_wrap_one .big_number_sup
    {
        font-size: 60px;
        line-height: 60px;
    }

    #slide_3 .slide_wrap .slide_wrap_two
    {
        width: 100%;
        padding-top: 0px;
        padding-left: 0px;
    }

    #slide_3 .slide_wrap .slide_wrap_two .slide_wrap_two_details
    {
        font-size: 16px;
        padding-top: 0px;
        width: 280px;
        padding-left: 90px;
    }

    #slide_4
    {
        padding-top: 30px;
    }

    #slide_4 .slide_wrap .slide_wrap_one .big_number_sup
    {
        font-size: 45px;
    }

    #slide_4 .slide_wrap .slide_wrap_two
    {
        padding-left: 0px;
    }

    #slide_4 .slide_wrap .slide_wrap_two .slide_wrap_two_details
    {
        font-size: 16px;
        padding-top: 20px;
        width: 260px;
        padding-left: 23px;
    }

    #slide_5
    {
        padding-top: 15px;
    }

    #slide_5 .slide_wrap .slide_wrap_one .big_number_sup
    {
        text-align: right;
        font-size: 85px;
        line-height: 80px;
        margin-bottom: 0px;
    }

    #slide_5 .slide_wrap .slide_wrap_two
    {
        float: left;
        width: 80%;
        padding-left: 100px;
        padding-top: 0px;
        padding-left: 105px;
    }

    #slide_5 .slide_wrap .slide_wrap_two .slide_wrap_two_details
    {
        font-size: 16px;
        padding-top: 10px;
        width: 183px;
    }

    /*did you know ends*/
    .cliche_box.hash_tablet
    {
        display: none;
    }

    .cliche_box.hash
    {
        display: block;
    }
}



.cyber_bullying
{
    width: 100%;
    background: #e3008c;
    min-height: 100px;
    color: #fff;
}

.cyber_bullying_content
{
    display: none;
}

.cyber_bullying .container_onlinesafety h1
{
    font: 42px 'SegoeUILight' , 'SegoeUI';
    margin-right: 20px;
}

.cyber_bullying .container_onlinesafety .heading
{
    cursor: pointer;
}
.cyber_bullying .container_onlinesafety .heading h1
{
    margin-left: 10px;
}

.cyber_bullying .container_onlinesafety .heading h1, .cyber_bullying .container_onlinesafety .heading .Expand, .cyber_bullying .container_onlinesafety .heading .Collapse
{
    display: inline-block;
}

.cyber_bullying .container_onlinesafety .heading .Expand, .cyber_bullying .container_onlinesafety .heading .Collapse
{
    margin-top: -22px;
}

.cyber_bullying .container_onlinesafety .cyber_bullying_content p
{
    font: 22px 'SegoeUILight' , 'SegoeUI';
}

.cyber_bullying .container_onlinesafety .cyber_bullying_content h2
{
    font: 36px 'SegoeUILight' , 'SegoeUI';
}

.cyber_bullying .container_onlinesafety .cyber_bullying_content h3
{
    margin-bottom: -15px;
}

.quiz_button
{
    padding: 6px 5px;
    text-align: center;
    cursor: pointer;
}

.quiz_button a
{
    font-size: 20px !important;
    color: #fff !important;
    font-family: 'SegoeUILight' , 'SegoeUI' !important;
    text-decoration: none !important;
}

.quiz_button a:hover
{
    text-decoration: underline !important;
}

.NotActive
{
    display: none;
}

#jumble_words
{
    color: lime;
    font-family: Arial 'Agency FB';
    font-size: medium;
    margin-left: 75px;
}

horizontal-widget .btn-bottom, .horizontal-widget .btn-bottom-intro
{
    /* position: absolute; */
    left: 12px;
    bottom: 6px;
}

.horizontal-widget .img-question
{
    /* position: absolute; */
    right: 16px;
    top: 20%;
}

#widget-container
{
    background: none !important; /*position: absolute !important;*/
    border: none !important;
    width: 100% !important;
    height: 260px !important;
}

#cyberbullying-widget
{
    background-color: #fff; /* overflow: hidden; */
    padding: 6px;
}

/*.horizontal-widget #widget-content
{
    padding: 0 -39px 0px 12px;
    vertical-align: middle;
    display: -webkit-inline-box !important;
}*/

#cyberbullying-widget
{
    background-color: #e3008c !important;
}
#cyberbullying-widget
{
    width: 100% !important;
    height: 290px !important;
}
#widget-top-left, #widget-top-right, #widget-bot-left, #widget-bot-right, .horizontal-widget .intro
{
    background: none !important;
}
.horizontal-widget .intro
{
    width: 100% !important;
}
#widget-microsoft, .img-intro, .img-question
{
    display: none !important;
}
/*#widget-content
{
    width:auto !important;
}*/

.hdr-line-1, .hdr-line-2, .horizontal-widget #widget-content p
{
    color: #fff !important;
    font-style: normal !important;
}

.horizontal-widget .btn-bottom-intro
{
    bottom: 15px !important;
}

.horizontal-widget .home-disclaimer
{
    bottom: -10px !important;
    font-size: 11px !important;
    display: none !important;
}

.horizontal-widget .answer span
{
    color: #fff !important;
    font-weight: bold !important;
    font-size: 20px !important;
}
.horizontal-widget .answer
{
    width: 82% !important;
}
#widget-content li
{
    background-image: none !important;
}

.horizontal-widget #widget-content
{
    padding: 0px !important;
    display: inline !important;
}
#widget-content ul
{
    margin-left: 40px !important;
    padding-left: 0 !important;
    list-style: none !important;
    margin-top: 10px !important;
}
.horizontal-widget .intro
{
    padding: 0px 0px !important;
    margin-top: 30px !important;
}
.horizontal-widget .btn-bottom, .horizontal-widget .btn-bottom-intro
{
    left: 0px !important;
}

.horizontal-widget .hdr-line-1
{
    font-size: 28px !important;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}
.horizontal-widget .hdr-line-2
{
    font-weight: 600 !important;
}
#widget-content li
{
    font-size: 18px !important;
    font-family: 'SegoeUILight' , 'SegoeUI' !important;
    line-height: 24px !important;
    list-style-type: disc !important;
    padding-left: 0px !important;
}
.summary a
{
    text-decoration: none !important;
    color: #fff !important;
}
@media (min-width:768px) and (max-width:1179px)
{
    .quiz_button
    {
        background-color: #0078d7;
        padding: 6px 12px;
        text-align: center;
        cursor: pointer;
    }
    .quiz_button a
    {
        font-size: 20px !important;
        color: #fff !important;
        font-family: 'SegoeUILight' , 'SegoeUI' !important;
        text-decoration: none !important;
    }
    #widget-container
    {
        background: none !important; /*position: absolute !important;*/
        border: none !important;
        width: 100% !important;
        height: 300px !important;
    }
    #cyberbullying-widget
    {
        width: 100% !important;
        height: 325px !important;
    }
    .horizontal-widget .btn-bottom-intro
    {
        bottom: 25px !important;
    }
}

@media (min-width:480px) and (max-width:767px)
{
    .cyber_bullying
    {
        width: 100%;
        background: #e3008c;
        min-height: 80px;
        color: #fff;
    }

    .cyber_bullying_content
    {
        display: none;
    }
    .cyber_bullying .container_onlinesafety
    {
        width: 430px !important;
        margin: 0px auto;
    }

    .cyber_bullying .container_onlinesafety h1
    {
        font: 25px 'SegoeUILight' , 'SegoeUI';
        margin-right: 20px;
    }

    .cyber_bullying .container_onlinesafety .heading
    {
        cursor: pointer;
    }
    .cyber_bullying .container_onlinesafety .heading h1
    {
        margin-left: 10px;
    }

    .cyber_bullying .container_onlinesafety .heading h1, .cyber_bullying .container_onlinesafety .heading .Expand, .cyber_bullying .container_onlinesafety .heading .Collapse
    {
        display: inline-block;
    }

    .cyber_bullying .container_onlinesafety .heading .Expand, .cyber_bullying .container_onlinesafety .heading .Collapse
    {
        margin-top: -13px;
    }

    .cyber_bullying .container_onlinesafety .cyber_bullying_content p
    {
        font: 14px 'SegoeUILight' , 'SegoeUI';
    }

    .cyber_bullying .container_onlinesafety .cyber_bullying_content h2
    {
        font: 36px 'SegoeUILight' , 'SegoeUI';
    }

    .cyber_bullying .container_onlinesafety .cyber_bullying_content h3
    {
        margin-bottom: -15px;
    }

    .quiz_button
    {
        background-color: #0078d7;
        padding: 5px 10px;
        text-align: center;
        cursor: pointer;
    }

    .quiz_button a
    {
        font-size: 14px !important;
        color: #fff !important;
        font-family: 'SegoeUILight' , 'SegoeUI' !important;
        text-decoration: none !important;
    }

    .NotActive
    {
        display: none;
    }

    #jumble_words
    {
        color: lime;
        font-family: Arial 'Agency FB';
        font-size: medium;
        margin-left: 75px;
    }

    horizontal-widget .btn-bottom, .horizontal-widget .btn-bottom-intro
    {
        /* position: absolute; */
        left: 12px;
        bottom: 6px;
    }

    .horizontal-widget .img-question
    {
        /* position: absolute; */
        right: 16px;
        top: 20%;
    }

    #widget-container
    {
        background: none !important; /*position: absolute !important;*/
        border: none !important;
        width: 100% !important;
        height: 290px !important;
    }

    #cyberbullying-widget
    {
        background-color: #fff; /* overflow: hidden; */
        padding: 6px;
    }

    /*.horizontal-widget #widget-content
                                    {
                                        padding: 0 -39px 0px 12px;
                                        vertical-align: middle;
                                        display: -webkit-inline-box !important;
                                    }*/

    #cyberbullying-widget
    {
        background-color: #00bcf2 !important;
    }
    #cyberbullying-widget
    {
        width: 100% !important;
        height: 315px !important;
    }
    #widget-top-left, #widget-top-right, #widget-bot-left, #widget-bot-right, .horizontal-widget .intro
    {
        background: none !important;
    }
    .horizontal-widget .intro
    {
        width: 100% !important;
    }
    #widget-microsoft, .img-intro, .img-question
    {
        display: none !important;
    }
    /*#widget-content
                                    {
                                        width:auto !important;
                                    }*/

    .hdr-line-1, .hdr-line-2, .horizontal-widget #widget-content p
    {
        color: #fff !important;
        font-style: normal !important;
    }

    .horizontal-widget .btn-bottom-intro
    {
        bottom: 30px !important;
    }

    .horizontal-widget .home-disclaimer
    {
        bottom: -10px !important;
        font-size: 11px !important;
        display: none !important;
    }

    .horizontal-widget .answer span
    {
        color: #fff !important;
        font-weight: bold !important;
        font-size: 18px !important;
    }
    .horizontal-widget .answer
    {
        width: 82% !important;
    }
    #widget-content li
    {
        background-image: none !important;
    }

    .horizontal-widget #widget-content
    {
        padding: 0px !important;
        display: inline !important;
    }
    #widget-content ul
    {
        margin-left: 40px !important;
        padding-left: 0 !important;
        list-style: none !important;
        margin-top: 10px !important;
    }
    .horizontal-widget .intro
    {
        padding: 0px 0px !important;
        margin-top: 20px !important;
    }
    .horizontal-widget .btn-bottom, .horizontal-widget .btn-bottom-intro
    {
        left: 0px !important;
    }

    .horizontal-widget .hdr-line-1
    {
        font-size: 20px !important;
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }
    .horizontal-widget .hdr-line-2
    {
        font-weight: 600 !important;
    }
    #widget-content li
    {
        font-size: 14px !important;
        font-family: 'SegoeUILight' , 'SegoeUI' !important;
        line-height: 24px !important;
        list-style-type: disc !important;
        padding-left: 0px !important;
    }
    .summary a
    {
        text-decoration: none !important;
        color: #fff !important;
    }

    .horizontal-widget .hdr-line-2
    {
        font-family: Segoe UI, Arial !important;
        color: #fff !important;
        font-style: normal !important;
        font-size: 25px !important;
        font-weight: 600 !important;
        line-height: 36px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}
@media (min-width:0px) and (max-width:479px)
{
    .cyber_bullying
    {
        width: 100%;
        background: #e3008c;
        min-height: 80px;
        color: #fff;
    }

    .cyber_bullying_content
    {
        display: none;
    }
    .cyber_bullying .container_onlinesafety
    {
        width: 300px !important;
        margin: 0px auto;
    }

    .cyber_bullying .container_onlinesafety h1
    {
        font: 25px 'SegoeUILight' , 'SegoeUI';
        margin-right: 20px;
    }

    .cyber_bullying .container_onlinesafety .heading
    {
        cursor: pointer;
    }
    .cyber_bullying .container_onlinesafety .heading h1
    {
        margin-left: 10px;
    }

    .cyber_bullying .container_onlinesafety .heading h1, .cyber_bullying .container_onlinesafety .heading .Expand, .cyber_bullying .container_onlinesafety .heading .Collapse
    {
        display: inline-block;
    }
    .cyber_bullying .container_onlinesafety .heading h1
    {
        width: 230px !important;
    }
    .cyber_bullying .container_onlinesafety .heading .Expand, .cyber_bullying .container_onlinesafety .heading .Collapse
    {
        margin-top: 25px;
        display: inline-block;
        vertical-align: top;
    }

    .cyber_bullying .container_onlinesafety .cyber_bullying_content p
    {
        font: 14px 'SegoeUILight' , 'SegoeUI';
    }

    .cyber_bullying .container_onlinesafety .cyber_bullying_content h2
    {
        font: 36px 'SegoeUILight' , 'SegoeUI';
    }

    .cyber_bullying .container_onlinesafety .cyber_bullying_content h3
    {
        margin-bottom: -15px;
    }

    .quiz_button
    {
        background-color: #0078d7;
        padding: 5px 10px;
        text-align: center;
        cursor: pointer;
    }

    .quiz_button a
    {
        font-size: 14px !important;
        color: #fff !important;
        font-family: 'SegoeUILight' , 'SegoeUI' !important;
        text-decoration: none !important;
    }

    .NotActive
    {
        display: none;
    }

    #jumble_words
    {
        color: lime;
        font-family: Arial 'Agency FB';
        font-size: medium;
        margin-left: 75px;
    }

    horizontal-widget .btn-bottom, .horizontal-widget .btn-bottom-intro
    {
        /* position: absolute; */
        left: 12px;
        bottom: 6px;
    }

    .horizontal-widget .img-question
    {
        /* position: absolute; */
        right: 16px;
        top: 20%;
    }

    #widget-container
    {
        background: none !important; /*position: absolute !important;*/
        border: none !important;
        width: 100% !important;
        height: 330px !important;
    }

    #cyberbullying-widget
    {
        background-color: #fff; /* overflow: hidden; */
        padding: 6px;
    }



    #cyberbullying-widget
    {
        background-color: #00bcf2 !important;
    }
    #cyberbullying-widget
    {
        width: 100% !important;
        height: 350px !important;
    }
    #widget-top-left, #widget-top-right, #widget-bot-left, #widget-bot-right, .horizontal-widget .intro
    {
        background: none !important;
    }
    .horizontal-widget .intro
    {
        width: 100% !important;
    }
    #widget-microsoft, .img-intro, .img-question
    {
        display: none !important;
    }
    /*#widget-content
                                    {
                                        width:auto !important;
                                    }*/

    .hdr-line-1, .hdr-line-2, .horizontal-widget #widget-content p
    {
        color: #fff !important;
        font-style: normal !important;
    }

    .horizontal-widget .btn-bottom-intro
    {
        bottom: 30px !important;
    }

    .horizontal-widget .home-disclaimer
    {
        bottom: -10px !important;
        font-size: 11px !important;
        display: none !important;
    }

    .horizontal-widget .answer span
    {
        color: #fff !important;
        font-weight: bold !important;
        font-size: 18px !important;
    }
    .horizontal-widget .answer
    {
        width: 82% !important;
    }
    #widget-content li
    {
        background-image: none !important;
    }

    .horizontal-widget #widget-content
    {
        padding: 0px !important;
        display: inline !important;
    }
    #widget-content ul
    {
        margin-left: 40px !important;
        padding-left: 0 !important;
        list-style: none !important;
        margin-top: 10px !important;
    }
    .horizontal-widget .intro
    {
        padding: 0px 0px !important;
        margin-top: 20px !important;
    }
    .horizontal-widget .btn-bottom, .horizontal-widget .btn-bottom-intro
    {
        left: 0px !important;
    }

    .horizontal-widget .hdr-line-1
    {
        font-size: 20px !important;
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }
    .horizontal-widget .hdr-line-2
    {
        font-weight: 600 !important;
    }
    #widget-content li
    {
        font-size: 14px !important;
        font-family: 'SegoeUILight' , 'SegoeUI' !important;
        line-height: 20px !important;
        list-style-type: disc !important;
        padding-left: 0px !important;
    }
    .summary a
    {
        text-decoration: none !important;
        color: #fff !important;
    }

    .horizontal-widget .hdr-line-2
    {
        font-family: Segoe UI, Arial !important;
        color: #fff !important;
        font-style: normal !important;
        font-size: 25px !important;
        font-weight: 600 !important;
        line-height: 36px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}
