@media only screen and (min-width: 320px) {
    /*HIDE STUFF*/
    /****************************************************************************************/
    .fake-thumbnail .slide-image{display: none;}
    .hide-from-front-end{display: none;}
    .image-overlay-inside, .image-overlay.overlay-type-extern {display: none !important;}
    #menu-item-search, .responsive #top .av-main-nav #menu-item-search{display:none;}
    #top #wrap_all .overlay-type-image{display: none !important;}

    /*GRID STUFF*/
    /****************************************************************************************/
    .html_header_transparency #top #wrap_all .avia-builder-el-0 .container{padding-top: 0px;}
    .avia-section.main_color + .avia-section.main_color .content{padding-top: 0px;}
    .avia-section.alternate_color + .avia-section.alternate_color{margin-top: 50px;}
    #top .container .flex_column_table{margin-bottom: 50px; margin-top: 0px;}
    #top #wrap_all .flex_column_table + .flex_column_table{margin-top: 0px;}
    .av_default_container_wrap .content{padding:0px;}
    /*#top .flex_column_table.av-equal-height-column-flextable:not(:first-child){margin-top: 0px;}*/
    #top #wrap_all .container .entry-content-wrapper > *:last-child{margin-bottom: 0px;}
    #top .flex_column .avia_textblock p:first-child{margin-top:0px;}
    #top .flex_column .avia_textblock p:last-child{margin-bottom:0px;}
    #top #wrap_all .avia-image-container + .av-special-heading{margin-top: 20px;}
    #top #wrap_all .av-special-heading + .avia-image-container{margin-top:20px;}
    #top #wrap_all .av_textblock_section + .avia_ajax_form{margin-top: 20px;}
    .av_textblock_section + .avia-button-wrap{margin-top: 20px;}
    .av_textblock_section + .avia-buttonrow-wrap{margin-top: 20px;}

    /*GENERAL STYLE STUFF*/
    /****************************************************************************************/
    .special_amp{font-family: inherit; font-style: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit!important;}
    .avia-content-slider .slide-image, .avia-content-slider .slide-image img{border-radius:0;}
    .avia-image-container-inner, .avia_image, .av-image-caption-overlay{border-radius: 0px;}
    /*CSS3 Animations*/
    .animate{-webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -kthtml-transition: all 0.3s linear; transition: all 0.3s linear;}
    #top #wrap_all strong{color:inherit;}
    /*TYPOGRAPHY*/
    i{font-style:italic;}
    nav li{list-style:none;}

    /*HELPER CLASS FOR THE EDITOR*/
    /****************************************************************************************/
    #top #wrap_all .no-top-padding .content{padding-top: 0px;}
    #top #wrap_all .no-bottom-padding .content{padding-bottom: 0px;}
    #top #wrap_all .max-width-400{max-width: 420px; margin:0 auto;}
    #top #wrap_all .max-width-768{max-width: 768px; margin: 0 auto;}
    #top #wrap_all .max-width-600{max-width: 600px; margin:0 auto;}
    #top #wrap_all .narrow-section{max-width: 1180px; margin: 0 auto; float: none;}
    #top #wrap_all .full-width .container{max-width: 100%; padding:0px;}
    #top #wrap_all .text-shadow{text-shadow: 0px 0px 7px rgb(0 0 0 / 70%); /*text-shadow: 3px 0px 3px rgb(0 0 0 / 40%), -3px 0px 3px rgb(0 0 0 / 40%), 0px 4px 3px rgb(0 0 0 / 40%);*/}
     /*Text and image -section (= tai)*/
    #top #wrap_all .text-and-image-section .flex_column_table{margin: 0px 0px 40px;}
    #top #wrap_all .text-and-image-section .flex_column_table:last-child{margin-bottom: 0px;}
    #top #wrap_all .tai-text-column{padding-top: 30px;}
    #top #wrap_all .tai-image-column{}
    
    /*SEARCH*/
    /****************************************************************************************/
    /*Search form*/
    #top #wrap_all .search-form-container{max-width:85%; width:85%; margin:0 auto; padding:20px 0px;}
    #top #wrap_all .search-flex{display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; width: 100%; max-width: none;}
    #top #wrap_all .search-flex:before{content:"\e803"; display: inline-block; font-size:30px; font-family:'entypo-fontello'; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1);transform: scale(-1, 1);}
    #top #wrap_all #s{background: none; border:0px;}
    #top #wrap_all #searchsubmit{height:auto; width:auto; position:relative; left:auto; top:auto; font-size:14px; line-height:1.6em; min-width: auto; padding: 5px 10px;}
    /*Ajax search*/
    #top #wrap_all .avia-search-tooltip{border-radius:0px; width:100%; left:0px !important; top:inherit !important; margin-left: 0px; position:fixed; border:0px; background:#ffffff; border:1px solid #BEBEBE;}
    #top #wrap_all .ajax_load{right:-40px; background: none;}
    #top #wrap_all .ajax_load .ajax_load_inner{border:0px;}
    #top #wrap_all .avia-search-tooltip .avia-arrow-wrap{display: none;}
    /*Ajax search response*/
    #top #wrap_all .ajax_search_response{margin:0 auto; padding:50px 0px; border-top:1px solid #bebebe; max-width: none;}
    #top #wrap_all .ajax_search_results_wrapper{max-width: 500px; margin:0 auto;}
    #top #wrap_all .av_ajax_search_image{display: none;}
    /*Search page*/
    #top #wrap_all .template-search h2.post-title{font-size:18px; margin:0px;;}
    #top #wrap_all .template-search .search-result-counter{top:-10px;}
    
    /*HEADER*/
    /****************************************************************************************/
    /*Make logo + menu use flexbox*/
    #top #wrap_all #header_main .av-logo-container .inner-container{display: flex; align-items: center; justify-content: space-between;}
    #top #wrap_all #header_main .av-logo-container .logo{position: relative; float: none; left: auto; flex-grow: 4;}
    #top #wrap_all #header_main .av-logo-container .logo img, #top #wrap_all #header_main .av-logo-container .logo svg{padding: 15px;}
    #top #wrap_all #header_main .av-logo-container .avia-menu.av_menu_icon_beside{border-right: 0px; padding: 0px;}
    #top #wrap_all #header_main .av-logo-container .main_menu{top: auto; position: relative; height: auto; right: auto; display: flex; align-items: center;}
    /*Social bookmarks*/
    #top #wrap_all #header_main .av-logo-container .social_bookmarks{display: flex; margin-top: 0px;}
    /*Transparent mobile header*/
    .html_mobile_menu_tablet .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::after{}
    /*Hide the normal logo*/
    .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img, .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > svg{opacity: 0;}
    /*Show the transparent logo*/
    .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate, .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo .subtext.avia-svg-logo-sub{display: block; opacity: 1;}
    /*Add extra padding to first section*/
    .html_header_transparency #top #wrap_all #av_section_1 .container{padding-top: 47px;}
    
    /*FOOTER*/
    /****************************************************************************************/
    #socket .container{text-align: center;}
    #socket{text-align: center;}
    #socket .copyright{float:none;}
    #top #wrap_all .applari-info-link{display: block; text-align: center; width:100%;clear: both;}

    /*Single Post*/
    /****************************************************************************************/
    #top .fullsize .template-blog .post .entry-content-wrapper{text-align: left; max-width: none;}
    #top .fullsize .template-blog .post .entry-content-wrapper > *{max-width: none;}
    #top.single-post #wrap_all .av-special-heading, #top.single-post #wrap_all .avia_textblock{max-width: 600px; margin: 0 auto;} 


}
@media only screen and (min-width: 768px) {
    /*HELPER CLASS FOR THE EDITOR*/
    /****************************************************************************************/
    /*Text and image -section (= tai)*/
    #top #wrap_all .text-and-image-section .container{max-width: 100%; padding: 0px;}
    #top #wrap_all .tai-text-column{font-size: 14px; padding: 20px 50px;}

    /*Centered menu also you need to edit the helper-main-menu*/
    /*HEADER*/
    /****************************************************************************************/
    #top #wrap_all .logo{z-index: 999;}
    #top #wrap_all .logo img{padding:0px 0px;}
    #top #wrap_all .logo a{display: flex; align-items: center;}
    #top #wrap_all .header-scrolled .logo img{padding:0px;}
    /*TRANSPARENT MOBILE HEADER*/
    /*Add extra padding to first section*/
    .html_header_transparency #top #wrap_all #av_section_1{padding-top: 0px;}

    /*FOOTER*/
    /****************************************************************************************/
    #socket .container{text-align: left;}
    #socket{text-align: left;}
    #socket .copyright{float:left;}
    #top #wrap_all .applari-info-link{float:right; width: auto; text-align: right; clear: none;}
}
@media only screen and (min-width: 990px) {
    /*HELPER CLASS FOR THE EDITOR*/
    /****************************************************************************************/
    /*Text and image -section (= tai)*/
    #top #wrap_all .text-and-image-section .container{max-width: 100%; padding: 0px;}
    #top #wrap_all .text-and-image-section .flex_column_table{display: flex; justify-content: flex-start; align-items: stretch;}
    #top #wrap_all .text-and-image-section .flex_column_table.av-columns-reverse{justify-content: flex-end;}
    #top #wrap_all .text-and-image-section .flex_column_table .flex_column{float: none; width: 50%; margin: 0px; display: flex; justify-content: center; flex-direction: column;}
    #top #wrap_all .text-and-image-section .avia-image-container, #top #wrap_all .text-and-image-section .avia-image-container-inner, #top #wrap_all .text-and-image-section .avia-image-overlay-wrap{height:100%; width:100%; overflow:hidden; border-radius:0px;}
    #top #wrap_all .text-and-image-section .avia-image-overlay-wrap img{height:100%; object-fit: cover; width:100%;}
    #top #wrap_all .tai-text-column{font-size: 14px; padding: 40px 20px;}
    #top #wrap_all .reverse-direction-in-desktop .tai-text-column{padding-left:40px;}
    #top #wrap_all .reverse-direction-in-desktop{flex-direction: row-reverse;}
    /*Centered menu also you need to edit the helper-main-menu*/
    #top #wrap_all #header_main .av-logo-container .logo{flex:1; display: flex; justify-content: flex-start; margin-right:auto;}
    #top #wrap_all #header_main .av-logo-container .main_menu{flex:2; display: flex; justify-content: center;}
    #top #wrap_all #header_main .av-logo-container .social_bookmarks{flex:1; display: flex; justify-content: flex-end; margin-left:auto;}

}

@media only screen and (min-width: 1180px) {
     
    /*HELPER CLASS FOR THE EDITOR*/
    /****************************************************************************************/
   /*Text and image section*/
    #top #wrap_all .tai-text-column{font-size: inherit; max-width: 508px; padding:40px 0px;} 
    #top #wrap_all .reverse-direction-in-desktop .tai-text-column{padding-left:0px;}
    #top #wrap_all .tai-text-column.first{padding-left: 0px}

    /*SEARCH*/
    /****************************************************************************************/
    #top #wrap_all .search-form-container{max-width:1180px; width:1180px; margin:0 auto;}
}
@media only screen and (max-width: 990px) {
    /*Transparent mobile header*/
    .responsive #top #wrap_all #header.header_color.av_header_transparency{background: none; position: absolute; color: #ffffff;}
    .responsive #top #wrap_all #header .container{width: 95%; max-width: 95%;}
}
@media only screen and (max-width: 768px) {
    /*Grid stuff*/
    .responsive #top #wrap_all .flex_column:empty{margin-bottom: 20px;}
    #top .container .flex_column_table + .flex_column_table{margin-top: 0px;}
    /*Helper classes for the editor*/
    .responsive #top #wrap_all .no-margin-bottom-in-mobile{margin-bottom:0px;}
    .responsive #top #wrap_all .full-width-in-mobile .content{padding:0px;}
    .responsive #top #wrap_all .full-width-in-mobile .container{width:100%; max-width:100%;}
    /*Center in mobile*/
    /*Center image*/
    #top #wrap_all .center-in-mobile.avia-image-container.avia-align-left, #top #wrap_all .center-in-mobile.avia-image-container.avia-align-right{text-align: center; float:none; margin:0px;}
    #top #wrap_all .center-in-mobile.avia-image-container.avia-align-left .avia_image, #top #wrap_all .center-in-mobile.avia-image-container.avia-align-right .avia_image{display: inline-block;}
    /*Center heading*/
    #top #wrap_all .center-in-mobile .av-special-heading-tag, #top #wrap_all .center-in-mobile .av-subheading{text-align: center;}
    /*Center text block*/
    #top #wrap_all .center-in-mobile .avia_textblock, #top #wrap_all .center-in-mobile.avia_textblock p{text-align: center;}
    /*Center button*/
    #top #wrap_all .center-in-mobile.avia-button-wrap{width:100%; display: block; text-align: center; float:none;}
    #top #wrap_all .center-in-mobile .avia-button.avia-position-left, #top #wrap_all .center-in-mobile .avia-button.avia-position-right{float:none; display: inline-block;}
    /*Center button row*/
    #top #wrap_all .avia-buttonrow-left, #top #wrap_all .avia-buttonrow-right{text-align: center;} 
    /*Artikkelilistaus*/
    .responsive #top #wrap_all .all_colors .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .all_colors .avia-content-slider-odd .slide-entry.slide-parity-even{margin-bottom: 20px;}
    /*Header*/
    .responsive .logo img{padding:10px;}
    
}