﻿
/******************** Error Page ********************/
.errorPage{background:#fff}
.errorPage header{height:66px}
.errorPage header .logo {display: inline-block;float: right;margin-top: 13px;width: 154px;margin: 13px calc((100% - 154px) / 2);}
.errorPage header .logo a{display: inline-block;float: right;width: 154px;height: 40px;background: url(../../Images/logo.webp) center center no-repeat;background-size: auto 100%;}


.errorPage header:before{display:none}
.errorPage .errDtls{display:inline-block;float:right;width:100%;padding: 50px 30px}
.errorPage .errDtls .errCntnr{display:inline-block;margin:0 auto}
.errorPage .errDtls .doctorsImg{float:right;margin-left:50px;display:inline-block;width:200px}
.errorPage .errDtls .doctorsImg img{width:100%;height:auto}

.errorPage .errDtls .errorMsg{float:right;display:inline-block;width:504px}

.errorPage .errDtls p {display: inline-block;color: #222;font-size: 18px;width: 100%!important;text-align: center;font-family: TajawalMedium,Arial;float: right;direction: rtl;line-height: 1.8;margin-top: 30px;}
.errorPage .errDtls h2 {display: inline-block;font-family: TajawalBold,arial;letter-spacing: -10px;font-size: 200px;color: #2EA4A9;width: 100%;text-align: center;line-height: 1;}
.errorPage .errDtls span {display: inline-block;color: #222;font-size: 20px;width: 100%;text-align: center;font-family: TajawalMedium,Arial;}
.errorPage .errDtls .btns {display: inline-block;margin-top: 90px;width: 504px;margin: 50px calc((100% - 504px)/ 2) 0;}
.errorPage .errDtls .btns a {display: inline-block;width: 250px;height: 60px;text-align: center;border: 1px solid #ddd;color: #5c5c5c;background: #fff;font-size: 16px;font-family: TajawalMedium,Arial;line-height: 3.5;margin-bottom: 70px;transition: all .2s ease-in-out 0s;-webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;-ms-transition: all .2s ease-in-out 0s;-o-transition: all .2s ease-in-out 0s;}
.errorPage .errDtls .btns a:hover {background: #2EA4A9;color: #fff;}




@media screen and (min-width:1680px) and (max-width:1919px) {
}

@media screen and (min-width:1600px) and (max-width:1679px) {
}

@media screen and (min-width:1536px) and (max-width:1599px) {
}

@media screen and (min-width:1440px) and (max-width:1535px) {
}

@media screen and (min-width:1360px) and (max-width:1439px) {
}

@media screen and (min-width:1280px) and (max-width:1359px) {
}

@media screen and (min-width:1152px) and (max-width:1279px) {
}

@media screen and (min-width:1024px) and (max-width:1151px) {
}

@media only screen and (max-width: 1023px) {
    .errorPage .errDtls{padding:20px 0}
    .errorPage .errDtls .doctorsImg{width:100%;text-align:center;margin-left: 0;margin-bottom: 10px;}
    .errorPage .errDtls .doctorsImg img{width:70px}
    .errorPage .errDtls .errorMsg{width:100%}

    .errorPage .errDtls p{font-size:16px}
    .errorPage .errDtls h2{font-size:150px}
    .errorPage .errDtls span{font-size:18px}
    .errorPage .errDtls .btns{margin:30px calc((100% - 404px)/ 2) 0;width:404px}
    .errorPage .errDtls .btns a{width:200px;height:50px;line-height:3}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .errorPage .errDtls p{font-size:15px;margin-top:0}
    .errorPage .errDtls h2{font-size:120px;line-height: 0.8;}
    .errorPage .errDtls span{font-size:16px}
    .errorPage .errDtls .btns{margin:10px calc((100% - 404px)/ 2) 0;width:404px}
    .errorPage .errDtls .btns a{width:200px;height:50px;line-height:3}

    .errorPage .errDtls .doctorsImg{width:100%;text-align:center;margin-left: 0;margin-bottom: 10px;}
    .errorPage .errDtls .doctorsImg img{width:70px}
    .errorPage .errDtls .errorMsg{width:100%}
    .errorPage .errDtls .btns{margin:20px 0 0;width:100%}
    .errorPage .errDtls .btns a{width:100%;margin-bottom:10px}
}
