body {font-family: 'Open Sans', sans-serif;}
.bt-cs .bt-inner .bt-title {color: #FFE80D!important;font-size: 16px!important;}
.bt-introtext {text-align:justify!important;font-size:15px!important}
.readmore {background: #c0c0c0;
    padding: 10px 25px;
    font-size: 16px!important;
    text-transform: uppercase;
    font-weight: bold;}
.readmore a {color:#ffffff!important}
.readmore a:hover {color:#FFE80D!important}
@media (min-width: 1200px) {
.container {width: 1600px!important;}}
.cl1, .cl2, .cl3, .cl4 {float: right;width: 24%;}}

@media (max-width: 500px){
.c1, .c2, .c3, .cl, .cr, .cl1, .cl2, .cl3, .cl4 {width: 100%;margin-right: 0%;}
#header {
    margin-bottom: 0px!important;
}
.c8 {
    float: left;
    width: 24%!important;}
h1 {
    font-size: 26px;
}	
.logo {
    text-align: center;
    max-width: 300px;
    margin-top: 40px;
}
h2.heading-style-2.visible-first {
    font-size: 1.4em;
    line-height: 1.6em;
}
}
.swiper-slider .swiper-slide .swiper-slide-caption .camera_caption {font-size:18px}
div.subjectList {max-width:1000px}
.readmore {background: #fff!important;}
.subjectsList .bookit .button:hover {color: #fff!important;}
.bookInterval #bookIt, .subjectsList .bookit .button:hover {background:#222222!important}
div#t3-content.t3-content.col-sm-12 {max-width:1600px}