/**
 * All of the CSS for your admin-specific responsive functionality should be
 * included in this file.
 */

  /* Extra large devices ( 1150px and down) */
@media screen and (max-width: 1150px) {
    .dotslc_image_wrap  .dotslc_action_buttons {display: block;margin-top: 5px;}
    .dotslc_image_wrap .dotslc_image_url{max-width: 100% !important;}
}

@media screen and (max-width:1100px){
    .dots-getting-started-main > div{width:100%}
    .dots-getting-started-main .getting-started-video{padding:57% 0 0;}
}

/* Extra large devices (782px and down) */
@media screen and (max-width: 782px) {
    .dotslc-section-left table.table-outer tr th, .dotslc-section-left table.table-outer tr td {padding: 10px 20px;}
    .dotslc-section-left table.table-outer.dotslc-table-tooltip tr th label, .dotslc-section-left table.table-outer.dotslc-table-tooltip tr td label {display: inline-block;}
    .dotslc-main-table .dotslc-rule-table tbody tr td .dotslc-site-url{padding: 8px 5px;}
    .dotslc-main-table .dotslc-rule-table tbody tr td input:not([type=button]):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=number]):not(.select2-search__field), .dotslc-main-table table.table-outer tr td textarea, .dotslc-main-table .dotslc-rule-table tbody tr td select, .dotslc-password-wrap{max-width: 100%;}
    .dotslc-section-left table.table-outer tr th {padding-bottom: 0;}
    .dotslc-main-table .dotslc-rule-table tbody tr td .dotslc-site-url.end {top: 0px;right: -5px;padding: 8px 12px;}
}