@media only screen and (min-width:1601px) {
    .home-slider .banner-title {
        height: 600px !important;
    }
}

@media only screen and (min-width:1280px) {
    .carousel-control-next, .carousel-control-prev {
        width: 5%;
    }

    .hybrid-slider .carousel-control-next, .home-room .carousel-control-next {
        right: -50px !important;
    }

    .hybrid-slider .carousel-control-prev, .home-room .carousel-control-prev {
        left: -50px !important;
    }

    .carousel-control-next-icon:after, .carousel-control-prev-icon:after {
        font-size: 50px !important;
    }

    .breadcrumb-item.active {
        width: auto !important;
    }

    /*.home-slider .banner-title {
        height: 420px !important;
    }*/

    

    .inner-content p {
        font-size: 21px !important;
        font-weight:400;
    }
}

@media (min-width: 992px ) {
    .podcast .carousel-inner .active.left {
        left: -25%;
    }

    .podcast .carousel-inner .next {
        left: 25%;
    }

    .podcast .carousel-inner .prev {
        left: -25%;
    }
}

@media only screen and (max-width:1280px) {
    .homeroomimg {
        width: auto;
        height: 450px;
    }
    .homeroom {
         height: auto; 
    }
    .timeline {
        padding: 50px 0 0 0;
    }
    .banner-content h2 {
        font-size: 26px !important;
    }
    .newsletters h2 {
        font-size: 30px !important;
    }

    .home-slider .banner-title {
        min-height: auto;
        height: 350px !important;
    }

    .home-slider .inner-content {
        width: 85% !important;
    }

    .banner-content h2 {
        font-size: 26px !important;
    }

    .inner-content p {
        font-size: 18px !important;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 5%;
    }

    .hybrid-slider .carousel-control-next {
        right: -30px !important;
    }

    .feature-video .carousel-control-next {
        right: -35px !important;
    }

    .home-room .carousel-control-next {
        right: -50px !important;
    }

    .hybrid-slider .carousel-control-prev, .feature-video .carousel-control-prev {
        left: -30px !important;
    }

    .home-room .carousel-control-prev {
        left: -50px !important;
    }

    .carousel-control-next-icon:after, .carousel-control-prev-icon:after {
        font-size: 50px !important;
    }

    /*.breadcrumb-item.active {
        width: 90% !important;
    }*/

    .p-slider .carousel-control-next {
        right: -50px !important;
    }

    .p-slider .carousel-control-prev {
        left: -50px !important;
    }

    .structure {
        width: 100% !important;
    }

    .learnings {
        padding: 30px 0 30px 0 !important;
    }

    .img-text {
        font-size: 80px !important;
        bottom: -33px !important;
    }

    .episode h3 {
        font-size: 18px !important;
        height: 50px !important;
    }

    .home-room .episode p {
        font-size: 16px !important;
        max-height: 100px !important;
    }

    .structure p {
        font-size: 16px !important;
    }

    .structure h2 {
        font-size: 22px !important;
    }

    .my-info {
        padding: 50px 100px !important;
    }

    .event-banner {
        margin-bottom: 0px !important;
    }

    .signin-l nav, .event-details nav {
        width: 100%;
    }
}

@media only screen and (max-width:1199px) {
    .storyimg {
        min-height: 125px;
    }
    .inaction-podcast .storypart p, .inaction-podcast .home-podcast p {
        height: 100px !important;
        margin: 0;
    }
    .inactionpod .event-leftpart h4, .inactionstory .event-leftpart h4 {
        height: 30px;
    }
    .search-btn select {
        width: 100%;
        padding: 0px 30px 0px 10px;
    }

    .searchevents .btn.btn-primary {
        width: 100% !important;
    }

    .teacher-support .clr {
        padding: 60px 0 0 0;
    }

    .newsletters h2 {
        font-size: 22px !important;
    }

    .newsletters p {
        font-size: 18px !important;
    }

    .home .in-class h1 {
        font-size: 100px !important;
        margin: 0px 0 -24px 0 !important;
    }

    .in-class h1 {
        font-size: 30px !important;
        margin: 0px 0 -7px 0 !important;
    }

    .home-slider .banner-title {
        height: 320px !important;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .pro-title {
        font-size: 30px !important;
    }

    .pro-price {
        font-size: 40px !important;
    }

    .shop-details .pointer-event img {
        max-width: 100%;
    }

    .inaction-banner .banner-details h1, .contact-banner .banner-details h1, .shop-banner .banner-details h1, .mentor-banner .banner-details h1, .professional-banner .banner-details h1, .teacher-banner .banner-details h1, .event-banner .banner-details h1, .staff-banner .banner-details h1, .resource-banner .banner-details h1, .video-banner .banner-details h1, .teacher-support-banner .banner-details h1 {
        font-size: 105px !important;
        line-height: 105px !important;
    }

    .shop-center {
        width: 100% !important;
        max-width: 100%;
        padding: 0 15px;
    }

    .p-slider {
        padding: 80px 15px !important;
    }

    .school-info .col-sm-3 {
        flex: 0 0 50%;
        max-width: 100%;
    }

    .demographics .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .submit-info label.custom-check {
        width: 44% !important;
    }

    .submit-info .checkmark1 {
        left: 21px;
    }

    .account-details {
        width: 100% !important;
    }

    .teacher-tabs .nav-tabs .nav-link {
        padding: 10px;
    }

    .upcoming-events.search-btn button span {
        font-size: 12px !important;
    }

    .active-leaner {
        width: 100% !important;
    }

    .step-title h2 {
        font-size: 16px !important;
    }

    .step-title p {
        font-size: 14px;
    }

    .pod-description h1 {
        font-size: 26px !important;
    }

    .track-play {
        width: 540px !important;
    }

    .co-learn {
        height: 400px !important;
    }

    .inclass-banner .banner-title, .banner .banner-title {
        height: 300px !important;
    }

    .date-input {
        display: flex;
        flex: 45%;
    }

    .searchevents {
        padding: 70px 0 0 !important;
    }

    .event-title {
        font-size: 26px !important;
    }

    .e-related-post .event-leftpart {
        margin-top: 0 !important;
    }

    .time-line-content.even::after {
        left: -43px !important;
    }

    .time-line-content.odd::after, .time-line-content.even::after {
        width: 43px !important;
        right: -43px !important;
    }

    .qty span {
        width: 20% !important;
    }

    .Nimgheight, .Timghheight, .ariimg, .reportimg, .imgheight, .h-rimg, .podimgheight {
        width: auto !important;
    }

    .ariimg {
        margin-top: 15px;
    }

    .clr .breadcrumb {
        margin: 0;
    }
}

@media only screen and (max-width:1024px) {
    /*background image*/
    .arizona-bg-img, .arizona-bg1-img, .resource-bg-img, .professional-bg-img, .teacher-support-bg-img, .mentor-bg-img, .national-bg-img, .home-bg-img, .bg-img {
        height: 500px !important;
        width: 100% !important;
    }

    .bg-content p {
        font-size: 26px !important;
    }

    .bg-content h4 {
        font-size: 20px !important;
    }
    /*end*/
    /*video gallery*/
    .search-btn .dropdown-menu {
        min-width: 13rem !important;
    }

    .upcoming-events.search-btn .dropdown-menu {
        min-width: 10.5rem !important;
    }

    .events .related-post .post-detail h4 {
        font-size: 14px !important;
    }

    .inaction-banner .banner-details h1, .contact-banner .banner-details h1, .shop-banner .banner-details h1, .mentor-banner .banner-details h1, .professional-banner .banner-details h1, .teacher-banner .banner-details h1, .event-banner .banner-details h1, .staff-banner .banner-details h1, .resource-banner .banner-details h1, .video-banner .banner-details h1, .teacher-support-banner .banner-details h1 {
        font-size: 85px !important;
        line-height: 85px !important;
    }

    .podcasts {
        padding: 40px 0 !important;
    }

    .home-room .carousel-control-next {
        display: none;
    }

    .home-room .carousel-control-prev {
        display: none;
    }

    .mobile-indicator {
        display: block !important;
    }

    .home-room .mobile-indicator .carousel-indicators {
        bottom: -50px;
    }

    .my-info {
        padding: 50px 50px !important;
    }
}

@media only screen and (max-width:991px) {
    .homeroom-mgmnt .banner {
        height: auto;
    }
    .banner-txt {
        height: auto !important;
    }

    .mrgtop15p {
        margin-top: 5%;
    }

    .mrgtop40p {
        margin-top: 5%;
    }
    .storyimg img {
        width: 600px;
    }
    .home-podcast .pod-img, .home-event-img {
        text-align: center !important;
    }
    .pro-learn .col-sm-4 {
        flex: 100% !important;
        max-width: 100% !important;
    }

    .relatedevent p {
        height: auto !important;
        margin-bottom: 15px !important;
    }

    .homepageevent .e-related-post h2 {
        margin-bottom: 20px;
    }

    .list-homeroom .col-sm-4 {
        flex: 50%;
        max-width: 50%;
    }

    .mobileshow {
        display: block !important;
    }

    .content-list {
        padding: 0px 0;
    }

    div#divStaffDirectory .col-sm-4, div#divBoardOfDirector .col-sm-4, div#divVideos .col-sm-4 {
        flex: 50%;
        max-width: 50%;
    }

    .e-page .col-sm-4 {
        flex: 50%;
        max-width: 50%;
    }

    .event-deta-ils .col-sm-8 {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .event-deta-ils .col-sm-4 {
        flex: 100%;
        max-width: 100%;
    }

    section.searchevents .col-sm-8 {
        flex: 100%;
        max-width: 100%;
    }

    section.searchevents .col-sm-2.search-btn {
        flex: 30%;
        max-width: 30%;
    }

    div#divMasterTeacher .col-sm-4 {
        flex: 50%;
        max-width: 50%;
    }

    .m-events .col-sm-4 {
        flex: 50%;
        max-width: 50%;
    }

    .relatedevent p {
        margin-bottom: 25px;
    }

    .shop-details .col-sm-5 {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 25px;
    }

    .shop-details .col-sm-6.offset-md-1 {
        flex: 100%;
        max-width: 100%;
        margin: 25px 0 0 0;
    }

    .shop-details {
        padding-bottom: 50px;
    }
    /*Header css*/
    header {
        height: 100px !important;
        padding-top: 5px;
    }

    .top-nav {
        display: none;
    }

    div #navbarResponsive {
        background-color: #fff;
        z-index: 1;
        left: 0;
        right: 0;
        width: 100%;
        position: absolute;
        top: 71px;
    }

    .mobileshow .logoutopt {
        top: 45px !important;
    }

    .mobileshow .drop-downpopup {
        left: auto;
        right: 20px;
    }

    .user-profile > a:after {
        display: none;
    }

    .logoutopt::before {
        right: 32px;
        left: auto;
    }

    nav.navbar.navbar-expand-lg.navbar-dark.navbar-toggleable-sm.p-0.bg-faded .nav-item .nav-link {
        text-align: right !important;
        border-bottom: 1px solid #d8d8d8;
        margin: 0 20px;
        cursor: pointer;
        font-weight: 500 !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-brand {
        margin-left: 15px;
    }

    .navbar-nav li.nav-item:last-child {
        display: none;
    }
    /*Header css End*/
    /*Footer css*/

    .container.mobile-footer {
        display: block !important;
    }

    .col.footer-menu {
        display: none;
    }

    .social-icon {
        justify-content: center;
        border-bottom: 0 !important;
        margin-bottom: 30px;
    }

    .col.footer-logo {
        text-align: center;
    }

    .col-sm-8.text-right.footer-right {
        order: 1;
        text-align: center !important;
        flex: 100%;
        max-width: 100%;
        justify-content: center;
    }

    .col.nau {
        order: 2;
        text-align: center;
    }

    footer {
        padding: 50px 0 !important;
    }
    /*End*/
    /*Professional Development*/
    .professional-development h2 {
        font-size: 32px !important;
        margin-bottom: 35px !important;
    }

    .professional-development p {
        font-size: 18px !important;
        line-height: 30px !important;
        width: 100% !important;
    }

    .educator p {
        font-size: 14px !important;
    }

    .home-arizona .about-arizona .col-sm-4 {
        padding: 10px 15px !important;
    }

    .about-arizona h4 {
        font-size: 16px !important;
    }

    .about-arizona p {
        font-size: 14px !important;
    }
    /*End*/
    /*Home page hybrid slider*/
    .hybrid-slider h3 {
        font-size: 20px !important;
        margin-top: 0 !important;
    }
    /*End*/

    /* feature vidoe slider */
    .clr.home-inspire .shop-center {
        height: auto !important;
    }

    .homepageevent .relatedevent .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

        .homepageevent .relatedevent .col-sm-6 .col-sm-6 {
            flex: 0 0 50%;
            max-width: 100%;
        }

    /*Video galley*/
    .search-btn .dropdown-menu {
        min-width: 9.5rem !important;
    }

    .shop-details nav[aria-label="breadcrumb"] {
        width: 100%;
    }

    .Resource .col-sm-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .Resource .col-sm-4 {
        flex: 0 0 50%;
        max-width: 100%;
        margin: 0 auto;
    }

    .professional-plan .col-sm-5 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

        .professional-plan .col-sm-5.offset-md-1 {
            flex: 0 0 100%;
            max-width: 100%;
            text-align: center;
            margin: 0;
        }

    .professional-plan h4 {
        margin-bottom: 25px;
        margin: 0 0 25px !important;
    }

    .upcoming-events.search-btn button span {
        font-size: 13px !important;
    }

    .submit-info label.custom-check {
        width: 60% !important;
    }

    .submit-info .checkmark1 {
        left: 13px;
    }

    .acc-login .col-sm-5 {
        flex: 0 0 50%;
        max-width: 100%;
    }
    /*Tabs css*/
    .mobile-tabs {
        display: block !important;
    }

    #nav-tab {
        display: none;
    }

    nav.navbar.navbar-expand-lg.navbar-dark.navbar-toggleable-sm.p-0.bg-faded ul.dropdown-menu {
        border: none;
        border-bottom: 1px solid #ccc;
        text-align: right !important;
        box-shadow: none !important;
    }


    .clr .shop-items h2, .shop-item .shop-items h2 {
        bottom: -30px !important;
    }

    .shop-items h2 {
        font-size: 120px !important;
    }

    .shop-item {
        padding: 60px 0 0 0 !important;
    }

    .event-social-icon .social-icon {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .event-leftpart h4 {
        margin: 0 0px !important;
    }

    .podcasts .video-icon {
        top: 50% !important;
        transform: translate(-50%,-60%) !important;
        -webkit-transform: translate(-50%,-60%) !important;
    }

    .podcasts .col-sm-2 {
        flex: 0 0 30%;
        max-width: 100%;
    }

    .about-arizona .col-sm-6 {
        padding: 0px 30px !important;
    }

    .activelerner-steps .col-sm-4 {
        flex: 100%;
        max-width: 100%;
        border-right: 0 !important;
        border-bottom: 1px solid #324559;
    }

        .activelerner-steps .col-sm-4:last-child {
            border-bottom: 0;
        }

    .box {
        height: auto !important;
        padding: 20px 10px !important;
        display: block !important;
    }

    .tilte-h {
        height: auto !important;
    }

    .contactus, ..podcast {
        padding: 70px 0 !important;
    }

        .contactus .col-sm-4 {
            flex: 100%;
            max-width: 100%;
        }

        .contactus .col-sm-8 {
            flex: 100%;
            max-width: 100%;
            margin-bottom: 20px;
        }

    section.contact-img .col-sm-4 {
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        border-right: 0 !important;
        border-bottom: 1px solid #fff;
    }

        section.contact-img .col-sm-4:last-child {
            border-bottom: 0;
        }

    section.contact-img img {
        width: auto !important;
    }

    .checkoutpage .col-sm-6, .checkoutpage .col-sm-8, .checkoutpage .col-sm-4 {
        flex: 100%;
        max-width: 100%;
    }

    .your-cart {
        padding: 45px 15px 5px 15px !important;
        margin-top: 20px;
    }

    .signin h1 {
        font-size: 30px !important;
    }

    .shopping {
        width: 100% !important;
    }

    .track-play {
        width: 350px !important;
    }

    .newsletters {
        width: 100% !important;
    }

    .learning .col-sm-6.co-learn, .learning .col-sm-6 {
        max-width: 100%;
        flex: 100%;
        order: 2;
        padding: 0 15px !important;
    }

    .learning img {
        max-height: auto;
        height: auto;
    }

    .post-detail p {
        font-size: 13px !important;
        font-weight: 400 !important;
    }

    .post-detail h4 {
        font-size: 14px !important;
    }

    .related-post {
        min-height: auto !important;
    }

    .home-room .col-sm-3 {
        flex: 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }

    .banner.inclass-banner .col-sm-6, .banner .col-sm-6 {
        flex: 100%;
        max-width: 100%;
    }

    .d-acc-details .mySelect {
        padding: 15px 50px 15px 15px !important;
    }

    .d-acc-details .upcoming-events {
        margin-top: 20px !important;
    }

    .acc-title {
        font-size: 20px !important;
    }

    .search-btn button span {
        font-size: 14px !important;
    }

    .date-input {
        display: flex;
        flex: 74%;
    }

    .events #nav-tab {
        display: flex;
    }

    .event-title {
        font-size: 18px !important;
    }

    .staff .related-post .post-detail p {
        height: 80px !important;
    }

    .left-box, .right-box {
        margin-bottom: 40px !important;
        width: 85% !important;
        float: none !important;
        margin: 0 auto;
    }

    .left-box {
        margin-top: 0 !important;
    }

    .time-line-content.odd::after, .time-line-content.even::after {
        display: none;
    }

    .timeline-badge {
        display: none;
    }

    .timeline-line {
        top: -30px !important;
        bottom: -30px !important;
    }

    .iframe-video iframe {
        width: 100% !important;
        height: 400px !important;
    }

    .iframe-video h1 {
        font-size: 22px;
    }

    .pro-file .post-detail p {
        height: 60px;
    }

    .arizona-tech {
        padding: 50px 0 0px 0;
    }

    .css-popup {
        width: 100% !important;
        border-radius: 0;
        height: 100%;
        overflow: hidden !important;
        top: 0 !important;
        background-color: #fff !important;
        bottom: 0;
    }

    .col-md-4.col-sm-12.event-reg, .signin .col-sm-6, .signin .col-sm-8, .signin .col-md-7.col-sm-12.col-xs-12 {
        flex: 100%;
        max-width: 100%;
    }

    .homeroom-menu {
        margin-bottom: 35px !important;
    }

    .h-mainmenu > li, .h-mainmenu > li > a {
        display: block !important;
    }

    .h-mainmenu li .dropdown-menu {
        position: static !important;
        transform: none !important;
        background-color: #3d434c;
        border: none !important;
        box-shadow: none !important;
        width: 100%;
        background-clip: inherit;
        border-radius: 0 !important;
        float: none !important;
    }

    .h-mainmenu .dropdown-item:focus, .h-mainmenu .dropdown-item:hover {
        background-color: #58606c;
    }

    ul.h-mainmenu .dropdown-item {
        font-weight: 500;
        color: #ffffff;
        padding: 10px 20px;
    }

    .year-schedule h3 {
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 25px;
    }

    .schedule h2 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    div#divMasterTeacher .related-post p {
        max-height: 35px;
        margin-bottom: 0;
    }

    .arizona {
        padding: 30px 0;
    }

    .homeroom-menu > span, .menu-h {
        float: none !important;
    }

    .h-mainmenu {
        width: 100%;
    }

    .imgheight {
        width: auto !important;
        max-height: 250px;
        height: 250px;
    }
}

@media only screen and (min-width:320px) and (max-width:980px) {
    .homeroom .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width:800px) {
    
    /*Homepage*/
    .home-banner .banner-details h1 {
        font-size: 70px !important;
        line-height: 70px !important;
    }

    .home-banner {
        background-position: 60% center !important;
    }
        /*.home-banner1:first-child {
            background-position: 34% center !important;
        }*/
    /*End*/
    .ari-zona-overview .col-sm-6 {
        flex: 100%;
        max-width: 100%;
    }

        .ari-zona-overview .col-sm-6:first-child {
            order: 1 !important;
        }

    .arizona-bg-img, .resource-bg-img, .professional-bg-img, .teacher-support-bg-img, .mentor-bg-img, .national-bg-img, .home-bg-img {
        height: 600px !important;
        background-position: top center !important;
        width: 100%;
    }

    .ari-zona-overview .col-sm-6:last-child {
        order: 2 !important;
    }

    .arizona-bg1-img {
        height: auto !important;
        padding: 80px 0;
    }

    .bg-img {
        height: auto !important;
    }

    .banner-3ps, .video-banner, .teacher-banner, .resource-banner, .professional-banner, .teacher-support-banner, .national-banner, .arizona-banner, .our-history-banner, .inaction-banner, .contact-banner, .event-banner, .shop-banner, .staff-banner {
        background-position: 90% center !important;
    }

    .national-banner {
        background-position: center !important;
    }

    .clr .shop-items h2 {
        bottom: -22px !important;
    }

    .shop-items h2 {
        font-size: 85px !important;
        bottom: -17px !important;
    }

    .national-banner .banner-details h1, .arizona-banner .banner-details h1, .banner-3ps .banner-details h1, .our-history-banner .banner-details h1 {
        font-size: 75px !important;
        line-height: 75px !important;
    }

    .national-banner {
        background-position: center !important;
    }

    .searchevents {
        padding: 60px 0 0 0px !important;
    }

    .in-class .col-sm-3.content-leftpart {
        flex: 100%;
        max-width: 100%;
    }

    .banner {
        margin-bottom: 50px !important;
    }

    .in-class .col-sm-7.content-rightpart.offset-md-1 {
        flex: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .my-info {
        padding: 50px 30px !important;
    }

    .pro-file {
        padding: 30px 0;
    }

    .homeroomsearch .banner.inclass-banner {
        margin-bottom: 0 !important;
    }

    .p-slider .carousel-control-prev {
        left: -30px !important;
    }

    .p-slider .carousel-control-next {
        right: -30px !important;
    }

    .pro-plan-img {
        max-height: 220px;
        min-height: 220px;
        height: 220px;
    }
}

@media only screen and (max-width:768px) {
    .umbraco .signinform input::placeholder {
        font-size: 12px;
    }

    .azk .col-sm-8 {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 30px;
    }

    .azk .col-sm-4 {
        max-width: 100%;
        flex: 0 0 70%;
        margin: 0 auto;
    }

    .bg-content p {
        font-size: 18px !important;
    }

    .arizona-bg-color h2 {
        font-size: 26px !important;
    }

    .arizona-bg-color .bg-img {
        height: auto !important;
    }

    .feature-product .pod-img .video-icon {
        top: 60%;
        transform: translate(-50%,-70%) !important;
        -webkit-transform: translate(-50%,-70%) !important;
    }
}

@media only screen and (min-width:768px) {
    .d-acc-details {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .searchevents .col-sm-2 {
        flex: 50%;
        max-width: 50%;
    }
    .home {
        padding: 40px 0 0;
    }
    .event-img img {
        width: 100%;
        height:auto;
    }
    .podcast-details {
        padding-top: 40px;
    }
    .search-img {
        max-height: 80px;
        max-width: 150px;
        float: none;
        margin-right: 20px;
        margin-bottom: 10px;
        margin: 0 auto 20px;
        height: auto;
    }

    .search-content a {
        font-size: 15px;
    }

    .structure p {
        font-size: 14px !important;
    }

    .structure h2 {
        font-size: 18px !important;
    }

    .in-class h1 {
        white-space: nowrap;
        text-overflow: clip;
        overflow: hidden;
    }

    .home-banner .banner-txt {
        height: 500px !important;
    }

    .home-banner {
        height: 500px !important;
    }


    .clr.timeline .col-sm-6:first-child {
        order: 2;
    }

    .inaction {
        padding: 20px 0 0 0;
    }

        .inaction .col-sm-6 {
            flex: 100%;
            max-width: 100%;
        }

    .clr.timeline .col-sm-6 {
        flex: 100%;
        max-width: 100%;
    }

    .storypart > p, .home-podcast > p {
        margin-bottom: 15px !important;
    }


    .pro-title {
        font-size: 20px !important;
    }

    .col-sm-3.apply-dis {
        order: 3;
        margin-bottom: 25px;
    }

    .signinform .col-sm-9 {
        flex: 100%;
        max-width: 100%;
        order: 2;
    }

    .create-link.col-sm-3 {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        order: 1;
    }

    .pro-file h2 {
        font-size: 26px;
        margin: 0 0 15px 0 !important;
    }

    .search-btn {
        margin-bottom: 20px;
    }

    .d-acc-details {
        display: block;
    }

    .d-account-details nav {
        display: none;
    }

    .homepageevent .home-podcast .video-icon {
        transform: translate(-50%,-50%) !important;
        -webkit-transform: translate(-50%,-50%) !important;
        top: 50%;
        left: 50%;
    }

    .homepageevent .relatedevent .col-sm-6 .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .homepageevent .e-related-post h2 {
        text-align: center;
    }

    .col-sm-6.home-podcast h2 {
        margin-top: 0px;
    }

    .clr.home-inspire .col-sm-6, .hybrid-slider .col-sm-4, .hybrid-slider .col-sm-8, .home-arizona .about-arizona .col-sm-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .clr.home-inspire .shop-items {
        order: 3;
    }

    .clr.home-inspire .col-sm-6:first-child {
        order: 2;
        margin-top: 25px;
    }

    .clr.home-inspire .col-sm-6:last-child {
        order: 1;
    }

    .hybrid-slider h3 {
        margin-top: 20px !important;
    }

    .home-arizona .about-arizona .col-sm-4 {
        border-bottom: 2px solid #fff !important;
        border-right: 0 !important;
    }

        .home-arizona .about-arizona .col-sm-4:last-child {
            border-bottom: 0 !important;
        }

    .professional-development .col-sm-3.educator {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 30px;
    }

    .hybrid-slider, .e-related-post, .professional-development, .faq-id {
        padding: 50px 0 !important;
    }

    .teacher-support .clr {
        padding: 0px 0 0 !important;
    }
    /*Faq*/
    .faq h1 {
        font-size: 30px !important;
        margin-bottom: 35px !important;
    }
    /*video gallery*/
    section.searchevents .col-sm-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-sm-3.search-btn {
        flex: 0 0 30%;
        max-width: 100%;
    }

    .upcoming-events {
        text-align: left !important;
        margin-top: 0 !important;
    }

    .events .upcoming-events {
        text-align: right !important;
        margin-top: 10px !important;
    }

        .events .upcoming-events.search-btn button {
            width: 150px !important;
        }


    /*National board */
    .teacher-page .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .feature-product.resource {
        margin-top: 20px;
    }

    .shop-center {
        width: 100% !important;
        padding: 0;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .abt-arizona .col-sm-4, .Resource .about-arizona .col-sm-6 {
        border-bottom: 2px solid #f0f0f0 !important;
        border-right: 0 !important;
        padding: 10px 15px 10px;
        flex: 0 0 100%;
        max-width: 100%;
    }

        .Resource .about-arizona .col-sm-6:first-child {
            order: 1;
        }

        .about-arizona .col-sm-4:last-child, .Resource .about-arizona .col-sm-6:last-child {
            border-bottom: none !important;
        }

    .abt-arizona {
        padding: 20px 0px 20px !important;
    }

    .events .col-sm-4 {
        FLEX: 0 0 50%;
        max-width: 50%;
    }

        .events .col-sm-4:last-child {
            margin: 0 auto;
        }
    /*product-details*/
    .shop-details .col-sm-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .shop-details .col-sm-6.offset-md-1, .teacher-support .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 35px;
    }

    .arizona-bg1-img.col-sm-6 {
        margin-top: 0;
    }

    .professional-plan, .staff-directory {
        padding: 40px 0 !important;
    }

    .Resource .clr {
        padding: 50px 0 0 !important;
    }
    /*staff*/
    .staff .col-sm-4 {
        flex: 0 0 50% !important;
        max-width: 100% !important;
    }

    .meet-azk h2 {
        font-size: 28px !important;
        line-height: 30px !important;
    }

    .meet-azk p {
        width: 100% !important;
        font-size: 14px !important;
    }
    /*cReate An accouunt*/
    .acc-info.comtact-form .col-sm-4, .acc-info.comtact-form .col-sm-2, .acc-info.comtact-form .col-sm-3, .acc-info.comtact-form .col-sm-6, .acc-info.comtact-form .col-sm-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .school-info .col-sm-3, .acc-login .col-sm-5, .school-info .col-sm-10 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 0 15px;
    }

    .submit-info label.custom-check {
        width: 85% !important;
    }

    .submit-info .checkmark1 {
        left: 24px;
    }

    .teacher-page .col-sm-6:first-child, .teacher-support .col-sm-6:first-child, .shop-item .col-sm-6:first-child, .Resource .col-sm-6:first-child {
        order: 2;
    }

    .teacher-page .col-sm-6:last-child, .teacher-support .col-sm-6:last-child, .shop-item .col-sm-6:last-child, .Resource .col-sm-6:last-child {
        order: 1;
    }

    .col-sm-12.shop-items {
        order: 3;
    }

    .statewide .clr .col-sm-7, .statewide .clr .col-sm-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 25px;
    }

    .statewide .clr .col-sm-4 {
        margin-bottom: 0px;
    }

    .reports .col-sm-5 {
        flex: 0 0 50%;
        max-width: 100%;
    }

    .arizona-event h2 a {
        float: right;
    }

    .shop-item {
        padding: 30px 0 0 0 !important;
    }

    .shop .event-img {
        height: auto !important;
    }

    .podcasts .video-icon {
        transform: translate(-50%,-50%) !important;
        -webkit-transform: translate(-50%,-50%) !important;
    }

    .event-leftpart h4 {
        margin: 10px 0px !important;
    }

    .createanaccount {
        padding: 60px 0 !important;
    }

    .arizona-tech .pod-img img {
        max-width: 100%;
    }

    .desktop-cart table {
        display: none !important;
    }

    .mobile-cart-view {
        display: block !important;
    }

    .t-foot {
        justify-content: space-between !important;
    }

    .checkoutpage h1 {
        float: left;
    }

    .checkoutpage .row {
        clear: both;
    }

    .checkoutpage .select-value::after {
        top: 30% !important;
    }

    .checkoutpage .mySelect {
        padding: 0 35px 15px 15px !important;
    }

    .btn-infor .col-sm-6 {
        flex: 50%;
        max-width: 50%;
    }

    .btn-infor a {
        font-size: 18px !important;
    }

    form.shipping-i input::placeholder, .purchase input::placeholder {
        font-size: 12px;
        font-weight: 500;
    }

    .checkoutpage .search-categories.mobile-tabs {
        float: right;
    }

    .shipping-tab .col-sm-12, .shipping-cost .col-sm-12, .shipping-order .col-sm-12 {
        padding: 0;
    }

    .order-details a {
        line-height: 40px;
    }

    .podcast-details .col-sm-3 {
        margin-bottom: 20px;
    }

    .podcast-details .col-sm-3, .podcast-details .col-sm-9, .podcast-details .col-sm-8 {
        flex: 100%;
        max-width: 100%;
    }
.podcast-details .col-sm-8, .podcast-details .col-sm-4, .podcast-details .col-sm-3, .podcast-details .col-sm-9 {
    flex: 100%;
    max-width: 100%;
}
    .podcast-details .podcasts .col-sm-4 {
        flex: 50%;
        max-width: 50%;
    }
    .podcast-details h3 a {
        float: right;
    }

    .podcast-details .divider {
        margin: 40px 0 !important;
    }

    .inclassmain .col-sm-4 {
        flex: 100%;
        max-width: 100%;
    }

    .listen-episode {
        padding: 12px 10px !important;
    }

    .home .in-class h1 {
        font-size: 50px !important;
        margin: 0px 0 -13px 0 !important;
    }

    .newsletterform .col-sm-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 20px;
        padding: 0 15px !important;
    }

    .newsletters h2 {
        font-size: 16px !important;
    }

    .newsletterform .col-sm-9 {
        flex: 100%;
        max-width: 100%;
        padding: 0 15px !important;
    }

    .newsletters p {
        font-size: 14px !important;
    }

    .newsletter {
        padding: 60px 0 !important;
    }

    .podcast p, .episode h4 {
        font-size: 14px !important;
    }

    .relatedcontent .col-sm-4 {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .my-info .col-sm-6 {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

        .my-info .col-sm-6:last-child {
            margin-bottom: 0;
        }

    .col-sm-6.acc-sub-title.acc-name, .col-sm-6.acc-sub-title.acc-label, .col-sm-6.acc-sub-title.acc-race, .col-sm-6.acc-sub-title.acc-gender {
        flex: 50%;
        max-width: 50%;
        margin: 0;
    }

    .col-sm-6.acc-sub-title {
        margin: 0;
    }

    .my-info table.y-cart {
        margin: 0 !important;
    }

    .m-acc-title {
        font-size: 18px;
        color: #3b4559;
        font-weight: 500;
        padding-bottom: 15px;
        border-bottom: 1px solid #989898;
        margin-bottom: 20px;
    }

    .my-info .mobile-account-info .col-sm-6 {
        flex: 50%;
        max-width: 50%;
        margin: 0;
    }

    .m-event-name {
        font-size: 14px;
    }

        .m-event-name p a {
            color: #00adb5;
            font-size: 14px;
            font-weight: 400;
        }

    .mobile-acc {
        display: block !important;
    }

    .my-info table.d-tabel {
        display: none;
    }

    .date-input .col-sm-4:first-child {
        margin-right: 0 !important;
    }

    .date-input .col-sm-4:last-child {
        padding-left: 15px !important;
    }

    .signin-l .signin .col-sm-8 {
        flex: 100%;
        max-width: 100%;
    }

    .event-details .col-sm-7, .event-details .col-sm-4.offset-md-1 {
        flex: 100%;
        max-width: 100%;
    }

    .e-related-post .relatedevent .col-sm-6 {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .event-details {
        padding-bottom: 50px !important;
    }

    .col-sm-10.main, .col-sm-2.year-vertical-timeline {
        flex: 100%;
        max-width: 100%;
    }

    .track-play1 {
        width: 100% !important;
        margin: 0 !important;
    }

        .track-play1 > input[type=range]::-webkit-slider-runnable-track {
            width: 100% !important;
            height: 4px !important;
        }

        .track-play1 > input[type=range]::-webkit-slider-thumb {
            height: 4px !important;
            width: 50px !important;
        }

    .year-vertical-timeline ul {
        padding-left: 0px !important;
        position: relative;
        top: -50px;
        text-align: center;
    }

        .year-vertical-timeline ul li {
            margin-bottom: 0 !important;
            margin-right: 40px !important;
            display: inline-block;
            margin-left: 0 !important;
        }

    .twenty-cel {
        padding: 30px 15px !important;
    }

    .year-timeline {
        padding: 70px 0 !important;
    }

    .iframe-video iframe {
        height: 300px !important;
    }

    .exp-icon {
        display: flex;
        align-items: center;
        height: 90px;
        display: -webkit-flex;
        margin-top: 15px;
    }

    .feature-video .carousel-control-next {
        right: -30px !important;
    }

    .exp-icon {
        height: auto;
    }

    .year-schedule .col-sm-4 {
        flex: 100%;
        max-width: 100%;
        border-bottom: 2px solid #f0f0f0;
        border-right: 0;
        padding: 10px 0;
    }

    .schedule {
        padding: 20px 0;
    }

    .arizona-faq h1 {
        font-size: 26px;
    }

    .arizona-team {
        margin-top: 10px !important;
    }

    .a-tea-sol .col-sm-7, .a-tea-sol .col-sm-4 {
        flex: 100%;
        max-width: 100%;
    }

    .episode h4 {
        max-height: 30px;
    }

    .listen-episode {
        font-size: 13px;
    }

    .home-room .episode p {
        font-size: 14px !important;
    }


    .podcast .carousel-inner .active.left {
        left: -100%;
    }

    .podcast .carousel-inner .next {
        left: 100%;
    }

    .podcast .carousel-inner .prev {
        left: -100%;
    }

    .podcast .active > div {
        display: none;
    }

        .podcast .active > div:first-child {
            display: block;
        }

    .podcast .col-sm-3 {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .pod-casts img {
        max-width: 70%;
    }

    .event-social-icon {
        margin-bottom: 30px;
    }

    .row.threeps .col-sm-6 {
        flex: 100%;
        max-width: 100%;
    }

    .row.re-so .col-sm-6 {
        flex: 100%;
        max-width: 100%;
    }

    .ment-ring .col-sm-7, .ment-ring .col-sm-5 {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .m-events .col-sm-4 {
        flex: 100%;
        max-width: 100%;
    }

    .hybrid-slider p {
        max-height: 50px;
        overflow: hidden;
    }

    section.useragreement h3 {
        font-size: 25px;
    }

    .mobilehide {
        display: none !important;
    }

    div#divMasterTeacher .col-sm-4, .m-app .col-sm-7, .m-app .col-sm-4 {
        flex: 100%;
        max-width: 100%;
    }

    section.searchevents .col-sm-2.search-btn {
        flex: 50%;
        max-width: 50%;
    }

    .e-page .col-sm-4 {
        flex: 100% !important;
        max-width: 100% !important;
    }

    .events .related-post {
        margin-bottom: 0px !important;
    }

        .events .related-post .post-detail small {
            margin-bottom: 0;
        }

    div#divStaffDirectory .col-sm-4, div#divBoardOfDirector .col-sm-4, div#divVideos .col-sm-4 {
        flex: 100%;
        max-width: 100%;
    }

    .review {
        margin: 0;
    }

    .check-review {
        padding: 0;
    }

    div#divCheckOutCartItem table.y-cart {
        margin-top: 0;
    }

    .signin h1 {
        margin-bottom: 0;
    }

    .list-homeroom .col-sm-4 {
        flex: 100%;
        max-width: 100%;
    }

    .do-work .custom-check {
        display: block;
        margin: 0 0px 20px 0px;
    }

    div#divDistrict .col-sm-4 {
        flex: 100%;
        max-width: 100%;
    }

    .do-work-ass .custom-check {
        display: block;
        margin: 20px 0 0 0;
    }

    div#dvDistrictSchoolExtraInformation .col-sm-4, .legacy .col-sm-6 {
        flex: 100%;
        max-width: 100%;
    }

    .createaccount {
        margin-top: 20px;
    }

    .c-title {
        margin-bottom: 20px !important;
        font-size: 15px;
    }

    .createaccount h1 {
        font-size: 26px;
    }

    .account-details {
        padding: 30px !important;
    }

        .account-details h3 {
            font-size: 18px;
            margin-bottom: 20px;
        }

    .year-vertical-timeline ul li.active:before {
        height: 4px !important;
        left: 0;
        top: auto;
        bottom: 0;
    }

    .year-vertical-timeline ul li:before {
        width: 100%;
        left: 0;
        top: auto;
        bottom: 0;
        height: 4px;
    }

    .content-details {
        padding: 15px;
    }

    .time-line-content h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .time-line-content h5, .time-line-content p {
        font-size: 15px;
    }

    .time-line-content p {
        margin:0;
    }
    .home-event-img img, .storyimg img {
        width: auto;
    }
    .inactionpod small, .inactionstory small {
        position: relative;
    }
    .storyimg {
        text-align: center;
    }
    .inactionpod .event-leftpart h5, .inactionstory .event-leftpart h5 {
        height: auto;
    }
}


/*767 screen end*/


/*600 screen start*/
@media only screen and (max-width:600px) {
    .inaction-banner .banner-details h1, .contact-banner .banner-details h1, .shop-banner .banner-details h1, .mentor-banner .banner-details h1, .professional-banner .banner-details h1, .teacher-banner .banner-details h1, .event-banner .banner-details h1, .staff-banner .banner-details h1, .resource-banner .banner-details h1, .video-banner .banner-details h1, .teacher-support-banner .banner-details h1 {
        font-size: 75px !important;
        line-height: 75px !important;
    }

    .banner-3ps, .video-banner, .teacher-banner, .resource-banner, .professional-banner, .teacher-support-banner, .national-banner, .arizona-banner, .our-history-banner, .inaction-banner, .contact-banner, .event-banner, .shop-banner, .staff-banner {
        background-position: 65% center !important;
    }

    .hybrid-slider .col-sm-8 {
        padding: 0 35px;
        margin-top: 15px;
    }

    .hybrid-slider .carousel-control-next, .home-room .carousel-control-next {
        right: 0px !important;
    }

    .hybrid-slider .carousel-control-prev, .home-room .carousel-control-prev {
        left: 0px !important;
    }

    .azk .col-sm-4 {
        flex: 0 0 100%;
        max-width: 80%;
        margin: 30px auto 0;
    }

    .row.social .col-sm-6 {
        width: 50%;
    }

    .p-slider .carousel-control-prev {
        left: 0px !important;
    }

    .p-slider .carousel-control-next {
        right: 0px !important;
    }

    .events .col-sm-4 {
        FLEX: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .submit-info input[type="checkbox"] {
        float: left !important;
    }

    .submit-info label.custom-check {
        width: 100% !important;
        text-align: left;
    }

    .submit-info .checkmark1 {
        left: 0;
        top: 1px;
    }

    .account-details.text-left {
        padding: 50px 30px !important;
    }

    .img-text {
        font-size: 50px !important;
        bottom: -20px !important;
    }

    .col-sm-6.acc-sub-title.acc-label {
        order: 1;
    }

    .col-sm-6.acc-sub-title.acc-name {
        order: 2;
    }

    .col-sm-6.acc-sub-title.acc-gender {
        order: 3;
    }

    .col-sm-6.acc-sub-title.acc-race {
        order: 4;
    }

    .col-sm-12.acc-sub-title {
        order: 5;
    }

    .col-sm-6.acc-sub-title.acc-name, .col-sm-6.acc-sub-title.acc-label, .col-sm-6.acc-sub-title.acc-race, .col-sm-6.acc-sub-title.acc-gender {
        flex: 100%;
        max-width: 100%;
        margin: 0;
    }

    .signin-l .signin h1 {
        font-size: 20px !important;
        margin-bottom: 15px !important;
    }

    .events .upcoming-events.search-btn button {
        width: 140px !important;
    }

    .feature-video .carousel-control-next-icon:after, .feature-video .carousel-control-prev-icon:after {
        font-size: 35px !important;
    }

    .order-detail .col-sm-7 {
        flex: 100%;
        max-width: 100%;
        order: 2;
    }

    .order-detail .col-sm-4.offset-1 {
        flex: 100%;
        max-width: 100%;
        margin: 0 0 15px 0;
    }

    .schedule .year-schedule {
        padding: 0 15px;
    }

    .schedule h2 {
        padding-top: 15px !important;
    }
}


@media only screen and (max-width:580px) {
    .search-content p {
        max-height: 48px;
    }

    .mobile-review {
        display: block !important;
    }

    .review-order {
        display: none !important;
    }

    .track-play {
        width: 300px !important;
    }

    .feature-video .carousel-control-next {
        right: 0px !important;
    }

    .feature-video .carousel-control-prev {
        left: 0px !important;
    }

    .home-inspire .feature-video .carousel-control-prev-icon:after, .home-inspire .feature-video .carousel-control-next-icon:after {
        color: #fff !important;
    }

    .apply-dis {
        margin-bottom: 15px;
    }

    .about-content p {
        font-size: 15px;
        line-height: 28px;
    }

    .abt-content-list {
        column-count: 1;
    }
}

@media only screen and (max-width:520px) {
    .year-vertical-timeline ul li {
        margin-right: 10px !important;
    }
}

@media only screen and (min-width:481px) {
    .fliter, .col-sm-3.sort-btn.search-btn {
        display: none;
    }
}

@media only screen and (max-width:480px) {
    .podcast-details .podcasts .col-sm-4 {
        flex: 100%;
        max-width: 100%;
    }
    table.y-cart td h3 {
        font-size: 14px;
        line-height: 22px;
    }

    .col-sm-6.home-podcast h2 {
        margin-top: 0px;
    }

    .homepageevent .e-related-post h2 {
        margin-bottom: 30px !important;
    }

    .e-related-post {
        padding-bottom: 30px !important;
    }

    .event-rightpart .event-subtitle {
        font-size: 13px;
    }

    .has-search input::placeholder {
        font-size: 14px !important;
    }

    .pod-img iframe {
        height: auto !important;
    }

    .col-sm-8.text-right.footer-right {
        display: block;
        margin: 20px auto 0;
        text-align: center !important;
    }

    .copyright {
        display: block !important;
    }

    .footer-bootom-links {
        display: inline-flex !important;
    }
    
    .home-banner {
        height: 450px !important;
    }
    .home-banner .banner-txt {
        height: 450px !important;
    }
    .banner-details p {
        margin: 30px 0 !important;
        font-size:16px
    }
    .inaction-banner .banner-details h1, .contact-banner .banner-details h1, .shop-banner .banner-details h1, .mentor-banner .banner-details h1, .professional-banner .banner-details h1, .teacher-banner .banner-details h1, .event-banner .banner-details h1, .staff-banner .banner-details h1, .resource-banner .banner-details h1, .video-banner .banner-details h1, .teacher-support-banner .banner-details h1 {
        font-size: 45px !important;
        line-height: 45px !important;
    }

    .banner-3ps, .video-banner, .teacher-banner, .resource-banner, .professional-banner, .teacher-support-banner, .national-banner, .arizona-banner, .our-history-banner, .inaction-banner, .contact-banner, .event-banner, .shop-banner, .staff-banner {
        background-position: 80% center !important;
    }

    .national-banner {
        background-position: center !important;
    }

    .resource-banner {
        background-position: 67% center !important;
    }

    .arizona-banner {
        background-position: 60% center !important;
    }

    .our-history-banner {
        background-position: 40% center !important;
    }

    .video-banner {
        background-position: 68% center !important;
    }

    .shop-items h2, .shop-item .shop-items h2 {
        font-size: 55px !important;
        bottom: -17px !important;
    }

    .clr .shop-items h2 {
        bottom: -17px !important;
    }

    .national-banner .banner-details h1, .arizona-banner .banner-details h1, .banner-3ps .banner-details h1, .our-history-banner .banner-details h1 {
        font-size: 48px !important;
        line-height: 48px !important;
    }

    .azk .col-sm-4 {
        max-width: 100%;
    }

    .homepageevent .e-related-post h2 a {
        float: right;
    }

    .professional-development p {
        font-size: 16px !important;
    }

    .homepageevent .e-related-post h2 {
        text-align: left;
    }

    .homepageevent .relatedevent .col-sm-6 .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 20px auto 0;
    }
    .relatedevent img {
        max-width: 100%;
        height: auto;
    }

    .homepageevent .home-podcast .video-icon {
        transform: translate(-50%,-60%) !important;
        -webkit-transform: translate(-50%,-60%);
        top: 60%;
        left: 50%;
    }
    /*Faq*/
    .f-ask-q h4 {
        font-size: 16px !important;
    }

    .f-ask-q p, .f-ask-q p a {
        font-size: 14px !important;
    }
    /*video gallery*/
    .staff.events .col-sm-4 {
        flex: 100%;
        max-width: 100%;
    }
    /*Product details*/
    .pro-title {
        font-size: 25px !important;
    }

    .staff .col-sm-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .breadcrumb-item a, .breadcrumb-item.active {
        font-size: 13px !important;
    }

    div#nav-teachers .feature-product img {
        width: 100% !important;
    }

    .reports .col-sm-5 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

        .reports .col-sm-5:last-child {
            margin-bottom: 0px;
        }

    .podcasts .col-sm-6.pod-img, .col-sm-6.event-leftpart {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

        .col-sm-6.event-leftpart h5 {
            margin-top: 20px;
        }

    .podcasts .video-icon {
        transform: translate(-50%,-50%) !important;
        -webkit-transform: translate(-50%,-50%) !important;
        top: 50% !important;
    }

    .upcoming-events.search-btn {
        margin-bottom: 20px !important;
    }

        .upcoming-events.search-btn:last-child {
            margin-bottom: 0;
        }

    .do-work .custom-check {
        display: block !important;
        margin: 0 5px 20px 5px !important;
        margin-left: 5px !important;
    }

    .c-title {
        font-size: 14px !important;
    }

    .createaccount h1, .active-leaners h1 {
        font-size: 25px;
    }

    section.contact-img img {
        width: 100% !important;
    }

    .m-product-name h4 a {
        font-size: 16px !important;
    }

    .btn-infor a {
        font-size: 16px !important;
    }

    .track-play {
        width: 240px !important;
    }

    .podcast-details h3 a, .homepageevent .e-related-post h2 a {
        float: none;
        display: block !important;
        margin-left: 0 !important;
        margin-top: 20px;
    }

    .d-account-details .my-account {
        padding: 0 !important;
    }

    .my-info .mobile-account-info .col-sm-6 {
        flex: 100%;
        max-width: 100%;
        margin: 0;
    }

    .m-acc-title {
        font-size: 16px;
    }

    .searchevents .col-sm-3.search-btn {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .sort-btn .input-group-btn.search-panel button.btn.btn-default {
        background-color: #F0F0F0 !important;
    }

    .search-btn button span, .search-btn button i {
        color: #3b4559 !important;
        font-weight: 400 !important;
    }

    .date-input .col-sm-4:first-child {
        padding-right: 15px !important;
        margin-bottom: 0;
    }

    .events .nav-tabs .nav-link.active {
        color: #ffffff !important;
        border-top: 3px solid #00adb5;
        background-color: #00adb5;
        border-radius: 20px !important;
    }

    .events .nav-tabs .nav-link {
        padding: 10px;
        height: auto;
        width: auto;
        line-height: 3px;
        border-radius: 20px;
    }

    .events .nav-tabs {
        border-top: none !important;
    }

    .fliter {
        float: left;
        margin: 6px 15px 0 0;
    }

    .iframe-video iframe {
        height: 260px !important;
    }

    .iframe-video h1 {
        font-size: 18px;
    }

    .col-sm-3.search-btn select {
        width: auto;
    }

    .home-event-img {
        width: auto !important;
        max-width: 450px;
    }

    .arizona-faq h1 {
        font-size: 22px;
    }

    .structure {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .qty span {
        width: 22.5% !important;
        font-size: 14px;
    }

    .shop-details .carousel-inner {
        min-height: 450px;
    }

    .arizona-bg-color h2 {
        font-size: 22px !important;
    }
}

@media only screen and (max-width:450px) {
    .submit-info .checkmark1 {
        left: 0 !important;
    }
}

@media only screen and (max-width:420px) {
    .checkoutpage h1, .checkoutpage .search-categories.mobile-tabs {
        float: none !important;
    }

    .shopping h2 {
        font-size: 20px !important;
    }

    .shopping .form-check-inline {
        display: block !important;
    }

    .shopping p {
        font-size: 15px !important;
    }

    .btn-infor .col-sm-6 {
        flex: 100%;
        max-width: 100%;
    }

    td.y-price, table.y-cart td h3 {
        font-size: 14px !important;
    }

    .track-play {
        width: 200px !important;
    }

    .pod-controll a {
        display: block !important;
    }

    .shop-details .carousel-inner {
        min-height: 400px;
    }
}

@media only screen and (max-width:375px) {
    .d-acc-details .upcoming-events {
        float: none !important;
        text-align: right !important;
    }

    .d-acc-details .search-categories.mobile-tabs {
        float: none !important;
    }

    .iframe-video iframe {
        height: 200px !important;
    }

    .iframe-video h1 {
        font-size: 16px;
    }

    .has-search input::placeholder {
        font-size: 12px !important;
    }

    .events .nav-tabs .nav-link {
        font-size: 12px !important;
    }

    .searchevents .col-sm-3.search-btn {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .sort-btn button, .search-btn select {
        width: 100% !important;
    }

    .upcoming-events {
        flex: 100%;
        margin-right: 15px;
    }

    .shop-details .carousel-inner {
        min-height: 380px;
    }
}

@media only screen and (max-width:360px) {
    .custom-tooltip {
        width: 100% !important;
    }

    .shop-details .carousel-inner {
        min-height: 300px;
    }
  
    .home-banner .banner-details h1 {
        font-size: 32px !important;
        line-height: 32px !important;
    }
    .banner-details p {
        margin: 15px 0 !important;
        font-size:14px !important;
    }


}

@media only screen and (max-width:340px) {
    .events .nav-tabs .nav-link {
        padding: 7px;
    }
}

@media only screen and (max-width:320px) {
    .arizona-faq h1 {
        font-size: 18px;
    }
    .year-vertical-timeline ul li {
        margin-right: 9px !important;
    }
    
}



/*@page{ size:A4;}*/
@media only print {

    .printBtnClass {
        display: none;
    }

    header, footer, section.arizona-banner, #breadcrumbsection, .print-link, section.teacher-banner {
        display: none;
    }

    .active-leaner {
        width: 98%;
    }

    .btnprimary2, .btnsecondry {
        display: none;
    }

    div#divMyOrderItems {
        width: 95%;
    }

    .fullheader-popup {
        max-width: 95%;
        width: 95%;
        margin: 0 auto;
    }

    #divMyOrderCartPopup .logo {
        text-align: center;
    }

    #divMyOrderCartPopup button.close {
        display: none;
    }

    .full-popup .popupcontent, .full-popup .popup-contain, .full-popup .full-popup-content {
        overflow-x: hidden !important;
    }
}