/*==========  Non-Mobile First Method  ==========*/
/*
@media only screen and (max-width : 1550px)
@media only screen and (max-width : 1440px)
@media only screen and (max-width : 1340px)
@media only screen and (max-width : 1200px)
@media only screen and (max-width : 992px)
@media only screen and (max-width : 960px)
@media only screen and (max-width : 768px)
@media only screen and (max-width : 690px)
@media only screen and (max-width : 600px)
@media only screen and (max-width : 500px)
@media only screen and (max-width : 400px)
@media only screen and (max-width : 320px)
*/


/* Huge Screens */
@media only screen and (max-width : 1550px)
{

    .white_content
    {
        width: 50%;
        left: 20%;
        height: 90%;
        top: 5%;
    }

    .header-motto-as
    {
        display: none;
    }

    .navbar-nav-as li a
    {
        font-size: 91% !important;
    }
}

@media only screen and (max-width : 1440px)
{
    .flex-header-groupleft-as
    {
        justify-content: space-around;
    }
    .flex-header-groupright-as
    {
        justify-content: center;
    }

    .top-as
    {
        height: auto;
    }

    .menu2-as {
        display: none;
    }


    /* ------------- Menu ipad, mobile ------------- */
    #svgimg-ipad-asID {
        display: inline;
        background-color: #aaa;
        padding: 5px;
        border-radius: 13px;
    }
    #myLinks {
        flex-flow: row wrap;
        font-size: 16px;
    }
    #myLinksMob {
        flex-flow: row wrap;
        justify-content: space-between;
        font-size: 16px;
        margin: 0.6em;
    }
    #myLinks a, #myLinksMob a {
        color: #959393;
        text-decoration: none;
        margin-right: 15px;
        padding: 10px;
        line-height: 20px;
        white-space: nowrap;
    }
    #myLinksMob a {
        color: white;
    }
    #myLinks a:hover {
        background-color: #ddd;
        border-radius: 13px;
        color: black;
    }
}

@media only screen and (max-width : 1340px)
{
    #soc-by-telega, #soc-by-viber, #soc-by-fb, #soc-by-vk,    #soc-ru-whatsapp
    {
        display: none !important;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px)
{

    #cartas-flex-item1
    {
        width: 30%;
    }
    #cartas-flex-item2
    {
        width: 55%;
    }
    #cartas-flex-item3
    {
        width: 85%;
    }
    .cartas-flex-item
    {
        margin: 0em 0.5em;
    }

    .search-input-as
    {
        width: 65%;
    }

    #header-enter-id
    {
        display: none !important;
    }
    #header-favorites-id
    {
        display: none !important;
    }
    #header-recall-id
    {
        //display: none;
    }

    #seo_str_as_ID p img{
        width: 100%;
    }
    #info .flex-textblock p img {
        width: 100%;
    }

    .clients_cardsi img {
        width: 100%;
    }

    .yandex-map {
        width: 97%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px)
{

    .order2-rev {
        order: 2;
    }
    .order1-rev {
        order: 1;
    }

    .main-slider-as img
    {
        border-radius: 2em;
    }

    .yandex-map {
        width: 96%;
    }
}
@media only screen and (max-width : 960px)
{
    .white_content
    {
        width: 90%;
        left: 5%;
        height: 90%;
        top: 5%;
    }

    .flex-header-groupright-as
    {
        margin-left: -50px;
    }
    /* Bootstrap sliders: move arrows horisontally */
    .carousel-control .glyphicon-chevron-left {
        margin-left:-30px
    }
    .carousel-control .glyphicon-chevron-right {
        margin-right:-30px
    }

    #column4cards5, #region-map-marker-top,
    #region-text-top-by, #region-text-top-ru, #region-text-top-pl
    {
        display: none;
    }
    .one-column4cards-as
    {
        width: 25%;
    }
    .search-input-as
    {
        width: 45%;
    }

    .footer-payments {
        float: none;
    }
    .footer-payments-p {
        text-align: center;
    }

    .page404-block {
        width: auto;
    }
    .page404-block img {
        width: 100%;
    }
    .page404-text {
        width: 90%;
        font-size: 24px;
    }
    .page404-soc, .page404-search {
        display: flex;
        justify-content: center;
    }

    .yandex-map {
        width: 95%;
    }
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px)
{
    .filter-as
    {
        width: 90%;
    }

    #column4cards4
    {
        display: none;
    }

    .one-column4cards-as
    {
        width: 33%;
    }

/*menu*/
    .top-as
    {
        display: none;
    }
    .header-mobile-as
    {
        display: block;
        z-index: 999;
    }

    .mobile-space-after-menu {
        display: block;
    }

    .ico-mess-as
    {
        margin-left: 0.030em;
    }

    .flex-header-as
    {
        padding-top: 0.3em;
    }

    .menu_item {
        line-height: 50px;
    }

    .search-input-as
    {
        width: 78%;
    }
/*end menu*/

    .yandex-map {
        width: 94%;
    }
}

@media only screen and (max-width : 690px)
{
    #new
    {
        width: 90%;
        margin-left: 5%;
        //margin-right: 5%;
    }

    .card-icons-right-as
    {
        font-size: 0.8em;
    }

    #cartas-flex-item1
    {
        width: 90%;
    }
    #cartas-flex-item2
    {
        width: 90%;
    }
    #cartas-flex-item3
    {
        width: 100%;
    }
    .cartas-flex-item
    {
        margin: 0em 0.1em;
    }

    .yandex-map {
        width: 93%;
    }
}

@media only screen and (max-width : 600px)
{
    #column4cards3
    {
        display: none;
    }
    .columns4cards-flex-as {
        margin-right: 10px;
    }
    .one-column4cards-as {
        width: 50%;
        padding: 0 0 0 10px;
    }

    /* Bootstrap sliders: move arrows horisontally */
    .carousel-control .glyphicon-chevron-left {
        margin-left: -5px
    }
    .carousel-control .glyphicon-chevron-right {
        margin-right: -5px
    }

    .flex-menu-mobile-as
    {
        justify-content: flex-start;
    }

    .main-slider-as    {
        display: none;
    }
    .mobile-slider-as {
        display: inline;
    }
    .mobile-space-after-menu {
        padding: 14px;
    }

    .sec1-categs-as
    {
        margin: 0;
    }


    .cartas-itogo-col1
    {
        width: 100%;
    }
    .cartas-itogo-col2
    {
        width: 150px;
    }
    .cartas-itogo-col3
    {
        width: 100%;
    }
    .cartas-itogo-flex
    {
        justify-content: flex-start;

    }
    .cartas-itogo-flex-item {
        margin: 10px;
    }


    #category-seo-text-by img {
        width: 100%;
    }
    #category-seo-text-ru img {
        width: 100%;
    }
    #category-seo-text-pl img {
        width: 100%;
    }
    #category-seo-text-en img {
        width: 100%;
    }

    #seo_str_as_ID img{
        width: auto;
    }
    #info .flex-textblock img {
        width: auto;
    }

    #category-seo-text-by iframe {
        width: 100%;
        height: 100%;
        min-height: 315px;
    }
    #category-seo-text-ru iframe {
        width: 100%;
    }
    #category-seo-text-pl iframe {
        width: 100%;
    }
    #category-seo-text-en iframe {
        width: 100%;
    }

    #seo_str_as_ID iframe {
        width: 100%;
    }

    .video-outer-textblock iframe {
        margin-left: 0px;
    }

    .video-outer-textblock-photoframe iframe {
        margin-left: 0px;
    }

    .video-outer-textblock-lissabon iframe {
        margin-left: 0px;
    }

    #info .flex-textblock iframe {
        width: 100%;
    }

    .yandex-map {
        width: 92%;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 500px)
{
    .recall-form .login-input, .recall-form .phone-input {
        font-size: 1em;
        margin-left: 0.2em;
        margin-right: 0.2em;
    }

    #column4cards2
    {
        display: none;
    }
    .one-column4cards-as {
        width: 80%;
    }

    .star-as
    {
        display: none;
    }

    .pagination_items-as {
        font-size: 1.30em;
    }
    .pagination_arrow-as {
        font-size: 0.94em;
    }

    .yandex-map {
        margin-left: -1px;
    }

    .echotext_column_flex {
        margin-left: 5px;
    }

    .echotext_column {
        padding: 0 2px;
    }

    .echotext_column a {
        font-size: 10px;
    }

    .echotext_column div {
        margin-bottom: 0.5em;
    }
}


/* as middle: Extra Small - iPhone */
@media only screen and (max-width : 400px)
{
    .cartas-subflex
    {
        flex-flow: row wrap;
    }
    .cartas-subflex-item
    {
        width: 40%;
    }

    .square-prev {
        min-width: 340px;
    }
}



/* Custom, iPhone Retina */
@media only screen and (max-width : 320px)
{
    #column4cards2
    {
        display: none;
    }
    .one-column4cards-as
    {
        width: 80%;
    }

    .cartas-subflex
    {
        //justify-content: flex-start;
    }
    .cartas-subflex-item
    {
        width: 100%;
    }
    .cart-input2-as
    {
        /*max-width: auto;*/
        width: 100px;
    }

    .square-prev {
        min-width: auto;
    }
}