.suggestions::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: navy;
}
.suggestions:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: navy;
}
.suggestions::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: navy;
}
.suggestions:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: navy;
}

.card-body a {text-decoration: none !important;}
.triangle { height: 300px;}
.overlay-tools {position: absolute; border-radius: .5rem; bottom: 0;  left: 0;  background: rgba(0, 0, 0, 0.15);  color: #f1f1f1;  width: 100%;  height: 100%;
transition: .5s ease;color: white;font-size: 20px;padding: 10px;text-align: center;display: flex;justify-content: center;align-items: flex-end;}
.overlay-tools p{color: white; font-size: 23px;}
.container .job .typescript h3{font-weight:bold; color:white; font-size:30px;}
.input-calcs{ font-size:15px; height:35px!important;}
.block-1 { display: block;width: 90px;height:30px;border: none;background-color:#4267B2;color: white;padding: 2px 2px;font-size: 12px;cursor: pointer;text-align: center;
box-sizing : content-box; position: absolute;}
.block-2 {display: block;width: 70px;height:30px;border: none;padding: 2px 2px;
font-size: 12px;cursor: pointer;text-align: center;box-sizing : content-box;position: absolute;}
.title-center {margin-right:90px!important;}

@media screen and (max-width: 1399px){ 
.title{ font-size:16px;}
}
@media screen and (max-width: 1255px){ 
.input-calcs{ font-size:15px; height:35px!important;}
.label-calcs{font-size:13px; margin:5px;}
.title{ font-size:15px;}
}
@media screen and (max-width: 1200px){  
.not_found h3 { font-size:20px ; font-weight: bold;}
.label-calcs{font-size:13px;margin:5px;}
.input-calcs{font-size:15px; height:30px!important;}
.block-1 {display: block;width: 85px;height:25px; border: none; background-color:#4267B2; color: white; padding: 2px 2px;font-size: 12px; cursor: pointer; text-align: center;
 box-sizing : content-box; position: absolute;}
.block-2 { display: block; width: 70px; height:25px; border: none; padding: 2px 2px; font-size: 12px; cursor: pointer; text-align: center; box-sizing : content-box; position: absolute;}
}

@media screen and (max-width: 1024px) {
.overlay-tools p{color: white;font-size: 18px;}
.not_found h3 { font-size:18px ; font-weight: bold;}
.label-calcs{ font-size:14px; margin:0px;}
.input-calcs{ font-size:13px; height:30px!important;}
.btn { text-align: center; font-size: 10px;}
.block-1 { display: block; width: 75px; height:22px; border: none; color: white; padding: 1px 1px; font-size: 11px;
cursor: pointer; text-align: center; box-sizing : content-box; position: absolute;}
.block-2 { display: block; width: 55px; height:22px; border: none; padding: 1px 1px; font-size: 11px; cursor: pointer;text-align: center; box-sizing : content-box;position: absolute;}
}

@media screen and (max-width: 992px) {
.block-1 {display: block !important;width: 75px!important;height:20px!important;border: none!important;background-color:  #4267B2!important;
color: white!important;padding: 1px 1px !important;font-size: 10px!important;cursor: pointer!important;text-align: center!important;
box-sizing : content-box!important; position: absolute!important}
.block-2 {
display: block!important;width: 50px!important; height:20px!important; border: none!important; padding: 1px 1px!important; font-size: 10px!important; cursor: pointer!important;
text-align: center!important;box-sizing : content-box!important;position: absolute!important;}
}

@media screen and (max-width: 768px){ 
.container .job .typescript h3{font-weight:bold; color:white;  font-size:20px;}
.overlay-tools p{color: white;font-size: 18px;}
.not_found h3 { font-size:16px ;font-weight: bold;}
.container .body-wrapper .search-sec { height: 80px;}
.title{ font-size:15px;}
.mydevice {height:100px!important;}
}
  
@media screen and (max-width: 446px){ 
.container .job .typescript h3{ font-weight:bold;  color:white; font-size:15px;}
.title-center {margin-right:0px!important;}
}
.not_found h3 {font-size:26px ;font-weight: bold;}
.container .body-wrapper .search-sec { height: 100px;}     

 input[type="radio"]{vertical-align: middle;}

/*TEXT TOGGLE ONLY*/
/* CSS for mobile devices*/
@media only screen and (max-width: 767px) {
.mobile {display: block;}
.desktop {display: none;}
}
/* CSS for tablets and desktops */
@media only screen and (min-width: 768px) {
.mobile {display: none;}
.desktop {display: block;}
}
.viewport {min-height: calc(100vh - 640px); display: flex; flex-direction: column; justify-content: center;}