@media only screen and (max-width :1400px) {
    /* Off canvas 160x600 ads */
    #adSticky {
        display:none;
    }
    
    .w-adOffCanvas{
        width:8.000em;
        left:-8em;
    }
    .adOffCanvas,
    .adOffCanvas-atlas,
    .adOffCanvas-continent,
    .adOffCanvas-article{
        width:8.000em;
    }
    
/*     .asideStickyAd {
        width:100%;
    } */
}

@media only screen and (max-width :1310px) {
    /* Off canvas 160x600 ads */
    .w-adOffCanvas,
    .adOffCanvas-atlas,
    .adOffCanvas-continent,
    .adOffCanvas-article{
        display:none;
    }
    
    .bannerHeader > header {
        padding-left: 10px;
        padding-top: 30px;
        width:auto;
    }
    
    .bannerHeader > header h1 {
        margin-bottom:20px;
        font-size: 3.8em;
    }
    
    .bannerHeader > header .subtitle {
        font-size: 1em;
        width:80%;
    }
    
    .bannerImage {
        padding-top: 35%;
    }
    
    .WA_D_Articles_ResponsiveLeft,
    .WA_D_Continent_ResponsiveLeft,
    .WA_D_Misc_ResponsiveLeft,
    .WA_D_Nonav_ResponsiveLeft,
    .WA_D_Territory_ResponsiveLeft,
    .WA_D_Time_ResponsiveLeft,
    .WA_D_Tools_ResponsiveLeft,
    .WA_D_Content_ResponsiveLeft {
        display:none !important;
    }
    
/*     .asideStickyAd {
        width:100%;
    } */
}



@media only screen and (max-width :1100px) {
    /* MAIN CONTENT - WRAP */
    .headerMain,
    .bread,
    .w-main,
    .content-no-aside,
    .w-artFeatImg-text,
    .articleIndex-lv2,
    .article-followNav,
    .footer,
    .footer-popular,
    .common-width{
        width:64.667em;
    }
    
    .wa-news-isHomepage .wa-news-latest {
        width:300px;
    }
    
    .wa-news-isHomepage .wa-news-latest-first-link {
        height:176px;
    }
    
    .wa-news-recommend {
        width:418px;
    }   
    
    .w-news-main {
        width:48.667em;
    }
    
    .olympicOverflowTableHeader ul li {
        color: #fff;
        width: 75px;
        padding: 13px 20px;
        background-color: #2A7FDE;
    }
    
    .olympicTableHeaderSecond { 
        width: 275px!important;
    }
    
    .bannerHeader > header {
        padding-left: 10px;
        padding-top: 40px;
        width:auto;
    }
    
    .bannerHeader > header h1 {
        margin-bottom:20px;
        font-size: 3.5em;
    }
    
    .bannerHeader > header .subtitle {
        font-size: 1em;
        width:80%;
    }
    
    .bannerImage {
        padding-top: 45%;
    }
    
    /* MAIN CONTENT - LEFT */
    .map-content,
    .map-continent,
    .misc-content,
    .content,
    .articleIndex-left,
    .artFeatImg-text,
    .index-left,
    .content-comments,
    .search-left,
    .content{
        /*width:42.667em;*/
        width:640px;
    }
    
    /* MAIN CONTENT - 336px sidebar */
    /* TOOLS - page */
    .tools-main{
        width:27.333em;   
    }
    .convLeft, .convRight{
        width:49.4%;
    }
    
    /* TIME PAGES - Layout */
    .time-map,
    .time-clock{
        width:27.467em
    }
    .time-clock li{
        width:48.2%
    }
    
    /* ADVERTISMENT */
    .adHeader{
        width:48.533em; 
        overflow:hidden;
    }
    .adBotResp{
        float:none;
        margin:0 auto;
    }
    .adContinent-worldMap{
        width:20.667em
    }
    .w-adBotResp{
        padding-top:1.333em;
        border-top:2px solid #DEE3EB;
    }
    
    /* COUNTRY MAP PAGE */
    .mapContLv2-left{
        width:22.667em;
    }
    .mapLongLv1-left{
        width:340px;
    }
    
    /* MISC PAGE */
    .misc-content{
        width:42.666em;
    }
    .miscTxt,
    .ant_cont_left{
        width:30em;
    }
    
    /* YELLOW NAV */
    .map-nav li{
        display:inline-block;
        float:none;
    }
    .map-nav li a{
        font-size:12px;
    }
    .mapNav-sep{
        padding:0 0.583em;
    }
    
    /* INDEX - HOME PAGE */
    .indexLv1-left{
        width:43.333em;
    }
    .indexLv1-fb{
        height:9.067em;
    }
    .index-lv2 li p{
        height:2.333em;
    }
    .indexLv3-left{
        width:42.667em;
    }
    .indexArt-medium li{
        width:31.8%;
    }
    .index-lv4 nav{
        width:31.95%;
    }
    
    /* INDEX - world map */
    .worldContLv2-top{
        width:42.666em !important;
    }
    
    /* TIME PAGES */
    .timeClocks li{
        width:31.5%;
    }
    .timeZones li{
        width:24%;
    } 
    
    /* ARTICLE PAGES */
    .articleIndex-regular{
        width:48%;
    }
    
    .quizIndex-regular {
        width:48%;
    }
    
    .articleFollow-left{
        width:65%;
    }
}

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

    /* OLYMPIC CSS ====================================== */
    
    .olympic-anchorOverlay {
        display:none;
    }
    
    .w-olympicHeaderMain {
        top:45px;
    }
    
    .olympic-info {
        display:block;
    }
    
    .olympic-info-link {
        margin-bottom: 20px;
    }
    
    .olympic-info-recentItem img {
        max-width: 418px;
        margin: 1em auto;    
    }
    
    .podium-3,
    .podium-2 {
        height: 40%;
    }
    
    .podium-1 {
        height: 50%;
    }
    
    .olympic-info-podiumNumber {
        display:none;
    }
    
    .olympic-info-podiumList {
        margin-top: 7px;
    }
    
    .olympic-icon {
        height: 20px;
        width: 20px;
    }
    
    .olympicOverflowTableHeader ul li {
        color: #fff;
        width: 87px;
        padding: 13px 20px;
        background-color: #2A7FDE;
    }
    
    .olympicTableHeaderSecond { 
        width: 292px!important;
    }
    
    
    /* ================================================== */
    
    .wa-news-recommend {
        width:418px;
    }    
    
    #logo {
        display:none;
    }
    
    .logo-small {
        display:block;
    }
    
    .wa-news-isHomepage .wa-news-top-list,
    .wa-news-isHomepage .wa-news-top2 {
        width: 45%;
    }
    
    .wa-news-isHomepage .wa-news-latest-first-link {
        height:428px;
    }
    
    .wa-news-isHomepage .wa-news-latest {
        width:100%;
    }

    /* DISPLAY NONE */
    .offMedia-990,
    aside .ad300x600,
    .search-content aside,
    .adAsticky,
    .adTools-sidebar{
        display:none;
    }
    
    /* Sidebar below content (using flex) */
    .flexBoxRightSticky{
        flex-direction: column;
    }
    
    .wa-profile-article-title h3 {
        color: #222;
        font-size: 24px;
        font-weight: 600;
    }
    
    .wa-profile-article-title h4 {
        color: #797979;
        font-size: 16px;
        font-weight: 600;
    }    
    
    /* MAIN CONTENT - WRAP */
    .headerMain,
    .bread,
    .w-main,
    .w-news-main,
    .w-content-comments,
    .content-no-aside,
    .w-artFeatImg-text,
    .article-followNav,
    .footer,
    .content-comments,
    .footer-popular,
    .common-width{
        width:48.667em;
    }
    
    /*MAIN CONTAINER PUSH*/
    #container33{
        padding-top:44px;
    }
    
    /* MAIN CONTENT - LEFT */
    .map-content,
    .misc-content,
    .map-continent,
    .content,
    .artFeatImg-text,
    .index-left,
    .articleIndex-left,
    .content,
    .search-left,
    aside#aside-atlas{
        width:100%;
    }
    
    /* HEADER */
    .headerMain{
        height:3em;
    }
    #logo{
        width:125px;
        height:25px;
        margin-top:10px;
    }
    .headerMain-links li a{
        font-size:11px;
        padding:17px 3px 11px;
    }
    .headerMain-search .icon-search{
        font-size:16px;
    }
    .headerMain-social{
        display:none;
    }
    .headerMain-search{
        height:3em;
    }
    .w-drop-continents,
    .w-drop-countries{
        top:40px;
    }
    
    /* TOOLS - page */
    .tools-main{
        width:33.333em;
    }
    
    /* MISC PAGES */
    .misc-content{
        width:36.000em;
    }
    .miscTxt{
        width:100%;
    }
    .misc-content . li{
        width:30%;
    }
    .ant_cont_left{
        width:29.867em;
    }
    
    /* TIME PAGES - Layout */
    .time-map,
    .time-clock,
    .time-txt{
        width:23.333em
    }
    .time-clock li{
        width:100%
    }
    .adText-adTop{
        float:none;
        margin:0 auto 1.333em;
    }
    .timeZones li{
        width:100%;
    }
    
    /* YELLOW NAV  */
    .map-nav{
        overflow-x:scroll;
    }
    .map-nav{
        white-space:nowrap;
        -webkit-overflow-scrolling: touch;
        min-width:100%;
        overflow-x:scroll;
        overflow-y:hide;
    }
    .map-nav li a{
        font-size:13px;
    }
    .mapNav-sep{
        padding:0 0.615em 0 0.692em;
    }

    /* SIDEBAR */
    aside{
        float:none;
        width:100%;
        padding:0;
        background:none;
    }
    .artCont-right{
        width:48.667em;
    }
    
    .asideStickyAd {
        width:100%;
    }
    
    /* BROWSE ARTICLE - side by side */
.browseArt-reg li{
    display:block;
    width:100%;
    padding:0 0 20px;
    overflow:auto;
}

.browseArt-reg-img{
    float:left;
    width:45%;
    padding-right:1em;
}

.browseArt-reg-img img{
    width:100%;
    height:auto;
}

.browseArt-reg-text{
    width:55%;
    float:right;
    padding-top:5px;
}

.browseArt-reg-text h3{
    font-size:14px;
    color:#222;
    font-weight:600;
    line-height:1.3;    
}

.browseArt-reg-text h3:hover{
    text-decoration:underline;
    cursor:pointer;
}

.browseArt-reg-text ul{
    font-size:11px;
    text-transform:uppercase;
    font-weight:500; 
}

.browseArt-reg-text li{
    color:#22378B !important;
    display:inline-block;
    padding:2px 0 5px;
}
  
    /* COUNTRY MAP PAGE */
    .map-content{
        padding-bottom:0;
    }
    .mapContLv2-left{
        width:28.667em;
    }

    /* ARTICLE PAGE */
    .artFeatImg-text h1{
        font-size:46px;
    }
    .articleFollow-left{
        width:55%;
    }
    
    /* INDEX - world map */
    .index-right{
        width:100%;
        padding: 0 0 0 0;
        display:block;
        overflow:hidden;
    }
    .index-right li{
        width:46.95%;
        display:inline-block;
        margin:0 0.667em;
    }
    
    /* ARTICLE BROWSE - REGULAR */
    .articleSide-regular li{
        width:32.9%;
        display:inline-block;
        padding:0 5px 0;
        margin-bottom:45px;
    }
    .articleSide-regular{
        width:100%
    }
    .artSideReg-image{
        float:none;
        width:100%;
        padding-right:0;
    }
    .artSideReg-image img{
        width:100%;
    }
    
    .artSideReg-text{
        width:100%;
        float:none;
        padding:0 5px 10px;
        height:85px;
        min-height:85px;
    }
    .artSideReg-text li{
        width:100%;
        padding:0 0 5px;
        margin:0;
        height:auto;
        min-height:auto;
    }
    
    /* Article pagination */
    .paginate-article{
        padding-bottom:25px;
        border-bottom:2px solid #DEE3EB;
    }
    
    /* CONTINENT MAP PAGE */
    .adContinent-worldMap{
        width:26.667em
    }
    
    /* FOOTER */
    .fs1 ul{
        width:10.000em;
    }
    .fs2{
        margin-right:0;
    }
    
    /* INDEX - HOME PAGE */
    .indexLv1-left{
        width:100%;
    }
    .indexLv1-right{
        display:none;
    }
    .index-lv2 li a{
        font-size:14px;
    }
    .indexLv3-left{
        width:100%;
    }
    .indexLv3-right{
        display:block;
        width:100%;
    }
    .indexArt-medium li{
        width:31.3%;
    }
    .index-lv4 nav{
        width:31.5%;
    }
    
    /* SEARCH */
    .search-content aside{
        display:none;
    }
    /* BROWSE - POPULAR ARTICLES WITH NUMBER */
    .articleSide-popular li{
        display:inline-block;
        width:31.5%;
        height:5.667em;
        margin-right:1em;
        vertical-align:top;
    }
    .articleSide-popular li:last-child{
        margin-right:0;
    }
    .marginBelow{
	margin-bottom: 2em;
	margin-left: 0;
	width: 100%;
	}
	.marginAbove{
	margin-top: 2em;
	}
	.onWADivider{
	color:#22378b;
	}
}

@media only screen and (max-width :750px) {
    .bannerImage {
        padding-top: 60%;
    }    
    
    .bannerHeader > header {
        padding-top: 10px;
        width:auto;
    }
    
    .bannerHeader > header h1 {
        margin-bottom:20px;
        font-size:2.9em;
        text-align:center;
    }
    
    .bannerHeader > header .subtitle {
        font-size: 0.8em;
        width:auto;
        text-align:center;
        font-size:1em;
    }
    
    .bannerImage > figcaption {
        margin-bottom:40px;
    }
    
    .bannerHeader > .bannerQuery {
        left:0;
        right:0;
        margin:0 auto 10px auto;
    }
}

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

    }

