.ftTiles{
        width: 25%;
        height: 267px;
        top: 730px;
        background: #FFFFFF;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
        border-radius: 14px;
    }

    .working_interfaces_wi {
        display: flex;
        justify-content: center;
        align-items: stretch;
        cursor: default;
        margin: 0 auto;
    }
    .working_interfaces_wi .wi_block {
        width: 288px;
        height: 267px;
        left: 360px;
        top: 730px;
        margin: 10px;
        padding: 20px;
        text-align: center;
        background: #fff;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
        border-radius: 14px;
    }
    .working_interfaces_wi .wi_block:hover{
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08), 0px 2px 6px rgba(0, 0, 0, 0.08), 0px 0px 1px rgba(0, 0, 0, 0.08);
    }
    .icon {
        width: 48px;
        height: 48px;
        display: inline-block;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .icon.chrome {

        background-image: url('/i/img/online_assistants/chrome-7.png');
    }
    .icon.yandex {
        background-image: url('/i/img/online_assistants/YandexBrowser_icon.png');
        background-position-x: center;
        background-position-y: center;
    }
    .icon.opera {
        background-image: url('/i/img/online_assistants/opera-2.png');
    }

    .icon.edge {
        background-image: url('/i/img/online_assistants/microsoft-edge-1.png');
    }
    .slider_section{
        left: 360px;
        top: 1021px;

        background: #FFFFFF;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
        border-radius: 14px;
    }

    .header_spec{
        background:none;
        border: 0px;
    }
    .fotorama__thumbs{
        bottom: 30px !important;
    }
    .fotorama__thumb__dot{background: #C4C4C4;
        transform: matrix(1, 0, 0, -1, 0, 0);}
    .fotorama__thumb_selected .fotorama__thumb__dot{
        background: red!important;
    }
    .fotorama__wrap.fotorama__wrap_style_touch.fotorama__wrap_mouseout{background-color: white!important; background-image: none!important; border-radius: 10px !important; top:10px!important;width: 100%!important;}
    .fotorama__wrap.fotorama__wrap_style_touch.fotorama__wrap_mouseover{background-color: white!important; background-image: none!important; border-radius: 10px !important;top:10px!important; width: 100%!important;}
    .fotorama__wrap.fotorama__wrap_style_touch{background-color: white!important; background-image: none!important; border-radius: 10px !important; top:10px!important; width: 100% !important;}








    /************* new Css for cards ****/
    [class*=col]{
        padding-left: 0;
        padding-right: 0;
    }
    .wi_block {
        margin: 10px;
        padding: 20px;
        text-align: center;
        background: #fff;
        box-shadow: 0px 10px 20px rgb(0 0 0 / 4%), 0px 2px 6px rgb(0 0 0 / 4%), 0px 0px 1px rgb(0 0 0 / 4%);
        border-radius: 14px;
    }
    .wi_block a{
        text-decoration: none;
    }
    p.install_desc {
        height: 24px;
        left: 425px;
        top: 842px;
        font-family: Helvetica Neue;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 24px;
        text-align: center !important;
        color: #636E72;
    }
    .install_btn {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 47px;
        left: 380px;
        top: 890px;
        border: 1px solid #51B533;
        box-sizing: border-box;
        border-radius: 4px;
        margin: 25px 0px;
        cursor: pointer;
    }
    p.install_text {
        position: static;
        left: 40.12%;
        right: 40.12%;
        top: 27.66%;
        bottom: 27.66%;
        font-family: Helvetica Neue;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 21px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.01em;
        color: #51B533;
    }
    .install_how{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 13px 30px;
        height: 44px;
        left: 380px;
        top: 945px;
        border-radius: 4px;
        cursor: pointer;
    }
    .install_text_how{
        left: 31.05%;
        right: 31.05%;
        top: 29.55%;
        bottom: 29.55%;
        font-family: Helvetica Neue;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;
        /* identical to box height */
        display: flex;
        align-items: center;
        text-align: center !important;
        letter-spacing: 0.01em;
        color: #636E72;
    }
    .wi_block:hover .install_btn {
        background: #51B533;
    }
    .wi_block:hover .install_text {
        color: #ffffff;
    }
    .install_how:hover p.install_text_how{
        color:#E10000;
    }

    /******For modal ***************/
    .modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 999999; /* Sit on top */
        padding-top: 50px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        overflow-y:scroll;

    }

    /* Modal Content */
    .modal-content {
        margin: auto;
        display: block;
        padding: 20px;
        border: 1px solid #888;
        width: calc(100% - 100px);
        max-width: 1050px;
        /*height: 850px;*/
        left: 100px;
        top: 815px;
        background: #FFFFFF;
        box-shadow: 0px 24px 32px rgb(0 0 0 / 4%), 0px 16px 24px rgb(0 0 0 / 4%), 0px 4px 8px rgb(0 0 0 / 4%), 0px 0px 1px rgb(0 0 0 / 4%);
        border-radius: 14px;
        animation-name: modalopen;
        animation-duration: 1s;
    }
    .img_content{
        width: 100%;
        max-width: 1050px;
        /*height: 700px;*/
        border-radius: 10px;

    }

    /* The Close Button */
    .close {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
    .modal-header {
        text-align: center !important;
    }
    .modal-body h4{
        text-align: center;
    }
    .slider-test-one p{
        text-align: center !important;
    }



    @keyframes modalopen {
        from{opacity: 0}
        to {opacity: 1}
    }
    .modal-footer .slick-next {
        right: 0px !important;
        background: none!important;
    }
    .modal-footer .slick-prev {
        left: 0px !important;
        z-index: 1 !important;
        background: none!important;
    }
    .modal-footer .slick-prev:hover{
        background: none !important;
    }
    .modal-footer .slick-next:hover{
        background: none !important;
    }

    /*************** For Responsive *************/
    @media (min-width: 320px) and (max-width: 430px){
        .col-lg-3.col-md-3.col-sm-3.col-xs-6.items{
            width: 100%;
        }
    }

    @media (min-width: 431px) and (max-width: 767px){
        .wi_block{padding: 10px}
        .container-fluid{padding-left: 5px;padding-right: 5px;}
    }
    @media (min-width: 768px) and (max-width: 900px){
        .wi_block{padding: 5px;margin: 5px}

    }
    @media (min-width: 1001px) and (max-width: 1140px){
        .wi_block{padding: 5px;margin: 5px}

    }
    @media (min-width: 1001px) and (max-width: 1599px) {
        .block.sections .content .additional_page_header_aph .mf_header {
            background-position: 82% !important;
        }
    }
    @media (min-width: 1361px) and (max-width: 1400px){
        .wi_block{padding: 5px;margin: 5px}

    }
    @media (min-width: 900px) and (max-width: 1000px){
        .additional_page_header_aph .mf_header{
            padding: 30px 30px 30px !important;
            height: 215px;
        }

    }
    @media (min-width: 1150px) and (max-width: 1600px){
        .additional_page_header_aph .mf_header{
            padding: 45px 30px 45px !important;
            height: 215px;
        }

    }
    @media(min-width: 1601px){
        .additional_page_header_aph .mf_header{
            padding: 30px 30px 0px 30px!important;
            height: 300px;
        }

    }

    @media(min-width: 1000px){
        .img_content{
            height:700px;
        }
        .modal-content{
            height: 850px;
        }

    }