@media only screen and (min-width:320px) and (max-width:991px){
    #header .primary-menu-wrapper .navbar-toggler-icon {display: block; float: right; width: 30px; position: relative; font-size: 30px; color: #fff; float: right; margin-top: 10px;}
    #header .primary-menu-wrapper .navbar-toggler-icon::before { content: "\f7a4"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
    #header .primary-menu-wrapper .navbar-toggler-icon.active::before{content: '\f00d';}
    #header.is-visible .primary-menu-wrapper .navbar-toggler-icon, 
    #header.active .primary-menu-wrapper .navbar-toggler-icon{color: rgb(0, 0, 0);}
    #header .primary-menu-wrapper .menu-wrapper {padding: 50px 10%; position: absolute; right: 0; top: 54px; height: 93vh; background-color: #fff; overflow-y: auto; display: none;}
    #header .primary-menu-wrapper .menu-wrapper li{width: 100%; margin-bottom: 20px; padding-bottom: 0; margin-right: 0;}
    #header .primary-menu-wrapper li.current-menu-item a {color: #000;}
    #header .google-logo {display: none;}
    #header .primary-menu-wrapper .menu-item.current-menu-item:after{content: none;}
    .featured-banner h1{width: 100%;}
    .prospectus-service{overflow: hidden;}
    .line-animation{display: none;}
    .home .featured-banner .featured-content h1 .firstrow, .home .featured-banner .featured-content h1 .lastrow{width: auto; font-size:2.4rem; text-align: left; float:none;}
    .page-professional-school-photography .featured-content{padding-bottom: 220px;}
    .featured-banner figure{width: 100%; margin: 0;}
    #header .primary-menu-wrapper .menu-wrapper li .sub-menu{display: block; position: initial; padding-left: 20px; background: transparent; box-shadow: none; min-width: 100%; margin-top: 20px;}
    #header .primary-menu-wrapper .menu-wrapper li .sub-menu li{border: none;}
    #header .primary-menu-wrapper .menu-wrapper li .sub-menu li.current-menu-item a{background: transparent;}
    #header .primary-menu-wrapper .menu-wrapper li .sub-menu li a{padding: 0; background: transparent;}
    #header .primary-menu-wrapper .menu-wrapper li a, #header .primary-menu-wrapper .menu-wrapper li .sub-menu li a{font-size: 1.2rem;}
    .page-contact #header .primary-menu-wrapper .navbar-toggler-icon, 
    .page-team #header .primary-menu-wrapper .navbar-toggler-icon,
    .latest_news-template-default #header .primary-menu-wrapper .navbar-toggler-icon,
    .page-news #header .primary-menu-wrapper .navbar-toggler-icon,
    .single-post #header .primary-menu-wrapper .navbar-toggler-icon,
    .page-portfolio #header .primary-menu-wrapper .navbar-toggler-icon,
    .woocommerce-page #header .primary-menu-wrapper .navbar-toggler-icon,
    .single-news #header .primary-menu-wrapper .navbar-toggler-icon,
    .page-template-default #header .primary-menu-wrapper .navbar-toggler-icon,
    .category #header .primary-menu-wrapper .navbar-toggler-icon,
    .error404 #header .primary-menu-wrapper .navbar-toggler-icon{color: #000;}
    .animation-col{display: none;}
    .page-how-we-work .featured-banner figure{top:325px;}
    .page-how-we-work .featured-content{padding-bottom: 350px;}
    .categorylist-post .work-listing li{width: 100%; margin-right:0;}
    .categorylist-post .work-listing li figure{height: auto;}
    .courses-col .workshop-col .workshop-list{width: 100%; margin-right: 0;}
}
@media only screen and (min-width:320px) and (max-width:767px){
    #header .primary-menu-wrapper {width: 40%;}
    #header .site-branding{width: 190px;}
    #header .primary-menu-wrapper .navbar-toggler-icon{margin-top: 0;}
    .site-footer .left-col, .site-footer .center-col, .site-footer .right-col{width: 100%; margin:0;}
    body{font-size: 0.875rem;}
    h1{font-size: 2.25rem;}
    h2{font-size: 1.75rem;}
    h3{font-size: 1.5rem;}
    h4{font-size: 1.125rem;}
    .pink-btn, .outline-btn{font-size: 1.125rem;}
    .featured-banner{padding:105px 0 0;}
    .featured-banner .detail{width: 100%; font-size: 1.5rem;}
    .upskill-col, .skill-col, .aboutus-col, .black-col, .approach-col, .site-footer, .traininglist-col, .talk-col,
    .example-col, .diversity-col, .nonprofit-benefits-col, .googlepro-col, .courses-col, .events-col, .news-col,
    .prospectus-marketing, .prospectus-approach, .prospectus-service, .wpservice-col, .wpcare-plan{padding: 50px 0;}
    .ceo-col, .wpservice-view-col, .wpservice-compare, .cms-col, .latest-profile{padding-top: 50px;}
    .upskill-col figure, .skill-col figure{order: 1; margin-left: initial; width:100%;}
    .upskill-col .content, .skill-col .content{width: 100%; order: 2;}
    .fixed-btn{padding: 10px 24px 9px; font-size: 1rem; width: 100%; right: 0; border-radius: 0; bottom: 0; text-align: center;}
    .aboutus-col .colinner{width: 100%; background: none; margin-right: 0; padding-top: 0; padding-bottom: 0; margin-bottom: 20px;}
    .ceo-col .ceo-content, .approach-col h2, .approach-col .bottomtext-col{width: 100%;}
    .aboutus-col .colinner ul{padding-left: 3%;}
    .ceo-col figure{width: 90%;}
    .black-col .black-inner figure{width:100%;}
    .black-col .black-inner.second figure{float:left; order: 1; margin-left: initial;}
    .black-col .black-inner .content{width: 100%; float:left;}
    .upskill-col .content .text p, .skill-col .content .text p, .ceo-col .ceo-content .text p,
    .black-col .black-inner .content .text p, .aboutus-col .colinner ul li, .upskill-col li{font-size: 1.2rem;}
    .black-col .black-inner.second{margin-bottom: 0;}
    .site-footer .left-col .subscribe-form h6{font-size: 2rem;}
    .site-footer .center-col .emailink, .site-footer .center-col .phone{font-size: 1.7rem;}
    .site-footer .center-col .social-row p{width: 100%; margin-bottom: 20px;}
    .site-footer .center-col p{font-size: 1.4rem;}
    .site-footer .center-col, .site-footer .right-col ul{display: none;}
    .site-footer .left-col .subscribe-form .form-field .wpforms-field-large{font-size: 1rem;height: 50px;}
    .site-footer .left-col .subscribe-form .wpforms-submit{font-size: 1rem;}
    .approach-col .num-box .box{width: 100%; margin-right: 0; padding: 60px 20px 20px;}
    .approach-col .num-box .box .detail p{font-size: 1.5rem;}
    .approach-col .num-box .box:nth-child(3){margin-left: 0;}
    .training-col .subhead{padding-top: 50px; font-size: 2rem;}
    .training-col h2{margin-bottom: 80px; width: 100%;}
    .traininglist-col figure{order: 1; width:100%;}
    .traininglist-col .side-bar{order: 2; width: 100%; margin-top: 20px;}
    .traininglist-col .side-bar h4{font-size: 1.8rem;}
    .traininglist-col .side-bar .content p{width: 100%; font-size: 1.2rem;}
    .talk-col h2{width: 93%;}
    .talk-col .talk-btn{padding: 15px 60px 20px; font-size: 2rem;}
    .contact-content .contact-left{width: 100%; margin-top: 0;}
    .contact-content .contact-left .contact-list li figure{width: 56px;}
    .contact-content .contact-left .contact-list li p{width: 76%; font-size: 1.2rem;}
    .contact-content .contact-right{width: 100%;}
    .contact-content .contact-right .contact-form .wpforms-field .wpforms-field-label,
    .contact-content .contact-right .contact-form .wpforms-field .wpforms-field-large{font-size: 1rem;}
    .contact-content .contact-right .contact-form .wpforms-submit{font-size: 1.2rem;}
    .contact-content{padding:105px 0 80px;}
    .example-col .subhead{font-size: 1.7rem; margin-bottom: 20px;}
    .example-col h2{width: 100%;}
    .example-col .num-box .box{width: 100%; margin-right: 0; padding-left: 20px; padding-right: 20px;}
    .example-col .num-box .box:first-child, .example-col .num-box .box:nth-child(5n), .example-col .num-box .box:nth-child(7n){margin-left: 0;}
    .example-col .num-box .box p{font-size: 1.2rem;}
    .diversity-col figure{order: 1; width: 100%;}
    .diversity-col .content{order: 2; float:left; width: 100%;}
    .diversity-col .content p{font-size: 1.2rem;}
    .nonprofit-benefits-col h2{width: 100%; font-size: 2.2rem;}
    .nonprofit-benefits-col .nonprofit-subhead-top, .nonprofit-benefits-col .nonprofit-subhead-bottom{width: 100%;}
    .nonprofit-benefits-col .nonprofit-subhead-top p, .nonprofit-benefits-col .nonprofit-subhead-bottom p{font-size: 1.2rem;}
    .nonprofit-benefits-col .marketing-box-outer{padding-bottom: 50px;}
    .nonprofit-benefits-col .marketing-box-outer .marketing-box{width: 100%; margin-right: 0;}
    .nonprofit-benefits-col .marketing-box-outer .marketing-box:nth-child(2),
    .nonprofit-benefits-col .marketing-box-outer .marketing-box:nth-child(3),
    .nonprofit-benefits-col .marketing-box-outer .marketing-box:nth-child(4),
    .nonprofit-benefits-col .marketing-box-outer .marketing-box:nth-child(5),
    .nonprofit-benefits-col .marketing-box-outer .marketing-box:nth-child(7){margin-top: 0;}
    .nonprofit-benefits-col .marketing-box-outer .marketing-box h4{font-size: 1.5rem;}
    .nonprofit-benefits-col .pink-btn{margin: 0 2%; font-size: 1rem; padding: 14px 16px 14px;}
    .certified-col{padding-bottom: 50px;}
    .certified-col .subhead{padding-top: 50px;}
    .certified-col h2{width: 100%;}
    .googlepro-col figure{order: 1; float:left; width:100%;}
    .googlepro-col .side-bar{order: 2; width: 100%; margin-left: initial;}
    .googlepro-col .side-bar h4{font-size: 1.5rem;}
    .googlepro-col .side-bar .content p{font-size: 1.2rem;}
    .googlepro-col .pink-btn{font-size: 1rem;}
    .courses-col .subhead{font-size: 2rem;}
    .courses-col h2{width: 100%;}
    .courses-col .workshop-col .workshop-list figure, .courses-col .workshop-col .workshop-list:nth-child(2) figure{order: 1; float:left;}
    .courses-col .workshop-col .workshop-list figure{width:30%;}
    .courses-col .workshop-col .workshop-list .inner{order: 2; width: 100%; float:left;}
    .courses-col .workshop-col .workshop-list .inner h4{font-size: 1.5rem;}
    .courses-col .workshop-col .workshop-list .inner article p{width:100%; font-size: 1.2rem;}
    .courses-col .workshop-col .workshop-list .pink-btn{font-size: 1rem;}
    .courses-col .bottom-text p{width: 100%; font-size: 1.5rem;}
    .courses-col .bottom-smalltext .smalltext{font-size: 1.3rem;}
    .courses-col .bottom-smalltext .pink-btn{font-size: 1rem; margin-top: 20px;}
    .client-col{padding-bottom: 50px;}
    .client-col h2{padding-top: 50px;}
    .home .featured-banner{padding-top: 150px;}
    .home .featured-banner .featured-content{padding-bottom: 50px;}
    .service-col{padding: 50px 0;}
    .service-col .left-col{width: 100%;}
    .service-col .left-col .text p{font-size: 1.5rem;}
    .service-col .left-col .pink-btn{width: 100%; font-size: 1.2rem; text-align: center;}
    .service-col .left-col .outline-btn{width: 100%; margin-top: 20px; font-size: 1.2rem; text-align: center;}
    .service-col .right-col{width: 100%; margin: 180px 0 100px;}
    .service-col .right-col .img3{right: 0;}
    .servicetype-heading{padding-bottom: 50px;}
    .servicetype-heading h2{width: 100%;}
    .servicetype1-col{background-size: auto; padding: 50px 0;}
    .servicetype1-col .left-heading, .servicetype1-col .right-content{width: 100%;}
    .servicetype1-col .left-heading .subhead{font-size: 2rem;}
    .servicetype1-col .left-heading .tab-heading .heading{font-size:1.7rem}
    .servicetype1-col .right-content .image-outer{height: 270px; margin-top: 50px;}
    .servicetype1-col .right-content .content-outer{margin-top: 20px;}
    .servicetype1-col .right-content .content-outer .content{font-size: 1.4rem;}
    .servicetype1-col .left-heading .orange-btn{font-size: 1rem; padding: 12px 40px 12px;}
    .servicetype2-col{padding: 50px 0;}
    .servicetype2-col .left-content{width: 100%; float:left; order: 2; margin-top: 20px;}
    .servicetype2-col .left-content .image-outer{height: 270px;}
    .servicetype2-col .left-content .content-outer{margin-top: 20px;}
    .servicetype2-col .right-heading{width: 100%; order: 1;}
    .servicetype2-col .right-heading .tab-heading .heading{font-size: 1.7rem;}
    .servicetype2-col .right-heading .white-btn{font-size: 1rem; padding: 12px 40px 12px;}
    .servicetype2-col .left-content .content-outer .content{font-size: 1.4rem;}
    .events-col .events-list{padding: 0 3%;}
    .events-col .events-list li{width: 100%; margin-right: 0; margin-bottom: 20px;}
    .events-col .events-list li h3{font-size: 1.8rem;}
    .news-col .news-inner .news-list li{width:100%; margin-right: 0;}
    .news-col .news-inner .black-btn{font-size:1rem; padding: 9px 40px 10px;}
    .news-col .news-inner .news-list li h4{font-size: 1.5rem;}
    .news-col .news-inner .news-list li .date{font-size: 1rem;}
    .client-col .client-list{display: block;}
    .client-col .client-list .client-img{display: block; padding: 0 1%; width: 100%; float: left; box-sizing: border-box;}
    .client-col .client-list .client-img img{padding: 0 5%;}
    .prospectus-intro{padding: 135px 0 50px;}
    .prospectus-intro h2{width: 100%; font-size: 2rem;}
    .prospectus-intro .sub-content{width: 100%; font-size: 1.2rem; margin-top: 20px;}
    .prospectus-marketing h2{width: 100%;}
    .prospectus-marketing .marketing-box-outer{margin-top: 40px;}
    .prospectus-marketing .marketing-box-outer .marketing-box{width: 100%; margin-right: 0; padding: 25px 3%;}
    .prospectus-marketing .marketing-box-outer .marketing-box h4{font-size: 1.5rem;}
    .prospectus-marketing .marketing-box-outer{padding-bottom: 20px;}
    .prospectus-marketing .pink-btn{margin-left: 20px; margin-top: 55px;}
    .prospectus-approach .heading{width: 100%; font-size: 2rem;}
    .prospectus-approach .subhead{width: 100%; margin-left: initial;}
    .prospectus-approach .subhead p{font-size: 1.5rem;}
    .prospectus-service .subhead{margin-bottom: 15px;}
    .prospectus-service .heading{font-size: 1.5rem;}
    .prospectus-service .text-slider .ticker i{font-size: 2rem;}
    .prospectus-service .text-slider .ticker.two{top: 50px;}
    .prospectus-service .text-slider .ticker.three{top: 100px;}
    .prospectus-service .text-slider .pink-text-link{font-size: 1rem; margin-top: 185px;}
    .prospectus-service .content{margin: 50px 0;}
    .prospectus-service .content p{width: 100%; font-size: 1.4rem;}
    .prospectus-service .pink-btn{font-size: 1rem; padding: 12px 40px 12px; margin-left: 20px;}
    .page-school-prospectus-design .prospectus-marketing .pink-btn{font-size: 1rem; padding:18px 20px 16px 10px;}
    .prospectus-marketing .sub-intro{font-size: 1.5rem;}
    .page-school-prospectus-design .featured-content figure{top: 335px;}
    .page-school-prospectus-design .featured-content{padding-bottom: 150px;}
    .wpservice-col h4{width:100%;}
    .wpservice-col .wpservice-list{width: 100%; padding-top: 40px;}
    .wpservice-col .wpservice-list li{width: 100%; margin-right: 0; padding: 30px 3%;}
    .wpservice-col .wpservice-list li:nth-child(2),
    .wpservice-col .wpservice-list li:nth-child(3),
    .wpservice-col .wpservice-list li:nth-child(7){margin-left: 0; margin-top:0;}
    .wpservice-col .wpservice-list li p{font-size: 1.2rem;}
    .wpservice-col .wpservice-list li .icon{width:40px;}
    .wpservice-col .info-text{font-size: 1.4rem;}
    .wpcare-plan .heading-outer .heading{font-size: 2.3rem; width: 100%; line-height: normal;}
    .wpcare-plan .heading-outer .subhead{width: 100%; font-size: 1.4rem;}
    .wpcare-plan .plan-list{margin: 50px auto 0;}
    .wpcare-plan .plan-list li{width: 100%; margin-right: 0; margin-bottom: 20px; height: auto;}
    .wpservice-compare .compare-table{overflow-x: auto;}
    .wpcare-plan .plan-list li .plan-btn{font-size: 1.2rem;}
    .wpcare-plan .plan-list li .plan-detail p{font-size: 1.2rem;}
    .wpcare-plan .plan-list li .plan-price .price-row .price{font-size: 5rem;}
    .wpcare-plan .plan-list li .plan-price{padding: 10px 0; margin: 20px 0;}
    .wpcare-plan .plan-list li .plansubhead{font-size: 1.4rem; width: 100%;}
    .wpcare-plan .plan-list li .planheaidng{font-size: 2rem; width: 100%; margin-bottom: 10px;}
    .wpservice-view-col .colinner{width: 92%; margin: 0 4% 20px; padding: 50px 5%;}
    .wpservice-view-col .colinner figure{width: 70px;}
    .wpservice-view-col .colinner .heading{font-size: 2.5rem;}
    .wpservice-view-col .colinner p{font-size:1.4rem}
    .wpservice-view-col .colinner a{font-size:1.2rem}
    .wpservice-compare h2{margin-bottom: 50px;}
    .wpservice-compare .compare-table .plan-table-layout{width: 860px;}
    .wpservice-compare .compare-table .plan-table-layout th{padding: 20px 15px;}
    .wpservice-compare .compare-table .plan-table-layout th a{font-size: 1rem;}
    .wpservice-compare .compare-table .plan-table-layout tbody tr td{font-size: 1rem; padding: 20px 15px;}
    .team-col h1{width: 100%; padding: 105px 4% 50px;}
    .team-col .team-list .list:nth-child(odd), .team-col .team-list .list:nth-child(even){width: 100%;}
    .team-col .team-list li{width: 92%; margin-left: 4%; margin-right: 4%; margin-bottom: 80px;}
    .team-col .team-list li figure{height: auto;}
    .team-col .team-list.trainerlist li{width: 92%;}
    .team-col .team-list li:nth-child(3n-1), .team-col .team-list li:nth-child(3n){margin-top: 0;}
    .team-col .team-list li .intro{padding:20px 20px 20px; bottom: -90px;}
    .team-col .team-list li .intro h4{font-size: 1.6rem;}
    .team-col .team-list li .intro .job{font-size: 1rem;}
    .team-col{padding-bottom: 0;}
    .team-col .team-popup{left:2%; top:100px; width: 96%; margin-left: 0; padding: 40px 20px; height: 50vh;}
    .team-col .team-popup .popup-inner figure{display: none;}
    .team-col .team-popup .popup-inner .left-col{width: 100%;}
    .team-col .team-popup .popup-inner .left-col h3{font-size: 2rem;}
    .team-col .team-popup .popup-inner .left-col h5{font-size: 1.5rem;}
    .team-col .team-popup .popup-inner .left-col .detail-col p{font-size: 1.2rem;}
    .team-col .team-popup .popup-inner .left-col .detail-col{height: 230px; overflow-y: auto;}
    .page-website-for-school .featured-banner h1{font-size: 2.5rem; width: 100%;}
    .school-intro .intro p{width: 100%; font-size: 1.2rem;}
    .school-intro .pink-btn{font-size: 1rem; margin-left: 20px;}
    .school-benefits, .school-benefits .leftimg{display: block; width: 100%;}
    .school-benefits .right-grey{width: 100%; display: block; padding: 50px 4%;}
    .school-benefits .right-grey .content p{font-size: 1.2rem;}
    .school-benefits .right-grey .benefit-list-outer .benefit-list .inner{width: 75%; font-size: 1.2rem;}
    .cms-col h2{width: 100%;}
    .cms-col .content p{width: 100%; font-size: 1.2rem;}
    .cms-col .cms-list{margin-top: 50px;}
    .cms-col .cms-list li{width: 100%;}
    .cms-col .cms-list li p{font-size: 1.2rem;}
    .cms-col .cms-list li:nth-child(2), .cms-col .cms-list li:nth-child(3),
    .cms-col .cms-list li:nth-child(4), .cms-col .cms-list li:nth-child(5),
    .cms-col .cms-list li:nth-child(7), .cms-col .cms-list li:nth-child(8),
    .cms-col .cms-list li:nth-child(9), .cms-col .cms-list li:nth-child(10){margin-top: 0;}
    .latest-profile{padding-bottom: 50px;}
    .latest-profile h2{width: 100%;}
    .latest-profile .profile-list li{width: 100%; margin-right:0; margin-bottom: 60px;}
    .latest-profile .profile-list li figure{margin-bottom: 10px;}
    .latest-profile .profile-list li .subhead{font-size: 1.2rem; margin-bottom: 10px;}
    .latest-profile .pink-btn{margin-top: 10px;}
    .bannerless-col, .bannerless-col.categorylist-post{margin-top: 150px;}
    .bannerless-col{margin-bottom: 50px;}
    .news-detail-col .center-text{padding: 0;}
    .page-news .news-list li{width: 100%; margin-right:0}
    .school-intro{padding: 50px 0;}
    .page-website-for-school .featured-banner .outer-col figure.img1{width: 100%; top:0;}
    .page-website-for-school .featured-banner .outer-col figure.img2,
    .page-website-for-school .featured-banner .outer-col figure.img3,
    .page-website-for-school .featured-banner .outer-col figure.img4,
    .page-website-for-school .featured-banner .outer-col figure.img5{display: none;}
    .page-portfolio .work-listing li{width: 100%; margin-right: 0;}
    .page-portfolio .work-listing li figure{margin-bottom: 10px; height: auto;}
    .page-portfolio .work-listing li h5{font-size: 1.4rem;}
    .page-portfolio .work-listing li h2{font-size: 2.2rem;}
    .page-portfolio .work-listing li a{width: 100%; border-radius: 0; text-align: center; padding: 4px 40px;}
    .woocommerce ul.products, .woocommerce-page ul.products{padding: 0 3%;}
    .page-how-we-work .workinto-col{padding-top: 120px;}
    .page-how-we-work .workinto-col .bottomtext-col{width: 100%;}
    .page-how-we-work .workinto-col .bottomtext-col p{font-size: 2rem;}
    .page-how-we-work .workinto-col h2{font-size: 3rem; margin-top: 50px;}
    .woocommerce-outer, .mainouter-col{margin-bottom: 50px;}
    .categorylist-post .work-listing{margin: 50px 0 50px;}
    .black-col .black-inner{margin-bottom: 50px;}
}
@media only screen and (max-width:1023px){
    .traininglist-outer .tabcol, .googlepro-outer .tabcol{width: 100% !important; padding: 30px 1%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
}

@media only screen and (min-width:768px) and (max-width:991px){
    #header .primary-menu-wrapper {width: 63%;}
    body{font-size: 1rem;}
    h1{font-size: 2.75rem;}
    h2{font-size: 2rem;}
    h3{font-size: 1.875rem;}
    h4{font-size: 1.8rem;}
    .page-website-for-school .featured-banner h1{font-size: 3rem; width: 100%;}
    .school-intro .intro p{width: 100%;}
    .school-benefits{display: block;}
    .school-benefits .leftimg{display: none;}
    .school-benefits .right-grey{width: 100%; display: block; padding: 140px 5%;}
    .cms-col h2, .cms-col .content p{width: 100%;}
    .cms-col .cms-list{display: flex; flex-direction: initial;}
    .cms-col .cms-list li{width: 49%; padding: 40px 2%; display: flex; flex-direction: column; flex-basis: content;}
    .team-col h1{font-size: 4rem;}
    .team-col .team-list .list:nth-child(odd),
    .team-col .team-list .list:nth-child(even){width: 100%;}
    .team-col .team-list li,
    .team-col .team-list.trainerlist li{width: 31%; margin-right: 2%;}
    .team-col .team-list li figure,
    .team-col .team-list.trainerlist li figure{height: 300px;}
    .team-col .team-list li .intro h4{font-size: 1.5rem;}
    .wpservice-col{padding: 110px 0;}
    .wpservice-col h4{width: 100%;}
    .wpservice-col .wpservice-list li{width: 49%;}
    .wpservice-col .wpservice-list li:nth-child(2){margin-top: 0;}
    .wpservice-col .wpservice-list li:nth-child(3), .wpservice-col .wpservice-list li:nth-child(7){margin-left: 0;}
    .wpcare-plan{padding: 110px 0;}
    .wpcare-plan .heading-outer .heading{width:100%; line-height: normal; font-size: 3rem;}
    .wpcare-plan .heading-outer .subhead{width: 100%;}
    .wpcare-plan .plan-list li{width:100%; margin-right: 0; margin-bottom: 30px; display: block; height: auto;}
    .wpcare-plan .plan-list li .plan-btn{float:left; width: 100%;}
    .wpservice-view-col{padding: 110px 0;}
    .wpservice-view-col .colinner{margin-bottom: 30px; margin-right: 0; width:100%;}
    .wpservice-view-col .colinner figure{width: 80px;}
    .wpservice-view-col .colinner .heading{font-size: 2.7rem;}
    .wpservice-compare{padding: 110px 0;}
    .wpservice-compare h2{margin-bottom: 80px;}
    .wpservice-compare .compare-table .plan-table-layout th{padding: 30px 10px; font-size: 1rem;}
    .wpservice-compare .compare-table .plan-table-layout th:first-child{width: 30%;}
    .wpservice-compare .compare-table .plan-table-layout th a{padding-left: 15px; padding-right: 15px; font-size: .70rem;}
    .wpservice-compare .compare-table .plan-table-layout tbody tr td{font-size: 1rem;}
    .page-school-prospectus-design .featured-content{padding-bottom: 320px;}
    .page-school-prospectus-design .featured-content figure{width: 95%;}
    .prospectus-intro{padding-top: 210px;}
    .prospectus-intro h2{font-size: 2.5rem; width: 100%;}
    .prospectus-service .content p{width: 100%;}
    .prospectus-marketing h2{width: 100%;}
    .prospectus-marketing .marketing-box-outer .marketing-box{width: 49%;}
    .prospectus-marketing .marketing-box-outer .marketing-box:nth-child(2),
    .prospectus-marketing .marketing-box-outer .marketing-box:nth-child(3),
    .prospectus-marketing .marketing-box-outer .marketing-box:nth-child(4),
    .prospectus-marketing .marketing-box-outer .marketing-box:nth-child(5){margin-top: 0;}
    .prospectus-marketing .marketing-box-outer .marketing-box h4{font-size: 1.5rem;}
    .prospectus-approach .heading{width: 100%;}
    .prospectus-approach .subhead{margin-top: 20px; width: 100%;}
    .prospectus-approach .subhead p{font-size: 2rem;}
    .talk-col{padding: 120px 0;}
    .talk-col h2{width: 100%;}
    .talk-col .talk-btn{font-size: 4rem;}
    .page-professional-school-photography .featured-content{padding-bottom: 440px;}
    .page-professional-school-photography .featured-content figure{width: 95%;}
    .prospectus-intro .sub-content{width: 100%;}
    .prospectus-marketing .marketing-box-outer{padding-bottom: 70px;}
    .prospectus-marketing{padding: 100px 0;}
    .home .featured-banner .featured-content h1 .firstrow{width: 75%;}
    .home .featured-banner .featured-content h1 .lastrow{width: 80%;}
    .service-col{padding-top: 80px;}
    .service-col .left-col{width: 100%;}
    .service-col .right-col{float:left; margin: 240px 14% 100px;}
    .servicetype-heading h2{width: 100%;}
    .client-col{padding-bottom: 100px;}
    .news-col{padding: 80px 0;}
    .news-col .news-inner .news-list li{width: 100%; margin-right: 0;}
    .events-col .events-list li{width: 100%; margin-right: 0;}
    .servicetype1-col .left-heading,
    .servicetype1-col .right-content{width: 100%;}
    .servicetype1-col .left-heading .subhead{width: 60%;}
    .servicetype1-col .left-heading .tab-heading .heading{font-size: 2.4rem;}
    .servicetype1-col .right-content .image-outer,
    .servicetype2-col .left-content .image-outer{margin-top: 50px; height: 500px;}
    .servicetype2-col .left-content{width: 100%; order: 2;}
    .servicetype2-col .right-heading{width:100%; order: 1;}
    .servicetype2-col .right-heading .tab-heading .heading{font-size: 2.4rem;}
    .featured-banner .detail{width: 100%;}
    .nonprofit-benefits-col{padding: 100px 0;}
    .nonprofit-benefits-col h2{width: 100%; font-size: 3.5rem;}
    .nonprofit-benefits-col .nonprofit-subhead-top,
    .nonprofit-benefits-col .nonprofit-subhead-bottom{width: 100%;}
    .nonprofit-benefits-col .marketing-box-outer .marketing-box{width: 49%;}
    .nonprofit-benefits-col .marketing-box-outer .marketing-box:nth-child(2),
    .nonprofit-benefits-col .marketing-box-outer .marketing-box:nth-child(3),
    .nonprofit-benefits-col .marketing-box-outer .marketing-box:nth-child(4),
    .nonprofit-benefits-col .marketing-box-outer .marketing-box:nth-child(5),
    .nonprofit-benefits-col .marketing-box-outer .marketing-box:nth-child(7){margin-top: 0;}
    .nonprofit-benefits-col .marketing-box-outer .marketing-box h4{font-size: 1.7rem;}
    .googlepro-col{padding: 140px 0;}
    .googlepro-col .side-bar{width: 100%; margin-top: 20px;}
    .googlepro-col.rightside .side-bar{order: 2;}
    .certified-col{padding-bottom: 100px;}
    .certified-col .subhead{padding-top: 100px;}
    .certified-col h2{width: 100%;}
    .courses-col h2{width: 100%;}
    .courses-col .workshop-col .workshop-list .inner{width: 100%; float:left;}
    .courses-col .workshop-col .workshop-list:nth-child(2) figure{float:left;}
    .courses-col .workshop-col .workshop-list .inner article p{width: 100%; font-size: 1.8rem;}
    .courses-col .bottom-text p{width: 100%; font-size: 1.8rem;}
    .courses-col .bottom-smalltext .smalltext{width: 100%; margin-right:0; margin-bottom: 20px;}
    .fixed-btn{padding: 13px 40px 12px; font-size: 1rem;}
    .example-col{padding: 100px 0;}
    .example-col h2{width: 100%;}
    .example-col .num-box .box{width: 47%;}
    .example-col .num-box .box:first-child,
    .example-col .num-box .box:nth-child(7n),
    .example-col .num-box .box:nth-child(5n){margin-left: 0;}
    .diversity-col{padding: 100px 0;}
    .diversity-col .content{width: 100%; margin-top: 20px;}
    .contact-content .contact-left{width: 100%; margin-top: 0;}
    .contact-content .contact-right{width: 100%;}
    .contact-content .contact-left .contact-list li figure{width: 70px;}
    .contact-content .contact-left .contact-list li p{font-size: 2rem;}
    .approach-col{padding: 100px 0;}
    .approach-col h2{width: 100%;}
    .approach-col .num-box .box{width: 48%;}
    .approach-col .bottomtext-col{width: 100%;}
    .approach-col .num-box .box{padding-left: 20px; padding-right: 20px;}
    .approach-col .num-box .box .detail p{font-size: 1.5rem;}
    .training-col .subhead{padding-top: 100px;}
    .training-col h2{width: 100%; margin-bottom: 100px;}
    .traininglist-col{padding: 100px 0;}
    .traininglist-col .side-bar{width: 100%; margin-top: 20px;}
    .traininglist-col.rightside figure{order: 1;}
    .traininglist-col.rightside .side-bar{order: 2;}
    .traininglist-col .side-bar .content p{font-size: 1.5rem;}
    .upskill-col{padding: 100px 0;}
    .upskill-col figure{order: 1; justify-content: normal;}
    .upskill-col .content{width: 100%; order: 2;}
    .skill-col{padding: 100px 0;}
    .skill-col figure{order: 1; float:left; margin-left: initial;}
    .skill-col .content{order: 2; width: 100%;}
    .aboutus-col{padding: 100px 0;}
    .aboutus-col .colinner{width: 100%; padding: 50px 3%; margin-bottom: 20px;}
    .aboutus-col .colinner ul{padding-left: 3%;}
    .ceo-col{padding: 100px 0 0;}
    .ceo-col .ceo-content{width: 100%;}
    .black-col{padding: 100px 0;}
    .black-col .black-inner figure{order: 1; float:left;}
    .black-col .black-inner .content{order: 2; width: 100%;}
    .black-col .black-inner.second figure{float:left;}
    .black-col .black-inner.second{margin-bottom: 0;}
    .site-footer .left-col{width: 100%;}
    .site-footer .center-col{width: 100%; margin: 40px 0 0;}
    .site-footer .right-col{display: none;}
    .team-col .team-popup{margin-left: 0; left: 4%;}
    .team-col .team-popup .popup-inner figure{width: 30%;}
    .team-col .team-popup .popup-inner .left-col{width: 65%;}
    .team-col .team-popup .popup-inner .left-col h3{font-size: 2.5rem;}
    .school-intro{padding-top: 205px;}
    .page-portfolio .work-listing li{width: 100%;}
    .page-portfolio .work-listing li h2{font-size: 2.2rem;}
    .page-portfolio .work-listing li figure{height: auto;}
    .page-news .news-list li{width: 48%;}
    .page-news .news-list li:nth-child(3n){margin-right: 2%;}
    .page-how-we-work .workinto-col .bottomtext-col p{font-size: 2rem;}
}
@media only screen and (min-width:768px){
    .news-col .news-inner .news-list li figure img,
    .page-news .news-list li figure img{width: auto; height: auto; max-width: 100%; max-height: initial/*100%*/;}
    .news-col .news-inner .news-list li figure,
    .page-news .news-list li figure{overflow: hidden; height: 260px;}
}
@media only screen and (min-width:1024px){
    .traininglist-outer .tabcol, .googlepro-outer .tabcol{order: 1;}
    .traininglist-col, .googlepro-col{order: 9;}
}
@media only screen and (min-width:992px) and (max-width:1199px){
    #header .site-branding{padding:0; width: 165px;}
    #header .google-logo{width: 127px; margin-top: 4px; padding-left: 0;}
    #header .primary-menu-wrapper{width: 63%;}
    #header .primary-menu-wrapper .menu-wrapper{margin-top: 7px;}
    #header .primary-menu-wrapper .menu-wrapper li{margin-right: 2%;}
    #header .primary-menu-wrapper .menu-wrapper li a{font-size: 0.9rem;}
    #header .primary-menu-wrapper .menu-wrapper li .sub-menu li a{font-size: 0.9rem;}
    body{font-size: 1.125rem;}
    h1{font-size: 3.5rem;}
    h2{font-size: 3rem;}
    h3{font-size: 2.5rem;}
    h4{font-size: 2rem;}
    .featured-banner .detail{width: 100%;}
    .home .featured-banner .featured-content h1 .line-animation{float:left; width: 100%; margin-top: -20px;}
    .home .featured-banner .featured-content h1 .lastrow{margin-top: -40px;}
    .page-professional-school-photography .featured-content figure{width: 95%;}
    .page-school-prospectus-design .featured-content figure{width: 95%;}
    .service-col .left-col{width: 59%;}
    .service-col .right-col{width: 38%;}
    .service-col .right-col .img3{right: 0;}
    .servicetype-heading h2{width: 79%;}
    .servicetype1-col .left-heading .tab-heading .heading,
    .servicetype2-col .right-heading .tab-heading .heading{font-size: 2rem;}
    .servicetype1-col .right-content .image-outer{height: 340px;}
    .servicetype2-col .left-content .image-outer{height: 320px;}
    .site-footer .left-col .subscribe-form h6,
    .site-footer .center-col .emailink,
    .site-footer .center-col .phone,
    .site-footer .center-col p{font-size: 1.8rem;}
    .site-footer .center-col .phone strong{width: 100%; float:left;}
    .site-footer .center-col .social-row p{width:100%; margin-bottom: 20px;}
    .site-footer .center-col .social-row a{margin-left: 0; margin-right: 18px;}
    .approach-col .num-box .box{width: 48%; }
    .black-col .black-inner figure{width: 39%;}
    .black-col .black-inner .content{width:57%;}
    .traininglist-col{padding: 140px 0;}
    .training-col h2{width: 90%;}
    .traininglist-col .side-bar{width: 45%;}
    .traininglist-col .side-bar .content p{font-size: 1.6rem;}
    .traininglist-outer .tabcol{font-size: 1.2rem;}
    .contact-content .contact-left .contact-list li figure{width: 65px;}
    .contact-content .contact-left .contact-list li p{width: 77%; font-size: 1.5rem;}
    .nonprofit-benefits-col .nonprofit-subhead-top{width: 100%;}
    .nonprofit-benefits-col .marketing-box-outer .marketing-box h4{font-size: 1.7rem;}
    .certified-col h2{width: 100%;}
    .googlepro-col{padding: 140px 0;}
    .googlepro-col figure{width: 35%;}
    .googlepro-col .side-bar{width: 60%;}
    .googlepro-col .side-bar .pink-btn{text-align: center;}
    .courses-col h2{width: 100%;}
    .courses-col .workshop-col .workshop-list figure{width: 35%;}
    .courses-col .workshop-col .workshop-list .inner h4{font-size: 2rem;}
    .courses-col .workshop-col .workshop-list .inner article p{width: 100%; font-size: 1.8rem;}
    .courses-col .bottom-text p{width: 100%;}
    .nonprofit-benefits-col h2{width: 100%;}
    .nonprofit-benefits-col .nonprofit-subhead-bottom{width: 100%;}
    .prospectus-intro h2{width: 100%; font-size: 2.5rem;}
    .prospectus-intro .sub-content{width: 100%;}
    .prospectus-marketing .marketing-box-outer .marketing-box h4{font-size: 1.6rem;}
    .prospectus-approach .heading{width: 35%;}
    .prospectus-approach .subhead{width: 59%;}
    .prospectus-approach .subhead p{font-size: 2rem;}
    .prospectus-service .heading{font-size: 2.5rem;}
    .prospectus-service .content p{width: 100%;}
    .prospectus-service{overflow: hidden;}
    .wpservice-col h4{width: 100%;}
    .wpservice-col .wpservice-list li:nth-child(3), .wpservice-col .wpservice-list li:nth-child(7){margin-left: 0;}
    .wpservice-col .wpservice-list li{width: 49%;}
    .wpcare-plan .heading-outer .heading{line-height: normal; font-size: 3rem;}
    .wpcare-plan .heading-outer .subhead{width: 100%;}
    .wpcare-plan .plan-list li{padding-left: 10px; padding-right: 10px;}
    .wpcare-plan .plan-list li .plan-price .price-row .price{font-size: 5rem;}
    .wpcare-plan .plan-list li .plansubhead{font-size: 1.7rem;}
    .wpcare-plan .plan-list li .plan-detail p{font-size: 1.4rem;}
    .wpservice-view-col .col .heading{font-size: 3.4rem;}
    .wpservice-compare .compare-table .plan-table-layout th{padding: 30px 20px;}
    .wpservice-compare .compare-table .plan-table-layout th:first-child{width: 31%;}
    .wpservice-compare .compare-table .plan-table-layout tbody tr td{padding: 20px;}
    .team-col .team-list li .intro{padding-left: 10px; padding-right: 10px;}
    .team-col .team-list li .intro h4{font-size: 1.7rem;}
    .team-col .team-list li .intro{bottom: auto; top: 300px;}
    .page-website-for-school .featured-banner h1{font-size: 3.7rem; width: 100%;}
    #header .primary-menu-wrapper .menu-item.current-menu-item:after{bottom: -10px;}
    .school-intro .intro p{width: 100%;}
    .school-benefits .right-grey{padding: 80px 2%;}
    .school-benefits .right-grey h2{font-size: 2.5rem;}
    .school-benefits .right-grey .content p{font-size: 1.8rem;}
    .school-benefits .right-grey .benefit-list-outer .benefit-list .inner{width: 82%;}
    .cms-col h2, .cms-col .content p{width: 100%;}
    .cms-col .cms-list li{padding-left: 2%; padding-right: 2%; width: 32%;}
    .latest-profile h2{width: 100%;}
    .team-col .team-list li figure{height: 400px;}
    .team-col .team-list.trainerlist li figure{height: 315px;}
    .team-col .team-popup{margin-left: 0; left: 4%;}
    .team-col .team-popup .popup-inner .left-col h3{font-size: 3rem;}
    .team-col .team-popup .popup-inner .left-col .detail-col{height: 330px;}
    .team-col .team-popup .popup-inner .left-col .detail-col p{font-size: 1.2rem;}
    .team-col .team-popup{height: 550px;}
    .team-col .team-popup .popup-inner .left-col{width: 60%;}
    .team-col .team-popup .popup-inner figure{width: 30%;}
    .page-website-for-school .featured-banner .outer-col figure.img3{top: -90px;}
    .page-website-for-school .featured-banner .outer-col figure.img4{top: -70px;}
    .talk-col h2{width: 70%;}
    .page-how-we-work .workinto-col .bottomtext-col{width: 100%;}
    .page-how-we-work .workinto-col .bottomtext-col p{font-size: 2.5rem;}
    .page-how-we-work .workinto-col h2{font-size: 3.5rem;}
    .page-portfolio .work-listing li{width: 48%;}
    .page-portfolio .work-listing li:nth-child(3n){margin-right: 2%;}
    .categorylist-post .work-listing li{width: 48%;}
    .categorylist-post .work-listing li figure{height: auto;}
    .example-col .num-box .box{width: 48%;}
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    #header .site-branding{width: 200px;}
    #header .primary-menu-wrapper .menu-wrapper{margin-top: 6px;}
    #header .primary-menu-wrapper .menu-wrapper li{margin-right: 15px;}
    #header .primary-menu-wrapper .menu-wrapper li a{font-size: 1.1rem;}
    #header .primary-menu-wrapper .menu-wrapper li .sub-menu li a{font-size: 1.1rem;}
    #header .primary-menu-wrapper .menu-item.current-menu-item:after{bottom: -11px;}
    #header .google-logo{width: 165px; margin-top: 5px;}
    .fixed-btn{font-size: 1rem;}
    body{font-size: 1.125rem;}
    h1{font-size: 3.75rem;}
    h2{font-size: 3.5rem;}
    h3{font-size: 3rem;}
    h4{font-size: 1.5rem;}
    .home .featured-banner .featured-content h1 .firstrow{width: 70%;}
    .home .featured-banner .featured-content h1 .lastrow{width: 87%;}
    .servicetype1-col .left-heading .tab-heading .heading{font-size: 2.7rem;}
    .servicetype1-col .right-content .image-outer{height: 405px;}
    .servicetype2-col .left-content .image-outer{height: 450px;}
    .servicetype2-col .right-heading .tab-heading .heading{font-size: 2.7rem;}
    .page-website-for-school .featured-banner h1{width: 100%; font-size: 4rem;}
    .school-intro .intro p{width: 100%;}
    .school-benefits .right-grey{padding: 80px 4%;}
    .school-benefits .right-grey .content p{font-size: 1.4rem;}
    .school-benefits .right-grey .benefit-list-outer .benefit-list .inner{font-size: 1.4rem;}
    .cms-col .cms-list li p{font-size: 1.4rem;}
    .team-col .team-list li figure{height: 475px;}
    .team-col .team-list.trainerlist li figure{height: 370px;}
    .team-col h1{width: 100%;}
    .team-col .team-list li .intro{top: 320px;}
    .team-col .team-popup{max-width: 970px; margin-left: -485px; height: 600px;}
    .team-col .team-popup .popup-inner .left-col h3{font-size: 3.4rem;}
    .team-col .team-popup .popup-inner .left-col .detail-col{height: 300px; overflow-y: auto;}
    .team-col .team-popup .popup-inner .left-col .detail-col p{font-size: 1.2rem;}
    .featured-banner h1{width: 100%;}
    .wpcare-plan .heading-outer .heading{font-size: 4rem; line-height: 70px;}
    .wpcare-plan .heading-outer .subhead{width: 75%;}
    .wpcare-plan .plan-list li{padding: 30px 20px 40px;}
    .wpcare-plan .plan-list li .planheaidng{font-size: 2rem;}
    .wpcare-plan .plan-list li .plansubhead{font-size: 1.6rem;}
    .wpcare-plan .plan-list li .plan-price .price-row .price{font-size: 6rem;}
    .wpcare-plan .plan-list li .plan-detail p{font-size: 1.2rem;}
    .wpservice-view-col .col{padding: 60px 4%;}
    .wpservice-view-col .col figure{width: 80px;}
    .wpservice-view-col .col .heading{font-size: 2.8rem;}
    .wpservice-compare .compare-table .plan-table-layout th{padding-left: 20px; padding-right: 20px;}
    .wpservice-compare .compare-table .plan-table-layout tbody tr td{font-size: 1.2rem;}
    .prospectus-intro h2{width: 100%;}
    .prospectus-marketing .marketing-box-outer .marketing-box h4{font-size: 1.5rem;}
    .prospectus-approach .subhead p{font-size: 2rem;}
    .featured-banner .detail{width: 100%;}
    .nonprofit-benefits-col .marketing-box-outer .marketing-box h4{font-size: 1.3rem;}
    .googlepro-col .side-bar{width: 50%;}
    .googlepro-col figure{width: 35%;}
    .googlepro-col .side-bar .content p{font-size: 1.4rem;}
    .googlepro-col .side-bar .pink-btn{font-size: 1.3rem; padding-left: 20px; padding-right: 20px;}
    .courses-col .workshop-col .workshop-list figure{width: 35%;}
    .courses-col .workshop-col .workshop-list .inner article p{font-size: 1.4rem;}
    .diversity-col .content p{font-size: 1.4rem;}
    .approach-col .num-box .box{width: 43%;}
    .approach-col .num-box .box .detail p{font-size: 1.5rem;}
    .traininglist-col .side-bar .content p{font-size: 1.4rem;}
    .traininglist-outer .tabcol{font-size: 1.3rem;}
    .black-col .black-inner figure{width: 35%;}
    .black-col .black-inner .content{width: 57%;}
    .talk-col h2{width: 85%;}
    .talk-col .talk-btn{font-size: 4rem;}
    .site-footer .left-col .subscribe-form h6{font-size: 2rem;}
    .site-footer .center-col{width: 34%; margin: 0 4%;}
    .site-footer .center-col .emailink{font-size: 2rem;}
    .site-footer .center-col .phone{font-size: 1.2rem;}
    .site-footer .center-col .social-row p{width: 100%; margin-bottom: 20px;}
    .site-footer .center-col p{font-size: 1.8rem;}
    .site-footer .right-col ul li a{font-size: 1.4rem;}
    .contact-content .contact-left .contact-list li figure{width: 71px;}
    .contact-content .contact-left .contact-list li p{font-size: 1.4rem;}
    .cms-col .cms-list li{width: 32%;}
    .page-how-we-work .workinto-col{padding-top: 200px;}
    .page-how-we-work .workinto-col .bottomtext-col p{font-size: 2rem;}
    .page-how-we-work .workinto-col h2{font-size: 3.5rem;}
    .page-how-we-work .featured-content {padding-bottom: 440px;}
    .categorylist-post .work-listing li:nth-child(3n){margin-right: 0;}
}
@media only screen and (min-width:1400px){
    #header .site-branding{width: 220px;}
    #header .primary-menu-wrapper .menu-wrapper{margin-top: 9px;}
    #header .primary-menu-wrapper .menu-wrapper li a{font-size: 1.2rem;}
    #header .primary-menu-wrapper .menu-wrapper li .sub-menu li a{font-size: 1.2rem;}
    #header .primary-menu-wrapper .menu-item.current-menu-item:after{bottom: -10px;}
    #header .primary-menu-wrapper .menu-wrapper li#menu-item-613 .sub-menu{min-width: 295px;}
    #header .primary-menu-wrapper .menu-wrapper li#menu-item-40 .sub-menu{min-width: 355px;}
    #header .google-logo{width: 170px;}
    h1{font-size: 4.5rem;}
    h2{font-size: 4rem;}
    h3{font-size: 3rem;}
    h4{font-size: 2.6rem;}
    .fixed-btn{font-size: 1.2rem;}
    .featured-banner h1{width: 86%;}
    .featured-banner .detail{font-size: 1.5rem;}
    .approach-col .num-box .box .detail p{font-size: 1.5rem;}
    .home .featured-banner .featured-content h1 .firstrow{width: 65%;}
    .home .featured-banner .featured-content h1 .lastrow{width: 84%; margin-top: -60px;}
    .home .featured-banner .featured-content h1 .line-animation{float:left; width: 100%; margin-top: -35px;}
    .service-col .right-col{width: 40%;}
    .service-col .left-col h2{font-size: 3.3rem;}
    .servicetype1-col .left-heading .tab-heading .heading{font-size: 3.2rem;}
    .servicetype1-col .right-content .content-outer{margin-top: 0;}
    .servicetype2-col .right-heading .tab-heading .heading{font-size: 3.2rem;}
    .servicetype2-col .left-content .content-outer{margin-top:0;}
    .aboutus-col .col{padding-left: 5%; padding-right: 5%;}
    .ceo-col .ceo-content{width: 51%;}
    .ceo-col figure{width: 48%;}
    .black-col .black-inner figure{width: 40%;}
    .contact-content .contact-left .contact-list li figure{width: 80px;}
    .school-benefits .right-grey{padding: 80px 3%;}
    .school-benefits .right-grey h2{font-size: 3.4rem;}
    .school-benefits .right-grey .content p{font-size: 1.6rem;}
    .cms-col .cms-list li{padding: 40px 3%;}
    .cms-col .cms-list li p{font-size: 1.3rem;}
    .googlepro-col .side-bar .pink-btn{font-size: 1.2rem; padding-left:12px; padding-right:12px;}
    .googlepro-col .side-bar .pink-btn{font-size: 1.2rem; padding-left: 20px; padding-right: 20px;}
    .wpservice-col .wpservice-list li h4{font-size: 2.3rem;}
    .wpcare-plan .heading-outer .heading{width: 70%; font-size: 5rem;}
    .wpcare-plan .plan-list li{padding-left:20px; padding-right: 20px;}
    .wpcare-plan .plan-list li .planheaidng{font-size: 2.5rem;}
    .wpcare-plan .plan-list li .plan-detail p{font-size: 1.5rem;}
    .wpservice-view-col .col .heading{font-size: 3.3rem;}
    .site-footer .left-col .subscribe-form h6{font-size: 2.3rem;}
    .site-footer .center-col .social-row p{width: 100%; margin-bottom: 20px;}
    .site-footer .center-col .emailink, 
    .site-footer .center-col .phone, 
    .site-footer .center-col p{font-size: 2rem;}
    .categorylist-post .work-listing li:nth-child(3n){margin-right: 0;}
}
@media only screen and (min-width:1400px) and (max-width:1799px){
    .team-col .team-list li figure{height: 550px;}
    .team-col .team-list.trainerlist li figure{height: 430px;}
}

.wp-block-separator{height: 0 !important; border: none;}
.privacy-policy h5, .page-terms-conditions h5{margin-top: 30px;}
.privacy-policy h1, .page-terms-conditions h1{margin-bottom: 120px;}