@charset "utf-8";

@media only screen and (max-width: 1399.98px) {
/*======================== dashboard ===============================*/
.header { padding: 15px 30px; }
.logo { max-width: 150px; }
.header-link-1 { padding: 10px 25px; }
.header-extra-btns-holder { padding-left: 25px; }
.page-title-1 { font-size: 30px; }
}

@media only screen and (max-width: 1199.98px) {
}

@media only screen and (max-width: 991.98px) {
/*======================== dashboard ===============================*/
.page-title-1 { font-size: 26px; }
p { font-size: 16px; }
.black-btn-pill-1, .blue-btn-pill-1 { padding-inline: 15px; min-width: 180px; font-size: 18px; }
.cp-black-btn-pill-1,.cp-blue-btn-pill-1{padding-inline: 15px; min-width: 180px; font-size: 18px;}
.header-dropdown-1 + .select2 .select2-selection__rendered {padding-right: 30px;}
.select2-container .select2-selection--single {height: 54px;}
.select2-container .select2-selection--single .select2-selection__rendered{ line-height: 28px;padding-left: 0px;}
.has-custom-dropdown::after {width: 20px;right: 15px;}
.header-extra-btns-holder {padding-left: 10px;}
.header-link-1 {padding: 10px; font-size: 18px;}
.header-right [class*="-btn-"] {min-width: 150px;}
/*======================== screens page ===============================*/
.screen-title-1, .screen-mac-address { font-size: 20px; }
/*======================== screenshotss page ===============================*/
.page-title-2 { font-size: 35px; }
}

@media only screen and (max-width: 767.98px) {
/*======================== dashboard ===============================*/
.header-link-1 { font-family: 'GothamMedium'; font-size: 17px; padding-inline: 15px; }
.header-extra-btns-holder { padding-left: 15px; }
.black-btn-pill-1, .blue-btn-pill-1 { font-size: 16px; border-radius: 8px; min-width: 130px; font-family: 'GothamMedium'; }
.cp-black-btn-pill-1,.cp-blue-btn-pill-1{font-size: 16px; border-radius: 8px; min-width: 130px;}
.widget-1 { border-radius: 10px !important; }
/*======================== screens page ===============================*/
.screen-poster-holder { max-width: 150px; }
.screen-title-1, .screen-mac-address { font-size: 17px; }
.screen-holder-inner::after { font-size: 35px; }
.search-input-group-1, .screens-search-reset-btn { border-radius: 8px; }
.title-2 { font-size: 30px; }
.screens-search-reset-btn { height: 52px; width: 52px; flex-basis: 52px; }
.search-input-1 { padding-block: 11px; }
}

@media only screen and (max-width: 575.98px) {
/*======================== dashboard ===============================*/
.page-title-1 { font-size: 22px; }
body { padding-bottom: 57px; }
#to-top { width: 30px; height: auto; bottom: 65px; }
.logo { max-width: 100px; }
.header-extra-btns-holder{border: none; padding: 0px; width: 100%;}
.header-extra-btns-holder > .header-dropdown-form{width: 100%;}
.header {padding: 15px;}
.header-dropdown-1 + .select2 .select2-selection--single {border-radius: 8px;padding-top: 12px;}
/*======================== screens page ===============================*/
.search-input-group-1-text { padding-left: 10px; font-size: 15px; }
.search-input-1 { padding-left: 7px; font-size: 15px; }
.reboot-notification-holder-col-right [class*="-btn-"]{width: 100%;}
/*======================== screenshots page ===============================*/
.page-title-2 { font-size: 22px; }
}

@media only screen and (max-width: 299.98px) {
}