@media (min-width:1440px) and (max-width:2400px) {
    .container{ width:1430px;}
}

@media (max-width:1440px) {
    .container{ width:1280px;}
    .wsmenu-list > li { padding-left:10px;}
    /*.slider-text{right: 20px;}*/
    .donate-sec p{font-size: 17px;}

    /****** Content with Sidebar *******/
    .inner-banner{ height:356px;}

}

@media (min-width:1301px) {
    .slider-text .text-center { width:55%; top:50%;transform:translateY(-50%); bottom:auto;}
}
@media (max-width:1300px) {
    .container{ width:1170px;}
    .wsmenu-list > li{ padding:0px;}
    .slider-img{height: 310px;}
    .slider-text {width: 900px; height: 450px; background-size:auto 450px; }
    .slider h2{font-size: 32px; line-height: 42px; margin-bottom:10px;}
    .slider-text .text-center { width:55%; bottom:0px;top:30%;}
    .slider-text strong{ font-size: 22px; margin-bottom:30px;}
    .newsletter .input-text{width: 80%; min-width: inherit;}
    footer .content-right{padding:0 0px 0 40px;}
}

@media (max-width:1201px) {
    body{font-size: 17px; line-height: 26px;}
    .container{ width: 970px;}
    a.classes{padding: 0 32px; font-size: 18px;}
    .social ul li:first-child{margin-right: 15px;}
    .wsmenu-list > li{ padding:0px;}
    .wsmenu{margin-top: 43px; font-size: 13px !important;}
    .wsmenu-list > li > a{ padding: 0 10px;}
    .slider-img { height: 270px;}
    .slider-text {width: 660px; background-size:auto 350px; height: 350px; }
    .slider h2{font-size: 24px; line-height: 34px;}
    .btn{line-height: 40px; font-size: 17px; padding: 0 20px;}
    .slider-text strong { font-size: 20px; margin-bottom: 20px;}
    .donate-sec a{ width: 290px; height: 117px; line-height: 120px;}
    .donate { padding: 10px 70px;}
    .cat-detail h2{font-size: 20px;}
    .cat-detail p { margin-bottom:10px;}
    .cat-detail a{font-size: 18px;}
    .cat-detail{height: 80px;}
    .latest-news h3 {font-size: 22px; margin-bottom: 5px;}
    .latest-news .date{font-size: 18px; margin-bottom: 15px;}
    .latest-news a { font-size: 18px;}
    .links{margin-bottom: 10px;}
    footer h2 { font-size: 22px;}
    footer .content-right { padding: 0 0 0 10px;}
    .content-right h2 {font-size: 18px; margin-bottom: 8px;}
    .newsletter{margin-top: 11px;}
    .input-text{margin-bottom: 15px;}
    .newsletter .input-group { padding-bottom: 10px;}
    .newsletter .btn{min-width: 240px; margin-top: 0;}
    .copyright-text{margin: 30px 0 10px; font-size: 15px;}
    .designby{font-size: 15px;}

    /****** Detailed Secondary Page  *******/
    .classes-detail{padding-top: 0px;}
    .inner-page h3{ font-size:20px;}
    .classes-detail h2{ font-size:22px;}
    .btn-gray { font-size: 17px; line-height: 40px; padding: 0 20px;}
    .btn-outline{padding: 0 15px; line-height: 56px; font-size: 16px;}

    /****** Content with Sidebar *******/
    .inner-banner{ height:250px;}

    /****** Category Listing *******/
    .class-main h2{ font-size:22px;}
    .class-main{ margin-bottom: 50px;}
    .content-left { padding-right: 15px;}

    /****** Class Listing *******/
    .search-by, .type-when{ padding: 0 5%;}

}

@media (max-width:991px) {
    body{font-size: 17px; line-height: 24px;}
    .container{ width: 750px;}
    .alignleft { width:50%; margin:0 30px 30px 0;}
    .alignright {width:50%; margin:0 0 30px 30px;}
    .aligncenter {width:auto; margin:auto auto 30px auto;}

    .social ul li:first-child{ display:none;}
    a.classes{padding: 0 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
    .logo {width:150px;}
    .wsoffcanvasopener .animated-arrow{ position:fixed;}
    .wsoffcanvasopener .animated-arrow span::before, .wsoffcanvasopener .animated-arrow span::after{background: #FFFFFF; height:4px;}
    .wsoffcanvasopener .animated-arrow span::before, .animated-arrow.active span::after{top: 11px;}
    .wsoffcanvasopener .animated-arrow span, .wsoffcanvasopener .animated-arrow span::before, .wsoffcanvasopener .animated-arrow span::after{ width:22px;}
    .wsmenu > .wsmenu-list > li > a{padding: 9px 7px; text-align:right;}

    .wsmenu {margin-top: 0;}
    .wsmenu .wsmenu-list{margin-top: 60px;}
    .wsmenu .wsmenu-list > li{ margin:0px;}
    .wsmenu-list > li > a.active{color: #FFFFFF !important;}
    .wsmenu > .wsmenu-list > li > a{font-size: 14px; color:#FFFFFF !important; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
    .wsmenu-list > li > a:hover, .wsmenu-list > li > a:focus{color: #FFFFFF !important;}
    .wsmenu-list > li:hover > a{background-color: rgba(0, 0, 0, 0) !important; color: #4a4a4a !important;}
    .wsmenu-list > li:hover .wsmenu-click i{color: #4a4a4a;  -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
    .wsmenu-list li:last-child .social a{ font-size: 24px; padding: 0 5px; color: #fff;}
    .wsmenu-list li:last-child .social { text-align: right; padding-top: 9px;}
    .wsmenu-list li:last-child .social .fa-facebook:hover , .wsmenu-list li:last-child .social .fa-twitter:hover, .wsmenu-list li:last-child .social .fa-instagram:hover {color: #4a4a4a;  -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
    .wsmenu-submenu{ width:100%; background:rgba(0,0,0,0.4);}
    .wsmenu-submenu > li > a:hover{ background:rgba(0,0,0,0.2) !important; color:#FFF !important;}

    .slider-img { height: 230px; }
    .slider-text {width: 475px; background-size:auto 230px; height: 230px;}
    .slider h2{font-size: 20px; line-height: 26px;}
    .slider-text .text-center { right: 20px;top: 40px; width: 55%; left: 40px;}
    .slider-text strong {font-size: 16px; margin-bottom: 15px;}
    .btn { font-size: 14px; line-height: 26px; padding: 0 15px;}
    /*.cat-detail h2:after{ content:"f0d8"; font-size:20px; font-family:'FontAwesome'; position:absolute; right:0; top:5px;}*/
    /*.cat-main:hover .cat-detail h2:after{ content:"f0d7";}*/
    .donate { padding: 10px 0px;}
    .donate-sec h2{font-size: 18px;}
    .donate-sec p {font-size: 15px;}
    .latest-news h3 { font-size: 20px;}
    .latest-news p{color: #999999; overflow:hidden;padding-bottom:0 !important;}
    .latest-news .date{font-size: 15px; margin-bottom: 12px;}
    .latest-news a {font-size: 17px; font-weight:600; text-transform:uppercase; /*padding:3px 25px; */font-family:'Lato', Arial, Helvetica, sans-serif; min-width:150px; display:inline-block; text-align:left; /*border:1px solid #333;*/}
    /*.latest-news a:hover, .latest-news a:focus{border:1px solid #e95425;}*/
    footer{background:url(../images/footer-bg.jpg) no-repeat top center;}
    .links, address{padding-left:30px;}
    footer::before{width: 100%; height: 52%;}
    footer::after{width: 100%; top:52%;}
    footer .content-right{ padding-top:100px; padding-left:30px;}

    /****** Detailed Secondary Page  *******/
    .inner-page h3{ font-size:18px;}
    .inner-page h2{ font-size:20px;}
    .classes-detail h2{ font-size:20px;}
    .btn-gray { font-size: 16px; line-height: 36px; padding: 0 10px; min-width: 180px;}
    .btn-outline{padding: 0 15px; line-height: 56px; font-size: 16px;}

    /****** Content with Sidebar *******/
    .inner-banner{ height:190px;}
    .content-left::after{ display:none;}

    /****** Category Listing *******/
    .class-detail{padding: 0px 0 0 0; word-break: break-word; }
    .class-main h2 { font-size: 18px;}
    .content-left { padding-right:0px;}
    .class-detail p{ display:none !important;}
    .class-main p{ display: block; float: left; width: 100%; color:#000; margin-top:15px;}

    /****** Class Listing *******/
    .explore-btn{ min-width:257px; line-height: 56px; font-size:18px;}
    .search-by, .type-when{padding: 0;}
    .filter-result{padding: 0 10%;}
    .filter-result .btn{ font-size: 18px;}
    .search-category a, .weekly a{ font-size:14px;}

}

@media (max-width:767px) {
    body{font-size: 16px; line-height: 22px;}
    .container{ width:100%;}
    .alignleft, .alignright { width:40%;}
    .aligncenter {width:100%;}
.slider-text .text-center { width: 100% !important;}
    .logo { width: 120px;}
    .wsmenu .wsmenu-list{ height:85%;}
    .animated-arrow{padding: 20px 30px 16px 0;}
    .slider-text{ background-color: rgba(0,0,0,0.5); background-image: none !important;}
    .slider-text .text-center{position: relative; top:0; left: 0px;}
    .slider-text{ width:100%; height: auto; padding:10px 0;}
    .slider-text strong{ margin-bottom:7px;}
    .slider h2 br{ display:none;}
    #slider-main .owl-controls{ display:none;}
    .slider h2{ line-height:22px; margin: 5px 5px 10px 5px;}
    #slider-main .owl-controls{ text-align:right; left: inherit;}
    .category-sec .container, .post-sec .container{padding:0px;}
    .post-sec{ background:#FFF; padding-top:0; padding-bottom:0px;}
    .cat-main{ padding:0 0 15px 0;}
    .category-sec{ padding-bottom:0px;}
    /*.cat-detail h2:after{ content:"f0da"; font-size:35px; font-family:'FontAwesome'; position:absolute; right:0; top:5px;}
    .cat-main:hover .cat-detail h2:after{ content:"f0da";}
    */
    .cat-detail {height: 80px;}
    #wall .dcsns-toolbar { display: none;}
    .stream li{width: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
    footer{padding: 30px 0 15px 0;}
    .links, address{padding-left: 30px;}
    .follow-main ul{ margin:0px;}
    footer .content-right { padding-top: 50px; padding-left: 30px;}
    footer::before {height: 79%;}
    footer::after {top: 79%;}
    .stream {
        width:100% !important;
    }
    .stream li .inner{ padding-left:0; padding-right:0;}
    .stream li .section-text, .stream li .section-share{padding-left:15px; padding-right:15px;}
    .dcsns-li .socicon{bottom: 15px;}
    .stream li .inner{margin-top: 20px;}
    .section-intro > img {display: none;}


    /****** Detailed Secondary Page  *******/
    .inner-page { padding:0 0 30px 0;}
    .classes-detail { padding-top: 20px;}
    .inner-page h3{ font-size:18px;}
    .classes-detail h2{ font-size:18px;}
    .btn-outline{padding: 0 15px; line-height: 50px; font-size: 16px;}
    .content-left { padding-right:0px;}
    .full-content{ padding-top:30px;}
    hr{margin:20px 0 20px 0; padding:0px;}

    /****** Category Listing *******/
    .mt-30{ margin-top:0px;}
    .class-top{ display:none;}
    .class-main h2 { font-size: 16px;}
    .class-date{font-size: 14px;}
    .class-main{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid rgba(151,151,151,0.5);}
    .class-main i{ font-size:32px; color:#e95425; float:right; margin-bottom:10px;}
    .class-main:last-child{ margin-bottom:0px;}
    .class-title{ font-size:14px;}
    .more a{margin-top:30px;}


}

@media (max-width:640px) {
    .logo { width: 95px;}	
    .alignleft {width:100%; margin: 0 0px 30px 0;}
    .alignright {width:100%; margin: 0 0px 30px 30px;}

    .header-main{padding: 10px 0;}
    .animated-arrow { padding: 14px 20px 16px 0;}
    .wsoffcanvasopener .animated-arrow{padding: 14px 30px 16px 0;}
    .wsmenu .wsmenu-list { margin-top: 50px;}
    footer h2 {font-size: 20px;}

    .dates {width:200px; float:none; margin:auto; }
    .dates span { width:100%; }
    .weekly li:last-child { width: 100%;}
}

@media (max-width:480px) {
    .slider h2{ font-size:18px; line-height: 20px; margin: 0 auto;  max-width: 290px;}
    .btn{font-size: 12px; line-height: 21px;  min-width:inherit;}
    .cat-detail h2 { font-size: 18px; margin-bottom:10px;}
    .cat-detail { padding:10px 15px;}
    .designby { font-size: 13px;}
    .new_camp_render{float: left; width: 100%;}
    .current_campus{float: left; width: 100%;}
    .new_camp_render img {width:95% !important;height:auto !important;margin:5px 5px 5px 0;}
    .current_campus img{width:95% !important;height:auto !important;margin:5px;}

}

@media (max-width:360px) {
    .wsmenu{width: 100%; right: -100%;}
}
@media (max-width:359px) {
    /*.links, address { padding-left: 0px;}	*/
    /*footer .content-right{padding-left:0px;}*/
}
.top-search{
    position: absolute;
    top: 40px;
    display:none;
    width: 200px;
    z-index: 9999;
}
input.top-search-input {
    width: 100%;
}
#slider-main1 .item{
    position:relative;
}
.logo img{
    max-width: 160px;
}
.paging {
    margin: 15px 0;
    font-size: 14px;
}
.paging a{
    font-size: 14px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 16px;
}
.news-list-item{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ccc
}
.home-category-item {
    float: left;
    padding: 0 3px;
    width: 33.333%;
}
@media (max-width:1024px) {
    .home-category-item {
        float: left;
        padding: 0 3px;
        width: 50%;
    }
}
@media (max-width:500px) {
    .home-category-item {
        float: left;
        padding: 0 3px;
        width: 100%;
    }
}

.wsmenu-submenu > li:hover > a{
    color : #4a4a4a !important
}
.wsmenu-submenu > li > ul > li:before{
    content: "";
}
.wsmenu-submenu > li > ul > li > a{
    text-align: left;
    color :#4a4a4a !important;
}
.wsmenu-submenu > li > ul > li > a:hover{
    color : #5bc4bf !important;
    text-align: left;
}

img.news-main-image {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width:400px;
}
.featured-show-date{
    margin-bottom :10px;
}
.news-main-content{
    padding: 10px 0px;
    margin-top:30px;		
}
.news-main-content:after{
    content:"";
    width:100%;
    clear:both;
}
@media only screen and (max-width: 991px){
    .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a {
        line-height: normal;
        height: auto;
    }
}
.show-in-mobile-search{
    display:none !important;
    margin-left: 8px !important;
}

@media only screen and (max-width: 990px){
    .show-in-mobile-search{
        display: inline-block !important;
    }

    a.classes {
        padding: 0 32px;
        font-size: 14px;
    }

}


i.wsmenu-arrow.fa.fa-angle-down.wsmenu-rotate {
    margin-left: 14px;
}

.latest-news a.read-more {
    width: auto;
    display: inline;
    min-width: auto;
    text-transform: none;
    font-size: 15px;
}

.events{ width:100%; float:left; padding:30px 0px;}
.events h2{ font-size:22px; margin-bottom:30px;}
.events h3{font-size:20px; margin-bottom:10px; }
.events .date{ font-size:18px; font-family:'Lato', Arial, Helvetica, sans-serif;}
.events  p{ font-family:'Lato', Arial, Helvetica, sans-serif;}
.events a{font-family:'BrownStd', Arial, Helvetica, sans-serif; font-size:20px;}




/****** For calendar view ******/

.none{ display:none;}
.dropdown {
    color: #444444;
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    font-weight: normal;
    margin: 0 8px;
}
#calender_section h2{ background-color:#efefef; color:#444444; font-size:17px; text-align:center; line-height:40px;}
#calender_section h2 a{ color:#F58220; float:none;}
#calender_section_top{  width: 100%;
                        padding: 10px 0;
                        background: #ccc;
                        font-size: 18px;
                        font-weight: bold; }
#calender_section_top ul{padding:0; width: 100%; list-style-type:none; margin:0}
#calender_section_top ul li{ float:left; display:block; width:14.28%; text-align:center; font-size:14px; min-height:0; background:none; box-shadow:none; margin:0; padding:0;}
#calender_section_bot{ width:100%; margin-top:0px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
#calender_section_bot ul{ margin:0; padding:0; width: 100%; list-style-type:none;}
#calender_section_bot ul li{ float:left; width:14.28%; height:80px; text-align:center; border-top:1px solid #ccc; border-right:1px solid #ccc; min-height:0; background:none; box-shadow:none; margin:0; padding:0; position:relative;}
#calender_section_bot ul li span{ margin-top:7px; float:left; margin-left:7px; text-align:center;}

.grey{ background-color:#DDDDDD !important;}
.light_sky{ background-color:#B9FFFF !important;}

/*========== Hover Popup ===============*/
.date_cell { cursor: pointer; cursor: hand; }
.date_cell:hover { background: #DDDDDD !important; }
.date_popup_wrap.center {
    position: absolute;
    width: 300px;
    z-index: 9999;
    bottom: 75px;
    left: -100px;
    background: #fff;
    color: #666 !important;
    box-shadow: 0px 1px 10px 5px #ccc;
}

.date_popup_wrap.right {
    position: absolute;
    width: 300px;
    z-index: 9999;
    bottom: 75px;
    right: 0px;
    background: #fff;
    color: #666 !important;
    box-shadow: 0px 1px 10px 5px #ccc;
}


.date_popup_wrap.left {
    position: absolute;
    z-index: 9999; 
    width: 300px;
    bottom: 75px;
    left: 0px;
    background: #fff;
    color: #666 !important;
    box-shadow: 0px 1px 10px 5px #ccc;
}

.date_window {
    padding: 5px;
    font-size: 16px;
}
.popup_event {
    margin-bottom: 2px;
    padding: 2px;
    font-size: 16px;
    width:100%;
}
.popup_event a {color: #000000 !important;}
.packeg_box a {color: #F58220;float: right;}
a:hover {color: #181919;text-decoration: underline;}
#calender_section_bot ul li:after, #calender_section_bot ul li:before{
    content:''
}
#calender_section_top ul li:after, #calender_section_top ul li:before{
    content:''
}

.popup-event-detail {
    text-align: left;
    border: 1px solid #ccc;
    padding: 10px;
}
.event-detail-link {
    text-align: right;
    font-size: 13px;
}
select.year_dropdown.dropdown {
    width: 75px;
}
select.month_dropdown.dropdown {
    width: 130px;
}
@media (max-width:320px) {
    .date_popup_wrap.center {
        width: 250px;
        bottom: 45px;
    }
    .date_popup_wrap.day-5.center {
        bottom: 45px;
        width: 250px;
        left: -130px;
    }
    .date_popup_wrap.day-3.center {
        bottom: 45px;
        width: 250px;
        left: -70px;
    }
    .date_popup_wrap.right {

        width: 250px;
        bottom: 45px;
    }
    .date_popup_wrap.left {
        width: 250px;
        bottom: 45px;
    }
    #calender_section_bot ul li{
        height:50px;
    }   
}


.sidebar-signup-textbox{
    display: inline-block  !important;
}
input.button.border3 {
    background: none;
    border: solid 1px #b9b9b9;
    padding: 2px 15px;
}
.relative{
    position:relative;
}
.header-image-title {
    position: absolute;
    bottom: 0px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    padding: 25px 15px 10px;
    width: 100%;
}


/* Pagination */

.show-paging ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.show-paging {
    width: auto;
    float: right;
    padding: 0;
    margin: 41px 0 93px 0;
    clear: both;
}
.show-paging ul li {
    width: auto;
    float: left;
    padding: 0;
    margin: 0 0 0 32px;
}
.show-paging ul li:before{
    content:"";
}
.show-paging ul li.active a {
    color: #f15623;
}
.ajax-filter:hover{
    color:#181919
}
.ajax-filter.active{
    color: #E95425;
}

@media only screen and (max-width: 1620px) and (min-width: 1281px){
    .show-paging {
        margin-top: 25px;
        margin-bottom: 25px;
    }.show-paging ul li {
        margin-left: 24px;
    }

}
@media only screen and (max-width: 1620px) and (min-width: 1281px){
    .show-paging {
        margin-bottom: 30px;
        margin-top: 30px;
    }.show-paging ul li {
        margin-left: 24px;
    }
}
@media only screen and (max-width: 1280px) and (min-width: 960px){
    .show-paging {
        margin-top: 25px;
        margin-bottom: 25px;
    }.show-paging ul li {
        margin-left: 24px;
    }
}
@media only screen and (max-width: 959px) and (min-width: 768px){
    .show-paging {
        margin-top: 25px;
        margin-bottom: 25px;
    }.show-paging ul li {
        margin-left: 24px;
    }
}
@media (min-width: 768px) {
    .class-detail-new .hidden-xs p{display: block}
}
@media (max-width: 767px){
    .show-paging {
        margin-top: 25px;
        margin-bottom: 25px;
    }.show-paging ul li {
        margin-left: 24px;
    }
}
@media (max-width: 600px){
    .show-paging {
        margin-top: 25px;
        margin-bottom: 25px;
    }.show-paging ul li {
        margin-left: 24px;
    }
}


/* Live event detail pahe */

.class-name {
    color: #9f9f9f;
}
.event-detail-date{
    color:#000000;
    font-size:16px;
}
.event-detail-title{
    font-size:32px;
}
.row.event-time-sheet {
    border-top: 1px solid #9f9f9f;
    border-bottom: 1px solid #9f9f9f;
    padding: 10px 0px;
    padding-right: 0;
    padding-left: 0;
    margin: 10px 0 25px;
}

.fsSubmitButton{
    text-align: center;
    background: #FFF;
    border: 1px solid #979797;
    color: #000000;
    margin-bottom: 40px;
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
    line-height: 64px;
    min-width: 240px;
    width: 100%;
    padding: 14px !important;
    text-transform: uppercase;

}

.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('img/a17.png') no-repeat;
    overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
/* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/.jssort01 .p {    position: absolute;    top: 0;    left: 0;    width: 72px;    height: 72px;}.jssort01 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}.jssort01 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}.jssort01 .c {    position: absolute;    top: 0px;    left: 0px;    width: 68px;    height: 68px;    border: #000 2px solid;    box-sizing: content-box;    background: url('img/t01.png') -800px -800px no-repeat;    _background: none;}.jssort01 .pav .c {    top: 2px;    _top: 0px;    left: 2px;    _left: 0px;    width: 68px;    height: 68px;    border: #000 0px solid;    _border: #fff 2px solid;    background-position: 50% 50%;}.jssort01 .p:hover .c {    top: 0px;    left: 0px;    width: 70px;    height: 70px;    border: #fff 1px solid;    background-position: 50% 50%;}.jssort01 .p.pdn .c {    background-position: 50% 50%;    width: 68px;    height: 68px;    border: #000 2px solid;}* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */    width /**/: 72px;    height /**/: 72px;}


/* Classes Listing */
@media (max-width: 768px){
    .classes-detail-new {
        padding: 10px;
        clear: both;
    }
    .class-detail-new {
        padding: 0px 10px;
    }
}
.class-top-links{
    text-align:center;
    margin-bottom: 15px;
}
.class-top-links a{
    display:inline-block;
    padding: 0 10px;
    border-right: 1px solid #ccc;
}
.class-top-links a:last-child {
    border-right: 0px !important;
}


/*Custom Slider*/
.slider h2, .slider-text strong {font-family:'Open Sans'}

/*Board Room*/
.board-room-block {
    width: 21%;
    height: 145px;
    object-fit: contain;
    background-color: #ffffff;
    box-shadow: 0 0 3px 1px rgba(124, 122, 122, 0.5);
    float: left;
    margin: 1% 2%;
    text-align: center;
    position: relative;
}
.board-room-block img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 23px;
    margin-left: -25px;
}
.board-room-block span {
    position: absolute;
    bottom: 21px;
    object-fit: contain;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #39393a;
    text-transform: uppercase;
    left: 0px;
    width: 100%;
}