@media (max-width: 1400px) {
    .custom-btn {
        padding: 8px;
        font-size: 14px;
        margin: -5px;

    }

    .custom-btn.custom-btn-new.custom-btn-new-5 {
        padding: 8px 10px;
    }
    .custom-btn-area{
        margin-top: 5px !important;
        margin: 0;
    }
}
@media all and (min-width: 1200px) and (max-width: 1400px) {
    .w-custom {
        width: 24%;
    }

    .Shoar {
        margin-right: 1rem;
        font-size: var(--Isfportal-font-size-12);
    }

}
@media all and (min-width: 991.9px) and (max-width: 1200px) {

    .Shoar {
        margin-right: 1rem;
        font-size: var(--Isfportal-font-size-12);
    }
    #menu-mob{
        margin-top: 7px;
    }
}
@media (min-width:1200px ) {
    .offcanvas.offcanvas-custom {
        visibility      : visible;
        position        : relative;
        background      : none;
        border          : none;
        justify-content : end;
    }
}
@media (max-width: 1199.9px) {
    .custom-li a {
        padding-right:0.8rem !important;
    }
    .customize-p-icon-nav{
        padding: 2px;
    }
    .fixed-top-custom{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        background-color: var(--IsfPortal-white);
        right: 0;
        margin: auto;
        margin-top: 0 !important;
        padding: 10px;
    }
    .offcanvas-body-custom .dropdown .dropdown-menu.show{
        position: relative;
        top: 0;
        text-align: justify;
        border: none;
        left: 0;
        margin-top: 0;
    }
    .offcanvas.offcanvas-custom {
        width : 285px !important;
    }
    .offcanvas-body-custom .ul-offcanvas{
        display: grid;
    }
    .offcanvas-body-custom .ul-offcanvas li{
        border-right: none;
        margin-bottom: 15px;
    }
    .custom-btn-nav-pill span {
        font-size: 14px;
    }
    .box-slide-nav-pill p {
        color: var(--IsfPortal-black-gray);
        font-size: var(--Isfportal-font-size-12);
    }
    .hr-nav-pill {
        width: 20px;
    }

    .parent-text-swiper .title {
        font-size: 16px;
    }

    .parent-text-swiper .text {
        font-size: 12px;
    }

    .parent-swiper2 {
        height: 510px;
    }

    .parent-swiper1 {
        height: 400px;
    }

    .parent-swiper-section4 {
        height: 420px;
    }

    .parent-box-post-card {
        height: 320px;
    }

    .box-post-card-little {
        height: 92px;
    }

    .box-video {
        height: 124px;
    }

    .parent-swiper-section5 {
        height: 410px;
    }

    .tab-content-customize {
        padding: 25px;
    }

    .list-group-custom .list-group-item {
        font-size: 12px;
    }

    .tab-content-customize ul li {
        font-size: 12px;
    }

    .list-group-custom {
        height: 410px;
    }

    .tab-content-customize {
        height: 410px;
    }
    .parent-swiper-section5 .swiper-button-next.swiper-button-next-sec5 {
        right: 55%;
    }

    .list-group-custom .list-group-item.active {
        right: 12px;
        padding: 5px;
    }
    .parent-swiper2-area{
        height: 292px;
    }
    .img-mayor-area {
        height: 150px;
        width: 150px;
        top: -55px;
    }
    .box-manage-area {
        margin-right: 160px;
    }
    .card-counter span {
        font-size: 25px;

    }
    .card-counter p, .card-counter small {
        font-size: 12px;
    }
    .custom-text {
        height: 92px;
        overflow: auto;
    }
    .img-card-project {
        height: 150px;
    }
    .card-project {
        height: 310px;
    }
    .card-slide {
        height: 300px;
    }
    .card-slide-new {
        height: 200px;
    }
    .parent-partners {
        width: 50px;
        height: 50px;
    }
    .box-manage-area span{
        font-size: 12px;
    }
    .blog-posts .post{
        flex-basis: auto;
        margin-right: 0;
    }
    .img-report{
        width: 30%;
    }
    .slider-n .head{
        font-size: 12px;
    }
    .slider-n .head h2 {
        font-size: 8px;
    }
    .slider-n .head a {
        font-size: 6px;
    }
    .slider-n .head p {
        font-size: 8px;
    }
   
}
@media (max-width: 991.9px) {

    .Shoar {
        font-size: var(--Isfportal-font-size-12);
        margin-right: 0;
        width: 150%;
    }

    #weather-pannel {
        display: none;
    }

    .Shoar span {
        font-size: var(--Isfportal-font-size-12);
    }
    .search-icon-mob {
        text-align: justify;
    }
    .parent-swiper1 {
        height: 300px;
    }

    .font-re {
        font-size: 14px;
    }

    .parent-swiper2 {
        height: 411px;
    }

    .parent-nav-pill {
        overflow-x: scroll;
        white-space: nowrap;
        text-align: justify;
    }

    .parent-nav-pill ul {
        flex-wrap: nowrap;
    }

    .nav-pills li {
        display: inline;
    }

    .parent-banner {
        height: 80px;
        width: 100%;
        border-radius: 12px;
        overflow: hidden;
    }

    .parent-swiper-section4 {
        height: 370px;
    }

    .modal-video-sizing {
        height: 340px;
    }

    .parent-swiper-section5 {
        height: 370px;
    }

    .parent-swiper-section5 .swiper-button-next.swiper-button-next-sec5 {
        right: 73%;
    }
    .modal-body-custom .modal-title {
        font-size: 18px;
    }

    .custom-btn.custom-btn-new.custom-btn-new-5 {
        padding: 8px 40px;
    }
    .parent-swiper2-area{
        height: 300px;
    }
}
@media (max-width: 767.9px) {
    .Shoar {
        font-size: var(--Isfportal-font-size-12);
        top: 0;
        z-index: 2;
        height: 2rem;
    }

    #weather-pannel {
        display: none;
    }

    .logo {
        width: 44px;
        height: 44px;
    }

    .top-header-news {
        height: 2.5rem;
    }

    .top-header {
        height: 2rem;
        padding-left: 0;
    }

    .top-header-news {
        line-height: 2;
    }

    .parent-swiper1 {
        height: 250px;
    }

    .box-slide-nav-pill {
        width: 140px;
        height: 140px;
    }

    .box-slide-nav-pill img {
        width: 50px;
        height: 50px;
    }

    .box-slide-nav-pill:hover .hover-img {
        width: 50px;
        height: 50px;
    }

    .parent-banner {
        height: 70px;
    }

    .parent-swiper-section5 .swiper-button-next.swiper-button-next-sec5 {
        right: 69%;
    }
    .Shoar {
        width: 100%;
    }

    .ul-footer {
        padding-left: 0;
    }

    .ul-footer2 {
        margin-right: 0;
        padding-left: 0;
    }

    .ul-footer2.ul-footer2-custom {
        padding-right: 0;
    }

    .parent-footer {
        border-top-right-radius: 15%;
        border-top-left-radius: 15%;
    }

    .custom-btn.custom-btn-new.custom-btn-new-5 {
        padding: 10px 26px;
    }

    .custom-btn.custom-btn-new {
        padding: 10px 40px;
        font-size: small;
    }
    .custom-h-slide{
        height: 280px;
    }
    .parent-swiper2-area {
        height: 200px;
    }
    .img-mayor-area{
            width: 130px;
            height: 130px;
            top: -8px;
            right: 1rem;
    }
    .card-slide {
        height: 220px;
    }
    .card-slide-new {
        height: 200px;
    }
    .mtn-slide {
        font-size: 12px;
    }
    .parent-partners {
        width: 34px;
        height: 34px;
    }

    .parent-nav-pill ul {
        flex-wrap: wrap;
    }
    .parent-nav-pill ul li {
        margin-bottom: 0.5rem;
        width: calc(50% - 1rem);
    }
    .parent-nav-pill ul > li:nth-child(odd) {
        float: right;
    }
    .parent-nav-pill ul > li:nth-child(odd) {
        float: left;
    }
}
@media (max-width: 576px) {
    .custom-m{
        margin-top: 8px;
    }
    .search-icon, .setting-icon,.icon-nav {
        width: 18px;
        height: 18px;
    }
    .statistics-span span{
        font-size:var(--Isfportal-font-size-14);
    }
    .nav-main-btn {
        right: 0;
    }
    .search-icon-mob {
        padding-right: 0;
    }

    .search-icon-mob img {
        margin: 0;
    }

    #Newstring {
        font-size: var(--Isfportal-font-size-12);
        overflow: scroll;
    white-space: nowrap;
    }

    .p-logo {
        font-size:14px;
    }

    .sub-p-logo {
        font-size:10px;
    }
    .top-header-news {
        height: 2rem;
    }

    .parent-swiper1 {
        height: 180px;
    }

    .custom-btn {
        padding: 10px;
        font-size: 12px;
        margin: 1px;
    }

    .parent-swiper2 {
        height: 430px;
    }

    .custom-btn-nav-pill span {
        font-size: 14px;
    }

    .hr-nav-pill {
        width: 15px;
    }

    .custom-box-nav-pill {
        padding: 5px;
    }

    .box-slide-nav-pill {
        width: 125px;
        height: 125px;
    }

    .box-slide-nav-pill img {
        width: 45px;
        height: 45px;
    }

    .box-slide-nav-pill:hover .hover-img {
        width: 45px;
        height: 45px;
    }

    .box-slide-nav-pill p {
        font-size: 12px;
    }

    .parent-swiper-section4 {
        height: 315px;
    }

    .parent-text-swiper {
        bottom: 15px;
        padding: 0 15px;
    }

    .parent-text-swiper .title {
        font-size: 14px;
    }
    .hr-nav-pill {
        margin-top: 17px;
    }

    .custom-btn.custom-btn-new {
        padding: 10px 18px;

    }

    .parent-swiper-section5 .swiper-button-next.swiper-button-next-sec5 {
        right: 62%;
    }

    .modal-video-sizing {
        height: 280px;
    }

    .text-post-card {
        bottom: 7px;
    }

    .text-post-card p {
        font-size: 14px;
    }
    .parent-swiper-section5 {
        height: 350px;
    }

    .list-group-custom {
        padding: 15px 5px;
        height: 350px;
        width: 100%;

    }

    .list-group-custom .list-group-item img {
        width: 20px;
        height: 20px;
        margin-left: 7px;
    }

    .tab-content-customize {
        height: 350px;
        right: -10px;
        padding: 15px;
    }

    .tab-content-customize ul {
        padding-left: 0;
        padding-right: 15px;
    }

    .list-group-custom .list-group-item.active {
        right: 20px;
    }

    .list-group-custom .list-group-item {
        font-size: 14px;
    }
    .custom-btn.custom-btn-new.custom-btn-new-5 {
        padding: 8px 7px;
        font-size: 14px;
    }

    .ul-footer2.ul-footer2-custom {
        padding-right: 20px;
    }

    .ul-footer {
        padding-right: 20px;
    }

    .ul-footer2 {
        padding-right: 20px;
    }

    .design-by {
        font-size: 10px;
    }

    .modal-body-custom .modal-title.modal-title-search {
        font-size: 12px;
    }

    .input-search {
        font-size: 10px;
    }

    .custom-box-nav-pill img {
        width: 25px;
    }

    .parent-banner {
        height: 65px;
    }

    .custom-p {
        padding: 0;
    }

    .custom-btn.custom-btn-new.custom-btn-new-5 {
        padding: 10px 10px;
        font-size: 12px;
    }
    .m-auto-responsive {
        margin: auto;
    }

    .tab-content-customize ul li {
        white-space: nowrap
    }

    .tab-content-customize .scroll-custom {
        overflow-y: scroll;
        white-space: nowrap;
        height: 334px;
    }
    .pr-cu-re{
        padding-right: 20px;
    }
    .custom-h-slide {
        height: 250px;
    }
    .parent-swiper2-area{
        height: 250px;
    }
    .img-mayor-area {
        width: 140px;
        height: 140px;
        top: -8px;
        right: 1rem;
    }
    .text-new{
        font-size: 16px;
    }
    .parent-catalog .swiper-button-prev.swiper-button-prev-catalog, .parent-swiper-area .swiper-button-prev.swiper-button-prev-area {
        left: 0;
    }
    .parent-catalog .swiper-button-next.swiper-button-next-catalog, .parent-swiper-area .swiper-button-next.swiper-button-next-area {
        right: 0;
    }
    .card-project {
        height: 300px;
    }
    .card-counter p, .card-counter small {
        font-size: 12px;
    }
    .slider-n .head{
        display: none;
    }
}

@media (max-width: 386px) {
    .custom-btn.custom-btn-new.custom-btn-new-5 {
        padding: 10px 6px;
    }
    .parent-icon-nav{
        padding: 5px;
    }
}