@media only screen and (min-width:1200px) {
    .search-bar {
        left: 0;
        top: 25% !important;
        right: 0
    }
}

@media only screen and (min-width:1366px) {
    .search-bar {
        left: 0;
        right: 0
    }
}

@media only screen and (min-width:1440px) {
    .search-bar {
        left: 0;
        right: 0
    }
}

@media only screen and (min-width:1536px) {
    .search-bar {
        left: 0;
        right: 0
    }
}

@media only screen and (min-width:1600px) {
    .search-bar {
        left: 0;
        right: 0
    }
}

@media only screen and (min-width:1920px) {
    .search-bar {
        left: 0;
        right: 0
    }
}

#pageBanner .bannerTxt {
    padding-bottom: 2%;
    width: 90%;
    float: none
}

@media only screen and (max-width:768px) {
    #bannerFormOne form .input-group-btn button {
        padding: 7px 86px
    }
    #bannerFormOne form input {
        padding: 18px 12px
    }
    #pageBanner .bannerTxt p {
        line-height: 18px;
        padding-bottom: 8px
    }
    #pageBanner .bannerTxt h1 {
        font-size: 30px;
        line-height: 26px;
        padding-bottom: 8px
    }
    .search-wrap {
        top: 20% !important
    }
    #bannerFormOne {
        margin-bottom: 40px;
        margin-top: 25px
    }
    #pageBanner .bannerTxt {
        padding-bottom: 0;
        width: 91%;
        margin: 0 auto;
        float: none
    }
}

@media only screen and (min-width:425px) and (max-width:767px) {
    .search-wrap {
        top: 25% !important
    }
    #pageBanner .bannerTxt h1 {
        font-size: 30px;
        line-height: 24px;
        padding-bottom: 2px
    }
    #bannerFormOne form input {
        padding: 15px 12px
    }
    #bannerFormOne form .input-group-btn button {
        padding: 5px 13px
    }
    #pageBanner .bannerTxt p {
        font-size: 10px;
        line-height: 15px;
        padding-bottom: 6px
    }
}

@media only screen and (min-width:414px) and (max-width:419px) {
    .search-wrap {
        top: 17% !important
    }
    #pageBanner .bannerTxt p {
        line-height: 16px;
        padding-bottom: 4px
    }
    #bannerFormOne form .input-group-btn button {
        padding: 7px 50px
    }
}

@media only screen and (min-width:375px) and (max-width:400px) {
    .search-wrap {
        top: 0 !important
    }
    #pageBanner .bannerTxt h1 {
        font-size: 30px;
        line-height: 24px;
        padding-bottom: 4px
    }
    #pageBanner .bannerTxt p {
        padding-bottom: 2px
    }
    #bannerFormOne form .input-group-btn button {
        padding: 5px 13px
    }
    #bannerFormOne form input {
        padding: 15px 12px
    }
}

@media only screen and (min-width:320px) and (max-width:370px) {
    .search-wrap {
        top: 2% !important
    }
    #bannerFormOne form .input-group-btn button {
        padding: 5px 30px
    }
    #bannerFormOne form input {
        padding: 16px 12px
    }
    #pageBanner .bannerTxt p {
        line-height: 15px;
        padding-bottom: 1px
    }
    #pageBanner .bannerTxt h1 {
        font-size: 29px;
        line-height: 26px;
        padding-bottom: 2px
    }
}

body {
    font-family: Montserrat;
}

.written-card-all {
    background: #fff;
    box-shadow: 4px 4px 30px rgb(0 0 0 / 20%);
    border-radius: 12px;
    text-align: center;
    margin: 100px 15px 20px 15px;
}

.written-card-img {
    margin: -56px auto 0;
    border-radius: 50%;
    width: 125px;
    height: 115px;
}

.written-card-details {
    padding: 10px 30px 15px;
    text-align: center;
}

.written-card-details h2 {
    font-family: Montserrat !important;
    padding-bottom: 3px;
    font-size: 18px;
    font-weight: 700;
}

.written-card-details h4 {
    padding-bottom: 10px;
    color: #a6a4a4;
    font-size: 14px;
    line-height: 16px;
}

.written-para p,
.written-para p span {
    overflow: hidden;
    line-height: 22px;
    color: #717171;
}

.written-para p {
    padding: 10px;
}

.written-card-details img {
    margin: 0 auto;
    width: 30px;
}

.written-doc table {
    width: 100%;
    table-layout: fixed;
    text-align: left;
}

.written-doc-spec {
    width: 110px;
    position: relative;
}

.written-doc-spec::after {
    position: absolute;
    content: ":";
    right: 8px;
}

.written-doc tr {
    vertical-align: top;
}

.written-doc {
    padding: 10px 15px;
}

.written-para a {
    text-decoration: underline !important;
    color: #034fa1;
}

#life .slick-slide {
    text-align: center;
    border-right: 1px solid #ddd;
    font-family: MontserratBold;
    font-size: 18px;
    line-height: 20px !important;
    color: #707070;
}

#life .slick-next {
    right: 0px;
    z-index: 1;
    cursor: pointer;
}

#life .slick-prev {
    left: 0px;
    z-index: 1;
    cursor: pointer;
}

#life .slick-next.slick-disabled:before,
#life .slick-next:before,
#life .slick-prev.slick-disabled:before,
#life .slick-prev:before {
    opacity: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #034ea1;
}

#life .slick-next:before {
    content: "\f054";
}

#life .slick-prev:before {
    content: "\f053";
}

@media only screen and (max-width: 500px) {
    .written-card-img {
        margin: -38px auto 0;
        border-radius: 50%;
        width: 75px;
    }
    .written-card-details h2 {
        padding-bottom: 2px;
        font-size: 16px;
    }
    .written-card-details h4 {
        padding-bottom: 6px;
        font-size: 13px;
        line-height: 14px;
    }
    .written-card-details img {
        margin: 0 auto;
        width: 25px;
    }
    .written-card-details {
        padding: 10px;
        text-align: center;
    }
    .written-doc table,
    .written-para a {
        font-size: 12px;
    }
    .written-card-all {
        margin: 44px 5px 10px 5px;
    }
    .written-para p span {
        line-height: 18px;
        font-size: 12px;
    }
    .written-para p {
        overflow: hidden;
        line-height: 16px;
        padding: 10px;
        font-size: 12px;
    }
    .written-doc {
        padding: 3px 15px;
    }
}

@media only screen and (max-width:767px) {
    #pageBanner {
        margin-top: 80px !important
    }
}

@media only screen and (max-width:499px) {
    .search-wrap {
        top: 13% !important;
    }
    .search-wrap {
        padding: 15px 20px 0 !important;
    }
    #pageBanner{
        height: 315px !important;
    }
    .input-group {
        width: 100% !important;
    }
    .searchbg{
        padding: 20px 0;
    }
}

.video-category.active a {
    color: #034ea1 !important
}
.slick-track li.active a{
    color: #034ea1 !important
}
.slick-slide a:hover{
    color: #00b7ac;
}
.video-category a:hover {
    color: #00b7ac;
}
@media only screen and (min-width:424px) and (max-width:525px) {
    #pageBanner{
        height: 400px !important;
    }
}