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

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

    h1 {margin: 15px 0;}
    .container {padding-left: 30px; padding-right: 30px;}

    .header {max-height: 120px;margin-bottom: 60px;}
    .header > .container {position: relative; padding-top: 20px;}
    .header .header-content {width: 100%;}
    .header .header-topmenu { text-align: right; position: absolute; right: 30px; top: 15px; }
    .header .topmenu > .container {padding: 0;}
    .header .topmenu .moduletable_menu {width: 100%;}
    .header .topmenu .menu {padding: 0; margin-left: -10px; margin-right: -10px; margin-top: 20px; justify-content: space-between;}
    .header .topmenu .menu li a.uk-button {position: absolute; position: absolute; right: 0px; top: -45px;}
    .header .topmenu .menu li:last-child {position: inherit;}
    .header .topmenu .menu > li div.uk-navbar-dropdown {top: 50px !important;}
    .header .header-content .uk-dropdown.uk-open {position: fixed;}

    .homeintro .width50 { width: 100%;}
    .homeintro .width50:first-child {padding-bottom: 30px;}

    .header .topmenu.uk-sticky-fixed {position: inherit !important;}
    .header .topmenu.uk-sticky-fixed .site-logo {display: none;}

    .footer .footer-top {position: relative;margin-bottom: 150px;}
    .footer .footer-top .container {flex-wrap: wrap;}
    .footer .footer-top .site-logo > a {margin: 0 auto;}
    .footer .footer-top .container > div:nth-child(1) {order: 4; left: 0; right: 0;position: absolute; bottom: -150px;}
    .footer .footer-top .container > div:nth-child(2) {order: 1}
    .footer .footer-top .container > div:nth-child(3) {order: 2}
    .footer .footer-top .container > div:nth-child(4) {order: 3}

    .footer .footer-bottom > .container {flex-wrap: wrap;}
    .footer .footer-bottom > .container .copyright,
    .footer .footer-bottom > .container .socialmenu { width: 100%; text-align: center; }
    .footer .copyright {padding: 30px 0 15px;}
    .footer .socialmenu {margin-bottom: 45px;}

    .breadcrumbs {margin-top: 0;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .uk-modal { padding-left: 40px; padding-right: 40px; }
    .uk-modal-close-outside { right: 0; transform: translate(100%, -100%); }

    .advantages .width33 {width: 100%;margin-bottom: 35px;}
    .advantages .width33:last-child {margin-bottom: 0;}
    .advantages .advantages-block {padding: 20px 30px;}
    .advantages > .uk-button { margin: 0 auto; }

    .block-video {justify-content: center;padding-top: 90px;padding-bottom: 150px;}
    .block-video > div {width: 100%; max-width: 665px;}
    .block-video .video-load > svg {max-width: 665px;}
    .block-video .video-content { margin-bottom: 100px; max-width: 500px; }
    .video-content > .label {margin: 0 auto;width: 108px; display: block;}

    .rm-mod-table > tbody > tr > td > sup {position: absolute; right: 10px; top: 15px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .container {padding-left: 15px; padding-right: 15px;}
    .uk-modal { padding: 50px 30px; }

    .site-logo #logo-text {font-size: 24px}
    .site-logo #logo-desc-text {font-size: 10px; margin-bottom: 0px;}
    .site-logo svg { width: 60px; height: 60px; }
    .site-logo > a {height: auto; width: 200px;}

    .header {margin-bottom: 15px;}
    .header > .container {padding-top: 30px; padding-bottom: 10px;}
    .header .topmenu .uk-navbar-toggle svg {width: 25px; height: 20px; stroke: #2B5519;}
    .header .topmenu .uk-navbar-toggle svg rect {width: 25px; height: 1px; stroke: #2B5519;}
    .header .topmenu .uk-navbar-toggle {display: block;padding-top: 35px;}
    .header .topmenu nav {position: absolute; left: 0; background: #FFF; width: 100%;}
    .header .topmenu nav.uk-navbar-container {display: none;top: 121px;background: #FFF;z-index: 10000;}
    .header .topmenu nav.uk-navbar-container.open {display: block;z-index: 3000;overflow-y: auto;}
    .header .topmenu .menu li {position: inherit;}
    .header .topmenu .menu li:hover .uk-animation-fade {animation-name: none !important;}
    .header .topmenu .menu > li.deeper > .separator::after { content: "\f054"; }
    .header .topmenu .menu > li.deeper ul li a {font-size: 16px;}
    .header .topmenu .menu > li.deeper .child.back {position: relative;}
    .header .topmenu .menu > li.deeper .child.back::before { content: "\f053";font-family: "Font Awesome 5 Free"; font-weight: 900;display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; position: relative; font-size: 10px; color: #2B5519;top: -1px; left: 10px; }
    .header .topmenu .menu > li.deeper .child.back > div { display: inline-block; padding: 10px 10px 10px 20px; }
    .header .topmenu .menu > li.deeper ul li { border-bottom: 1px solid #e7e7e7; }
    .header .topmenu nav .menu > li div.uk-navbar-dropdown { position: absolute; width: 100%; z-index: 1000; border: none; margin: 0; background: #FFF; height: 100%; overflow: hidden; min-width: 0; transform: translate3d(100%,0,0); transition: transform .2s ease-in,opacity .2s ease-in; opacity: 0; top: 0; }
    .header .topmenu nav .menu > li div.uk-navbar-dropdown.uk-open { display: block; width: 100%; top: 0 !important; left: 0 !important; right: 0; bottom: 0; opacity: 1; transform: translateZ(0); transition: transform .2s ease-in,opacity .2s ease-in; overflow: auto; padding: 0; }
    .header .header-content {width: auto;}
    .header .header-topmenu {top: 0; right: 15px;}
    .header .topmenu .menu {flex-direction: column;margin: 0;padding: 0; width: 100%;}
    .header .topmenu .menu > li {display: block; border-bottom: 1px solid #e7e7e7;width: 100%;}
    .header .topmenu .menu li a.uk-button { position: relative; right: unset; top: unset; }
    .header .topmenu .menu li a.uk-button {background: none; color: #2B5519; text-align: left; padding: 10px; font-size: 16px; margin: 0;}
    .footer .footer-top .container > div {width: 100%; margin-bottom: 15px;}
    .footer .footer-top {padding-top: 20px; padding-bottom: 20px;margin-bottom: 100px;}
    .footer .footer-top .container > div:nth-child(1) {bottom: -120px;}
    .footer .socialmenu {margin-bottom: 20px;}

    .rm-mod-table.latest-calcs, .rm-mod-table.latest-calcs tbody, .rm-mod-table.latest-calcs tr, .rm-mod-table.latest-calcs td {display: block;}
    .rm-mod-table.latest-calcs > tbody > tr {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
    .rm-mod-table.latest-calcs > tbody > tr.thead {display: none;}
    .rm-mod-table.latest-calcs > tbody > tr > td {}
    .rm-mod-table.latest-calcs > tbody > tr > td .cell-title {display: inline;}
    .rm-mod-table.latest-calcs > tbody > tr > td:nth-child(1) {order: 3; width: 100%; padding-top: 0;padding-left: 65px;}
    .rm-mod-table.latest-calcs > tbody > tr > td:nth-child(2) {order: 1; padding-bottom: 0; width: 50px; min-width: 50px; padding-right: 0;top: 8px;}
    .rm-mod-table.latest-calcs > tbody > tr > td:nth-child(3) {order: 2;padding-bottom: 0; width: calc(100% - 50px);}

    .remository_my_uploads .rm-mod-table.latest-calcs, .rm-mod-table.latest-calcs tbody, .rm-mod-table.latest-calcs tr, .rm-mod-table.latest-calcs td {display: block;}
    .remository_my_uploads .rm-mod-table > tbody > tr {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; position: relative;}
    .remository_my_uploads .rm-mod-table > tbody > tr.thead {display: none;}
    .remository_my_uploads .rm-mod-table > tbody > tr > td {}
    .remository_my_uploads .rm-mod-table > tbody > tr > td .cell-title {display: inline-block; color: #000; min-width: 150px;}
    .remository_my_uploads .rm-mod-table > tbody > tr > td:nth-child(1) {order: 3; width: 100%; padding-top: 0;padding-left: 65px; padding-bottom: 0;}
    .remository_my_uploads .rm-mod-table > tbody > tr > td:nth-child(2) {order: 4; width: 100%; padding-top: 0;padding-left: 65px; text-align: left; }
    .remository_my_uploads .rm-mod-table > tbody > tr > td:nth-child(3) {order: 5; position: absolute; right: -20px; top: -17px;}
    .remository_my_uploads .rm-mod-table > tbody > tr > td:nth-child(4) {order: 1; padding-bottom: 0; width: 50px; min-width: 50px; padding-right: 0;}
    .remository_my_uploads .rm-mod-table > tbody > tr > td:nth-child(5) {order: 2; padding-bottom: 15px;width: calc(100% - 50px);padding-top: 25px;}
    .remository_my_uploads td:last-child {max-width: 100%;}
    .remository_my_uploads .fa-star {font-size: 14px;}

    .public-profile {position: relative; display: flex; flex-direction: column; flex-wrap: nowrap;}
    .public-profile .public-profile-title {width: 100%;padding-left: 0; order: 1;}
    .public-profile .public-profile-params {width: 100%; position: relative; left: unset; top: unset; display: flex; flex-wrap: wrap; flex-direction: row;order: 2;float: none; margin-bottom: 40px;}
    .public-profile .public-profile-params .public-profile-params-avarar-wr {width: 50%;padding: 25px 45px;}
    .public-profile .public-profile-params .public-profile-params-list-wr {width: 50%;padding: 25px 45px;}
    .public-profile .public-profile-info {width: 100%; padding-left: 0;order: 3;}
    .public-profile .public-profile-params .public-profile-params-list-wr ul li {margin-bottom: 15px;}

    .compare-plans table tr.buttons td .uk-button {padding: 5px 10px;}

    #osm-profile-page #subscription-history-page, #osm-profile-page #my-subscriptions-page { overflow: auto; }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    h1, h2, h3, h4, h5, h6 {text-align: left;}
    #modal-login > .uk-modal-dialog {max-width: calc(100% - .01px)!important;}
    .osm-container h2.osm-item-title {text-align: center;}

    .public-profile .public-profile-params .public-profile-params-avarar-wr {width: 100%;padding: 0 25px; margin-bottom: 0}
    .public-profile .public-profile-params .public-profile-params-list-wr {width: 100%;padding: 25px;}
    .public-profile .public-profile-info {width: 100%; padding-left: 0;order: 3;}

    .compare-plans ul.payment-methods > li .uk-accordion-title .payment-title, .compare-plans ul.payment-methods > li .uk-accordion-title .payment-access {float: none; text-align: left; display: block; max-width: 100%;}
    .compare-plans ul.payment-methods > li > div > .uk-accordion-content-wr {text-align: left;padding-bottom: 20px;}
    .compare-plans table td, .compare-plans table.f-small td, .compare-plans table th {font-size: 14px;padding: 10px 15px;}
    .compare-plans table td a {font-size: 14px;}
    .compare-plans .compare-table td:first-child, .compare-plans table.f-small td {text-align: left;}
}

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

}