/* Top Nav */
.top-nav {
    padding         : 10px;
    background-color: #000;
}

a.top-cont-link {
    color        : #fff;
    padding-right: 30px;
}

.select2-search__field {
    text-align: left;
}

.pt-tittle p {
    margin-bottom: 5px;
}

.bs-example-modal-center .modal-body {
    padding: 30px 30px;
}

.text-center.pt-tittle {
    margin-bottom: 20px;
}

.bs-example-modal-center li {
    font-size    : 16px;
    margin-bottom: 15px;
}

.choose-pic {
    text-align: center;
}

.main-origin-address .form-control {
    border       : 0;
    border-bottom: 1px solid #ced4da;
}

#origin_address2 {
    width: 220px;
}

#destination_address2 {
    width: 220px;
}

a.top-email {
    padding-right: 0;
}

a.top-cont-link i {
    color        : #4db6ee;
    font-size    : 15px;
    padding-right: 5px;
}

/* Header css */
body[data-topbar=dark] #page-topbar {
    background-color: #fff;
    border-bottom   : 1px solid #ececec;
}

.verficaiton-code .input-info {
    right : -37px !important;
    bottom: 12px;
}

.navbar-light .navbar-nav .nav-link {
    color    : #202158;
    font-size: 14px;
    padding  : 10px 30px;
}

.btn {
    border-radius: 0;
    padding      : 14px 35px;
    font-size    : 14px;
}

.navbar-light .navbar-nav .nav-link.btn {
    color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "|";
}

#regForm .info-icon {
    right : 74px;
    bottom: 16px;
}

#regForm .infotell {
    bottom: -1px;
}

#regForm.whn-travelling .info-icon {
    right : 38px;
    bottom: 11px;
}

#regForm.whn-travelling .breedpureselect .info-icon {
    right : 38px;
    bottom: 21px;
}

#regForm.whn-travelling .gender .info-icon {
    right : 38px;
    bottom: 27px;
}

#regForm.whn-travelling .desexed .info-icon {
    right : 38px;
    bottom: 27px;
}

#regForm .main-origin-address .info-icon {
    right   : -263px;
    top     : -27px;
    position: relative;
}

.breadcrumb-item.active {
    color: #4db6ee;
}

/* Footer css */
.card-px-title {
    font-size: 24px;
    margin   : 0 0 7px 0;
    color    : #fff;
}

.footer {
    color           : #b1adad;
    height          : auto;
    background-color: #232b2c;
}

ul.ft-social-link {
    padding   : 15px 0 0px 0;
    list-style: none;
    display   : flex;
}

.ft-social-link li.socical-icons {
    padding         : 10px;
    margin-right    : 8px;
    width           : 45px;
    height          : 45px;
    text-align      : center;
    font-size       : 18px;
    background-color: #363e3f;
    color           : #64c9ea;
}

.ft-divider-line {
    border-bottom: 1px solid;
    width        : 70%;
}

ul.ft-additional-link {
    padding-left: 0;
    list-style  : none;
    line-height : 2;
}

.ft-add-melb {
    width: 67%;
}

.ft-add-syd {
    width: 70%;
}

.ft-copy-right {
    font-size: 14px;
}

/* Body css */
body[data-layout=horizontal] .page-content {
    padding: calc(40px + 24px) calc(24px / 2) 50%calc(24px / 2);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}


.card-body {
    padding: 35px;
}

.enter-pet-name {
    margin: 0 auto;
}

.or-box {
    font-size     : 20px;
    text-align    : center;
    width         : 100%;
    padding       : 20px;
    text-transform: uppercase;
    margin-bottom : 0;
}

.min-height-tab {
    min-height          : 450px;
    /* display          : flex;*/
    -webkit-box-align   : center;
    -ms-flex-align      : center;
    align-items         : center;
    -webkit-box-pack    : center;
    -ms-flex-pack       : center;
    justify-content     : center;
    margin-top          : 100px;
}

.card-width {
    width : 650px;
    margin: auto;
}

.pt-tittle h2 {
    color      : #000;
    font-size  : 36px;
    font-weight: bold;
}

.pt-tittle span {
    font-weight: 400;
}

.sub-tittle {
    font-size  : 20px;
    font-weight: 300;
    color      : #000;
}

/* Multi step from */

/* Mark input boxes that gets an error on validation: */
input.invalid {
    border-bottom-color: red;
}

/* Hide all steps by default: */
.tab {
    display: none;
}


/* Make circles that indicate the steps of the form: */
.step {
    height          : 15px;
    width           : 15px;
    margin          : 0 2px;
    background-color: #bbbbbb;
    border          : none;
    border-radius   : 50%;
    display         : inline-block;
    opacity         : 0.5;
}

.step.active {
    opacity         : 1;
    background-color: #62bde8;
}

/* Mark the steps that are finished and valid: */
.step.finish {
    background-color: #62bde8;
}

/* Input field */
.field {
    display      : flex;
    flex-flow    : column-reverse;
    margin-bottom: 1em;
    position     : relative;
}

label,
input {
    transition  : all 0.2s;
    touch-action: manipulation;
}

input {
    font-size         : 1.5em;
    border            : 0;
    border-bottom     : 1px solid #ccc;
    font-family       : inherit;
    -webkit-appearance: none;
    border-radius     : 0;
    padding           : 0;
    cursor            : text;
    background-color  : transparent;
    z-index           : 1;
    text-align        : center;
}

.resend-main-btn {
    margin-top: 16px;
}

.verfi-welcome {
    margin-right: -15px
}

.sub-tittle.welcome .input-info {
    position: relative;
    bottom  : auto;
    right   : 0px !important;
    z-index : 5;
}

input:focus {
    outline      : 0;
    border-bottom: 1px solid #666;
}

label {
    text-transform: capitalize;
    font-weight   : normal;
    font-size     : 16px;
}

.addAnother {
    background: #202158;
    color     : #ffffff;
    font-size : 14px;
    padding   : 14px 35px;
}

.pet-desc {
    font-size: 16px;
}

#accordion .pt-accord p {
    text-align: center
}

input:placeholder-shown+label {
    cursor          : text;
    max-width       : 66.66%;
    white-space     : nowrap;
    overflow        : hidden;
    text-overflow   : ellipsis;
    transform-origin: left bottom;
    transform       : translate(0, 2.125rem) scale(1.5);
    text-align      : center;
}

::-webkit-input-placeholder {
    opacity   : 0;
    transition: inherit;
}

input:focus::-webkit-input-placeholder {
    opacity: 1;
}

input:not(:placeholder-shown)+label,
input:focus+label {
    transform: translate(0, 0) scale(1);
    cursor   : pointer;
}

/* Right menu */
ul.right-side-menu {
    padding-inline-start: 20px;
    list-style          : none;
    position            : relative;
}

li.right-side-menu-link.active {
    position: relative;
}

li.right-side-menu-link.active:before {
    content    : "\f058";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position   : absolute;
    left       : -25px;
    top        : 0px;
    color      : #8abf49;
    font-size  : 17px;
}

li.right-side-menu-link {
    margin-bottom: 20px;
    font-weight  : bold;
}

li.right-side-menu-link.disble {
    opacity: 0.5;
    cursor : not-allowed;
}

#prevBtn {
    font-size: 14px;
    color    : #ababab;
}

.jusjustify-center {
    justify-content: center;
}

input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* Travel Info */
.pt-accord a.pt-tab .card-header {
    width          : 100%;
    display        : flex;
    align-items    : center;
    background     : transparent;
    justify-content: space-between;
    padding        : .6rem 1.5rem;

}

.pt-accord a.pt-tab {
    width: 100%;
}

.pt-accord {
    /*border: 1px solid #dde3e5;*/
}

body .pt-accord h2 {
    font-size  : 18px;
    font-weight: bold;
    color      : #60b6f3;
}

.pt-accord a.pt-tab[aria-expanded="true"] {
    background-color: #202158;
    color           : #ffffff !important;
}

.pt-accord a.pt-tab[aria-expanded="true"] h2 {
    color: #ffffffc9;
}

.pt-accord a.pt-tab[aria-expanded="true"] img {
    opacity: .4;
}

.pt-form-control {
    border       : 0;
    border-radius: 0;
    border-bottom: 1px solid;
    padding-left : 0;
}

.pt-accord-collapse span {
    color: #999;
}

.location-icon {
    position : absolute;
    right    : 0;
    bottom   : 10px;
    font-size: 20px;
    color    : #999;
}

.d-block {
    display: block !important;
    width  : 600px;
    margin : 0 auto;
}

ul.pet-select {
    list-style     : none;
    display        : flex;
    padding-left   : 0;
    justify-content: space-around;
    align-items    : center;
    margin-bottom  : 40px;
}

li.pet-list {
    width     : 95px;
    object-fit: contain;
    text-align: center;
    cursor    : pointer;
}

.active .pet-list-img {
    background     : #202158;
    border         : 2px solid #202158;
    border-radius  : 100%;
    height         : 95px;
    width          : 95px;
    display        : flex;
    justify-content: center;
    align-items    : center;
    vertical-align : middle;
    margin         : auto;
}

.pet-list-img {
    border         : 2px solid #dbdbdb;
    border-radius  : 100%;
    height         : 95px;
    width          : 95px;
    display        : flex;
    justify-content: center;
    align-items    : center;
    vertical-align : middle;
    margin         : auto;
}

.active p.pet-name {
    margin-bottom: 0;
    margin-top   : 15px;
    font-size    : 18px;
    font-weight  : bold;
    color        : #202158;
}

p.pet-name {
    margin-bottom: 0;
    margin-top   : 15px;
    font-size    : 18px;
    font-weight  : normal;
    color        : #000000;
}

#petphoto {
    color: transparent;
    width: 130px;
}

#petphoto::-webkit-file-upload-button {
    visibility: hidden;
}

.petname {
    text-transform: capitalize;
    font-weight   : bold;
}

.choose-pet-main {
    text-align: center
}

#petphoto::before {
    content            : 'Upload Pet Photo';
    color              : #ffffff;
    display            : inline-block;
    background         : -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    padding            : 6px 25px;
    font-size          : 14px;
    outline            : none;
    white-space        : nowrap;
    -webkit-user-select: none;
    cursor             : pointer;
    background         : #202158 !important;
}

#petphotocustom-file-input:hover::before {
    border-color: black;
}

#petphotocustom-file-input:active {
    outline: 0;
}

#petphoto:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}


.pet-list:hover .pet-list-img {
    background: #202158;
    border    : 2px solid #202158;
}

.pet-list:hover .pet-name {
    color      : #202158;
    font-weight: bold;
}

.custom-control-label::after,
.custom-control-label::before {
    top: 4px;
}

.pet-name-edit a {
    font-size     : 24px;
    font-weight   : bold;
    color         : #000;
    border        : 0;
    text-transform: capitalize;
}

.pet-name-edit .editable-buttons {
    display: none;
}

.pet-name-edit a.editable-click:hover {
    border-bottom: 0;
}

.pet-name-edit .form-control {
    font-size    : 24px;
    color        : #000;
    border       : 0;
    border-radius: 0;
    border-bottom: 1px solid;
}

.form-control {
    font-size: 16px !important;
}

.pet-name-edit a:after {
    content     : "\f304";
    font-family : 'Font Awesome 5 Free';
    font-weight : 900;
    font-size   : 18px;
    color       : #dbdb;
    padding-left: 10px;
}

.gender input[type=radio]:checked~label {
    background : #202157;
    border     : 1px solid #202157;
    color      : #fff;
    padding    : 2px 5px;
    font-weight: bold;
}

.gender input[type=radio]~label {
    background : #fff;
    border     : 1px solid #dbdbdb;
    color      : #dbdbdb;
    padding    : 2px 5px;
    font-weight: bold;
    width      : 30px;
}

.gender .custom-control-label::after,
.gender .custom-control-label::before {
    display: none;
}

.min-height-300 {
    min-height: 350px;
}

ul.dimension {
    display        : flex;
    list-style     : none;
    padding-left   : 0;
    justify-content: center;
}

.dimension li.dimension-list {
    width  : 75px;
    height : 75px;
    border : 1px solid #ccc;
    padding: 10px 0px;
}

.pet-readio-tab {
    padding      : 25px 20px;
    background   : url(https://localhost/petex/public/assets/img/tab-bg-img.png) no-repeat 85% 15%;
    border-radius: 0;
}

.pet-readio-tab.text-left.active {
    border: 2px solid #202158;
}

.add-another i {
    color: #adddf3;
}

.text-black {
    color: #000;
}

.airline {
    color          : #000;
    display        : flex;
    justify-content: space-around;
    align-items    : center;
    padding        : 15px 5px;
}

.airline-dest,
.stop {
    color: #999999;
}

.select-airline.active .air-title {
    font-weight: bold;
}

.select-airline .airline-include {
    display: none;
}

.select-airline.active .airline-include {
    color    : #4db6ee;
    font-size: 11px;
    display  : block;
}

.airline-amount {
    width: 100px;
}

.select-airline.active {
    border       : 1px solid #4db6ee;
    border-radius: 0;
}

.card {
    box-shadow: 0 0.75rem 1.5rem rgb(18 38 63 / 16%);
}

.accord-add-no-map {
    padding: 15px 20px;
    border : 1px solid #e2e2e2;
}

.call-no-map {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}

.br-0 {
    border-right: 0;
}

.accord-add {
    width: 90%;
}

.inclsion-accordion {
    border: 1px solid #e2e2e2;
}

.inclsion-accordion [aria-expanded="false"] {
    border-bottom: 1px solid #e2e2e2;
}

.inclsion-accordion [aria-expanded="true"] {
    border: 0;
}

.accord-body {
    padding      : 20px;
    border-bottom: 1px solid #e2e2e2;
}

.inclsion-accordion [aria-expanded="false"] .card-header {
    background: transparent;
    padding   : 15px 20px;
}

.inclsion-accordion [aria-expanded="true"] .card-header {
    padding      : 15px 0;
    margin       : 0 20px;
    background   : transparent;
    border-bottom: 1px solid #e2e2e2;
}

.inclsion-accordion [aria-expanded="true"] .sub-tittle:before {
    content    : "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    display    : inline-block;
    width      : 20px;
    position   : relative;
    top        : 2px;
}

.inclsion-accordion [aria-expanded="false"] .sub-tittle:before {
    content    : "\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    display    : inline-block;
    width      : 20px;
    position   : relative;
    top        : 2px;
}

.inclsion-accordion h6.sub-tittle {
    font-weight: 600;
}

.incl-list span {
    background-color: #202158;
    font-size       : 14px;
    width           : 25px;
    height          : 25px;
    display         : inline-flex;
    justify-content : center;
    align-items     : center;
    color           : #fff;
    border-radius   : 100%;
    margin-right    : 5px;
}

ol.incl-listing {
    list-style   : none;
    padding-left : 0;
    border-bottom: 1px solid #e2e2e2;
}

li.incl-list {
    margin-bottom: 1.5em;
}

.acc-yur .shop {
    font-size    : 12px;
    font-weight  : bold;
    padding-right: 20px;
}

.call-no-map a {
    font-size: 14px;
    color    : #3f95c3;
}

.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
}

.listofincl {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    margin-bottom  : 15px;
}

.listofincl .custom-control-input:checked~.custom-control-label::before {
    color           : #fff;
    border-color    : #7dba33;
    background-color: #7dba33;
}

ul.card-listing-ul {
    list-style     : none;
    padding-left   : 0;
    display        : flex;
    justify-content: space-around;
    text-align     : center;
    margin-bottom  : 0;
}

.accord-card {
    border : 1px solid #e2e2e2;
    padding: 10px 15px;
}

li.card-list img {
    width        : 40px;
    height       : 40px;
    object-fit   : contain;
    margin-bottom: 8px;
}

.card-list i {
    color     : #7db933;
    margin-top: 5px;
}

.shop {
    color: #999999;
}

.pet-box {
    display    : flex;
    align-items: center;
    width      : 90%;
    margin     : auto;
    border-top : 2px solid #e2e2e2;
    padding    : 25px 0;
}

.d-flex-betwwen {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}

.request {
    font-size  : 12px;
    color      : #4db6ee;
    font-style : italic;
    font-weight: bold;
}

.right-section {
    border: 1px solid #202158;
}

.second-section {
    background: #202158;
    padding   : 20px 10px;
}

.right-tc label.custom-control-label {
    font-size     : 11px;
    font-weight   : 400;
    text-transform: unset;
}

.btn.btn-success {
    width     : 100%;
    padding   : 10px;
    background: #7dba33;
    border    : 1px solid #7dba33;
}

#right-accordion .card-header {
    background: transparent;
    padding   : 10px;
}

#right-accordion .card-header a[aria-expanded="true"]:before {
    content      : "\f2d1";
    font-family  : 'Font Awesome 5 Free';
    font-weight  : 900;
    position     : relative;
    bottom       : 4px;
    padding-right: 5px;
    color        : #4db6ee;
}

#right-accordion .card-header a[aria-expanded="false"]:before {
    content      : "\f067";
    font-family  : 'Font Awesome 5 Free';
    font-weight  : 900;
    padding-right: 5px;
    color        : #4db6ee;
}

.ul {
    list-style  : none;
    padding-left: 0;
}

.ul li {
    line-height: 2;
}

.first-d-flex-betwwen {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}

.first-d-flex-betwwen {
    width        : 95%;
    margin       : auto;
    padding      : 10px 5px;
    border-bottom: 1px solid #e2e2e2;
}

.tooltip-info {
    padding   : 0;
    border    : 0;
    background: transparent;
    color     : #999999;
    width     : 20px;
}

.btn-primary {
    color           : #fff;
    background-color: #202158;
    border-color    : #202158;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: unset;
}

.custom-control-input:checked~.custom-control-label::before {
    color           : #fff;
    border-color    : #202158;
    background-color: #202158;
}

#right-accordion .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e);
    background-color: #ffffff;
    border          : 1px solid;
}

#right-accordion .custom-checkbox .custom-control-label::before {
    border-radius: 0;
}

.light-blue {
    color: #4db6ee;
}

.hurray-tittle {
    font-size  : 19.7px;
    line-height: 1.3;
}

.hurray-tittle span {
    font-weight: 900;
}

.payment {
    display    : flex;
    align-items: center;
    padding    : 15px 20px;
}

.payment .custom-control-label::before {
    width : 20.8px;
    height: 20.8px;
}

.payment .airline-img-section {
    width: 100px;
}

.book-first {
    background: url(https://localhost/petex/public/assets/img/quote-bg.png) #202158 no-repeat 45% 55%;
    color     : #d2d2d2;
    padding   : 20px;
}

.deposit {
    border-bottom: 1px solid;
    margin       : 10px 0;
}

p.quote-amount {
    color      : #fff;
    font-size  : 30px;
    font-weight: bold;
    line-height: 1;
}

.quote-flex {
    display        : flex;
    justify-content: space-between;
    align-items    : flex-start;
}

.btn-facebook {
    background-color: #3c5a96;
    color           : #fff;
    display         : flex;
    align-items     : center;
    margin          : 0 0 6% auto;
    border-radius   : 5px;
    font-size       : 12px;
    width           : 85%;
}

.btn-facebook i,
.btn-google i {
    font-size    : 20px;
    padding-right: 10px;
}

.btn-google {
    background-color: #db4c3f;
    color           : #fff;
    display         : flex;
    align-items     : center;
    width           : 85%;
    margin          : 0 0 0 auto;
    border-radius   : 5px;
    font-size       : 12px;
}

.social-login {
    padding-top: 30%;
}

p.mb-0.or {
    font-size: 20px;
    color    : #999999;
    position : absolute;
    top      : 40%;
}

p.or:before {
    content : '';
    border  : 1px solid #999999;
    position: absolute;
    height  : 50px;
    top     : -53px;
    left    : 13px;
}

p.or:after {
    content : '';
    border  : 1px solid #999999;
    position: absolute;
    height  : 50px;
    bottom  : -53px;
    left    : 13px;
}

p.retrieve-title {
    margin-bottom: 0;
    font-size    : 30px;
    font-weight  : bold;
    color        : #000;
}

.retrieve-input {
    border-radius: 0;
    border-color : #202158;
    height       : 51px;
}

a.btn.btn-primary.retrieve-btn {
    padding: 7px 25px;
}

.retrieve {
    width           : 100vw;
    position        : relative;
    left            : 50%;
    right           : 50%;
    margin-left     : -50vw;
    margin-right    : -50vw;
    background-color: white;
    margin-bottom   : -60px;
}

.sidemenu-icon,
a.closebtn {
    display: none;
}

.btn.btn-xs {
    padding  : 10px;
    font-size: 12px;
}

.bb-0 {
    border-bottom: 0;
}

.info-close {
    position: absolute;
    right   : 10px;
    top     : 10px;
    z-index : 1;
}

.info-icon {
    color    : #5eb0dc;
    font-size: 15px;
}

span.countdown {
    position   : absolute;
    font-size  : 15px;
    font-weight: 500;
    top        : -14px;
    right      : -49px;
    background : white;
    padding    : 24px 20px 0 0;
    width      : 75px;
    text-align : center;
}

.row.card-details-box {
    margin-top: 40px;
}

button#verify {
    position: absolute;
    top     : 22px;
    right   : -81px;
    z-index : 1;
    width   : 100px;
}

button.personal-info {
    width: 140px;
}

span#error_resend {
    color     : red;
    font-size : 12px;
    display   : block;
    position  : absolute;
    width     : 160%;
    margin-top: 5px;
}

.input-info {
    position: absolute;
    bottom  : 24px;
    right   : 13px;
    z-index : 5;
}

.invalid-feedback {
    display   : block;
    text-align: center;
}

.custom-control-input {
    z-index: 1 !important;
}

/*dashboard css*/



.padbody {
    padding: 15px;
}

.padaligntext {
    margin-top: 15px;
}

.airline-logo{
    width: 100px;
    margin-bottom: 5px;
}


form#regForm a.btnpreviousbtn + .min-height-tab{
    margin-top:0 !important
}


/*====================================================*/
@media(min-width : 1920px) {
    body[data-layout=horizontal] .page-content {
        padding: calc(40px + 24px) calc(24px / 2) 35.5%calc(24px / 2);
    }
}

@media(max-width : 1024px) {
    body[data-layout=horizontal] .page-content {
        padding: calc(40px + 24px) calc(24px / 2) 67% calc(24px / 2);
    }

    .pt-tittle h2 {
        font-size: 34px;
    }

    .min-height-tab {
        min-height: 200px;
    }

    .d-block {
        width: 100%;
    }

    p.mb-4.payment-set-title.font-size-24 {
        font-size: 22px !important;
    }
}

/*====================================================*/


/*====================================================*/
@media(max-width : 768px) {
    body[data-layout=horizontal] .page-content {
        padding: calc(95px + 24px) calc(24px / 2) 66vh calc(24px / 2);
    }


    /* Header css */
    .navbar-header {
        display: block;
        padding: 0;
    }

    /* extra  css */

    .min-height-tab {
        margin-top: 0px;
    }

    /* end extra css */

    nav.navbar.navbar-light.navbar-expand-lg.topnav-menu {
        width           : 100%;
        background-color: #fff;
        padding         : 0;
    }

    .navbar-header .d-flex {
        border-bottom  : 1px solid #e8e8e8;
        justify-content: space-between;
    }

    nav.navbar.navbar-light .navbar-collapse {
        padding: .5rem 1rem 1rem;
    }

    body[data-layout=horizontal] .navbar-brand-box {
        width     : 80%;
        display   : block;
        text-align: left;
    }

    body[data-topbar=dark] .header-item,
    body[data-topbar=dark] .header-item:hover {
        color: #202158;
    }

    .card-width {
        width : auto;
        margin: auto;
    }

    .pr-0 {
        padding-right: 10px !important;
    }

    .br-0 {
        border-right: 1px solid #e2e2e2;
    }

    .pl-0,
    .pl-4 {
        padding-left: 10px !important;
    }

    .right-section .first-d-flex-betwwen .font-size-14,
    .right-section .font-size-16 {
        font-size: 11px !important;
    }

    .book-first {
        margin-bottom: 30px;
    }

    p.mb-0.or {
        display: none;
    }

    .social-login {
        padding-top: 5%;
    }

    .btn-google,
    .btn-facebook {
        width: 100%;
    }

    .btn-facebook {
        margin: 0 0 2% auto;
    }
    
    /* sidemenu mobile */
    .sidemenu-icon,
    a.closebtn {
        display: block;
    }

    .sidemenu-mobile {
        height          : 100%;
        width           : 0;
        position        : fixed;
        z-index         : 1;
        top             : 0;
        left            : 0;
        background-color: #111;
        overflow-x      : hidden;
        transition      : 0.5s;
        padding         : 150px 0 0;
    }

    .sidemenu-mobile a {
        padding        : 8px 8px 8px 32px;
        text-decoration: none;
        font-size      : 25px;
        color          : #818181;
        display        : block;
        transition     : 0.3s;
    }

    .sidemenu-mobile a:hover {
        color: #f1f1f1;
    }

    .sidemenu-mobile .closebtn {
        position   : absolute;
        top        : 100px;
        right      : 5px;
        font-size  : 36px;
        margin-left: 50px;
    }

}




/*====================================================*/
@media(max-width : 767px) {

    body[data-layout=horizontal] .page-content {
        padding: calc(90px + 24px) calc(24px / 2) 140vh calc(24px / 2);
    }

    /* Layouts css */
    .pt-tittle h2 {
        font-size: 30px;
    }

    p.retrieve-title {
        font-size: 25px;
    }

    .retrieve {
        margin-bottom: -20px;
    }

    ul.pet-select {
        display: block;
    }

    li.pet-list {
        margin: auto;
        height: 180px;
    }

    .mp-0 {
        padding      : 0 !important;
        margin-bottom: 0 !important;
    }

    .sub-tittle {
        font-size: 18px;
    }

    .airline .custom-radio {
        margin-right: 0;
    }

    .airline {
        display   : block;
        text-align: center !important;
    }

    img.airline-img {
        width: 40px;
    }

    .airline-img-section {
        margin: 10px 0;
    }

    .airline-dest {
        text-align: center !important;
        margin    : 10px 0;
    }

    .airline-amount {
        width: 100%;
    }

    .pet-box img {
        width: 40px;
    }

    .pet-box-details p.pet-box-kg {
        font-size: 18px !important;
    }

    .card-list p {
        font-size: 10px;
    }

    .right-section .font-size-16 {
        font-size: 16px !important;
    }

    /* payment */
    .payment .airline-names p.font-size-11 {
        font-size: 8px !important;
    }

    /* sidemenu mobile */
    .sidemenu-icon,
    a.closebtn {
        display: block;
    }

    .sidemenu-mobile {
        height          : 100%;
        width           : 0;
        position        : fixed;
        z-index         : 1;
        top             : 0;
        left            : 0;
        background-color: #111;
        overflow-x      : hidden;
        transition      : 0.5s;
        padding         : 150px 0 0;
    }

    .sidemenu-mobile a {
        padding        : 8px 8px 8px 32px;
        text-decoration: none;
        font-size      : 25px;
        color          : #818181;
        display        : block;
        transition     : 0.3s;
    }

    .sidemenu-mobile a:hover {
        color: #f1f1f1;
    }

    .sidemenu-mobile .closebtn {
        position   : absolute;
        top        : 100px;
        right      : 5px;
        font-size  : 36px;
        margin-left: 50px;
    }

    ul.right-side-menu {
        padding-inline-start: 50px;
    }

    li.right-side-menu-link.active:before {
        left: -30px;
    }

    li.right-side-menu-link {
        color: #fff;
    }

    span#error_resend {
        width: 100%;
    }

    .main-origin-address {
        font-size: 16px;
    }

    .pt-accord a.pt-tab[aria-expanded="true"] .airway-type {
        background-color: #202158;
        color           : #ffffff !important;
    }

    .pt-accord a.pt-tab {
        width  : 100%;
        display: block;
    }

    .pt-accord.mb-1.d-flex {
        display: block !important;
    }

    .m-boader {
        border-bottom: 1px solid #e5eaeb;
    }

    .verficaiton-code .input-info {
        right: 15px !important;

    }

    .step-form-card {
        margin-bottom: 200px;
    }

}

/*====================================================*/

@media(min-width: 1600px){
    button.personal-info {
        margin: 0 auto;
    }
}