div.mobile_menu_items {
    display: none;
}

@media (max-width: 1500px) {
    #custom_suite_bg {
        background-size: 54%;
        background-position: right top;
        margin: 0;
        padding: 0;
    }
}

@media (max-width: 1440px) {
    .social_list.share_buttons.social_fixed {
        right: 32px;
    }
}
@media (max-width: 1160px)
{
    #custom_suite_bg {background-size: 42%;}
    div#cover_bg div#screen {margin-right: 38px;}
    div.section .wrap, header .wrap   {margin: 0 18px 0 18px; width: auto;}

    div.section .content div.info {padding: 2px 0 30px 0;}
    div.section .content div.img, div.section.gray .content div.img {float: none; margin: 0 auto; height: 280px; display: none;}

    div#content.std .text .info {
        display: block;
        float: none;
        margin: 0 auto 18px !important;
    }

    div#content.std div.scr_img {
        display: block;
        float: none;
        margin: 18px auto 0;
        overflow: hidden;
    }

    div.section.trial_bg {
        padding-bottom: 36px;
        background-size: 158% 100%;
    }
    div.section.trial_bg .content div.info {
        padding: 54px 0 0 0;
    }

    h1, h2, h3,
    div.section .info .t {line-height: 1.2;}
    h1.xt, h2.xt {font-size: 32pt;}

    .rcard {width: 50%}
    .rcard::before {background-position: 12% 85%;}

    .scr_wrapper, .scr_sin_wrapper {float: none; margin: 0 auto 18px !important;}
    .scr_sin_wrapper img {width: 95%;}
}

@media (max-width: 1080px)
{
    .social_list.share_buttons.social_fixed {
        right: 18px;
    }
    .social_list a {
        opacity: 0.4;
    }
    h2.ctitle {line-height: 54px}
}

@media (max-width: 768px)
{
    #custom_suite_bg {
        background-image: none !important;
    }
    .div_footer.bgd_footer {    background-repeat: repeat;}
    body:after {
        content: 'mobile';
        display: none;
    }

    div#content.std div.scr_img {
        transform: scale(0.6);
    }

    .mobile_menu_items {
        display: none;
        width: auto;
        right: 0;
        position: absolute;
        background: rgba(0, 0, 0, 0.8);
        margin: -28px 18px 0 0;
        overflow-y: scroll;
        height: 360px;
    }

    .mobile_menu_items.open {
        display: block;
    }

    .mobile_menu_items ul {
        line-height: 36px;
        margin: 0;
    }

    .mobile_menu_items li {
        text-align: left;
        list-style-type: none;
        margin: 0;
    }
    .mobile_menu_items li em {
        color: #fff;
        padding: 0 18px;
        font-weight: bold;
    }
    .mobile_menu_items li a em {
        padding: 0;
    }
    .mobile_menu_items li b {
        display: block;
        color: #fff;
        padding: 0 0 0 8px;
        font-size: 13pt;
        font-weight: 600;
        text-transform: uppercase;
        background: rgba(1, 52, 86, 0.82);
    }
    .mobile_menu_items li a {
        display: block;
        color: #fff;
        padding: 0 18px;
    }
    .mobile_menu_items li a:hover {
        display: block;
        color: #fff;
        padding: 0 18px;
        text-decoration: none;
    }
    .mobile_menu_items li a:hover {
        background: rgba(255, 255, 255, 0.1);
    }

    div#cover_bg div.text .sub_title, div#cover_bg .yellow_btn.f_right {float: none; display: block;}
    div#cover_bg div#screen {float: none; margin: 18px auto; padding-top: 0.1px;}

    div#cover_bg div.text .title {font-size: 36pt; line-height: 40px;}
    div#cover_bg div.text .sub_title {font-size: 18pt; line-height: 28px;}
    div#cover_bg.std div.text {margin: 14px 0 0 28px;}

    header .content {line-height: 70px;}
    header .wrap .logo img {height: 26px;}
    .mobile_menu {display: inline-block;}
    header .wrap .menu > a {display: none;}

    .footer_2 div.copyright {
        float: none;
        margin: 7px 0 0;
        line-height: 30px;
    }
    .footer_2 div.footer_logo {
        display: block;
        margin: 12px auto 0;
    }

    .ft_menu {
        float: none;
        text-align: center;
        width: auto !important;
    }
    .ft_menu .ft_smenu {width: auto; float: none;}

    .ft_menu a {
        padding: 0;
        display: block;
        float: none;
    }

    .footer_2 div.social {
        float: none;
        display: inline-block;
    }

    .inner_footer {
        display: inline-block;
    }

    span.all_rights {
        display: block;
    }

    div.social span {
        display: none;
    }

    div.section.future_bg.mini {
        height: 100%;
        padding-bottom: 36px;
    }

    div.section .content div.info {padding-top: 54px;}

    div#content.std div.section .wrap {
        padding-top: 54px;
    }

    div#content.std div.section.centered .wrap {
        padding: 54px 0 0 0;
    }

    .scr_wrapper {width: 100%; background-size: contain;}
    .scr_wrapper::before {width: 95%; background-size: contain;}
    .scr_wrapper::after {width: 95%; background-size: contain;}
    .scr_wrapper img {width: 95%;}
}

@media (max-width: 688px) {
    .rcard {width: 100% !important;}
    .custom_suite {width: auto !important;}
}

@media (max-width: 675px)
{
    div#cover_bg div#screen {display: none;}
    div#content.std div.section.white, div#content.std div.section.gray,
    div#content.std div.section.centered {min-height: initial;}
    div#content.std div.section .wrap {padding-bottom: 18px;}
    div#content.std div.section.centered .info {height: auto; margin: 0 auto 18px !important;}
    a.cta_btn {display: block}
}

@media (max-width: 545px)
{
    div#content.std div.scr_img {transform-origin: left;}
    div#cover_bg div.wrap {padding: 72px 0 0 0;}
    div#cover_bg.std div.text {margin: 0 0 0 7px;}
    div#cover_bg.std div.text h1 {font-size: 22pt;}
    div#cover_bg.std div.text .sub_title {font-size: 13pt; margin: 0 0 7px;}

    .custom_suite .title {
        line-height: 23px;
    }
}

@media (max-width: 430px)
{
    div#content.std div.section.centered div.scr_img {display: none;}
}

@media (max-width: 360px)
{
    div#content.std div.scr_img {display: none;}
    a.cta_btn {font-size: 12pt; line-height: 36px;}
    .rcard::before {width: 200px;}
    div#content.std .text .info h2 {font-size: 20pt;}
}