/*==========  Non-Mobile First Method  ==========*/

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

    .maincenter .row > .col:first-child { display: none; }
}

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

    .last_template .col-2 { width: 30% !important; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .container { max-width: 720px; }

    .burger-icon {display: flex;}
    #mainnav {transition: transform 500ms; position: fixed; display: flex; transform: translateX(-100%); z-index: 999;}
    #mainnav.open {transition: transform 500ms; left: 0; display: flex; transform: translateX(0);}
    #mainnav.close-icon {display: block;}

    .last_template .col-2 { width: 50% !important; }

    .view-category .new_features { display: none; }

    .col-9 { width: 100% !important; }

    .maincenter .row > .col:last-child { display: none; }

    #content .row:nth-child(2) > .col > .row { flex-direction: column; }

    .image-extension { flex-direction: column; }
    .image-extension > figure { width: 100%; max-width: 100% !important; }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 576px) {
    .container { max-width: 540px; }

    .moduletable { margin-bottom: 20px !important; }

    .maincenter .row > col:last-child { display: none; }

    .alltemplates a { text-align: left; white-space: nowrap; }

    .extension-parametrs { padding: 0; }

    .com-content-category-blog__navigation { display: flex; flex-direction: column-reverse; }

    .com-content-category-blog__pagination ul { flex-wrap: wrap; }
    .com-content-category-blog__pagination ul > li { padding-bottom: 10px; }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}

/*IE 10+ only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body {overflow-x: hidden;}
}