@media only screen and (min-width: 1664px) and (max-width: 2560px) {
    section.bnr {
        padding-top: 82px;
    }

    .abt-img-box img {
        width: 78%;
    }

    .cta {
        padding: 196px 0px;
    }

    .serv-img i {
        width: 50px;
        height: 50px;
        font-size: 62px;
    }

    .serv-box {
        padding: 34px 14px;
    }

    .serv-cntnt h2 {
        font-size: 20px;
    }

    .serv-cntnt p {
        font-size: 16px;
    }

    .cta-txt-box h2 {
        font-size: 50px;
    }

    .abt-img-box .abt-ico-box img {
        width: 100px;
        height: 100px;
    }

    .port-txt h2 {
        font-size: 68px;
        padding: 14px 150px;
        line-height: 80px;
    }

    .port-txt p {
        font-size: 18px;
    }

    .circle-port {
        margin-top: -908px;
    }

    section.our-services-tabs {
        margin-top: -40%;
    }

    .serv-txt h1 {
        font-size: 44px;
    }

    .serv-txt p {
        font-size: 18px;
    }

    .servtab-line img {
        height: 435px;
        margin-left: -626px;
        margin-top: 60px;
    }

    .servtitle {
        font-size: 30px;
    }

    .mypara {
        font-size: 16px;
    }

    #servtabs-1 img {
        width: 100%;
    }

    .abt-txt h2 {
        font-size: 56px;
    }

    .cards-txt h2 {
        font-size: 64px;
    }

    .cards-txt h2 span {
        font-size: 64px;
    }

    .cards-txt p {
        font-size: 18px;
    }

    .faq-txt h2 {
        font-size: 64px;
    }

    .faq-txt p {
        font-size: 18px;
    }

    .test-txt h2 {
        font-size: 64px;
        text-align: center;
    }

    .test-txt p {
        font-size: 18px;
    }

    .about-us {
        padding: 150px 0px;
    }

    .values {
        margin-top: -60px;
    }

    .inner-bnr {
        padding: 150px 0;
    }

    .wrap .girl {
        width: 600px;
        height: 674px;
    }

    .mobile-portfolio{
        display: none !important;
    }

    .portfolio-imgs {
        display: block;
    }

    .portfolio-imgs {
        height: 130vh;
    }
}

@media only screen and (min-width: 1368px) and (max-width: 1663px) {
    section.bnr {
        padding-top: 80px;
    }

    .abt-img-box img {
        width: 82%;
    }

    .abt-img-box .abt-ico-box img {
        width: 100px;
        height: 100px;
    }

    .cta {
        padding: 145px 0px;
    }

    .circle-port {
        margin-top: -924px;
    }

    section.our-services-tabs {
        margin-top: -47%;
    }

    .servtab-line img {
        margin-left: -626px;
    }

    .about-us {
        padding: 140px 0px;
    }

    .values {
        margin-top: -58px;
    }

    .inner-bnr {
        padding: 100px 0;
    }

    .wrap .list .item {
        width: 35%;
        height: 570px;
        margin: 15px;
    }

    .wrap .girl {
        width: 600px;
    }

    .mobile-portfolio{
        display: none !important;
    }

    .portfolio-imgs {
        display: block;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1367px) {
    section.bnr {
        padding-top: 80px;
    }

    .abt-img-box img {
        width: 82%;
    }

    .abt-img-box .abt-ico-box img {
        width: 100px;
        height: 100px;
    }

    .cta {
        padding: 145px 0px;
    }

    .circle-port {
        margin-top: -924px;
    }

    section.our-services-tabs {
        margin-top: -47%;
    }

    .servtab-line img {
        margin-left: -626px;
    }

    .about-us {
        padding: 140px 0px;
    }

    .values {
        margin-top: -58px;
    }

    .inner-bnr {
        padding: 100px 0;
    }

    .wrap .list .item {
        width: 35%;
        height: 570px;
        margin: 15px;
    }

    .wrap .girl {
        width: 600px;
    }

    .mobile-portfolio{
        display: none !important;
    }

    .portfolio-imgs {
        display: block;
    }

    .circle-port {
        top: 190px;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {

    .navbar>.container-fluid {
        padding: 0px;
    }

    .navbar-nav .nav-link {
        font-size: 12px;
    }

    .container {
        max-width: 1200px !important;
    }

    .top-btn ul {
        justify-content: center;
    }

    .top-cnt {
        justify-content: flex-end;
    }

    section.creative-cards.style-one {
        overflow-y: hidden;
    }

    .my-all-serv button.slick-prev.slick-arrow {
        left: 88%;
    }

    .my-all-serv button.slick-next.slick-arrow {
        left: 94%;
    }

    .mobile-portfolio{
        display: none !important;
    }

    .portfolio-imgs {
        display: block;
    }

    .circle-port {
        top: 110px;
    }
        
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {

    body {
        overflow-x: hidden;
    }

    .navbar>.container-fluid {
        padding: 0px;
    }

    .navbar-nav .nav-link {
        font-size: 11px;
    }

    a.navbar-brand {
        width: 16%;
        margin: 0px;
    }

    button.navbar-toggler {
        border: 2px solid black;
    }

    .container {
        max-width: 1200px !important;
    }

    .top-btn ul {
        justify-content: center;
    }

    .top-cnt {
        justify-content: flex-end;
    }

    section.creative-cards.style-one {
        overflow-y: hidden;
    }

    .my-all-serv button.slick-prev.slick-arrow {
        left: 81%;
    }

    .my-all-serv button.slick-next.slick-arrow {
        left: 90%;
    }

    .program-container {
        height: 75vh;
    }

    .mobile-portfolio{
        display: none !important;
    }

    .portfolio-imgs {
        display: block;
    }

}

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

    body {
        overflow-x: hidden;
    }

    .navbar>.container-fluid {
        padding: 0px;
    }

    a.navbar-brand {
        width: 30%;
    }

    .navbar-nav .nav-link {
        font-size: 11px;
    }

    .container {
        max-width: 1200px !important;
    }

    .val-txt h3 {
        font-size: 20px;
    }

    .val-txt p {
        font-size: 14px;
    }

    .top-btn ul {
        justify-content: center;
    }

    .top-cnt {
        justify-content: flex-end;
    }

    .top-btn ul li a {
        font-size: 12px;
    }

    .quick-box ul li a {
        font-size: 12px;
    }

    section.creative-cards.style-one {
        overflow-y: hidden;
    }

    .my-all-serv button.slick-prev.slick-arrow {
        left: 81%;
    }

    .my-all-serv button.slick-next.slick-arrow {
        left: 90%;
    }

    section.offer {
        overflow-y: hidden;
    }

    .row.what-offer {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .abt-btn a {
        font-size: 11px;
    }

    .abt-txt h2 {
        font-size: 30px;
    }

    .abt-txt p {
        font-size: 12px;
    }

    .cta-txt-box h2 {
        font-size: 30px;
    }

    .hdr-btn a,
    .bnr-btn a {
        font-size: 14px;
    }

    .item.slick-slide.slick-current.slick-active.slick-center h5 {
        font-size: 20px;
    }

    .item.slick-slide.slick-current.slick-active.slick-center p {
        font-size: 12px;
    }

    .navbar-toggler {
        border: 2px solid black;
    }

    img.about_girl.aos-init.aos-animate.men_img {
        display: none;
    }

    .program-container {
        height: 75vh;
    }

    .mobile-portfolio.slick-initialized.slick-slider.slick-dotted {
        display: block;
    }

    .portfolio-imgs {
        display: none;
    }
    
    .circle-port {
        display: none;
    }

    .port-txt h2 {
        line-height: 50px;
        padding: 0px 77px;
    }

    .port-txt p {
        padding: 0px 80px;
    }

}

@media only screen and (min-width: 575px) and (max-width: 767px) {

    body {
        overflow-x: hidden;
    }

    .navbar>.container-fluid {
        padding: 0px;
    }

    .navbar-nav .nav-link {
        font-size: 11px;
    }

    a.navbar-brand {
        width: 40%;
    }

    button.navbar-toggler {
        border: 2px solid black;
    }

    .container {
        max-width: 1200px !important;
    }

    section.abtus.inner {
        padding: 0px 0px 25px
    }

    .val-txt h3 {
        font-size: 20px;
    }

    .val-txt p {
        font-size: 12px;
    }

    .top .col-sm-6 {
        width: 100%;
    }

    .top-btn ul {
        justify-content: center;
    }

    .top .row {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .top-cnt {
        justify-content: center;
    }

    .top-btn ul li a {
        font-size: 12px;
    }

    .quick-box ul li a {
        font-size: 12px;
    }

    section.creative-cards.style-one {
        overflow-y: hidden;
    }

    .my-all-serv button.slick-prev.slick-arrow {
        left: 35%;
        top: 250px;
    }

    .my-all-serv button.slick-next.slick-arrow {
        left: 94%;
        top: 250px;
    }

    section.offer {
        overflow-y: hidden;
    }

    .row.what-offer {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .abt-btn a {
        font-size: 11px;
    }

    .abt-txt h2 {
        font-size: 30px;
    }

    .abt-txt p {
        font-size: 12px;
    }

    .cta-txt-box h2 {
        font-size: 30px;
    }

    .hdr-btn a,
    .bnr-btn a {
        font-size: 14px;
    }

    .item.slick-slide.slick-current.slick-active.slick-center h5 {
        font-size: 20px;
    }

    .item.slick-slide.slick-current.slick-active.slick-center p {
        font-size: 12px;
    }

    .navbar-toggler {
        font-size: 20.25px;
        border: 2px solid black;
    }

    .navbar-toggler:hover {
        font-size: 20.25px;
        border: 2px solid black;
    }

    section.abtus .row {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    section.abtus .col-sm-6 {
        width: 100%;
        padding: 0px 20px;
    }

    section.abtus {
        padding: 30px 0px;
    }

    .faq .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    section.faq .col-sm-6 {
        width: 100%;
    }

    .values-box {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .val-txt h3 {
        font-size: 18px;
        text-align: center;
    }

    section.our-services-tabs {
        padding: 0px 0px;
    }

    .mobile-portfolio{
        display: block;
    }

    
}

@media only screen and (min-width: 300px) and (max-width: 575px) {

    body {
        overflow-x: hidden;
    }

    .navbar>.container-fluid {
        padding: 0px;
    }

    .navbar-nav .nav-link {
        font-size: 11px;
    }

    a.navbar-brand {
        width: 40%;
    }

    button.navbar-toggler {
        border: 2px solid black;
    }

    section.abtus.inner {
        padding: 0px 0px 25px
    }

    .bnr-txt h2 {
        line-height: 50px;
    }

    .program-container {
        height: 75vh;
    }

    .program-sec {
        padding: 0px 0px;
    }

    .program-container .program-item {
        height: 100%;
    }

    .program-container .program-item:hover {
        width: 225%;
        transition: .5s;
    }

    .port-txt p {
        padding: 0px;
    }

    .cta-box-01 {
        display: none;
    }

    .container {
        max-width: 1200px !important;
    }

    .val-txt h3 {
        font-size: 20px;
    }

    .val-txt p {
        font-size: 14px;
    }

    .top .col-sm-6 {
        width: 100%;
    }

    .top-btn ul {
        justify-content: center;
    }

    .top .row {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .top-cnt {
        justify-content: center;
    }

    .top-btn ul li a {
        font-size: 11px;
    }

    .quick-box ul li a {
        font-size: 12px;
    }

    section.creative-cards.style-one {
        overflow-y: hidden;
        padding: 0px;
    }

    .my-all-serv button.slick-prev.slick-arrow {
        left: 33%;
        top: 290px;
    }

    .my-all-serv button.slick-next.slick-arrow {
        left: 48%;
        top: 290px;
    }

    span.extra-txt {
        display: none;
    }

    section.offer {
        overflow-y: hidden;
    }

    .row.what-offer {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cta-txt-box .hdr-btn a,
    .cta-txt-box .bnr-btn a {
        margin: 0px 5px;
    }

    .abt-btn a {
        font-size: 9px;
    }

    .abt-txt h2 {
        font-size: 30px;
    }

    .abt-txt p {
        font-size: 12px;
    }

    .cta-txt-box h2 {
        font-size: 30px;
    }

    .hdr-btn a,
    .bnr-btn a {
        font-size: 14px;
    }

    .item.slick-slide.slick-current.slick-active.slick-center h5 {
        font-size: 20px;
    }

    .item.slick-slide.slick-current.slick-active.slick-center p {
        font-size: 12px;
    }

    .navbar-toggler {
        border: 2px solid black;
    }

    section.abtus .row {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    section.abtus .col-sm-6 {
        width: 100%;
        padding: 0px 20px;
    }

    section.abtus {
        padding: 30px 0px;
    }

    .faq .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    section.faq .col-sm-6 {
        width: 100%;
    }

    .offer-txt h2 {
        font-size: 35px;
    }

    .offer .what-offer .offer-main-box {
        width: 85%;
    }

    section.abtus.whychoose {
        padding: 0px 0px;
    }

    .program-container .program-item:hover .program-txt-box {
        width: 100%;
    }

    .program-txt-box {
        padding: 5px 15px;
        width: 86%;
    }

    /* ---- Index Page ---- */

    .port-txt p {
        padding: 0px;
    }

    .port-txt h2 {
        font-size: 35px;
        padding: 0px;
    }

    .serv-txt h1 {
        font-size: 35px;
    }

    .about_girl {
        display: none;
    }

    div#servtabs-1 {
        display: none !important;
    }

    div#servtabs-2 {
        display: none !important;
    }

    div#servtabs-3 {
        display: none !important;
    }

    div#servtabs-4 {
        display: none !important;
    }

    div#servtabs-5 {
        display: none !important;
    }

    #servtabs ul {
        width: 100%;
    }

    div#ui-id-6 {
        height: 120px !important;
    }

    .abt-txt {
        margin-top: 50px;
    }

    .wrap .list {
        margin: 0px;
    }

    .about h3 {
        font-size: 35px;
    }

    h3.about-box-heading {
        font-size: 22px;
    }

    .portfolio-imgs {
        display: none;
    }

    .mobile-portfolio {
        display: block;
        height: 75vh;
    }

    .mobile-portfolio div img {
        width: 100%;
    }

    .mobile-portfolio div {
        height: 90vh;
    }

    .circle-port {
        display: none;
    }

    .mobile-portfolio .slick-prev:before {
        content: '←';
        position: absolute;
        background: #e60707;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        opacity: 1;
        border-radius: 10px;
        top: 150px;
        left: 150px;
        }

    .mobile-portfolio .slick-next:before {
        content: '→';
        position: absolute;
        background: #e60707;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        opacity: 1;
        border-radius: 10px;
        top: 150px;
        left: -200px;
    }

    section.portfolio {
        margin-bottom: 200px;
    }

    section.our-services-tabs {
        padding-top: 30px;
    }

    /* ---- Contact Page ---- */

    .form-txt h2 {
        font-size: 35px;
    }

    .quick-txt h2 {
        font-size: 35px;
    }

    .cards-txt h2 {
        font-size: 35px;
    }

    .faq-txt h2 {
        font-size: 35px;
    }

    .test-txt h2 {
        font-size: 35px;
    }

    section.cont-form-sec {
        padding: 0px;
    }

    .testimonial {
        padding: 0px;
    }

}

@media only screen and (min-width: 300px) and (max-width: 400px) {

    .abt-btn a {
        font-size: 8px;
    }

    .hdr-btn a,
    .bnr-btn a {
        font-size: 13px;
    }

    .quick-box ul li a {
        font-size: 10px;
    }

    .top-btn ul li a {
        font-size: 10px;
    }

    .hdr-btn a,
    .bnr-btn a {
        font-size: 11px;
    }

    .my-all-serv button.slick-next.slick-arrow {
        left: 50%;
        top: 299px;
    }

    .my-all-serv button.slick-prev.slick-arrow {
        left: 32%;
        top: 299px;
    }

    .mobile-portfolio .slick-prev:before {
        content: '←';
        position: absolute;
        background: #e60707;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        opacity: 1;
        border-radius: 10px;
        top: 260px;
        left: 130px;
    }

    .mobile-portfolio .slick-next:before {
        content: '→';
        position: absolute;
        background: #e60707;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        opacity: 1;
        border-radius: 10px;
        top: 260px;
        left: -180px;
    }

}