/* Large desktop */

@media (min-width: 992px) and (max-width: 1199px) {
    }
    
/* Landscape phone to portrait tablet */

@media(min-width:768px) and (max-width:991px)
{

#header,
#header .headerbox {
    width:100%;
}
    
#header {
    margin:50px 0 0 0;
    z-index:98;
}
    
#mainslider{
    width:100%;
    overflow:visible;
    height:auto;
}
    
#header .headerbox {
    padding: 0;
    width:100%;
}
    
#mainslider a img {
    width:100% !important;
}
    
    
    .fixed-nav #header {
        position:relative !important;
        left:inherit;
        top:inherit;
        animation:none;
        padding:0;
    }
    

    
    
    
.mobile_nav {
	width:100%;
	height:50px;
	text-indent:-9999px;
	z-index:9999;
	position:fixed;
	top:0px;
	left:inherit;
	background:#444 url(../images/nav_btn.png) no-repeat center center;
	display:block;
	cursor:pointer;
	border:0;
	float:left;
    display:block;

}
    
.mobile_nav.active {
	background:#444 url(../images/active_btn.png) no-repeat 20px 50%;
	transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition:none;
/*	left:inherit;
	margin:0 0 0 10px;*/
	
}
    
a#logo {
    width: 80%;
    height: 60px;
    background-position: left center;
    background-size: 11%;
    padding: 5% 0 0 15%;
    margin: 0;
    font-size: 28px;
    float: left;
    line-height: 26px;

}
    
.logobox span {
    display:none;
}
    
    .mobile_nav.sticky {
	background-color:rgba(2,63,119,0.9);
}
    
    ul#navigation {
        display:none;
    }




    
.cbp-spmenu-push-toright {
    overflow:hidden;
}
    
 
.mainslider img {
    width:100% !important;
    height:auto;
}
    
    div#bodywrapper,
    div#searchbox {
        width:100%;
    }
    
    div#bodywrapper {
        width:96%;
        padding:2%;
    }
    
div#srcbox {
    float: none;
    width: 200px;
    height: 20px;
    background: #9d958a;
    padding: 2px 0 2px 10px;
    margin: 20px auto;
    display: block;
}
    
    h1.welcome {
        display:none;
    }

    div#header {
        height:auto;
    }  
    
    div#slidebg {
        width:100%;
        margin:0 0 10px 0;
    }
    
    div#news,
    div#publicationBar {
        width:90%;
        padding:5%;
        height:auto;
    }
    
    div.pubblock {
        margin:0;
        padding:0;
    }
    
    .recentnews {
        height:auto;
    }
    
    div.pubblock a img {
        margin:0 20px 0 0;
    }
    
    div.pubblock a.pubcaption {
        margin:0 0 10px 0;
    }
    
div.pubblock a.pubcaption,
    div.pubblock a.publead {
        width:auto;
        float:none;
        margin:0;
    }
    
    #publist {
        padding-top:0;
        top:0;
    }
    
    div#publicationwrapper {
        height:auto;
    }
    
    #publist .owl-controls {
        position:relative;
        bottom:0;
        left:0;
    }
    
    div#map {
        padding:5%;
        width:90%;
        margin:0 0 20px 0;
        height:auto;
    }
    
div#map img {
    float: left;
    margin: 5px 0 20px 0;
    width: 100%;
    height: auto;
}
    
div#map h1.topic,
    div#map h2 {
        width:auto;
        float:none;
    }
    
    div#map a.link {
        float:none;
        display:block;
        width:auto;
    }

    div#map a.link,
    #latestupdate a.viewall {
        float:left;
    }
    
div#latestupdate,
div#archive
 {
    float: left;
    width: 90%;
    background: url(../images/latest.png);
    height: auto;
    margin:0 0 20px 0;
    padding: 5%;
    overflow: visible;
}
    
    div#vidgallery,
    div#picgallery {
    float: left;
    width: 90%;
    height: auto;
    margin:0 0 20px 0;
    padding: 5%;
    overflow: visible;
}
    
    div#archive img {
        display:block;
        margin: 0 auto 20px auto;
        max-width:100%;
    }
    
    input#searchbtn, a#searchbtn {
        margin:0;
    }
    
    ul.latestnews {
        width:100%;
    }
    
    div#gallerybox {
        width:100%;
        height:auto;
    }
    
h1#gallerytoplink {
    float: left;
    width: 100%;
    height: 38px;
    margin: 20px 0 0 0;
    font-weight: normal;
    background: #d9d2c0;
}
    
#vid1,
#photo1 {
    width: 100%;
    float: left;
    padding-top: 0;
    position: relative;
    top: 0;
}
    
    div#videowrapper, div#photowrapper {
        height:auto;
    }
    
#vid1 .owl-controls,
#photo1 .owl-controls {
    position: relative;
    bottom: 0;
    left: 0;
}
    
    #vidgallery a.viewall,
    #picgallery a.viewall {
        margin:0 0 20px 0;
    }
    
    .photo_slider .videoblock a img,
    .video_slider .videoblock a img {
        width:100%;
        height:auto;
    }
    
    .videoblock {
        height:auto;
    }
    
    div#footerwrapper {
        width:100%;
    }
    
    div#footer {
        margin-left:0;
        width:90%;
        background-color:#a59d92;
        padding:5%;
        height:auto;
        float:left;
        margin-left:0;
    }
    
    div#newsletter {
    float: left;
    margin: 0;
    width:100%;
    padding:0;
}
    
    div#contactinfo {
        float:left;
        width:100%;
    }
    
div#copyright {
    float: none;
    background: #625849;
    height:auto;
    width: 100%;
    font-size: 11px;
    color: #eae5d8;
    text-align: center;
    display: inline-block;
}
    
span.left {
    float: none;
    margin-left: 0;
}
    
span.right {
    float: none;
    margin-right: 0;
}

    a#softnep {
        display:inline-block;
        float:none;
    }

    div#newsletter input {
        width:96% !important;
        padding:2%;
        margin:2px 0;
    }
    
    h1.ceslam {
        width:100%;
    }
    
/*inner pages*/
    
    div#innerblock {
        width:90%;
        padding:5%;
        margin:0;
    }
    
    div.addthis_default_style {
        width:auto;
    }
    
    div#rightbar {
        width:100%;
    }
    
    div#rightbar div.pubHilight {
        width:90%;
        padding:5%;
    }
    
    div#innersearch {
        width:90%;
        padding:5%;
        margin-left:0;
    }
    
    input#mod-search-searchword {
        width:79%;
    }
    
    #pubsmalllist div.pubblock {
        float:none;
        display:block;
        margin:0 auto;
    }
    
    #innerblock ul.newsListing li ul.eventOuter li.left {
        width:25%;
        margin-right:5%;
    }
    
    #innerblock ul.newsListing li ul.eventOuter li.right {
        width:70%;
    }
    
    div#innerblock img {
       margin: 0 5% 20px 0;
    width: 30% !important;
    height: auto;
    }

    #innerblock ul.newsListing.activities_list li h2 {
    float: left;
    width: 100%;
    padding-right: 0;
}

#innerblock ul.newsListing.activities_list li .activities_info {
    width:100%;
}

#innerblock ul.newsListing.activities_list li .activities_info ul.activities_link {
    margin: 0 0 30px 5%;
    padding: 0;
    width: 95%;
    float: left;
}
    
    div#innerblock p.readmore a {
        float:left;
    }
    
    div#innerblock p {
        width:100%;
        float:none;
    }
    
    div#innerblock h2.pubTitle {
        float:left;
        width:66%;
    }
    
    div.sublink a.link,
div.sublink span, div.sublink a.samelink{
        font-size:11px;
    }

    ul.listed {
        margin:0;
        padding:0;
    }
    
    #advanced_search_box .textfield,
    span.accordionDesc {
        width:89.5% !important;
        padding:0 5% !important;
    }
    
    span.accordionDesc {
        padding:5% !important;
    }
    
    #advanced_search_box .select {
        width:100% !important;
    }
    
    div#leftContact {
        width:100%;
    }
    
    div.feedback {
        width:90%;
        padding:5%;
    }
    
    div.feedback input,
    div.feedback textarea {
        padding:2%;
        width:96%;
    }
    
    div#innerblock .captcha_image {
        width:30% !important;
    }
    
    div#rightContact {
        width:100% !important;
        border:0;
        margin:0;
        padding:0;
    }
    #rightContact iframe,
    #rightContact object {
        width:100% !important;
        border:0 !important;
    }
    
    
    ul#video li div.videoList {
        height:auto;
        padding:5%;
        width:90%;
        margin:0 0 20px 0;
    }
    
    #innerblock iframe,
    #innerblock object,
    #innerblock embed {
        width:100% !important;
        
    }
    
    a.viewall {
        position:relative;
        z-index:98;
    }
    
    .vbox-title {
        top:50px;
        height: auto;
    line-height: 20px;
    } 
        
        div.pubblock a.pubcaption, div.pubblock a.publead {
            margin:10px 0 0 0;
            display:block;
            padding:0px;
            float:left;
            width:100%;
        }
        
    #innerblock ul.newteamlist li .section_texts {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 14px;
    width: 65%;
}
        
        div#archive input#search {
            width:81% !important;
        }
        
        a.ssb-logo {
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    right: inherit;
}
    
}

/*Small */
@media(max-width:767px)

    {
#header,
#header .headerbox {
    width:100%;
}
    
#header {
    margin:50px 0 0 0;
    z-index:98;
}
    
#mainslider{
    width:100%;
    overflow:visible;
    height:auto;
}
    
#header .headerbox {
    padding: 0;
    width:100%;
}
    
#mainslider a img {
    width:100% !important;
}
    
    
    .fixed-nav #header {
        position:relative !important;
        left:inherit;
        top:inherit;
        animation:none;
        padding:0;
    }
    

    
    
    
.mobile_nav {
	width:100%;
	height:50px;
	text-indent:-9999px;
	z-index:9999;
	position:fixed;
	top:0px;
	left:inherit;
	background:#444 url(../images/nav_btn.png) no-repeat center center;
	display:block;
	cursor:pointer;
	border:0;
	float:left;
    display:block;

}
    
.mobile_nav.active {
	background:#444 url(../images/active_btn.png) no-repeat 20px 50%;
	transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition:none;
/*	left:inherit;
	margin:0 0 0 10px;*/
	
}
    
a#logo {
    width: 80%;
    height: 60px;
    background-position: left center;
    background-size: 11%;
    padding: 5% 0 0 15%;
    margin: 0;
    font-size: 24px;
    float: left;
    line-height: 26px;

}
    
.logobox span {
    display:none;
}
    
    .mobile_nav.sticky {
	background-color:rgba(2,63,119,0.9);
}
    
    ul#navigation {
        display:none;
    }




    
.cbp-spmenu-push-toright {
    overflow:hidden;
}
    
 
.mainslider img {
    width:100% !important;
    height:auto;
}
    
    div#bodywrapper,
    div#searchbox {
        width:100%;
    }
    
    div#bodywrapper {
        width:96%;
        padding:2%;
    }
    
div#srcbox {
    float: none;
    width: 200px;
    height: 20px;
    background: #9d958a;
    padding: 2px 0 2px 10px;
    margin: 20px auto;
    display: block;
}
    
    h1.welcome {
        display:none;
    }

    div#header {
        height:auto;
    }  
    
    div#slidebg {
        width:100%;
        margin:0 0 10px 0;
    }
    
    div#news,
    div#publicationBar {
        width:90%;
        padding:5%;
        height:auto;
    }
    
    div.pubblock {
        margin:0;
        padding:0;
    }
    
    .recentnews {
        height:auto;
    }
    
    div.pubblock a img {
        margin:0 20px 0 0;
    }
    
    div.pubblock a.pubcaption {
        margin:0 0 10px 0;
    }
    
div.pubblock a.pubcaption,
    div.pubblock a.publead {
        width:auto;
        float:none;
        margin:0;
    }
    
    #publist {
        padding-top:0;
        top:0;
    }
    
    div#publicationwrapper {
        height:auto;
    }
    
    #publist .owl-controls {
        position:relative;
        bottom:0;
        left:0;
    }
    
    div#map {
        padding:5%;
        width:90%;
        margin:0 0 20px 0;
        height:auto;
    }
    
div#map img {
    float: left;
    margin: 5px 0 20px 0;
    width: 100%;
    height: auto;
}
    
div#map h1.topic,
    div#map h2 {
        width:auto;
        float:none;
    }
    
    div#map a.link {
        float:none;
        display:block;
        width:auto;
    }

    div#map a.link,
    #latestupdate a.viewall {
        float:left;
    }
    
div#latestupdate,
div#archive
 {
    float: left;
    width: 90%;
    background: url(../images/latest.png);
    height: auto;
    margin:0 0 20px 0;
    padding: 5%;
    overflow: visible;
}
    
    div#vidgallery,
    div#picgallery {
    float: left;
    width: 90%;
    height: auto;
    margin:0 0 20px 0;
    padding: 5%;
    overflow: visible;
}
    
    div#archive img {
        display:block;
        margin: 0 auto 20px auto;
        max-width:100%;
    }
    
    input#searchbtn, a#searchbtn {
        margin:0;
    }
    
    ul.latestnews {
        width:100%;
    }
    
    div#gallerybox {
        width:100%;
        height:auto;
    }
    
h1#gallerytoplink {
    float: left;
    width: 100%;
    height: 38px;
    margin: 20px 0 0 0;
    font-weight: normal;
    background: #d9d2c0;
}
    
#vid1,
#photo1 {
    width: 100%;
    float: left;
    padding-top: 0;
    position: relative;
    top: 0;
}
    
    div#videowrapper, div#photowrapper {
        height:auto;
    }
    
#vid1 .owl-controls,
#photo1 .owl-controls {
    position: relative;
    bottom: 0;
    left: 0;
}
    
    #vidgallery a.viewall,
    #picgallery a.viewall {
        margin:0 0 20px 0;
    }
    
    .photo_slider .videoblock a img,
    .video_slider .videoblock a img {
        width:100%;
        height:auto;
    }
    
    .videoblock {
        height:auto;
    }
    
    div#footerwrapper {
        width:100%;
    }
    
    div#footer {
        margin-left:0;
        width:90%;
        background-color:#a59d92;
        padding:5%;
        height:auto;
        float:left;
        margin-left:0;
    }
    
    div#newsletter {
    float: left;
    margin: 0;
    width:100%;
    padding:0;
}
    
    div#contactinfo {
        float:left;
        width:100%;
    }
    
div#copyright {
    float: none;
    background: #625849;
    height:auto;
    width: 100%;
    font-size: 11px;
    color: #eae5d8;
    text-align: center;
    display: inline-block;
}
    
span.left {
    float: none;
    margin-left: 0;
}
    
span.right {
    float: none;
    margin-right: 0;
}

    a#softnep {
        display:inline-block;
        float:none;
    }

    div#newsletter input {
        width:96% !important;
        padding:2%;
        margin:2px 0;
    }
    
    h1.ceslam {
        width:100%;
    }
    
/*inner pages*/
    
    div#innerblock {
        width:90%;
        padding:5%;
        margin:0;
    }
    
    div.addthis_default_style {
        width:auto;
    }
    
    div#rightbar {
        width:100%;
    }
    
    div#rightbar div.pubHilight {
        width:90%;
        padding:5%;
    }
    
    div#innersearch {
        width:90%;
        padding:5%;
        margin-left:0;
    }
    
    input#mod-search-searchword {
        width:79%;
    }
    
    #pubsmalllist div.pubblock {
        float:none;
        display:block;
        margin:0 auto;
    }
    
    #innerblock ul.newsListing li ul.eventOuter li.left {
        width:25%;
        margin-right:5%;
    }
    
    #innerblock ul.newsListing li ul.eventOuter li.right {
        width:70%;
    }
    
    div#innerblock img {
       margin: 0 5% 20px 0;
    width: 30% !important;
    height: auto;
    }

    #innerblock ul.newsListing.activities_list li h2 {
    float: left;
    width: 100%;
    padding-right: 0;
}

#innerblock ul.newsListing.activities_list li .activities_info {
    width:100%;
}

#innerblock ul.newsListing.activities_list li .activities_info ul.activities_link {
    margin: 0 0 30px 5%;
    padding: 0;
    width: 95%;
    float: left;
}
    
    div#innerblock p.readmore a {
        float:left;
    }
    
    div#innerblock p {
        width:100%;
        float:none;
    }
    
    div#innerblock h2.pubTitle {
        float:left;
        width:66%;
    }
    
    div.sublink a.link,
div.sublink span, div.sublink a.samelink{
        font-size:11px;
    }

    ul.listed {
        margin:0;
        padding:0;
    }
    
    #advanced_search_box .textfield,
    span.accordionDesc {
        width:89.5% !important;
        padding:0 5% !important;
    }
    
    span.accordionDesc {
        padding:5% !important;
    }
    
    #advanced_search_box .select {
        width:100% !important;
    }
    
    div#leftContact {
        width:100%;
    }
    
    div.feedback {
        width:90%;
        padding:5%;
    }
    
    div.feedback input,
    div.feedback textarea {
        padding:2%;
        width:96%;
    }
    
    div#innerblock .captcha_image {
        width:30% !important;
    }
    
    div#rightContact {
        width:100% !important;
        border:0;
        margin:0;
        padding:0;
    }
    #rightContact iframe,
    #rightContact object {
        width:100% !important;
        border:0 !important;
    }
    
    
    ul#video li div.videoList {
        height:auto;
        padding:5%;
        width:90%;
        margin:0 0 20px 0;
    }
    
    #innerblock iframe,
    #innerblock object,
    #innerblock embed {
        width:100% !important;
        
    }
    
    a.viewall {
        position:relative;
        z-index:98;
    }
    
    .vbox-title {
        top:50px;
        height: auto;
    line-height: 20px;
    } 
        
        div.pubblock a.pubcaption, div.pubblock a.publead {
            margin:10px 0 0 0;
            display:block;
            padding:0px;
            float:left;
            width:100%;
        }
        
    #innerblock ul.newteamlist li .section_texts {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 14px;
    width: 65%;
}
        
        div#archive input#search {
            width:78% !important;
        }
        a.ssb-logo {
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    right: inherit;
}
div#searchbox {
    padding-top:50px;
}


}

@media (max-width: 700px) {

    a#logo {
    font-size:20px;
}
a.ssb-logo {
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    right: inherit;
}

div#searchbox {
    padding-top:50px;
}



}


/* Landscape phones and down */
@media(max-width:480px)
{
    
#header,
#header .headerbox {
    width:100%;
}
    
#header {
    margin:50px 0 0 0;
    z-index:98;
}
    
#mainslider{
    width:100%;
    overflow:visible;
    height:auto;
}
    
#header .headerbox {
    padding: 0;
    width:100%;
}
    
#mainslider a img {
    width:100% !important;
}
    
    
    .fixed-nav #header {
        position:relative !important;
        left:inherit;
        top:inherit;
        animation:none;
        padding:0;
    }
    

    
    
    
.mobile_nav {
	width:100%;
	height:50px;
	text-indent:-9999px;
	z-index:9999;
	position:fixed;
	top:0px;
	left:inherit;
	background:#444 url(../images/nav_btn.png) no-repeat center center;
	display:block;
	cursor:pointer;
	border:0;
	float:left;
    display:block;

}
    
.mobile_nav.active {
	background:#444 url(../images/active_btn.png) no-repeat 20px 50%;
	transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition:none;
/*	left:inherit;
	margin:0 0 0 10px;*/
	
}
    
a#logo {
    width: 80%;
    height: 60px;
    background-position: left center;
    background-size: 14%;
    padding: 5% 0 0 15%;
    margin: 0;
    font-size: 14px;
    float: left;
    line-height: 17px;

}
    
.logobox span {
    display:none;
}
    
    .mobile_nav.sticky {
	background-color:rgba(2,63,119,0.9);
}
    
    ul#navigation {
        display:none;
    }




    
.cbp-spmenu-push-toright {
    overflow:hidden;
}
    
 
.mainslider img {
    width:100% !important;
    height:auto;
}
    
    div#bodywrapper,
    div#searchbox {
        width:100%;
    }
    
    div#bodywrapper {
        width:96%;
        padding:2%;
    }
    
div#srcbox {
    float: none;
    width: 200px;
    height: 20px;
    background: #9d958a;
    padding: 2px 0 2px 10px;
    margin: 20px auto;
    display: block;
}
    
    h1.welcome {
        display:none;
    }

    div#header {
        height:auto;
    }  
    
    div#slidebg {
        width:100%;
        margin:0 0 10px 0;
    }
    
    div#news,
    div#publicationBar {
        width:90%;
        padding:5%;
        height:auto;
    }
    
    div.pubblock {
        margin:0;
        padding:0;
    }
    
    .recentnews {
        height:auto;
    }
    
    div.pubblock a img {
        margin:0 20px 0 0;
    }
    
    div.pubblock a.pubcaption {
        margin:0 0 10px 0;
    }
    
div.pubblock a.pubcaption,
    div.pubblock a.publead {
        width:auto;
        float:none;
        margin:0;
    }
    
    #publist {
        padding-top:0;
        top:0;
    }
    
    div#publicationwrapper {
        height:auto;
    }
    
    #publist .owl-controls {
        position:relative;
        bottom:0;
        left:0;
    }
    
    div#map {
        padding:5%;
        width:90%;
        margin:0 0 20px 0;
        height:auto;
    }
    
div#map img {
    float: left;
    margin: 5px 0 20px 0;
    width: 100%;
    height: auto;
}
    
div#map h1.topic,
    div#map h2 {
        width:auto;
        float:none;
    }
    
    div#map a.link {
        float:none;
        display:block;
        width:auto;
    }

    div#map a.link,
    #latestupdate a.viewall {
        float:left;
    }
    
div#latestupdate,
div#archive
 {
    float: left;
    width: 90%;
    background: url(../images/latest.png);
    height: auto;
    margin:0 0 20px 0;
    padding: 5%;
    overflow: visible;
}
    
    div#vidgallery,
    div#picgallery {
    float: left;
    width: 90%;
    height: auto;
    margin:0 0 20px 0;
    padding: 5%;
    overflow: visible;
}
    
    div#archive img {
        display:block;
        margin: 0 auto 20px auto;
        max-width:100%;
    }
    
    input#searchbtn, a#searchbtn {
        margin:0;
    }
    
    ul.latestnews {
        width:100%;
    }
    
    div#gallerybox {
        width:100%;
        height:auto;
    }
    
h1#gallerytoplink {
    float: left;
    width: 100%;
    height: 38px;
    margin: 20px 0 0 0;
    font-weight: normal;
    background: #d9d2c0;
}
    
#vid1,
#photo1 {
    width: 100%;
    float: left;
    padding-top: 0;
    position: relative;
    top: 0;
}
    
    div#videowrapper, div#photowrapper {
        height:auto;
    }
    
#vid1 .owl-controls,
#photo1 .owl-controls {
    position: relative;
    bottom: 0;
    left: 0;
}
    
    #vidgallery a.viewall,
    #picgallery a.viewall {
        margin:0 0 20px 0;
    }
    
    .photo_slider .videoblock a img,
    .video_slider .videoblock a img {
        width:100%;
        height:auto;
    }
    
    .videoblock {
        height:auto;
    }
    
    div#footerwrapper {
        width:100%;
    }
    
    div#footer {
        margin-left:0;
        width:90%;
        background-color:#a59d92;
        padding:5%;
        height:auto;
        float:left;
        margin-left:0;
    }
    
    div#newsletter {
    float: left;
    margin: 0;
    width:100%;
    padding:0;
}
    
    div#contactinfo {
        float:left;
        width:100%;
    }
    
div#copyright {
    float: none;
    background: #625849;
    height:auto;
    width: 100%;
    font-size: 11px;
    color: #eae5d8;
    text-align: center;
    display: inline-block;
}
    
span.left {
    float: none;
    margin-left: 0;
}
    
span.right {
    float: none;
    margin-right: 0;
}

    a#softnep {
        display:inline-block;
        float:none;
    }

    div#newsletter input {
        width:96% !important;
        padding:2%;
        margin:2px 0;
    }
    
    h1.ceslam {
        width:100%;
    }
    
/*inner pages*/
    
    div#innerblock {
        width:90%;
        padding:5%;
        margin:0;
    }
    
    div.addthis_default_style {
        width:auto;
    }
    
    div#rightbar {
        width:100%;
    }
    
    div#rightbar div.pubHilight {
        width:90%;
        padding:5%;
    }
    
    div#innersearch {
        width:90%;
        padding:5%;
        margin-left:0;
    }
    
    input#mod-search-searchword {
        width:79%;
    }
    
    #pubsmalllist div.pubblock {
        float:none;
        display:block;
        margin:0 auto;
    }
    
    #innerblock ul.newsListing li ul.eventOuter li.left {
        width:25%;
        margin-right:5%;
    }
    
    #innerblock ul.newsListing li ul.eventOuter li.right {
        width:70%;
    }
    
    div#innerblock img {
        margin:0 0 20px 0;
        width:100% !important;
        height:auto;
    }

    #innerblock ul.newsListing.activities_list li h2 {
    float: left;
    width: 100%;
    padding-right: 0;
}

#innerblock ul.newsListing.activities_list li .activities_info {
    width:100%;
}

#innerblock ul.newsListing.activities_list li .activities_info ul.activities_link {
    margin: 0 0 30px 5%;
    padding: 0;
    width: 95%;
    float: left;
}
    
    div#innerblock p.readmore a {
        float:left;
    }
    
    div#innerblock p {
        width:100%;
        float:left;
    }
    
    div#innerblock h2.pubTitle {
        float:left;
        width:100%;
    }
    
    div.sublink a.link,
div.sublink span, div.sublink a.samelink{
        font-size:11px;
    }

    ul.listed {
        margin:0;
        padding:0;
    }
    
    #advanced_search_box .textfield,
    span.accordionDesc {
        width:89.5% !important;
        padding:0 5% !important;
    }
    
    span.accordionDesc {
        padding:5% !important;
    }
    
    #advanced_search_box .select {
        width:100% !important;
    }
    
    div#leftContact {
        width:100%;
    }
    
    div.feedback {
        width:90%;
        padding:5%;
    }
    
    div.feedback input,
    div.feedback textarea {
        padding:2%;
        width:96%;
    }
    
    div#innerblock .captcha_image {
        width:30% !important;
    }
    
    div#rightContact {
        width:100%;
        border:0;
        margin:0;
        padding:0;
    }
    #rightContact iframe,
    #rightContact object {
        width:100% !important;
        border:0 !important;
    }
    
    
    ul#video li div.videoList {
        height:auto;
        padding:5%;
        width:90%;
        margin:0 0 20px 0;
    }
    
    #innerblock iframe,
    #innerblock object,
    #innerblock embed {
        width:100% !important;
        
    }
    
    a.viewall {
        position:relative;
        z-index:98;
    }
    
    .vbox-title {
        top:50px;
        height: auto;
    line-height: 20px;
    }

div#archive input#search {
    width: 60% !important;
}

a.ssb-logo {
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    right: inherit;
}


div#searchbox {
    padding-top:50px;
}

    
    
    
    
    
    
    
    }