/* 
   @author Feel Creative <info@feelcreative.com.au>
*/
/* ---------------------------------------- */
/* MEDIA QUERIES                        
/* ---------------------------------------- */

/*-----------Styles for desctop 0 - 1280px--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) { 
    .main-content .map-event.event-detail .event-sidebar.twitter .social-feed .feed-inner { padding: 0 12px 12px; }   
    .main-content .video-gallery .field-item .video-content { font-size: 14px; max-height: 83px; padding: 9px 11px 8px; }  
    .main-content .video-gallery .field-item .video-content h3 { line-height: 18px; max-height: 38px; }
    .main-content .video-gallery .field-item .video-content .inner { line-height: 15px; max-height: 32px; }
    .landing-glance { font-size: 26px; }
    .landing-glance .inner-container { padding-left: 15px !important; padding-right: 15px !important; }
    .landing-glance .population .inner-container { padding-left: 40px !important; }
    .landing-glance .population .inner-container p { max-width: 285px; }    
    .landing-glance .hospital .inner-container p strong { letter-spacing: -4px; }
    .landing-glance .temperature .temp-count { padding-top: 272px; }
    .landing-glance .rate .inner-container p { min-height: 101px; }
    .landing-glance .rate .inner-container img { right: 15px; }
    .landing-glance .airport .inner-container .shall_animate.animated { right: 15px; }    
}
/*-----------Styles for desctop 0 - 1270px--------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 1270px) { 
    #page .inner-content, .event-menu .content { width: 100%; padding: 0 35px; } 
    .main-content .add-place .messages { width: inherit; margin: 30px 35px; }
    .main-content .add-place .form-section .messages { margin: 0 0 25px 0; }
    #page .main-content .sub-title { padding: 30px 35px 28px; }
    .calendar-wrapper { width: 100%; }
    header .logo-bdr { right: 0; }                
    .home header .logo-bdr { right: -590px; }    
    .main-content .pager { margin: 60px 35px; width: inherit; }
    .main-content .post-content .pager { margin: 60px 0 0 0; }    
    .main .top-section .intro-inner { padding-right: 20px; }
    .main .top-section .intro-content, .main .top-section .breadcrumbs, .main-content .event-detail .event-content { padding-left: 35px !important; }
    .main .top-section .block-title, .main .top-section .right-sidebar .sidebar-content, .main-content .event-detail .event-sidebar, .main-content .map-event.event-detail .event-sidebar .social-feed .fb-feed, .main-content .map-event.event-detail .event-sidebar .social-feed .tweet-feed, .main-content .map-event.event-detail .event-sidebar .download-box { padding-right: 35px !important; }
    .main .top-section .right-sidebar .content { max-height: 224px; }
    .main .top-section.featured-slider .right-sidebar .content { max-height: 197px; }    
    .event-menu .item-list > ul > li { padding: 0 10px; font-size: 14px !important; } 
    .event-menu .item-list ul li .item-list ul li a { line-height: 14px; padding: 5px 10px 6px; }
    .calendar-wrapper .slider-content { width: 92%; overflow: hidden; font-size: 13px; }  
    .calendar-wrapper .slider-content .slider { width: 100%;  margin: 0 auto; }
    .calendar-wrapper ol { width: 835px; }
    .calendar-wrapper ol > li { width: 22px; }
    .calendar-wrapper li em span { height: 20px; padding-top: 5px; }
    .calendar-wrapper li.month { padding: 0px 4px; }
    .calendar-wrapper li.month em span.year { padding-top: 5px; }
    .calendar-wrapper li em a { height: 25px; padding: 4px 0 0; }       
    .calendar-wrapper .prev, .calendar-wrapper .next { width: 35px; }    
    .main-content .post-content .view-employment .views-table .views-field-title { width: 60%; }    
    .blocks .block.id-visitors { overflow: hidden; }    
    /* ---------------------------------------- */
    header .home-slider ul li .slider-img img { margin-left: -10%; width: 120%; }
    header .home-slider ul li .slider-content .inner { max-width: 1020px; padding: 0; }
    header .home-slider ul.rslides_tabs { max-width: 1090px; }
    /* ---------------------------------------- */
    .main-content .map-event.event-detail .event-sidebar .social-feed h2 { padding: 26px 35px 18px 78px; background-position: 30px 24px; font-size: 1.1em; }
    .main-content .map-event.event-detail .event-sidebar .social-feed .fb-feed { padding-left: 35px; }  
    .main-content .map-event.event-detail .event-sidebar .social-feed .fb-like-box { width: 100%; overflow: hidden; }
    .main-content .map-event.event-detail .event-sidebar .social-feed .fb-like-box span, .main-content .map-event.event-detail .event-sidebar .social-feed .fb-like-box iframe { width: 100% !important; }
    /* ---------------------------------------- */
    .main-content .map-event.event-detail .event-sidebar.twitter .social-feed .tweet-feed { padding-left: 35px; } 
    .main-content .map-event.event-detail .event-sidebar.twitter .social-feed h2 { padding: 22px 20px 20px 40px; }
    /* ---------------------------------------- */
    .main-content .user-profile .profile-places-wrap ul li .profile-place-img { height: 200px; }
}
/*-----------Styles for desctop 0 - 1230px--------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 1230px) {   
    .video-box .inner-content { width: 100%; }  
    .home header .inner { right: 169px; padding: 47px 25px 30px 33px; width: 341px; }
    .home header .inner .header-content h2, .blocks .block.welcome h3 { font-size: 25px; line-height: 28px; }
    .home header .inner .header-content p, .blocks .block.welcome p { font-size: 17px; line-height: 24px; }
    .home header .inner .header-content .can-help p:first-child, .blocks .block.welcome .can-help p:first-child { padding-bottom: 2px; }
    .home header .inner .header-content .can-help strong, .blocks .block.welcome .can-help strong { font-size: 22px; }
    .home header .logo-bdr { right: -510px; }
    .wide-alert { padding: 13px 35px 12px; }
    .wide-alert .wide-inner { max-width: 1020px; }
    .wide-alert .wide-content { width: 88%; }
    .wide-alert .wide-content p { font-size: 12px; padding: 6px 0 0 5px; }
    .wide-alert .wide-inner > a { font-size: 13px; margin: 5px 0 0; }
    .backgrounds .middle { right: 170px;}
    .backgrounds .bottom { left: 170px; }
    .blocks { width: 340px; }
    .blocks .block, .blocks .block.welcome { padding: 33px; width:340px; }
    .blocks .block.id-popular-links, .blocks .block.id-glance, .blocks .block.id-weather, .blocks .block.id-residents { left: -340px; }
    .blocks .block.id-festival, .blocks .block.id-visitors, .blocks .block.id-events, .blocks .block.id-report-it { right: -340px; }
    .blocks .block.id-agenda { width:680px; }     	
    .blocks .block.id-weather { padding: 35px 33px 33px 100px; }
    .blocks .block.id-map {padding:38px 33px;}
    .blocks .block.id-map .text {width:190px;}
    .blocks .block.id-agenda img {right:-27px;}
    .blocks .block.id-festival img {right:-90px;}
    .blocks .block.id-events img.animated {right:-30px;}
    .blocks .block.id-zevisit img {right:-30px;}
    .blocks .block.id-weather img.animated { left: 10px; top: 22px; }
    .blocks .block.id-sortir img {top:60px;}
    .blocks .block.id-sortir img.animated {top:20px;}
    .blocks .block.id-bonne-table img {top:60px;}
    .blocks .block.id-bonne-table img.animated {top:20px;}            
}
/*-----------Styles for desctop 0 - 1200px--------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 1200px) {
    header .header-bg { top: 0; }      
    .main .top-section { font-size: 14px; }   
    .main .top-section .right-sidebar h3 { line-height: inherit; padding-bottom: 20px; }
    .main .top-section .slide-navigation { width: 150px; }
    .main .top-section .slide-navigation li { padding-left: 7px; } 
    .main .top-section .right-sidebar .sidebar-content.put-me-bg .put-me p { line-height: 28px; }
    
    .main-content .event-content .more-info a, .main-content .event-content .more-info .print { margin-left: 25px; }
    
    .webform-datepicker .form-item { float: left; width: 31%; padding: 0 0 0 2.5%; }
    .webform-datepicker .form-item:first-child { padding-left: 0%; width: 30%; }  
    /* ---------------------------------------- */ 
    .main-content .user-profile .profile-places-wrap ul li .profile-place-img { height: 190px; }
    /* ---------------------------------------- */ 
    .landing-glance .population .inner-container .dot { left: 387px; }
    .landing-glance .population .inner-container .line { left: 170px; }
    .landing-glance .population .inner-container .map { width: 390px; margin-right: 15px; }
    /* ---------------------------------------- */ 
    footer .f-row .f-inner { width: 100%; }   
}
/*-----------Styles for desctop 0 - 1180px--------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 1180px) {
    .main-content .user-profile .profile-places-wrap ul li { width: 29.6%; }
    .logged-in.page-documents .main-content #block-system-main .documents-listing table tr th.document-title, .logged-in.page-documents .main-content #block-system-main .documents-listing table tr td.document-title { width: 40%; }
    /* ---------------------------------------- */ 
    .landing-glance .average-age .inner-container { margin-left: 15px; margin-right: 15px; }
    /* ---------------------------------------- */ 
    .main-content .user-profile .profile-places-wrap ul li .profile-place-img { height: 180px; }
}
/*-----------Styles for desctop 0 - 1140px--------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 1140px) {
    .btn-base.large { font-size: 2.1em; padding: 12px 30px; }  
    .main-content .event-content .more-info a { font-size: 1.4em; }
    .main-content .event-content .more-info a, .main-content .event-content .more-info .print { margin-left: 15px; }
    .event-menu .item-list > ul > li { padding: 0 9px; }
    /* ---------------------------------------- */ 
    .landing-glance .temperature .temp-count { padding-top: 275px; font-size: 24px; }
    .landing-glance .average-age .inner-container { padding: 13px 0 12px !important; }
    .landing-glance .average-age .inner-container p span.colors { font-size: 1em; }
    /* ---------------------------------------- */ 
    .landing-glance .population .inner-container .dot { left: 347px; }
    .landing-glance .population .inner-container .line { left: 130px; }
    .landing-glance .population .inner-container .map { width: 370px; }
    /* ---------------------------------------- */ 
    .main-content .user-profile .profile-places-wrap ul li .profile-place-img { height: 170px; }
    .main-content .user-profile .profile-places-wrap ul li .profile-place-info { padding-bottom: 25px; }
}
/*-----------Styles for desctop 0 - 1060px--------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 1060px) {             
    .home header { position: relative; width: auto; }
    .home header .inner { position: relative; padding: 0; width: 100%; height: auto; right: 0; }
    .home header .inner .background-mobile { display: block; height: 355px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;}
    .home header .inner .header-content { width: 100%; height: auto; }
    .home header .inner .header-content h2 { padding: 35px; font-size: 29px !important; }
    .home header .inner .header-content p { font-size: 18px; }
    .home header .inner .header-content > p { padding: 0 35px 35px 35px; line-height: 22px; }
    .home header .inner .header-content .can-help { margin: 0 35px 0 35px; }
    .home header .inner .header-content .can-help strong { font-size: 24px; }
    .home header .inner .header-content .can-help p { margin-bottom: 35px; }
     header .home-slider ul li .slider-img img { margin-left: -15%; width: 130%; }
    .wide-alert { padding-top: 14px; overflow: hidden; }
    .wide-alert .wide-content p { font-size: 14px; padding: 3px 0 0 7px; }
    .wide-alert .wide-inner > a { font-size: 14px; margin: 3px 0 0; }
    .home header .logo-bdr { right: 35px; top: 35px; z-index: 3; }    
    .clear-container { display: none; }
    .btn-base, .form-submit, .form-actions #edit-cancel { border-width: 4px; padding: 8px 30px; }
    .main-content .map-event .btn-base, .main-content .map-event .form-submit, .main-content .add-place .form-submit, .main-content .add-place .btn-base, .main-content .documents-listing .documents-filter .form-submit, .main-content .user-profile .profile-edit .profile-form-section .form-actions .form-submit { border-width: 2px; }
    .blocks {-webkit-transition:none;-moz-transition:none;transition:none;}
    .blocks .block {-webkit-transition:none;-moz-transition:none;transition:none;}
    .blocks .block .link {-webkit-transition:none;-moz-transition:none;transition:none;}
    #block-system-main .blocks .block img { max-width: inherit !important; }
    .blocks .block img.shall_animate.animated { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; transition-delay: 0 !important; -webkit-transition-delay: 0 !important; -moz-transition-delay: 0 !important; }
    .main .top-section .intro-content { padding-bottom: 42px; }
    .main .top-section.featured-slider .right-sidebar .sidebar-content { height: 361px; }
    .langs-container {width:auto;}	
    .backgrounds { display:none; }
    .blocks {margin:0;padding:0;width:auto;}
    .blocks .block { position: relative !important; top: 0 !important; left: 0 !important; padding: 35px !important; width: auto !important; height: auto !important; border: 0 !important; border-top: 1px solid #959595 !important; }
    .blocks .block:first-child { border-top: 0 !important; }
    .blocks .block .block-content { max-width: 69%; }
    .blocks .block.id-glance .block-content, .blocks .block.id-events .block-content, .blocks .block.id-residents .block-content, .blocks .block.id-report-it { max-width: 100%; }
    .blocks .block .links { margin-top: 30px; }
    .blocks .block .links .link { border-width: 4px; line-height: 36px; }  	
    .blocks .block.id-business { background: #f5f5f5; }
.blocks .block.id-weather .title { width: auto; float: left; padding: 25px 35px 0 35px; }
    .blocks .block.id-weather .subtitle { position: static; padding-top: 63px; }
    .blocks .block.welcome h3 { font-size: 29px; line-height: 30px; }
    .blocks .block.welcome p { font-size: 18px; }
    .blocks .block.welcome .can-help strong { font-size: 24px; }
    .blocks .block.id-visitors img, .blocks .block.id-visitors img.animated, .blocks .block.id-town img.animated, .blocks .block.id-town img { opacity: 1; bottom: 0; }
    .blocks .block.id-town img.animated, .blocks .block.id-town img { width: 250px; }	
    .blocks .block.id-map img, .blocks .block.id-map img.animated { width: 250px; opacity: 1; bottom: 10px; }
    .blocks .block.id-weather img, .blocks .block.id-weather img.animated { position: static; width: 100px; float: left; left: 0; opacity: 1; }	
    .blocks .block.id-business img, .blocks .block.id-business img.animated { right: 0; bottom: 0; opacity:1; width: 250px; }
    
    .main .top-section .intro-inner h1 { font-size: 2em; }
    .main .top-section .intro-inner h2 { font-size: 1.8em; }
    .main .top-section .right-sidebar .sidebar-content.put-me-bg { background-position: -15px -15px; }   
    .main .top-section .right-sidebar .sidebar-content.put-me-bg .put-me { max-width: 130px; padding-top: 35px; }
    
    .main-content .post-content .view-employment .views-table .views-field-title { width: 55%; }
    
    .main-content .event-content table tr th, .main-content .event-content table tr td { padding: 9px 5px; }
    .main-content .event-content .more-info a { font-size: 1.3em; }
    
    .event-menu .item-list ul li.drop_down > span, .event-menu .item-list ul li.drop_down > span:hover { background: none; padding: 0; }
    .event-menu .item-list > ul > li { padding: 0 8px; font-size: 13px !important; } 
    .event-menu .item-list ul li.drop_down:hover .item-list { display: none; }
    
    .map-content .map-seacrh .triangle-topright { display: none; }
    .map-content .map-category { left: 0; }
    
    .main-content .other-places-block .places-list .place-title { max-width: 75%; }          
    /* ---------------------------------------- */
    .main-content .user-profile .profile-places-wrap ul li { width: 29.3%; }
    /* ---------------------------------------- */
    .main-content .documents-listing .documents-filter .form-submit { margin-top: 48px; padding: 6px 20px; }
    /* ---------------------------------------- */
    .main-content .map-event .event-content .event-inner { padding-top: 32px; }     
    .main-content .map-event h1 { padding-bottom: 28px; }
    .main-content .map-event .event-content .event-inner .content, .main-content .map-event .event-content .content p { line-height: 28px; }
    .main-content .map-event .event-content { padding-right: 50px; }
    .main-content .map-event.event-detail .event-sidebar .social-feed { height: 728px; padding-bottom: 25px; }
    .main-content .map-event.event-detail .event-sidebar .social-feed h2 { padding: 20px 25px 18px 60px; background-position: 20px 17px; height: 60px; }
    .main-content .map-event.event-detail .event-sidebar .social-feed .fb-feed { padding: 25px 35px 25px 25px; }
    .main-content .map-event.event-detail .event-sidebar .social-feed .fb-like-box { padding-bottom: 10px; }
    .main-content .map-event.event-detail .event-sidebar.twitter .social-feed h2 { padding: 20px; }  
    .main-content .map-event.event-detail .event-sidebar.twitter .social-feed .tweet-feed { padding-left: 25px; }
    .main-content .map-event.event-detail .event-sidebar .get-direction { padding: 60px 10% 60px 25px; }
    .main-content .map-event.event-detail .event-sidebar .get-direction .direction-content { width: 62%; } 
    .main-content .other-places-block .places-list .place-title h3 { line-height: 16px; }
    .main-content .other-places-block .places-list .place-title h3 a { padding: 8px 10px 7px; }
    .main-content .map-event.event-detail .event-sidebar .download-box { padding: 50px 10% 70px 25px; }
    /* ---------------------------------------- */
    .main-content .add-place .form-section label, .main-content .add-place .title, .main-content .user-profile h2 { font-size: 1.675em; }
    .main-content .add-place .getlocations_fields_map_wrapper > p, .main-content .add-place .login-place-block p, .main-content .add-place #add-place-second #sor-dnd-upload p { font-size: 1em; }
    .main-content .add-place .login-place-block .btn-base.back-btn { margin-top: 62px; width: 85%; }
    .main-content .add-place #add-place-third .form-item-field-map-location-und-0-postal-code { width: 18%; }
    
    .logged-in.page-documents .main-content #block-system-main .documents-listing table tr th.document-title, .logged-in.page-documents .main-content #block-system-main .documents-listing table tr td.document-title { width: 35%; } 
    
    .main-content .video-gallery .field-item .icon { background-size: 59px 58px; }
    .main-content .video-gallery .field-item .video-content { max-height: 64px; }
    /* ---------------------------------------- */ 
    .main-content .user-profile .profile-places-wrap ul li .profile-place-img { height: 160px; }
    /* ---------------------------------------- */   
    .landing-glance { font-size: 29px; }
    .landing-glance .inner-container { padding-left: 0 !important; padding-right: 0 !important; }
    .landing-glance .left-column, .landing-glance .right-column, .landing-glance .last-section .left-column, .landing-glance .last-section .large-column { width: 100%; }
    .landing-glance .half-col, .landing-glance .last-section .half-col, .landing-glance .last-section .small-column { width: 50%; }
    /* ---------------------------------------- */ 
    .landing-glance .house-market { height: 395px; }
    .landing-glance .airport { height: 460px; }
    .landing-glance .airport .inner-container { padding-top: 115px; }
    .landing-glance .airport .inner-container .shall_animate.animated { right: 0; top: 80px; }
    .landing-glance .rainfall { overflow: hidden; }
    .landing-glance .temperature .temp-count { padding-top: 270px; font-size: 27px; }
    .landing-glance .average-age .inner-container { margin: 50px auto 0; }
    /* ---------------------------------------- */ 
    .landing-glance .population .inner-container .dot { left: 420px; }
    .landing-glance .population .inner-container .line { left: 205px; }
    .landing-glance .population .inner-container .map { width: auto; }
    /* ---------------------------------------- */
    .main-content .events-list { margin: 0 -1px 0 -8px; }
    /* ---------------------------------------- */
    .page-eform-submit-report-it .breadcrumbs ul li, .node-type-entityform .breadcrumbs ul li, .page-eform-report-it .breadcrumbs ul li { margin: 0 !important; }
    .page-eform-submit-report-it .main-content h1, .node-type-entityform .main-content h1, .page-eform-report-it .main-content h1 { padding-bottom: 25px; margin-bottom: 22px; }
    .page-eform-submit-report-it .main-content h1:after, .node-type-entityform .main-content h1:after, .page-eform-report-it .main-content h1:after { border: 3px solid #00b3e1; height: 6px; width: 120px; }
    .page-eform-submit-report-it .field-type-text-with-summary, .node-type-entityform .field-type-text-with-summary, .page-eform-report-it .field-type-text-with-summary { max-width: inherit; }
    .page-eform-submit-report-it .field-type-text-with-summary p, .node-type-entityform .field-type-text-with-summary p, .page-eform-report-it .field-type-text-with-summary p { line-height: 22px; padding-bottom: 5px !important; }
    /* ---------------------------------------- */
    .entityform, .page-eform-report-it-confirm .submission-text { font-size: 14px; padding: 25px 30px 115px 30px; min-height: 510px; }
    .entityform .field-type-markup, .page-eform-report-it-confirm .submission-text { font-size: 18px; line-height: 27px; margin-top: -5px; max-width: 100%; }
    .page-eform-report-it-confirm .submission-text h2 { padding-bottom: 16px !important; }
    .page-eform-report-it-confirm .submission-text p, .entityform .field-type-markup p { line-height: 27px !important; }
    /* ---------------------------------------- */
    .report-loader .loader-center { height: 510px;}
    /* ---------------------------------------- */
    .entity-entityform-type { min-height: 699px; }
    .entityform .form-radios .form-item { padding: 0 15px 25px 0; }
    .entityform .form-radios .form-item .iradio { margin-top: 2px; }
    /* ---------------------------------------- */
    .entityform input[type="text"], .entityform input[type="date"], .entityform input[type="email"], .entityform textarea { font-size: 16px; height: 45px; padding: 9px 15px 10px; }
    .entityform .field-type-datetime .form-item .date-picker-icon input[type="text"] { height: 45px; }
    .entityform .field-type-datetime .form-item .date-picker-icon .fa { font-size: 18px; height: 45px; line-height: 45px; width: 46px; }    
    /* ---------------------------------------- */
    .entityform .multipage-counter_ajax { font-size: 1.4em; right: 30px; top: 25px; }
    .entityform .footer-navigation { right: 28px; height: 200px; }
    /* ---------------------------------------- */
    .entityform .fieldset-legend { padding-bottom: 30px; margin-left: 0; }
    .entityform .field-name-field-form-type .form-radios { width: 107%; }
    .entityform .field-name-field-form-type .form-radios .form-item { height: 177px; padding: 20px 10px 0; }
    .entityform .field-name-field-form-type .form-radios .iradio { background-size: 180px auto; border-radius: 45px; height: 90px; margin: 0 auto 10px; width: 90px; }
    .entityform .field-name-field-form-type .form-radios label { font-size: 1em; letter-spacing: 1px; line-height: 20px; max-width: 85%; margin: 0; }
    /* ---------------------------------------- */
    .entityform .field-name-field-form-type .form-radios .item-roads-footpaths .iradio { background-position: 0 -90px; }
    .entityform .field-name-field-form-type .form-radios .item-roads-footpaths .iradio.hover, .entityform .field-name-field-form-type .form-radios .item-roads-footpaths .iradio.checked { background-position: right -90px; }
    .entityform .field-name-field-form-type .form-radios .item-vehicles .iradio { background-position: 0 -181px; }
    .entityform .field-name-field-form-type .form-radios .item-vehicles .iradio.hover, .entityform .field-name-field-form-type .form-radios .item-vehicles .iradio.checked { background-position: right -181px; }
    .entityform .field-name-field-form-type .form-radios .item-noise-environment .iradio { background-position: 0 -272px; }
    .entityform .field-name-field-form-type .form-radios .item-noise-environment .iradio.hover, .entityform .field-name-field-form-type .form-radios .item-noise-environment .iradio.checked { background-position: right -272px; }
    .entityform .field-name-field-form-type .form-radios .item-crime-emergency .iradio { background-position: 0 -363px; }
    .entityform .field-name-field-form-type .form-radios .item-crime-emergency .iradio.hover, .entityform .field-name-field-form-type .form-radios .item-crime-emergency .iradio.checked { background-position: right -363px; }
    .entityform .field-name-field-form-type .form-radios .item-animals .iradio { background-position: 0 -453px; }
    .entityform .field-name-field-form-type .form-radios .item-animals .iradio.hover, .entityform .field-name-field-form-type .form-radios .item-animals .iradio.checked { background-position: right -453px; }
    .entityform .field-name-field-form-type .form-radios .item-council-facilities .iradio { background-position: 0 -544px; }
    .entityform .field-name-field-form-type .form-radios .item-council-facilities .iradio.hover, .entityform .field-name-field-form-type .form-radios .item-council-facilities .iradio.checked { background-position: right -544px; }
    .entityform .field-name-field-form-type .form-radios .item-parks-gardens .iradio { background-position: 0 -635px; }
    .entityform .field-name-field-form-type .form-radios .item-parks-gardens .iradio.hover, .entityform .field-name-field-form-type .form-radios .item-parks-gardens .iradio.checked { background-position: right -635px; }
    .entityform .field-name-field-form-type .form-radios .item-other .iradio { background-position: 0 -726px; }
    .entityform .field-name-field-form-type .form-radios .item-other .iradio.hover, .entityform .field-name-field-form-type .form-radios .item-other .iradio.checked { background-position: right -726px; }
    /* ---------------------------------------- */
    .entity-entityform-type .messages { font-size: 14px; line-height: 27px; margin: 3px 0 26px; }
    /* ---------------------------------------- */
    .entityform .form-actions { bottom: 22px; left: 30px; right: 28px; }
    .entityform .form-actions .wrap-next-btn p { line-height: 20px; padding: 3px 0 2px !important; }
    .entityform .form-actions .edit-actions-prev { margin: 0 0 25px; }
    /* ---------------------------------------- */
    .entityform textarea { height: 160px; }
    /* ---------------------------------------- */
    .entityform .field-type-datetime, .entityform .field-name-field-form-registration, .entityform .field-type-text, .entityform .field-type-text-long, .entityform .field-name-field-form-description, .entityform .field-type-email { max-width: 85%; padding: 0 0 20px; }
    .entityform .field-name-field-form-registration input[type="text"] { max-width: 48%; }
    .entityform .field-type-datetime .form-item .form-item, .entityform .field-type-datetime .form-item .date-time-wrapper { padding-left: 20px; }
    .entityform .field-type-datetime .form-item .date-time-wrapper .form-item { padding-left: 10px; }
    .entityform .field-type-datetime .form-item .date-time-wrapper .select2-container a { font-size: 16px; height: 45px; line-height: 25px; padding: 8px 10px; }
    .entityform .field-type-datetime .form-item .date-time-wrapper .select2-container .select2-choice span { margin-right: 25px; }
    .entityform .field-type-datetime .form-item .date-time-wrapper .select2-container .select2-choice > div { width: 35px; }
    .entityform .field-type-datetime .form-item .date-time-wrapper .select2-container .select2-choice > div > b::before { left: 12px; top: 10px; font-size: 15px; }
    .page-eform-submit-report-it .select2-drop-active, .node-type-entityform .select2-drop-active { margin-top: -3px; }
    @-moz-document url-prefix() {
        .page-eform-submit-report-it .select2-drop-active, .node-type-entityform .select2-drop-active, .page-eform-submit-report-it .select2-drop.select2-drop-above.select2-drop-active, .node-type-entityform .select2-drop.select2-drop-above.select2-drop-active { margin-left: 0; }
    }
    /* ---------------------------------------- */
    .entityform .field-name-field-form-map, .entityform .field-name-field-form-comments, .entityform .field-name-field-form-bin-colour { max-width: 85%; margin-top: -6px; padding-top: 0; }
    .entityform .field-name-field-form-map #locate-me-wrapper .form-submit { top: 57px; min-width: 200px; padding: 10px 20px 10px 40px; }
    /* ---------------------------------------- */
    .entityform .field-name-field-form-map { max-width: 90%; }
    .entityform .getlocations_fields_map_wrapper .getlocations_map_wrapper_inner > div { height: 215px !important; }
    .entityform .field-name-field-form-map .form-item { max-width: 57% !important; }
    /* ---------------------------------------- */
    .entityform .dnd-wrapper { margin-top: 0; max-width: 85%; height: 275px; margin: 0 0 20px 0; }
    .entityform .dnd-wrapper .form-item { padding: 18px 0 0 !important; }
    .entityform .dnd-wrapper .form-item .form-managed-file { padding-top: 0; }
    .entityform .uploading-process.dnd-wrapper { min-height: 275px !important; }
    /* ---------------------------------------- */
    .entityform .field-name-field-form-comments label, .entityform .field-name-field-form-bin-colour label { padding-bottom: 13px; }
    .entityform .field-name-field-form-comments textarea { height: 235px; }
    /* ---------------------------------------- */
    .entityform .form-column { max-width: 85%; }
    .entityform div.form-label { margin-top: -6px; max-width: 85%; padding: 0 0 9px; }
    .entityform .group-details-wrapper > div:first-child { margin-top: -6px; max-width: 85%; padding: 0 0 9px; }
    .entityform .form-column .form-wrapper { padding-left: 20px; }
    .entityform .form-column .form-wrapper:first-child { padding-left: 0; }
    .entityform .field-widget-options-onoff { padding-top: 15px; }
    /* ---------------------------------------- */
    .entityform .summary-columns { max-width: 85%; margin-top: -6px; padding-top: 0; }
    .entityform .summary-columns .column { padding-left: 25px; }
    .entityform .summary-columns .column:first-child { padding-left: 0; }
    .entityform .summary-columns .column:last-child { float: right; }
    .entityform .summary-columns .column .container-form-row { font-size: 1.1em; line-height: 22px; }
    .entityform .summary-columns .column .container-form-row, .entityform .summary-columns .column .field-items, .entityform .summary-columns .column .field-items .field-item { line-height: 22px; }
    .entityform .summary-columns .column .field-form-files .field-items { padding-top: 7px; }
    .entityform .summary-columns .column .field-form-files .field-items .field-item { max-width: 30%; }
    /* ---------------------------------------- */
    footer { background-size: 100% 20px; padding-top: 35px; }
    footer .f-row .f-inner { padding: 0 35px; }
    footer .f-content { background-position: right bottom; background-size: 70% auto; }
    footer .f-row .f-col { padding: 60px 30px; }
    footer .f-row:first-child .f-col { padding-top: 60px; }
    footer .f-row .f-col:first-child { padding-left: 0; }
    footer .f-row .f-col:last-child { padding-right: 0; }
    footer .f-row .f-col h3 { font-size: 26px; }  
}
/*-----------Styles for mobile 0 - 980px--------------------------------------------------------------*/ 
@media only screen and (min-width: 0) and (max-width: 980px) {
    header .header-title { width: 50%; }
    header .home-slider ul li .slider-img img { margin-left: -21%; width: 142%; }
    /* ---------------------------------------- */
    .map-category-list { margin-left: 4px; }          
    .main-content .event-block .event-content { font-size: 14px; height: 150px; padding: 20px; }
    .main-content .event-block .event-content:hover { height: 400px; }
    .main-content .event-block .event-content h3 { line-height: inherit; padding-bottom: 20px; }
    .main-content .event-content p.date { padding-bottom: 23px; }
    .main-content .event-content .content p { padding-bottom: 20px; }
    .main-content .event-content .btn-base { border-width: 2px; font-size: 16px; padding: 3px 20px 4px;  }
    /* ---------------------------------------- */
    .main-content .user-profile .profile-places-wrap ul li { width: 29.1%; }
    /* ---------------------------------------- */
    .logged-in.page-documents .main-content #block-system-main .documents-listing table tr th.document-title, .logged-in.page-documents .main-content #block-system-main .documents-listing table tr td.document-title { width: inherit; }
    /* ---------------------------------------- */ 
    .main-content .user-profile .profile-places-wrap ul li .profile-place-img { height: 150px; }
}
/*-----------Styles for mobile 0 - 960px--------------------------------------------------------------*/ 
@media only screen and (min-width: 0) and (max-width: 960px) { 
    .btn-base.large { font-size: 1.8em; padding: 12px 28px; } 

    .main .top-section { font-size: 13px; }
    .main .top-section .intro-inner p { line-height: 22px; padding-bottom: 20px; }
    .main .top-section .right-sidebar .sidebar-content, .main .top-section.featured-slider .right-sidebar .sidebar-content { padding: 19px 35px 25px 20px; }
    .main .top-section .block-title { padding-top: 20px; }
    .main .top-section .slide-navigation li { padding-left: 5px; }
    .main .top-section .right-sidebar .s-menu { max-height: 330px; }     
    .main .top-section .right-sidebar h3 { padding-bottom: 15px; }
    .main .top-section .right-sidebar .content { font-size: 18px; line-height: 23px; margin-bottom: 15px; max-height: 253px;}
    .main .top-section .right-sidebar .btn-base { border-width: 2px; font-size: 16px; padding: 3px 20px 4px; } 
      
    .main-content .event-detail .event-sidebar { font-size: 13px; }
    .main-content .event-sidebar .field-label, .main-content .event-sidebar .field-items, .main-content .event-sidebar p { padding-bottom: 25px; line-height: 22px; }
    .main-content .event-detail .event-sidebar .event-inner { padding-top: 35px; }
    .main-content .event-sidebar .btn-base { padding: 7px 20px; text-align: center; width: 100%; margin-bottom: 30px; }
    .main-content .event-content { font-size: 14px; }
    .main-content .event-content h1 { padding-bottom: 30px; line-height: 30px; }
    .main-content .event-content p, .main-content .event-content ul, .main-content .event-content ol { font-size: 18px; line-height: 24px; } 
    .main-content .event-detail .event-content .event-inner { padding-top: 30px; }
    .main-content .event-detail .event-content .more-info { padding: 0 0 25px; }
    .main-content .event-detail .event-content .excerpt { font-size: 1.6em; line-height: 26px; padding-bottom: 20px; }
    .main-content #block-system-main .event-sponsors ul li { max-width: 32.33%; }
    
    .main-content .sub-title h3 { width: 60%; }      
    .main-content .sub-title .btn-base { padding: 5px 20px; }
    .main-content .sub-title .share-content { text-align: right; }
    .logged-in .main-content .sub-title .share-content { width: 35%; }
    .main-content .sub-title .share-content p { display: inline-block; float: none; }
    
    header .event-menu { font-size: 11px; height: 92px; }
    .event-menu .item-list > ul { height: 39px; padding: 7px 0; }
    .event-menu .item-list > ul > li { font-size: 12px !important; line-height: 25px; }
    .event-menu .item-list ul li .item-list ul li a { line-height: 12px; padding: 7px 7px 5px; }
    .calendar-wrapper { height: 46px; }  
    .calendar-wrapper .slider-content { width: 92%; overflow: hidden; }  
    .calendar-wrapper .slider-content .slider { width: 100%; margin: 0 auto; }
    .calendar-wrapper ol { font-size: 15px; width: 754px; }
    .calendar-wrapper ol > li { height: 43px; width: 22px; margin: 3px 0 0; }
    .calendar-wrapper li em span { font-size: 0.8em; height: 19px; padding-top: 5px; }
    .calendar-wrapper li.month { padding: 0px 4px; }
    .calendar-wrapper li.month em span.year { padding-top: 5px; }
    .calendar-wrapper li em a { font-size: 0.875em; height: 24px; padding: 4px 0 0; }   
    
    .calendar-wrapper .prev, .calendar-wrapper .next { width: 25px; padding-top: 13px; height: 46px; }      
    
    .calendar-wrapper li ul { width: 160px; }
    .calendar-wrapper li ul li { font-size: 11px; width: 160px; }
    .calendar-wrapper li ul li a { padding: 5px 14px; line-height: 12px; }
    
    .webform-datepicker .form-item { padding: 0 0 0 2%; }
    .webform-datepicker .form-item:first-child { padding-left: 0%; width: 29%; }              
    
    .main-content .post-content .view-employment .views-table .views-field-title { width: 48%; }
   
    /* ---------------------------------------- */
    .main-content .user-profile .profile-places-wrap ul li { width: 28.8%; }
    /* ---------------------------------------- */
    .logged-in.page-documents .main-content #block-system-main .documents-listing table { font-size: 14px; }
    .main-content #block-system-main .documents-listing table tr td .file-title { max-width: 85%; }
    
    /* ---------------------------------------- */
    .main-content .map-event.event-detail .event-sidebar .get-direction.put-me { background-position: -20px -20px; }
    .main-content .map-event.event-detail .event-sidebar .get-direction.put-me .direction-content p { max-width: 130px; line-height: 24px; }
    .main-content .map-event.event-detail .event-sidebar .get-direction.put-me .btn-base { margin-top: 190px; font-size: 16px; }
    
    /* ---------------------------------------- */
    #sor-dnd-form-wrapper #sor-dnd-upload { width: 100%; padding: 25px 0 0 0; } 
    #sor-dnd-form-wrapper #sor-dnd-form-wrapper-inner, #sor-dnd-form-wrapper #sor-dnd-upload { width: 100%; }   
    #sor-dnd-form-wrapper .form-submit { margin-right: 0; }
    #sor-dnd-form-wrapper .ajax-progress-throbber { left: 0; width: 70%; }
    /* ---------------------------------------- */ 
    .main-content .user-profile .profile-places-wrap ul li .profile-place-img { height: 140px; }
        
    footer .f-row .f-col .send-mail .form-item { width: 87%; }
    footer .f-row .f-col .send-mail input[type="text"] { font-size: 15px; padding: 7px 10px; }     
}
/*-----------Styles for mobile 0 - 890px--------------------------------------------------------------*/ 
@media only screen and (min-width: 0) and (max-width: 890px) { 
    header .header-title { font-size: 14px; }
    header .header-title h2 { line-height: 20px; }
    header .home-slider ul li .slider-img img { margin-left: -27%; width: 155%; }
    /* ---------------------------------------- */
    .event-menu .item-list > ul > li { font-size: 11px !important; }
    .calendar-wrapper ol { width: 630px; font-size: 13px; }
    .calendar-wrapper ol > li { width: 18px; }
    /* ---------------------------------------- */
    .map-category-list { margin-left: 3px; }
    .map-category-list .category-block { font-size: 14px; }
    .category-block .cat-content .btn-base { border-width: 2px !important; right: 22px; }
    .category-block .cat-content h3 { line-height: 22px; }
    .category-block .cat-content h3 a { padding: 20px; }    
    /* ---------------------------------------- */
    .webform-client-form fieldset .ajax-progress .throbber { margin-top: 0; width: 50px; height: 50px; background-size: 100% auto !important; }
    /* ---------------------------------------- */
    .main-content .map-event .event-content .event-inner { padding-top: 32px; }     
    .main-content .map-event h1 { padding-bottom: 28px !important; line-height: 28px; }
    .main-content .map-event .event-content .event-inner .content, .main-content .map-event .event-content .content p { line-height: 28px; }
    .main-content .map-event .event-content { padding-right: 35px; }
    .main-content .map-event .event-content .contact-details ul li { padding: 25px 0 0 0; width: 100%; max-width: inherit; }
    .main-content .map-event .event-content .contact-details ul li:first-child { padding: 10px 0 0 0; max-width: inherit; }
    .main-content .map-event .event-content .contact-details ul li:last-child { max-width: inherit; }
    .main-content .map-event .event-content .contact-details ul li .field-label { padding-bottom: 10px; }
    .main-content .map-event .event-content .contact-details ul li .field-items { font-size: 1em; }
    .main-content .map-event.event-detail .event-sidebar .social-feed { height: 725px; }
    .main-content .map-event.event-detail .event-sidebar .social-feed h2 { background-position: 15px 15px; background-size: 25px auto; height: 55px; padding: 16px 25px 15px 50px; }
    .main-content .map-event.event-detail .event-sidebar .social-feed .fb-feed { padding: 25px !important; }
    .main-content .map-event.event-detail .event-sidebar.twitter .social-feed h2 { padding: 17px 15px; } 
    .main-content .map-event.event-detail .event-sidebar.twitter .social-feed h2 i { font-size: 1.5em; } 
    .main-content .map-event.event-detail .event-sidebar.twitter .social-feed .tweet-feed { padding: 25px !important; }
    .main-content .map-event.event-detail .event-sidebar .get-direction { padding: 40px 10% 60px 25px; height: 250px; background-size: auto 250px; background-position: -30px 0; }
    .main-content .map-event.event-detail .event-sidebar .get-direction .direction-content { width: 80%; }
    .main-content .map-event.event-detail .event-sidebar .get-direction.put-me { background-position: -25px -40px; height: 345px; }
    .main-content .map-event.event-detail .event-sidebar .get-direction.put-me .direction-content p { max-width: 120px; }
    .main-content .map-event.event-detail .event-sidebar .get-direction.put-me .btn-base { margin-top: 175px; } 
    .main-content .other-places-block .places-list .place-block { width: 33.33%; }
    .main-content .map-event.event-detail .event-sidebar .download-box { padding: 40px 10% 45px 25px; }
    .main-content .map-event.event-detail .event-sidebar .download-box .btn-base { margin-top: 10px; }
    .main-content .map-event .event-content #comments .comment .comment-time { width: 35%; }
    .main-content .map-event .event-content #comments .comment .commenter-name { width: 60%; }
    .main-content .map-event .event-content #comments .comment .comment-text .content { line-height: 19px; }
    .main-content .map-event .event-content #comments .form-commment #edit-comment-body { width: 75%; }
    .main-content .map-event .event-content #comments .form-commment .form-actions { width: 22%; }
    .main-content .map-event .event-content #comments .form-commment .form-item-mail, .main-content .map-event .event-content #comments .form-commment .form-item-name { width: 37.5%; }
    .main-content .event-content .more-info a { font-size: 1.2em; }
    .main-content .event-content .more-info a i { padding-right: 2px; }
    .main-content .event-content .more-info a.back-btn i, .main-content .event-content .more-info a.calendar i { padding-right: 7px; }
    /* ---------------------------------------- */
    .main-content .add-place .form-section { padding: 45px 0 50px; }
    .main-content .add-place .form-section label, .main-content .add-place .title { padding-bottom: 25px; }
    .main-content .add-place .getlocations_fields_map_wrapper > p, .main-content .add-place .login-place-block p, .main-content .add-place #add-place-second #sor-dnd-upload p { font-size: 13px; }
    .main-content .add-place .login-place-block label { font-size: 24px; padding-bottom: 10px; }
    .main-content .add-place .login-place-block .btn-base { font-size: 14px; }
    .main-content .add-place #add-place-second #sor-dnd-upload p { padding-bottom: 5px; }
    .main-content .add-place .login-place-block .btn-base.back-btn { margin-top: 52px; padding: 7px 10px; }      
    .main-content .add-place #add-place-second .form-item,.main-content .add-place #add-place-second .field-type-image, .main-content .add-place #add-place-fifth .fifth-left-sidebar, .main-content .add-place .getlocations_fields_map_wrapper { width: 40%; }      
    .main-content .add-place #add-place-second .form-item-description, .main-content .add-place #add-place-second .field-name-body, .main-content .add-place #add-place-fifth .fifth-right-sidebar, .main-content .add-place #add-place-third .getlocations-description-wrap { width: 60%; }
    .main-content .add-place #add-place-third .form-item-field-map-location-und-0-address, .main-content .add-place #add-place-third .getlocations_fields_country_wrapper, .main-content .add-place #add-place-third .field-name-field-phone, .main-content .add-place #add-place-third .getlocations_fields_city_wrapper, .main-content .add-place #add-place-third .field-name-field-email, .main-content .add-place #add-place-third .getlocations_fields_province_wrapper, .main-content .add-place #add-place-third .form-item-field-map-location-und-0-postal-code, .main-content .add-place #add-place-third .form-type-checkboxes label, .main-content .add-place #add-place-third .form-type-radios { padding-bottom: 15px; }
    .main-content .add-place #add-place-third label, .main-content .add-place #add-place-fifth label { font-size: 14px; padding-bottom: 7px; }
    .main-content .add-place #add-place-third .form-item-field-map-location-und-0-postal-code { width: 21%; }
    .main-content .add-place #add-place-third .getlocations_fields_province_wrapper { width: 30%; }      
    .main-content .add-place .form-managed-file .form-submit { width: 25%; font-size: 13px; padding: 7px 5px; }
    .main-content .add-place .form-managed-file .file { width: 63%; }
    .main-content .add-place .form-managed-file .form-file { width: 55%; }
    .form-managed-file div.ajax-progress { padding-left: 3px; }
    .main-content .add-place #add-place-submit p { padding-bottom: 40px; }
    .main-content .add-place #add-place-third .form-type-checkbox label, .main-content .add-place #add-place-third .form-type-radio label { font-size: 14px; }
    .main-content .add-place #edit-field-event-category label { font-size: 1.5em; padding-bottom: 27px; }
    .main-content .add-place #add-place-fifth .range-of-repeat .until .iradio { margin-top: 32px; }
    .main-content .add-place #add-place-fifth .range-of-repeat .until .date-prefix-inline { margin-top: 33px; }
    .main-content .add-place #add-place-fifth .byday-bymonth .bymonth, .main-content .add-place #add-place-fifth .bymonthday-bymonth .bymonth { margin-left: 60px; }
    .main-content .add-place #add-place-fifth .bymonthday-bymonth .field-suffix { font-size: 14px; }
    /* ---------------------------------------- */
    .main-content .user-profile .profile-locations h2, .main-content .user-profile h2 { padding-bottom: 20px; }
    .main-content .user-profile .profile-places-wrap ul li .profile-place-info h3 { font-size: 16px; line-height: 17px; min-height: 50px; }
    .main-content .user-profile .profile-places-wrap ul li { width: 28.5%; }
    .main-content .user-profile .profile-places-wrap ul li .profile-place-info { padding-bottom: 30px; } 
    .main-content .user-profile .profile-edit { padding: 65px 0 75px; }
    .main-content .user-profile .profile-edit .form-wrapper label, .main-content .user-profile .profile-edit .profile-form-section p { font-size: 14px; line-height: 16px; }
    .main-content .user-profile .profile-edit .profile-form-section .form-actions .form-submit { padding: 7px 20px; font-size: 16px; }
    .main-content .user-profile .profile-edit .form-wrapper > .form-item, .main-content .user-profile .profile-edit .form-wrapper .form-item-pass .form-item-pass-pass1, .main-content .user-profile .profile-edit .form-wrapper .form-item-mail, .main-content .user-profile .profile-edit .form-wrapper .form-item-mail, .main-content .user-profile .profile-edit .form-wrapper .form-item-roles, .main-content .user-profile .profile-edit .form-wrapper .form-item-pass .form-item-pass-pass2 { padding-bottom: 15px; }
    .main-content .user-profile .profile-edit .form-wrapper .form-item-pass { padding-bottom: 0; }
    /* ---------------------------------------- */
    .main-content .documents-listing { font-size: 22px; }
    .main-content .documents-listing table { font-size: 15px; }
    .main-content #block-system-main .documents-listing table tr th, .main-content #block-system-main .documents-listing table tr td { padding: 7px 10px; }
    .main-content #block-system-main .documents-listing table tr th.document-title, .main-content #block-system-main .documents-listing table tr td.document-title { width: 60%; }
    .logged-in.page-documents .main-content #block-system-main .documents-listing table tr th.document-title, .logged-in.page-documents .main-content #block-system-main .documents-listing table tr td.document-title { width: inherit; }
    .main-content #block-system-main .documents-listing table tr td .file-title { max-width: 77%; line-height: 17px; }
    /* ---------------------------------------- */
    .main-content .video-gallery .field-item { width: 49.4%; }
    .main-content .post-content .video-gallery { width: 101.5%; }
    .main-content .post-content .video-gallery .field-item { width: 50%; }
    /* ---------------------------------------- */ 
    .main-content .user-profile .profile-places-wrap ul li .profile-place-img { height: 130px; }
}
/*-----------Styles for mobile 0 - 830px--------------------------------------------------------------*/ 
@media only screen and (min-width: 0) and (max-width: 830px) { 
    header { background-size: 100% 14px; padding-bottom: 14px; height: 384px; }
    header .home-slider ul li .slider-img img { margin-left: -33%; width: 167%; }
    /* ---------------------------------------- */
    .event-menu .item-list > ul > li { padding: 0 4px; }
    
    .main .top-section { margin-top: -14px; }
    .main .top-section.featured-slider { margin-top: 0; height: 350px; }
    .main .top-section .intro { background-size: 100% 14px; padding-top: 14px; }
    .main .top-section .intro-content { height: 293px; padding-bottom: 31px; } 
    .main .top-section.featured-slider ul.slider li .intro-inner img { height: 350px; width: auto; } 
    .breadcrumbs { padding: 15px 0 8px; background-size: 100% 14px; }
    .breadcrumbs ul li { font-size: 16px; margin-bottom: 5px; }
    .main .top-section .breadcrumbs { padding: 14px 35px 8px; }   
    .main .top-section .intro-inner { padding-top: 18px; }
    .main .top-section .intro-inner h1, .main .top-section .intro-inner h2 { padding-bottom: 20px; }
    .main .top-section .intro-inner p { font-size: 18px; line-height: 20px; padding-bottom: 15px; }      
    .main .top-section .block-title { min-height: inherit; padding: 17px 35px 17px 20px;}
    .main .top-section.featured-slider .block-title { padding: 10px 35px 10px 20px; }
    .main .top-section .slide-navigation li a { width: 15px; height: 15px; }
    .main .top-section .status { font-size: 18px; }
    .main .top-section .right-sidebar { height: 350px; }
    .main .top-section .right-sidebar .sidebar-content, .main .top-section.featured-slider .right-sidebar .sidebar-content { padding: 20px 35px 20px 20px; }
    .main .top-section .right-sidebar .s-menu { padding-top: 0; max-height: 255px; }
    .main .top-section .right-sidebar .s-menu li { padding-top: 20px; }
    .main .top-section .right-sidebar .s-menu li:first-child { padding-top: 0; }  
    .main .top-section .right-sidebar h3 { font-size: 20px; }   
    .main .top-section.featured-slider .right-sidebar .sidebar-content { height: 330px; }
    .main .top-section .right-sidebar .content { line-height: 21px; height: 190px; }  
    .main .top-section .right-sidebar .sidebar-content.put-me-bg { background-position: -35px -55px; }   
    .main .top-section .right-sidebar .sidebar-content.put-me-bg .put-me { max-width: 120px; padding-top: 0; } 
    .main .top-section .right-sidebar .sidebar-content.put-me-bg .put-me p { line-height: 24px; }
    
    .main-content .event-detail .event-content .more-info { font-size: 13px; }
    .main-content .event-content p, .main-content .event-content ul, .main-content .event-content ol { line-height: 22px; } 
    
    .map-content .map-top .top-content { width: 460px; height: 72px; padding: 16px 20px 15px; }
    .map-content .map-top .top-content p { font-size: 1.3em; line-height: 39px; }
    .map-content .map-top .top-content .top-inner input[type="text"] { height: 40px; font-size: 1.18em; }
    .map-content .map-top .top-content .top-inner .search-icon { top: 12px; right: 12px; }
    .page-map .ui-autocomplete { width: 252px !important; }
    
    .main-content .user-profile .profile-places-wrap ul { width: 102%; }
    .main-content .user-profile .profile-places-wrap ul li { width: 28%; }
    .main-content .documents-listing .documents-filter .form-submit { font-size: 16px; }
    /* ---------------------------------------- */ 
    .main-content .user-profile .profile-places-wrap ul li .profile-place-img { height: 120px; }
    /* ---------------------------------------- */   
    .landing-glance { font-size: 27px; }
    .landing-glance .inner-container { padding-left: 15px !important; padding-right: 15px !important; }
    .landing-glance .rate .inner-container img { right: 15px; }
    .landing-glance .airport .inner-container .shall_animate.animated { right: 15px; }
    .landing-glance .average-age .inner-container { margin: 50px 15px 0; }
    .landing-glance .industry p { font-size: 1.1em; }
    .landing-glance .industry p span { line-height: 52px; }
    /* ---------------------------------------- */ 
    .landing-glance .population .inner-container p { font-size: 1.386em; }
    .landing-glance .population .inner-container .dot { left: 347px; }
    .landing-glance .population .inner-container .line { left: 130px; }
}
/*-----------Styles for mobile 0 - 768px--------------------------------------------------------------*/ 
@media only screen and (min-width: 0) and (max-width: 768px) {  
    header { height: 343px; }
    .home header { height: auto !important; }     
    header .header-bg { height: 329px; }
    header .header-bg img { width: 162%; }
    
    .main-content .post-content { padding: 35px 0 40px; }
    .main-content h1 { padding-bottom: 35px; }
    .main-content h2, .main-content h3 { padding-bottom: 15px; }
    .main-content h2:first-child, .main-content h3:first-child { padding-bottom: 25px; }
    .main-content .event-content h1, .main-content .event-content h2 { padding-bottom: 35px; }
    .main-content .post-content .content p { padding-bottom: 20px; }
    .main-content .post-content p, .main-content .post-content ul, .main-content .post-content ol, .main-content .post-content .field-item > div { padding: 10px 0; }
    
    .main-content .pager { margin: 50px 35px; padding: 10px 15px 9px !important; font-size: 18px; line-height: 24px; }
    .main-content .post-content .pager { margin: 50px 0 0 0; }  
    
    .main-content .event-block .event-content { height: 50%; }
    .main-content .event-content h3 { padding-bottom: 30px; }
    .main-content .event-block .event-content p.date { padding-bottom: 25px; }
    
    .main-content .event-detail .event-sidebar { font-size: 12px; }          
    
    .main-content .event-sponsors .title { font-size: 1.6em; top: -40px; }
  
    #user-login { width: 70%; }
    .webform-datepicker .form-item { width: 31%; padding-left: 3.2%;}
    .webform-datepicker .form-item:first-child { width: 30%; }
    
    .event-menu .item-list > ul > li { padding: 0 3px; } 
    
    .main-content .post-content .view-employment .views-table .views-field-title { width: 45%; }
    
    .main-content .post-content .blog-row a { font-size: 0.8em; }
    .main-content .post-content .blog-row .blog-description .blog-body { line-height: 24px; }
    
    .logged-in.page-documents .main-content #block-system-main .documents-listing table tr th.document-id, .logged-in.page-documents .main-content #block-system-main .documents-listing table tr td.document-id { display: none; }     
    /* ---------------------------------------- */
    .main-content .events-list { margin: 0 0 0 -4px; }
    /* ---------------------------------------- */ 
    .main-content .user-profile .profile-places-wrap ul li .profile-place-img { height: 110px; }        
                       
    footer .f-content { background-position: right bottom; background-size: 95% auto; }
    footer .f-row:first-child { border: 0; }
    footer .f-row:first-child .f-col:first-child { padding-top: 20px !important; }
  	footer .f-row .f-col { width: 100%; border: 1px solid #fff; border-width: 0 0 1px 0; padding: 30px 0 25px 0 !important; height: auto !important; }
  	footer .f-row .f-col:first-child { border-right: 0; margin-right: 0; }
  	footer .f-row:last-child .f-col:last-child { border: 0; }
    footer .f-row .f-col .send-mail .form-item { width: 96%; }
    footer .f-row .f-col .send-mail input[type="text"] { font-size: 17px; padding: 7px 15px; }    
    footer .f-row .f-col .send-mail input[type="submit"] { margin-top: 7px; }
    footer .f-row .f-col h3 { padding-bottom: 5px;}
    /* ---------------------------------------- */
    .main-content .video-gallery .field-item { width: 49.3%; }
}
/*-----------Styles for tablet 0 - 991px--------------------------------------------------------------*/ 
@media only screen and (min-width: 0) and (max-width: 991px) {
    #global_top .main-menu-link .submenu .inner-content .category-link .subsubmenu {
        max-width: 50%;
        flex-basis: 50%;
    }

    #global_top .main-menu-link .submenu .inner-content .category-link .subsubmenu:not(:nth-last-child(-n + 2)) { margin-bottom: 30px; }
}