@media only screen and (max-width: 1024px) {

    #body {
        width:100%;
        position:relative;
        margin-top: 58px;
    }

    #container{
        overflow:hidden;
        margin-top: 0px;
        width: 100%;
    }

    #header{
        display:none;
    }

    .center-content{
        width: 100%;
    }

    #container.disablePage{
        position: fixed;
    }

    #container.search.disablePage{
        position: relative;
    }

    #header-tablet{
        display:block;
        position: fixed;
        top:0;
        z-index:2;
        width:100%;
    }

    #header-tablet #header-tablet-navigation{
        left: 0px;
        position: fixed;
        width:0px;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        background: #28282d;
        z-index: 50;
    }

    #header-tablet #header-tablet-navigation>ul.header-sections{
        margin-top: 57px;
        margin-bottom: 7px;
    }

    #header-tablet ul {
        list-style: none;
        margin: 0;
        padding: 0;
        font-weight: 400;
        font-size: 20px;
    }

    #header-tablet ul a{
        color:#ffffff;
        display: block;
    }


    #header-tablet ul.header-sections li{
        width:100%;
        background-color: #3b3c41;
        border-top: 2px solid #28282d;
        line-height: 53px;
        min-width: 230px;
        color: white;
        font-family: 'Roboto', sans-serif;
    }

    #header-tablet ul.header-sections li.hov{
        text-transform: uppercase;
    }

    #header-tablet ul.header-sections li span.label{
        padding-left: 20px;
        display: inline-block;
    }

    #header-tablet .logo{
        position: fixed;
        top:0;
        left:0;
        border:none;
        width:100%;
        height: 57px;
        padding: 0px 20px;
        z-index: 500;
        box-sizing: border-box;
    }

    #header-tablet .logo.home-logo{
        background: #e3007a;
        border-bottom: 3px solid #00adef;
    }

    #header-tablet .logo.section-logo{
        background: white;
        border-bottom: 3px solid #e0137a;
    }

    #header-tablet .logo-button{
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
        -ms-transform: translateX(-50%); /* IE 9 */
        transform: translateX(-50%); /* IE 10, Fx 16+, Op 12.1+ */
        top: 10px;
    }

    #header-tablet .search-box {
        position: relative;
        bottom: 0;
        left: 0;
        z-index: 50;
        height: 60px;
        background-color:#28282d;
        width:0px;
        overflow: hidden;
    }

    #header-tablet .search-box input{
        border-radius:6px;
        width: 90%;
        padding-left: 7px;
        margin-top: 14px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 28px;
        border: none;
        font-size:18px;
        font-family: 'Roboto', sans-serif;
    }

    #header-tablet .search-box a{
        position: absolute;
        right: 3%;
        top: 15%;
    }

    #header-tablet .search-box input::-ms-input-placeholder {
        color:#28282d;
    }

    #header-tablet .search-box input::-webkit-input-placeholder {
        color:#28282d;
    }

    #header-tablet ul.header-sections li.hov .arrow-down-white{
        float: right;
        margin-top: 20px;
        margin-right: 14px;
        cursor: pointer;
    }

    #header-tablet ul.header-sections li.facebook{
        background-color: #3b5998;
        border-top:none;
    }

    #header-tablet ul.header-sections li.facebook .fb-menu-icon{
        vertical-align: bottom;
        margin-left: 5px;
    }

    #header-tablet ul.header-sections li.twitter{
        background-color: #00aced;
    }

    #header-tablet ul.header-sections li.instagram {
        background-color: #f07439;
    }

    #header-tablet ul.header-sections li.instagram span.label { 
        display: inline-block;
        float: left;  
        width: -webkit-calc(100% - 143.03px); /** Safari 6, Chrome 19-25 **/
        width: -moz-calc(100% - 143.03px); /** FF 4-15  **/
        width: calc(100% - 143.03px); /** FF 16+, IE 9+, Opera 15, Chrome 26+, Safari 7 and future other browsers **/
        background-image: url(images/instagram_text.png);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #header-tablet ul.header-sections li.instagram .instagram-fillIn{ 
        background-image: url(images/instagram_fillIn.png);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        display: inline-block;    
        width: 67.03px;
        height: 53px;    
        background-position-x: 506px;
        vertical-align: top;
    }

    #header-tablet ul.header-sections li.instagram .share {   
        background-image: url(images/instagram_ico_bac.png);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;

        width: 54px;
        float: right;
        border-left: 2px solid #28282d;
        cursor: pointer;
        height: 53px;
        display: inline-block;
    }

    span.instagram-icon {
        display: inline-block;
        width: 45px;
        height: 45px;
        background: url(icons/sprite-mobile.png) 0px -312px;
        background-size: 765%;
    }

    #header-tablet ul.header-sections li.instagram .instagram-icon {
        vertical-align: bottom;
        margin-top: 6px;
        margin-left: 8px;
    }

    #header-tablet ul.header-sections li.twitter a, #header-tablet ul.header-sections li.facebook a{
        display:inline-block;
        width: 100%;
    }

    #header-tablet ul.header-sections .share span.fb-menu-icon{
        margin-left: 22px;
        margin-top: 14px;
    }

    #header-tablet ul.header-sections li.twitter .twitter-menu-icon{
        vertical-align: top;
        margin-top: 16px;
        margin-left: 13px;
    }

    #header-tablet ul.header-sections li.facebook .share, #header-tablet ul.header-sections li.twitter .share{
        width: 54px;
        float:right;
        border-left: 2px solid #28282d;
        cursor:pointer;
        height: 53px;
    }

    #header-tablet ul.header-sections li.hov .arrow-right-white{
        float: right;
        margin-top: 16px;
        margin-right: 23px;
        cursor: pointer;
    }

    #burger{
        position:relative;
        float:right;
        padding-top:16px;
    }

    #burger span{
        cursor: pointer;
    }

    #header-tablet .search-box span.search-icon-black {
        position: absolute;
        top: 16px;
        right: 18px;
    }

    #container.disablePage {
        position: fixed;
    }


    #header ul.header-sections li.facebook{
        position: absolute;
        top: 0px;
        left: 0px;
    }

    #header ul.header-sections li.twitter{
        position: absolute;
        top: 48px;
        left: 0px;
    }

    #burger{
        position:relative;
        float:right;
        padding-top:15px;
    }

    #burger span{
        cursor: pointer;
    }


    .col-right {
        width: 69.1%;
        margin-left: 0px;
        padding-left: 18px;
        box-sizing: border-box;
    }

    .col-left{
        width: 30.9%;
        float: left;
    }


    /* Embeded gallery */

    #gallery-main div.top, 
    .gallery-main div.top {
        width: 40%!important;
    }


    #gallery-main-photo, 
    .gallery-main-photo{
        width:100% !important;
    }

    .section-content .section-header .entities-by-letter {
        font-size: 16px;
    }

    #gallery .article-title{
        font-size: 17px;
    }
    /* End of embeded gallery */

    div.section-article-link.section-article a.str-adunit.section-article-link {
        width: 100%;
    }

    #footer .footer-top .search input {
        width: 74%
    }
    #footer .footer-top .search .btn-search{
        left: -8px;
    }
    #footer .copyright-message {
        padding-right: 5px;
        padding-top: 15px;
    }

    /*Article page */
    .article-content .main-title-wrapper{
        font-size: 25px;
        line-height: 36px;
    }

    /*Columnist page*/
    .columnist-content .about-columnist p{
        line-height: 17px;
        margin: 15px 0;
    }

    /*Competition page*/
    .competition-content .item .text-bottom{
        font-size: 15px;
        line-height: 20px;
    }
    /*Search Results page*/
    .section-content.search-results-content .mini-tile .mini-tile-headline{
        line-height: 20px;
        font-size: 18px;
    }
    .section-content.search-results-content .mini-tile .promo-slug{
        bottom: 26px;
    }
    .search-results-content .mini-tile .right-content{
        height: 100px;
    }

    .home-content .external-mini-tiles .mini-tile .img-wrapper {
        max-height: 170px;
        overflow: hidden;
    }
}

/*Footer adjustment */
@media only screen and (max-width: 990px) {

    #footer .footer-logo {
        margin-right: 10px;

    }
    #footer .footer-logo.new-logo {
        margin-right: 10px;
    }

    .home-content .promo-link .main-title-wrapper{
        margin-top: 0px;
        font-size: 19px;
        line-height: 36px;
    }
    .home-content .promo-link .main-title{
        padding-bottom: 7px;
        padding-top: 5px;
    }
    .home-content .promo-link .text-bottom{
        height: 73px;
        overflow: hidden;
    }
    
    .home-content .external-mini-tiles .mini-tile .img-wrapper{
        max-height: 165px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 870px) {
    .external-mini-tiles .mini-tile{
        width: 32.8%;
    }

    .mini-tile .mini-tile-headline{
        line-height: 24px;
    }

    .home-content .external-mini-tiles .mini-tile .img-wrapper{
        max-height: 147px;
        overflow: hidden;
    }

}
@media only screen and (max-width: 840px) {
    #footer .footer-top .search input {
        width: 73%
    }

    #footer .footer-logos {
        padding-left: 12px;
    }

    #footer .footer-logo.new-logo {
        margin-right: 5px;
    }

    #footer .footer-logo {
        margin-right: 7px;
    }



}

@media only screen and (max-width: 780px) {
    .home-content .external-mini-tiles .mini-tile .img-wrapper {
        max-height: 145px;
        overflow: hidden;
    }
}

/*Footer adjustment end*/
@media only screen and (max-width: 925px) {

    .cc-inner {
        padding-left:18px;
        padding-right:18px;
    }

    #header-tablet .ok span.logo-home-button {
        margin-left: 5px;
    }


    #footer .footer-bottom ul{
        width: 29.1%;
    }

    #gallery-main-photo, 
    .gallery-main-photo {
        height: 385px;
    }

    #gallery-main-photo img, 
    .gallery-main-photo img {
        max-height: 380px;
    }


    .cookie-div .message {
        font-size: 14px;
        width: 60%;
        display: inline-block;
        line-height: 26px;
        padding-top: 7px;

    }
    .cookie-div .button {
        margin-left: 0;
        vertical-align: top;
    }

}

@media only screen and (min-width:900px) and (max-width: 1024px)  {
    #gallery-main-photo, 
    .gallery-main-photo {
        height: 385px;
    }

    #gallery-main-photo img, 
    .gallery-main-photo img {
        max-height: 380px;
    }

}

@media only screen and (max-width: 767px)  {
    #footer .footer-top .search input {
        width: 68%;
    }

    #footer .footer-logo.new-logo .logo-button{
        display: none;
    }
    
    .home-content .external-mini-tiles .mini-tile .img-wrapper {
        max-height: 126px;
        overflow: hidden;
    }
}


@media only screen and (max-width: 680px)  {

    #container{
        min-width:680px;
        overflow-x:auto;
    }
}