/* =============== Container Responsive Css ============== */

div.container::after {
    clear: both;
}

div.container:after {
    clear: both;
}

div.container:after {
    content: " ";
    display: table;
}

@media all and (min-width: 300px) {
    div.container {
        width: 100% !important;
    }

    .royalSlider {
        height: auto;
        border-radius: 0px;
    }
}

@media all and (min-width:770px) {
    .royalSlider {
        height: auto;
        position: relative;
        border-radius: 150px 0 0;
        overflow: hidden;
    }
}
@media all and (min-width: 768px) {

    div.container {
        width: 100% !important;
    }



    header {
        padding: 37px 20px 17px 20px;
    }

    .main, .page-default {

        background: url(../images/main-bg.png) -509px 175px no-repeat;
    }

}

@media all and (min-width: 568px) and (max-width: 992px) {
    .box-offer .before-box .img {
        margin: 0 29px 0 23px;

    }

    .box-offer .before-box.last .img {
        margin: 30px 29px 0 23px;

    }

    .box-offer .before-box h2, .box-offer .before-box.last h2 {
        margin: 28px 15px 14px 33px;
    }
}

@media all and (min-width: 568px) and (max-width: 836px) {
    .box-offer .before-box .img {
        width: 25%;
    }
}

@media all and (min-width: 568px) and (max-width: 736px) {
    .box-offer .before-box.first .button-theme {
        margin-top: 20px;
    }

    .box-offer .before-box .button-theme {
        margin-left: 20px;
    }
}

@media all and (min-width: 992px) {
    div.container {
        width: 950px !important;
    }

    .royalSlider {
        height: 510px;
    }

    .main, .page-default {

        background: url(../images/main-bg.png) center 175px no-repeat;
    }

}

@media all and (min-width: 769px) and (max-width: 860px) {
    body.i18n-nl header .logo {

        width: 12%;
    }

    body.i18n-nl header .region-header {
        float: left;
        width: 88%;
    }

    body.i18n-nl header .region-header .block-menu {
        float: left;
        width: 100%;
        margin: 50px 0 0 10px;
    }

}

@media all and (min-width: 769px) and (max-width: 837px) {
    body.i18n-us header .logo, body.i18n-en header .logo {

        width: 12%;
    }

    body.i18n-us header .region-header, body.i18n-en header .region-header {
        float: left;
        width: 88%;
    }

    body.i18n-us header .region-header .block-menu, body.i18n-en header .region-header .block-menu {
        float: left;
        width: 100%;
        margin: 50px 0 0 0;
    }

}

@media all and (min-width: 769px) and (max-width: 950px) {
    body.i18n-fr header .logo {

        width: 12%;
    }

    body.i18n-fr header .region-header {
        float: left;
        width: 88%;
    }

    body.i18n-fr header .region-header .block-menu {
        float: left;
        width: 100%;
        margin: 50px 0 0 20px;
    }

}

@media all and (min-width: 769px) and (max-width: 981px) {
    body.i18n-de header .logo {

        width: 12%;
    }

    body.i18n-de header .region-header {
        float: left;
        width: 88%;
    }

    body.i18n-de header .region-header .block-menu {
        float: left;
        width: 100%;
        margin: 50px 0 0 20px;
    }

}

/*@media all and (min-width: 1200px) { .container  { width: 970px; } } */

/* ipad 1024 landscape */
@media all and (max-width: 1024px) {
    .playnowpopup iframe {
        width: 100%;
        height: 460px;
    }
}

@media all and (max-width: 866px) {

    h1 div.rotated, h2 div.rotated, .i18n-de h1 div.rotated, .i18n-de h2 div.rotated {
        left: 0px;
    }

    h1 div.sgblog, h2 div.sgblog {
        font-size: 32px;
    }

    h1.blogTitle {
        padding: 0px;
    }


}

@media all and (min-width:569px) and (max-width: 908px) {

    footer .footer-bg .footer-newsletter input[type="text"] {
        width: 140px;
    }

}
@media all and (max-width: 568px) {

    footer .footer-bg .footer-newsletter input[type="text"] {
        width: 200px;
    }
}
@media all and (max-width: 768px)  and (min-width: 321px){
    .page-node-53 .our-game, .page-node-98 .our-game, .page-node-52 .our-game, .page-node-51 .our-game {
        padding-left: 3%;
        background: white;
    }
}
    /* ipad 768 portrait */
    @media all and (max-width: 768px) {

        .downloadModal.modal {
            width: 90%;
            font-size: 1em;
            height: auto !important;
          overflow-y: auto;
          max-height: 100%;
        }

        .downloadForm .g-recaptcha {

        }

        h2.blogTitle {
            margin: 10px 0px;
        }
        #logo {
            display: none;
        }

        #logo-mobile, #arrow_down {
            display: inline-block;

        }



        .page-taxonomy .cms-page .main {
            padding: 0px 10px;
        }

        .latestnews-section .latestnews-box {
            padding: 0px 10px;
        }

        #webSlide {
            margin-bottom: 10px;
        }

        .cms-page, footer .footer-bg .footer-about ul li a, footer .footer-bg .footer-about h2,
        footer .footer-bg .footer-customer h2,
        footer .footer-bg .footer-customer ul li a, footer .footer-bg .footer-newsletter h2,
        .game-detail-banner .banner .right-content, .tab-section .tab-bg .tab,
        .latestnews-section .panel-col-first p, .latestnews-section .panel-col-first a,
        .our-game .left-content, .find-gift, .our-game .right-content, .catelog_page .our-game p {
            font-size: 16px;
            line-height: 1.5;
        }

        .our-game .right-content {
            padding: 15px;
        }

        .game-detail-banner .field-name-body strong {
            font-size: 18px;
        }

        /*#packImg {
            width: 80%;
            margin: 10%;
        }*/

        #logo-mobile img {
            height: 60px;
        }

        .main {
            background: none;
        }

        .site-nav-wrap {
            display: block;
        }

        header .region-header .block-menu .block-content ul.menu {
            display: none;
        }

        header .region-header .block-menu .block-content ul.menu li a {
            padding: 5px 0;
        }

        .banner-bg {
            margin: 0;
        }

        .banner-bg .banner-box .img {
            border-radius: 0;
        }

        .our-game {
            margin: 0;
        }


        .find-gift .find-gift-box {
            padding: 20px 0px;
            margin: 0;
        }

        .smart-game {
            margin-bottom: 0;
        }

        .cms-page {
            margin: 0;
        }

        .our-game .main h1 {
            font-size: 35px;
            padding-top: 0px;
            margin-top: 0px
        }

        .cms-page .main h1 {
            font-size: 35px;
            padding: 0px;
        }

        .cms-page .main {
            padding: 0px 10px 20px 10px;
            border-radius: 0;
        }

        .site-nav-wrap {
            float: right;
            margin: 13px 0;
        }

        header .region-header .block-menu .block-content ul.menu
        {
            float: left;
        }

        .site-nav-toggle {
            background: #16a7bb;
            clear: both;
            cursor: pointer;
            display: block;
            height: 35px;
            text-align: center;
            transition: color .5s ease;
            width: 35px;
            padding: 3px 5px;
        }

        .site-nav-toggle img {
            width: 30px;
            height: 30px;
        }

        .site-nav-toggle:hover {
            color: rgb(200, 200, 200);
            transition: color .5s ease;
        }

        header {
            padding: 0px 10px 10px 10px;
        }

        header .region-header {
            width: 100%;
        }

        header .region-header .block-menu {
            margin: 0;
        }

        header .region-header .block-search {
            width: 100%;
            margin-bottom: 10px;
        }

        header .line-item-summary {
            width: 100%;
        }

        #views-form-commerce-cart-form-default table {
            font-size: 90%;
        }

        header .region-header .block-menu .block-content ul.menu li {
            width: 100%;
        }

        header .region-header .block-menu .block-content ul.menu li a {
            padding: 5px 0;
        }

        .grid-24 {
            width: 100% !important;
        }

        .box-offer .before-box {
            margin: 0;
            width: 49.5%;
        }

        .box-offer .smartgames {
            width: 100%;
        }

        .box-offer .smartgames .img {
            width: 49.5%;
        }

        .box-offer .smartgames .img:last-child {
            float: right;
        }

        .box-offer .game-month {
            float: right;
            width: 49.5%;
            margin: 0;
            min-height: 709px;
        }

        .box-offer .challenges-box {
            width: 49.5%;
            background-size: cover;
            min-height: 709px;
            margin: 0;
        }

        .box-offer .challenges-box .img {
            padding: 160px 0 45px 0px;
        }

        .box-offer .game-month .title {
            padding: 100px 0 17px 0;
        }

        .box-offer .game-month .content {
            padding: 90px 22px
        }

        .banner-bg .banner-box .content {
            width: 46%;
        }

        .banner-bg .banner-box .content h3 {
            font-size: 25px;
        }

        .whysmart-section .whysmart .box {
            width: 33.33%;
            margin-bottom: 20px;
        }

        .latestnews-section .block-inner h2.block-title {
            margin: 10px 0px 0;
        }

        .latestnews-section .panel-col-first {
            width: 50%;
            padding-left: 0px;
        }

        footer .footer-bg {
            padding: 15px;
        }

        footer .grid-inner {
            padding: 0;
        }

        .our-game .main, #giftFinderHeader {
            border-top-left-radius: 0;
        }
        #giftFinderHeader {
            padding-top: 20px;
            padding-left: 20px;
            background-size: 70%;
            background-position: 100% bottom;
        }
        #giftFinderHeader p {
            width: 70%;
            padding-bottom: 120px;
        }
        #giftFinder fieldset {

            padding-left: 15px;
        }
        #giftFinder .controls, #giftFinder .containerGiftFinder {
            width: 100%;
            float: left;
            margin-right: 0;
        }
        body.page-gift-finder .cms-page {
            margin-top: 0px;
        }
        #giftFinderHeader h1 {
            padding: 0px;
            font-size: 40px;
        }
        .our-game .main .box {
            width: 33.33%;
            display: inline-block;
            margin-right: -4px;
            float: none;
        }

        .find-gift .find-gift-box {
            background: #156f84;
            background-image: none;
        }

        .find-gift .find-gift-box .left-box {
            width: 100%;
            padding: 20px;
        }

        .catelog_page .smart-game #panel-third-wrapper .container {
            right: 0px;
            padding: 0px 0px 20px 0px;
        }

        .smart-game .view-content .grid {
            width: 33% !important;
            float: left;
        }

        .view-content .panel-display {
            width: 33%;
        }

        .smart-game #panel-third-wrapper .container .panel-2col .panel-col-first .inside .views-field-title a {
            min-height: 50px;
            max-height: 50px;
            overflow: hidden;
        }

        .smart-game #panel-third-wrapper .container .panel-2col .panel-col-first .inside {
            margin: 5px;
        }

        .smart-game #panel-third-wrapper .container .panel-2col .panel-col-first .inside .views-field-uc-product-image .field-content img {
            height: auto;
        }

        .smart-game #panel-third-wrapper .container {
            padding: 20px 7px;
        }

        .our-game .view-content .item-list ul li {
            padding: 0;
        }

        .our-game .main {
            padding: 0px;
        }

        .our-game .blogContainer .main {
            padding: 0 10px 10px 10px;
        }

        .contactus .contactus-box .right-content .panel-first-1 {
            padding: 15px 0;
        }

        .contactus .contactus-box .right-content {
            padding: 15px;
        }

        .banner-section-sub {
            margin: 0;
        }

        .banner-section-sub .sub-banner {
            border-radius: 0;
        }

        #block-block-9 .block-content .flextable.greenBorder .col25 {
            padding: 10px 15px;
            width: 50%;
        }

        .cms-page .award-list .img img {
            margin: 20px;
            vertical-align: middle;
        }

        .cms-page .award-list .content {
            border: 0;
            width: 100%;
        }

        .game-detail-banner {
            margin: 0 0 20px;
        }

        .game-detail-banner .banner {
            border-radius: 0;
        }

        .game-detail-banner .banner .right-content {
            width: 100%;
        }

        .game-detail-banner .banner .left-img {
            width: 100%;
        }

        .tab-section .tab-bg .tabs-menu li {
            width: 22%;
        }

        section.related-product .related-mln .views-col {
            width: 33.33%;
        }

        .download-part .main-box .img-box {
            padding: 10px;
        }

        .game-detail-banner .banner .right-content {
            padding: 15px;
        }

        .tab-section .tab-bg .main .left-content ul.list {
            margin: 0;
        }

        section.related-product .related-mln .views-col {
            padding: 10px 5px;
        }

        section.related-product .related-mln .views-col img {
            width: 100%;
        }

        .modal-wrapper {
            width: 100%;
        }

        .modal-tab-main .left-main {
            width: 100%;
            text-align: center;
            margin: 5px 10px;
        }

        .modal-tab-main .left-main .left-img {
            float: none;
            display: inline-block;
            vertical-align: middle;
        }

        .modal-tab-main .left-main .right-text {
            float: none;
            display: inline-block;
        }

        .modal-content {
            padding: 15px;
        }

        .modal-tab-main .modal-tabs-menu {
            margin: 20px 0 -1px 0;
        }

        .modal-tab-main .modal-tab-content .insruction-box .content input[type="email"] {
            width: 100%;
        }

        header .region-header #block-lang-dropdown-language {
            margin-bottom: 15px;
        }

        header .logo {
            padding: 0px;
        }

        #playnowModal h2, #photoModal h2, #videoModal h2 {
            font-size: 22px;
        }

        .search-bg .left-content {
            padding-left: 20px;
        }

        .search-bg form input[type='text'] {
            width: 80%;
            padding: 5px 15px;
        }

        /*	.our-game .right-content {padding: 0px;}*/
        .cms-page .award-list .img img {
            width: 45%;
        }

        .cms-page .award-list .img {
            width: 100%;
        }
    }

    /* iphone 6+ 736 landscape */
    @media all and (max-width: 736px) {


        .video-container {
            display: block;
        }

        .tab-section .tab-bg .tabs-menu li#replacementPartsLI {
            display: none !important;
        }
        #edit-cart-contents, #edit-customer-profile-shipping, #edit-customer-profile-billing, #edit-commerce-shipping {
            width: 100%;
        }
        .modal-tab-main .modal-tab-content .insruction-box .content {
            padding: 15px 5px;
        }

        .modal-tab-main .modal-tab-content .insruction-box .img {
            padding: 15px 5px;
        }

        .playnowpopup iframe {
            width: 100%;
            height: 163px;
        }

        .tryme-teaser {
            display: inline-block;
            width: 46%;
        }

        .modalHeader img {
            display: none !important;
        }

        .modalHeader h2 {
            font-size: 17px !important;
        }

        .modalHeader .icons {
            margin: 30px 0 -10px !important;
        }

        .search-bg .right-content h2 {
            font-size: 20px;
        }

        .search-bg .right-content {
            padding: 15px !important;
        }

        .search-bg form input[type='text'] {
            width: 79%;
        }

        .search-bg .right-content .select-interest ul li {
            font-size: 12px;
        }

        .search-bg .left-content .search-results li p {
            word-wrap: break-word;
        }

        .game-detail-banner .banner .menu-part .link-part-left {
            display: none;
        }

        .future-product .future-box .region-upcoming-products .block-inner {
            min-height: auto !important;
        }

        .smart-game .region .block-views .block-inner {
            min-height: auto !important;
        }

    }

    /* iphone 6 667 landscape */
    @media all and (max-width: 667px) {

        /*	footer .footer-bg .copyright { text-align: center; }*/
        footer .footer-bg .copyright .right {
            float: none;
            width: 100%;
        }

        .cognitive-term a {
            width: 31%;
        }
        .tab-section .tab-bg .tabs-menu li.appTab {
            display: none;
        }

         .app-container {
            display: block;
        }

        footer .footer-bg .copyright .right ul {
            float: none;
        }

        footer .footer-bg .copyright .right ul li {
            float: none;
            display: inline-block;
        }

        .our-game .left-content {
            width: 100%;
            padding: 0;
        }

        .our-game.search-bg .left-content {
            padding-left: 15px;
        }

        .our-game .right-content {
            width: 100%;
            padding: 15px;
        }

        .contactus .contactus-box {
            padding: 15px;
        }

        .contactus .contactus-box .left-content {
            width: 100%;
            padding-right: 0;
        }

        .contactus .contactus-box .right-content {
            width: 100%;
            position: initial;
            float: left;
        }

        .game-detail-banner .banner .menu-part .link-part-left {
            width: 70%;
        }

        .game-detail-banner .banner .menu-part .link-part-right {
            width: 30%;
        }

        .game-detail-banner .banner .menu-part .link-part-right ul li span {
            display: none;
        }

        .tab-section .tab-bg .tabs-menu li {
            width: 31%;
        }

        .tab-section .tab-bg .tabs-menu {
            padding: 0px 20px 0px;
        }

        .modal-tab-main .modal-tab-content .insruction-box .content {
            width: 100%;
        }

        .modal-tab-main .modal-tab-content .insruction-box .img {
            width: 100%;
        }

        section.related-product .related-mln h2 {
            font-size: 18px;
        }

        .messages {
            left: 20%;
            width: 60%;
        }

    }

    @media all and (min-width: 569px) {
        .page-node-439 .field-item img {
            width: 33%;
            float: left;
            margin-bottom: 10px;
        }
    }

    /* iphone 5 568 landscape */
    @media all and (max-width: 568px) {
        section.related-product .related-mln .views-col {
            width: 50% !important;
        }

        #search-form {
            display: none;
        }
        .panel-2col .panel-col-last .inside, .panel-2col .panel-col-first .inside {
            margin: 0px;
            margin-bottom: 15px;
        }
        .latestnews-section .panel-col-first, .latestnews-section .panel-2col .panel-col-last {
            width: 100%;
        }

        footer .footer-bg .footer-about {
            width: 50%;
        }

        footer .footer-bg .footer-customer {
            width: 50%;
        }

        footer .footer-bg .footer-newsletter, footer .footer-bg .copyright .region-footer {
            width: 100%;
        }

        .banner-bg .banner-box .content {
            width: 100%;
            position: relative;
            background: #fff;
            float: left;
            padding: 10px;
        }
        .box-offer .before-box.first {
            display: none;

        }
        .box-offer .before-box {
            width: 100%;
            height: 150px;
            background-size: 100% 150px;
        }

        .box-offer .before-box.last {
            width: 100%;
        }

        .box-offer .before-box h2, .i18n-nl .box-offer .before-box.first h2 {
            margin: 37px 20px 14px 148px;
            font-size: 17px;
        }

        #webSlide {
            margin: 0px;
        }

        .box-offer .smartgames .img {
            width: 100%;
            margin: 0px;
        }

        .box-offer .before-box.last h2 {
            margin: 27px 20px 8px 128px;
        }

        .box-offer .before-box .img {
            margin: 0 20px 0 33px;
        }

        .box-offer .before-box.last .img {
            margin: 26px 23px 0 28px;
        }

        .box-offer .game-month .content {
            padding: 50px 22px;
        }



        .our-game .right-content .block-newsletter {
            padding: 10px;
        }

        #block-block-8 .block-content .flextable .aboutSG {
            width: 50%;
        }

        #block-block-9 .block-content .flextable.greenBorder .col25 .desc {
            min-height: 70px;
        }

        .testimonial .item-list ul li {
            width: 100%;
            padding: 15px;
        }

        .tab-section .tab-bg .tabs-menu {
            padding: 0px 5px 0px;
        }

        .tab-section .tab-bg .main .right-img {
            float: left;
            width: 100%;
        }

        .tab-section .tab-bg .main .left-content {
            float: left;
            width: 100%;
        }

        .tab-section .tab-bg .mln-content {
            float: left;
            padding: 0;
        }

        .tab-section .tab-bg .inner-tab .inner-tabmain .right {
            margin-top: 0;
            width: 100%;
            float: left;
        }

        .download-part .main-box .img-box {
            width: 100%;
        }

        .download-part .box-heading {
            padding: 10px;
        }

        .download-part .box-heading h2 {
            font-size: 22px;
        }

        .tab-section .tab-bg .mln-tab {
            margin: 20px 0px 0;
        }

        section.related-product .related-mln h2 {
            font-size: 22px;
            line-height: 25px;
        }

        .testimonial .item-list ul li:before {
            top: -25px;
        }

        .node-type-page .store-icon {
            float: left;
            width: 100%;
        }

        .node-type-page .store-icon a, .node-type-page .appIcon {
            float: left;
            width: 47%;
            margin-right: 3%;
        }

    }
    @media all and (max-width: 600px) {
        .trymeThumb {
            display: none;
        }

        img.trymeThumb.video-page {
            display: block !important;
            width: 100% !important;
        }

        .trymeDesc {
            width: 100%;
        }
    }
    @media all and (max-width: 500px) and (orientation: portrait) {
        #gameFrame {
            display: none;
        }

        #rotatePhone {
            display: block;
        }



    }

    @media all and (max-width: 500px) {
        .cognitive-term a {
            width: 48%;
            font-size: 13px;
        }

        #smartgamesCollectionHome {
            display: block;
        }

        #smartgamesliveHome {
            display: none;
        }

      #iqMiniHome, #giftFinderHome {
        padding-bottom: 0px !important;
      }
    }

    /* iphone 4 480 landscape */
    @media all and (max-width: 480px) {
        /*.box-offer .before-box { height: 120px; }*/
        .banner-bg .banner-box .content h3 {
            font-size: 22px;
        }
        .tryme-teaser a.title {

            height: 55px !important;
        }

        #giftFinder .containerGiftFinder .mix {

            width: 46%;
        }

        #giftFinder button {
            width: 47%;
        }

        .box-offer .smartgames .img {
            width: 100%;
        }

        .box-offer .challenges-box {
            width: 100%;
            min-height: auto;
        }

        .box-offer .challenges-box .img {
            padding: 50px 0 45px 0px;
        }

        .box-offer .challenges-box .content {
            padding: 40px 0px;
        }

        .box-offer .game-month {
            width: 100%;
            min-height: auto;
        }

        .box-offer .game-month .title {
            padding: 30px 0 17px 0px;
        }

        .box-offer .game-month .content {
            padding: 20px 22px;
        }

        .latestnews-section .panel-col-first {
            width: 100%;
        }

        .latestnews-section .panel-2col .panel-col-last {
            width: 100%;
        }

        .latestnews-section .panel-col-first h2 {
            font-size: 24px;
            font-weight: bold;
            padding: 10px 0px;
            line-height: 1.1;
        }

        .whysmart-section .whysmart .box {
            width: 50%;
            height: 145px;
        }

        footer .footer-bg .footer-about {
            width: 100%;
            margin-bottom: 15px;
        }

        footer .footer-bg .footer-customer {
            width: 100%;
            margin-bottom: 15px;
        }

        footer .footer-bg .footer-newsletter input[type="text"] {
            width: 180px;
        }

        .our-game .main .box {
            width: 30%;
            margin: 5px 0px;
        }

        /*.page-taxonomy .cms-page .main {
            padding: 0px;
        }*/
        .our-game .main .box .img {
            height: 100px;
            width: 100px;
            float: left;
            display: inline-block;
        }

        .our-game .main .box .content {
            float: left;
            display: inline-block;
            width: 100px;
        }

        .our-game .main .box .overlay h3 {
            background: none;
        }

        .our-game .main .box h4 {
             padding: 16px 1px 0px 0px;
             font-size: 12px;
             height: 46px;
             /* word-spacing: 40px;*/
         }

        .i18n-de .our-game .main .box h4 {
            font-size: 11px;

        }

        .our-game .main .box .img img {
            height: 100px;
        }

        /*	.our-game .right-content .view-discover-our-collection ul li { width: 100%; }
        */
        .our-game .right-content .view-discover-our-collection ul li .views-field-name {
            height: 53px;
        }

        #block-block-9 {
            text-align: center;
        }

        #block-block-8 .block-content .flextable .aboutSG {
            width: 100%;
        }

        #block-block-9 .block-content .flextable.greenBorder .col25 {
            width: 100%;
        }

        .testimonial {
            font-size: 18px;
        }

        .game-detail-banner .banner .menu-part .link-part-right {
            display: none;
        }

        .game-detail-banner .banner .menu-part .link-part-left {
            width: 100%;
        }

        .game-detail-banner .banner .menu-part .link-part-left ul li {
            width: 50%;
            border-bottom: 1px solid #fff;
        }

        .tab-section .tab-bg .tabs-menu li {
            width: 30%;
            padding: 5px 0px;

            line-height: 19px
        }



        .tab-section .tab-bg .tab {
            border-top: 0px;
        }
        .tab-section .tab-bg .tabs-menu li a {
            padding: 0px;
        }

        .tab-section .tab-bg .tabs-menu {
            height: auto;
        }

        .tab-section .tab-bg .main .left-content ul.list {
            padding: 0;
        }

        .tab-section .tab-bg .main .left-content ul.list li span.title {
            width: 100%;
        }

        .tab-section .tab-bg .main .left-content ul.list li span {
            padding-left: 0;
        }

        .tab-section .tab-bg .main .left-content ul.btn-group {
            padding-left: 0;
        }

        .tab-section .tab-bg .tab-content {
            padding: 15px;
        }

        .download-part .main-box .img-box ul li {
            width: 48%;
            margin-bottom: 10px;
        }

        .download-part .main-box .img-box ul li img {
            width: 100%;
        }

        .download-part .main-box .img-box ul li:nth-child(2) {
            margin-right: 0;
        }

        .tab-section .tab-bg .inner-tab .inner-tabmain .left {
            width: 100%;
            padding: 0;
        }

        .tab-section .tab-bg input[type="text"] {
            width: 100%;
        }

        .modal-wrapper {
            max-height: auto;
            height: 100%;
        }

        .modal-wrapper .modal-tab iframe {
            height: 250px;
            width: 100% !important;
        }

        .modal-wrapper .modal-tab #gameFrame {
            height: 250px !important;
        }

        .modal-tab-main .modal-tab-content {
            padding: 10px;
        }

        .modal-tab-main .modal-tabs-menu {
            width: 100%;
        }

        .modal-tab-main .modal-tabs-menu li {
            border: 1px solid #fff;
            width: 50%;
        }

        .modal-tab-main .modal-tabs-menu li a {
            padding: 10px 0px;
            min-height: 70px;
        }

    }

    @media all and (max-width: 719px) {
        .grid-inner {
            padding: 0px;
        }
    }

    /* iphone 6+ 414 portrait */
    @media all and (max-width: 414px) {
        h1 {
            margin-top: 0px;
        }

        /*.box-offer .before-box { height: 150px; }
        .box-offer .before-box.last { height: 150px; }*/
        .smart-game .view-content .grid {
            width: 50% !important;
        }

        .view-content .panel-display {
            width: 50% !important;
        }

        .tab-section .tab-bg .tabs-menu li a {
            height: 40px;
            display: inline-block;
            padding: 0px 5px;
        }

        .i18n-nl .tab-section .tab-bg .tabs-menu li a{
            font-size: 12px;
        }

        .i18n-fr .tab-section .tab-bg .tabs-menu li a, .i18n-de  .tab-section .tab-bg .tabs-menu li a  {
            font-size: 10px;
        }

        .smart-game #panel-third-wrapper .container .panel-2col .panel-col-first .inside .views-field-title a {
            max-height: 48px;
            min-height: 48px;
            overflow: hidden;
        }

        section.related-product .related-mln .views-col .views-field-title a {
            max-height: 52px;
            min-height: 52px;
            overflow: hidden;
        }

        .smart-game #panel-third-wrapper .container .panel-2col .panel-col-first .inside {
            margin: 0px 5px;
        }

        .our-game .main h1 {
            font-size: 28px;
            line-height: 36px;
        }

        .find-gift .find-gift-box .left-box h2 {
            font-size: 24px;
            line-height: 26px;
        }

        .find-gift .find-gift-box {
            padding: 0;
        }

        .find-gift .find-gift-box .left-box {
            padding: 15px;
        }

        .smart-game.future-product .future-box .block-custom {
            padding: 0;
        }

        .smart-game.future-product .future-box {
            padding: 0 0px 40px;
        }

        .playnowpopup iframe {
            width: 100%;
            height: 215px;
        }

        .testimonial .item-list ul li:before {
            top: -25px;
        }

        .search-bg form input[type='text'] {
            width: 79%;
        }
    }

    @media all and (max-width: 382px) {
        .before-box .button-theme {
            margin-left: 24px;
        }

        #giftFinderHeader {

            background-size: 90%;
        }

        .box-offer .before-box.last {
            height: 170px;
            background-size: 100% 170px;
        }
    }
    @media all and (max-width: 461px) {
        .contactus .contactus-box .left-content .form-item.form-item-zip {
            width: 28%;
            margin-right: 2%;
        }

        .contactus .contactus-box .left-content .form-item.form-item-city {
            width: 70%;
        }

        #cognitive-skills-game-img {
            width: 100%;
            float: left;
        }
    }

    /* iphone 6 375 portrait */
    @media all and (max-width: 375px) {

        .search-bg form input[type='text'] {
            width: 77%;
        }
    }

    /* iphone 5 and iphone 4 320 portrait */
    @media all and (max-width: 320px) {
        .our-game .main h1 {
            font-size: 22px;
            line-height: 24px;
        }



        /*    .button-theme {
                position: relative;
                top: -25px;
            }
        */
        .search-bg form input[type='text'] {
            width: 72%;
        }

        .find-gift .find-gift-box a.button-theme {
            width: 280px;
            padding: 0 11px;
        }
    }

    @media all and (max-width: 750px) and (orientation: landscape) {
        .page-try-smartgames-online header, .page-try-smartgames-online #page-title {
            display: none;
        }

    }