@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none;
    }
}

@media (min-width: 768px) {
    .row-fullscreen,
    .col-fullscreen {
        height: 100vh;
    }

    .row-fullscreen > div,
    .row-fullscreen > div > div,
    .col-fullscreen > div {
        height: 100%;
    }

    .row-flex>.container>.row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .content-middle>.container>.row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .content-center>.container>.row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .row-reverse>.container>.row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

@media (max-width: 840px) {
    .home-v2 .wppm.columns-3>.wppm-post {
        width: 100%;
    }
}

@media (max-width: 767px) {
    body:not(.page-wide) .container {
        width: 100%;
        padding: 0 1em;
    }

    body:not(.home-v2) #page-header .container,
    body:not(.home-v2) .main-content>.container,
    body:not(.home-v2) .site-content>.cs-section>.container {
        padding: 0 2em;
    }

    h1.heading-md,
    h2.heading-md,
    h3.heading-md,
    h4.heading-md,
    h5.heading-md,
    h6.heading-md {
        line-height: 30px;
        font-size: 20px !important;
    }

    h1.heading-sm,
    h2.heading-sm,
    h3.heading-sm,
    h4.heading-sm,
    h5.heading-sm,
    h6.heading-sm {
        line-height: 1.1;
        font-size: 18px !important;
    }

    .elegant-icon-box {
        padding: 30px 20px;
    }

    .wppm.wppm-grid .wppm-post {
        width: 100%;
    }

    .col-sm-push-4 {
        text-align: center;
        margin-bottom: 1em;
    }

    .blog-masonry .isotope-item {
        width: 50%;
    }

    .xs-align-center,
    .xs-align-center>.cs-btn,
    .xs-align-center>.cs-column-text {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    #how-it-works .col-sm-6>div {
        text-align: center;
    }

    #benefits .col-sm-8 {
        text-align: center;
    }

    .lg-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .bmg-list {
        padding-left: 1.7em;
        margin-bottom: .4em;
        background: url("img/list-check.png") no-repeat left top;
        background-size: 9px;
        height: 8px;
    }

    .bmg-name,
    .bmg-email,
    .bmg-subject {
        width: 100%
    }

    .bmg-name,
    .bmg-subject {
        padding-right: 0;
    }

    .col-sm-push-1,
    .col-sm-push-2,
    .col-sm-push-3,
    .col-sm-push-4,
    .col-sm-push-5,
    .col-sm-push-6,
    .col-sm-push-7,
    .col-sm-push-8,
    .col-sm-push-9,
    .col-sm-push-10,
    .col-sm-push-11,
    .col-sm-push-12 {
        margin-bottom: 1.5em;
    }

    .col-sm-center {
        text-align: center;
    }

    #cs-top.in {
        bottom: 1.5em;
    }

    .img-mac {
        margin-left: 0;
        margin-top: 1em;
    }

    .img-contactus {
        right: 0;
        top: -58px;
        width: 364px;
    }

    .pads-banner .pads-banner-text,
    .pads-banner .pads-banner-text.cs-blocktext {
        padding-left: 2em;
    }

    .pads-embeded-wrapper {
        margin-bottom: 2em;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: -15px;
        margin-right: -15px;
    }

    .pads-embeded-wrapper>.cs-fluid {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
        padding: 0;
        background-image: none;
        background-size: auto;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .pads-embeded-wrapper>.cs-fluid>.cs-fluid-inner {
        padding-bottom: 45.4%;
    }

    .cs-video-chatbot .pads-embeded-wrapper>.cs-fluid>.cs-fluid-inner {
        padding-bottom: 56.25%;
    }

    #bmg-prices .col-md-3 {
        width: 100%;
        max-width: 300px;
        float: none;
        display: block;
        margin: auto;
    }

    .goals>.hl-goal-box {
        width: 50%;
    }

	/* FOOTER */
	footer#colophon {
		padding: 0;
	}
	footer#colophon .col-sm-6 {
		margin-bottom: 0;
	}
	footer#colophon .route_widget {
		margin: 0;
		font-size: 25px;
		line-height: 42px;
	}
	footer#colophon .route_widget .widget-title {
		margin-top: 58px;
	}
	footer#colophon .route_widget .widget-title h4 {
		font-size: 26px;
		font-weight: 700;
		margin-bottom: 15px;
	}
	footer#colophon .footer-share-box {
		margin: 25px 0 70px 0;
	}
	footer#colophon .footer-share-box a {
		width: 60px;
		height: 66px;
		font-size: 32px;
		line-height: 54px;
		border-radius: 10px;
		border-width: 2px !important;
	}

	/* COPYRIGHT */
	#copyright {
		font-size: 25px;
		padding: 70px 0;
		line-height: 42px;
	}
}

@media (max-width: 767px) {
    body.home-v2,
    .responsive-text,
    .cs-mobile-lang {
        font-size: 12px;
    }

    .btn {
        font-size: 12px;
    }

    .pads-list-tick+.cs-btn-align {
        margin-left: 0;
    }

    .eib-icon .eib-img img {
        width: auto !important;
        height: auto !important;
        max-width: 100px !important;
        max-height: 100px !important;
    }

    .beacon-container {
        position: static;
        height: auto;
    }

    .beacon-text-container {
        padding: 1.5em;
        position: static;
        display: block;
        top: auto;
        left: auto;
        transform: translate(0, 0);
    }

    .beacon-banner-container {
        background-image: url('https://www.brandedminigames.com/wp-content/uploads/2016/07/Beacons-banner-.png');
        background-repeat: no-repeat;
        background-position: 50% bottom;
        background-size: auto 300px;
        width: 100%;
        height: 300px;
        position: static;
        display: block;
        left: auto;
        transform: translate(0, 0);
    }

    .beacon-banner-container.bmgchatbot-banner-container {
        height: 300px;
    }

    /*Ar page*/
    .ar-banner-container {
        background-size: auto 240px;
        width: 100%;
        height: 240px;
        position: static;
        display: block;
        left: auto;
        transform: translate(0, 0);
    }

    /*Elearning*/
    .elearning-banner-container {
        background-size: 240px auto;
        width: 100%;
        height: 220px;
        position: static;
        display: block;
        left: auto;
        transform: translate(0, 0);
    }

    .beacon-banner-container.socialbmg-banner-container {
        background-size: auto 300px;
    }

    .pads-embeded-wrapper.social-embeded>.cs-fluid {
        background-image: none;
        padding: 0;
        border: 20px solid #000;
        width: auto;
        height: 100%;
        margin: 20px 5px 80px 5px;
        border-radius: 10px;
    }

    /*BMGStudio page*/
    .bmg-mb-pad20 {
        padding: 20px 0;
    }

    #where-i-can .col-md-3,
    #bmg-prize-award .col-md-3 {
        width: 50%;
        display: inline-block;
        max-width: 350px;
    }

    .button-where-ican,
    .button-prize-award {
        font-size: 12px;
    }

    .cs-btn-flat-green {
        cursor: pointer;
    }

    .cs-btn-flat-green:hover {
        background-color: #69bd45 !important;
    }

    .cs-btn-flat-green:focus {
        background-color: #69bd45 !important;
    }

    .cs-btn-flat-green:active {
        background-color: #0B9443 !important;
    }

    .hover {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-touch-callout: none;
    }

    .hl-text-mb {
        font-size: 18px;
    }

    .hl-mrg-playab-first {
        margin-bottom: 6%;
    }

    .cs-space-text-vpable {
        padding: 0 15px;
    }

    .cs-toplogo-vpable {
        padding: 0 15px;
    }

    .pads-img-contactus {
        position: static;
    }

    .pads-iphone-playable {
        width: 300px !important;
        background-image: none !important;
        height: 100%;
    }

    .ip-demo-player {
        width: 229px;
        height: 131px;
    }

    /*Custom Slider*/
    .sub-bg-game {
        background: none;
        width: 480px;
        height: 189px;
    }

    .sub-bg-game .game-real {
        width: 300px;
        height: 169px;
        border: 10px solid #000 !important;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
    }

    .ls-slide p {
        margin-bottom: 10px;
        line-height: normal !important;
    }

    /*End Custom Slider*/
    .newsletter {
        width: 100%;
    }

    /*New home*/
    .section2-content {
        padding-top: 0;
    }

    .section2-content .cs-column-text {
        padding-right: 0;
    }
}