@media only screen and (max-width:980px) {
.container {max-width: 100%;padding: 0 20px;position: relative;}
header{padding:10px 0px;}
.top-nav{display:none;}
#block-locale-language-content { position: absolute;left: 120px;}
.browse-icon .fa {color: #ffffff;font-size: 21px;}
.browse-icon {cursor: pointer;margin-right: 10px;}
.responsive-view {    display: inline-block;    font-size: 15px;    margin-top: 20px;    text-transform: uppercase;}
.navigation{display: none; position: absolute; background-color: rgb(37,57,128); left: 0; right: 0; z-index:999; top:60px;}
.navigation li{display: block; }
.navigation li a{ padding-left: 25px; line-height: 40px;}
.panel{min-height: 400px}
.compant-logo ul li { padding: 0; width: 20%; float: left;}
.copyright{text-align: center;}
.copyright strong {    float: right;    margin-bottom: 10px;    text-align: center;    width: 100%;}
.social-icon > li{margin-bottom: 10px;}
.social-icon1 li { margin-bottom: 10px;}
.banner h2 { font-size: 35px; margin-top: 60px; text-align: left;}
.banner p{text-align:left;}

}


@media only screen and (min-width:768px) and (max-width: 980px){
.right-section{max-width: 100%; width:100%; float: left; position: relative; bottom: -9em; background-color: #f5f5f5;}
.left-section{width: 85%}
.events-info{width:33.3%; border-right:5px solid #f5f5f5;float: left; margin-bottom:0px;}
.events-info.MT0 {    border-right: 0 none;}
.left-section{min-height: 100% !important;}
.banner h2 { font-size: 52px;}
.banner {margin-bottom: 11em}
.events-info > a{float: left;}
.events-info > p{ margin-top: 6px; display: block; color: #444444 !important}
.the-latest-section > div > div > div.views-field .view-content .views-field-title{line-height: 20PX; padding: 8px 0;}
.right-third .events-info {width: 102%;}
.right-sidebar .events-info.MT0 { border-right: 0 none;}
.right-third .events-info > p{color:#444;}
.panel {min-height: 378px;}
.left-part { width: 66%;}
.heading1 h1 {  margin: 0 0 16px;}
.events-info i {float:left; margin-right: 18px;}
.bx-wrapper img { display: block; height: 251px; }
.right-one > li:nth-child(1) { width: 30%;}
address {font-size: 13.4px;}
.compant-logo li:nth-child(2) img { height: 116px;}
.compant-logo li:nth-child(3) img { height: 116px;left: 20px; position: relative;}
.left-part form .form-item, .left-part form .filter-wrapper, .left-part form .form-actions { width: 87%;}
.slide p{line-height:18px;}
.compant-logo li:nth-child(4) img {left: 21px; position: relative;}
}


@media only screen and (max-width:767px) {
.right-section{max-width: 96%; width:100%; float: left; position: absolute; bottom: -22em; background-color: #f5f5f5; left: 2%; right: 2%}
.left-section{width: 80%}
.left-section { min-height: 423px !important;margin-bottom: 30px; }

.events-info{width:100%; border-right:0px;float: left; margin-bottom:5px;}
.events-info.MT0 {    border-right: 0 none;}
.left-section{min-height: 100%}
.banner {margin-bottom: 24em}
.events-info > a {    display: inline-block;    float: none;}
.events-info { padding-left: 25%;    }
.img-sec{display: none;}
.content-sec {    float: left;    padding: 20px 15px;    width: 100%;}
.the-latest-section {    text-align: center;}
.the-latest-section .latest-col{width:100%; max-width: 50%; display: inline-block; float: none}
.the-latest-section .latest-col .panel img{width: 100%}
.the-latest-section > div > div > div.views-field .view-content .views-field-title{line-height: 20PX; padding: 15px 0; }

.subs-btn {display: block; float: left; margin: 8px 70% 3px 0;}
.footer-content > li {    float: left;    margin-bottom: 20px;    padding-right: 3%;    width: 100%;}
.footer-content .social-icon {    display: block;    float: left;    width: 100%;}
.btn-sec a{margin-bottom: 10px}
.footer-content .social-icon1 {float: left;margin: 17px 0 0 !important;}



.left-part { float: none; width: 100%;}
.left-part form .form-item, .left-part form .filter-wrapper, .left-part form .form-actions {width: 90%;}
.right-sidebar {padding: 0 0 7px; width: 100%;}
.right-third .events-info > p { font-size: 12px;}
.panel { min-height: auto; padding: 4px 4px 31px;}
.right-one > li:nth-child(1) { width: 50px;}
.Latest h2 { margin: 40px 0 25px;}

}

@media only screen and (max-width:979px) {
.navigation > li:hover .sub-menu { top: 119px; width: 100%;}
}
@media only screen and (max-width:640px) {
	.the-latest-section .latest-col{max-width: 60%}
	.left-section {    width: 100%;}
	.banner h2{margin-top: 60px;}
	.heading1 h1 {color: #444; font-family: yanonekaffeesatz-thin;}
}

@media only screen and (max-width:480px) {
.the-latest-section .latest-col{max-width: 80%} .events-info { padding-left: 14% ;} 
.heading1 a { font-size: 14px; padding: 7px 12px;}
.table-inner{width:100%; overflow:scroll;}
.Latest { margin: 0 auto; width: 87%;}
.right-section { margin: 0 auto; max-width: 90%; width: 90%;}
.bx-wrapper { width: 95%;}
.compant-logo li:nth-child(2) img { height: 70px !important;}
.compant-logo li:nth-child(3) img { height: 70px !important;}
}

@media only screen and (max-width:640px) 
{
.copyright { margin: 0 auto; text-align: left; width: 78%;}
.copyright-left img {float: left; margin-right: 7px; margin-bottom:12px;}
.copyright strong {  padding: 11px 0;}
.left-section br { display: none;}
.banner h2 {font-size: 55px;}

}

@media only screen and (max-width:360px) {
.events-info { padding-left: 3% ;}
.the-latest-section .latest-col{max-width: 90%}
.social-icon { display: none;}
.content-sec {    text-align: center;}
.footer-content > li{text-align: center}
.subs-btn {    display: inline-block;    float: none;}
.footer-content h5 {    font-size: 16px;    font-weight: 900 !important;}
.banner h2{text-align: center; line-height: 30px; font-size: 28px}
.banner p {       font-size: 14px;    line-height: 24px;    text-align: center; margin-top: 10px;}
.btn-sec{text-align: center}
.left-section {    margin-bottom: 20px;    width: 100%;}
.content-sec{padding: 5px 10px}
.logo{max-width: 100%; text-align: center; width: 100%; display: block}
.the-latest-section .latest-col > .views-label {text-align: left;}
.copyright-left img {float: left;margin-bottom: 10px;}
.copyright{width:100%;}

}

@media (min-width:100px) and (max-width:340px) {
.compant-logo li:nth-child(2) img {
    height: 52px !important;
}
.compant-logo li:nth-child(3) img {
    height: 52px !important;
}
}

@media (min-width:480px) and (max-width:767px){
.compant-logo li:nth-child(2) img { height: 96px;}
.compant-logo li:nth-child(3) img { height: 96px; left: 11px; position: relative;}
}

@media only screen and (max-width:319px) {
.heading1 a { font-size: 12px; padding: 7px 12px;}
.heading1 h1{font-size:28px;}
}

@media (min-width:360px) and (max-width:767px){
.right-third .events-info > p { font-size: 16px;}
.compant-logo li:nth-child(4) img{position:relative; left:9px;}
}

@media screen and (max-width : 980px) {
.mainmenu ul.menu{display: none;}
.mainmenu ul.menu li{float: none; position: relative;}
.wrapper{width: 94%;}
.jquery-list{width: 100%;}
.header img{max-width: 90%;}
.mainmenu ul.menu li:hover ul, .mainmenu ul.menu li:hover li:hover ul{display: none;}
.mainmenu ul.menu ul, .mainmenu ul.menu ul ul{position: relative; left: 0}
.mainmenu ul.menu ul{width: 100%; background: #f5f5f5;}
.mainmenu ul.menu ul ul{background: #666;}
.mainmenu li {width: 100%;}
.social-icon { position: absolute; right: 9px; width: 150px;}
.mainmenu ul.menu { background-color: #f5f5f5; border-top: 2px solid #ff6000; margin: 18px -19px 0px;}
.mainmenu ul.menu ul{margin: 0;}
.mainmenu a { color: #444 !important; font-family: clearsans-light !important; font-size: 22px !important; text-align: center;}
.sub-menu {  margin: 0 !important;}
.sub-menu li.active > a { color: #253980 !important;}
.upactive{color:#253980 !important;}
.mainmenu a:hover, .mainmenu li:hover a{background: #fff;}
.mainmenu a.upactive { background-color: #fff; color: #253980 !important; font-family: clearsans-medium !important;}
#foo { top: 43px;}
.mainmenu{width: 100%;}
}

@media (min-width:981px) and (max-width:3000px){
.mainmenu span { display: none;}
.menu-clone{display:none;}
}
@media screen and (max-width : 1500px) {
.banner{background-size:auto 100%;}
}