/* --- Submenu for Desktop (Hover) --- */
@media (min-width: 992px) {
    .MainNavigation li.menu-item-has-children {
        position: relative;
    }

    nav.MainNavigation ul li a {
        padding: 15px 0;
        display: flex;
        align-items: center;
    }

    .MainNavigation li.menu-item-has-children>.sub-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 200px;
        background: #fff;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
        padding: 0px 0;
        z-index: 2000;
    }

    .MainNavigation li.menu-item-has-children:hover>.sub-menu {
        display: block;
    }

    .MainNavigation li.menu-item-has-children>.sub-menu li {
        padding: 0;
    }

    .MainNavigation li.menu-item-has-children>.sub-menu a {
        display: block;
        padding: 10px 15px;
        color: #000;
        text-align: left;
        font-size: 15px;
        text-decoration: none;
        transition: background 0.2s ease-in-out;
    }

    .MainNavigation li.menu-item-has-children>.sub-menu a:hover {
        background: #A62139;
        color: #fff;
    }

    .MainNavigation li.menu-item-has-children>a::after {
        content: "▸";
        float: right;
        font-size: 18px;
        transition: transform 0.3s ease;
    }

    .MainNavigation li.menu-item-has-children.current>a::after,
    .MainNavigation li.menu-item-has-children.active>a::after {
        color: #A62139;
    }

    .MainNavigation li.menu-item-has-children:hover>a::after {
        transform: rotate(90deg);
        color: #A62139;
    }

    .MainNavigation li.menu-item-has-children:last-child>.sub-menu {
        min-width: 250px;
        right: 0;
        left: auto;
        height: 610px;
        overflow-y: scroll;
    }
}


/*Responsive Css Start*/

/*=============  1920 css start  =============*/
@media(max-width:1920px) {}

/*=============  1920 css end  =============*/

/*=============  1680 css start  =============*/
@media(max-width:1680px) {
    h1 {
        font-size: 45px;
    }
    .banner-content span#pageTitle{
        font-size: 45px;
    }

    h2 {
        font-size: 40px;
    }

    h3 {
        font-size: 30px;
    }

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size: 18px;
    }

    p {
        font-size: 16px;
    }
    .iso-card-content h3{
         font-size: 18px;
    }
    .sliderlist h3{
        font-size: 22px;
    }
    .serviveboxhead h3{
        font-size: 22px;
    }
    .casestudylistcontent h3{
        font-size: 18px;
    }

    .BannerContent p {
        font-size: 20px;
    }

    .sliderlist {
        padding: 30px 20px;
    }

    .sliderlist a {
        font-size: 14px;
    }

    #BigCTA {
        width: 100%;
        height: 500px;
        background-position: right center !important;
        background-size: cover !important;
    }

    .logosbox img {
        max-height: 153px;
        max-width: 100%;
        width: auto;
        height: auto;
    }

    .footerLeft {
        padding-left: calc(((100% - 84%) / 2) + .75rem);
    }

    .footrLogo {
        left: 60px;
    }

    .homeaboutimage2 {
        bottom: -270px;
    }

.blog-details-container h1{
      font-size: 40px !important;
   
}
.iso-benefits-content{
        width: 100%;
}
  .getintouch-sec .getintouchInnerLeft p {
    font-size: 22px
  }
  .gfield_checkbox .gchoice{
    width: 30% !important;
  }
  .call-section h5{
    margin-bottom: 40px;
    font-size: 40px;
  }
	.blog-short-content h2{
	font-size:18px;
}
	.course-content h2{
	    font-size: 18px;
}
	.rightsidebarcontainer h3{
		font-size:18px;
	}
}

/*=============  1680 css end  =============*/

/*=============  1600 css start  =============*/
@media (max-width: 1600px) {
    .course-actions a {
        font-size: 14px;
        padding: 5px 15px
    }

    .course-content {
        padding: 20px 10px 20px;
    }
  
}

/*=============  1600 css end  =============*/

/*=============  1440 css start  =============*/
@media(max-width:1440px) {
    .casestudylistcontent {
        width: 90%;
    }

    .container {
        width: 100%;
    }

    .footerLeft {
        padding-left: calc(((100% - 90%) / 2) + .75rem);
    }

    .footrLogo {
        left: 20px;
    }

    .footer-info a,
    .footer-info span {
        font-size: 16px;
    }

    .availability,
    .copyRightRow p {
        font-size: 16px;
    }


    .circle {
        width: 166px;
        height: 166px;
    }

    .exploreMoreyellow {
        width: 70px;
        height: 70px;
    }

    .exploreMoreWrap {
        position: absolute;
        left: auto;
        top: -120px;
        right: 100px;
    }

    .exploreMoreWrapRed {
        padding: 10px;
    }

    .text span {
        font-size: 1.1em;
        transform-origin: 0 84px;
    }

    .BannerWrapBottom {
        padding: 0 15px;
    }

    .iso-tab {
        width: 300px;
    }

    .iso-benefits-image-wrap {
        max-width: 70%;
    }

    .stat {
        width: 200px;
        height: 200px;
    }

    .benefits-flex {
        padding-bottom: 60px;
    }

    .iso-details .video-wrapper iframe {
        height: 500px;
    }
}

/*=============  1440 css end  =============*/

/*=============  1366 css start  =============*/
@media(max-width:1366px) {
    .TestimonialInfo {
        width: 90%;
    }

    .iso-tab {
        width: 280px;
    }

    .testimonialBx::after {
        bottom: -50px;
        left: 72px;
        border-left: 36px solid transparent;
        border-right: 36px solid transparent;
        border-top: 52px solid #fff;
    }

    .athr {
        padding-top: 70px;
    }

    .rightsidebarcontainer {
        padding: 15px;
    }
	.HomeAboutInnerRight.HomeAboutInnerRightHome{
		width: 635px;
	}
}

/*=============  1366 css end  =============*/

/*=============  1200 css start  =============*/
@media(max-width:1200px) {
.casestudylist .casestudylistImage {
    height: 280px;
}
}

/*=============  1200 css end  =============*/

/*=============  1199 css start  =============*/
@media (max-width: 1199px) {
    .course-actions {
        flex-direction: column;
        gap: 10px;
    }

    #servive-icon-text .servive-point-item{
        width: 23%;
    }
}

/*=============  1199 css end  =============*/

/*=============  1180 css start  =============*/
@media(max-width:1180px) {
    .container {
        width: 100%;
    }

    nav.MainNavigation ul li a {
        font-size: 14px;
    }

    .differenceheadRight {
        width: 50%;
    }

    .HomeAboutInner {
        column-gap: 50px;
    }

    .circle {
        width: 150px;
        height: 150px;
    }

    .exploreMoreyellow {
        width: 60px;
        height: 60px;
    }

    .BannerWrapBottom {
        height: 300px;
    }

    .exploreMoreWrap {
        position: absolute;
        left: auto;
        top: -85px;
        right: 80px;
    }

    .exploreMoreWrapRed {
        padding: 10px;
    }

    .text span {
        font-size: 1.1em;
        transform-origin: 0 74px;
    }

    p {
        font-size: 14px;
    }

    .audit-image-wrap .audit-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .audit-image-wrap .audit-image {
        height: 100%;
    }

    .benefit-card {
        padding: 30px;
        width: calc(33.33% - 13.33px);
    }

    .left-Text {
        width: 100%;
    }

    .right-image {
        width: 100%;
        margin-top: 20px;
    }

    .testimonialBx {
        padding: 35px 35px;
    }

    .testimonialBx::after {
        bottom: -44px;
        left: 72px;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 45px solid #fff;
    }

    .athr {
        padding: 40px 0;
        padding-top: 60px;
    }

    .testimonialBxWrp .qotIcon img {
        width: 50px;
    }

    .testimonialBxWrp .qotIcon {
        top: -26px;
    }

    .Txt-testimonLeft .arwImg img {
        width: 100px;
    }

    .blog-details-container ul li,
    .blog-details-container ol li {
        font-size: 14px;
    }
    .list-wrap-text ul li{
        font-size: 14px;
    }
    .for-Home-video.BannerWrapBottom{
        height: unset ;
    }
  .iso-tabs-section ul li, .iso-tabs-section ol li{
    font-size:14px;
  }
  .iso-tabs-section ul li:before{
    left: -23px;
    top: 2px;
  }
}

/*============= 1180 css end  =============*/

/*============= 1024 css start  =============*/

@media (max-width: 1024px) {
    .course-card {
        width: calc(50% - 15px);
    }

    .course-actions {
        flex-direction: row;
        gap: 10px;
    }

    .pecb-content p {
        font-size: 16px;
    }
    button#unmuteBtn {
        bottom: 40px;
        right: 20px;
    }
  .sliderlist{
    min-height: 356px;
  }
	
	.HomeAboutInnerRight.HomeAboutInnerRightHome{
		width: 540px;
	}
	
.page-template-About-us .BigCTAcontent {
    position: relative;
    bottom: 0;
}
}

/*============= 1024 css end  =============*/

/*=============  991 css start  =============*/
@media(max-width:991px) {
    h1 {
        font-size: 40px;
    }
     .banner-content span#pageTitle{
        font-size: 40px;
    }

    h2 {
        font-size: 34px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }
    .serviveboxhead h3{
        font-size: 20px;
    }
    .sliderlist h3{
        font-size: 20px;
    }

    .BannerContent p {
        font-size: 18px;
        padding-left: 50px;
    }

    .differenceheadLeft {
        width: 40%;
    }

    .differenceheadRight {
        width: 50%;
    }

    .HomeAboutInner {
        column-gap: 50px;
    }

    .serviveboxinner {
        flex-flow: row wrap;
        gap: 15px;
        justify-content: space-between;
    }

    .serviveboxhead {
        width: 100%;
    }

    .serviveboxcontent {
        width: calc(100% - 150px);
    }

    .casestudylist {
        width: calc(50% - 7.5px);
    }

    .logosbox {
        width: 20%;
        
    }

    .TestimonialInfo {
        padding: 15px;
        width: 90%;
    }

    .circle {
        width: 150px;
        height: 150px;
    }

    .exploreMoreyellow {
        width: 60px;
        height: 60px;
    }

    .BannerWrapBottom {
        height: 300px;
    }

    .exploreMoreWrap {
        position: absolute;
        left: auto;
        top: -85px;
        right: 50px;
    }

    .exploreMoreWrapRed {
        padding: 10px;
    }

    .text span {
        font-size: 1.1em;
        transform-origin: 0 74px;
    }

    .BannerWrapBottom {
        padding: 0 15px;
    }


    .hamburger {
        display: flex;
    }

    nav.MainNavigation {
        position: fixed;
        top: 0;
        right: -250px;
        /* initially hidden */
        height: 100vh;
        width: 250px;
        background: #fff;
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        transition: right 0.3s ease-in-out;
        z-index: 999;
        padding: 0;
    }

    nav.MainNavigation.active {
        right: 0;
        overflow: scroll;
        /* slide in */
    }

    .MainNavigation ul {
        margin: 0;
        margin-top: 50px;
        flex-direction: column;
        gap: 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

    .MainNavigation ul li {
        width: 100%;
        text-align: left;
        
    }
    .MainNavigation ul li a{
        padding: 15px;
    }

    .MainNavigation li {
        padding: 0px 0;
        border-bottom: 1px solid #eee;
    }

    .faqInnerLeft {
        width: 100%;
    }

    .faqInnerRight {
        width: 100%;
    }

    .footer-bottom {
        padding-left: 0;
        padding-right: 0;
    }

    .footerRight {
        width: 100%;
        order: 1;
        padding: 0 5%;
        display: none;
    }

    .footerLeft {
        width: 100%;
        order: 2;
        padding: 0 5%;
    }

    .getintouchInner {
        flex-flow: row wrap;
        gap: 30px;
    }

    .certificatewrap img {
        width: 100%;
    }

    .getintouchInnerLeft {
        width: 100%;
    }

    .getintouchInnerRight {
        width: 100%;
    }

    .getintouchInnerRight {
        min-height: unset;
    }

    .exploreMoreyellow img {
        width: auto;
    }

    nav.MainNavigation ul {
        overflow-y: scroll;
    }

    .casestudylistwrap .casestudylist:last-child {
        display: block;
    }

    .faqInnerLeft img {
        width: 100%;
    }

    .iso-card {
        width: calc(33.33% - 13.33px);
    }

    .iso-cta-section h3 br {
        display: none;
    }

    .best-practices-list li {
        width: calc(50% - 20px);
    }

    .iso-tab {
        width: fit-content;
    }

    .iso-benefits-content {
        padding-right: 0;
    }

    .iso-sidebar {
        max-width: 300px;
    }

    .iso-content {
        flex: 1 1 400px;
    }

    .consultants-item {
        width: calc(50% - 15px);
    }

    .iso-benefits-image-wrap img {
        opacity: 0.2;
    }

    aside.iso-sidebar {
        display: none;
    }

    .stat {
        width: 150px;
        height: 150px;
        padding: 15px;
    }

    .stat:nth-of-type(2) {
        margin-left: -10px;
    }

    .stat-number {
        font-size: 50px;
    }

    .counter-wrap {
        font-size: 40px;
    }

    .stat:nth-of-type(2) .counter-wrap {
        font-size: 25px;
    }

    .benefit-card {
        padding: 20px;
        width: calc(33.33% - 13.33px);
    }

    .about-video-section .video-wrapper {
        width: 100%;
    }

    .about-video-section .video-wrapper iframe {
        width: 100%;
        height: 400px;
    }

    .about-objectives-section .exploreMoreWrap {
        top: 100%;
        transform: translate(-82%, -50%);
    }

    .about-objectives-section .about-image-wrapper {
        width: 35%;
    }

    .about-BigCTA {
        height: auto !important;
        padding-top: 0px;
        background: rgba(166, 33, 57, 1) !important;
        margin-bottom: 0px;
    }

    .about-BigCTA .BigCTAcontent {
        position: relative;
        background: rgba(166, 33, 57, 0.85);
        width: 100%;
        bottom: 0;
        padding: 0;
        padding-bottom: 60px;
        padding-top: 60px;
    }

    .course-actions {
        flex-direction: column;
        gap: 10px;
    }

    .blogWrapperInnerLeft {
        width: 100%;
    }

    .blogWrapperInnerRight {
        width: 100%;
    }

    .video-list {
        width: 48%;
    }
    .pagination-wrap{
      margin-bottom: 30px;
    }
    .blog-details-container h1{
      font-size: 34px !important;
   
}
.MainNavigation ul .sub-menu{
     padding-left: 0px;
}
.primary-menu li a{
    display: block;
    width: 100%;
}
.getintouch-sec .getintouchInnerLeft p {
  font-size: 20px
  }
  #logos .logosbox img{
        height: 153px !important;
    width: 153px !important;
  }
    #servive-icon-text .servive-point-item{
        width: 48%;
    }
	
	.ctavideoinnerLeft, .ctavideoinnerRight{
		width:100%;
	}
	.ctavideoinnerRight{
		margin-top:40px;
	}
	.servive-point .sliderlist{
		min-height: 228px !important;
	}
}

/*============= 991 css end  =============*/

/*=============  768 css start  =============*/

@media(max-width:768px) {
    .footer-col.newsletter {
        width: 100%;
    }

    .page-banner .banner-background img {
        height: 200px;
    }

    .page-banner .banner-title {
        font-size: 1.6rem;
    }

    .IframeVideo {
        border-radius: 0;
    }
}

/*=============  768 css end  =============*/


/*=============  767 css start  =============*/
@media(max-width:767px) {
    h1 {
        font-size: 30px;
    }
     .banner-content span#pageTitle{
       font-size: 1.6rem;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }
    .iso-card-content h3{
         font-size: 16px;
    }
    .sliderlist h3{
        font-size: 18px;
    }

    .BannerContent p {
        font-size: 18px;
        padding-left: 0;
    }
    .serviveboxhead h3{
        font-size: 18px;
    }
    .casestudylistcontent h3{
        font-size: 16px;
    }

    br {
        display: none;
    }

    .differenceheadLeft {
        width: 100%;
    }

    .differencehead {
        flex-flow: row wrap;
    }

    .differenceheadRight {
        width: 100%;
    }

    .BigCTAcontent {
        width: 100%;
        padding: 20px;
    }

    .HomeAboutInner {
        flex-flow: row wrap;
        gap: 30px;
    }

    .HomeAboutInnerRight {
        width: 100%;
        order: 2;
    }

    .HomeAboutInnerLeft {
        order: 1;
        width: 100%;
    }

    .homeaboutimage2 {
        position: relative;
        right: 0;
        bottom: 0;
        max-width: 100%;
        width: 100%;
        order: 3;
    }

    .serviveboxinner {
        padding: 30px 20px;
    }

    .servivebox:hover .serviveboxinner {
        padding: 40px 20px;
    }

    .footrLogo {
        left: auto;
        right: 0;
        bottom: 354px;
    }

    .HomeAboutInnerLeft {
        display: none;
    }

    .homeaboutimage2 {
        display: none;
        ;
    }

    .PT_80 {
        padding-top: 50px;
    }

    .PB_80 {
        padding-bottom: 50px;
    }

    #difference {
        padding-top: 40px;
    }

    .differenceSlider {
        padding: 0 15px;
    }

    .differenceSliderInner {
        width: 100%;
    }

    .sliderlist {
        min-height: 335px;
    }

    #difference .owl-nav {
        display: none;
    }

    .iso-card {
        width: calc(50% - 10px);
    }

    .iso-cta-section .container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: row wrap;
        gap: 20px;
    }

    .iso-cta-section h3 {
        text-align: center;
    }

    .iso-details-wrapper {
        flex-direction: column;
    }

    .iso-sidebar {
        max-width: 100%;
        flex-flow: row wrap;
    }

    .iso-sidebar-top,
    .iso-sidebar-bottom {
        width: calc(50% - 15px);
    }

    .audit-text {
        width: 100%;
    }

    .benefit-card {
        padding: 40px 20px;
        width: 100%;
    }

    .audit-benefits .audit-image {
        display: none;
    }

    .benefits-flex {
        padding-bottom: 0px;
    }

    .audit-stats {
        justify-content: center;
    }

    .contact-section .contact-flex {
        flex-direction: column;
    }

    .contact-section .contact-form {
        order: 1;
    }

    .contact-section .contact-info {
        order: 2;
    }

    .how-flex {
        flex-direction: column;
        text-align: left;
        gap: 30px;
    }

    .how-image {
        width: 100%;
        order: 1;
    }

    .how-content {
        width: 100%;
        order: 2;
    }

    .Txt-testimonLeft {
        width: 100%;
        position: relative;
        top: 0;
        align-self: unset;
    }

    .Txt-testimonLeft h2 {
        text-align: center;
    }

    .Txt-testimonLeft .arwImg {
        display: none;
    }

    .Txt-testimonRght {
        width: 100%;
        margin-top: 30px;
    }

    .testimonialBx::after {
        left: 0;
        right: 0;
        margin: auto;
        bottom: -40px;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 40px solid #fff;
    }

    .athr {
        padding: 40px 0;
        padding-top: 40px;
    }

    .testimonialBx {
        padding: 35px 20px;
    }

    .testimonialBxWrp .qotIcon img {
        width: 44px;
    }

    .testimonialBxWrp .qotIcon {
        top: -18px;
        left: -6px;
    }

    .iso-details .video-wrapper iframe {
        width: 100%;
        height: 450px;
    }

    .thank-inner img {
        width: 250px;
    }
    .blog-details-container h1{
      font-size: 26px !important;
   
}

.blog-details-container h2{
      font-size: 24px;
}
.blog-details-container h3{
      font-size: 22px;
}
.blog-details-container h4{
      font-size: 20px;
}
.blog-details-container h5{
      font-size: 18px;
}
button#unmuteBtn {
    bottom: 40px;
    right: 20px;
}
.getintouch-sec .getintouchInnerLeft p {
    font-size: 18px
  }
  
  #oopss h1{
    font-size: 70px;
  }
  #oopss #error-text img{
    margin: 0 auto 20px;
  }
	
	.HomeAboutInnerRight.HomeAboutInnerRightHome{
		width: 100%;
	}
	
	.blog-short-content h2{
	font-size:16px;
}
	.course-content h2{
	    font-size: 16px;
}
	.rightsidebarcontainer h3{
		font-size:16px;
	}
	#BigCTA{
		background:transparent !important;
		height:auto;
	}
	.BigCTAcontent{
		position:relative;
		bottom: 0;
	}
	#difference.what-makes{
		padding-top: 40px;
	}
}

/*=============  767 css end  =============*/

/*=============  640 css start  =============*/
@media(max-width:640px) {
    .audit-image-wrap {
        width: 100%;
    }

    .audit-right {
        width: 100%;
    }

    .audit-left {
        width: 100%;
    }

    .audit-stats {
        width: 100%;
    }

    .audit-right {
        order: 1;
    }

    .audit-image-wrap {
        order: 2;
    }

    .audit-stats {
        order: 3;
    }

    .audit-left {
        order: 4;
    }

    .pecb-flex {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }

    .pecb-content {
        width: 100%;
    }

    .pecb-logo img {
        margin-bottom: 15px;
    }

    .pecb-logo {
        margin-bottom: 0;
    }

    .pecb-partner {
        margin-top: 50px;
        margin-bottom: 0px;
        padding-bottom: 60px;
    }

    .blog-list {
        width: 100%;
    }
    button#unmuteBtn {
        bottom: 0;
        right: 0;
        background: transparent;
    }
    .for-Home-video .exploreMoreWrap{
        display: none;
    }
    .BannerWrapTop {
        padding: 80px 0 40px;
    }
  .footer-top{
    gap: 0px;
  }
   #servive-icon-text .servive-point-item{
        width: 100%;
    }
    #servive-icon-text .servive-point-item .sliderlist{
        height: auto;
        min-height: 10px;
    }
	
	.servive-point .sliderlist{
		min-height: 100px !important;
	}
  
}

/*=============  640 css end  =============*/


/*=============  576 css start  =============*/
@media(max-width:576px) {
    .serviveboxcontent {
        width: 100%;
    }

    .casestudyheadLeft {
        width: 100%;
    }

    .casestudyheadRight {
        width: 100%;
    }

    .casestudyhead {
        flex-flow: row wrap;
    }

    .casestudylist {
        width: 100%;
    }

    .logosbox {
        width: 50%;
        height: auto;
    }

    .exploreMoreWrap {
        position: absolute;
        left: 34px;
        top: -58px;
        right: auto;
    }

    #ctawrap .btnwrap {
        flex-flow: row wrap;
        gap: 20px;
    }

    #difference .owl-theme .owl-nav {
        left: -49px;
        width: 40px;
    }

    .owl-prev,
    .owl-next {
        width: 30px;
        height: 30px;
    }

    .PT_80 {
        padding-top: 40px;
    }

    .PB_80 {
        padding-bottom: 40px;
    }

    .best-practices-list li {
        width: 100%;
    }

    .iso-sidebar-top,
    .iso-sidebar-bottom {
        width: 100%;
    }

    .consultants-item {
        width: 100%;
    }

    #BigCTA.iso-need-sec {
        background-position: right -250px center !important;
    }

    .about-objectives-section .about-image-wrapper {
        width: 100%;
    }

    .about-objectives-section .about-text-content {
        width: 100%;
    }

    .about-objectives-section .exploreMoreWrap {
        top: calc(87% - 90px);
        left: calc(100% - 190px);
        transform: none;
    }
  
  .casestudyheadRight{
    margin-top:20px;
  }
  #oopss h1{
    font-size: 60px;
  }
  

}

/*=============  576 css end  =============*/

/*=============  480 css start  =============*/
@media(max-width:480px) {
    .footer-col {
        width: 100%;
    }

    .footer-bottom .footer-col:nth-of-type(3) h3 {
        display: none;
    }

    .footer-bottom {
        gap: 2px;
    }

    .footer-info {
        flex-flow: row wrap;
    }

    .ftrTxtCnt {
        width: 100%;
    }

    .footer-info a,
    .footer-info span,
    .ftrTxtCnt {
        font-size: 15px;
    }

    .iso-tab {
        width: 100%;
    }

    .about-video-section .video-wrapper iframe {
        width: 100%;
        height: 250px;
    }

    .course-card {
        width: 100%;
    }

    .course-actions {
        flex-direction: column;
        gap: 8px;
    }

    .iso-details .video-wrapper iframe {
        height: 300px;
    }

    .thank-inner img {
        width: 180px;
    }

    a.backtohome {
        width: 100%;
    }

    .video-list {
        width: 100%;
    }
    .pagination-wrap{
        gap:2px;
    }
  #logos .logosbox img{
    height: auto !important;
    width: 153px !important;
  }
  .headerInner{
        gap: 44px;
  }
  .gfield_checkbox .gchoice{
    width: 45% !important;
  }
  .getintouchInnerRight{
        padding: 20px 20px;
  }

}

/*=============  480 css end  =============*/

/*=============  420 css start  =============*/
@media (max-width: 420px) {
    .iso-card {
        width: 100%
    }
    .pagination-wrap a.page-numbers, .pagination-wrap span.page-numbers{
        font-size: 9px;
    }
  .casestudylist .casestudylistImage {
        height: 250px;
    }
}

/*=============  420 css end  =============*/