/**************************************************************************************/
/* RESPONSIVE DESIGN */
/**************************************************************************************/

@media screen and (max-width:980px) {
    #header-ads-top{
        width: 100%;
        height: auto;
    }
    #header-ads-top img{
        width: 100%;
    }
    .site-width {
        width: 100%;
    }
    #ads1 {
        width: 100%;
        text-align: center;
        overflow: hidden;
        padding: 0;
    }
    #ads2 {
        display: none;
    }
    #page-top {
        padding: 0px 10px;
    }
    #logo {
        margin-left: 10px;
    }
    #menu {
        float: left;
        position: absolute;
        left: 10px;
        top: 35px;
        z-index: 100;
        display: none;
    }
    .MenuAdsMenu {
        display: none !important;
    }
    #menu ul.nav li.navOption ul.subnav {
        left: 0px !important;
        width: 100% !important;
    }
    .subg {
        width: 60% !important;
    }
    .opener-menu-responsive {
        display: block;
        width: 35px;
        height: 35px;
        background: url(../imgs/opener-menu.png) no-repeat 4px 5px;
        float: left;
        margin-left: 10px;
        cursor: pointer;
        margin-top: -4px;
    }


    #cA {
        padding: 0px 2%;
        width: 98%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #cA .Horizontal {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #cA, #cA .Horizontal{
        margin-right: 0;
    }
    .w-3-w-main article {
        width: 50%;
        padding: 0;
    }

    #cA{ 
        width: 100% !important; 
        border: none;
    }
    #cA .Right{
        width: 69%;
        padding-left: 1%;
        padding: 0;
        border: none;
    }
    #cA .Left{
        width: 30%;
        padding: 0;
    }
    #cB {
        padding: 0px 10px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #cB .Horizontal {
        width: 100%;
    }
    .w-npaper-cover .widget-npaper-cover {
        width: 280px;
        margin: 0px auto;
    }


    #page-wrapper {
        margin: 0 auto;
    }

    #footer, #page-push {
        height: auto;
    }

    #footer {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative !important;
        bottom: 0 !important;
        float: left;
    }

    #copyright {
        width: 42%;
    }
    #menu-footer a {
        font-size: 11px;
    }
    #menu-footer ul.nav li.navOption {
        padding-left:5px !important;
        padding-right:5px !important;
    }


    .widget-list-slider-outputs{
        width: 49% !important;
    }
    .widget-list-slider-tabs {
        width: 49% !important;
    }
    .widget-list-slider-outputs ul {
        width:  98% !important;
    }
    .widget-list-slider-outputs ul li {
        width:  98% !important;
    }
    .widget-list-slider-outputs .output-child-image, .widget-list-slider-outputs .output-child-image-wrapper {
        width:  98% !important;
    }
    #social-top {
        height:auto;
    }
    #social-top .social-bar {
        float: none;
    }
    #social-top #joinemailform {
        float: none;
        display: inline-block;
        width:100%;
    }
    #social-top form span {
        display: inline-block;
        width:245px;
        overflow: hidden;
    }
    #social-top input[type="text"]{
        display: inline-block;
        float: none;
        position: relative;
        top:-10px;
        left: 0px;
        margin-top: 10px;
    }
    #social-top .imageButtonEmail {
        height: 39px;
        width:77px;
        position: relative;
        top: 2px;
        left: 0px;
        margin-top: 0px;
    }


    #social-top span {
        display: none;
    }
    .ad-728x90 {
        width:100%;
        overflow: hidden;
    }
    #top-stuffs {
        width:100%;
        margin: 18px auto;
        float: none;

    }
    #cA .Pages {
        width: 100%;
    }
    .easyslider-wrapper, .easyslider li {
        width:750px	
    }
    .easyslider {
        width:780px	
    }
    .Horizontal .w-flex-list-slider.themeC{
        width: 100% !important;
    }
    #header-ads-left{
        width: 39%;
    }
    #footer .col{
        width: 43%
    }
    .menu-footer-vertical{
        width: 38%
    }
    #footer .col.site-socialicons{
        width: 25%;
    }
    #footer #newsletter{
        width: 31%;
    }
    #footer .col .footer-title{
        padding-left: 10px;
    }
    #bottom{
        padding: 0 10px;
    }
    .article-full-view .fulltext{
        width: 100%;
    }
    #where-iam{
        width: 100%;
    }
    .main #cA .article-full-view{
        width: 100% !important;
    }
    .widget-user-actions,
    .widget.also-in-section,
    .widget.also-from-author{
        width: 100%;
        margin-left: 0;
    }
    #mc_embed_signup{
        width: 100% !important;
    }
    .header-box{
        width: 100%;
    }
}


@media screen and (max-width:768px) {
    #header-ads-left{
        width: 23%;
    }
    #header-ads-right{
        width: 179px;
    }
    #ads {
        display: none;
    }
    #headline {
        display: none;
    }
    #header {
        padding: 10px 0;
        width: 95%;
    }
    #menu {
        float: left;
        position: absolute;
        left: 0px;
        top: 52px;
        z-index: 100;
        display: none;
        width: 100%;
    }
    #menu ul.nav {
        background-color: #004a83;
        width: 100%;
    }
    #menu ul.nav .navOption {
        float: none;
    }
    #menu ul.nav .navOption a {
        border-bottom: 1px solid #50adb9;
        color: #fff;
    }
    #menu ul.nav li.navOption ul.subnav {
        display: none;
    }
    #main-search .google-search-form-input-box {
        width: 75px;
    }
    .opener-menu-responsive {
        display: block;
        width: 35px;
        height: 35px;
        background: url(../imgs/opener-menu.png) no-repeat 4px 5px;
        float: left;
        margin-left: 10px;
        cursor: pointer;
        margin-top: 6px;
    }
    .w-3-w-main article,
    .w-3-w-main .first-child {
        height: auto;
    }

    .w-3-w-main article .main-image {
        display: block;
        width: 100%;
    }
    .w-3-w-main .first-child img {
        max-width: 1000px;
        width: 100%;
    }
    .w-3-w-main article {
        width: 100%;
    }
    #cA{ width: 100%; border: none;}
    #cA .Right{
        width: 69%;
        padding-left: 1%;
        padding: 0;
        border: none;
    }
    #cA .Left{
        width: 29%;
        padding: 0;
    }
    #cB .Right,
    #cB .Left {
        width: 100%;
        padding: 0;
        border: none;
    }
    
    .fulltext .galim{
        width: 100%!important;
        float: none!important;
        padding: 0!important;
        margin: 0!important;
    }

    .fulltext .caption{
        font-size: 12px;
        line-height: 12px;
    }

    .fulltext img,
    .article .main-image img {
        max-width: 100%;
    }
    .columnL,
    .columnR,
    .columnPlace,
    .columnPlace .columnL,
    .columnPlace .columnR,
    .columnMap,
    .venue_web {
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .venue_web,
    .web {
        overflow: hidden;
    }
    .easyslider-wrapper, .easyslider li {
        width:450px	
    }
    .easyslider {
        width:470px	
    }
    #footer .col{
        width: 43%
    }
    .menu-footer-vertical{
        width: 38%
    }
    #footer .col.site-socialicons{
        width: 25%;
    }
    #footer #newsletter{
        width: 31%;
    }
    #footer .col .footer-title{
        padding-left: 10px;
    }
    #bottom{
        padding: 0 10px;
    }
    .article-full-view .fulltext{
        width: 100%;
    }
    #menu-footer ul.nav{
        text-align: center;
    }
    #adzone-cube{
        width: 100%;
        float: none;
        text-align: center;
    }
    .surveyForm{
        overflow: hidden !important;
    }
    .w-image-link {
        width: 300px;
        margin: 0 auto;
    }

    .html-widget-left, .html-widget-right {
        width: 100%;
        float: none;
    }

    .box{
        width: 91%;
        height: auto;
    }

    .box2{
        width: 93%;
        padding-bottom: 0;
        height: auto;
    }

    .digital, .print{
        float: none;
    }

    .print{
        width: 92%;
        height: auto;
    }
    
    .digital-text{
        width: 92%;
        height: auto;
    }

    .cover{
        width: 98%;
        float: none;
    }

    .devices{
        width: 98%;
        float: none;
    }

    .devices-single{
        width: 95%;
        float: none;
    }
}

@media screen and (max-width:600px) {
    #footer .page-footer img{
        width: 100%;
    }
    #sailingmag-image{
        width: 58%;
        margin-left: 0;
    }
    #header-ads-left{
        display: none;
    }
    #header-ads-right{
        margin-right: 20px;
        height: 155px;
        width: 166px;
    }
}

@media screen and (max-width:470px) {
    #header-ads-right{
        width: 25%;
        height: 85px;
    }
    #header-ads-left{
        display: none;
    }
    #header-top{
        display: none;
    }
    #headline2{
        margin: 10px auto 0;
        padding: 10px 20px 0;
        height: 120px;
    }
    #header{
        padding: 0;
        margin: 0 auto;
        width: 90%;
    }
    #header-ads-right img{
        width: 100%;
    }
    .page-footer{
        display: none;
    }
    .site-socialicons {
        margin-top: 8px;
        /*margin-left: 10px;*/
    }
    .site-socialicons a {
        color: #FFF;
    }
    #copyright {
        width: 89%;
        text-align: center;
        padding: 0 5% 4%;
    }
    .menu-footer-vertical:nth-child(4) {
        display: none;
    }
    .menu-footer-vertical {
        width: 38%;
        height: auto;
        margin-bottom: 20px;
        float: left;
    }
    #page-top span {
        font-size: 12px;
    }
    #logo, #logo a {
        display: block;
        width: 144px;
        background-size: contain;
        height: 95px;
    }
    .places-list-main .columnR,
    .events-list-main .columnR {
        float: left;
        clear: none;
        width: 100%;
    }
    .places-list-main .columnL,
    .events-list-main .columnL {
        float: right;
        clear: none;
        width: 100%;
    }
    .easyslider-wrapper, .easyslider li {
        width:258px;	
    }
    .easyslider {
        width:98%;
        padding:1%;
    }
    .easyslider .full-date-fixed, .article .full-date{
        font-size: 50px;
        float: none;
        line-height: 45px;
        margin:auto;
    }
    .themeC .child-inside-list{
        width: 211px !important;
    }
    .themeC .contentImg{
        padding: 0;
        margin: 0;
    }
    .themeC .contentImg img{
        width: 204px;
    }
    #cA .Right .w-articles-list .child-inside-list, 
    #cA .Right .w-articles-list-from-section .child-inside-list{
        width: 42%;
    }
    #footer-middle{
        background: #004a83;
    }
    #footer .col,
    #footer .col.site-socialicons,
    #footer #newsletter.col{
        width: 91%;
        padding: 4%; 
    }
    #menu-footer{
        width: 80%;
        padding: 2% 10%;
        height: auto;
    }#menu-footer a{
        font-size: 14px; 
    }
    #wehaa{
        float: left;
        color: #004a83;
        width: 100%;
        text-align: center;
        padding: 5% 0;
    }
    .article-full-view .fulltext{
        width: 100%;
    }
    #cA{ width: 100%; border: none;}
    #cA .Right{
        width: 100%;
        padding-left: 1%;
        padding: 0;
        border: none;
    }
    #cA .Left{
        width: 100%;
        padding: 0;
        border: none;
    }
    #cB .Right,
    #cB .Left {
        width: 100%;
        padding: 0;
        border: none;
    }
    .themeA .widget-list-slider-outputs{
        width: 96% !important;
        padding: 0 2%; 
    }
    .themeA .widget-list-slider-tabs{
        width: 96% !important;
        padding: 0 2%;
    }
    .themeA .widget-list-slider-tabs .tab-child{
        height: auto !important;
    }
    .surveyForm{
        overflow: inherit !important;
    }
    .galleries .gallery, .galleries .photo {
        float: inherit !important;
        margin: 0 auto !important;
    }
    .photoContent,
    .photoContent img{ width: 100% !important; }
    .photoNav{ width: 100% !important;}

    #article-14-2267 .fulltext img, .article .main-image img {
        max-width: 149px;
    }

}