@media only screen and (max-width: 1720px) {
  .main-speakers .column-6 {
    flex-basis: 47%;
  }
  body .codegirls-footer .column-5 .image-container {
    flex-wrap: wrap;
  }
  /* body .codegirls-footer .column-5 .image-container img {
    margin: 0 7px 18px 7px;
  } */
}
@media only screen and (max-width: 1620px) {
  .thank-you .number-counter {
    padding: 50px 0;
    margin-top: 0;
  }
  .thank-you .text-align h1,
  .thank-you .text-align h1 span {
    font-size: 85px;
  }
  body .page-not-found .alert-section,
  body .alert-section {
    padding: 30px 0;
  }
  body .news-banner {
    min-height: 155px;
  }
  .main-speakers .column-6 {
    flex-basis: 45%;
  }
  body .main-speakers .single-brain-img.diamond {
    width: 380px;
    height: 380px;
    margin: auto;
  }
  .donateSec h1 {
    font-weight: 800;
    font-size: 58px;
    color: #000000;
    font-family: "Montserrat";
  }
}
@media only screen and (max-width: 1500px) {
  .container {
    max-width: 1280px;
    margin: auto;
  }
  .section-5 .brains-list .tab-list {
    width: auto;
    top: 0;
  }
  .section-5 .brains-contact a {
    margin-bottom: 50px;
  }
  section {
    padding: 30px 0px;
  }

  .section-1 {
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .flex-row {
    padding: 30px 20px;
  }
  .section-1 .column-1:not(.diam-column) {
    padding-top: 20px;
  }

  .section-1 h2 {
    padding: 35px 0px 35px;
  }
  .section-1 .number-counter {
    padding-top: 50px;
  }
  .section-1 .diam-column .diamond-small {
    top: -33px;
  }
  .section-1 .diam-column2 .diamond-large {
    top: 109px;
  }

  .section-1 .diam-column2 .diamond-medium {
    bottom: -30px;
    right: -200px;
  }
  /* .section-1 .diam-column2 .diamond-small {
    display: none;
  } */

  .section-2 .slick-slider,
  .section-2 .slick-initialized {
    padding: 10px 20px;
  }

  .section-2 .phase-single .single-phase-title h2 {
    font-size: 80px;
  }

  .section-2 .phase-single .single-phase-title h3 {
    font-size: 18px;
  }
  .section-2 .single-ph-list-item .circle > .num {
    display: block;
    font-size: 22px;
  }

  .section-2 .single-ph-list-item .circle {
    width: 80px;
    height: 80px;
    margin-top: 20px;
  }

  .section-2 .phase-single .single-phase-content {
    margin-top: 50px;
  }

  .section-2 .single-ph-list-item > .txt h4 {
    font-size: 23px;
    margin-bottom: 18px;
  }

  .section-2 .phase-single .single-phase-content p {
    font-size: 15px;
  }
  .section-2 .single-ph-list-item {
    margin-top: 15px;
  }
  body h2 {
    padding: 50px 0px 50px;
  }
  .section-2 .single-ph-list-item > .txt h4:before {
    content: "";
    position: absolute;
    top: 35px;
    left: 17px;
    background-color: #a1a1a1;
    width: 25px;
    height: 1px;
  }
  .section-2 .single-ph-list-item > .txt {
    width: calc(100% - 160px);
  }

  .section-2 .btn {
    margin: 0px auto;
  }

  .section-5 h2,
  .section-3 h2 {
    color: white;
    /* padding-bottom: 0px; */
    line-height: 1em;
  }

  .section-3 .flex-row .company-content h2 {
    font-size: 77px;
  }

  .section-5 h2 {
    padding-top: 70px;
  }

  body p,
  body a {
    font-size: 14px;
  }
  .section-2 .phaseDots p.yellow-bg {
    font-size: 12px;
  }

  .diamond {
    box-shadow: -23px 23px 50px 0px #bfbfbf;
  }

  .section-1 .diam-column2 .diamond-large {
    /* position: absolute; */
    right: -19px;
    top: 105px;
  }
  body h2 {
    font-size: 70px;
  }
  body p.para-2 {
    font-size: 18px;
  }
  .section-1 .column-1:not(.diam-column) {
    padding-right: 8%;
  }
  .section-1 .diam-column .diamond-small {
    left: 120px;
  }
  .section-1 .diam-column2 .diamond-small {
    right: 36%;
  }
  .section-3 p {
    margin: 30px 0px 30px;
  }
  body .section-3.trainers-section.overview-section .flex-row .logo-column {
    flex-basis: 50% !important;
  }
  body #contact .brains-list .tab-content {
    margin-top: 70px;
  }
  body #contact .brains-list .column-5 {
    flex-basis: 50% !important;
  }
}
@media only screen and (max-width: 1450px) {
  body .cg-speakers .column-6 {
    flex-basis: 45%;
  }
  body .main-speakers .single-brain-img.diamond {
    width: 380px;
    height: 380px;
  }
  .main-speakers .column-6 {
    flex-basis: 42%;
    margin: 0 20px;
  }
  body .main-speakers .graduation-inner-heading h2 {
    font-size: 70px;
  }
  .donateSec h1 {
    font-size: 45px;
  }
  .paymentWays ul li,.paymentWays ul li a {
    font-size: 12px;
  }
  .paymentWays h2 {
    font-size: 35px;
  }
  .DonateInter a {
    font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    font-family: "Montserrat";
  }
  .onlineContent h2 {
    font-weight: bold;
    font-size: 35px;
    color: #ffffff;
    letter-spacing: 0.005em;
    padding: 0px 0px 28px 0px;
    font-family: "Montserrat";
  }
  .forPakistan {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 50px 150px 50px 50px; */
  }
  .forInternational {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 50px 150px 50px 50px; */
  }
}
@media only screen and (max-width: 1380px) {
  
  .karachi-location,
  .skardu-location,
  .south-africa-location {
    margin: 0 !important;
  }
  body h2 {
    letter-spacing: -3px;
  }
  header .contact-container a,
  header .nav-container nav a,
  header .nav-container nav div.browse-more {
    font-size: 12px;
  }
  header .nav-container nav .nav-item,
  header .nav-container nav div:nth-child(4) {
    width: calc(85% / 4.4);
    /* border: 1.5px solid var(--cg-text); */
    padding: 14px 15px;
  }
  .tel-icon svg,
  .email-icon svg {
    font-size: 20px;
  }
  header .nav-container nav div:nth-child(4) {
    width: auto;
    padding: 14px 14px;
  }
  header .nav-container nav .dropdown-menu {
    /* top: 42px;
		*/
    min-width: 165px;
  }
  header .nav-container nav .dropdown-menu-two {
    right: auto;
    left: 165px;
    min-width: fit-content;
  }
  /* .section-3 {
		float: left;
		width: 100%;
	}
	*/
  header .nav-container nav .dropdown-menu {
    /* right: -37px; */
    /* top: 53px; */
  }
  body header .nav-container nav .dropdown-menu-two {
    min-width: 150px !important;
    right: auto !important;
    left: -150px;
  }
  /* .section-4 {
		background-color: #fff;
		float: left;
		width: 100%;
	}
	*/
  footer {
    float: left;
    width: 100%;
  }
  header .nav-container nav .nav-item:hover,
  header .nav-container nav div:nth-child(4):hover {
    /* background-color: var(--cg-orange);
    border: 1.5px solid var(--cg-orange) !important; */
    color: #db4536 !important;
  }
  body .tech-tain-fif {
    left: 270px !important;
  }
  /* body .tech-tain-thi,body .tech-tain-si{right: -25px !important;} */
  .tech-tain-sec {
    left: 250px !important;
  }
  body .codegirls-exclusive .column-7 {
    flex-basis: 55.333%;
  }
  body .codegirls-exclusive .column-5 {
    flex-basis: 44.666%;
  }
  body .codegirls-exclusive h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .nav-item.browse-more.voice_more ul.dropdown-menu-two {
    right: -150px !important;
}
}
@media only screen and (max-width: 1280px) {
  .section-3 .company-list .logo-container .logo-item {
    /* margin-right: 11px;
    margin-bottom: 60px; */
    width: calc(100% / 5 - 11px);
  }
  .section-3 .company-list .logo-container .logo-item:nth-child(7n + 7) {
    margin-right: 11px;
  }
  /* 
.section-3 .company-list .logo-container .logo-item:nth-child(5n+5){
margin-right: 0px;
} */
  .donateSec h1 {
    font-size: 40px;
  }
  .banner {
    background-color: #fbfbfb;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 60px;
    padding-bottom: 35px;
  }
  .SponserContent ul li {
    list-style-type: none;
    color: #434343;
    font-size: 14px;
    font-weight: 700;
    line-height: 27.2px;
    position: relative;
    font-family: "Montserrat";
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .forInternational {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 50px 150px 50px 50px; */
  }
  .onlineContent h2 {
    font-weight: bold;
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 0.005em;
    padding: 0px 0px 28px 0px;
    font-family: "Montserrat";
  }
  .forPak a {
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    font-family: "Montserrat";
  }
  .DonateInter h3 {
    font-weight: 800;
    font-size: 22px;
    color: #ffffff;
    padding-top: 55px;
    margin-bottom: 10px;
    font-family: "Montserrat";
  }
  .forPak h3 {
    font-weight: 800;
    font-size: 22px;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: "Montserrat";
    line-height: 27px;
  }
  .forPakistan {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 50px 150px 50px 50px; */
  }
  .bankTransferpara p {
    color: #434343;
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 40px;
    font-family: "Montserrat";
  }
  .SponserContent p {
    list-style-type: disc;
    color: #434343;
    font-size: 14px;
    font-weight: 700;
    line-height: 27.2px;
    margin-bottom: 15px;
    font-family: "Montserrat";
  }
  body h2 {
    font-size: 74px;
  }
  .section-1 .column-1:not(.diam-column) {
    padding-right: 6%;
  }
  .diamond-large {
    width: 250px;
    height: 250px;
  }
  .section-5 .brains-list .tab-list-item {
    margin: 0px 15px;
  }

  .section-5 .brains-list {
    flex-basis: 100% !important;
    margin-left: 0;
  }
  .section-5 .form-column h3 {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .section-5 .brains-list .tab-list-item {
    margin: 0px 20px;
  }
  .section-3 h2 {
    padding-top: 40px;
  }
  .section-3 .flex-row .company-content,
  .section-3 .flex-row .logo-column {
    width: 100%;
    margin-left: 0px;
  }

  .section-3 .logo-column .logo-container {
    justify-content: center;
    padding-bottom: 25px;
    padding-top: 0;
  }
  .section-3 .logo-column .logo-container .logo-item {
    max-width: 30.03%;
  }
  .section-3 .flex-row .logo-column svg {
    top: auto;
    bottom: 0;
  }
  header .contact-container a,
  header .nav-container nav a,
  header .nav-container nav div.browse-more {
    font-size: 9px;
  }
  .tel-icon svg,
  .email-icon svg {
    font-size: 16px;
  }
  .press-area img {
    object-fit: cover;
  }
  body .press-area {
    width: 29%;
    margin: 0 20px;
  }
  .brains-list .flex-row {
    flex-direction: column-reverse;
    padding-bottom: 0;
  }
  body .main-gallery.section-5 .brains-list .tab-list {
    padding-left: 5%;
  }
  .tab-content {
    /* float: left; */
    width: 100%;
  }
  .main-speakers .column-6 {
    flex-basis: 41%;
  }
  .section-5 h2 {
    padding-top: 0 !important;
  }
  .section-3.trainers-section.overview-section
    .flex-row
    .logo-column
    .trainers-container {
    margin-top: 0;
  }
  body #contact .contact-detail-head {
    display: flex;
    align-items: center;
  }
  body .section-3.trainers-section .slick-list .trainers-container {
    max-width: 55%;
  }
  body .section-3.trainers-section.overview-section .tech-tain-thi,
  body .section-3.trainers-section.overview-section .tech-tain-si,
  body .section-3.trainers-section .tech-tain-thi,
  body .section-3.trainers-section .tech-tain-si { right: inherit !important; left: 485px !important; }
  .section-4.reportSec .endButtons-d .btn { margin-top: 0; }
  .section-4.reportSec .column-4 .endButtons-d { margin-top: 30px; display: flex; }
  .section-4.reportSec .flex-row .column-4 { width: 33%; }
  .BankTransfer .paymentWays .forInternational .qr-codes .qr-code-wrapper { max-width: 140px; }
  .BankTransfer .paymentWays .forInternational { align-items: center; }
}
@media only screen and (max-width: 1150px) {
  section.location-sec {
    flex-wrap: wrap;
  }
  /* .south-africa-location {
    padding: 0px 80px 0px 80px !important;
  } */
  .sponsor-banner {
    padding-top: 150px !important;
    padding-bottom: 50px !important;
  }
  .forInternational {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 50px 120px 50px 50px; */
  }
  .forPakistan {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 50px 120px 50px 50px; */
  }
}
@media only screen and (max-width: 1100px) {
  .forPak:first-child:after {
    content: "";
    background-image: url(../images/Rectangle.png);
    background-size: contain;
    position: absolute;
    top: -4px;
    right: -55px;
    height: 100px;
    width: 5px;
    background-repeat: no-repeat;
  }
  .donateSec h1 {
    font-size: 35px;
  }
  .section-1 .diam-column2 .diamond-large {
    width: 240px;
    height: 240px;
    top: 170px;
  }
  .main-speakers .column-6 {
    flex-basis: 40%;
  }
  body .cg-speakers .column-6 {
    flex-basis: 44%;
  }
  body p,
  body a {
    font-size: 10px;
    color: black;
  }
  .SponserContent p {
    list-style-type: disc;
    color: #434343;
    font-size: 12px;
    font-weight: 700;
    line-height: 27.2px;
    margin-bottom: 15px;
    font-family: "Montserrat";
  }
  .SponserContent ul li {
    list-style-type: none;
    color: #434343;
    font-size: 12px;
    font-weight: 700;
    line-height: 27.2px;
    position: relative;
    font-family: "Montserrat";
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .bankTransferpara p {
    color: #434343;
    font-weight: bold;
    font-size: 19px;
    line-height: 27px;
    margin-bottom: 40px;
    font-family: "Montserrat";
  }
  .paymentWays h2 {
    font-size: 30px;
  }
  .DonateInter a {
    font-weight: 600;
    font-size: 12px;
    color: #ffffff;
    font-family: "Montserrat";
  }
  .forPak a {
    font-weight: 600;
    font-size: 12px;
    color: #ffffff;
    font-family: "Montserrat";
  }
  .forPak h3 {
    font-weight: 800;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: "Montserrat";
  }
  .DonateInter h3 {
    font-weight: 800;
    font-size: 18px;
    color: #ffffff;
    padding-top: 48px;
    margin-bottom: 10px;
    font-family: "Montserrat";
  }
  .onlineContent h2 {
    font-weight: bold;
    font-size: 25px;
    color: #ffffff;
    letter-spacing: 0.005em;
    padding: 0px 0px 28px 0px;
    font-family: "Montserrat";
  }
}
@media only screen and (max-width: 1080px) {
  .codegirls-footer .united_nation_para {
    position: static;
    padding: 0;
  }
  .graduates,
  .jobs_acquired,
  .starting_salary {
    width: 255px;
  }

  .thank-you .number-counter .graduates p,
  .thank-you .number-counter .jobs_acquired p,
  .thank-you .number-counter .starting_salary p {
    font-size: 20px;
  }

  .thank-you .number-counter .graduates p.para-2,
  .thank-you .number-counter .jobs_acquired p.para-2,
  .thank-you .number-counter .starting_salary p.para-2 {
    font-size: 35px;
  }
  .united_nation_para {
    /* text-align: center;*/
    position: absolute;
    top: -40px;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    z-index: -1;
    justify-content: center;
    width: 100%;
  }
  .home-partners-section p {
    text-align: center;
  }
 
  .forInternational {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 50px 100px 50px 50px; */
  }
  .section-1 .column-1:not(.diam-column) {
    padding-right: 0;
  }
  .section-1 {
    background-image: url("../images/yellowdots_03.png");
    background-size: auto;
    background-position: 98% 3%;
  }
  .section-1 .column-1:not(.diam-column) {
    flex-basis: 100%;
    padding-top: 0;
    padding-bottom: 250px;
  }
  body h2 {
    font-size: 64px;
    padding-top: 60px;
  }
  .section-1 .number-counter .number-counter {
    padding-top: 100px;
  }
  .section-1 .diam-column {
    display: none;
  }
  .section-1 .diam-column2 {
    flex-basis: 100%;
  }
  .section-1 .flex-row {
    padding-bottom: 340px;
  }
  body .section-1 .diam-column2 .diamond-medium {
    right: 23% !important;
  }
  .diamond {
    box-shadow: -33px 39px 43px 0px #bfbfbf;
  }
  body .section-1 .diam-column2 .diamond-large {
    top: 60px;
    right: 37% !important;
  }
  .section-1 .diam-column2 .diamond-medium,
  .section-1 .diam-column2 .diamond-small {
    bottom: -80px;
  }
  .section-1 .diam-column2 .diamond-small {
    right: 58%;
  }
  .section-2 .slick-slide.slick-active.slick-current .phase-single,
  .section-2 .slick-slide.slick-active .phase-single {
    padding-left: 0;
    padding-right: 0;
  }
  /* SECTION 4 */
  .section-4 p {
    font-size: 14px;
  }
  .section-4 .container > .flex-row {
    padding-top: 0;
    padding-bottom: 0;
  }
  .section-4 .container > .flex-row .column-4,
  .section-4 .container > .flex-row .column-8 {
    flex-basis: 100%;
  }
  .section-4 .brains-list {
    margin-top: 0;
  }
  .homepage-pdf-section {
    background-image: none;
  }
  .section-4 {
    background-image: url("../images/yellowdots_03.png");
    background-repeat: no-repeat;
    background-position: 95% -2%;
  }
  .section-4 .homepage-pdf-section .flex-row {
    padding-right: 20px;
  }
  .single-pdf-book {
    padding: 0px 30px;
  }
  /* FOOTER */
  /* footer div ul {
    flex-direction: column;
  }
  footer div ul li.dash {
    display: none;
  }
  footer div ul li {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  footer div {
    padding: 0px 15px;
  } */
  body .event-highlights h2 {
    font-size: 64px;
  }
  .karachi-location, .skardu-location, .south-africa-location{gap:15px}
  .karachi-location:before, .skardu-location:before, .south-africa-location:before{width: 50px; height: 50px;background-size: contain;background-repeat: no-repeat;}
}
@media only screen and (max-width: 1024px) {
  header .resp-bar {
    position: relative;
  }
  header .resp-bar:hover .responsive-menu li {
    text-align: left;
    padding: 6px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    position: relative;
  }
  header .resp-bar:hover .responsive-menu li a {
    font-size: 8px;
    text-decoration: none;
    color: var(--cg-text);
    font-weight: 700;
    cursor: pointer;
  }
  .endButtons-d,
  .endButton-d {
    display: none !important;
  }
  .endButton-r {
    display: inline-block !important;

  }
  .section-4.reportSec .endButton-r {
    margin: auto;
  }
  main {
    padding-top: 59px;
  }
  .counter-partition {
    margin: 0 80px;
  }
  .number-counter {
    justify-content: space-evenly;
  }
  .resp-tra-slider {
    margin-top: 45px;
  }
  .resp-tra-img img {
    border-radius: 100%;
    width: 190px;
    height: 190px;
    object-fit: cover;
  }
  .section-3 .slick-slider.slick-initialized {
    overflow: visible;
  }
  .section-3 .flex-row .logo-column svg {
    bottom: -33px;
  }
  body .press-caption h3 {
    font-size: 16px;
    line-height: 25px;
  }
  body .press-area {
    width: 44%;
  }

  body .main-gallery.section-5 .brains-list .tab-list {
    width: 55%;
  }
  body .single-phase-content .btn {
    margin-top: 40px;
  }
  body .single-phase-list {
    min-height: 100%;
  }
  header .resp-bar {
    position: relative;
  }
  body header .responsive-menu {
    display: block;
    right: 0;
    background: white;
    color: black;
    top: 15px;
    min-width: 100%;
    width: max-content;
    z-index: 99;
    padding: 0 20px;
  }
  header .responsive-menu .drop-menu-item a {
    padding: 15px;
    display: inline-block;
    width: 100%;
  }
  body header .resp-bar {
    color: #434343;
  }
  header .responsive-menu .drop-menu-item {
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    position: relative;
  }
  header .responsive-menu .drop-menu-item:last-child {
    border-bottom: none;
  }
  body .news-banner-main h1 {
    font-size: 44px;
  }
  body .news-banner-main .flex-row {
    padding: 50px 50px;
  }
  body .main-speakers .flex-row {
    margin-top: 0;
  }
  body .event-highlights .column-6,
  body .cg-speakers .column-6,
  .main-speakers .news-portion .column-5,
  .main-speakers .column-6 {
    flex-basis: 100%;
  }
  body .main-speakers .single-brain-img.diamond.right-wrp-img {
    float: none;
  }
  body .cg-speakers .column-6:last-child {
    margin-top: 50px;
  }
  .main-speakers .flex-row:nth-child(2n) {
    flex-direction: column-reverse;
  }
  .cg-speakers::before,
  .cg-speakers .graduation-inner-img::after {
    display: none;
  }
  body .graduation-inner-img {
    right: 212px;
  }
  body .event-highlights .column-6 {
    margin: 0 20px 40px;
  }
  body .event-highlights .flex-row,
  body .event-highlights,
  body .event-highlights .column-6 h2 {
    padding-top: 0;
  }
  body .event-highlights .column-6 .highglight-img {
    float: left;
    width: 45%;
    margin: 18px;
    height: 350px;
  }
  .cg-speakers .flex-row,
  .cg-speakers {
    padding-top: 0;
  }
  .wrp-speakers .graduation-inner-description p:last-child {
    margin-bottom: 0;
  }
  body .cg-projects p {
    max-width: 95%;
  }
  body .main-speakers .graduation-inner-heading h2 {
    font-size: 60px;
    margin-top: 75px;
  }
  body .event-highlights .column-6 .highglight-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .wrp-speakers .graduation-inner-description p {
    margin-bottom: 70px;
  }
  body .banner .page-title-wrapper .page-title-captions {
    width: 51%;
  }
  body .event-highlights .flex-row {
    padding: 0 20px;
  }
  .forInternational {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 50px 80px 50px 50px; */
  }
  .forPakistan {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 50px 80px 50px 50px; */
  }
}
@media only screen and (max-width: 980px) {
  .award-flex {
    flex-direction: column;
    align-items: center;
  }
  .blog-content.award-content .award-content-img {
    width: 100%;
    text-align: center;
  }

  .award-content-img {
    margin-bottom: 30px;
    margin-top: 10px;
  }
  .forInternational,
  .forPakistan {
    padding: 30px;
  }

  .form-section .column-4 {
    flex-basis: 100%;
  }
  .hire-counter .number-counter .numN {
    width: 80%;
  }
  .form-section .form-column {
    flex-basis: 100%;
  }
  body .form-section .form-column {
    margin-left: 0px;
    margin-top: 80px;
  }

  .donateSec h1 {
    font-size: 40px;
  }
  .paymentWays h2 {
    font-size: 27px;
  }
  .paymentWays ul li , .paymentWays ul li a {
    font-size: 10px;
  }
  .BankTransfer .paymentWays .forInternational .qr-codes .qr-code-wrapper { max-width: 120px; }
  .onlineContent h2 {
    font-weight: bold;
    font-size: 25px;
    color: #ffffff;
    letter-spacing: 0.005em;
    padding: 0px 0px 28px 0px;
    font-family: "Montserrat";
  }
  .forPak h3 {
    font-weight: 800;
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: "Montserrat";
  }
  .DonateInter h3 {
    font-weight: 800;
    font-size: 16px;
    color: #ffffff;
    padding-top: 48px;
    margin-bottom: 10px;
    font-family: "Montserrat";
  }
  .DonateInter a {
    font-weight: 600;
    font-size: 10px;
    color: #ffffff;
    font-family: "Montserrat";
  }
  .forPak a {
    font-weight: 600;
    font-size: 10px;
    color: #ffffff;
    font-family: "Montserrat";
  }
  .forPakistan {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 10px 100px 50px 50px; */
  }
  .forInternational { background-color: #ffffff; box-shadow: 0px 0px 25px rgb(0 0 0 / 10%); /* padding: 10px 100px 50px 50px; */ }
  .location-sec .container { flex-wrap: wrap; justify-content:center; }
  .location-sec .container .location-block{ width:50%; justify-content: center; max-width:350px }
  section.location-sec { padding: 50px 0 !important; }
}
@media only screen and (max-width: 900px) {
  .forInternational {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 10px 60px 50px 50px; */
  }
  .forPakistan {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 50px 60px 50px 50px; */
  }
}
@media only screen and (max-width: 850px) {
  .forInternational {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 50px 40px 50px 50px; */
  }
  .forPakistan {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 50px 40px 50px 50px; */
  }
}
@media only screen and (max-width: 850px) {
  .forInternational {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 50px 20px 50px 50px; */
  }
  .forPakistan {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 50px 20px 50px 50px; */
  }
}
@media only screen and (max-width: 768px) {
  .thank-you .number-counter .graduates p,
  .thank-you .number-counter .jobs_acquired p,
  .thank-you .number-counter .starting_salary p {
    font-size: 14px !important;
  }
  .thank-you .text-align h1,
  .thank-you .text-align h1 span {
    font-size: 70px !important;
    letter-spacing: 0px;
  }
  .thank-you .number-counter .graduates p.para-2,
  .thank-you .number-counter .jobs_acquired p.para-2,
  .thank-you .number-counter .starting_salary p.para-2 {
    font-size: 30px !important;
  }
  .thank-you .number-counter {
    margin-top: 50px;
  }

  .thank-you .number-counter:before {
    top: -10px;
  }
  .home-partners-section p {
    line-height: 3em;
    padding: 0 4px;
  }
  .forPak:first-child:after {
    display: none;
  }
  .forPak:first-child {
    margin-right: 0px !important;
  }
  .banner {
    padding: 40px 0px !important;
  }
  .forInternational,
  .forPakistan {
    width: 100%;
  }
  .paymentWays h2 {
    padding: 0 0 20px;
  }
  .BankTransfer .paymentWays .forInternational {
    flex-direction: column;
    gap: 30px;
}
.BankTransfer .paymentWays .forInternational {
    align-items: flex-start;
}
  .forPak:last-child {
    padding-bottom: 0;
  }
  section.banner.sponsor-banner h3 {
    font-size: 50px !important;
  }
  section.banner.sponsor-banner {
    padding: 94px 20px 40px !important;
  }
  .donate-us {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
  }
  .rightLinks ul {
    display: flex;
    margin-top: 10px;
  }
  .donateSec {
    background-color: #fbfbfb;
    height: auto;
    padding: 120px 0px 20px 0px;
  }
  .for {
    display: block;
  }
  .forPak {
    padding-bottom: 22px;
    margin-right: 0;
  }
  body .trainers-list.overview-list .tab-list {
    left: 150px;
  }
  body .overview-list.trainers-list .yellow-bg {
    padding: 14px 25px 14px 10px;
  }
  .section-1 .diam-column2 .diamond-small {
    width: 93px;
    height: 93px;
    right: 59%;
    box-shadow: none;
  }
  .section-1 .diam-column2 .diamond-medium {
    width: 147px;
    height: 147px;
  }
  .section-1 .diam-column2 .diamond-large {
    width: 205px;
    height: 205px;
  }
  .section-1 {
    padding-bottom: 30px;
  }
  .number-counter {
    padding-top: 70px;
  }
  .section-2 .phase-single .single-phase-title h2 {
    font-size: 75px;
    padding-bottom: 0;
  }
  .section-2 .phase-single .single-phase-content {
    margin-top: 90px;
  }
  .section-2 .phase-single .single-phase-content p {
    font-size: 14px;
  }
  .section-2 .single-ph-list-item > .txt h4 {
    font-size: 22px;
  }
  .section-2 .phase-row svg {
    top: auto;
    bottom: 0;
  }
  .single-pdf-book a img {
    width: 60%;
  }
  .section-4 .btn {
    font-size: 12px;
    width: 160px;
  }
  .section-5 .form-column div.form-row-1 div:first-child {
    margin-right: 0;
  }
  .section-5 .form-column div.form-row-1 {
    display: block;
  }
  .section-5 .form-column div.form-row-1 div {
    width: 100%;
  }
  .section-3 .logo-column .logo-container .logo-item {
    max-width: 46.03%;
  }
  .section-3 p {
    font-size: 14px;
  }
  body .banner .page-title-wrapper ul,
  body .banner .page-title-wrapper .page-title-captions {
    width: 100%;
    display: inline-block;
  }
  body .event-highlights .column-6 .highglight-img {
    width: 43%;
    height: 270px;
  }
  body .cg-speakers .graduation-inner-heading h2 {
    font-size: 60px;
  }
  body .main-speakers .single-brain-img.diamond {
    width: 274px;
    height: 274px;
  }
  body .graduation-inner-img {
    right: 1%;
    top: -57px;
  }
  .main-speakers .single-brain-img.diamond::after {
    max-width: 110px;
    overflow: hidden;
    left: -88px;
  }
  .single-brain-img.diamond::before,
  .main-speakers .single-brain-img.diamond::before {
    top: 145px;
    right: -75px;
    max-width: 120px;
    overflow: hidden;
    width: 100%;
  }
  body .main-speakers .single-brain-img.diamond.right-wrp-img::before {
    left: -104px;
    bottom: 0px;
    top: -81px;
  }
  body .cg-speakers .alumni {
    font-size: 20px;
  }
  .donateSec h1 {
    font-size: 30px;
  }
  .paymentWays ul li,.paymentWays ul li a {
    font-weight: bold;
    font-size: 14px;
    line-height: 23px;
    color: #434343;
    margin-bottom: 16px;
    font-family: "Montserrat";
  }
  body h2 {
    padding: 30px 0px 35px;
  }
  .SponserContent p {
    list-style-type: disc;
    color: #434343;
    font-size: 10px;
    font-weight: 700;
    line-height: 27.2px;
    margin-bottom: 15px;
    font-family: "Montserrat";
  }
  .paymentWays {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
  }
  .paymentWays h2 {
    font-size: 27px;
  }
  .donateImg {
    width: 30%;
    text-align: center;
    margin-bottom: 30px;
  }
  .onlineContent {
    width: 50%;
  }
  .online {
    display: block;
    background-color: #179e5a;
    padding: 50px 20px;
  }
  .donateImg {
    width: 100%;
    margin-right: 0;
  }
  .onlineContent {
    width: 100%;
  }
  body .rightContent {
    text-align: center;
  }
  .onlineContent h2 {
    font-weight: bold;
    font-size: 40px;
    color: #ffffff;
    letter-spacing: 0.005em;
    padding: 0px 0px 28px 0px;
    font-family: "Montserrat";
  }
  .rightContent h2 {
    text-align: center;
  }
  .forPak h3 {
    font-weight: 800;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: "Montserrat";
  }
  .forPak a {
    font-weight: 600;
    font-size: 12px;
    color: #ffffff;
    font-family: "Montserrat";
  }
  .DonateInter {
    padding-left: 32px;
  }
  .DonateInter h3 {
    font-weight: 800;
    font-size: 18px;
    color: #ffffff;
    padding-top: 0px;
    margin-bottom: 10px;
    font-family: "Montserrat";
  }
  .DonateInter a {
    font-weight: 600;
    font-size: 12px;
    color: #ffffff;
    font-family: "Montserrat";
  }
  .rightLinks ul li {
    margin-left: 10px;
    font-family: "Montserrat";
  }
  .donateSec h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 667px) {
  .location-sec .container .location-block {width:100%;padding: 0 !important;}
  .location-sec .container { gap: 40px; }
}
@media only screen and (max-width: 650px) {
  body .cg-speakers .graduation-inner-description p {
    max-width: 100%;
  }
  body .main-speakers .single-brain-img.diamond::after {
    left: -88px;
  }
  body .main-speakers .single-brain-img.diamond.right-wrp-img::after {
    left: 100px;
  }
  body .event-highlights .column-6 .highglight-img {
    width: 100%;
    margin: 9px 0;
  }
  body .graduation-inner-img {
    right: 0%;
  }
  body .cg-speakers img {
    width: 160px;
    height: 160px;
  }
  body .cg-projects h2 {
    font-size: 38px;
    padding-bottom: 25px;
  }
  body .cg-projects p {
    font-size: 16px;
  }
  .donateSec h1 {
    font-size: 35px !important;
  }
  body .cg-speakers .alumni {
    font-size: 17px;
  }
  body .main-speakers .graduation-inner-description p {
    max-width: 100%;
  }
  .single-brain-img.diamond::before,
  .main-speakers .single-brain-img.diamond::before,
  body .single-brain-img.diamond::after,
  body .main-speakers .single-brain-img.diamond::after,
  body .main-speakers .single-brain-img.diamond.right-wrp-img::after {
    display: none;
  }
  body .dates span {
    font-size: 14px;
    margin-right: 30px;
  }
  .main-speakers .news-portion .column-5 {
    margin-left: 0px;
  }
  body .event-highlights ul li {
    max-width: 100%;
  }
  body .event-highlights h2 {
    font-size: 46px;
  }
  
}
@media only screen and (max-width: 640px) {
  .united_nation_para {
    line-height: 1.4em;
    top: -290px;
  }
  .images-banner img {
    margin-right: 20px;
    width: 27%;
    height: 70px;
  }
  .united_nation_para p {
    font-size: 13px;
  }
  section.banner.sponsor-banner h3 {
    font-size: 40px !important;
    line-height: 45px !important;
  }
  section.banner.sponsor-banner {
    padding: 120px 20px 40px !important;
  }
  .section-1 {
    background-position: 93% 1%;
    background-size: 25%;
  }
  .section-1 .diam-column2 .diamond-small {
    right: auto;
    left: 5%;
  }
  .section-1 .column-1:not(.diam-column) {
    padding-bottom: 250px;
  }
  .section-1 .diam-column2 .diamond-large {
    right: 26%;
  }
  body .section-1 .diam-column2 .diamond-medium {
    right: 5% !important;
  }
  body h2 {
    font-size: 46px;
    line-height: 37.5px;
    padding-bottom: 25px;
    padding-top: 40px;
  }
  .number-counter {
    padding-top: 50px;
  }
  /* .section-1 .column-1:not(.diam-column) p {
    font-size: 9px;
  }*/
  
  .section-1 .column-1:not(.diam-column) .number-counter p {
    font-size: 13px;
  }
  /* .section-1 .column-1:not(.diam-column) p.para-2 {
    font-size: 12px;
  }*/
  .section-2 .single-ph-list-item {
    flex-direction: column-reverse;
  }
  .section-2 .single-ph-list-item > .txt {
    width: 100%;
    padding-left: 0;
  }
  .section-2 .single-ph-list-item > .txt h4:before {
    background-color: transparent;
  }
  .section-2 .single-ph-list-item .circle {
    margin: auto;
    width: 90px;
    height: 90px;
  }
  .section-2 .phase-single .single-phase-content p {
    max-width: 95%;
    font-size: 12px;
    line-height: 22px;
  }
  .section-2 .single-ph-list-item .circle > .num {
    font-size: 22px;
  }
  .section-2 .single-ph-list-item .circle > .txt {
    font-size: 10px;
  }
  .section-2 .phase-single .single-phase-content p:first-child {
    margin-bottom: 10px;
  }
  .section-2 .single-ph-list-item > .txt h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .section-3 h2 {
    letter-spacing: -3px;
  }
  .section-3 .logo-column .logo-container .logo-item {
    max-width: 100%;
  }
  .section-3 .logo-column .logo-container .logo-item img {
    max-width: 100%;
  }
  .section-3 .company-list .tab-list-item:first-child::after {
    height: 34px;
  }
  .single-pdf-book {
    padding: 0px 20px;
  }
  .section-4 p {
    font-size: 12px;
    line-height: 22px;
  }
  .section-4 .btn {
    width: 150px;
  }
  .section-5 .brains-list .tab-list {
    margin-top: 35px;
    /* justify-content: flex-start;
		*/
  }
  .section-5 .brains-contact a {
    word-break: break-all;
    font-size: 14px;
    margin-bottom: 17px;
  }
  .section-5 h2 {
    letter-spacing: -3px;
    line-height: 40px;
  }
  footer div p,
  footer div p a {
    font-size: 10px;
    line-height: 16px;
  }
  .section-3 .company-list .tab-list {
    margin-left: 0;
    width: 410px;
  }
  .section-3 .company-list .tab-list-item {
    font-size: 11px;
  }
  .section-3 a,
  .btn {
    font-size: 12px;
  }
  .section-5 .brains-list .tab-list {
    margin-top: 55px;
  }
  .section-5 .brains-list {
    float: left;
    width: 100%;
  }
  body .logo-container {
    flex-basis: 40%;
  }
  body .press-caption {
    padding: 35px 15px;
  }
  body .press-area {
    width: 100%;
  }
  .resp-tra-img img {
    margin: auto;
  }
  .project-showcase .phaseDots button {
    margin: 4px 0px;
  }
  body .project-showcase .phaseDots {
    display: block;
    width: 66%;
    top: -200px;
  }
  body .project-showcase {
    padding-top: 250px;
  }
  .counter-partition {
    margin: 0;
  }
  body .phase-tesimonials .single-test-phase p,
  body .phase-tesimonials .single-test-phase p a,
  body .phase-tesimonials .short-text {
    font-size: 20px;
    line-height: 38px;
  }
  .masonary-list-item:nth-child(even) img {
    width: 100%;
  }
  body .masonary-list-item {
    left: 0;
    width: 100%;
  }
  body .section-3 .company-list .tab-list-item {
    top: 0 !important;
    left: -32px !important;
    margin: 18px !important;
  }

  .section-3 .logo-column .logo-container .logo-item {
    max-width: 100%;
  }
  .rightContent h2 {
    font-size: 40px;
    font-family: "Montserrat";
    letter-spacing: 0.1rem;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 114.2%;
    color: #ffffff;
  }
}
@media only screen and (max-width: 650px) {
  .donateSec h1 {
    font-size: 20px;
  }
  body p,
  body a {
    font-size: 8px;
  }
  .DonateInter {
    padding-left: 90px;
  }
}
@media only screen and (max-width: 576px) {
  .donateSec h1 {
    font-size: 25px !important;
  }
}
@media only screen and (max-width: 450px) {
  .donateSec h1 {
    font-size: 22px !important;
  }
  .SponserContent ul li {
    list-style-type: none;
    color: #434343;
    font-size: 10px;
    font-weight: 700;
    line-height: 27.2px;
    position: relative;
    font-family: "Montserrat";
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .bankTransferpara p {
    color: #434343;
    font-weight: bold;
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 40px;
    font-family: "Montserrat";
  }
  .paymentWays ul li,.paymentWays ul li a {
    font-weight: bold;
    font-size: 10px;
    line-height: 23px;
    color: #434343;
    margin-bottom: 10px;
    font-family: "Montserrat";
  }
  .forPak a {
    font-weight: 600;
    font-size: 10px;
    color: #ffffff;
    font-family: "Montserrat";
  }
  .forPak h3 {
    font-weight: 800;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: "Montserrat";
  }
  .rightContent h2 {
    font-size: 40px;
    font-family: "Montserrat";
    letter-spacing: 0.1rem;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 114.2%;
    color: #ffffff;
  }
  .forPakistan {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 20px 20px 20px 50px; */
  }
  .forInternational {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 20px 20px 20px 50px; */
  }
  .paymentWays h2 {
    font-size: 20px;
  }
  body .main-speakers {
    padding: 0;
  }
  body .cg-speakers .graduation-inner-description p {
    font-size: 15px;
  }
  body .cg-speakers .column-12 {
    margin-bottom: 60px;
  }
  body .main-speakers .graduation-inner-description h4 {
    font-size: 20px;
  }
  body .main-speakers .graduation-inner-heading h2 {
    margin-top: 40px;
  }
  body .news-banner-main .flex-row {
    padding: 50px 50px 0;
  }
  body .news-banner-main p {
    font-size: 14px;
  }
  body .main-speakers .graduation-inner-heading h4 {
    line-height: normal;
    font-size: 15px;
  }
  body .main-speakers .graduation-inner-heading h2 {
    font-size: 50px;
    line-height: 1;
  }
  body .main-speakers .single-brain-img.diamond {
    width: 200px;
    height: 200px;
  }
  body .cg-speakers .graduation-inner-heading h2 {
    font-size: 46px;
  }
  body .cg-speakers img {
    width: 120px;
    height: 120px;
  }
  body .graduation-inner-img {
    top: -8px;
  }
  body .cg-projects {
    padding: 0;
  }
  body .cg-projects p {
    font-size: 15px;
  }
  body .event-highlights ul li {
    font-size: 15px;
  }
  body .event-highlights a.btn {
    margin-top: 20px;
  }
  body .main-speakers .flex-row {
    margin-top: 30px;
  }
  body .banner .page-title-wrapper ul li {
    padding-left: 11px;
  }
  body .banner .page-title-wrapper ul li a {
    margin: 0 16px;
  }
  body .announcement-section .flex-row p,
  body .announcement-section .flex-row a {
    font-size: 15px;
    line-height: 27px;
  }
}
@media only screen and (max-width: 420px) {
  .section-2 .phaseDots p:nth-child(3):before,
  .section-2 .phaseDots p:nth-child(4):before {
    padding-right: 0;
  }
  .section-2 .phaseDots {
    width: 100%;
  }
  .section-2 .phaseDots p.yellow-bg,
  .section-2 .phaseDots button,
  .section-4 .brains-list p,
  .section-5 .brains-list .tab-list-item,
  .section-3 .company-list .tab-list-item,
  .section-5 .brains-list p.yellow-bg {
    font-size: 10px;
  }
  .section-3 .company-list .tab-list {
    width: 95%;
  }
  .section-3 .company-list .tab-list-item.tab-list-active {
    top: -40px;
  }
  .single-pdf-book {
    padding: 0px 5px;
  }
  .section-4 .homepage-pdf-section .flex-row {
    padding-right: 0px;
    padding-left: 0;
  }
  .section-4 .btn {
    width: 145px;
  }
  .section-5 .brains-contact a {
    font-size: 12px;
  }
  .section-5 .brains-contact {
    padding-top: 15px;
  }
  .section-5 .form-column h3 {
    font-size: 22px;
  }
  #contact .tab-list li:nth-child(1):before {
    content: "-";
    padding-right: 20px;
  }
  body .section-5 .brains-list .tab-list {
    flex-direction: column;
  }
  .section-5 .brains-list .tab-list-item {
    margin: 10px 7px !important;
  }
  body .all-press {
    padding: 50px 0 50px 0 !important;
  }
  body .banner .page-title-wrapper .page-title-captions h3 {
    font-size: 40px;
  }
  .section-3 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .section-3 .company-list .tab-list-item::before {
    left: -61px;
  }
  .section-3 .company-list .tab-list-item.tab-list-active::after {
    background: var(--cg-yellow);
  }
  .section-2 .phaseDots p.yellow-bg {
    padding-right: 25px;
  }
  .section-3 .company-list .tab-list-item.tab-list-active {
    left: 0;
  }
  .section-3 .company-list .tab-list-item {
    margin: 20px 0;
  }
  .section-3 .company-list .tab-list {
    flex-direction: column;
  }
  .section-3 .company-list .tab-list-item.tab-list-active {
    top: 0;
  }
  .section-3 .company-list .tab-list-item::after {
    height: 34px;
    width: 20px;
    left: -24px;
    content: "";
    background: #159253;
    position: absolute;
    top: -12px;
  }
  .section-3 .company-list .tab-list {
    width: 100%;
  }
}
@media only screen and (max-width: 380px) {
  .section-2 .phase-single .single-phase-title h2 sub:before {
    width: 17px;
  }
  .section-2 .phase-single .single-phase-title h2 {
    font-size: 65px;
  }
}
@media only screen and (max-width: 390px) {
  .donateSec h1 {
    font-size: 18px !important;
  }
  .bankTransferpara p {
    color: #434343;
    font-weight: bold;
    font-size: 12px;
    line-height: 27px;
    margin-bottom: 22px;
    font-family: "Montserrat";
  }
  .rightContent h2 {
    font-size: 40px;
    font-family: "Montserrat";
    letter-spacing: 0.1rem;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 114.2%;
    color: #ffffff;
  }
  .online {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #179e5a;
    padding: 20px;
  }
}
@media only screen and (max-width: 350px) {
  .bankTransferpara p {
    color: #434343;
    font-weight: bold;
    font-size: 10px;
    line-height: 27px;
    margin-bottom: 22px;
    font-family: "Montserrat";
  }
  .forPakistan {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 20px 20px 20px 50px; */
  }
  .forInternational {
    background-color: #ffffff;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
    /* padding: 20px 20px 20px 50px; */
  }
  .paymentWays ul li,.paymentWays ul li a {
    font-weight: bold;
    font-size: 8px;
    line-height: 23px;
    color: #434343;
    margin-bottom: 10px;
    font-family: "Montserrat";
  }
  .paymentWays h2 {
    font-size: 16px;
  }
  body h2 {
    padding: 0;
  }
  .donateSec h1 {
    font-size: 16px !important;
  }
  .paymentWays h2 {
    font-size: 16px;
  }
  .rightContent h2 {
    margin-top: 11px;
  }
  .forPak {
    padding-bottom: 14px;
    padding-top: 14px;
  }
  .online {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #179e5a;
    padding: 20px 40px;
  }
  .forPak {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 1280px) {
  body .news-banner-main h1 {
    font-size: 40px;
  }
  .svg-inline--fa.fa-fw {
    width: 0.75em !important;
  }
  body .column-6.trainers-list {
    flex-basis: 100% !important;
  }
  body .section-5.aboutBrains h2 {
    padding-top: 0 !important;
  }
  body #contact.section-5 .brains-list .contact-detail-head {
    margin-top: 80px !important;
  }
  body #contact .brains-list .column-5 {
    flex-basis: 100% !important;
  }
  body .section-3 .flex-row .logo-column {
    margin-top: 25px;
  }
  body #contact.section-5 .form-column {
    margin-left: 20px !important;
    margin-top: 0 !important;
  }
  body .phase-tesimonials .single-test-phase .column-8 {
    flex-basis: 100%;
    margin-left: 0px;
  }
}

@media only screen and (max-width: 640px) {
  .tech-tain-sev,
  .tech-tain-si,
  .tech-tain-thi,
  .tech-tain-sec,
  .tech-tain-fir,
  .tech-tain-for,
  .tech-tain-fif {
    width: 120px !important;
    height: 120px !important;
  }
  body .section-3 .company-list .tab-list {
    width: 100% !important;
  }
  body .blog-deatil-banner .banner-img {
    height: 480px;
  }
  body .blog-deatil-banner .container {
    top: 130px;
  }
  body .codegirls-footer .copy-right-text p,
  body .codegirls-footer .copy-right-text p a {
    font-size: 14px;
    line-height: 20px;
  }
  body .news-banner-main h1 {
    font-size: 33px;
  }
  .section-3 .flex-row .company-content h2 {
    font-size: 65px;
  }
}

@media only screen and (max-width: 480px) {
  .tooltip span {
    display: none;
  }
  body header .responsive-menu {
    width: 170px;
  }
  a.tel-icon {
    margin-left: 0;
  }
  /* .logos-section .arrows { left: 25px; } */
  .tech-tain-sev,
  .tech-tain-si,
  .tech-tain-thi,
  .tech-tain-sec,
  .tech-tain-fir,
  .tech-tain-for,
  .tech-tain-fif {
    width: 100px !important;
    height: 100px !important;
  }
  body .blog-datail-content h1 {
    font-size: 30px !important;
    line-height: 40px !important;
  }
  body #contact.section-5 .brains-list h2 {
    width: 100%;
    margin-left: 0;
    text-align: center;
    margin-top: 50px;
  }
  body #contact.section-5 .brains-list .contact-detail-head {
    text-align: center;
    display: block;
  }
  .section-3 .flex-row .company-content h2 {
    font-size: 50px;
  }

  /* NEW STYLES */
  .section-1 .flex-row {
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
  }
  section.section-1 .column-1 h2 {
    text-align: center;
    font-size: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
  body p.para-2 {
    text-align: center;
    padding: 0 10px;
    font-size: 20px;
  }
  .section-1 .number-counter {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section-1 .number-counter p {
    /* font-size: 13px !important; */
    /* text-wrap: nowrap; */
    text-align: center;
  }
  .section-1 .locations-heading .locations,
  .section-1 .locations-heading {
    width: 100%;
  }
  .section-1 .locations-heading .locations p:last-child {
    margin-right: 0;
  }
  .section-1 .locations-heading .locations p {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 2px;
  }
  .section-1 .locations-heading .locations p a {
     width: 100% !important;
        font-size: 14px;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
  }
  .section-1 .locations-heading .locations p a:before {
    top: 15px;
    left: 0 !important;
    right: 0;
    margin: auto;
  }
  .section-1 .images-banner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section-1 .images-banner img {
    height: 65px;
  }
  .united_nation_para {
    padding-left: 20px;
    padding-right: 20px;
  }
  .diamond {
    box-shadow: 13px 9px 43px 0px #bfbfbf;
  }
}

@media only screen and (max-width: 420px) {
  .section-5 .brains-list .tab-list-item {
    margin: 15px 7px !important;
  }
  .hire-counter .number-counter .hc-content p:nth-child(2) {
    font-size: 12px !important;
  }
}

@media only screen and (max-width: 350px) {
  body .blog-deatil-banner .container {
    top: 80px !important;
  }
}

/*Media Queries*/

@media only screen and (max-width: 1550px) {
 
  body .about-section {
    background-position: 25%;
  }
}

@media only screen and (max-width: 1500px) {
  .united_nation_para {
    margin-top: 25px;
  }
  section.sponsor-banner.banner {
    padding-left: 0;
    padding-right: 0;
  }
  .sponsor-container {
    padding: 0px 20px;
    max-width: 1280px;
  }
  body .alert-section .image img {
    max-width: 50%;
  }
  body .container {
    max-width: 1280px;
  }
  body .phases-new-section .phases-col {
    padding: 35px;
  }

  body .phases-new-section .phases-col p,
  body .phases-new-section .phases-col ul li {
    font-size: 14px;
    line-height: 26px;
  }
  body .section-3.trainers-section.overview-section .tech-tain-thi,
  body .section-3.trainers-section.overview-section .tech-tain-si {
    right: -40px !important;
  }
  body .tooltip:hover span {
    font-size: 10px !important;
  }
}

@media only screen and (max-width: 1280px) {
  body .phase-tesimonials .single-test-phase .column-4 {
    padding-bottom: 0;
  }
  .phase-tesimonials .single-test-phase .btn {
    display: inline-block !important;
  }
  body .phases-new-section .phases-col {
    /* max-width: 270px; */
    /* flex-basis: inherit; */
    margin-bottom: 20px;
  }
  body .phases-new-section .phases-col h3 {
    font-size: 28px;
    line-height: 35px;
  }
  body .codegirls-exclusive .column-7 {
    flex-basis: 47%;
    margin-right: 20px;
  }
  body .codegirls-exclusive .column-5 {
    flex-basis: 50%;
    display: flex;
  }
  body .codegirls-exclusive h2 {
    font-size: 35px;
    line-height: 45px;
  }
  body .about-section .column-5,
  body .about-section .column-7 {
    flex-basis: 100%;
  }
  body .about-section {
    position: relative;
  }
  body .about-section:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  body .about-section .para-2,
  body .about-section p,
  body .about-section ul li,
  body .about-section h2 {
    color: var(--cg-white);
  }
  body .about-section h2 {
    margin-top: 0;
  }
  body .about-section .flex-row {
    position: relative;
    z-index: 9;
  }
  .section-5 .brains-list .tab-list {
    margin-left: 0 !important;
  }

  /*Footer*/
  /* body .codegirls-footer .column-7 {
    flex-basis: 62.966%;
  } */
  body .blog-datail-content .column-1 {
    position: fixed;
    z-index: 99;
    border: 0;
    bottom: 0;
    right: 15px;
  }
  body
    .section-3.trainers-section.overview-section
    .flex-row
    .logo-column
    .trainers-container {
    margin-top: 0 !important;
  }
  section-5 .form-column,
  .section-5 .brains-list {
    flex-basis: 100% !important;
    margin-left: 0;
  }
}

@media only screen and (max-width: 1150px) {
  body .section-1 .diam-column2 .diamond-large {
    right: 66px;
  }
  body .section-1 .diam-column2 .diamond-medium {
    right: -140px;
  }
  /* body .phases-new-section .phases-col {
    max-width: 40%;
  } */
  body .phases-new-section .phases-col:last-child {
    max-width: 90%;
    margin-top: 20px;
  }

  body .phases-new-section .btn-container {
    width: 100%;
  }
  /*Footer*/
  body .codegirls-footer .column-7,
  body .codegirls-footer .column-5 {
    flex-basis: 100%;
  }
  .menu-logo-col{
    padding-right:0;
  }
  body .codegirls-footer .footer-list ul {
    justify-content: center;
  }
  body .codegirls-footer .column-5 .image-container {
    justify-content: center;
    /* margin-top: 30px; */
  }
  .codegirls-footer .united_nation_para {
    text-align: center;
  }
  /* .united_nation_para p {
    margin: 0;
  } */
  body .codegirls-footer .column-7 {
    text-align: center;
    margin-bottom: 0;
  }
  body .codegirls-footer .column-5 {
    padding-bottom: 20px;
  }

  body
    .section-3.trainers-section.overview-section
    .flex-row
    .column-6.trainers-list {
    flex-basis: 100%;
  }
  .section-3.trainers-section.overview-section
    .flex-row
    .logo-column
    .trainers-container {
    margin-top: 0;
  }
  .tech-tain-thi,
  .tech-tain-si {
    right: inherit !important;
    left: 425px !important;
  }
}

@media only screen and (max-width: 1024px) {
  body .codegirls-exclusive .column-5,
  body .codegirls-exclusive .column-7,
  body .about-section .column-5,
  body .about-section .column-7 {
    flex-basis: 100%;
  }
  .section-3.trainers-section.overview-section .flex-row .logo-column,
  .trainers-list.overview-list {
    flex-basis: 100% !important;
  }
  .section-3.trainers-section.overview-section .flex-row .logo-column {
    margin-top: 50px;
  }
  .section-4 .single-pdf-book {
    padding-left: 0;
  }
  .section-4 .column-6:last-child {
    padding-left: 20px;
  }
  .homepage-pdf-section .flex-row {
    justify-content: center;
  }
  .homepage-pdf-section .column-6 {
    flex-basis: 45%;
  }
  h3.entry-title {
    line-height: 60px !important;
    letter-spacing: -3px !important;
  }
  .section-4.reportSec .homepage-pdf-section .flex-row > .column-6 {
    width: calc((100% - 20px)/2);
    flex-basis: auto !important;
    padding-left: 0;}
.section-4.reportSec .homepage-pdf-section .flex-row {
    gap: 20px;
}
}

@media only screen and (max-width: 980px) {
  .section-4 .homepage-pdf-section {
    background-image: none;
}
  .graduates,
  .jobs_acquired,
  .starting_salary {
    margin-right: 30px;
  }
  .thank-you .text-align h1,
  .thank-you .text-align h1 span {
    /* color: #fff; */
    font-size: 80px;
    margin-bottom: 20px;
  }
  .thank-you .number-counter {
    padding: 100px 50px;
  }
  .thank-you .number-counter .graduates p,
  .thank-you .number-counter .jobs_acquired p,
  .thank-you .number-counter .starting_salary p {
    font-size: 18px;
  }
  .thank-you .number-counter .graduates p.para-2,
  .thank-you .number-counter .jobs_acquired p.para-2,
  .thank-you .number-counter .starting_salary p.para-2 {
    font-size: 35px;
  }
  /* body .sponsor-container{padding: 0;} */
  /* body .phases-new-section .phases-col {
    max-width: 36%;
  } */
  body .codegirls-exclusive .img-container {
    max-width: 100%;
    height: 100%;
  }
  body .blog-listing .flex-row {
    columns: 2 200px;
  }
  body .blog-datail-content h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .section-3 .logo-column .logo-container .logo-item {
    padding: 35px 0px;
  }
  .body .blog-listing .flex-row .column-3 {
    flex-basis: calc((100% / 2) - 20px);
  }
  .sponsor-banner {
    padding-top: 120px !important;
    padding-bottom: 50px !important;
  }
  .forPak:first-child:after {
    right: -32px;
  }
  .forPak:first-child {
    margin-right: 70px;
  }
  .rightContent h2 {
    font-size: 35px;
  }
  .donateImg {
    margin-right: 35px;
  }
  body .phases-new-section .phases-col {
    width: calc((100% - 40px) / 2);
}
}

@media only screen and (max-width: 767px) {
  body .phases-new-section .phases-col:last-child {
    max-width: 100%;
  }
  /* .karachi-location {
    padding: 40px 80px 0 80px !important;
  } */
  .section-3 .logo-column .logo-container .logo-item {
    text-align: center;
    width: 178px;
    height: auto;
    padding: 0;
    display: block;
  }

  .section-3 .company-list .logo-container .logo-item {
    /* margin-right: 11px;
    margin-bottom: 60px; */
    width: calc(100% / 2 - 11px);
  }
  /* .section-3 .company-list .logo-container .logo-item:nth-child(5n+5){
margin-right: 11px;
}
.section-3 .company-list .logo-container .logo-item:nth-child(3n+3){
margin-right: 0px;
} */
  .company-list h2 {
    font-size: 50px;
  }

  body .cg-turns h3,
  body .announcement-section h3 {
    font-size: 20px;
  }
  body .phases-new-section .phases-col:first-child {
    margin-top: -60px;
  }
  body .phases-new-section .phases-col {
    max-width: 100%;
    width: 100% !important;
    margin: 20px 0;
  }
  body .blog-listing .flex-row {
    columns: 1 200px;
  }
  body .blog-listing .flex-row .column-3 .blog-thumbnail {
    max-width: 100%;
  }
  .section-3 .company-list .tab-list-item {
    top: 0 !important;
    left: -57px !important;
    margin: 18px !important;
  }
  .section-5 .brains-list .tab-list {
    position: inherit;
  }
  body .brains-list.team-section .tab-list {
    width: 100%;
    left: 0;
  }

  /*Footer*/
  body .codegirls-footer .footer-list ul {
    flex-wrap: wrap;
  }
  body .codegirls-footer .footer-list ul li {
    padding-left: 0;
    /* padding-right: 10px; */
  }
  /* body .codegirls-footer .column-5 .image-container img {
    width: 80px;
    height: 80px;
    object-fit: cover;
  } */
  body .codegirls-footer .column-5 .image-container img:first-child {
    margin-left: 0;
  }

  body .phases-new-section .phases-col:first-child {
    margin-top: -60px;
  }
  body .phases-new-section .phases-col {
    max-width: 100%;
    width: 100%;
    margin: 20px 0;
  }
  body .blog-listing .flex-row {
    columns: 1 200px;
  }
  body .blog-listing .flex-row .column-3 .blog-thumbnail {
    max-width: 100%;
  }

  /*Footer*/
  body .codegirls-footer .footer-list ul {
    flex-wrap: wrap;
  }
  body .codegirls-footer .footer-list ul li {
    padding-left: 0;
    /* padding-right: 10px; */
  }
  /* body .codegirls-footer .column-5 .image-container img {
    width: 80px;
    height: 80px;
    object-fit: cover;
  } */
  body .codegirls-footer .column-5 .image-container img:first-child {
    margin-left: 0;
  }
  body .blog-datail-content .column-10 {
    padding: 20px;
  }
  body .blog-datail-content .column-10 {
    flex-basis: 100%;
  }
  body .blog-datail-content .auhthor {
    padding-right: 20px;
  }
  body .blog-datail-content span {
    font-size: 12px !important ;
  }

  body .tab-list {
    flex-direction: column !important;
  }
  body .section-5 .brains-list .tab-list-item,
  body .overview-list li.tab-list-item {
    margin: 18px 20px !important;
  }

  body .blog-listing .filter-row {
    flex-wrap: wrap;
    padding: 0 20px;
  }
  body .blog-listing .filter-row form {
    width: 100%;
    margin-bottom: 20px;
  }
  body .blog-listing .filter-row form select,
  body .blog-listing .filter-row form input {
    width: 100%;
    background-color: transparent !important;
  }

  body .section-3 p.yellow-bg {
    margin: 18px 0 !important;
  }
  body .section-3.trainers-section .trainers-list .tab-list {
    width: 100% !important;
  }
  body .trainers-list .tab-list-item {
    margin: 18px 13px !important;
  }
  body .section-3 h2 {
    padding-top: 150px !important;
  }

  body .tech-main {
    width: 150px !important;
    height: 150px !important;
  }
  body .section-5 .brains-list .tab-list {
    margin-top: 35px !important;
  }
  body .section-3.trainers-section .trainers-list .tab-list {
    left: 0 !important;
    margin-top: 20px !important;
  }
  body .logo-column.column-3 .trainers-container {
    height: auto !important;
    display: flex;
    flex-wrap: wrap;
  }
  body .logo-column.column-3 .trainers-container .tech-main {
    position: initial;
    width: 150px !important;
    height: 150px !important;
    margin: 10px auto;
  }
  body .section-3.trainers-section.overview-section .flex-row .logo-column {
    flex-basis: 100% !important;
  }
  body .trainers-section.overview-section.section-3 .overview-list h2 {
    padding-top: 210px !important;
  }
  body .main-gallery.section-5 .brains-list .tab-list {
    padding-left: 0 !important;
  }
  body .section-3.trainers-section .trainer-content h2 {
    font-size: 50px !important ;
  }
  body .trainers-section.overview-section.section-3 p {
    margin-top: 25px !important;
  }

  body .main-gallery.section-5 .brains-list .tab-list {
    padding-top: 30px !important;
    margin-top: 0 !important;
  }
  body .form-section .form-column div.form-row-1 div {
    width: 100% !important;
    margin-bottom: 40px;
  }
  body .form-section .form-column div.form-row-1 div:first-child {
    margin-right: 0;
  }
  body .form-section .form-column div.form-row-1 {
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 667px) {
  .award-winning {
    margin-left: 20px !important;
}
  .single-images .flex-row {
    flex-direction: column;
  }
  .united_nation_para {
    top: -120px;
  }
  body .blog-listing .flex-row .column-3 {
    flex-basis: calc(100% / 1);
  }
  .blog-content {
    min-height: 170px;
  }
  body
    .blog-listing
    .flex-row
    .column-3
    .blog-content-container
    .meta-description {
    min-height: 26px;
  }
  body .codegirls-footer .footer-bottom{ flex-direction:column; gap:15px;}

}

@media only screen and (max-width: 640px) {
  body .trainers-section.overview-section.section-3 .overview-list h2 {
    padding-top: 30px !important;
  }

  body .trainers-section.overview-section.section-3 .overview-list h2,
  body .section-3.trainers-section .trainer-content h2 {
    padding-top: 0% !important;
    font-size: 50px !important;
  }
  body .main-gallery.section-5 .brains-list .tab-list {
    padding-top: 30px !important;
    padding-left: 0 !important;
  }
  body .phases-new-section .btn-container .first-btn {
    margin-right: 0;
  }
  body .phases-new-section .btn-container .btn {
    display: block;
    width: 190px;
    margin: 0 auto 10px;
  }
  .banner .page-title-wrapper .page-title-captions h3 {
    line-height: 40px !important;
  }
}

@media only screen and (max-width: 480px) {
 
  /* .karachi-location,
  .skardu-location,
  .south-africa-location {
    padding: 40px 0px 0 80px !important;
  } */
  /* .karachi-location:before,
  .skardu-location:before,
  .south-africa-location:before {
    left: 0 !important;
  } */
  .graduates,
  .jobs_acquired,
  .starting_salary {
    width: 75% !important;
  }
  .section-1 .diam-column2 .diamond-medium,
  .section-1 .diam-column2 .diamond-small {
    bottom: -30px;
  }
  .united_nation_para {
    /* top: -400px;
   -webkit-top: -400px;*/
    position: static;
    top: 0;
    display: block;
    /* margin-top: 0; */
    padding-bottom: 201px;
  }
  /*
.section-1 .flex-row {
    padding-bottom: 310px!important;
}*/
  .thank-you .text-align h4 {
    font-size: 15px;
  }
  .thank-you .text-align h1,
  .thank-you .text-align h1 span {
    font-size: 50px !important;
  }
  .home-partners-section.desktop_home {
    display: none;
  }
  .home-partners-section.mobile_home_partners {
    display: block;
  }

  /* .section-3 .company-list .logo-container .logo-item {
    margin-right: 11px;
    margin-bottom: 60px;
    width: calc(100%/1 - 10px);
}
.section-3 .company-list .logo-container .logo-item:nth-child(3n+3){
margin-right: 11px;
}
.section-3 .company-list .logo-container .logo-item:nth-child(2n+2){
margin-right: 0px;
} */

  body .phases-new-section .phases-col h3 {
    font-size: 30px;
    line-height: 34px;
  }

  /*Footer*/
  body .codegirls-footer .column-7 .image-container img {
    width: 100%;
  }
}

/*New Changes 4-30-2021*/

@media only screen and (max-width: 1500px) {
  body .event-highlights .column-6:last-child {
    margin-top: -120px;
  }
  body .event-highlights .column-6 .tech-tain-fif {
    left: 228px !important;
  }
  body .team-section .container {
    max-width: 1440px;
  }
  /* body .team-section .team-tabs-container .single-brain-img.diamond{position: initial;} */
  body .section-3.trainers-section.overview-section .tech-tain-thi,
  body .section-3.trainers-section.overview-section .tech-tain-si {
    right: -40px !important;
  }
}
@media only screen and (max-width: 1380px) {
  body .team-section .team-tabs-container .single-brain-img.diamond {
    width: 200px;
    height: 200px;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:first-child {
    left: 120px;
    top: 0;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:nth-child(2) {
    top: 150px;
    right: -90px;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:nth-child(3) {
    left: 20px;
    top: 30px;
  }
  body .team-section .team-tabs-container .single-brain-img.diamond:last-child {
    top: 90px;
    right: 0;
    left: 100px;
  }
  /* body .team-section .team-tabs-container .single-brain-img.diamond:first-child:before{top: 185px;left: -80px;} */
  body .team-section:after {
    left: 0;
  }
  body .tech-tain-fif {
    left: 270px !important;
  }
  body .new-trainer-section .tech-tain-sev,
  body .new-trainer-section .tech-tain-fif,
  body .new-trainer-section .tech-tain-sec {
    left: 270px !important;
  }
}

@media only screen and (max-width: 1280px) {
  body .announcement-section .flex-row {
    padding: 0px 20px 30px;
  }
  body .trainers-section.new-trainer-section .flex-row .logo-column {
    margin-top: 0;
  }
  body .news-banner-main .container {
    width: 95%;
  }
  body .team-section .team-content-container .designation {
    font-size: 24px;
  }
  body .phase-tesimonials {
    padding-bottom: 50px;
  }
  body .team-section .container {
    max-width: 1440px;
  }
  /* body .team-section .team-tabs-container .single-brain-img.diamond{position: initial;} */
  body .main-gallery.section-5 .brains-list .tab-list {
    padding-left: 0;
  }
  body .phase-tesimonials .single-test-phase .flex-row {
    padding-bottom: 50px;
  }
  body .contact-section .quotes-container p {
    font-size: 16px;
    line-height: 32px;
  }
  body .section-3.logos-section p {
    margin: 30px 0px 30px;
  }
  body .blog-listing .filter-row form input[type="submit" i] {
    background-size: 75%;
  }
}

@media only screen and (max-width: 1150px) {
  body .event-highlights .column-6 {
    flex-basis: 100%;
  }
  body .event-highlights .column-6:last-child {
    margin-top: 0;
    height: 590px;
  }
  body .team-section .team-content-container h2 {
    font-size: 80px;
    line-height: 75px;
  }
  body .team-section .team-tabs-container .single-brain-img.diamond {
    width: 180px;
    height: 180px;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:first-child {
    left: 80px;
    top: 0;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:nth-child(2) {
    top: 130px;
    right: -55px;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:nth-child(3) {
    left: 10px;
    top: 35px;
  }
  body .team-section .team-tabs-container .single-brain-img.diamond:last-child {
    top: 90px;
    right: 0px;
    left: 80px;
  }
  body .codegirls-footer .un-logos {
    max-width: 590px;
    margin: auto;
}
}

@media only screen and (max-width: 980px) {
  body header .responsive-menu {
    overflow-y: scroll;
    height: 75vh;
    overflow-x: hidden;
  }
  body .event-highlights .column-6:last-child {
    margin-top: 0;
    height: auto;
  }
  body .team-section .team-content-container .designation {
    font-size: 22px;
  }
  body .team-section:after {
    left: inherit;
    right: 0;
    bottom: 30px;
  }
  body .team-section .column-5 {
    flex-basis: 100%;
    justify-content: center;
  }
  body .team-section .column-7 {
    flex-basis: 100%;
    margin-left: 0px;
    margin-top: 250px;
  }
  body .team-section .team-tabs-container {
    justify-content: center;
  }
  body .team-section .team-tabs-container .single-brain-img.diamond {
    width: 160px !important;
    height: 160px !important;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:first-child {
    left: 15px;
    top: 0;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:nth-child(2) {
    top: 130px;
    right: 4px;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:nth-child(3) {
    left: -20px;
    top: 0;
  }
  body .team-section .team-tabs-container .single-brain-img.diamond:last-child {
    top: 0px;
    right: 70px;
  }
  /* body .contact-section .flex-row{flex-direction: column-reverse;} */
  body .contact-section .column-5,
  body .contact-section .column-6 {
    flex-basis: 100% !important;
    margin-left: 0;
    width: 100%;
  }
  /* body .contact-section .column-5{padding-top: 50px;} */
  body .contact-section .author-details h3 {
    font-size: 35px;
  }
  body .contact-section .author-details .designation {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
  }
  body .homepage-pdf-section .single-pdf-book .tooltip:hover span {
    right: 9%;
    top: 79px;
  }
  body .blog-listing .filter-row form {
    flex-wrap: wrap;
  }
  body .blog-listing .filter-row form .category {
    width: 47%;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }
  body .blog-listing .filter-row form select,
  body .blog-listing .filter-row form input {
    width: 100%;
  }
  body .blog-listing .filter-row form input[type="submit" i] {
    background-size: contain;
  }
  body .contact-section .flex-row {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 800px) {
  .thank-you .number-counter {
    flex-direction: column;
    align-items: center;
  }

  .graduates,
  .jobs_acquired,
  .starting_salary {
    margin-right: 0;
    margin-bottom: 30px;
    width: 45%;
  }

  .starting_salary {
    margin: 0 !important;
  }
  body .trainers-list.overview-list .tab-list {
    left: 150px;
  }
  body .overview-list.trainers-list .yellow-bg {
    padding: 14px 25px 14px 10px;
  }
}

@media only screen and (max-width: 767px) {
  body .team-section .team-content-container .designation {
    font-size: 18px;
  }
  body .team-section .team-tabs-container .single-brain-img.diamond {
    width: 130px !important;
    height: 130px !important;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:first-child {
    left: 25px;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:nth-child(2) {
    top: 100px;
    right: -5px;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:nth-child(3) {
    left: -15px;
    top: 0;
  }
  body .team-section .team-tabs-container .single-brain-img.diamond:last-child {
    top: 0px;
    right: 60px;
  }
  body .team-section .column-7 {
    margin-top: 200px;
  }
  body .team-section .team-content-container h2 {
    font-size: 50px;
    line-height: 45px;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:first-child:before {
    display: none !important;
  }
  body .trainers-section.overview-section.section-3 .overview-list h2 {
    padding-top: 200px;
  }
  body .section-3.logos-section h2 {
    padding-top: 50px !important;
  }
  body .overview-list .tabs .accordion__section .accordion__title {
    margin-top: 0 !important;
    font-size: 15px !important;
  }
  body .accordion__content h3 {
    font-size: 20px;
    line-height: 30px;
  }
  body .new-trainer-section.trainers-section .trainer-content h2 {
    padding-top: 150px !important;
  }
  body .new-trainer-section .trainer-content p {
    margin: 30px 0 30px;
  }
  body .section-4 .endButton-r .btn.tooltip:hover span,
  body .logos-section .company-content .tooltip:hover span {
    right: -85%;
  }
  body .blog-listing .filter-row form .category {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  /* body .images-banner img {width: 85px;}*/
}

@media only screen and (max-width: 640px) {
  .section-1 .counter-partition p {
    font-size: 20px !important;
  }
  body .section-3.trainers-section .trainers-list.overview-list .tab-list {
    margin-bottom: 30px;
  }
  body .new-trainer-section .trainer-content h2 {
    padding-top: 150px !important;
  }
  body .new-trainer-section .trainer-content p {
    margin: 30px 0 30px;
  }
  body .section-3.trainers-section .trainers-list .tab-list {
    margin-top: 0 !important;
  }
  .section-1 .locations-heading .locations p a {
    padding: 20px 0 20px 0;
  }
}

@media only screen and (max-width: 580px) {
  body .team-section .team-tabs-container .single-brain-img.diamond {
    width: 120px !important;
    height: 120px !important;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:nth-child(2) {
    top: 100px;
    right: -5px;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:nth-child(3) {
    left: -40px;
    top: 0;
  }
  body .team-section .team-tabs-container .single-brain-img.diamond:last-child {
    top: 0px;
    right: 0px;
    left: -15px;
  }
  body .homepage-pdf-section .single-pdf-book .tooltip:hover span {
    right: -51%;
    top: 79px;
    display: none;
  }
  body .homepage-pdf-section .single-pdf-book .tooltip span {
    width: 150px;
    font-size: 10px;
    line-height: 15px;
    display: none;
  }
  /* body .section-4 .endButton-r{margin-top: 90px;;} */
  body .images-banner {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 455px) {
  body .team-section .column-7 {
    margin-top: 140px;
  }
  body .team-section .team-tabs-container .single-brain-img.diamond {
    width: 135px !important;
    height: 135px !important;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:first-child {
    left: 40px;
    top: 0;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:nth-child(2) {
    top: 100px;
    right: -10px;
  }
  body
    .team-section
    .team-tabs-container
    .single-brain-img.diamond:nth-child(3) {
    left: -30px;
    top: 0;
  }
  body .team-section .team-tabs-container .single-brain-img.diamond:last-child {
    top: 20px;
    right: 0px;
    left: -65px;
  }
  body .trainers-section.overview-section.section-3 .overview-list h2,
  body .section-3.trainers-section .trainer-content h2 {
    padding-top: 0% !important;
    font-size: 45px !important;
  }
  body .new-trainer-section.trainers-section .trainer-content h2 {
    padding-top: 150px !important;
  }
}
@media screen and (max-width: 390px) {
  .section-1 .diam-column2 .diamond-small {
    left: 0px;
  }

  body .section-1 .flex-row .diam-column2 .diamond-medium {
    right: 9% !important;
}

  body .section-1 .diam-column2 .diamond-large {
    right: 70px !important;
  }
}

@media only screen and (max-width: 375px) {
  body .team-section .team-tabs-container .single-brain-img.diamond {
    width: 110px !important;
    height: 110px !important;
  }
}
@media screen and (max-width: 480px) {
  .section-1 .diam-column2 .diamond-small {
    left: 40px;
  }
  body .section-1 .diam-column2 .diamond-medium {
    right: 15% !important;
}
  .section-1 .locations-heading .locations {
    flex-direction: row;
  }

  .section-1 .locations-heading .locations p {
    /* width: 80%; */
    margin-bottom: 10px;
  }

  body .images-banner {
    margin-top: 0;
  }
  .for-mobile {
    display: block;
  }
  .for-desktop {
    display: none;
  }
  .section-1 .column-1:not(.diam-column) {
    padding-bottom: 0;
  }
  .united_nation_para p {
    margin-left: 0;
    line-height: 1.3em;
  }
}
@media screen and (max-width: 1800px) {
  .popup-container {
    width: 64%;
  }
}
@media screen and (max-width: 1684px) {
  .popup-container {
    width: 69%;
  }
}
@media screen and (max-width: 1567px) {
  .popup-container {
    width: 74%;
  }
}
@media screen and (max-width: 1440px) {
  /* body .nav-container.column-6 {
    flex-basis: 71.5%;
  } */
  .popup-container {
    width: 79%;
  }
}
@media screen and (max-width: 1367px) {
  .popup-container {
    width: 85%;
  }
}
@media screen and (max-width: 1280px) {
  .popup-container {
    width: 90%;
  }
}
@media screen and (max-width: 1167px) {
  .popup-container {
    width: 98%;
  }
}
@media screen and (max-width: 1080px) {
  .desktop-popup-box {
    display: none;
  }
  .mobile-popup-box {
    display: block;
  }
  .popup-container {
    width: 78%;
    margin-top: 30px;
  }
}
@media screen and (max-width: 667px) {
  .mobile-popup-box .popup-main .popup-main-content h1 {
    padding: 0;
    font-size: 44px;
  }
  .mobile-popup-box .popup-main-btn {
    display: flex;
    flex-direction: column;
  }

  .mobile-popup-box .popup-main-btn a {
    margin-right: 0;
    margin-bottom: 35px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .mobile-popup-box .popup-main-btn img {
    width: 50%;
    margin: auto;
  }
}
@media screen and (max-width: 480px) {
  body .blog-datail-content .banner-content.award-heading h1 span {
    font-size: 30px !important;
  }
  .mobile-popup-box .popup-main .popup-main-content h1 {
    font-size: 35px;
  }

  .mobile-popup-box .popup-main-btn a {
    width: 100%;
    font-size: 18px;
  }
 
}

@media screen and (max-width: 1690px) {
  /* .nav-container.column-6 {
    flex-basis: 60%;
  } */
}
@media screen and (max-width: 867px) {
  section.location-sec {
    flex-direction: column;
    align-items: center;
  }

  /* .karachi-location,
  .skardu-location,
  .south-africa-location {
    padding: 35px 0px 10px 80px !important;
  } */
}
@media screen and (max-width: 514px) {
  .section-1 h2 {
    padding: 55px 0px 35px;
  }
  body .reports-archive .grid-container {
    grid-template-columns: 1fr; /* Single column on very small screens */
  }
}