@media(max-width:1699px) {
    header .btn-primary{padding-inline: 16px;}
    header .logo {max-width: 200px;}
    header .btn-primary {
        padding: 10px 12px;
        font-size: 15px;
    }
    #menu ul li a{font-size: 16px ;}
}
@media(max-width:1599px) {

    header .btn-primary {
        padding: 10px 12px;
        font-size: 17px;
    }
    #menu ul li a{font-size: 16px;}
    header .logo {max-width: 154px;}
    header .menubar .btn-primary {font-size: 14px;}

}
@media(max-width:1499px) {
  header .btn-primary {padding: 10px 12px;}




.program-box .card-wrap-2{ border-radius: 0px 78px 22px 47px; }
.hero-banner .effect-box img {mask-size: 145% 127%;}
.hero-banner .effect-box {flex-grow: 1;position: absolute;min-height: unset;}

.hero-banner .effect-main {
    max-width: 815px;
}
.program-sec {
    padding-bottom: 145px;
}
.inner-banner .img_main {  min-height: 600px;}
.inner-banner .img_main img{width: calc(100% + (50vw - 638px) + 8px);}


}
@media(max-width:1399px) {

    #menu ul li a {padding: 10px 0px;
    }

    header .btn-primary {padding: 10px 14px;font-size: 14px;}
    header .logo{max-width: 150px;}
    h1,.hero-banner h1 {
        font-size: 41px;
        line-height: 51px;
    }

    /* .program-box .text-box {
        top: 29%;
    } */

    .program-box .text p {
        font-size: 14px;
    }
    .program-box .head::after{
        top: 2px;
    }
    .program-sec .heading {
        margin-bottom: 38px;
    }
    /* .program-box .text-box{
        height: 87%;
    } */
    header#masthead #programsMenu .box-1, header#masthead #programsMenu .box-2, header#masthead #programsMenu .box-3, header#masthead #programsMenu .box-4, header#masthead #programsMenu .box-5 {
        padding: 85px 26px 5px;
    }
    header#masthead .program-box .head::after {
        top: 72px;
    }
    header#masthead #programsMenu p {font-size: 17px;}
    #programsMenu .program-box {min-height: 300px;}
    .program-box .text-box  p {
        font-size: 16px; }

        .inner-banner .img_main img{    width: calc(100% + (50vw - 553px) + 8px);}


}
@media(max-width:1299px) {
    #menu >ul {
        gap: 18px;
    }
    header .btn-primary {
        font-size: 12px;
    }

    .why-choose-sec .heading {
        margin-bottom: 50px;
    }

    .program-sec .heading {
        margin-bottom: 40px;
    }
    .partner-sec {
        padding-top: 105px;
    }
    .enroll-btn {
        margin: 60px 0;

    }

}

@media (max-width:1199px) {
    #menu >ul {
        gap: 14px;
    }
    header .btn-primary {
        padding: 10px 11px;
    }
    h1 ,.hero-banner h1{
        font-size: 37px;
        line-height: 44px;
    }
    .hero-banner p {
        max-width: 396px;
    }
    .hero-banner .inner-btn {
        margin-top: 16px;
    }
    .hero-banner h1 {
        position: relative;
        margin-bottom: 27px;
        z-index: 2;
    }

    .program-box .text p {
        font-size: 12px;
    }

    .partner-sec h2{margin-bottom: 30px; font-size: 35px;}
    .partner-sec h2 {
        margin-bottom: 25px;
    }
    .partner-sec p{font-size: 16px;}
    .partner-sec {
        padding-top: 73px;
    }

    .want-sec .ques-box h4{font-size: 22px;}
    .want-sec .ques-box .btn {
        padding-inline: 30px;
        font-size: 16px;
    }

    .want-sec .ques-box p{font-size: 16px;}

.want-sec .ques-box{padding: 55px 50px;}

h2,.title {
    font-size: 31px;
    font-weight: 600;
}
.program-sec {
    padding-bottom: 115px;
}

.inner-banner .top-robo {bottom: -9%;width: 180px;
    height: 225px;}


    .try-sec h2{font-size: 34px;}
    .try-sec p{font-size: 16px;}

    footer ul li {
        font-size: 14px;
        margin-bottom: 13px;
    }
    footer .contact {
        margin-bottom: 40px;
    }
    .inner-banner .img_main img {position: absolute;left: 0;width: unset;}

    .inner-banner .top-robo  img{width: 100%;height: 100%;object-fit: cover;}

    .belt-sec .accordion-button .head h4 {
        font-size: 18px;
    }
    .program-container {grid-template-columns: repeat(3, 1fr);}
    .program-container {gap: 0px 40px;}
    .program-box .text-box .head h6 {
        font-size: 18px;
    }
    .program-box .text-box {
        padding: 0px 30px 0;
    }
    .program-box .text-box p {
        font-size: 13px;
    }
    .program-box{padding: 0 5px;}
    .program-box .effect {top:-68px;}
    .program-box .text-box .head h6 {width: 140px;}


}
@media (max-width:1099px) {
 
    header .btn-primary {
        font-size: 10px;
    }


}
@media(max-width:991px){
  header {position: relative;top: 0;left: 0;width: 100%; z-index: inherit;border-bottom: 1px solid #fff;}
  .topbar { width:100%; position:relative;z-index: 999; border-bottom: 1px solid #C8C6CD;}
  .topbar .logo a{font-family: var(--font-1);font-size: 32px;font-weight: 400;}
  .topbar .logo img{width: 180px;margin:10px 0;}



  .topbar ul.top_right_contents{padding:0 ;margin:8px 0 0 0;list-style:none;color: #000; text-align: center;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; line-height: 1;text-align: end;}
  .topbar ul.top_right_contents li a.menu_open img{max-width: 40px;color: var(--bg-primary);}


  .topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;
      -webkit-box-shadow:rgba(255,255,255,0.2) 0 0 10px;
   box-shadow:rgb(155, 153, 153) 0 0 10px; background: var(--white);}
  .topbar.sticky .logo img{width: 160px;}
  .topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block;
      margin-right: 20px;  line-height: 1;}
  .topbar ul.top_right_contents li:last-child {margin-right: 0;}
  .topbar ul.top_right_contents li a {color:#fff; line-height: 1;}
  .topbar ul.top_right_contents li a i {font-size: 26px;}
  .topbar ul.top_right_contents li a.menu_open i {font-size: 30px;}
  .menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
  .menu_toggler {margin:15px 0 0;}
  .menu_toggler .icons {font-size:26px; color:#212121}
  .menu_head {background:#000;text-align: center; position: relative;color:#fff;}
  .menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
  .menu_close {text-align: end;padding: 0;padding:5px 0 0;}
  .menu_close i {font-size:20px; color: #000000;}
  .mobile_menu_wrap {position: fixed; top:0px; bottom: 0; right:-100%; z-index:99999; background:white; padding:0 0 75px; transition: all linear 0.2s; max-width: 450px; width: 100%; height: 100vh;}
  .mobile_menu_wrap .form-control{width: 80%;}
  .mobile_menu_wrap.menu_show {right:0;}
  .mobile_menu_wrap ul {padding:0; margin:10px 0 0 0; list-style:none; font-size: 16px;font-weight: 400; font-family:var(--font-1);}
  .mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 20px;}
  .mobile_menu_wrap ul.main_menu li{padding:0 ;color: #fff;border-bottom: 1px solid #ecececc7;}
  .mobile_menu_wrap ul.main_menu li:last-child{border-bottom: 0;margin-top: 10px;}
  .main_menu li.active a{color:var(--text-color);font-weight: bold;}
  .main_menu li a:hover,.topbar .top-links a:hover{color:var(--text-color);}
  .current-menu-item a{color: var(--bg-secondary) !important;}
  .mobile_menu_wrap ul.main_menu li a {font-size:20px; text-decoration: none;}
  .mobile_menu_wrap ul li a {position: relative; display: block; padding:10px 0px;width: 100%; color: #000000 !important;}
  .mobile_menu_wrap ul li.hassub { position: relative;width: 100%;display: inline-block;}
  .mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute;right: 0;top: 0;font-size: 18px;padding: 19px 0;width: 100%;text-align: end;}
  .mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 320px;background:white; margin:0; transition: all linear 0.3s; padding:48px 15px  100px; overflow: auto; z-index: 9; visibility:hidden;}
  .mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: #868585;left: 0;padding-left: 10px;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #ffffff !important; padding:10px 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa { margin-right: 5px;}
  header#masthead #location-template .cities-template { columns: 2;}
  .hero-banner .effect-main {
    max-width: 655px;
    height: 420px;
}
.hero-banner .effect-box img {
    mask-size: 208% 97%;
}

h2,.title {
    font-size: 33px;
}
.heading h2 {  margin-bottom: 18px;}
.why-choose-sec .heading {margin-bottom: 43px;}
.curriculum-sec .robo-img { top: -25%;  width: 37%;}
.curriculum-sec {    padding: 90px 0;}
.partner-sec{border-top: 4px solid var(--bg-secondary) !important;}
.want-sec .ques-box::after{width: 100%; height: 3px;}


footer ul li { font-size: 14px;margin-bottom: 8px; }
footer a {font-size: 14px;}
footer p {font-size: 14px;}
footer .contact ul li { margin-bottom: 8px;}
.hero-banner .img-box{max-width: 200px;bottom: -42px;}
    footer {
        padding: 90px 0 60px;
    }

  footer .logo {
    margin-bottom: 0;
}
footer .copyright {
    margin-top: 40px;
}

footer .copyright {
    margin-top: 30px;
}
.partner-sec {
    padding-top: 47px;
}
.partner-sec img {
    max-width: 181px;
    max-height: 114px;
}
.program-sec {
    padding-bottom: 100px;
}
.review-sec {display: none;}
.review-sec .robo-img{display: none;}


.want-sec .ques-box {
    padding: 47px 28px;
    border-radius: 10px;
}
.hero-banner .effect-box img {
    width: calc(100% + (50vw - 420px) + 8px);
}

.want-sec .ques-box .inner-btn {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.want-sec .ques-box .inner-btn a {border-radius: 0;background-color: var(--white);border-color: var(--bg-primary);color: var(--dark);}
.inner-banner .img_main img {
    opacity: .2;
    right: 0;
    width: 100%;
}
.inner-banner .img_main {flex-grow: 1;min-height: 310px;height: 100%;z-index: -1;}

.inner-banner .img_main {
        position: absolute;        top: 0;        left: 0;        right: 0;
    }
    .inner-banner {
        padding: 0;
        min-height: 570px;
    }
    .inner-banner .top-robo {
        right: -240px;
    }
    .belt-sec img {
        max-height: 350px;
        margin-bottom: 20px;
    }
    h3 {
        font-size: 27px;
    }
    .belt-sec .accordion-button .head .image img{margin-bottom: 0;}

    .belt-sec .accordion-body p {
        max-width: unset;
        margin-bottom: 25px;
    }

    .belt-sec .accordion-body ul {
        margin-bottom: 28px;
        max-width: unset;
    }
    .program-container {
        gap: 30px 139px;
        grid-template-columns: repeat(2, 1fr);
    }
    header#masthead #programsMenu .box-1, header#masthead #programsMenu .box-2, header#masthead #programsMenu .box-3, header#masthead #programsMenu .box-4, header#masthead #programsMenu .box-5 {
        padding: 70px 31px 5px 38px;
    }
    #programsMenu .program-box{min-height: 254px;}
    header#masthead .program-box .head::after {
        top: 92px;
    }
    header#masthead #programsMenu::after{position: fixed;}
    .program-box .text-box { padding: 0 35px 0;  }
    .program-box .text-box .head h6 {width: 151px;}
    .inner-banner .img_main img {
        height: 100%;
        z-index: -1;
    }
    .section-local-testimonial .media{margin-bottom: 20px;}
    .form-card{margin-top: 20px;}
    .summer-camps-images-section .summer-camps-image-inner ul li {width: 50%;}
    .page-template-frisco-fortnite-designer-camp-new-landing .site-logo-section .header-part{flex-direction: column !important;}
    .program-box .effect {top: -77px;}
    .program-main { row-gap: 107px; }
    .header-location .btn-primary{color: var(--white) !important;font-size: 16px !important;}
    .hero-banner::after{content: "";background: url('https://icodeschoo2dev.wpenginepowered.com/wp-content/uploads/2025/03/banner-bg.png');position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;top: 0;left: 0;opacity: .8;}
    .hero-banner{background-position: right !important;}
    .container-fluid {padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);}
    .hero-banner.border_blue {padding-bottom: 30px;}
    .hero-banner.border_blue .bottom-frame {display: none !important;}
    #menu-main-menu.has-overlay::before { content: "";position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: rgba(0, 0, 0, 0.5);  z-index: 1;}

 }
@media (max-width:767px) {
    .topbar ul.top_right_contents li a.menu_open img{
        max-width: 35px;
    }
    header .logo {
        max-width: 220px;
    }
    header .top-bar .box{font-size: 12px;}

    .hero-banner .effect-box img {
        mask-size: 208% 100%;
        margin-left: auto;
        width: -webkit-fill-available;
        width: 100%;
    }
    .hero-banner p {
        max-width: unset;
        position: relative;
        z-index: 12;
        font-weight: 500;
    }

    .hero-banner {
        padding: 46px 0;
        min-height: 597px;
    }
    .hero-banner .inner-btn {
        margin-top: 30px;
    }
    h2,.title {
        font-size: 26px;
    }
    p {
        font-size: 16px;
    }
    h5 {
        font-size: 18px;
    }
    section{padding: 50px 0;}
    .why-choose-sec {
        padding-bottom: 100px;
    }

    .curriculum-sec .robo-img {
        top: -25%;
        width: 300px;
    }
    .curriculum-sec{}
    .curriculum-sec .robo-img {
        top: -22%;
        width: 160px;
        height: 260px;
        object-fit: cover;
    }
    .curriculum-sec .inner-btn .btn-primary{background-color: var(--white);color: var(--dark);border-color: var(--white);}
    .program-sec {
        padding-bottom: 70px;
    }
    .program-box {
        max-width: 300px;
        margin-inline: auto;
    }
    .program-box {
        min-height: unset;
    }
    .program-sec .robo-img {
        top: -160px;
        height: 290px;
    }
    .program-sec{padding-top: 110px;}
    .partner-sec h2 {
        margin-bottom: 20px;
        font-size: 30px;
    }
    .partner-sec p {
        font-size: 14px;
    }
    .partner-sec .container > .row {
        row-gap: 17px;
    }
    .try-sec .img-style {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
        display: block;
        clip-path: polygon(50% 100%, 25% 50%, 40% 50%, 40% 0%, 60% 0%, 60% 50%, 75% 50%);
    }
.try-sec{text-align: center;}
.try-sec h2{margin-bottom: 20px;}
.try-sec .btn-styled{border-radius: 0;}
.want-sec .ques-box::after{top: -24px;}




    footer .copyright {
        margin-top: 20px;
    }

    footer {
        padding: 70px 0 40px;
    }

    footer .contact {
        margin-bottom: 40px;
    }
    footer .copyright p{font-size: 14px;}
    .try-sec img{width: 230px;margin-bottom: 30px;}
    footer{text-align: center;}
    footer .social ul {
        /* display: none; */
        justify-content:center ;
    }
    footer .logo img{margin-bottom: 10px;}
    footer a{text-decoration: underline;}
    footer ul li {
        margin-bottom: 14px;
    }
    footer iframe {
        width: fit-content;
        margin-inline: auto;
    }

h1,.hero-banner h1 {
        font-size: 32px;
        line-height: 37px;
    }
    .belt-sec .accordion-button .head .image {
        max-width: 90px;
    }
    .belt-sec .accordion-button .head span {font-size: 18px;font-weight: bolder;}
    .belt-sec .accordion-button .head h4 {
        font-size: 24px;font-weight: 900;
    }
    .belt-sec .accordion-button .age {        font-size: 18px;color: black; row-gap: 4px;margin: 10px 0;}
    .belt-sec .accordion-button .btn-primary {
        font-size: 16px;
        padding: 7px 13px;
    }

    h3 {
        font-size: 22px;
    }
    .belt-sec .heading {
        margin-bottom: 29px;
    }
    .belt-sec .accordion-item {
        margin-bottom: 20px;
    }

    .enroll-btn {
        margin: 20px 0;
    }

    .program-container {
        gap: 30px 24px;
        grid-template-columns: repeat(2, 1fr);
    }
    header#masthead #programsMenu .box-1, header#masthead #programsMenu .box-2, header#masthead #programsMenu .box-3, header#masthead #programsMenu .box-4, header#masthead #programsMenu .box-5 {
        padding: 75px 20px 5px 31px;
    }
    section{padding:40px 0;}
    .summer-camps-images-section .summer-camps-image-inner ul li img {height: 350px;}
    .summer-camps-images-section .summer-camps-image-inner ul li {width: 100%;}
    .job_listings .job_filters .search_jobs {-ms-flex-direction: column;flex-direction: column;}
    .section-local-shortcde .content .myicode-frontend-form p {font-size: 14px;}
    .page-template-frisco-fortnite-designer-camp-new-landing .site-logo-section .call-now-btn {font-size: 14px;padding: 14px 20px;margin-top: 20px;}
    .page-template-frisco-fortnite-designer-camp-new-landing .best-choice-section-details .best-choice-content a.call-now-btn{font-size: 14px;padding: 14px 20px;}
    .page-template-frisco-fortnite-designer-camp-new-landing .free-trial-camp-video-section .video-wrapper-box {margin: 20px auto;max-width: unset;}
    .belt-sec .accordion-button .effect-btn {right: 12%;transform: translateY(47%);}
}
@media (max-width:667px) {
    .section-faq-local .accordion-flush h2 {font-size: 28px;}
    .section-faq-local .accordion-button{font-size: 18px;padding-right: 20px;}
}
@media (max-width:580px) {

}
@media (max-width:575px) {


    .hero-banner { padding: 46px 0;overflow: hidden; min-height: 517px; }
    .why-choose-sec::after {height: 68%;}
    .curriculum-sec .robo-img {
        top: -19%;
    }
    .program-sec .robo-img {
        top: -111px;
        height: 240px;
        width: 150px;
    }
    .partner-sec img {
        max-width: 140px;
        max-height: 97px;
    }

    .partner-sec .container > .row {
        row-gap: 26px;
    }

    .want-sec .ques-box h4 {
        font-size: 17px;
        font-weight: 700;
        margin-bottom: 14px;
    }

    .want-sec .ques-box .btn {padding-inline: 20px;display: block;width: fit-content;margin-inline:auto; font-size: 14px; }
    .program-box .card-wrap-2 {border-radius: 0px 61px 22px 47px;}
.want-sec .ques-box::after {
        top: 0px;
    }

    .want-sec .ques-box {
        padding: 28px 21px;
        border-radius: 10px;
        margin-inline: 10px;
    }
    footer iframe {
        height: 200px;
    }

    .inner-banner .top-robo { width: 176px; bottom: -77px;  height: 240px;}
    .inner-banner .img_main {height: 100%;}
    .belt-sec img { max-height: 310px;margin-bottom: 0px; }
    .section-local-7 .expirence .card h6{margin-bottom: 5px;}

    .belt-sec .accordion-button .age {        text-align: start; }
    .belt-sec .accordion-button {background-position: center top 10px;background-size: auto;}
    header#masthead #location .city {
        font-size: 15px;
    }
    header#masthead #location .locations a {
        font-size: 13px;
    }
    .program-sec .heading {
        margin-bottom: 15px;
    }
    header#masthead #programsMenu .box-1, header#masthead #programsMenu .box-2, header#masthead #programsMenu .box-3, header#masthead #programsMenu .box-4, header#masthead #programsMenu .box-5 {
        padding: 75px 21px 5px 49px;
    }
    .program-container {gap: 10px 0px; grid-template-columns: repeat(1, 1fr); }
    .program-box .head::after {left: -5px;top: 2px;height: 50px;}
    section{padding:30px 0;}
    .section-form-local .contact-card .text {font-size: 16px;}
    .inner-banner .top-robo img{object-fit: contain;}
    .section-local-14 .card h4{font-size: 20px;margin-bottom: 0;}
    .section-local-shortcde .content .myicode-frontend-form button {width: 100%;}
    .gform-settings__content{margin: 20px 0;}
    .hero-banner .img-box {z-index: -1;max-width: 150px;bottom: -20px;left: unset;}

}
@media (max-width:525px) {

    p {
        font-size: 15px;
    }
    footer {
        padding: 35px 0 14px;
    }
    .hero-banner .inner-btn img {
        max-width: 130px;
    }

}
@media (max-width:500px) {

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

     h1,.hero-banner h1 {font-size: 31px;line-height: 40px;}
     .hero-banner {
        min-height: unset;
    }
    .belt-sec img {
        max-height: 247px;
    }
    h3 {
        font-size: 20px;
    }


}
@media (max-width:450px) {

    .btn-primary {
        padding: 10px 18px;
        font-size: 14px;
    }
    h1 ,.hero-banner h1{
        font-size: 25px;
        line-height: 33px;
    }
    .hero-banner p {
        font-size: 13px;
    }
    .hero-banner h1 {
        margin-bottom: 14px;
    }
    .hero-banner .inner-btn {
        margin-top: 18px;
        position: relative;
        z-index: 2;
    }
    .hero-banner .effect-main {
        max-width: 315px;

    }
    .hero-banner .effect-box img {
        mask-size: 248% 100%;
        margin-left: auto;
        width: -webkit-fill-available;
        width: 100%;
        opacity: 0.5;
    }
    h2,.title {
        font-size: 23px;
    }

    .partner-sec h2 {
        margin-bottom: 10px;}
    .partner-sec h2 {
        font-size: 26px;
    }
    .want-sec .ques-box p {
        font-size: 14px;
    }










    footer ul li {
        font-size: 12px;
    }

    footer a {font-size: 12px;}
    footer p {
        font-size: 12px;
    }

    footer .copyright p{font-size: 12px;}
    .upcoming-events .content_event{flex-direction: column;gap: 10px;}
}
@media (max-width:414px) {


}
@media (max-width:400px) {

}
@media (max-width:375px) {

}
@media (max-width:360px) {

}