@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {}

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

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {


    .search-text-end {
        display: none;
    }

    .navbar-dark .navbar-brand {
        color: #fff;
        background-color: transparent;
        position: relative;
        width: 100px;
        height: auto;
        top: 0px;
        padding: 0px 0px;
        background: transparent;
    }

    .navbar-dark .navbar-brand>h1>img {
        height: auto;
        position: relative;
        top: 0px;
        width: 100%;
    }
    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }
    .navbar-expand-lg .navbar-collapse {
        background-color: rgb(12 8 4 / 94%);
        padding-right: 0px;
        position: absolute;
        top: 70px;
        z-index: 99;
        width: 100%;
        left: 0px;
        height: auto;
        border-radius: 0px;
        padding: 10px 0px;
    }
    .navbar-dark .navbar-toggler {
        font-size: 25px;
        color: #ffffff !important;
        border-color: rgb(199 160 109 / 0%) !important;
        background-color: rgb(198 159 108 / 0%);
    }
    .navbar-dark .navbar-nav {
        align-items: normal;
    }
    .dropdown-item {
        font-size: 13px;
        white-space: normal;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        padding-left: 30px !important;
        width: 100%;
    }
    .section-title>h1 {
        font-size: 18px;
        color: #fff !important;
    }
    .mcs-grid .section-title h1 {
        font-size: 18px;
        color: #000 !important;
    }
    
    .important-link .section-title h1 {
        font-size: 18px;
        color: #000 !important;
    }
    .about_bg .section-title h1 {
        font-size: 18px;
        color: #000 !important;
    }
    .dropdown-toggle::after {
        float: right;
        position: relative;
        right: 10px;
        top: 5px;
    }
    .carousel-caption p {
        font-size: 12px;
        padding: 0px !important;
        color: #fff !important;
    }

    .slider-maam-photo img {
        width: auto;
        height: 350px;
    }

    .slider-maam {
        margin-top: 0px;
    }

    .zoominheader {
        width: auto;
        height: auto;
        position: absolute;
        left: 0%;
        display: none;
    }

    .box-4 {
        display: none;
    }

    .carousel-fade .carousel-item {
        height: 500px;
    }

    .slider-maam-photo {
        top: 0px;
    }

    .carousel-caption img {
        position: relative;
        display: none;
    }

    .carousel-caption {
        padding-top: 0px;
    }

    .btn-buy {
        padding: 7px 25px;
        text-align: center;
        font-size: 12px;
        white-space: nowrap;
        margin: 0px;
    }

    .carousel-control-prev, .carousel-control-next {
        bottom: 0px;
        top: auto;
    }
    .carousel-control-next {
        left: 33px;
    }
    .carousel-control-prev-icon, .carousel-control-next-icon {
        background-color: rgb(0 0 0 / 66%);
    }
    .g-5,
    .gy-5 {
        --bs-gutter-y: 0px;
    }
    .carousel-fade .carousel-item {
        height: 500px;
        background: #3a3a3a;
    }

    .video-container {
        
    }
    .video-container video {
        position: absolute;
        top: -50px;
        left: 0px;
        width: 100%;
        height: 100vh;
        transform: none;
        /* pointer-events: none; */
    }
    .vision-mission h5 img {
        height: 30px;
    }
    .vision-mission h5 b {
        font-size: 20px;
        font-weight: 700;
    }
    .vision-mission p {
        font-size: 20px;
    }
    .vision-mission .display-6 {
        line-height: 26px;
        font-size: 16px !important;
    }
    .vision-mission .mission-pic {
        float: none;
        width: 240px;
        margin-right: 0rem;
        margin-top: 0rem;
    }

    .vision-mission-img{
        display: none;
    }
    .vision-mission .mission-pic{
        display: none;
    }
    .aword-title>h1 {
        color: #000 !important;
    }
    .letters-grid tr td {
        font-size: 13px;
    }
    .rightbox {
        padding: 10px 20px;
        margin-left: 0px;
    }
    .bot-text h2 {
        display: none;
    }
    .bg-dark-slider {
        margin-top:0px;
    }
    .grid-blog-inner {
        margin-bottom: 1rem;
    }
    .services-box {
        margin-top: 0px;
        padding: 5px;
    }
    .entry-featured2 {
        overflow: hidden;
        height: auto;
    }
   
   

    .ml-5 {
        padding-right: 0rem;
    }
    .about-bg {
        padding-top: 10px;
        padding-bottom: 10px;
        background-position: center;
    }

    .ct-fancybox-default .ct-fancybox-desc {
        color: #b7b7b7;
    }

    .section-title>h1>span {
        font-size: 20px;
    }
    .owl-stage .ct-carousel-item {
        padding: 14px;
    }
    .entry-meta li, .item-meta li {
        color: #595959;
        font-size: 10px;
        margin-bottom: 5px;
    }
    .entry-meta li, .item-meta li a {
        color: #595959;
    }

    .item-body .item-title a {
        font-size: 18px;
        line-height: normal;
        display: block;
    }
    .item-body {
        padding: 14px 10px;
        font-size: 13px;
    }
    .item-body .item-title2 {
        font-size: 16px;
        font-weight: 700;
        color: #fff;
    }
    .item-more .readmore_btn {
        width: 110px;
        font-size: 12px;
        padding: 8px 10px;
    }
    .grid-news-inner {
        margin-bottom: 1rem;
    }
    #sidebar-nav.sticky {
        position: relative;
        top: 0px;
        z-index: 1;
    }
    .ct-fancybox-default .ct-fancybox-icon {
        width: auto;
        min-width: auto;
    }

    .ct-fancybox-default .ct-fancybox-icon img{
        width: 57px;
    }
    .ct-fancybox-default .ct-fancybox-title {
        font-size: 16px;
    }
    .foundation-img {
        padding-top: 5%;
        height: auto;
    }
    .founder-grid h2 {
        font-size: 19px;
        margin-bottom: 0rem;
    }

    .founder-grid h3 {
        padding: 6px 22px;
        font-size: 14px;
        margin: 8px 0px;
    }
    .founder-grid p {
        color: #fff;
        font-size: 12px !important;
        margin: 0px;
    }


   
    .co-founder-grid h2 {
        font-size: 19px;
        margin-bottom: 0rem;
    }

    .co-founder-grid h3 {
        padding: 6px 16px;
        font-size: 14px;
        margin: 8px 0px;
    }
    .co-founder-grid p {
        color: #fff;
        font-size: 12px !important;
        margin: 0px;
    }

    .about_bg p {
        color: #222;
        font-size: 14px;
    }
    .team-item {
        margin-bottom: 2rem;
        display: block;
    }
    .team-name p {
        font-size: 11px;
    }
    .audio-player {
        width: 50px;
        height: 50px;
    }
    .audio-player__control-icon {
        position: absolute;
        width: 54px;
        height: 54px;
    }
    .audio-player__control-icon::after {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
    }
    .audio-player__control-icon::before {
        width: 15px;
        height: 20px;
    }
    .ct-fancybox-default {
        padding: 20px 20px;
        height: auto;
    }
   
    .home-about-btn {
        float: none;
        margin: 0dvh 0px;
    }

    .couter-6box li {
        width: 100%;
        padding: 20px 7px;
        border-bottom: 1px solid #ccc;
        border-right: 0px;
    }

    .couter-6box li:last-child {
        border-bottom: 0px solid #ccc;
    }

    .ecommerce-grid {
        padding: 4rem 0px;
    }

    .practice-title>h1 {
        font-size: 22px;
    }

    .ct-grid .item-title a {
        font-size: 16px;
    }

    .ct-grid-service-layout1 .item-except {
        font-size: 12px;
        line-height: 20px;
        min-height: auto;
    }

    .ct-grid-service-layout1 .item-icon {
        margin-bottom: 0px;
    }

    .ct-grid-service-layout1 .grid-item-inner .grid-item-holder {
        padding: 30px 25px 35px;
        margin-bottom: 0px;
    }

    .testimonials-grid {
        padding: 64px 17px 64px;
    }
    .ct-grid {
        margin: 5px 0px;
    }

    .frame-grid {
        width: 149px;
        display: block;
        margin: auto;
    }
    .frame-grid a {
        height: auto;
    }
    .frame-grid a img {
        width: 100px !important;
        height: auto;
    }

    .fixedchild {
        position: relative;
        right: 0px;
        bottom: 0px;
        height: auto;
        width: 230px;
        margin: auto;
        display: block;
        margin-top: -7rem;
    }

    .testimonials-grid .testimonial-description {
        color: #e7e7e7;
        padding-left: 0px;
        padding-bottom: 0px;
        font-size: 12px;
        margin-left: 0px;
        margin-top: 10px;
    }
    .testimonials-grid .testimonial-description p{
        font-size: 12px;
    }
    .testimonials-grid .testimonial-title {
        font-size: 13px;
        margin-bottom: 4px;
    }
    .testimonials-grid .testimonial-position {
        font-size: 12px;
    }
    .testimonials-grid .testimonial-holder {
        margin-left: 0rem;
    }
    .testimonials-grid .testimonial-featured {
        width: 55px;
        min-width: 55px;
        position: relative;
        margin-right: 0px;
    }
    .testimonials-grid .testimonial-icon {
        font-size: 76px;
        top: -20px;
        left: -8px;
    }

    .testimonials-grid .testimonial-featured img {
        width: 55px;
        height: 55px;
    }
    .btn-consult {
        position: relative;
        padding: 10px 36px;
        font-size: 12px;
        top: 20px;
    }

    .mcs-grid {
        padding: 3rem 0rem !important;
    }

    .defending-caption h1 {
        font-size: 16px;
    }

    .defending-caption h2 span {
        font-size: 20px;
        margin-top: 0px;
    }
    .team-name h4 {
        font-size: 16px;
    }
    .btn-view-more {
        font-size: 14px;
        margin-top: 8px;
        padding: 8px 20px;
    }
    .building-futures {
        padding-top: 6rem;
        padding-bottom: 6rem;
        background-attachment: initial;
    }
    .important-link {
        padding-top: 3rem;
        padding-bottom: 1rem;
    }
    .help-bgbox p {
        font-size: 14px;
        line-height: 22px;
    }
    .copyedby {
        font-size: 12px;
        text-align: center;
        padding-left: 0px;
        ;
    }

    .poweredby {
        font-size: 12px;
        text-align: center;
        padding-right: 0px;
    }

    .help-bgbox {
        position: relative;
        padding: 47px 25px;
        margin-top: 0px;
    }

    .footer-grid {
        background-color: #191514;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0px !important;
    }
    
.section-title-sm>h3{
    padding-left: 2rem;
    font-size: 16px;
}
.link-animated a {
    padding-left: 2rem;
}
.news-para {
    margin: 0px;
    margin-top: 0rem !important;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{
    display: none;
}
.home-btn-social {
    display: block !important;
}
.btn-social {
    margin-top: 12px;
    font-size: 14px;
    margin-right: 20px;
    display: flex;
    padding: 0px;
    width: 40%;
    float: left;
}
.px-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}
.section-title-sm p {
    color: #999;
    font-size: 14px;
    margin-top: 10px;
}
.foot-address p {
    font-size: 14px;
}
.g-5, .gx-5 {
    --bs-gutter-x: 0px;
}
.back-to-top {
    right: 10px;
    bottom: 156px;
    z-index: 99;
    width: 35px;
    height: 35px;
    font-size: 15px;
    line-height: 20px;
}

.about-rightbox {
    display: block;
    margin-left: 0px;
}


.view-rightbox {
    margin-left: 0px;
}
.about-right-title {
    padding: 30px 0px 0px 0px;
    font-size: 16px;
}

.introduction-title{
    color: #000;
}


.grid-blog-inner small {
    font-size: 12px;
    font-weight: 600;
}

.pagination-lg .page-link {
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
}
.py-5 {
    padding-bottom: 0rem !important;
}
.item-body .item-title2 {
    font-size: 14px;
    font-weight: 500;
}
}




@media (max-width: 991.98px) {
    .sticky-top.navbar-dark {
        position: relative;
        background: #FFFFFF;
        top: 0px;
        padding: 0;
    }

    .sticky-top .navbar-dark .navbar-brand {
        top: 0px;
    }

    .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link.show, .sticky-top.navbar-dark .navbar-nav .nav-link {
        padding: 10px 0;
        font-size: 12px;
        margin-left: 30px;
        line-height: normal;
        display: block;
    }

    .navbar-dark .navbar-brand h1 {
        color: var(--primary);
    }

    .navbar {
        padding-top: .5rem;
        padding-bottom: .5rem;
        background: #000000;
    }
    .box {
        border-radius: 10px;
        margin-top: 0px;
        position: relative;
        right: 0px;
        top: 0px;
        z-index: 1;
        padding: 10px;
    }
    .profile-circle {
        width: 240px;
        margin-top: 0px;
    }
    .skyHolder {
        height: auto;
        padding: 10px;
        background: #ebcfab;
    }
    .skyHolder img{
        display: none;
    }
    .overlay {
        display: none;
    }
    .header_title {
        font-size: 16px;
        text-shadow: none;
        color: #000;
        text-align: center;
    }
    .bg-dark-slider {
        padding: 3rem 0rem;
    }
    .bg-dark-slider .slider-text-box {
        font-size: 18px;
        text-align: center;
        font-weight: 700;
        line-height: 25px;
        margin: 0px;
    }
    p {
        font-size: 14px;
    }
    .py-5 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .entry-featured {
        height: 180px;
    }
    .sky {
        display: none;
    }
    .btn-contact {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .btn-contact-button {
        padding: 11px 20px;
        font-size: 14px;
        margin-bottom: 2rem;
    }
    .contact-page h5 {
        font-size: 13px;
        margin: 0px !important;
    }
    .contact-page h4 {
        font-size: 16px;
    }
    .about_bg {
        padding: 3rem 0rem;
    }
    .profile-info h4 {
        font-size: 16px;
    }
    .social-icon {
        width: 80%;
    }
    .fb, .insta, .twitt, .uTube {
        padding: 12px;
        margin: 2px;
    }
    #button-body > img {
        width: 40px;
    }
    .frame-content {
        right: 0px;
        width: 0%;
        height: auto;
    }
    .breadcrumb {
   display: none;
    }
    /* .breadcrumb>li>a {
        color: #000000;
    }
    .breadcrumb>.active {
        color: #2b0d0b;
    }
    .breadcrumb>li {
        font-size: 10px;
    } */
    .chat, .start-group {
        width: 80%;
    }
    .chat-header {
        padding: 10px;
    }
    .chat h2.oneline {
        margin-top: 0px;
        line-height: normal;
        min-height: auto;
        color: #fff;
        font-size: 16px;
    }
    button.material-icons, label.material-icons {
        margin: 0px;
    }
    #conversation-group {
        padding: 13px;
        width: 100%;
        height: 160px;
        max-height: 357px;
        min-height: 160px;
    }
    textarea {
        font-size: 14px;
        margin: 11px 0px 11px;
    }
    .bot-text {
        right: 0px;
        bottom: 22px;
    }
    .mt-5 {
        margin-top: 1rem !important;
    }

}

@media (min-width: 992px) {


    .navbar-dark {
        position: absolute;
        width: 100%;
        top: 20px;
        left: 0;
        z-index: 99;
        margin: auto;
        right: 0px;
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .sticky-top.navbar-dark {
        position: fixed;
        background: #0f0905;
        top: 0px;
        padding: 0;
        z-index: 99999;
    }

    .sticky-top.navbar-dark .navbar-brand>h1>img {
        position: relative;
    }

    .navbar-dark .navbar-nav .nav-link::before {
        position: absolute;
        content: "";
        width: 0;
        height: 2px;
        bottom: -1px;
        left: 50%;
        background: #e3b474;
        transition: .5s;
    }

    .dropdown-menu {
        position: absolute;
        padding: 0rem 0;
        left: 20px;
    }

    .dropdown-item {
        padding: 10px 20px 10px 20px;
        font-weight: 500;
        font-size: 13px;
        white-space: normal;
        width: 250px;
    }

    .dropdown-item:hover,
    .dropdown-item:focus {
        color: #fff;
        background-color: #cba167;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #cba167;
    }

    .navbar-dark .navbar-nav .nav-link:hover::before,
    .navbar-dark .navbar-nav .nav-link.active::before {
        width: 100%;
        left: 0;
    }

    .navbar-dark .navbar-nav .nav-link.nav-contact::before {
        display: none;
    }

    .sticky-top.navbar-dark .navbar-brand h1 {
        color: var(--primary);
    }
   
}