@media screen and (max-width: 1400px){
    .article-add-row{    margin: 0 -15px;}
    .article-add-col {    padding: 1px 15px;}
    
    .sticky #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item{margin-right: 15px;}
      .sticky .sticky-search input.search-field:focus{width: 100px;}
    
    
}


@media screen and (max-width: 1199px){
    
    /*-- header --*/
    
    .site-search{right: 0;}
    .header-add-row{padding-left: 56px;}
    
    .site-search input.search-field:focus{width: 150px;}
    
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item{    margin: 0 47px 0 0;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item:last-of-type{margin-right: 0;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link{padding: 0;}
    
    /*--  menu --*/
    
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu .mega-submenu-wrap > ul.mega-sub-menu{width: 50%; padding: 110px 30px 70px;}
    .main-navigation ul ul a{font-size: 16px;}
    .main-navigation ul ul li > ul{padding-left: 50px;}
    
    /*-- home banner sec --*/
    
/*    .home-banner-content{padding-top: 88px;}*/
    .article-list-sec {    padding: 54px 0 86px;}
    .home-mid-sec .mid-content .inner-main{max-width: 657px;}
    .article-list{max-width: 627px; margin: 0 auto;}
    .article-list-sec .inner-main{    max-width: 627px;    margin: 0 auto;}
    .article-mid-list{max-width: 627px; margin: 0 auto;}
    .article-list ul li{width: 50%; padding-bottom: 44px;}
    .article-list ul li:nth-child(2n+1) {    clear: both;}
    .article-list-slider .owl-carousel .owl-next{right: 0;}
    .article-list-slider .owl-carousel .owl-prev{left: 0;}
    
    /*-- article list sec --*/
    .article-list .article-list-slider  ul li{display: none;}
    .article-list  .article-list-slider ul li:nth-child(-n+4){display: block;}
    .article-list-slider .item{display: none;}
    .article-list-slider .item:first-child{display: block;}
    .article-list-btn{padding-top: 0;}
    
    .owl-carousel .owl-prev{left: 0;}
    .owl-carousel .owl-next{right: 0;}
    .owl-carousel .owl-controls{bottom: -3px;}
    
    
    /*-- insta sec --*/
    
    .insta-innermain{    max-width: 627px;    margin: 0 auto;}
    .insta-list ul li{display: none; width: 33.333%;}
    .insta-list ul li:nth-child(-n+6){display: block;}
    
    .instafeed-sec {    padding: 71px 0 131px;}
    .insta-img{height: auto; width: 100%; display: block;}
    .insta-img img{width: 100%; display: block;}
    .insta-list ul{padding: 6px 0 82px;}
    
    
    
   
    /*-- article page --*/
    
    
    .article-add-col{padding: 1px 15px;}
    .article-add-row{margin: 0 -15px; padding: 55px 0 50px;}
    
    .single-quote-sec .about-row{padding: 65px 0 0;}
    .quote-row{padding-bottom: 30px;}
    .add-call-sec {     padding: 45px 0;}
    .article-cta-sec{padding-bottom: 35px;}
    
        .article-detailadd-sec .article-list ul li{width: 50%;}
    .article-detailadd-sec .inner-main{max-width: 640px;}
    .quote-row{margin: 0 -15px;}
    .quote-col.quote-txt-col{padding: 8px 15px 0;}
    
    .article-detailadd-sec .article-list{max-width: 100%;}
    
    /*-- footer --*/
    
      .foo-logo{width: 66px;}
    .foo-form{width: 75%;}
    .foo-menu{    padding-top: 52px;}
    
    /*-- cuurent issue --*/
    .hillary-info-sec{padding: 66px 0;}
    
    
    .hillaryinfo-col{padding: 0 14px;}
    .hillaryinfo-row{margin: 0 -14px;}
    
    .top-features-slider .owl-carousel .owl-next{right: 40px;}
    .top-features-slider .owl-carousel .owl-prev{left: 40px;}
    
    /*-- cookie page --*/
    
    .about-banner-sec{}
    .column-sec{padding: 30px 0;}
    .column-content{padding: 0 15px;}
    .column-row{margin: 0 -15px;}
    .column-content h3{padding-top: 20px; margin-bottom: 15px;}
    .column-content h3 br{display: none;}
    
    /*-- about page --*/
    
    .about-info-sec {    padding: 57px 0;}
    .about-info-sec .inner-main{max-width: 100%;}
    .about-col{padding: 0 15px;}
    .about-row{padding-bottom: 46px; margin: 0 -15px;}

        .team-list ul li{width: 33.333%;}
    .team-list ul li:nth-child(4n+1){clear: none;}
    .team-list ul li:nth-child(3n+1){clear: both;}
    .team-list{margin: 0;}

    .magazine-sec{padding: 60px 0 56px;}
    .magazine-list{padding-top: 19px; margin: 0;}
    .magazine-list ul li{width: 50%; padding-bottom: 65px;}
    .magazine-sec .inner-main{max-width: 537px;}
    
    .team-list-sec .main{padding: 0; max-width: 100%;}
    
    /*-- contact page --*/
    
    .contact-map-sec{margin-bottom: 44px;}
    .contact-col{padding: 30px 20px;}
    .contact-col h2{padding-bottom: 20px;}
    .contact-form .wpcf7-form-control-wrap{padding: 0 15px; margin-bottom: 15px;}
    .contact-form{margin: 0 -15px; padding-top: 10px;}
    .contact-info-list{padding-top: 10px;}
    .contact-content p{line-height: 26px;}
    .contact-icn{padding-top: 5px; width: 14%;}
    .contact-content{width: 82%;}
    .contact-info-list ul li:last-child{padding-bottom: 0;}
    .contact-info-sec{padding-bottom: 44px;}
    
    /*-- subscribe page --*/
    
    
    .subscribe-bg1 h2{padding-left: 0; padding-right: 0;}
    .subscribe-banner-sec .inner-main{max-width: 725px;}
    .subscribe-list ul li{padding: 0 15px;}
    .subscribe-list ul li:last-child{padding-right: 15px;}
    .subscribe-list{margin: 0 -15px;} 
    .subscribe-list{padding-top: 15px;}
    .subscribe-row {    padding-top: 22px;}
    .email-newsletter .foo-form-btn input[type="submit"]{min-width: 114px;}
    
    /*-- ocean event --*/
    
    .event-main{    max-width: 627px; margin: 0 auto;}
    .event-add-row .article-list ul li{width: 50%; padding-bottom: 20px;}
    .event-add-row .article-list ul li:nth-child(3n+1){clear: none;}
    .event-add-row .article-list ul li:nth-child(2n+1){clear: both;}
    
    .event-add-row .article-list{max-width: 100%;}
    .event-full-add {    max-width: 170px;   position: static;  float: none;    clear: both;    margin: 0 auto 15px;}
    .event-add-img img{ margin: 0 auto;}
    .event-add-sec .btn{margin-bottom: 20px;}
    
    .event-add-row {min-height: inherit;}
    
    /*-- boat page --*/
    
    .popular-list-sec{padding: 60px 0 0;}
    .recent-list-sec .article-list {    padding-bottom: 61px;}
    .recent-list-sec .article-list ul li{padding-bottom: 44px;}

    .top-features-slider .owl-carousel .owl-nav { left: -60%; }
    
    /*-- advertise detail changes --*/
    
    
    
    #dektop-article-detailadd-sec{display: none;}
    #tablet-article-detailadd-sec{display: block;}
    .article-add-col{display: none;}
    .article-add-col.article-add-infocol{display: block; width: 100%;}
    .article-detailadd-sec .article-list ul li:nth-child(3n+3){display: block;}
    .article-detailadd-sec .article-list ul li{padding-bottom: 40px;}
    
    

}

@media screen and (max-width: 800px){
 .desktop-banner-image{display: none;}
.tablet-banner-image{display: block;}
}

@media screen and (max-width: 991px){
    
    
    .main{    max-width: 722px;}
    .sticky #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu .mega-submenu-wrap{max-width: 722px;}
    .sticky .menu-main-container{max-width: 722px;}
    .sticky #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item{margin-right: 15px;}
    .sticky .sticky-logo{width: 30px;    margin-top: 28px;}
    .sticky #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link{font-size: 14px;}
    .sticky .sticky-search input.search-field{background-size: 18px;}
  
    
    /*-- header --*/
    
    .header-main .inner-main{max-width: 980px;}
    
   /*-- article page --*/
    
    .inner-main{max-width: 537px;}
    .mid-content .inner-main{padding: 0 15px; max-width: 580px;}
    .border-heading h1 br , .border-heading h2 br{display: none;}
    
    
    .article-add-col{display: none;}
    .article-add-infocol{display: block; width: 100%;}
    
    .gallery-slider-sec  .inner-main{max-width: 100%;}
    .gallery-slider .owl-thumb-item{height: 57px;}
    
    .quote-row{margin: 0; padding: 0 0 48px 0;}
    .quote-col{display: block; width: 100%; padding: 0;}
    .gallery-slider-sec{padding: 0 0 56px 0;}
    .quote-col.quote-txt-col{padding-bottom: 60px; padding-right: 0; padding-left: 0; padding-top: 0;}
    
    .article-img-sec{padding-bottom: 65px;}
    .article-img-sec .inner-main{max-width: 100%;}
    
    .single-quote-sec .quote-txt-col{width: 100%;}
    
    
    .about-col{width: 100%; width: 100%; padding: 0;}
    .about-row{margin: 0;}
    .single-quote-sec{padding-bottom: 25px;}
    

    
    
    /*-- footer --*/
    
        
    #footer-main .inner-main{max-width: 100%;}
    
    
    .foo-sec .social-icn-list{float: none; display: block; text-align: center; padding-top: 120px;}
    .foo-form{width: 100%; float: none; display:block;}
    .foo-form-btn input[type="submit"]{min-width: 176px;}
    .foo-sec{    padding: 18px 0 19px;}
    .foo-form-row{padding-top: 5px; padding-bottom: 25px;}
    
        /*-- current issue --*/
    

    .about-banner-sec{padding-bottom: 44px;}
    .top-features-bg{padding: 56px 0 46px;}
    .top-features-bg h2{padding-left: 40px; padding-right: 40px;}
    .owl-carousel .owl-prev{left: 40px;}
    .owl-carousel .owl-next{right: 40px;}
    .top-features-slider{padding: 0 0 75px;}
    .top-features-sec .owl-carousel .owl-controls{bottom: -75px;}
    
    
    .hillaryinfo-col{padding:0; width: 100%; float:none;}
    .hillaryinfo-row{margin: 0; }
    .hillary-info-sec .inner-main {    max-width: 627px;}
    
    .chief-img{max-width: 446px; width: 100%; margin: 0 auto;}
    .hillary-info-sec .chief-img{margin-bottom: 115px;}
    .hillaryinfo-col h6{text-align: center;     margin-top: 90px;}
    .hillaryinfo-col h4{text-align: center;}
    .hillaryinfo-col  img{text-align: center; display: block; margin: 0 auto;  width: auto;}
    .hillary-info-sec{padding: 66px 0 110px;}
    
    /*-- cookie page --*/
    
    .column-content{width: 100%; float: none; padding: 0;}
    .column-row{margin: 0;}
    
    /*-- about page --*/
    
        .about-chief-row .chief-img{margin: 0 auto 87px;}
    .chief-info-col{max-width: 452px; margin: 0 auto; width: 100%; display: block; float: none; clear: both;} 
    .about-info-sec{padding-bottom: 0;}
    
    .team-list-main{max-width: 537px;}
    .team-list{padding: 0; margin: 0 -15px;}
    .team-list-bg{    padding: 37px 0 17px;}
    .team-list ul li{width: 50%; padding-bottom: 26px;}
    .team-list ul li:nth-child(3n+1){clear: none;}
    .team-list ul li:nth-child(4n+1){clear: none;}
    .team-list ul li:nth-child(2n+1){clear: both;}
    
    /*-- subscribe page --*/
    
    .subscribe-list ul li{display: none;}
    .subscribe-list ul li:first-child{display: block; width: 100%;}
    .subscribe-banner-sec .inner-main{max-width: 314px;}
    .subscribe-bg2 .inner-main{max-width: 262px;}
    .subscribe-bg3 .inner-main{max-width: 540px;}
    
    /*-- oocean event page --*/
    
    /*-- advertise page --*/
    
    .add-content-list{padding-top: 15px;}
    .advertise-contact{padding-top: 15px;}
    
    /*-- --*/
    
    .gallery-img{height: 450px;}
    
    
    
      /*-- advertise detail changes --*/
    
    
    
    
    
    }
    
    
    


@media screen and (max-width: 767px){
   
    
    
    h1, h2{}
    h3{font-size: 24px; line-height: 28px;}
    h4{}
    
    
    .header-add-sec{height: 180px;}
    .add-padding{padding-top: 180px;}
    
    /*-- header --*/
    
    .add-padding{}    
    .add-logo{width: 117px;}
    
    .header-add-sec h2{font-size: 26px; line-height: 30px;}
    .header-add-sec p{font-size: 15px; line-height: 17px;}
    .header-add-heading:after{width: 1px; height: 47px;}
    .header-add-row{padding-left: 50px;     padding-top: 117px;}
    .header-add-sec{padding: 0 0 13px;}
    
    .logo{width: 199px;}
    .social-icn-list ul li a{font-size: 23px;}
    
    .site-search{    top: 56px;    right: 50px;}    
    .site-search input[type="search"].search-field:focus{width: 100px;}
    .header-main{position:relative; margin-bottom: 60px;}
    
    
    .header-wrap{z-index: auto;}
    
    
    
    /*-- mega menu --*/
    
    .menu-main .close-menu{display: block;}
    .navigation-top{background: transparent; border: 0;}
    #mega-menu-wrap-top .mega-menu-toggle{background: transparent; height: auto;}
    .navigation-top{position: static;}
    #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block{    position: absolute;    right: 15px;    top: 60px;    float: none;    height: auto;
    margin: 0;   }
    #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block-1:before{margin: 0; font-size: 44px;}
    #mega-menu-wrap-top{position: static;}
    .main-navigation{position: static;}
    #masthead .navigation-top .wrap{position: static;}
    .header-top-wrap{    padding: 48px 0;}
    #mega-menu-wrap-top #mega-menu-top{ z-index: 999; position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(16,21,40,0.9); padding: 60px 0;} 
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item{margin: 0; padding: 0;}
    
    
    #mega-menu-top{transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%);  transition: all 0.5s ease-in-out !important;}
    .mega-menu-toggle.mega-menu-open + #mega-menu-top{transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}
    #mega-menu-wrap-top .mega-menu-toggle + #mega-menu-top{display: block;}
    
    
    
/*    #mega-menu-wrap-top .mega-menu-toggle + #mega-menu-top li.mega-menu-item.mega-toggle-on .mega-submenu-wrap > ul.mega-sub-menu, #mega-menu-wrap-top .mega-menu-toggle + #mega-menu-top li.mega-menu-item.mega-menu-megamenu.mega-toggle-on .mega-submenu-wrap ul.mega-sub-menu{display: block;}*/
    
/*    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu .mega-submenu-wrap{position: static; height: auto;}*/
    
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu .mega-submenu-wrap > ul.mega-sub-menu{transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0);}
    
    
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link{text-transform: capitalize; padding: 10px 20px; display: block; color: #fff; font-size: 18px; font-family: 'Cormorant', serif; font-weight: 300;}
    .navigation-top a{font-family: 'Cormorant', serif; font-weight: 300;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:focus , #mega-menu-wrap-top #mega-menu-top > li.mega-current_page_item > a.mega-menu-link{color: #ef4550; font-weight: 300;}
    .main-navigation li li{position: relative; padding: 0;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu{background: transparent;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu{padding: 0;}
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{width: 100%; padding: 0;}
    .main-navigation .mega-sub-menu #menu-sub-menu{padding: 0 30px;}
    .main-navigation li li{margin: 0;}
    #menu-sub-menu > li > a{padding: 0 5px;}
    .dropdown-toggle{color: #fff; outline: none;}
    .dropdown-toggle:hover, .dropdown-toggle:focus{color: #ef4550; outline: none;}
    .main-navigation ul ul li > ul{padding-left: 40px;}
    .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a{color: #fff;}
    .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a:before{opacity: 1;}
    .main-navigation ul ul a{color: #fff;}
    
    /*-- menu animation --*/
    
    
#mega-menu-wrap-top #mega-menu-top > li #menu-sub-menu > li{transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transition: none; transition-delay: 0;}
#menu-sub-menu > li .sub-menu > li{transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transition: 0.5s ease-in-out 0s; opacity: 1;}
    
    
    #mega-menu-wrap-top #mega-menu-top > li #menu-sub-menu > li{transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; opacity: 1;}
    
    
    #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item {transform: translateY(-100%); transition: 0.5s ease-in-out 0s; opacity: 0;}
    
    #mega-menu-wrap-top .mega-menu-open + #mega-menu-top > li.mega-menu-item:nth-child(2){ transition-delay:0.3s}
#mega-menu-wrap-top .mega-menu-open + #mega-menu-top > li.mega-menu-item:nth-child(3){ transition-delay:0.6s}
#mega-menu-wrap-top .mega-menu-open + #mega-menu-top > li.mega-menu-item:nth-child(4){ transition-delay:0.9s}
#mega-menu-wrap-top .mega-menu-open + #mega-menu-top > li.mega-menu-item:nth-child(5){ transition-delay:1.2s}
#mega-menu-wrap-top .mega-menu-open + #mega-menu-top > li.mega-menu-item:nth-child(6){ transition-delay:1.5s}
#mega-menu-wrap-top .mega-menu-open + #mega-menu-top > li.mega-menu-item:nth-child(7){ transition-delay:1.8s}

#mega-menu-wrap-top .mega-menu-open + #mega-menu-top > li.mega-menu-item{transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0);  opacity: 1;}
    .mob-resize-scroll{display: block;}
    
    
    /*-- home banner sec --*/
    
    .home-banner-content h2{font-size: 28px; line-height: 32px;}
    .slider-nav{right: 25px;}
    
    .home-banner-sec{padding-bottom: 44px;}
    
    /*-- article list page --*/
    
    .article-list ul li{width: 100%; padding-bottom: 15px;}
     
    .add-list-txt{display: none;}
    
    .article-list{max-width: 584px;}
    .add-list-img{background-size: auto 100%;}
    .article-list-sec{padding: 56px 0;}
    
    .article-mid-list p{font-size: 18px; line-height: 20px;}
    .article-list{padding-top: 0;}
    
    /*-- insta sec --*/
    
    .insta-innermain{    max-width:584px;}
    .insta-list ul li{display: block; width: 100%;}
    .insta-list {    max-width: 584px;    margin: 0 auto;}
    .instafeed-sec{padding: 60px 0;}
    .insta-list ul{padding: 6px 0 60px;}
    
    .instafeed-sec .owl-carousel .owl-controls{ bottom: auto;    top: 50%; margin-top: -20px;}
    .instafeed-sec  .owl-carousel .owl-prev, .instafeed-sec  .owl-carousel .owl-next{height: 40px; width: 40px; background: #111729; color: #fff; font-size: 28px;}
    .instafeed-sec  .owl-carousel .owl-prev{left: 0;}
    .instafeed-sec  .owl-carousel .owl-next{right: 0;}
    .instafeed-sec  .owl-carousel .owl-prev:hover, .instafeed-sec  .owl-carousel .owl-next:hover , .instafeed-sec  .owl-carousel .owl-prev:focus, .instafeed-sec  .owl-carousel .owl-next:focus{background: #ab977a;}
    
    
     /*-- article page --*/
    
    .quote-col p{margin-bottom: 15px;}
    .mob-txt-none{display: none;}
    
    .mid-content{padding: 50px 0 32px;}
    .mid-content h4{margin-bottom: 10px;}
    .border-heading h1 ,  .border-heading h2{padding-bottom: 17px;}
    .back-article{font-size: 21px;  margin-left: 0;   padding: 14px 0;}
    
    .article-add-row{padding: 30px 0;}
    
    .gallery-slider-sec {    padding: 0 0 49px 0;}
    .quote-col.quote-txt-col{padding-bottom: 40px;}
    
    .quote-row{padding-bottom: 30px;}
    
    .article-img-sec{padding-bottom: 40px;}
    
    .single-quote-sec .about-row{padding: 40px 0 0 0;}
    
    .add-call-sec{display: none;}
    
    .article-cta-bg{width: 100%;}
    .article-cta-bg2{display: none;}
    .article-cta-col{display: none;}
    
    .article-mob-col{display: block; width: 100%;   position: absolute;    top: 0;    bottom: 0;    left: 0;    height: 100%;      overflow: hidden; background: rgba(239,68,80,0.9);    color: #fff;    display: block;    width: 100%;    transform: translateY(100%);
    -webkit-transform: translateY(100%);    -moz-transform: translateY(100%);    -o-transform: translateY(100%);    -ms-transform: translateY(100%);
    transition: all 0.5s ease-in-out;    -webkit-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;}
    
    .article-next-btn{right: 0;    left: auto; text-align: right; width: 50%;}
    .article-btn{width: 50%; }
    .article-cta-sec  .article-next-btn i:before{left: auto; right: -10px;}
    .article-cta-sec .article-next-btn{padding: 0 30px 0 5px;}
    .article-cta-sec .article-prev-btn{padding: 0 5px 0 30px;}
    
    
    .atricle-cta-row{overflow: hidden; height: 424px;}
    .atricle-cta-row:hover .article-mob-col{    opacity: 1;    transform: translateY(0);    -o-transform: translateY(0);    -ms-transform: translateY(0);    -moz-transform: translateY(0);    -webkit-transform: translateY(0);}
    
    .article-cta-sec  .article-mob-col a{display: inline-block;}
    .article-cta-sec  .article-mob-col a:hover i , .article-cta-sec  .article-mob-col a:focus i{color: #111729;}
    
    
    
     /*-- footter --*/
    
    .foo-logo{margin: 0 auto; display: block; float: none;}
    .foo-menu{width: 100%; float: none; text-align: center;}
    #footer-menu li{display: block; padding: 0 0 20px 0;}
    
    .foo-form-col{float: none; width: 100%; padding-bottom: 25px; padding-right: 0;}
    .foo-form input[type="text"], .foo-form input[type="email"], .foo-form input[type="url"], .foo-form input[type="password"], .foo-form input[type="search"], .foo-form input[type="number"], .foo-form input[type="tel"], .foo-form input[type="range"], .foo-form input[type="date"], .foo-form input[type="month"], .foo-form input[type="week"], .foo-form input[type="time"], .foo-form input[type="datetime"], .foo-form input[type="datetime-local"], .foo-form input[type="color"], .foo-form textarea{width: 100%; display: block;}
    
    .foo-form-btn input[type="submit"]{width: 100%;display: block;}
    
    #footer-menu li a{font-size: 16px;}
    .foo-sec {    padding: 30px 0 19px;}
    .foo-menu{padding-top: 25px;}
  
    .foo-sec .social-icn-list{    padding-top: 20px;}
    .foo-form-row{    padding-bottom: 8px;}
    
    /*-- current issue --*/
    
    .inner-banner-content h2{    line-height: 28px;    font-size: 24px;}
    .top-features-bg{padding: 30px 0;}
    .top-features-slider{padding-bottom: 30px;}
    .top-features-sec .owl-carousel .owl-controls{bottom: -5px;}
    .owl-carousel .owl-prev{left: 30px;}
    .owl-carousel .owl-next{right: 30px;}
    .top-features-slider .owl-carousel .owl-prev{left: 20px;}
    .top-features-slider .owl-carousel .owl-next{right: 20px;}
    .owl-carousel .owl-prev, .owl-carousel .owl-next{font-size: 40px; line-height: 40px;}
    .top-features-slider{padding-bottom: 3px;}
    
    .top-features-bg h2{padding-left: 0; padding-right: 0;}
    
    .hillary-info-sec{padding: 30px 0;}
    .hillary-info-sec .chief-img{margin-bottom: 55px;}
    .hillaryinfo-col h6{margin-top: 40px;}
    
    .foo-fix ul li{ width: 46px;}
    .share-widget{right: auto; left: 0;}
    .share-widget span{line-height: 46px; float: none; display: block !important;}
    .foo-fix{width: auto; bottom: 55px;}
    
    /*-- cookie page --*/
    .column-content h3{padding-top: 15px;}
    
    /*-- about page --*/
    
    .about-info-sec{padding: 30px 0 0 0;}
    .about-chief-row .chief-img{margin: 0 auto 85px;}
    .chief-info{padding: 38px 0;}
    
    .teampopup-img{width: 200px;}
    button.mfp-close{    height: 30px;    width: 20px; top: 15px; right: 30px;}
    .team-info-popup i{    font-size: 20px;    line-height: 24px;}
    .team-info-popup p{margin-bottom: 20px;}
    .popup-info{padding: 60px 15px 40px;}
    
    .magazine-sec{padding: 40px 0 15px;}
    .magazine-list ul li{width: 50%; padding: 0 30px 50px;}
    .magazine-list{padding-top: 30px;}
.magazine-img{max-width: 185px; margin: 0 auto;}
    
    .team-list{margin: 0;}
    
    /*-- contact page --*/
    
    .contact-col{width: 100%; height: auto !important;}
    
    /*-- subscribe page --*/
    
    .subscribe-banner-sec{padding-bottom: 44px; margin-top: 60px; }
    .subscribe-banner-sec .inner-main{padding: 0 40px; }
    
    .subscribe-bg1 h2{padding: 20px 0;}
    .subscribe-btn-wrap .btn{margin-top: 0; min-width: inherit;}
    .subscribe-bg1 i{margin-bottom: 12px;}
    .subscribe-bg2 h2, .subscribe-bg3 h2{font-size: 24px; line-height: 28px; padding-bottom: 10px;}
    .subscribe-img{display: block; margin-bottom: 10px;}
    .subscribe-col h4{font-size: 18px;}
    .subscribe-col p br{display: none;}
    
    .subscribe-list{padding-top: 15;}
    .email-newsletter .foo-form-btn{padding-top: 0;}
    .subscribe-bg2 .inner-main{max-width: 314px;}
    
    /*-- ocean event --*/
    
    .event-main{    max-width: 584px;}
    .event-add-row .article-list ul li{width: 100%;}
    
    /*--  boat page --*/
    
    .boat-catg-list ul li a{padding: 21px 0 17px;}
    
    .popular-list-sec{padding: 30 0 0 0;}
    .recent-list-sec .article-list ul li{padding-bottom: 15px;}
    .recent-list-sec{padding-bottom: 15px;}
    
    
    /*-- deafult pages-- */
    
    .email-popup input[type="text"], .email-popup input[type="email"], .email-popup input[type="url"], .email-popup input[type="password"], .email-popup input[type="search"], .email-popup input[type="number"], .email-popup input[type="tel"], .email-popup input[type="range"], .email-popup input[type="date"], .email-popup input[type="month"], .email-popup input[type="week"], .email-popup input[type="time"], .email-popup input[type="datetime"], .email-popup input[type="datetime-local"], .email-popup input[type="color"], .email-popup textarea{max-width: 100%;}
    
    .email-newsletter-desc p br{display: none;}
    
    
        .gallery-img{height: 400px;}
    
    /*-- article detail new mockup --*/
    
    .article-detailadd-sec{display: block;}
    .article-detailadd-sec .article-list ul li{width: 100%; padding: 0 0 15px;}
    .article-detailadd-sec .article-list ul{margin: 0;}
    .article-detailadd-sec .article-img{    background-size: auto 100%;}
    
    /*-- --*/
    
    .subscribe-banner-sec .inner-banner-content{padding: 0 35px 0 15px; }
    
        
    /*-- article detail changes --*/
    
    
    #tablet-article-detailadd-sec{display: none;}
    #mob-article-detailadd-sec{display: block;}
    #mob-article-detailadd-sec .article-list ul li{max-width: 300px; margin: 0 auto; float: none; display: block;}

    .cate-adv-none{display:none;}
    .article-add-col.cate-adv-blc{display: block; width: 100%; margin: 20px 0;}
    .article-add-col.cate-adv-blc .advertise-img{height: 250px; display: block;}
    .article-add-col.cate-adv-blc .advertise-img img{width: auto; margin: 0 auto; height: 100%; display: block;}

    
}

@media screen and (max-width: 640px){
    
    .desktop-banner-image{display: none;}
.tablet-banner-image{display: none;}
.mobile-banner-image{display: block; background-position: top center;}
    
    .gallery-img{height: 320px;}
    
    .header-add-sec{height: 160px;}
    .add-padding{padding-top: 160px;}
    
    
}


@media screen and (max-width: 639px){
    
    
    h4{font-size: 18px; line-height: 22px;}
    h1, h2{font-size: 28px; line-height: 36px;}
    h3{font-size: 22px; line-height: 26px;}
    
    /*-- header --*/
    .add-logo{width: 80px;}
    .header-add-sec h2{font-size: 24px; line-height: 28px;}
    .header-add-heading:after{margin: 0 10px;}
    .header-add-heading{padding-right: 10px;}
    .header-add-row{    padding-top: 10px;     clear: both; padding-left: 0;}     
    
    .logo{width: 150px;}
    .header-main .social-icn-list{padding: 110px 0 0 0;}
    .site-search{top:113px;}
    #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block{top: 118px;}
    .social-icn-list ul li a{font-size: 20px;}
    .social-icn-list ul li:after{margin: 0 10px; height: 24px;}
    .site-search input[type="search"].search-field{width: 18px; background-size: 18px;}
    .header-top-wrap{padding: 40px 0 100px;}
    .header-main{margin-bottom: 30px;}
    
    .subscribe-banner-sec{margin-top: 30px;}
    
    /*-- home banner sec --*/
    
    .home-banner-img{min-height: 400px;}
    .home-banner-content h2 {    font-size: 26px;    line-height: 28px; margin-bottom: 60px;}
    .slider-nav{right: 16px;}
    .slider-arw{font-size: 18px;}
    .pagination-nb ul li a{font-size: 12px;}
    
    .home-banner-content{width: 70%; margin: 0 auto; display: block;}
    
    /*-- article list sec --*/
    
    .article-list-sec{padding: 30px 0;}
    
    /*-- insta sec --*/
    
    .instafeed-sec{padding: 30px 0;}
    .insta-list ul{padding: 6px 0 30px;}
    
    
    
    
    
    
  /*-- article page --*/
    
    .inner-banner-img{height: 400px;}
    
    .mid-content{padding: 30px 0 20px;}
     .border-heading h1 , .border-heading h2{margin-bottom: 15px;}
    
    .gallery-slider .owl-thumb-item{height: 49px;}
    .gallery-slider-sec figcaption{line-height: 16px;}
    .quote-txt blockquote:before{    width: 20px;     margin-right: 10px;    height: 23px;}
    .quote-txt blockquote{font-size: 18px; line-height: 26px;}
    
    
    .article-btn{padding:  0 30px;}
    /*-- about page --*/
    
    .team-list ul li{width: 100%;}
      
    .team-list-main{max-width: 320px;}
    
    /*-- contact page --*/
    
    
    .contact-map-sec{height: 350px;}
    .contact-map-sec  .subscribe-btn-wrap .btn{margin-top: 25px;}
    
    /*-- subscribe page --*/
    
    .subscribe-banner-sec .inner-banner-img{height: 400px;}
    
    /*-- ocean event --*/
    
    /*-- boat page --*/
    
    .boat-catg-list ul li a{padding: 0 10px; display:inline-block;}
    .boat-catg-list ul li {display: block; margin:30px 0; padding: 0 50px;}
    .catg-list-icn{ height: 50px; width: 50px;   right: 100%; left: auto; top: 50%; transform: translate(17% ,-50%); -webkit-transform: translate(17%, -50%);}

    .boat-catg-list ul li a:hover  .catg-list-icn, .boat-catg-list ul li a:focus .catg-list-icn, .boat-catg-list ul li.active a .catg-list-icn{
        transform: translate(0%, -50%); -webkit-transform: translate(0% ,-50%);  }
    
    .catg-icn-img{background-size: 22px;}
    .boat-catg-list{text-align: left;}
    
    .email-news-img{padding: 10px 0 15px 0;}
    
   .top-features-slider .owl-carousel { width: 59%; }
   .top-features-slider figure { width: 38%; padding-left: 8%; margin: 0; }
    
    
    
    
    
    .home-banner-slider button.mfp-close{  top: 6px;    right: 15px; padding-top: 8px; }
    
    .subscribe-row {    padding-top: 40px;}
    

 
    
}

@media screen and (max-width: 480px){
    
    
    h4{font-size: 18px; line-height: 22px;}
    h1, h2{font-size: 26px; line-height: 34px;}
    
    
    .header-add-sec{height: 100px;}
    .add-padding{padding-top: 100px;}
    
    
    /*-- header --*/

    .header-add-sec h2{font-size: 22px; line-height: 26px;}
    .header-add-sec p{font-size: 14px; line-height: 16px;}
    .header-add-heading:after{margin: 10px 0; width: 47px; height: 1px; left: 0; clear: both; display: block;}
    .header-add-info{clear: both;}
   /*-- article page --*/
    
    
    .inner-banner-img{height: 400px;}
    
    /*-- about page --*/
    
    .magazine-list ul li{width: 100%;}
    
    /*-- contact page --*/
    
    .contact-map-sec{height: 300px;}
    .contact-form .wpcf7-form-control-wrap{width: 100%;}
    .contact-content{width: 100%; display: block; float: none; clear: both; padding-left: 0;}
    .contact-icn{width: auto; display: block;}
    .contact-col{padding:25px 15px;}
    .contact-content p a {    margin-bottom: 10px;    display: inline-block;}
    
    
    .gallery-img{height: 280px;}
    
    
    
    .subscribe-list{padding-top: 10;}
}