/* thumbnail fold */
.mobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }
}

@media only screen and (min-width : 768px) {
    .thumbnail-break {
        z-index: 200;
        position: absolute;
        left: 95px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAlCAMAAAAwXFbwAAAAclBMVEX////////////////+/v7////////+/v79/f3+/v7+/v75+fn7+/v9/f39/f39/f37+/v5+fn7+/v8/Pzy8vL29vb6+vr6+vr6+vr19fX29vb39/f6+vr////7+/v8/Pz9/f34+Pj09PT5+fnx8fHy8vJbglGdAAAAGXRSTlMAAgkMDA0VLDAwUXJycnV4qba2tuzs7PP4A+AmqAAAAPNJREFUeF7t08lqxDAMgGG103XfF21ekvT9X7Eeckjm0qqHGpTqA4PRST/Y8E+EEK5vze6voKuzu1uzG5iS3TN0dZnsED63EUIR8mciJG8hJBNMxJJ9h2RhRNAyIvsOYRyzgjZMnkOItQHdI04iktL+zLdmHqzHvUMkpdVO643SMqykS0gZxOKpd4jFUFYhSqPXpzWSrkMqssFj5xA2wHoYMpBB55ALMhiqbuZpbfGzE/sNYVpCGMVviCDPIUWIxHOIEElRmJCq+A6RSogwSeM8pImQn0RIhLy8mX08QFfn729mr3CyMzs9hq6Odr8A3wohfAEV2ggO/AGxOgAAAABJRU5ErkJggg==') /*Image/btnBgSm.png*/;
        width: 200px;
    }

    .rewardThumb {
        width: 373px;
    }
}

@media only screen and (min-width : 992px) {
    .thumbnail-break {
        z-index: 200;
        position: absolute;
        left: 25px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAREAAAAzCAYAAACwhzwHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIwN0JEQzk1RDk2QzExRTVCRjA0QjVGMzFBRDQ0QjI0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIwN0JEQzk2RDk2QzExRTVCRjA0QjVGMzFBRDQ0QjI0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjA3QkRDOTNEOTZDMTFFNUJGMDRCNUYzMUFENDRCMjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjA3QkRDOTREOTZDMTFFNUJGMDRCNUYzMUFENDRCMjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7AGUDxAAADC0lEQVR42uzd3W6qQBiFYcDxLzGmZ016L72JnuyrbNLr2okHO/EXHdkskjHUAjNV8YB5n4SQWpVgmeXHMEPToigSALhVxkcAgBABQIgAIEQAECIAQIgAeCKT5/kfY0ySpmks+3wu9/WrXB/586MHb0VRvMewoxoeoiVdrVbFYrFIsiyeoqQMzZdy9Y/jHT00rA9r7WcU38bnc3I8HpMsogrEyfW35nBHj8dXNJQf9IkAuAshAoAQAUCIACBEABAiAECIAHgmMxqNksPhUA020zVf/awFAK5Za6tFI1W1nkwmiVkul9UDbvTZ6XSqfjkej5MIB6IBaKCMUD5orSJD+eAKD6Mn1CsQPWm/31fVyXQ6JUgAAqTKA+XDfD7/kQk/+kT0BD1RSaMXcg9WgABRHjQFSGOIOKpClDx5nl/erL5cb6jp8bbXtT3Ptw7djm/7QJ+NrusYbTr+f3OMh7aNtnVbu2jbrk5hlAPKgzam6wOZzWbJer2u+kiuZ/m2NUhfQ70nSEK3c+vvgHvVv6lvCZLQxx7VjrraiPpJ1fY1y79L5vtAVMbojQDEJfQCi3eciEoZJRIdrEBcFZXafchwDxMaIlQjQNipgNrKEL50HxYi+jDcNeKh0AAZKiv0FSJqK0M4vqpbHwbshzdEXBrp8s5QOiUJEPRFFyDUVobQRna7XVA14g0RV5rpzQCEfYMPpQpR+/eFiLdj1V0nBhAXtfuQbozMFyChnSsAhhcibk7dTSGiF2sODRPxgDi5cWLKga7ujMYQ0XnQdrv9NikPQFzcjF0tyoO2YR7muvpQ6aL5MvqveFoAxE3ViG4RoiDR8Ah3G4BLiLiZum6QjHALAADfqo2yoHATcusXWxQoZrPZXGbsMggLQBtlg7LC3cRMRYeKEOM6T1Se0PcBICRMVJkoM3SaU53YcK8NAL9Rzwzu9g7gLoQIAEIEACECgBABQIjEgYEwwCMblLX2Vdd9Ixtk9rdcuKaNPuh/K7zEsKPuEm/K+BAAnM4AIEQAECIACBEAIEQAPNF/AQYAp90nIchsQkwAAAAASUVORK5CYII=') /*Image/btnBgMd.png*/;
        width: 273px;
    }

    .rewardThumb {
        width: 340px;
    }

    .email-reg-checkbox {
        padding-left: 30px;
    }
}

@media only screen and (min-width : 1200px) {
    .thumbnail-break {
        z-index: 200;
        position: absolute;
        left: 25px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVQAAAAyCAYAAAADSCNGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE1NEVENjU4RDk2NDExRTVBRkIxQjI0Njg5Q0YyREQxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE1NEVENjU5RDk2NDExRTVBRkIxQjI0Njg5Q0YyREQxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTU0RUQ2NTZEOTY0MTFFNUFGQjFCMjQ2ODlDRjJERDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTU0RUQ2NTdEOTY0MTFFNUFGQjFCMjQ2ODlDRjJERDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4c7HEOAAADeElEQVR42uzdXU7bShgG4BAcfoS4PL3rArr/XfTuSGcF3QASQuInITSv0UcNCold0uq08zySmzZxhjLILzPjmcnR09PTDICPm6sCAIEK8L/SXV1dfTs/P58tFouZ7v9ey67rvmweH1QFjfi0Wq3+2zzeqYrtjo6OZg8Pz5HQrdfrz4J0fKCm/lQDDTneHP+oht0qQ3X5AQ5EoAIIVACBCiBQARCoAAIVQKACtBaomZCamf4A/JzK0C5/rFar/ok65vO5ZagAOwJ0vV73OZkjGXp8fDzrso4/TyyXy5eT80LW9udNghXgR5AmE7N2//Hx8dVryczu4uKi/0dOyglJ2jze3t72J9g0BeA5TNPwzJFefNd1/ZEG6Ksuf51cJyRA7+/v+xROs/bk5ERtAk1LJqbBmTw8PT3deu9p/l4Sn52dzTIckNbqcDgAoDXJwGRhMjHZ+N6N/J3TptLdTwEpLMlcQwNvj3q+DJ97+/rb13aV89Z7ZU0t9yPlQGv2XZu/6rp872v8rnJKsi8ZWPtG79Ltq8wMAaSJm0IzbrAtmXd9U/sqfMoPbuwPb8r/72fKAaH6e67LMdffry6nuvnJwn1GTezPeEHdtAJoRTIv2ZcMHGNUoKZVmqZuzbsCaKFVnsyrKaQHC9QwfQpoMVT3jZsOdWNPzPhp0rparEAbWr3eq4Wa7Dt4oFal3t3dNR2ol5eXrjCaCpUs8mn1e5/6C6Wb8gVqnb8WKrQjK4FabqFO0U0pPDKeMKUJDPzZ3f1WV0omTLM6asqOfKMDtXakGoYr0E7Xt9VfKMm+sTemRjc1h1v8AbQQphWoY40K1DR9a6UUQCuSecm+sWOpoxKy7uyPWXoF8LdI5iX7koEHCdTasmrK5FaAv0WyLxmYLPxQoKaAJHPu8rU6dQJoW7IvGZgs3BeqW/vwGS/IZN5sDJBNAWrTaYDWJPtquLN67NnKb9s9pa7eULtJ1WelJJUTpj6wDxCqTy+ZmEC9ubl5abnWR6D095mur6/7Nww/8TQnWREF8FpyMWOqCdHhxP/8PTv5d2N3ogbgufGZQB3eV6qe/Xx4EgDTA7by00x9gEMNCagCAIEKIFABBCoAAhVAoAL8KYFqWSnAx1SOdovF4mutRWWvbN29Vg00ZLnJhn83j/eqYrtaOdVP8NdCBThQl18VABzGdwEGAPzPnKatovMtAAAAAElFTkSuQmCC') /*Image/btnBg.png*/;
        width: 340px;
    }

    .form-heading {
        padding-left: 30px;
    }

    h4.text-muted.profile-form-heading {
        padding-left: 30px;
    }

    .confirmation-div {
        padding-left: 30px;
    }
}
/* end thumbnail fold */


@media only screen and (max-width : 992px) {
    .my-account-dropdown {
        padding-top: 0;
    }

    .accounts-dropdown-link li {
        background-color: #FFF;
    }

    .form-spacer-left {
        margin-left: auto;
    }

    .narrow-container {
        padding-left: 10px;
    }

    .collapse-heading {
        height: 130px;
        padding: 10px 0 20px 0;
        font-weight: normal;
        font-size: 25px;
        text-align: center;
        margin-top: 0;
    }

    footer ul {
        position: relative;
        bottom: unset;
        padding-left: 0;
        text-align: center;
    }

    footer .pull-right {
        float: none !important;
    }

    .footerLogo {
        clear: both;
        display: block !important;
        width: 110px;
        margin: auto auto 20px auto;
        position: relative;
        right: 10px;
        z-index: 19;
    }

    .form-heading {
        margin-left: -10px;
        font-size: 16px;
    }

    .passCol {
        margin-top: 20px !important;
    }

    /*.competitionImage {
    }*/

}

@media only screen and (max-width : 768px) {
    .account-heading {
        margin-left: -15px;
        margin-right: -15px;
    }




    .form-heading {
        margin-top: 40px;
    }

    .mobile-margin-30-top {
        margin-top: 30px;
    }

    .mobile-25px-bold {
        font-size: 25px;
        font-weight: 600;
    }
    /* change modal */
    .custom-modal-content {
        box-shadow: none;
    }

    .bold-heading {
        background-color: #4A90E2;
        color: #FFF;
        width: 100%;
    }

    .reg-heading {
        color: #4A90E2;
        width: 100%;
    }

    .profile-form-heading {
        margin-top: 40px;
        margin-bottom: 10px !important;
    }


    .mobile-grey-text {
        color: #999999;
    }

    .popover {
        max-width: 200px;
        background-color: #fff;
        position: absolute;
        left: -100px;
    }
    /* Redeem Voucher */
    .voucherGreyText {
        text-align: center;
        padding-top: 1em;
        padding-left: 0;
        font-weight: bold;
        margin-top: 55px;
        color: #4A4A4A;
    }

    .voucherTextBlue {
        font-family: "StRydeRegular", "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
        font-size: 12px;
        color: #4A90E2;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.3px;
        padding-left: 45px;
        text-align: center;
    }

    footer ul {
        top: 10px;
    }
}

@media only screen and (max-width : 480px) {


    .custom-control {
        min-width: 100px;
    }


    /*.col-xs-offset-2 {
	    margin-left: 10%;
	}

	.col-xs-offset-3 {
	    margin-left: 20%;
	}*/

    footer .pull-right {
        float: none !important;
    }

    footer ul {
        padding-left: 0;
        text-align: center;
    }

        footer ul li {
            font-family: "StRydeRegular", "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
            color: #999799;
            letter-spacing: 0.3px;
            line-height: 30px;
            margin-bottom: 10px;
        }

            footer ul li::after {
                content: '';
            }

    .thumbnail {
        margin: 0 0;
    }
    /* registration / profile */
    #Registration .btn-lg {
        font-size: 12px;
    }

    .popover {
        background-color: #fff;
    }
}

@media only screen and (max-width : 375px) {

    .collapse-heading {
        font-size: 12px;
    }


    .accounts-dropdown-link {
        top: 0;
        left: 210px;
        font-size: 10px;
        width: 120px;
    }

    .forgot-pass-link {
        font-size: 10px;
    }

    @media screen and (max-width: 768px) {
        .forgot-pass-link {
            display: block;
            top: 20px;
        }
    }

    .custom-modal-content {
        margin-top: 0;
    }
}

@media only screen and (min-width : 768px) {
    .narrow-button-container {
        margin-left: 0;
    }

    .no-desktop-padding {
        padding: 0;
    }

    button.close.menu-close {
        position: relative;
        left: 0;
        top: -25px;
    }
}

@media only screen and (min-width : 992px) {


    #SaveChanges.submitAnswer {
        position: relative;
        left: auto;
    }
}