/* -----



Large Screens



----- */







@media only screen and (min-width: 769px) and (max-width: 1200px) {
/**** Header ****/



.dropDown { max-width: 96%; }
.headerWrap.stuck .header { max-width: 96%; }
/**** Sliders ****/



#eventSlider .mainContentArea { max-width: 96%; }
.eventSliderHolder .eventSliderItem { max-width: 96%; }
.eventSliderHolder .owl-pagination { max-width: 96%; }
.eventsSliderHolder .mainContentArea { max-width: 96%; }
/**** Content ****/



.contentArea { max-width: 94%; }
/**** Footer ****/



.footer { max-width: 94%; }
.footerImage { width: 200px; float: left; }
.footerDetails { margin: 30px 0 0 20px; width: 23%; float: left; }
.footerMenuOne { margin: 30px 0; width: 17%; float: left; }
.footerMenuTwo { margin: 30px 0; width: 17%; float: left; }
.footerMenuThree { display: none; }
.footerMenuFour { display: none; }
.eventsSliderHolder .owl-prev { z-index: 444; position: absolute; bottom: 5%; left: 0px; text-indent: -999em; height: 84px; width: 63px; background: transparent url("../images/slider-nav-events.png") no-repeat left top; }
.eventsSliderHolder .owl-next { z-index: 444; position: absolute; bottom: 5%; right: 0px; text-indent: -999em; height: 84px; width: 63px; background: transparent url("../images/slider-nav-events.png") no-repeat right top; }
.slider .owl-prev { z-index: 444; position: absolute; bottom: -12px; left: 25.6%; text-indent: -999em; height: 64px; width: 14px; background: transparent url("../images/slider-nav.png") no-repeat left center; }
.slider .owl-next { z-index: 444; position: absolute; bottom: -12px; left: 36.4%; text-indent: -999em; height: 64px; width: 14px; background: transparent url("../images/slider-nav.png") no-repeat right center; }
}
 @media only screen and (min-width: 900px) and (max-width: 1200px) {
.sliderCaption h3 { font-size: 15pt; margin-top: 60px; }
.sliderCaption p { line-height: 14pt; font-size: 10pt; }
}















/* -----



Tablets



----- */



 @media only screen and (min-width: 769px) and (max-width: 1024px) {
/**** Header ****/



.mainMenu ul li:after { display: none; }
.mainMenu ul li { padding: 10px 5px 30px; }
.moreHolder:hover span:before { width: 20%; }
.moreHolder:hover span:after { width: 20%; }
#mobile-header { display: block; }
.dropDownWrap { display: none; }
.header { height: 80px; margin: 0 auto; padding: 0; }
.headerDetails { display: none; }
.headerWrap { background: #fff; height: 80px !important; margin: 0; padding: 0; }
.headerWrap, .headerWrap.stuck { }
.logo { margin: 0; padding: 20px 0 0 10px; width: 230px; }
.headerWrap.stuck .logo { padding: 0px 0 0 10px; margin-top: 30px; }
.mainMenu { display: none; opacity: 1; }
.spacer { height: 80px; }
#responsive-menu-button { top: 20px; }
#followMenu li.digitalBtn { display: block; }
.sidebarLeft { width: 69%; }
.sidebarRight { width: 30%; }
.threeColumnWide .threeColumnLeft { width: 20.5%; }
}
 @media only screen and (min-width: 600px) and (max-width: 768px) {
.footer { max-width: 90%; margin: 0 auto; }
.footerImage { float: left; }
.footerDetails { margin: 30px 0 0 20px; width: 30%; float: left; }
.footerMenuOne, .footerMenuTwo, .footerMenuThree, .footerMenuFour { display: none; }
.footerLogo { width: 30%; }
}
 @media (max-width: 599px) {
/**** Footer ****/



.footer { max-width: 94%; padding: 30px 0; }
.footerDetails { float: none; margin: 10px auto; width: 70%; text-align: center; }
.footerImage { float: none; margin: -40px auto 0; text-align: center; width: 150px; }
.footerLogo { float: none; margin: 10px auto; text-align: center; width: 80%; }
.footerMenuOne, .footerMenuTwo, .footerMenuThree, .footerMenuFour { display: none; }
.footerWrap { }
}























/* -----



Mobiles



----- */



 @media (max-width: 768px) {
/**** Header ****/



#mobile-header { display: block; }
.dropDownWrap { display: none; }
.header { height: 80px; margin: 0 auto; padding: 0; }
.headerDetails { display: none; }
.headerWrap { background: #fff; height: 80px !important; margin: 0; padding: 0; top: 0; }
.headerWrap, .headerWrap.stuck { }
.headerWrap.stuck .logo { padding: 0px 0 0 10px; margin-top: 30px; }
.logo { margin: 0; padding: 20px 0 0 10px; width: 230px; }
.mainMenu { display: none; opacity: 1; }
.spacer { height: 80px; }
.subNav { display: block; }
#responsive-menu-button { top: 20px; }
.sliderCaption h3 { font-size: 20pt; }
/**** Sliders ****/



.eventsSliderCaption { float: none; margin: 0 auto; width: 94%; }
.eventsSliderHolder .mainContentArea { margin: 0 auto; }
.eventsSliderHolder .owl-next { bottom: 67%; width: 5px; background: transparent url("../images/slider-nav-event.png") no-repeat right top; }
.eventsSliderHolder .owl-prev { bottom: 67%; width: 5px; background: transparent url("../images/slider-nav-event.png") no-repeat left top; }
.eventsSliderItem { padding-bottom: 90%; background-size: cover; }
.eventsSliderItem { float: none; width: 100%; }
.sidebarRight img, .threeColumnRight img { display: block; margin: 0 auto; text-align: center; }
.sliderCaption { bottom: 0%; left: 0%; padding: 10px 2%; right: 0%; width: 96%; }
.sliderItem .item { padding-bottom: 120%; width: 100%; }
/**** Content ****/



.twoColumnLeft, .twoColumnRight, .threeColumnLeft, .threeColumnMiddle, .threeColumnRight, .fourColumnLeft, .fourColumnMidLeft, .fourColumnMidRight, .fourColumnRight, .sidebarLeft, .sidebarRight, .twoColumnLeft.blackSide, .twoColumnRight.blackSide .footerMenu, .footerRight, .sidebarLeft, .sidebarRight { float: none; margin: 0 auto; padding: 0; width: 100%; }
.contentArea { margin: 0px auto; padding: 0px 0; width: 94% }
.fourColumnPostItem { float: none; margin-right: 0%; width: 100%; }
.fourColumnPostItem:nth-child(2) { display: none; }
.fourColumnPostItem:nth-child(3) { display: none; }
.fourColumnPostItem:nth-child(4) { display: none; }
.mainContentArea { margin: 10px auto; }
.mainContentArea blockquote { margin: 15px 0; }
.threeColumnPostItem { float: none; margin-right: 0%; width: 100%; }
.threeColumnPostItem:nth-child(2) { display: none; }
.threeColumnPostItem:nth-child(3) { display: none; }
.threeColumnWide .threeColumnLeft, .threeColumnWide .threeColumnMiddle, .threeColumnWide .threeColumnRight { float: none; margin-right: 0%; width: 100%; }
.mainContentArea h1 { font-size: 20pt; }
.sectionTitle h2:before, .sectionTitle h2:after { display: none; }
/**** Blogs ****/



.postLandingList:nth-child(2) { float: none; margin-right: 0%; width: 100%; }
.postLandingList:nth-child(3) { float: none; margin-right: 0%; width: 100%; }
.postLandingList:nth-child(4) { float: none; margin-right: 0%; width: 100%; }
.postLandingList:nth-child(5) { float: none; margin-right: 0%; width: 100%; }
.postLandingList:nth-child(6) { float: none; margin-right: 0%; width: 100%; }
.postLandingList:nth-child(7) { float: none; margin-right: 0%; width: 100%; }
.postLandingList:nth-child(8) { float: none; margin-right: 0%; width: 100%; }
.postLandingList:nth-child(9) { float: none; margin-right: 0%; width: 100%; }
.postLandingList:nth-child(10) { float: none; margin-right: 0%; width: 100%; }
.postLandingList:nth-child(11) { float: none; margin-right: 0%; width: 100%; }
.postLandingList:nth-child(12) { float: none; margin-right: 0%; width: 100%; }


.postLandingList:nth-child(6n+2) {  float: none; margin-right: 0%; width: 100%; }
.postLandingList:nth-child(6n+3) {  float: none; margin-right: 0%; width: 100%; }
.postLandingList:nth-child(6n+4) {  float: none; margin-right: 0%; width: 100%; }
.postLandingList:nth-child(6n+5) {  float: none; margin-right: 0%; width: 100%; }
.postLandingList:nth-child(6n+6) {  float: none; margin-right: 0%; width: 100%; }
.postLandingList:nth-child(6n+7) {  float: none; margin-right: 0%; width: 100%; }
/**** Adverts ****/



.advertLeaderboard { display: none; }
.advertWrap { display: none; }
.headerSpace { display: none; }
.headerSpaceLeaderboard { display: none; }
.ContentSpaceLeaderboard { width: 468px; }
.threeColumnWide .threeColumnLeft .eventList { height: auto; }
.threeColumnWide .threeColumnLeft { padding-bottom: 25px; }
.slideOutShare { width: 100%; height: 46px; background: #444; left: 0; bottom: 0 !important; }
.slideOutShare.open { left: 0; }
.slideOutShare.close { left: 0px; }
.slideOutShareItems { float: right; height: 46px; color: #fff; overflow: hidden; }
.slideOutShareItems span { font-size: 11pt; line-height: 46px; width: 43px; text-align: center; cursor: pointer; cursor: hand; }
.slideOutShareBtn { float: left; padding: 0 0 0 15px; background: #444; }
.slideOutShareBtn:hover { background: #222; }
.slideOutShareBtn span { display: block; font-size: 16pt; margin: 10px 0 5px; float: left; line: height-40px; }
.slideOutShareBtn { line-height: 40px !important; }
.eventSliderHolder .eventSliderItem { padding-bottom: 0 !important; }
.shareButton2 { float: right; height: 46px; color: #fff; overflow: hidden; }
.blogShareIcon { font-size: 11pt; line-height: 46px; width: 53px; text-align: center; cursor: pointer; cursor: hand; }
.deFooter { display: block !important; }
.twoColumnPostItem { width: 100%; float: none; margin-right: 0%; }
.stickyAdvert { display: none; }
}
 @media (max-width: 767px) {
.mobilething { display: block; }
.mobilething p{ color:#fff; padding:0 !important; font-size:8pt; text-align:center;}
.mobilething img { text-align: center; margin: 0 auto; }
.desktop { display: none; }
}
 @media (max-width: 1024px) {
.dePopup { display: none; }
.eventSliderHolder .eventSliderItem { padding-bottom: 80% !important; }
}
 @media (max-width: 900px) {
.hideit { display: none; }
.sliderCaption h2 { display: none; }
.sliderCaption h3 { font-size: 16pt; }
.sliderCaption { background: rgba(0,0,0,.50); padding: 18px 5%; width: 90%; height: auto; text-align: center; position: absolute; top: 220px; bottom: 0; right: 0; left: 0; }
.slider .owl-buttons { display: none; }
.slider .owl-pagination { display: none; }
.sliderItem { background-size: cover !important; background-position: center center !important; }
.dePopup { display: none; }
}
 @media (max-width: 600px) {
.item-link { display: none !important; }
.sliderCaption h3 { font-size: 13pt; }
.ContentSpaceLeaderboard { width: 320px; }
.footer a.btn { display: block; }

}
 @media (max-width: 320px) {
.ContentSpaceLeaderboard { margin-left: -20px !important; }
}