.mobile-menu-btn{display: none;}
.mobile-menu-btn #menu{display: none;}
.on #menu{display: block;}
.mobile-menu-wrap ul{padding:10px;}
.mobile-menu-wrap ul ul{padding:5px 0;}
.mobile-menu-wrap ul li{display: block;}
.mobile-menu-wrap ul li a {display: inline-block;line-height: 18px;padding: 5px 15px;vertical-align: middle;color: #010e2e;font-size: 14px;}
.mobile-menu-wrap ul li a:hover{color: #ff5253; background: none;}
.mobile-menu-btn .home-links{font-size: 16px; color: #fff;font-weight: bold;}



/* iPad 1024 (Landscape) view*/
@media only screen and (max-width:1279px){
.navigation-links ul{margin: 0 -10px;}
.navigation-links ul li{margin: 0 10px;}
.imagery-item-inner {margin: 0 -12px;font-size: 0;}
/*.imagery-item {margin: 0 12px 7px;width:46%;}*/
.imagery-itemtwo .imagery-item {margin: 0 0px 7px;width:50%;padding: 0 15px;}
.imagery-itemthree .imagery-item {margin: 0 0px 7px;width:33.33%;padding: 0 15px;}
.imagery-itemfour .imagery-item {margin: 0 0px 7px;width:25%;padding: 0 15px;}
.imagery-content h3{min-height: 44px;}
.add-banner {margin: 25px 0 30px;}
.blog-image {width: 220px;}
.blog-content {width:64%;}
.footer-links ul li{margin: 0 6px;}
.social-section ul li a{font-size: 18px;padding: 2px 0 2px 45px;}
.tweet-post h2,.strom-guide h2{font-size: 20px;}
.navigation-links ul li a{font-size: 14px;}
.webcams-slider .slick-prev::after{top: -37px;height: 140px;}
.slick-arrow{top: 47px;}

}



/* iPad 768 (Porrtrait) view*/
@media only screen and (max-width: 1023px) {
.mobile-menu-btn, .mobile-search-btn{display: block;padding: 14px 0 13px;}
.navigation-links {display: none;}
.top-add {margin: 22px 0;}
.logo {margin-top: 8px;width: 285px;margin-bottom: 34px;}
.imagery-item-inner {margin: 0 -15;}

.imagery-content h3 {min-height: inherit;}
.blog-content {width:395px;}
.side-bar {margin-top: 22px;font-size: 0;}
.live-video {width:50%;display: inline-block; vertical-align: top;}
.social-section {display: inline-block;margin: 36px 0;padding-left: 30px;vertical-align: top;width:50%;}
.detail .social-section{width:340px;}
.sidebar-add {margin: 30px 0 38px;width: 100%;}
.tweet-post {float: left;padding-right: 15px;width: 50%;margin-top: 10px;}
.strom-guide {float: left;padding-left: 15px;width:100%;margin-top:5px;}
.footer-links ul li a{font-size: 14px;}
.copyright{margin-bottom: 30px;}
.copyright p{font-size: 14px;}
.webcams-slider .slick-prev {left: 16px;}
.webcams-slider .slick-prev::after{left: -16px;top: -47px;height: 150px;}
.sidebar-inner {width: 50%;float: left;}
.sidebar-inner .social-section {margin: 22px 0 26px;padding: 0;}
.detail .social-section ul li{margin: 0;}
.sidebar-inner .sidebar-add,.detail .strom-guide{margin: 0;}
.detail .web-cams {margin-top: 20px;}
.detail .welcome-note > h2 {margin-bottom: 25px;margin-top: 30px;}
.detail .weather-detail {padding-top: 15px;}
.at-resp-share-element.at-mobile .at-share-btn {margin-right: 4px !important;}
.strom-guide {width: 50%;margin-bottom: 18px;text-align: center;}
.sidebar-add {margin-bottom: 20px;display: inline-block;vertical-align: top;}
.weather-report > h2 {margin-bottom: 20px;}
.slick-arrow{top: 56px;}
.weather-inner .col-md-8 {width: 100%;}
.weather-inner .col-md-4{width: 100%;}
.imagery-img a {display: inline-block;vertical-align: top;width: 100%;}
.tweet-img img {width: 100%;}
.image-map img[usemap]{width: 100%;}
.video-inner{width: 337px;}






}
/* iPhone-6 plus 736 (Landscape) view */
@media only screen and (max-width: 767px) {
.blog-content {width: 68%;}
.social-section{width: 362px;}
.webcams-slider .slick-next::after{right: -8px;}
.detail .social-section {width: 100%;}
.slick-arrow{top: 55px;}
.slick-prev.slick-disabled{display: none !important;}
.webcams-img,.report-img  {height: 100%;max-height: 116px;width: 100%;overflow: hidden;}
.webcams-img img, .report-img img{height: 100%;}

}

/* iPhone-6 667 (Landscape) view */
@media only screen and (max-width: 735px) {
.top-add {margin: 15px 0;}
.logo{margin-bottom: 20px;}
.uptadet-text p, .uptadet-text p a{font-size: 16px;}
h1 {font-size:28px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:17px;}
h5 {font-size:16px;}
h6 {font-size:15px;}
p,a{font-size: 14px;}
.blog-content {width: 65%;}
.live-video{width: 300px;}
.social-section {width: 333px;}
.footer-links ul li {margin: 0 22px;}
.slick-prev {left: 15px;}
.slick-prev::after{left: -15px;}
.report-img img.lazyloaded {width: 100%;}
.at-resp-share-element.at-mobile .at-share-btn {margin-right: 1px !important;}
.slick-next::after{right: -8px;}
.slick-arrow{top:92px;}
.inner-detail .slick-next::after, .inner-detail .slick-prev::after{height:250px ;top:-96px;}
.webcams-img, .report-img {max-height:inherit;}

}

/* iPhone-5 568 (Landscape) view */
@media only screen and (max-width: 666px) {
.blog-image {display: none;}
.blog-post{padding-bottom: 5px;}
.blog-content {padding: 0;width: 100%;}
.social-section {padding-left: 15px;width:234px;}
.social-section ul li a{font-size: 14px;}
.live-video {width: 100%;}
.social-section {padding-left: 0;width: 100%;margin-bottom: 0;}
.social-section ul li a{font-size: 20px;}
.sidebar-add{margin: 15px 0;}
.tweet-post{width: 100%;padding: 0;margin: 15px 0;}
.tweet-img img {width: 100%;}
.strom-guide {margin: 20px 0;padding-left: 0;}
.sidebar-add img {width: 100%;}
.footer-links ul li {margin: 0 10px;}
.footer-links ul li a {line-height: 14px;padding: 6px 0 !important;}
.sidebar-inner {width: 100%;}
.detail .strom-guide {margin-top: 30px;}
.slick-next::after{right: -8px;}
.image-map img[usemap]{width: 100%;}
.strom-guide {width:100%;}
.detail .social-section {width: 100%;text-align: center;}
.slick-arrow{top:74px;}
.inner-detail .slick-next::after, .inner-detail .slick-prev::after{height: 182px;top: -66px;}
.webcams-img, .report-img{max-height: 154px;}
.imagery-item{width: 50%;}
.latest-imagery .imagery-item-inner .slick-prev:after{left: -18px;}
.latest-imagery .imagery-item-inner .slick-next:after{right:-11px;}




}
/* iPhone-4 480 (Landscape) view */
@media only screen and (max-width: 567px) {
.uptadet-text p, .uptadet-text p a {font-size:16px;text-align: center;}
.updates-section {margin-bottom: 5px;}
.imagery-content h3 {font-size: 14px;}
.imagery-content p{font-size: 13px;}
.add-banner {margin: 20px 0 28px;}
.blog-post h2 {margin-bottom: 20px;}
.weather-report ul li{width: 50%;margin-bottom: 20px;}
.report-img img.lazyloaded {width: 100%;}
.webcams-img img.lazyloaded {width: 100%;}
.top-add {margin: 0;}
.logo {float: none;margin: 12px auto 16px;width: 220px;}
.map-button ul li{margin: 0 7px;}
.live-video > h2 {margin-bottom: 18px;}
.image-map img[usemap]{width: 100%;}
.slick-arrow{top:128px;}
.slick-next{right:8px;}
.inner-detail .slick-next::after, .inner-detail .slick-prev::after{height: 288px;top: -120px;}
.webcams-img,.report-img{max-height:263px;}
.video-inner {width:100%;}
.latest-imagery .imagery-item-inner .imagery-img {max-height:259px;overflow: hidden;height: 100%;width: 100%;}



}

/* iPhone-6 plus 414 (Porrtrait) view */
@media only screen and (max-width: 479px) {
.imagery-content p{margin: 0;}
.imagery-item{margin: 0 0 14px;}
.add-banner {margin: 8px 0 34px;}
.blog-post h2 {margin-bottom: 16px;}
.blog-content span, .blog-content span a {line-height: 18px;}
.weather-report{padding-bottom: 0;}
.weather-report > h2 {margin-bottom: 14px;}
.social-section {margin-top: 22px;}
.sidebar-add {margin: 7px 0 20px;}
.footer-links ul li a{padding: 0 !important;}
.strom-guide {width: 100%;}
.footer-links ul li {margin: 0 7px;}
.mobile-menu-btn .home-links{font-size: 14px;}
.uptadet-text p, .uptadet-text p a {font-size:14px;}
.imagery-content h3{font-size: 12px;}
p, a {font-size: 12px;line-height: 18px;}
h2 {font-size: 18px;}
.social-section ul li a {font-size: 16px;padding: 5px 0 5px 45px;}
.copyright p {font-size: 12px;}
.webcams-text a{font-size: 12px;}
.uptadet-text p a {display: block;}
.top-header .col-md-8.col-md-offset-2{padding: 0;}
.footer .col-md-10.col-md-offset-1 {padding: 0;}
.footer-links, .copyright{padding: 0 15px;}
.map-button{padding:  0 10px;}
.map-button ul li input {height: 18px;width: 16px !important;}
.at-resp-share-element.at-mobile .at-share-btn {height: 30px !important;width: 30px !important;}
.at-resp-share-element.at-mobile .at-share-btn .at-icon-wrapper, .at-resp-share-element.at-mobile .at-share-btn .at-icon-wrapper svg{width: 22px !important;height: 22px !important;}
.slick-arrow{top:89px;}
.inner-detail .slick-next::after, .inner-detail .slick-prev::after{height: 210px;top: -80px;}
.webcams-img,.report-img{max-height:184px;}
.imagery-item-inner {margin: 0 -8px;}
.imagery-item {padding: 0 8px;}
.imagery-itemsingle .imagery-item{padding: 0;}
.latest-imagery .imagery-item-inner .slick-prev:after{left: -22px;}
.latest-imagery .imagery-item-inner .slick-next:after{right:-15px;}
.latest-imagery .imagery-item-inner .imagery-img {max-height:184px;}


}

/* iPhone-6 375 (Porrtrait) view */
@media only screen and (max-width: 413px) {
.latest-imagery .imagery-item-inner .imagery-img {max-height:174px;}

}

/* iPhone-4 320 (Porrtrait) view */
@media only screen and (max-width: 374px) {
.inner-detail .slick-next::after, .inner-detail .slick-prev::after{height: 172px;top: -60px;}
.slick-arrow{top:69px;}
.webcams-img, .report-img{max-height:143px;}
.latest-imagery .imagery-item-inner .imagery-img {max-height:133px;}

}